@media screen and (min-width: 1400px){

    .main-banner{

        height: auto;

    }



    .main-banner *{

        height: 100%;

    }



    #slider-cat .main-banner {

/*         height: 300px !important; */

    }

    

    #customer {

        height: 544px;

    }



    .top-name-company img {

        width: 170px;

    }



    .smart-search{

        margin-top: 20px;

    }



    .hotline-header{

        margin-top: 14px;

    }



    .wrap-product-videos .small-item-video .img-video img{

        width: 100%;

    }



   

    .main-menu li.menu-item-has-children:hover>.sub-menu{

        display: block;

    }



    #slider-mobile{

        display: none;

    }
	   .main-banner-mobile-wrap{

        display: none;

    }



}



@media screen and (min-width: 992px) and (max-width: 1378px){

    .main-banner{

        height: auto;

    }



    .main-banner *{

        height: 100%;

    }



    #slider-cat .main-banner {

        height: 300px !important;

    }

    

    #customer {

        height: 544px;

    }



    .top-name-company img {

        width: 170px;

    }



    .smart-search{

        margin-top: 20px;

    }



    .hotline-header{

        margin-top: 14px;

    }



    .item-privacy-shipping {

        margin-bottom: 30px;

    }



    .top-header{

        max-width: 1200px;

        margin: 0px auto;

        padding: 0px 0px;

    }



    .menu-box{

        max-width: 1200px;

        margin: 0px auto;

    }



    #detail_news .content_detail p{

        font-size: 18px;

    }

    #product_content .main_content {

        padding-left: 60px;

        padding-right: 50px;

    }

    .scroll-to-fixed-fixed{

       /* background:#f52031;*/

        z-index: 1000;

        border-bottom: 1px solid #ccc;

    }

    .logo .form_search .form-group input{

        margin-left: -4px;

        width: 400px;

    }

    .logo .form_search button{

        margin-left: -5px;

        background:#8cc63f;

        color: white;

    }

    .logo .form_search{

        text-align: right;

        margin-top: 20px;

    }

    .logo .cart{

        margin-top: 20px;

    }

    /*.logo .cart a{

        display: block;

        background: url('../images/cart.png');

        background-repeat:  no-repeat;

        background-position: top right;

        padding: 10px;

        padding-right: 20px;

    }*/

    .menu-box .main-menu li:hover>a,.menu-box .main-menu li.current-menu-item>a{

        /*color: #8cc63f;*/

    }

    

    .main-menu li.menu-item-has-children:hover>.sub-menu{

        display: block;

    }



/*    .main-menu li.menu-item-has-children:hover>.sub-menu{

        display: block;

    }

    .menu-box .main-menu .sub-menu{

        position: absolute;

        width: 220px;

        z-index: 99;

    }

    .menu-box .main-menu .sub-menu{

        background-color: #ffffff;

        border: #ccc thin solid;

    }

    .main-menu>li>.sub-menu{

        top:100%;

        left:0;

    }

    .main-menu .sub-menu .sub-menu{

        top:-1px;

        left:100%;

    }*/



    /* =========================== video ========================= */



    .small-item-video .wrap-img-video {

        height: 150px;

    }



    .small-item-video .img-video img {

        height: 150px;

        width: 100%;

    }

    

    /* ================= product sale =================*/

    

    .slide-customer {

        min-height: 515px;

    }



    #slider-mobile{

        display: none;

    }





}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px)  { 

    #slider-mobile{

        display: none;

    }



}



@media screen and (max-width: 991px) {

    

    .menu-box{

        position: fixed;

        left:0;

        top:0;

        right:0;

        width: 0;

        height:100vh;

        z-index: 999;

        transition: all 0.3s;

        overflow: hidden;

    }

    .menu-box .bg-menu{

        position: absolute;

        left: 0;

        top:0;

        width: 100%;

        height:100%;

        background-color: rgba(0,0,0,0.7);

        z-index: 98;

    }

    .menu-box .main-menu{

        position: relative;

        z-index: 99;

        width: 250px;

        max-width: 95%;

        height: 100%;

        overflow-x: hidden;

        overflow-y: auto;

        float: left;

        background-color: #fff;

    }

    .menu-site .btn-show-menu{

        color: #fff;

        background-color: #383838

    }

    .menu-box .btn-hide-menu{

        position: relative;

        z-index: 99;

        color: #fff;

        float: left;

    }

    .menu-box .main-menu>li{

        display: block;

        width: 100%;

        border-bottom: #ccc thin solid;

       

    }

    .menu-box .main-menu>li>span{

        display: none;

    }

    .menu-box .main-menu>li>a{

        padding: 7px 10px;

        color: #333;

    }

    .main-menu li:hover>a,.main-menu li.current-menu-item>a{

        background-color: #a5010e;

        color: #fff;

    }

    .main-menu>li.menu-item-has-children>a>i{

        -webkit-transform: rotate(-90deg);

        -moz-transform: rotate(-90deg);

        -ms-transform: rotate(-90deg);

        -o-transform: rotate(-90deg);

        transform: rotate(-90deg);

    }

    .main-menu .sub-menu{

        border-top: #ccc thin dotted;

        padding-left: 10px;

    }

    .main-menu li.menu-item-has-children>a{

        position: relative;

        padding-right: 40px;

    }

    .main-menu li.menu-item-has-children>a>i{

        position: absolute;

        display: inline-block;

        padding: 10px 12px;

        top:0;

        right:0;

        margin: 0 !important;

    }



    .theme-said .item-col:nth-child(2n+1){

        clear: both;

    }



    .logo .cart a{

        text-align: right;

        padding-right: 60px;

    }

    .menu-site{

        

        text-align: left;

        margin-bottom: 15px;

    }

    #lienhe .title{

        top: 550px;

        z-index: 1000;

    }

    .logo .form_search button{

        margin-left: -5px;

        background:#8cc63f;

        color: white;

    }

    .box_img img{

        width: 100%;

    }

    .left_content img{

        width: 100%;

    }

    /*.owl-nav{

        display: none;

    }*/

    #product_content .category{

        position: static;

    }

    #top_gioithieu .img_logo{

        left: 40% !important;

    }

    #top_gioithieu .img_bong{

        left: 26% !important;

    }

}





@media screen and (max-width: 767px) {

	.owl-theme .owl-nav.disabled+.owl-dots {display:none}

    #slider{

        display: none;

    }

    

    /*.main-banner{

        height: 140px;

    }*/



    /*.main-banner .item img{

        height: 100%;

    }*/

    .box-service-home h3 {

        font-size: 12px;

    }

    .header-top{

        background: #fff;

        border-bottom: 1px solid #ccc;

        margin-top: 0px;

        padding: 5px 0px;

    }

    

    #home-service{

        margin-bottom: 0px;

    }

    .menu-site{

        margin-top: 2px;

    }



    .main-banner .owl-dots{

        bottom: 0px;

    }

    

    .item-video{

        margin-bottom: 15px;

    }

   

    .btn-show-menu{

        position: absolute;

        left: 10px;

        font-size: 24px;

        z-index: 9;

        color: #f52031;

    }



    .btn-show-menu span{

        color: #fff;

    }



    .title-section h3{

        font-size: 13px;

    }



    .title-section b{

        border-bottom: 36px solid #333333;

    }

    

    .list-product-mobile{

        margin-top: 10px;

    }



    .row.wrap-partner {

        margin: 0 auto;

        padding-left: 30px;

    }



    .list-cat-child {

        margin-top: 8px;

    }



    .contact-order .btn-contact-order {

        padding: 10px 6px !important;

        font-size: 13px;

    }

    

    ul.nav.panel-tabs li{

        display: block;

    }

    

    #partner-image .item{

        width: auto;

        height: auto;

    }



    form.smart-search-form {

        position: relative;

    }



    .search-form3 .smart-search-form input[type="submit"] {

        /* border: 2px solid #fff; */

        position: absolute;

    }



    .search-form3 .smart-search-form input[type=text]{

        width: 99%;

    }



    .col-md-6.col-sm-6.top-social {

        margin-top: 5px;

    }



    .top-name-company img{

        width: 130px;

    }



    .list-cat-block ul{

        margin-left: -10px;

        margin-right: -10px;

    }



    .list-cat-block ul li.first-cat{

        display: block;

        width: 100%;

    }



    .title-section-product-sale{

        margin-left: -14px;

        margin-top: 15px;

    }



    .title-section-product-sale.title-img-cus-trans {

        margin-left: 4px !important;

    }

    

    .breadcrumb-head{

        margin:0 -15px;

    }

    

    /*================= menu ===============*/



    .mymenu{

        width: 100%;

        height: 100%;

        position: fixed;

        top: 70px;

        z-index: 9;

        background: rgba(14, 14, 14, 0.88);

        display: block !important;

    }

    .nav-hide{

        display: none;

    }



    .nav-mobile {

        background: #fff;

        width: 55%;

        height: auto;

        padding: 20px 0px;

    }



    .nav-mobile ul{

        padding: 20px 0px;

    }



    .nav-mobile ul li {

        padding: 5px 2px;

        display: block;

        width: 100%;

    }



    .nav-mobile ul li a{

        color: black;

        font-weight: bold;

    }



    #menu-menu-chinh-1{

        margin: 0px -15px;

    }



    .menu-mobile-xs #menu-menu-chinh-1 li{

        background: #f52031;

    }



    .main-menu li a{

        color: #fff;

        font-size: 20px;

        border-bottom: 1px solid #ccc;

        font-weight: bold;

    }





    #menu-menu-chinh-1 .menu-item-has-children>i {

        position: absolute;

        width: 60px;

        height: 35px;

        right: 1px;

        top: 0px;

        cursor: pointer;

        color: #fff;

        font-size: 18px;

        padding-top: 9px;

        padding-left: 35px;

        z-index: 999;

    }



    .main-menu .sub-menu li a {

        color: #fff;

    }



    .main-menu .sub-menu {

        border-top: #ccc thin dotted;

        padding-left: 10px;

    }



    .wrap-info-product .title{

        font-size: 20px;

    }



    #myModal .modal-dialog{

        width: auto;

    }



    .wrap-product-videos .small-item-video .wrap-img-video{

        height: 120px;

    }



    .wrap-product-videos .small-item-video span.readmore-video{

        top: 26%;

        left: 32%;

    }



    .wrap-product-videos .small-item-video .meta-item-video{

        height: 49px;

    }



    span.readmore-video{

        left: 42%;

    }



    .small-item-video span.readmore-video{

        left: 42%;

    }



    /*=============== customer =================*/

    #customer {

        overflow: hidden;

        padding-top: 30px;

        background: #1d1919 url(../images/ga.png) no-repeat right top;

    }

    #customer h2{

        font-size: 18px;

        background: url(../images/e.png) no-repeat center 25px;

        height: 50px;

        color: #fff;

    }



    .wrap-sfc {

        margin: 10px 30px;

    }



    .tt {

        overflow: hidden;

        margin-top: 5px;

        color: #fff;

    }



    .tt a{

        color: #fff;

    }



    /* ================ video =================*/

    #product-video h2{

        font-size: 18px;

        background: url(../images/e.png) no-repeat center 25px;

        height: 50px;

    }



    .wrap-video-thucte{

         margin: 0 15px;

    }



    .wrap-video-thucte span.readmore-video{

        left: 35%;

    }



    span.viewed-video{

        margin-left: 0px;

    }



    /* ================ su khac biet =================*/

    .item-special strong{

        height: 50px;

    }



    #special-news .sn-left{

        font-size: 18px;

    }



    .item-product-sale{

        margin-bottom: 10px;

    }



    .break-col-6 {

        padding-right: 2px;

        padding-left: 2px;

    }



    /*===*/

    .list-cat-child-mobile ul li.active a{

        color: red;

    }



    .list-cat-child-mobile{

        margin: 0px -15px;

    }



    .list-cat-child-mobile ul li {

        display: inline-block;

        width: 49%;

        padding: 5px 0px;

        border-bottom: 1px solid #ccc;

         background: url(../images/f.gif) no-repeat 4px 10px;

    }



    .list-cat-child-mobile ul li a{

        padding-left: 15px;

    }



    .description-cat {

        margin: 0px -12px;

        text-align: justify;

    }



    section#slide-buy {

        margin: 5px;

    }



    .slider-detail-project{

        padding-bottom: 0px;

        margin-bottom: 10px;

    }



    .btn-muaonline{

        margin:5px 0px;

    }



    .gio-lamviec{

        padding-left: 0px;

        background: url(../images/giolamviec.png) no-repeat 85px center;

    }



    .title-section-product-sale h2{

        font-size: 15px;

    }



    .best-sell-product-owl .owl-nav{

        top:-64px;

    }



    .title-section-product-sale{

        margin-bottom: 0px;

    }

	.main-banner {display:none }
	body.tax-project_cat .main-banner {display:none!important }
	 .main-banner-mobile-wrap{

        display: block;

    }
}





@media screen and (min-width: 767px){

   

}