@media
(max-width: 1199px) {
    .wrp { width: calc(100% - 40px) }
    body { min-width: 0 }
    .commonTop.ac { left: 0; position: fixed; top: 0; width: 100%; z-index: 10 }
    #header { background: #110e0b }
    #menuMain.fixTop { position: static }
    #menuMain .wrp .menuLeft { background: #fff; height: calc(100% - 45px); left: -100%; overflow: auto; padding-bottom: 50px; position: fixed; top: 45px; transition: 0.3s all ease-in-out; width: 100%; z-index: 10; }
    #menuMain .wrp .menuLeft.ac { left: 0 }
    #menu { position: static }
    #menuMain { padding: 5px 0 }
    #menuMain .wrp .menuLeft .title { display: none }
    #menuMain.fixTop #menu { display: block }
    #slider .wImage { height: auto }
    #slider .wImage:before { padding-bottom: 40.16% }
    #product .proStyle1 .bot .bannerPro .wImage:nth-child(3n - 2) { width: 630px }
    #product .proStyle1 .bot .bannerPro .wImage:nth-child(3n - 1),
    #product .proStyle1 .bot .bannerPro .wImage:nth-child(3n) { width: calc(100% - 638px) }
    #product.hp .proNewst .bot,
    #product.hp .proHot .bot { display: block }
    #product.hp .proNewst .bot .left,
    #product.hp .proHot .bot .left,
    #product.hp .proStyle3 .bannerPro { margin-bottom: 10px }
    #product.hp .proNewst .bot .left,
    #product.hp .proNewst .bot .right,
    #product.hp .proHot .bot .left,
    #product.hp .proHot .bot .right { width: 100% }
    #product.hp .proNewst .bot .left .wImage:before,
    #product.hp .proHot .bot .left .wImage:before,
    #product.hp .proStyle3 .bannerPro .wImage:before { padding-bottom: 30.41% }
    #product.hp .proNewst .bot .right,
    #product .proStyle1 .bot .group { padding: 0 }
    #video.hp .bot { display: block }
    #video.hp .bot .videol { margin-bottom: 15px }
    #video.hp .bot .videol,
    #video.hp .bot .videor { width: 100% }
    #newsHome .group { display: flex; flex-wrap: wrap; justify-content: space-between; }
    #newsHome .item,
    #newsHome .item ~ .item { border: none; margin-right: 20px; padding: 0; width: calc((100% - 20px) / 2); }
    #newsHome .item:nth-child(2n) { margin-right: 0 }
    #newsHome .item:first-child .wImage { margin-right: 15px; width: 137px; }
    #newsHome .item:first-child .wImage:before { padding-bottom: 66.66% }
    #newsHome .item:first-child .name { font-family: HelveticaNeue; font-size: 16px; text-align: left; text-transform: none; }
    #glasses.hp .group .item { padding: 0 20px }
    #glasses.hp .xemthem { margin-top: 10px }
    #logoPartner .wrp .wImage:before { padding-bottom: 35% }
    #product .proStyle2 .bot .itemPro,
    #product .proStyle2 .bot .itemPro:nth-child(6n) { margin-right: 20px; width: calc((100% - 60px) / 4); }
    #product .proStyle2 .bot .itemPro:nth-child(4n) { margin-right: 0 }
    #product.hp .proStyle3 .bannerPro .wImage:before { padding-bottom: 46.23% }
    #product .proStyle3 .groupBot { margin-bottom: -15px }
    #product .proStyle3 .groupBot .itemPro { display: block }
    #product .proStyle3 .groupBot .itemPro .wImage { width: 100% }
    #product .proStyle3 .groupBot .itemPro,
    #product .proStyle3 .groupTop .itemPro { margin-bottom: 15px; margin-right: 20px; width: calc((100% - 60px) / 4); }
    #footer .wrp .mid { margin: 0 20px; width: 230px; }
    #product .itemPro { padding: 22px 20px 13px 20px }
    .openList { display: block; height: 35px; width: 35px; }
    .openList hr { -moz-transition: 0.5s all ease-in-out; background: #fff; border: 1px solid #fff; transition: 0.5s all ease-in-out; z-index: 98; }
    .openList.ac { position: relative; z-index: 21 }
    .openList.ac hr:nth-child(2) { opacity: 0 }
    .openList.ac hr:nth-child(1) { -moz-transform: rotate(135deg) translateX(6px) translateY(-6px); background: #fff; border-color: #fff; transform: rotate(135deg) translateX(6px) translateY(-6px); }
    .openList.ac hr:nth-child(3) { -moz-transform: rotate(-135deg) translateX(6px) translateY(6px); background: #fff; border-color: #fff; transform: rotate(-135deg) translateX(6px) translateY(6px); }
    #product.hp .divTab { overflow-x: auto }
    #product.hp .tab { display: table; margin: auto }
    #product.hp .tab li { border-right: 3px solid #fff; display: table-cell; }
    #product.hp .tab li:last-child { border: none }
    #header .wrp ul.right { display: block; flex: none }
    #header .wrp ul.right li { display: none }
    #header .wrp ul.right li:nth-child(1) { border-right: none; display: block; padding-left: 0 }
    #header .wrp .flex { flex: 1; justify-content: space-between }
    #header .wrp .search { flex: 1; margin: 0 20px }
    #fixright { display: none }
    #header .wrp ul.right li .num.dbtablet-l { display: block }
    #header .wrp ul.right li a { position: relative }
    #header .wrp ul.right li a .num { background: #ff0; border-radius: 50%; color: #000 !important; font-size: 10px !important; height: 15px; line-height: 15px !important; position: absolute; right: 0; top: 0; width: 15px; }
    #product .proStyle3 .title span:before,
    #product .proStyle3 .title span:after { width: 200px }
    .titleNewsHome { align-items: flex-end; color: #ffc000; display: block; display: flex; font-size: 27px; justify-content: center; margin-bottom: 25px; margin-top: 10px; }
    .titleNewsHome span { display: inline-block; margin-bottom: -10px; padding: 0 20px; }
    .titleNewsHome:before,
    .titleNewsHome:after { background: #ffc000; content: ""; height: 1px; width: 200px }
    #menu { height: auto; min-height: 0 }
    #menu li:hover .submenu { display: none }
    #menu li .submenu { border-left: none; flex-wrap: wrap; height: 100%; left: 0; overflow-y: auto; position: static; top: 0; width: 100%; }
    #menu li .submenu .parent { align-items: flex-start; display: flex; justify-content: space-between; width: 100%; }
    #menu li .submenu .parent .group { border: none; margin: 0; padding: 0; width: calc((100% - 20px) / 2); }
    #menu li .openSub { transition: 0.3s all ease-in-out }
    #menu li .openSub.ac { margin-top: -8px; transform: rotate(90deg); }
    #menuMain .search { display: block }
    
    #menuMain .search .groupsearch { box-sizing: border-box; padding: 10px }
    #menuMain .search .groupsearch .item { float: left; margin-bottom: 10px; margin-right: 15px; width: 100%; }
    #menuMain .search .groupsearch .item:nth-child(2n + 1) { margin-right: 0 }
    #menuMain .search .groupsearch .item p { margin-bottom: 3px }
    #menuMain .search .groupsearch .item select,
    #menuMain .search .groupsearch .item input[type=text] { -moz-appearance: none; -webkit-appearance: none; background: url(icon/slotsearch.png) right 10px center no-repeat, #fff; border: 1px solid #ccc; box-sizing: border-box; height: 30px; outline: none; padding: 0 15px; width: 100%; }
    #menuMain .search .groupsearch .item input[type=text] { background: #fff }
    #header #menuMain .search .btnsearch { background: #ffc000; color: #f0ecec; display: block; font-family: HelveticaNeue; font-size: 14px; height: 30px; line-height: 30px; text-align: center; text-transform: uppercase; width: 100%; }
    #menuMain .top .search { border: none; border-radius: 0; margin: auto; width: calc(100% - 20px); }
    #menuMain .search .btnsearch { background: #ffc000; color: #f0ecec; display: block; font-family: HelveticaNeueB; font-size: 14px; height: 30px; line-height: 30px; text-align: center; text-transform: uppercase; width: 100%; }
    .order { flex-wrap: wrap }
    .order .price { margin-bottom: 10px; overflow: auto; width: 100%; }
    .order .price .lstPrice { display: table; flex: 1; overflow: auto }
    .order .price .lstPrice li { display: table-cell }
    .order .right .function .sub { left: 0; max-width: 95vw; right: inherit; }
    .lstChoose { overflow: auto }
    .lstChoose ul { display: table }
    .lstChoose ul li { display: table-cell }
    .lstChoose ul li a { margin-right: 5px }
    #product.detail .top .left { margin-right: 10px; width: 350px; }
    #product.detail .top .right .rightl { width: 300px }
    #product.detail .bot .right { display: none }
    #product.detail .bot .left { margin-right: 0; width: 100%; }
    #newslist .left { width: 650px }
    #newslist .left .main .mainL { width: 400px }
    #newslist .lstCate { margin-bottom: 15px; max-width: 100%; overflow: auto; }
    #newslist .lstCate ul { display: table }
    #newslist .lstCate li { display: table-cell }
    #newslist .lstCate li a { font-size: 14px; white-space: nowrap }
    #newslist,
    #showroom2 { width: 100% }
    #product.cart > .flex { display: block }
    #product.cart .left,
    #product.cart .infoDatHang { flex: none; padding: 0; width: 100%; }
    #product.cart .left { margin-bottom: 20px }
    #product.cart .tableCart .col2 { width: 300px }
    .btnThanhToan { margin: 0 auto 10px; width: 700px; }
    .tragop,
    .btnMuaNgay2 { width: 100% }

    #showroom .list .left {width: 480px}
    #showroom .uudai {padding: 0}
    #showroom .uudai .flex .left {width: 600px}
}
@media
(max-width: 991px) {
    #header .wrp { width: calc(100% - 20px) }
    #video.hp .top { width: 100% }
    #product .proStyle3 .groupBot .itemPro,
    #product .proStyle3 .groupTop .itemPro { margin-bottom: 0; margin-right: 12px; width: calc((100% - 36px) / 4); }
    #glasses.hp .wrp { width: 100% }
    #glasses.hp .group .item { padding: 0 10px }
    #star { padding: 20px 0 }
    #product.hp .proNewst .top,
    #product.hp .proHot .top,
    #product.hp .tabHome .top { border-bottom: none; display: block; }
    #product.hp .proNewst .top .commonTitle,
    #product.hp .proHot .top .commonTitle,
    #product.hp .tabHome .top .commonTitle { border-bottom: 1px solid #ccc; display: block; margin-bottom: 10px; margin-right: 0; padding-bottom: 5px; }
    #product.hp .proHot .top .flex,
    #product.hp .tabHome .top .flex { display: block }
    #product.hp .proNewst .bot { padding-top: 0 }
    #product .proHot .top .xemthem,
    #product .tabHome .top .xemthem { display: none }
    #product.hp .proSale .title span:before,
    #product.hp .proSale .title span:after,
    #product .proStyle3 .title span:before,
    #product .proStyle3 .title span:after { width: 200px }
    #product .proStyle1 .bot .bannerPro .wImage:nth-child(3n - 2) { margin-right: 0; width: 100%; }
    #product .proStyle1 .bot .bannerPro .wImage:nth-child(3n - 1),
    #product .proStyle1 .bot .bannerPro .wImage:nth-child(3n) { margin-right: 8px; width: calc((100% - 8px) / 2); }
    #product .proStyle1 .bot .bannerPro .wImage:nth-child(3n) { margin-right: 0 }
    #logoPartner .wrp { margin-bottom: -13px }
    #logoPartner .wrp .wImage { margin-bottom: 13px; margin-right: 13px; width: calc((100% - 26px) / 3); }
    #logoPartner .wrp,
    #footer .wrp,
    #footer .wrp .left .bot { flex-wrap: wrap }
    #logoPartner .wrp .wImage:nth-child(3n) { margin-right: 0 }
    #logoPartner .wrp .wImage:before { padding-bottom: 29.84% }
    #footer .wrp .mid { margin-right: 0 }
    #footer .wrp .right { display: none }
    #commonBot .wrp { display: block }
    #commonBot .wrp .logo { display: block; margin: auto; margin-bottom: 10px }
    .heading1 { left: 50%; transform: translateX(-50%) }
    #star .title span:before,
    #star .title span:after { width: 100px }
    #product .itemPro { padding: 22px 10px 13px 10px }
    #menuMain .wrp .menuRight { justify-content: center }
    #menuMain .wrp .menuRight .right,
    #menuMain .wrp .menuRight .left ul li:last-child:after { display: none }
    #product.list .colleft { display: none }
    #product.list .colright { width: 100% }    
    #product.detail .top { display: block }
    #product.detail .top .left { width: 100% }
    #product.detail .top .left .imgLarge { float: right; width: calc(100% - 150px); }
    #product.detail .top .left .imgSmall { float: left; width: 150px; }
    #product.detail .top .right .rightl { margin-right: 20px; width: 380px; }
    #newslist .flex { flex-flow: wrap row }
    #newslist .left,
    #newslist .right { width: 100%; }
    #newslist .right { flex: none; padding-left: 0; }
    #newslist .left .main .mainL { width: 370px }

    #showroom { width: calc(100% + 40px); margin-left: -20px}
    #showroom .list .left {width: 380px}
    #showroom .uudai .flex {display: block}
    #showroom .uudai .flex .left,#showroom .uudai .flex .right { width: 100%; margin: 0}
    #showroom .uudai .flex .right {margin-top: 15px}
    #showroom .uudai {margin-top: 40px}
    .box_cutdown{
        display: block;
        margin-bottom: 10px;
        border-radius: 0;
    }
    .box_cutdown img{
        max-width: 100%
    }
    #countdown{
        position: relative;
        top: 0; right: 0;left: 0;bottom: 0;
        padding: 10px 0;
        text-align: center;
    }
}
@media
(max-width: 767px) {
    .wrp { width: calc(100% - 20px) }
    .noidung table { width: 100% !important }
    #product .proStyle2 .bot .itemPro,
    #product .proStyle2 .bot .itemPro ~ .itemPro { margin-right: 20px; width: calc((100% - 40px) / 3); }
    #product .proStyle2 .bot .itemPro:nth-child(3n) { margin-right: 0 }
    .commonBanner.type1 { flex-wrap: wrap }
    .commonBanner.type1 a { flex: none; margin-bottom: 10px; margin-right: 0; width: 100%; }
    .commonBanner.type1 a:last-child { margin-bottom: 0 }
    #product .proStyle3 .groupBot .itemPro,
    #product .proStyle3 .groupTop .itemPro { margin-right: 12px; width: calc((100% - 24px) / 3); }
    #product .proStyle3 .groupBot .itemPro:nth-child(3n),
    #product .proStyle3 .groupTop .itemPro:nth-child(3n) { margin-right: 0 }
    #product .proStyle3 .groupBot .itemPro:nth-child(3) ~ .itemPro,
    #product .proStyle3 .groupTop .itemPro:nth-child(4) ~ .itemPro { display: none }
    #glasses.hp .wrp { padding: 20px 0 }
    #glasses.hp .group .item { padding: 0 20px; width: 50%; }
    #footer .wrp .mid { width: 190px }
    #footer .wrp .mid .more,
    #footer .wrp .mid .htch .name { font-size: 13px }
    #footer .wrp .left .bot > * { margin-right: 15px }
    #product.hp .proSale .title span:before,
    #product.hp .proSale .title span:after,
    #product .proStyle3 .title span:before,
    #product .proStyle3 .title span:after { width: 100px }
    #star .title span:before,
    #star .title span:after { width: 50px }     
    .openList { margin-right: 0 }
    #header .flex:first-child ul.right { display: none }
    #product .itemPro .price { min-width: 100%; padding: 0; text-align: center }
    .bannerLogo { display: none }
    #star .group .item .name { font-size: 13px }
    #menuMain .wrp .menuRight .left ul li { padding: 0 10px }
    #header .wrp ul.right { align-items: center; background: #FFF; 
        border-top: 1px solid #ccc;
        border-radius: 5px 5px 0 0;
     bottom: 0; display: flex; left: 0; padding: 5px; position: fixed; width: 100%; z-index: 15; height: 56px;}
     #header .wrp ul.right li {padding: 0 5px;}
    #header .wrp ul.right li,
    #header .wrp ul.right li ~ li { display: block; flex: 1 }
    #header .wrp ul.right li:last-child { display: none }
    #header .wrp ul.right li a { justify-content: center;color: #555;display: block;text-align: center; font-size: 13px;}
    #header .wrp ul.right li a i{display: block; color: #555; font-size: 20px}
     #header .wrp ul.right li a span{display: block;
    font-weight: bold;
    padding-top: 3px;}
    #header .wrp ul.right li span.text { flex: none; text-align: left; }
    #header .wrp ul.right li span.text span:last-child {  font-size: 14px }
    #header .wrp ul.right li { border: none }
    #commonBot { padding-bottom: 70px }
    .heading1 { bottom: 36px;width: 100%;
    text-align: center;}
    .titleNewsHome:before,
    .titleNewsHome:after { flex: 1 }
    #product.list .group .itemPro { width: calc(100% / 3) }
    #product.detail .top .right .rightl { margin-right: 20px; width: 340px; }
    #news .list { padding-left: 20px }
    #news { width: 48% }
    #product.cart .tableCart .col2 { width: 170px }
    .btnThanhToan { width: 100% }

    #showroom { width: 100%; margin-left: 0; padding-left: 10px; padding-right: 10px}
    #showroom .list {display: block}
    #showroom .list .left,#showroom .list .right { width: 100%; margin: 0}
    #showroom .list .right {margin-top: 15px}
    #showroom .list .left .box {padding: 15px}
    .tabs{
        padding: 0 5px 10px 5px;
    }
    .tab-link{
        padding: 10px 5px;
        display: block;
        font-size: 14px;
        text-align: center;
        margin-right: 5px;
    }
    .tab-link span:last-child {
        padding: 0;
        padding-top: 3px;
        display: block;
    }
    .carousel-wrapper {
        margin: 0 5px;
    }
    .flash_sale {
        padding: 0px;
        display: block;
        padding-bottom: 5px;
    }
    .flash_sale_header {
        width: 100%;
        padding-bottom: 0;
    }
    .flash_sale_header img{
        max-width: 100%;
    }
    .flash_sale_right {
        padding: 5px;
    }
     #support .left,#support .right {width: 100%;background: none;padding: 0 10px;}
     #support .left ul{
        padding-left: 0;   
        border: none;     
    }
    .commonDesc{
        width: 100%;
        padding: 0 5px;
    }
    #product.list .group{padding: 0;}
    .detail_top{
      display: block;
    }
    .detail_top_left{
      width: 100%;
    }
    .detail_top_left .imgLarge{
      
      border: none;
      padding: 0;
    }
    .detail_top_right{
      width: 100%;
    }
    
    .detail_top{
        display: block;
    }
    .detail_top .left{
        width: 100%
    }
    .detail_top_right{
        padding: 0 5px;
        width: 100%;
        display: block;     
    }
    .detail_top_right_right{
         padding-left: 0;
         width: 100%;
         max-width: 100%;
    }
    .detail_product_box{
        display: block;
    }
    .tabContent{
        padding: 5px;
    }
    .detail_product_right{
      width: 100%;
      padding: 5px;
    }
    .detail_product_left{
        margin-right: 0;
    }
    .product_brand_box{padding: 0 5px 5px 5px;}
    #product_brand .item a{margin-top: 5px;}
    #products-header .header_title span:after {width: 100px;}
    #wpwidget .mobile .widget-layout.widget-layout--right {
     right: -10px !important;
     left: unset !important;
     margin-bottom: 22px !important;
    }
    #wpwidget .mobile .chat-button--img{
        margin-bottom: 12px !important;
        right: -10px !important;
        margin-right: -15px !important;
    }
}
@media
(max-width: 479px) {
    .wrp { width: 100% }
    #header{padding: 0px;padding-top: 5px;}
    #logoPartner { padding: 0 5px;margin-bottom: 5px;margin-top: 10px;}
    #logoPartner .item a {margin-bottom: 5px;}
    #logoPartner .wrp .wImage { margin-bottom: 5px; margin-right: 5px; width: calc((100% - 10px) / 3); }
    .commonBanner { flex-wrap: wrap }
    .commonBanner a { flex: none; margin-right: 0; width: 100%; }
    #product .proStyle3 .groupTop { flex-wrap: wrap }
    #product .proStyle2 .bot .itemPro,
    #product .proStyle2 .bot .itemPro ~ .itemPro,
    #product .proStyle3 .groupBot .itemPro,
    #product .proStyle3 .groupBot .itemPro ~ .itemPro,
    #product .proStyle3 .groupTop .itemPro,
    #product .proStyle3 .groupTop .itemPro ~ .itemPro { flex: none; margin-bottom: 12px; margin-right: 12px; width: calc((100% - 12px) / 2); }
    #product .proStyle2 .bot .itemPro:nth-child(2n),
    #product .proStyle3 .groupBot .itemPro:nth-child(2n),
    #product .proStyle3 .groupTop .itemPro:nth-child(2),
    #product .proStyle3 .groupTop .itemPro:nth-child(5) { margin-right: 0 }
    #product .proStyle3 .groupBot .itemPro:nth-child(3) ~ .itemPro,
    #product .proStyle3 .groupTop .itemPro:nth-child(4) ~ .itemPro { display: block }
    #glasses.hp .group .item { line-height: 20px; padding: 0 10px; }
    #glasses.hp .group .item .price { padding-right: 55px }
    #glasses.hp .group .item .price,
    #glasses.hp .group .item .price span { display: block }
    #glasses.hp .group .item .percent { bottom: -30px; right: 10px; top: inherit; }
    #video.hp .top { padding: 15px 10px }
    #product.hp .proSale .title span:before,
    #product.hp .proSale .title span:after,
    #product .proStyle3 .title span:before,
    #product .proStyle3 .title span:after { width: 50px }
    #product.hp .commonTitle,
    #product .proStyle3 .title { font-size: 23px; text-align: center }
    #newsHome .item,
    #newsHome .item ~ .item { margin-right: 0; width: 100%; }
    #newsHome .item:first-child { display: block }
    #newsHome .item:first-child .wImage { margin-right: 0; width: 100%; }
    #newsHome .item:first-child .name { color: #fff; display: block; font-family: HelveticaNeueB; line-height: 21px; text-align: center; }
    #newsHome .item:first-child .wImage:before { padding-bottom: 45.37%; }
    #video.hp .bot .right .item { margin-bottom: 20px; margin-right: 20px; width: calc((100% - 20px) / 2); }
    #video.hp .bot .right .item:nth-child(2n) { margin-right: 0 }
    #star .group { padding: 10px; padding-bottom: 20px }
    #star .title span:before,
    #star .title span:after,
    #star .title:before,
    #star .title:after { display: none }
    #star .title { border-bottom: 1px solid #ccc; margin-bottom: 10px; padding-bottom: 10px; }
    #star .title span { font-size: 21px; padding: 0; }
    #footer .wrp .left{
        display: none;
    }
    #footer .wrp .mid,
    #footer .wrp .right { display: block; margin: 0; width: 100%; }
    #footer .wrp .mid { margin: 15px 0 }
    #footer .wrp .left .top { flex-wrap: wrap }
    #footer .wrp .left .top .item { margin-bottom: 5px; width: 100%; }
    #footer .wrp .left .bot .plug { margin-bottom: 10px; margin-right: 0; width: 100%; }
    #footer .wrp .title { align-items: center; display: flex; margin-bottom: 10px }
    #footer .openFoot { margin-right: 5px }
    #footer .openFoot.active i:before { content: "\f146" }
    #footer .wrp .left .top ul { display: none; margin-bottom: 10px; padding-left: 20px }
    #footer .wrp .mid .more,
    #footer .wrp .mid .htch .name { font-size: 15px }
    #menuMain { margin-top: 0;background: #110e0b; }
    #menuMain .wrp { width: 100% }
    #menuMain .wrp .menuRight .left { width: 100% }
    #menuMain .wrp .menuRight .left ul { align-items: flex-start }
    #menuMain .wrp .menuRight .left ul li { border: none; font-size: 14px; justify-content: center; padding: 0; text-align: center; }
    #menuMain .wrp .menuRight .left ul li:after { display: none }
    #menuMain .wrp .menuRight .left ul li:last-child { border-right: none }
    #menuMain .wrp .menuRight .left ul li a { flex-direction: column-reverse }
    #menuMain .wrp .menuRight .left ul li .name { text-transform: none; color: #FFF;padding: 5px 10px;
    text-align: center;
    text-transform: none;
    background: #ffffff14;
    border: 1px solid #666;
    border-radius: 20px;
    color: #F2f2f2;
margin-left: 5px;}
    #menuMain .wrp .menuRight .left ul li .icon { background-color: #f9f9f9; border: 2px solid #c3c3c3; border-radius: 50%; box-shadow: 0 0 10px #c3c3c3; display: inline-block; height: 50px; margin-bottom: 5px; margin-left: 0; width: 50px; }
    #menuMain .wrp .menuRight .left ul li .text { text-transform: none }
    #header .wrp .search span { display: none }
    .search .btnSearch i { margin-right: 0; padding: 0 5px;font-size: 18px;}
    #header .wrp .search { margin: 0 10px }
    #product.hp .proSale .title span { padding: 0 10px }
    #commonBot .wrp .logo { margin-right: auto }
    #header .wrp ul.right li,
    #header .wrp ul.right li ~ li { display: block; flex: auto }
    #header { left: 0; position: top: 0; width: 100%; z-index: 15 }
    #video.hp .top,
    #video.hp .bot .videor,
    #footer .wrp { margin-left: 10px; width: calc(100% - 20px); }
    #product.list .group .itemPro { width: calc(50% - 10px); }   
    .order .right .function .sub .group { padding: 10px 5px !important }
    #product.detail .top .left { margin-bottom: 20px }
    #product.detail .top .left .imgLarge,
    #product.detail .top .left .imgSmall { float: none; margin-right: 0; width: 100%; }
    #product.detail .top .right .flex { display: block }
    #product.detail .top .right .rightl,
    #product.detail .top .right .rightr { margin: 0; width: 100%; }
    #product.detail .top .right .rightl { margin: 15px 0 }
    #product.detail .bot .left .tab-links { display: flex }
    #product.detail .bot .left .tab-links li { flex: 1; margin-right: 0; }
    #product.detail .bot .left .tab-links li:last-child { border-left: none }
    #product.detail .bot .left .tab-links li a { display: block; padding: 0; text-align: center; white-space: nowrap }
    #news .item .info .cont { display: block }
    #newslist .main .khungAnh { width: 100% }
    #newslist .main .info { -moz-transform: none; margin-top: 10px; padding: 0; position: relative; top: 0; transform: none; width: 100%; }
    #newslist .group .item { width: 100% }
    #newslist .left .main .mainL,
    #newslist .left .main .mainR { width: 100% }
    #newslist .left .main .mainR { flex: none; margin-top: 10px; padding-left: 0; }
    #newslist { padding: 10px }
    #newslist .group .item .wImage,
    #newslist .group .item .info { width: 100% }
    #newslist .group .item .info { flex: none; margin-top: 7px; padding: 0; }
    #newslist .newsRight2 .group .item { margin-right: 0; padding: 5px 0; }
    #newslist .eventRight .group .item .info { flex: 1; margin-top: 0; padding-left: 15px; }
    .newsRight2 .main { margin-bottom: 0 }
    .titleNews { font-size: 25px; line-height: 30px }
    #product.cart .tableCart .row3,
    #product.cart .infoDatHang .group .form .item { display: block }
    #product.cart .tableCart .row3 .lienhe,
    #product.cart .tableCart .row3 .totalPrice,
    #product.cart .infoDatHang .group .form .item,
    #product.cart .infoDatHang .group .form .item input,
    #product.cart .infoDatHang .group .form textarea { flex: none; padding: 0; width: 100%; }
    #product.cart .infoDatHang .group .form .item .label { margin-bottom: 7px; width: 100%; }
    #product.cart .infoDatHang .btnCartGroup { display: flex }
    #product.cart .infoDatHang .btnCart { flex: auto; font-size: 14px; padding: 0; }
    #product.cart .tableCart .row .flex { display: block }
    #product.cart .tableCart .row .flex .col { margin-bottom: 5px; text-align: left; width: 100%; }
    #product.cart .tableCart .col1 { width: 120px }
    .btnThanhToan button { margin: 5px 0; width: 100%; }

    #showroom .uudai .title {margin-bottom: 20px}
    #showroom .uudai .title span { font-size: 20px; margin-bottom: 0}
    #showroom .uudai .title:before,#showroom .uudai .title:after { display: none; }
    .flash_sale .flash_sale_content{        
        margin-bottom: 0px;
    }
    #newshp .item{
        margin: 0 10px;
    }
    #products-header .header_title span:after {width: 60px;}
    #showroom .list .left .parent .group{
    	max-height: 100%;
    }
    .tab-link{
        width: 33.33%;
        padding: 5px 5px 2px 5px;
    }
    .tab-link img{
        width: 39px;
    }
    #product.detail{
        padding: 0;
        margin-top: 0;
    }
}
@media
(max-width: 320px) {
    #glasses.hp .group .item { width: 100% }
    /*#product.hp .proNewst,#star .group { width: calc(100% + 20px); margin-left: -10px}*/
    #product.hp .proSale .title span:before,
    #product.hp .proSale .title span:after,
    #product .proStyle3 .title span:before,
    #product .proStyle3 .title span:after { width: 30px }
}