/*==========font-face==========*/

@font-face {

    font-family: SVN-Gotham;

    src: url(../fonts/SVN-Gotham-Thin.otf);

    font-style: normal;

    font-weight: 200

}

@font-face {

    font-family: SVN-Gotham;

    src: url(../fonts/SVN-Gotham-Light.ttf);

    font-style: normal;

    font-weight: 300

}

@font-face {

    font-family: SVN-Gotham;

    src: url(../fonts/SVN-Gotham-Book.otf);

    font-style: normal;

    font-weight: 400

}

@font-face {

    font-family: SVN-Gotham;

    src: url(../fonts/SVN-Gotham-Book-Italic.otf);

    font-style: italic;

    font-weight: 400

}

@font-face {

    font-family: SVN-Gotham;

    src: url(../fonts/SVN-Gotham-Regular.otf);

    font-style: normal;

    font-weight: 500

}

@font-face {

    font-family: SVN-Gotham;

    src: url(../fonts/SVN-Gotham-Bold.ttf);

    font-style: normal;

    font-weight: 600

}

@font-face {

    font-family: SVN-Gotham;

    src: url(../fonts/SVN-Gotham-Bold-Italic.otf);

    font-style: italic;

    font-weight: 600

}

body,html{

    font-family: SVN-Gotham;

    color: #555;

    font-weight: 400;

    font-size: 16px;

}

a,a:hover{

    text-decoration: none;

}

/*==========#font-face==========*/



/*==========header==========*/

#header{

    width: 100%;

    box-shadow: 0 0 20px #00000045;

    position: relative;

}

#header .top-nav{

    width: 100%;

    display: flex;

    justify-content: flex-end;

}

#header .top-nav ul{

    list-style: none;

    padding-left: 0px;

    display: inline-block;

    margin-bottom: 0px;

    display: flex;

    align-items: center;

    justify-content: flex-end;

}

#header .top-nav li{

    float: left;

    margin-left: 30px;

}

#header .top-nav,#header .top-nav li,#header .top-nav li a,#header .top-nav button{

    color: #6f6f6f;

    font-size: 0.6875rem;

    font-weight: 500;

}

#header .top-nav .dropdown button{

    background-color: transparent;

    border: none;

    outline: none;

    box-shadow: none;

}

#header .top-nav .dropdown .dropdown-item{

    padding: 5px 10px;

}

#header .top-nav .dropdown .dropdown-menu{

    padding: 0px;

}

#header .top-nav .dropdown .dropdown-toggle::after{

    position: relative;

    top: 2px;

}

#header .main-nav{

    padding: 5px 0;

    background-color: #fff;

}

.back-top{

    padding: 10px 0;

    background-image: url(../img/back-top.png);

    background-size: 100% 100%;

}

#header .main-nav .body-nav{

    display: flex;

    justify-content: space-between;

    align-items: center;

}

#header .main-nav .body-nav ul{

    list-style: none;

    padding-left: 0px;

}

#header .main-nav .body-nav ul li{

    float: left;

    padding: 5px 10px;

}

#header .main-nav .main-menu > ul > li, #header .main-nav .main-menu > ul > li a{

    color: #333;

    font-weight: 400;

    font-size: 1rem;

}

#header .main-nav .main-menu > ul > li:first-child{

    padding-left: 0px;

}

#header .main-nav .main-menu > ul > li:nth-last-child(3){

    padding-right: 0px !important;

}

#header .main-nav .main-menu > ul > li a:hover{

    color: #f77220 !important;

}

#header .main-nav .main-menu > ul > li.active a{

    color: #f77220 !important;

    font-weight: bold;

    font-size: 0.9rem;

}

#header .main-nav .main-menu > ul > li:hover{

    border-radius: 20px;

}



#header .main-nav .main-menu > ul > li.hot{

    background-color: #e88960;

    border-radius: 3px;

    margin-left: 15px;

    border-radius: 20px;

}

.button-hot{

    background-color: #e88960;

    border-radius: 3px;

    margin-left: 15px;

    border-radius: 20px;

    display: inline-block;

    padding: 5px 20px;

    color: #fff !important;

    font-weight: bold;

    text-transform: uppercase;

    cursor: pointer;

}

.button-hot:hover{

    background-color: red;

}

#header .main-nav .main-menu > ul > li.hot a{

    color: #fff !important;

}

#header .main-nav .main-menu > ul > li.hot:hover{

    background-color: red;

}

#header .main-nav .main-menu > ul > li.hot a:hover{

    color: #fff;

}

#header.header-fix{

    position: fixed;

    top: 0px;

    left: 0px;

    width: 100%;

    z-index: 9;

}

#header.header-fix .top-nav{

    

}

#header.header-fix .top-nav .li-hotline a{

    color: #fff !important;

}

#header.header-fix .main-nav{

   /* background-color: #000000b0;*/

}

#header .logo img{

    transition: 0.3s;

    height: 57px;

}

#header.header-fix .logo img{

    /*height: 44px;*/

}

.h-fix{

    width: 100%;

    z-index: 9;

}

#header.h-fix .main-nav .main-menu > ul > li, #header.h-fix .main-nav .main-menu > ul > li a{

    color: #167fc2;
    display: flex;
    justify-content: space-between;

}

#header.header-fix .main-nav .main-menu > ul > li a{

    /*color: #fff;*/

}

/*==========#header==========*/



/*==========footer==========*/

footer{

    background-repeat: no-repeat;

    background-size: 100% 100%;

}

#footer{

    background: linear-gradient(180deg, #EBB51E 0%, #D79E24 39.58%, #C1842A 100%);

    padding-top: 40px;

}

#footer h3{

    font-size: 16px;

    color: #fff;

    font-weight: 400;

    margin-bottom: 15px;

    line-height: 23px;

}

#footer p{

    margin-bottom: 8px;

}

#footer ul{

    padding-left: 15px;

}

#footer ul li{

    margin-bottom: 4px;

}

#footer ul li,#footer ul li a{

}

.main-fot ul{

    list-style: none;

}

.main-fot ul li,.main-fot ul li a,.main-fot p,.main-fot a{

    color: #fff;

    font-size: 0.875rem;

}

.main-fot ul li:before{

    content: "\2022";

    color: #fff;

    font-weight: bold;

    display: inline-block;

    width: 1em;

    font-size: 1rem;

    margin-left: -1em;

    position: relative;

    top: 3px;

}

/*==========#footer==========*/





/*==========main==========*/

.box1-slide .owl-stage{

    display: flex;

}

.box1-slide .owl-stage-outer{

    overflow: hidden;

}

.box1-slide .owl-nav{

    display: none;

}

.owl-carousel-cus .owl-stage{

    display: flex;

}

.owl-carousel-cus .owl-stage-outer{

    overflow: hidden;

}

.owl-carousel-cus .owl-nav{

    display: none;

}

.owl-carousel-cus .owl-dots{

    text-align: center;

}

.owl-carousel-cus .owl-dots button{

    background-color: transparent;

    border: none;

    outline: none;

}

.owl-carousel-cus .owl-dots button span{

    display: inline-block;

    width: 6px;

    height: 6px;

    border-radius: 3px;

    background-color: #dadada;

}

.owl-carousel-cus .owl-dots button.active span{

    width: 30px;

    background-color: #f17b23;

}

.img-cus{

    display: inline-block;

}

.img-cus img{

    width: 179px;

    height: 179px;

    border-radius: 50%;

    overflow: hidden;

}

.cus-item h3{

    font-size: 24px;

    font-weight: bold;

    color: #333;

    margin-top: 20px;

}

.cus-item p{

    font-size: 18px;

    font-weight: bold;

    color: #666;

}

.owl-carousel-cus{

    position: relative;

}

.owl-carousel-cus .owl-prev,.owl-carousel-cus .owl-next{

    font-size: 100px;

    line-height: 100px;

    border: none;

    background-color: transparent;

    outline: none;

    top: 50%;

    position: absolute;

    transform: translateY(-50%);

    color: #e1e1e1;

}

#id-dkn{

    background-image: url(../img/cus-dk.png);

    background-size: 100% 100%;

}

.owl-carousel-cus .owl-prev{

    left: -70px;

}

.owl-carousel-cus .owl-next{

    right: -70px;

}

h2{

    font-size: 1.625rem;

    color: #CD942B;

    font-weight: 400;

}

.h2-p{

    color: #CD942B;

}

.h2-des{

    font-size: 17px;

    color: #999;

}

.box-img{

    overflow: hidden;

    margin-bottom: 5px;

    display: inline-block;

}

.box-img img{

    transition: 0.3s;

    max-width: 100%;

}

.box-img img:hover{

    /*transform: scale(1.1);*/

}

.more-box2{

    font-size: 14px;

    color: #fff;

    font-weight: bold;

    padding: 6px 15px;

    background-color: #707070;

}

.more-box2:hover{

    color: #fff;

    background-color: #f7ce0c;

}

.item-box5{

    display: flex;

}

.box-des h3,.box-des h3 a{

    color: #999;

    font-size: 17px;

}

.box-des p{

    font-size: 14px;

    color: #999;

}

.des-status a{

    font-size: 10px;

    color: #666;

    border-right: 1px solid #666;

    margin-right: 10px;

    padding-right: 10px;

}

.des-status a:nth-child(1){

    font-weight: bold;

}

.des-status a:nth-child(2){

    color: #999;

}

.des-status a:last-child{

    border-right: none;

    padding-right: 0px;

    margin-right: 0px;

    color: #ccc;

}

.more-box5{

    font-size: 14px;

    color: #fff;

    font-weight: bold;

    padding: 6px 15px;

    background-color: #b48b29;

}

.more-box5:hover{

    background-color: #707070;

    color: #fff;

}

.ul-list-dv{

    list-style: none;

    padding-left: 0px;

}

.ul-list-dv li{

    display: flex;

    align-items: center;

    margin-bottom: 15px;

    padding: 10px 15px;

    background-color: #fff;

    position: relative;

}

.ul-list-dv li img{

    margin-right: 15px;

}

.ul-list-dv li h3{

    font-size: 20px;

    color: #666;

}

.ul-list-dv li p{

    font-size: 14px;

    color: #666;

    margin-bottom: 0px;

}

.back-gray-box5{

    background-color: #ebebeb;

}

.ul-list-dv .active:before{

    content: '';

    border-right: 10px solid #555;

    z-index: 9;

}

.ul-list-dv li:before{

    content: '';

    border-top: 10px solid transparent;

    border-right: 10px solid #fff;

    border-bottom: 10px solid transparent;

    border-left: 10px solid transparent;

    width: 0;

    height: 0;

    position: absolute;

    left: -20px;

    top: 10px;

}

.ul-list-dv li.active{

    background-color: #555;

}

.ul-list-dv li.active h3,.ul-list-dv li.active p{

    color: #fff;

}

.d6-flex{

    justify-content: center;

    flex-direction: column;

    align-items: stretch;

    flex-wrap: wrap-reverse;

    display: flex;

}

.box6-back{

    background-image: url(../img/bnh.png);

    background-repeat: no-repeat;

    background-size: 100% 100%;

    padding: 80px 0;

}

.box6-back h2,.box6-back p{

    color: #fff;

}

.div-local{

    display: flex;

    justify-content: space-between;

    margin-bottom: 40px;

}

.div-local a{

    font-size: 12px;

    font-weight: bold;

    color: #fff !important;

    padding: 11px 15px;

    background-color: #b48b29;

}

.form-home input{

    height: 35px;

    border: none;

    border-bottom: 1px solid #000;

    box-shadow: none;

    outline: none;

    border-radius: 0;

    color: #fff;

    font-weight: 400;

}

.he-100{

    height: 100%;

}

.content-dk{

    display: flex;

    justify-content: center;

    align-items: center;

    height: 100%;

}

.form-home{

    padding-bottom: 50px;

}

.form-home textarea{

    border: none;

    border-bottom: 1px solid #000;

    box-shadow: none;

    outline: none;

    border-radius: 0;

    color: #000;

    font-weight: 400;

}

.form-home button{

    font-size: 16px;

    text-transform: uppercase;

    color: #fff;

    box-shadow: none;

    border: none;

}

.slide-item{

    position: relative;

}

.slide-item img{

    object-fit: cover;

    width: 100%;

}

.content-slide{

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    display: flex;

    align-items: center;

    justify-content: center;

    flex-direction: column;

}

.content-slide p{

    font-size: 24px;

    color: #fff;

    font-weight: bold;

    text-transform: uppercase;

}

.content-slide .h2{

    font-size: 72px;

    color: #fff;

    font-weight: bold;

    text-transform: uppercase;

}

.box1-slide .owl-dots{

    display: flex;

    flex-direction: row;

    position: absolute;

    bottom: 30px;

    left: 50%;

    transform: translateX(-50%);

    justify-content: space-between;

}

.box1-slide .owl-dots button{

    height: 12px;

    width: 12px;

    padding: 0px;

    border: none;

    box-shadow: none;

    margin: 3px 5px;

    border-radius: 50%;

    background-color: transparent;

    display: flex;

    align-items: center;

    justify-content: center;

}

.disp{

    display: flex;

}

.modal-header{

    border-bottom: none !important;

}

.modal-footer{

    border-top: none !important;

}

.box1-slide .owl-dots button span{

    width: 9px;

    height: 9px;

    display: inline-block;

    border: 2px solid #13150c;

    border-radius: 50%;

    background-color: #13150c;

}

.box1-slide .owl-dots button.active{

    background-color: #ebebeb;

}

.box1-slide .owl-dots button.active span{

    border: 2px solid transparent;

    background-color: #ebebeb;

}

.content-banner{

    position: absolute;

    left: 0px;

    right: 0px;

    bottom: 30%;

}

.content-banner h3{

    color: #fff;

    font-size: 30px;

    font-weight: 300;

    text-transform: uppercase;

}

.content-banner p{

    color: #fff;

    font-size: 18px;

    font-weight: 400;

    text-transform: uppercase;

}

.side-right{

    margin-bottom: 25px;

}

.right-search {

    height: auto;

    overflow: hidden;

    border: 1px solid #cdcccc;

    border-radius: 2px;

}

.right-search .form-group {

    margin-bottom: 0px !important;

}

.right-search button {

    background-color: #fff;

    border: none;

    box-shadow: none;

    padding: 8px 12px;

    margin-top: 1px;

    color: #707070;

}

.right-search button:before{

    content: '';

    height: 20px;

    width: 3px;

    background-color: #ffb600;

    display: inline-block;

    margin-right: 10px;

    position: relative;

    top: 2px;

}

.right-search .form-control {

    height: 40px !important;

    border: none;

    box-shadow: none;

    margin-bottom: 0px !important;

}

.matb5 {

    margin-bottom: 5px !important;

}

.side-cate {

    list-style: none;

    padding-left: 0px;

}

.side-cate > li {

    border-bottom: 1px dashed #d9d8d8;

    padding-top: 8px;

    padding-bottom: 3px;

}

.side-cate > li, .side-cate >li >a {

    font-size: 17px;

    color: #999;

    display: inherit;

    position: relative;

}

.side-tit {

    font-size: 20px !important;

    font-weight: bold;

    color: #333333;

    text-transform: uppercase;

}

.side-cate >li >a span{

    color: #fff;

    height: 18px;

    width: 18px;

    text-align: center;

    border-radius: 3px;

    background-color: #ffc73c;

    font-size: 14px;

    float: right;

}

.item-news-r h3,.item-news-r h3 a{

    color: #999;

    font-size: 15px;

}

.item-news-r p{

    color: #666;

    font-size: 14px;

}

.item-list-news h3,.item-list-news h3 a{

    color: #999;

    font-size: 20px;

}

.more{

    display: inline-block;

    padding: 7px 15px;

    color: #fff;

    background-color: #707070;

}

.item-list-news p{

    font-size: 14px;

    color: #999;

}

.pagin a, .pagin strong{

    color: #f77220;

    font-size: 13px;

    font-weight: bold;

    display: inline-block;

    border-radius: 22px;

    padding: 3px 11px;

    background-color: #ebebeb;

    margin-left: 5px;

    margin-right: 5px;

}

.pagin strong{

    color: #fff;

    background-color: #f77220;

}

.ul-status {

    list-style: none;

    padding-left: 0px;

    width: 100%;

    display: inline-block;

    margin-bottom: 10px;

}

.ul-status li{

    font-size: 15px;

    float: left;

    margin-right: 15px;

}

.item-list-news{

    border-bottom: 1px solid #ccc;

    padding-bottom: 30px !important;

    margin-bottom: 40px !important;

}

/*==========#main==========*/

.content-text,.content-text p{

    font-weight: bold;

    font-size: 28px;

    margin-bottom: 0px;

    line-height: 28px;

    color: #1c2534;

}

p,a{

   color: #1c2534; 

}

.ul-content-text{

    list-style: none;

}

.ul-content-text li,.ul-content-text a{

    font-weight: bold;

    font-size: 16px;

} 

.f32{

    font-size: 28px !important;

}

.f40{

    font-size: 40px !important;

}

.f24{

    font-size: 24px !important;

}

.f18{

    font-size: 18px !important;

}

.f30{

    font-size: 30px !important;

}

.clf{

    color: #fff !important;

}

.cl333{

    color: #333 !important;

}

.back-box-1{

    background-color: #f17b23;

    padding: 45px 0 0 0;

    background-repeat: no-repeat;

}

.box2-left{

    padding: 200px 0;

}

.p-fix{

    line-height: 32px;

}

.back-box-2{

    background-image: url(../img/bg-h2.png);

    background-size: cover;

    padding: 150px 0 150px 0;

    background-repeat: no-repeat;

}

.back-box-2 p, .back-box-2 a, .back-box-2 li{

    color: #fff;

}

.box-line-product{

    margin-top: 15px;

    background-color: #1c2534;

    padding: 25px 15px 5px 15px;

    height: 100%;

}

.box-line-product p{

    font-size: 14px;

    font-weight: 400;

}

.box-line-product p:first-child{

    font-weight: bold;

    font-size: 20px;

    line-height: 23px;

    border-bottom: 1px solid #fff;

    padding-bottom: 10px;

}

.box-line-product p:first-child span{

    font-size: 28px;

}

.d-flex{

    display: flex;

}

.box-line-product p:last-child{

    margin-bottom: 0px;

}

.back-cam{

    background-color: #e88960;

    padding: 140px 110px;

}

.back-cam-rule{

    background-color: #d69628;

}

.back-cam-rule p{

    color: #fff;

    font-size: 0.625rem !important;

    font-weight: 300;

}

.back-cam p{

    color: #fff;

}

.fot-rule{

}

.fot-rule ul{

    list-style: none;

    margin-bottom: 0;

}

.fot-rule ul li{

    float: left;

}

.fot-rule-left{

    display: flex;

    align-items: center;

}

.fot-rule ul li a,.fot-rule ul li{

    font-size: 0.719rem !important;

    color: #fff;

}

.fot-rule ul li{

    margin: 0 !important;

    padding: 11px 5px;

}

.fot-rule img{

    height: 1.875rem;

}

.fot-rule ul li:hover{

    background-color: #f59c5a;

}

.fot-rule-right{

    display: flex;

    align-items: center;

    justify-content: flex-end;

}

.form-home input::placeholder,.form-home textarea::placeholder {

  color: #000

}



.form-home input:-ms-input-placeholder,.form-home textarea:-ms-input-placeholder {

  color: #000

}



.form-home input::-ms-input-placeholder,.form-home textarea::-ms-input-placeholder {

  color: #000

}

.mt35{

    margin-top: 35px !important;

}

.mt124{

    margin-top: 124px !important;

}

.back-xam{

    background-color: #f7f7f7;

    padding: 50px 0;

}

.wraper{

    overflow: hidden;

    background-color: #fff;

}

.giuseart-mobile-contact-bar {

    display: none

}



.giuseart-pc-contact-bar {

    right: 13px;

    bottom: 70px;

    position: fixed;

    z-index: 998;

    margin-bottom: 0

}



.giuseart-pc-contact-bar li {

    width: 40px;

    height: 40px;

    margin-bottom: 0;

    list-style: none;

    position: relative;

}



.giuseart-pc-contact-bar li.facebook {

    margin-bottom: 8px;

    background: url(../img/ic-mesenger.svg);

    background-repeat: no-repeat;

    background-size: 100% 100%;

}



.giuseart-pc-contact-bar li.hotline {

    background: url(../img/ic-hotline.svg);

    background-repeat: no-repeat;

    background-size: 100% 100%;

    margin-bottom: 8px;

}

.giuseart-pc-contact-bar li.zalo {

    background: url(../img/ic-zalo.svg);

    background-repeat: no-repeat;

    background-size: 100% 100%;

    margin-bottom: 8px;

}



.giuseart-pc-contact-bar li.email {

    background: url(../img/ic-email.svg);

    background-repeat: no-repeat;

    background-size: 100% 100%;

    margin-bottom: 8px;

}



.giuseart-pc-contact-bar li a {

    display: block;

    width: 44px;

    height: 44px

}

.giuseart-pc-contact-bar li span {
    display: none;
    position: absolute;
    white-space: nowrap;
    right: 110%;
    top: 50%;
    transform: translateY(-50%);
    padding: 5px 20px;
    background-color: #CD942B;
    color: #fff;
    border-radius: 20px;
}

.bread-crumb{

    padding: 30px 0;

}

.giuseart-pc-contact-bar li:hover span{
	display: inline-block;
}

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

    .giuseart-mobile-contact-bar {

        left: 10px;

        bottom: 10px;

        position: fixed;

        z-index: 998;

        margin-bottom: 0;

        display: block !Important

    }

    .giuseart-mobile-contact-bar li {

        display: inline-block;

        float: left;

        margin-right: 7px;

        list-style: none

    }

    .giuseart-mobile-contact-bar li.facebook {

        margin-bottom: 8px;

        background: url(https://giuseart.com/wp-content/uploads/2020/03/fb.png);

        background-repeat: no-repeat

    }

    .giuseart-mobile-contact-bar li.zalo {

        background: url(https://giuseart.com/wp-content/uploads/2020/03/zl.png);

        background-repeat: no-repeat

    }

    .giuseart-mobile-contact-bar li a {

        display: block;

        width: 44px;

        height: 44px

    }

    .giuseart-mobile-contact-bar li.hotline {

        background: url(https://giuseart.com/wp-content/uploads/2020/03/p2.gif);

        background-repeat: no-repeat;

        background-size: 44px

    }

}

.box1-slide{

    position: relative;

}

.pl35{

    padding-left: 35px;

}

.pr35{

    padding-right: 35px;

}

.disi{

    display: inline-block;

}

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

    .hehe-mb{

        padding-left: 15px !important;

        padding-right: 15px !important;

    }

    .main-nav{

        position: relative;

    }

    .main-menu{

        position: static;

    }

    .main-menu > ul{

        position: absolute;

        left: 0px;

        top: 60px;

        z-index: 9999;

        background-color: #000000b8;

        width: 100%;

        padding: 20px 0;

        display: none;

    }

    .main-menu > ul li a{

        color: #fff !important;

    }

    .main-menu > button{

        border: none;

        padding-top: 4px;

        float: right;

        margin-right: 10px;
        font-size: 28px;

    }

    #header .logo img{

        height: 50px;

    }

    #header .main-nav .body-nav ul li{

        float: none !important;

    }

    #header .main-nav .body-nav > ul > li:first-child{

        display: inline-block;

        margin-left: 15px;

    }

    #header .main-nav .main-menu > ul > li.hot{

        display: inline-block;

        margin-top: 10px;

    }

    .back-cam{

        padding: 30px 10px;

    }

    .ul-content-text{

        padding-left: 0px;

        margin-top: 10px;

        margin-bottom: 0px;

    }

    br{

        display: none;

    }

    .back-box-1 {

        background-size: cover;

        background-position: top;

    }

    .box2-left{

        padding: 20px 15px;

    }

    .back-box-2{

        background-size: cover;

    }

    .pl-mb-5{

        padding-left: 0px !important;

    }

    .logo-fot{

        display: inline-block;

        margin-bottom: 30px;

    }

    .p-f{

        padding: 10px 15px !important;

        text-align: center;

    }

    .mt124{

        margin-top: 20px !important;

    }

    .tjm{

        text-align: justify;

    }
    .path-cart{
        /*min-width: 1000px;*/
    }
    .mtb0{

        margin-top: 0px !important;

    }

    .text-center-mobile{

        text-align: center !important;

    }

    .pl35{

        padding-left: 15px !important;

    }

    .pr35{

        padding-right: 15px !important;

    }

    .pl-5{

        padding-left: 15px !important;

    }

    .text-right{

        text-align: left !important;

    }

    #id-dkn{

        background-size: cover;

    }

    .content-dk{

        padding-top: 20px;

    }

    .mbm-15{

        margin-bottom: 15px;

    }

    .form-home.pl-0{

        padding-right: 0px;

    }

    .owl-carousel-cus .owl-prev{

        left: 0px;

    }

    .owl-carousel-cus .owl-next {

        right: 0px;

    }

    .text-box .container.mb-10{

        margin-bottom: 3rem!important;

    }

    .text-box.mt-10{

        margin-top: 3rem!important;

    }

    .search-mobile input{

        min-width: 250px;

    }

    #header .main-nav .body-nav ul li{

        padding: 5px 15px;

    }

    #header .main-nav  .main-menu >  ul > li:last-child{

        position: relative;

    }

    .fot-rule-left{

        flex-direction: column;

    }

    .fot-rule{

        padding: 15px 0;

    }

    .item-p.product img{

        height: 226px !important;

    }
    .box-d-flex a{
	    margin: 10px !important;
    }

    .box-about .mt-10{
    	margin-top: 3rem!important;
    }
    .box-about .container:first-child{
    	background-size: 100% 100% !important;
    }

    .container.mb-10{
    	margin-bottom: 3rem!important;
    }

}

@media screen and (max-width: 572px){
    .path-cart {
        width: 100%;
        margin-left: 0px;
    }
    .gio-cua-ban{
        width: 98% !important;
    }
    .content-car {
        justify-content: flex-end;
    }
    .content-car.tecm{
        justify-content: center !important;
    }
    .hide-mb{
        display: none !important;
    }
    .path-cart{
        display: inline-block !important;
    }
    .header-car{
        display: none !important;
    }
    .list-comment .dot-more{
        display: none;
    }
    .list-comment  .box-lib{
        display: none;
    }
    .tit-pro-car{
        font-size: 11px !important;
    }
    .box-contact{
        padding: 20px 5px !important;
    }

    .dispm{

        display: block !important;

    }

    .after-red:after{

        left: 0px;

        right: unset;

    }

    .modal-dialog{

        margin-top: 50px;

    }

    .modal-content button.close{

        right: 20px !important;

        top: -20px !important;

    }

    .modal-content .modal-body,.modal-content .modal-header{

        padding-left: 0px !important;

        padding-right: 0px !important;

    }

    .prm-0{

        padding-right: 0px;

    }

    .form-modal .button-hot{

        float: right;

    }
    #header .main-nav .main-menu ul ul{
        position: static !important;
        background-color: #8d6b56 !important;
    }
    #header .main-nav .main-menu ul ul ul {
        position: static !important;
    }
    .content-nd table{
        width: 100% !important;
        max-width: 100% !important;
    }
    .title-but {
        margin-bottom: 15px;
    }

}

.box-fix-space-lg .row{

    margin-left: -5px;

    margin-right: -5px;

}

.box-fix-space-lg .col-6,.box-fix-space-lg .col-12{

    padding-left: 5px;

    padding-right: 5px;

}

.li-form .form-group{

    margin-right: 0px !important;

    margin-bottom: 0px !important;

}

.li-form .form-group input{

    height: 33px;

    border-top-right-radius: 0;

    border-bottom-right-radius: 0;

    min-width: 270px;

    background-color: #ebebeb;

    color: #666666;

    font-size: 18px !important;

}

.li-form  button{

    padding: 0.26rem 0.7rem !important;

    background-color: #464646;

    border-top-left-radius: 0;

    border-bottom-left-radius: 0;

    border-color: #464646;

    margin-bottom: 0px !important;

    color: #fff !important;

}

.li-hotline a{

    color: #333 !important;

    font-size: 18px !important;

}

.box-slide{

    position: relative;

}

.nut-in-slide{

    color: #fff !important;

    font-size: 24px;

    font-weight: 500;

    line-height: 45px;

    display: inline-block;

    border-radius: 5px;

    position: absolute;

    bottom: -45px;

    left: 50%;

    transform: translate(-50%,-50%);

    white-space: nowrap;

    width: 45px;

    height: 45px;

    background-image: url(../img/ddown.png);

    background-size: 100% 100%;

    cursor: pointer;

}

.ul-check{

    list-style: none;

    display: inline-block;

    padding-left: 0px;

}

.ul-check li{

    text-align: left;

    font-size: 18px;

    color: #666;

    font-weight: 500;

    margin-top: 5px;

    margin-bottom: 5px;

}

.ul-check li:before{

    content: "\f05d";

    display: inline-block;

    font: normal normal normal 20px/1 FontAwesome;

    margin-right: 15px;

}

.title-quangba{

    font-size: 95px !important;

    color: #ff9933 !important;

    line-height: 100px !important;

}

.title-slogan{

    font-size: 30px !important;

    color: #666 !important;

    font-weight: 600;

    margin-bottom: 40px !important;

}

.ul-check:after{

    content: "\f175";

    display: inline-block;

    font: normal normal normal 40px/1 FontAwesome;

    color: #a1a1a1;

    margin-top: 20px;

}

.item-p{

    overflow: hidden;

    position: relative;

    box-shadow: 0 0 13px #00000087;

    border-radius: 30px;

}

.des-p{

   padding: 0 10px 10px;

}

.more-catalog{

    color: #93908f;

    font-size: 0.8125rem;

    font-weight: normal;

    display: inline-block;

    box-shadow: 0 0 10px #ccc , 0 0 20px rgba(255,255,255,1) , 0 0 30px rgba(255,255,255,1);

    border-radius: 22px;

    padding: 6px 20px;

    background-color: #fff;

}

.more-catalog-2{

    color: #666;

    font-size: 18px;

    font-weight: bold;

    display: inline-block;

    box-shadow:0 0 10px #ccc , 0 0 15px #ccc , 0 0 20px #ccc;

    border-radius: 22px;

    padding: 9.4px 20px;  

    background-color: #fff;

}

.more-catalog-3{

    color: #fff;

    font-size: 18px;

    font-weight: bold;

    display: inline-block;

    box-shadow:0 0 10px #ccc , 0 0 15px #ccc , 0 0 20px #ccc;

    border-radius: 22px;

    padding: 9.4px 20px;  

    background-color: #ff3333;

}

.more-catalog-3:hover{

    color: #fff;

}

.id-p{

    font-size: 18px;

    color: #333;

    font-weight: 600;

    margin-bottom: 0px;

    margin-top: 23px;

}

.title-p,.title-p a{

    color: #666;

    font-size: 18px;

    font-weight: 600;

}

.price-p{

    font-size: 25px;

    color: #333 !important;

    font-weight: 500;

    margin-bottom: 5px;

}

.price-p span{

    color: #ff3333;

    font-weight: bold;

}

.buy-now-p{

    display: inline-block;

    font-size: 17px;

    color: #fff;

    border-radius: 14px;

    background-color: #898989;

    padding: 5px 15px;

    line-height: 18px;

    font-weight: 500;

}

.buy-now-p:hover{

    color: #fff;

    background-color: #69a62f;

}

.cl666{

    color: #666 !important;

}

.line-t{

    border-top: 1px solid #333;

    margin-top: 20px !important;

    margin-bottom: 15px !important;

}

.line-tt{

    border-top: 1px solid #333;

}

.clredi{

    color: #ff3333 !important;

    font-style: italic;

}

.clred{

    color: #ff3333 !important;

}

.content-fot,.content-fot p{

    color: #666;

    font-size: 18px !important;

}

.content-fot .f24{

    font-size: 24px !important;

}

.back-xam-co{

    background-color: #464646;

    padding: 20px 5px;

}

.back-xam-co p{

    font-size: 18px;

    color: #777;

}

.content-fot .p-icon a{

    font-size: 24px;

    color: #666;

    margin-left: 10px;

}

.backeb{

    background-color: #ebebeb;

}

.box-detail .ul-check:after{

    content: unset !important;

}

.box-detail .ul-check li:before{

    font: normal normal normal 28px/1 FontAwesome;

    position: relative;

    top: 4px;

}

.box-detail .ul-check li{

    font-weight: bold;

}

.owl-carousel-cus .owl-stage-outer{

    padding-bottom: 20px;

}

.content-itnvtoi img{

    width: 100% !important;

    max-width: 100% !important;

    height: auto !important;

}

.modal-content button.close{

    border: 2px solid #fff;

    border-radius: 50%;

    padding: 3px 4px 5px 4px !important;

    line-height: 15px;

    position: absolute;

    right: -20px;

    top: -10px;

    color: #fff;

    opacity: 1;

}

.max-w240{

    max-width: 240px;

}

.ttck p{

    color: #666;

}

.after-red{

    position: relative;

    margin-bottom: 30px;

}

.after-red::after{

    height: 4px;

    content: '';

    width: 50px;

    display: inline-block;

    background-color: #ff3333;

    position: absolute;

    bottom: -10px;

    right: 0px;

}

.mb-3-1, .my-3-1 {

    margin-bottom: 1.1rem!important;

}

.form-modal .button-hot{

    box-shadow: none;

    outline: none;

    border: none;

    background-color: #ff3333;

}

.box-main-tag{

    background-image: url(../img/backslt.png);

    background-size: 100%;

    background-repeat: no-repeat;

    padding: 3.125rem 0;

}

.arrow-r{

    display: inline-block;

    height: 0.6875rem;

    width: 0.6875rem;

    background-image: url(../img/arrow-r-h.png);

    background-size: 100% 100%;

}

.item-tag{

    background-color: #fff;

    border-radius: 20px;

    padding: 15px 0 25px 0;

    box-shadow: 0 0 20px #0000001a;

}

.head-tag{

    text-align: center;

    border-bottom: 1px solid #ccc;

}

.head-tag img{

    height: 80px;

}

.head-tag h3,.head-tag h3 a{

    font-size: 1.0625rem;

    font-weight: bold;

    color: #505050;

}

.head-tag h3{

    margin-top: 1rem;

    margin-bottom: 0;

}

.head-tag p{

    font-size: 0.889rem;

    color: #6f6f6f;

}

.body-tag{

    padding-top: 15px;

}

.body-tag ul{

    list-style: none;

    padding: 0 15px 0 30px;

}

.body-tag ul li::before {

  content: "\2022";  

  color: #fbbc94; 

  font-weight: bold; 

  display: inline-block; 

  width: 1em; 

  font-size: 1rem;

  margin-left: -1em;

  position: relative;

  top: 3px;

}

.body-tag ul li,.body-tag ul li a{

    font-size: 0.75rem;

    color: #414141;

}

.foot-tag{

    text-align: center;

}

.button-st1{

    border-radius: 15px;

    border: 1px solid #f77220;

    color: #0d0c0c;

    font-size: 0.8125rem;

    padding: 6px 15px 8px;

    box-shadow: 0 0 20px #0000001a;

}

.button-st1:hover{

    background-color: #f77220;

    color: #fff;

}

.button-st1:hover .arrow-r{

    background-image: url(../img/arrow-r.png);

}

.button-st1.fix{

    background-color: #f77220 !important;

    color: #fff !important;

}

.button-st1.fix:hover{

    background-color: #fff !important;

    color: #0d0c0c !important;

}

.button-st1.fix .arrow-r{

    background-image: url(../img/arrow-r.png) !important;

}

.button-st1.fix:hover .arrow-r{

    background-image: url(../img/arrow-r-h.png) !important;

}

.button-icon{

    display: flex;

    height: 3.125rem;

    width: 3.125rem;

    background-size: 100% 100%;

    align-items: center;

    justify-content: center;

    background-color: #fff;

    border-radius: 50%;

    cursor: pointer;

    box-shadow: 0 0 20px #0000001a;

}

.button-icon.fix{

    position: relative;

    left: 50%;

    transform: translateX(-50%);

}

.arrow-d{

    display: inline-block;

    height: 1.125rem;

    width: 1.125rem;

    background-image: url(../img/arrow-d.png);

    background-size: 100% 100%;

}

.arrow-d.fix-11{

    height: 0.6875rem;

    width: 0.6875rem;

}

.ic-pro{

    display: inline-block;

    height: 1.5rem;

    width: 1.45rem;

    background-image: url(../img/ic-pro.png);

    background-size: 100% 100%;

}

.ic-ques{

    background-image: url(../img/ic-ques.png);

}

.ic-too{

    display: inline-block;

    height: 1.5rem;

    width: 1.45rem;

    background-size: 100% 100%;

}

.ic-news{

    display: inline-block;

    height: 1.5rem;

    width: 1.5rem;

    background-image: url(../img/ic-news.png);

    background-size: 100% 100%;

}

.ic-com{

    display: inline-block;

    height: 1.5rem;

    width: 1.5rem;

    background-image: url(../img/ic-com.png);

    background-size: 100% 100%;

}

.d-flex{

    display: flex;

}

.j-center{

    justify-content: center;

    align-items: center;

}

.item-p .content{

    background-color: #fff;

    width: 100%;

    flex-direction: column;

    justify-content: center;

    position: absolute;

    z-index: 1;

    left: 0;

    bottom: 0;

    align-items: center;

    display: flex;

    transition: 0.3s;

    padding: 25px 15px 15px;

    border-top: 10px solid #E8B31E;

}

.item-p:hover .content{

}

.item-p .content .content-child{

}

.item-p .content h3,.item-p .content h3 a{

    font-size: 1rem;

    color: #D3A145;

    font-weight: 400;

    margin-bottom: 0;

    display: inline-block;

    text-align: center;

}

.item-p .content p{

    font-size: 1.0625rem;

    color: #D3A145;

    display: inline-block;

    margin-bottom: 0;

}

.item-p .content .icon{

    height: 50px;

    width: 50px;

    border-radius: 50%;

    border: 3px solid #D3A145;

    display: flex;

    justify-content: center;

    align-items: center;

    position: absolute;

    top: -30px;

    background-color: #fff;

}

.item-p .content .icon img{

    max-height: 31px;

    max-width: 34px;

    object-fit: contain;

}

.cus-item{

    padding: 20px !important;

}

.item-tag.fix-cus img{

    height: 58px;

    width: 58px;

    object-fit: cover;

}

.item-tag.fix-cus .head-tag h3,.item-tag.fix-cus .head-tag p{

    text-align: left;

}

.item-tag.fix-cus .head-tag h3{

    font-size: 1.0625rem;

    font-weight: normal;

    color: #f17b23;

}

.item-tag.fix-cus .head-tag p{

    font-size: 0.5625rem;

    font-weight: normal;

    color: #a6a6a5;

}

.item-tag.fix-cus .head-tag{

    padding: 0 20px 0; 

}

.item-tag.fix-cus .body-tag{

    padding: 15px 20px 0;

}

.item-tag.fix-cus .body-tag p{

    font-size: 0.7rem;

    font-weight: normal;

    color: #414141;

    text-align: justify;

}

.item-nb-cty{

    text-align: center;

}

.item-nb-cty img{

    height: 66px;

}

.item-nb-cty h3{

    font-size: 2.9275rem;

    font-weight: bold;

    color: #fff;

    margin-top: 20px;

    margin-bottom: 0px;

}

.item-nb-cty p{

    margin-bottom: 0px;

    font-size: 0.8125rem;

    color: #fff;

    font-weight: bold;

    text-transform: uppercase;

}

.item-p img{

    height: 326px;

    object-fit: cover;

}

.item-p.fix-news{

    box-shadow: none;

}

.item-p.fix-news img{

    height: 11.5rem;

    border-radius: 30px;

}

.item-p.fix-news h3,.item-p.fix-news h3 a{

    font-weight: bold;

    color: #535252;

    font-size: 0.9375rem;

}

.item-p.fix-news h3{

    margin-top: 8px;

}

.item-p.fix-news p{

    margin-top: 8px;

    font-size: 0.75rem;

    color: #666363;

    margin-bottom: 0px;

}

.item-p.fix-news p.date-news{

    font-size: 0.625rem;

    color: #aaaaaa;

}

.cl-cam{

    color: #f17b23;

}

.hotline img{

    position: relative;

    top: 5px;

}

.box-main-contact{

    background-image: url(../img/back-contact.png);

    background-size: cover;

    background-repeat: no-repeat;

    position: relative;

    min-height: calc(100vh - 104px);

    padding-bottom: 50px;

}

.ic-close{

    display: inline-block;

    height: 1.5rem;

    width: 1.5rem;

    background-image: url(../img/ic-close.png);

    background-size: 100% 100%;

}

.main-contact{

    background-color: #fff;

    padding: 30px;

    border-radius: 20px;

}

.box-main-contact div,.box-main-contact p, .box-main-contact a, .box-main-contact li,.box-main-contact label,.box-main-contact input,.box-main-contact textarea{

    font-size: 0.8125rem;

    color: #535456;

}

.box-main-contact input::placeholder,.box-main-contact textarea::placeholder{

    font-size: 0.625rem;

    color: #aaa7a7;

}

.box-main-contact input,.box-main-contact textarea{

    border: 2px solid #f48424;

    border-radius: 18px;

}

.box-main-contact .button-icon{

    position: absolute;

    top: 30px;

    right: 30px;

}

.box-main-contact button{

    font-size: 0.856rem;

    font-weight: bold;

    color: #fff;

    background-color: #f47920;

    border-radius: 18px;

    box-shadow: 0 0 20px #0000001a;

}

.borb-2{

    border-bottom: 2px solid #f48424;

}

.he32{

    height: 2rem;

}

.he58{

    height: 3.625rem;

}

.box-line-contact{

    display: flex;

    align-items: center;

}

.box-line-contact p:nth-child(1){

    font-size: 0.625rem;

    margin-bottom: 3px !important;

}

.f10{

    font-size: 0.625rem !important;

}

.box-line-contact a{

    color: #fff;

    background-color: #f47920;

    border-radius: 15px;

    padding: 1px 10px 4px;

}

.box-search-da .form-group.fix .form-control{

    border-radius: 18px;

    box-shadow: 0 0 20px #0000001a;

    font-size: 0.81rem;

    line-height: 1rem;

    border: none;

}

.box-search-da select{

    -moz-appearance:none; /* Firefox */

    -webkit-appearance:none; /* Safari and Chrome */

    appearance:none;

}

.box-search-da .form-group.fix{

    position: relative;

}

.box-search-da .form-group.fix:after{

    content: '';

    background-image: url(../img/down-da.png);

    background-size: 100% 100%;

    width: 14px;

    height: 9px;

    display: inline-block;

    position: absolute;

    top: 15px;

    right: 10px;

}

.box-search-da .form-inline .form-group{

    width: calc(100% - 39px);

    border-radius: 18px;

}

.box-search-da .form-inline .form-group input{

    width: 100%;

    font-size: 0.81rem;

    line-height: 1rem;

    height: calc(2.25rem + 2px);

    border-radius: 0;

    border: none;

}

.box-search-da .form-inline button{

    border-radius: 0;

    background-color: #fff;

    outline: none;

    color: #f47920;

    border: none;

    height: calc(2.25rem + 2px);

}

.box-search-da .form-inline{

    border-radius: 18px;

    overflow: hidden;

    box-shadow: 0 0 20px #0000001a;

}

.item-p.lis-da img{

    height: 13.058rem !important;

}

.item-p.lis-da img.fix{

    height: 27.6rem !important;

}

.ul-lis-da{

    background-color: #fff;

    list-style: none;

    border-radius: 15px;

    padding: 10px 0;

}

.ul-lis-da li{

    padding: 0 15px;

}

.ul-lis-da li,.ul-lis-da li a{

    font-size: 0.81rem;

    color: #414141;

    line-height: 1.65rem;

}

.ul-lis-da li.active{

    border-bottom: 1px solid #fbb185;

    background-color: #feebe0;

}

.ul-lis-da li.active a{

    color: #f77220;

}

.item-p.lis-da{

    position: relative;

    height: 100%;

}

.item-p.lis-da .box-img{

    margin-bottom: 0px;

    display: block;

}

.item-p.lis-da .content{

    width: calc(100% - 30px);

    height: 100%;

    border-radius: 0;

    left: 15px;

    right: 15px;

    top: 0px;

    bottom: 0px;

    transform: unset;

    align-items: flex-start;

    justify-content: flex-end;

    background-color: #e396647a;

    display: none;

    padding: 15px;

}

.item-p.lis-da:hover .content{

    display: flex;

}

.item-p.lis-da h3,.item-p.lis-da h3 a{

    font-size: 1.315rem;

}

.item-p.lis-da .content p{

    font-size: 0.766rem;

}

.button-down-da{

    width: 165px;

    height: 88px;

    background-image: url(../img/back-nut-da.png);

    display: inline-block;

    background-size: 100% 100%;

    display: flex;

    align-items: center;

    justify-content: center;

    border: none;

    position: relative;

    left: 50%;

    transform: translateX(-50%);

}

.icon-down-da{

    display: inline-block;

    height: 1.375rem;

    width: 1.375rem;

    background-image: url(../img/nut-da.png);

    background-size: 100% 100%;

}

.main-detail-pro h1{

    font-size: 1.067rem;

    font-weight: bold;

    text-transform: uppercase;

    color: #f47421;

    margin-bottom: 0;

}

.main-detail-pro p,.main-detail-pro li,.main-detail-pro li a{

    color: #6f6f6f;

    font-size: 0.8rem;

}

.cl-den{

    color: #000 !important;

}

.den-totan{

    background-color: #fff;

    border-radius: 15px;

    box-shadow: 0 0 20px #0000001a;

    padding: 15px 20px;

    margin-bottom: 20px;

}

.line-den-p{

    border-bottom: 2px solid #ccc;

}

.den-totan ul{

    padding-left: 15px;

}

.no-radirus,.no-radirus img{

    border-radius: 0 !important;

}

h2.fix{

    color: #414141;

    font-size: 1.066875rem;

    font-weight: bold;

    padding-top: 20px;

    padding-bottom: 10px;

}

.fix-right img{

    height: 14.15rem !important;

    object-fit: cover;

}

.bor-top{

    border-top: 1px solid #f77220;

    position: relative;

}

.bor-top:before{

    height: 2px;

    width: 30%;

    background-color: #f77220;

    content: '';

    display: block;

    position: absolute;

    top: 0px;

    left: 0px;

}

.fix-right-2 p{

    margin-top: 0 !important;

    font-size: 0.875rem !important;

}

.fix-right-2 img{

    height: 220px !important;

}

.fix-right-2 .date-news{

    margin-top: 10px !important;

    padding-top: 10px;

}

.ul-year{

    list-style: none;

    padding-left: 0px;

    margin-top: 20px;

}

.ul-year li,.ul-year li a{

    font-weight: bold;

}

.ul-year li{

    padding-bottom: 12px;

    border-top: 1px solid #ccc;

    padding-top: 10px;

}

.ul-year li:last-child{

    border-bottom: 1px solid #ccc;

}

.ul-year li a:hover{

    color: #f58220;

}

.ul-year li a:hover i{

    color: #f58220;

}

.ul-year li a i:first-child{

    font-size: 8px;

    position: relative;

    bottom: 3px;

    margin-right: 15px;

}

.ul-year li a i:last-child{

    float: right;

    font-size: 20px;

    position: relative;

    top: 2px;

}

.item-slide-box-news{

    box-shadow: 0 0 20px #0000001a;

    margin-top: 60px;

}

.item-slide-box-news p{

    margin-top: 8px;

    font-size: 0.8rem;

    color: #666363;

    margin-bottom: 30px;

    margin-top: 30px;

}

.item-slide-box-news h3,.item-slide-box-news h3 a{

    font-size: 16px;

    margin-top: 40px;

}

.item-slide-box-news img{

    height: 378px; 

    object-fit: cover;

}

.bs-zui{

    box-shadow: 0 0 20px #0000001a;

}

.owl-carousel-blog .owl-stage{

    display: flex;

    padding-bottom: 20px;

}

.owl-carousel-blog .owl-stage-outer{

    overflow: hidden;

}

.owl-carousel-blog .owl-dots{

    text-align: center;

    width: 100%;

}

.owl-carousel-blog .owl-nav{

    display: none;

}

.owl-carousel-blog .owl-dots button{

    background-color: transparent;

    border: none;

    outline: none;

}

.owl-carousel-blog .owl-dots button span{

    display: inline-block;

    width: 5px;

    height: 5px;

    border-radius: 3px;

    background-color: #dadada;

}

.owl-carousel-blog .owl-dots button.active span{

    background-color: #fff;

    outline: 3px solid #f77220;

}

.menu-main-blog{

    border-bottom: 1px solid #f47920;

    background-color: #fff;

    margin-top: 20px;

}

.menu-main-blog .row{

    text-align: right;

}

.menu-main-blog ul.m{

    margin-bottom: -6px;

}

.menu-main-blog ul{

    display: inline-block;

    list-style: none;

    padding-left: 0px;

}

.menu-main-blog ul li {

    float: left;

    margin-left: 20px;

}

.menu-main-blog ul li,.menu-main-blog ul li a{

    font-size: 0.8rem;

    position: relative;

    white-space: nowrap;

}

.menu-main-blog ul li a:hover{

    color: #f47920;

}

.menu-main-blog ul.m > li > a{

    padding-bottom: 20px;

}

.menu-main-blog ul.m >  li > a:after{

    content: "\f107";

    display: inline-block;

    font: normal normal normal 14px/1 FontAwesome;

    font-size: inherit;

    text-rendering: auto;

    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale;

    position: absolute;

    bottom: 8px;

    left: 50%;

    transform: translateX(-50%);

}

.menu-main-blog ul ul{

    position: absolute;

    left: 0px;

    top: 100%;

    background-color: #fff;

    border-radius: 10px;

    padding: 5px 10px;

    box-shadow: 0 0 10px #0000001a;

    z-index: 9;

    display: none;

}

.menu-main-blog ul li:hover ul{

    display: block;

}

.menu-main-blog ul ul li{

    padding-left: 0px;

    margin-left: 0;

}

.menu-main-blog ul.m > li > a{

    display: inline-block;

}

.menu-main-blog ul ul li{

    padding: 3px;

}

h1.detail{

    font-size: 18px;

}

.ul-tag{

    padding-left: 0px;

    list-style: none;

    width: 100%;

    display: inline-block;

}

.ul-tag li{

    border: 1px solid #f2f2f2;

    border-radius: 15px;

    float: left;

    margin-right: 5px;

    padding: 5px 10px;

    font-size: 12px;

}

.line{

    border-bottom: 1px solid #ccc;

}

.box-share{

    border-top: 1px solid #ccc;

    padding: 10px 0;

    display: flex;

    align-items: center;

    justify-content: space-between;

}

.box-share p{

    font-size: 12px;

    font-weight: bold;

    margin-bottom: 0px;

}

.ul-share{

    padding-left: 0px;

    list-style: none;

    margin-bottom: 0px;

}

.ul-share li{

    float: left;

    margin-left: 15px;

}

.ul-share .ic{

    height: 25px;

    width: 25px;

    background-size: 100% 100%;

    display: inline-block;

    position: relative;

    top: 2px;

}

.ul-share .ic-like{

    background-image: url(../img/like.png);

}

.ul-share .ic-face{

    background-image: url(../img/face.png);

}

.ul-share .ic-in{

    background-image: url(../img/in.png);

}

.ul-share .ic-goo{

    background-image: url(../img/goo.png);

}

.ul-tag.w li{

    background-color: #f2f2f2;

}

.ul-tag.w li a{

    font-weight: bold;

}

.ul-tag.w li:hover{

    background-color: #feebe0;

}

.ul-tag.w li:hover a{

    color: #f1721d;

}

.box-contact{

    background-color: #fff;

    padding: 40px;

    border-radius: 20px;

    box-shadow: 0 0 13px #83686887;

    height: 100%;

}

.box-contact input, .box-contact textarea{

    border-radius: 25px;

    font-size: 0.8125rem;

    background-color: #fff;

    border-color: #f2f2f2;

    border: 2px solid #C9C7C6;

}

.box-contact button{

    display: inline-block;

    background-color: #f77220;

    border-radius: 15px;

    border: 1px solid #f77220;

    padding: 5px 15px;

    font-size: 0.8rem;

    color: #fff;

    font-weight: bold;

}

.box-contact button:last-child{

    background-color: #fff;

    color: #414141;

}

.box-contact h3{

    font-size: 1rem;

}

.box-contact p{

    font-size: 0.8rem;

}

.main-blog-download p{

    font-size: 0.8rem;

}

.ul-share.fix-left li{

    float: unset !important;

    margin-left: 0px;

    margin-bottom: 10px;

}

.ul-cate-down{

    list-style: none;

    padding-left: 0px;

    padding: 10px 0;

    border-radius: 10px;

    box-shadow: 0 0 20px #0000001a;

}

.ul-cate-down li,.ul-cate-down li a{

    font-size: 0.8rem;

    font-weight: bold;

}

.ul-cate-down li{

    padding: 7px 20px;

    border-left: 2px solid #fff;

}

.ul-cate-down li:hover,.ul-cate-down li.active{

    border-left: 2px solid #f77220;

    background-color: #f2f2f2;

}

.header-list{

    background-color: #f2f2f2;

    font-size: 0.8rem;

    font-weight: bold;

    border-bottom: 1px solid #000;

    display: flex;

    align-items: center;

}

.header-list > div{

    padding: 10px 0;

    text-align: center;

}

.header-list > div:nth-child(2){

    background-color: #e1e1e1;

}

.header-list.old,.header-list.old > div{

    background-color: #fff !important;



}

.header-list.eld,.header-list.eld > div{

    background-color: #f2f2f2 !important;

}

.header-list h3{

    font-size: 0.8rem;

    margin-bottom: 5px;

}

.header-list p{

    font-size: 0.75rem;

    font-weight: normal;

    margin-bottom: 0px;

}

.header-list.old > div:nth-child(2),.header-list.eld > div:nth-child(2){

    text-align: left;

}

.box-contact label{

    font-size: 0.8rem;

}

.box-contact .form-check{

    display: flex;

    margin-bottom: 1rem;

}

#form-download .modal-dialog{

    max-width: 400px;

    top: 50%;

    transform: translateY(-50%);

}

#form-download .modal-body,#form-download .modal-header{

    padding: 0;

}

.ul-share.fix-pr li{

    margin-left: 0px;

    margin-right: 15px;

}

.ul-list-td{

    display: inline-block;

    width: 100%;

    padding-left: 0px;

    list-style: none;

}

.ul-list-td li{

    border-top: 1px solid #ccc;

    padding-bottom: 9px;

    padding-top: 7px;

}

.ul-list-td li:last-child{

    border-bottom: 1px solid #ccc;

}

.ul-list-td li h4{

    font-size: 0.7rem;

    color: #ccc;

    margin-bottom: 0;

    font-weight: normal;

}

.ul-list-td li p{

    font-size: 0.75rem;

    margin-bottom: 0px;

}

.item-slide-box-news.fix{

    padding: 15px !important;

    border-radius: 10px;

}

.item-slide-box-news.fix .pl-0{

    padding-left: 15px !important;

}

.line-img-bottom{

    position: relative;

    padding-bottom: 15px;

}

.line-img-bottom:after{

    content: '';

    display: inline-block;

    height: 1px;

    width: 400px;

    background-image: url(../img/bor-bot-img.png);

    background-size: 100% 100%;

    position: absolute;

    left: 50%;

    bottom: 0px;

    transform: translateX(-50%);

}

.ul-list-td.fix li:nth-child(odd){

    background-color: #ffede2;

}

.ul-list-td.fix li:nth-child(even){

    background-color: #ffe3d2;

}

.ul-list-td.fix li h3{

    font-size: 0.9rem;

    margin-bottom: 0px;

}

.ul-list-td.fix li div{

    display: flex;

    align-items: center;

}

.ul-list-td .button-st1{

    background-color: #fff;

    border-color: #fff;

    font-weight: bold;

    color: #6f6f6f;

}

.ul-list-td .button-st1:hover{

    border-color: #f77220;

    background-color: #f77220;

    color: #fff;

}

.ic-but{

    display: inline-block;

    height: 1rem;

    width: 1rem;

    background-size: 100% 100%;

}

.ic-but-ut{

    background-image: url(../img/ic-ut.png);

}

.ul-list-td .button-st1:hover .ic-but-ut{

    background-image: url(../img/ic-ut-h.png);

}

.button-st1.flex{

    display: flex;

    justify-content: space-between;

    align-items: center;

}

.ul-list-td.fix li{

    padding: 7px 15px 9px;

    border-left: 4px solid transparent;

}

.ul-list-td.fix li:hover{

    border-left: 4px solid #f76e1a;

}

.ul-list-td.fix li div:nth-child(2){

    display: flex;

    justify-content: flex-end;

}

.ul-list-td.fix li{

    border-color: #fff;

}

.item-p.fix-news .img-number{

    height: 101px !important;

    border-radius: 0 !important;

    max-width: 100%;

}

.item-p.fix-news .box-img{

    text-align: center;

}

.content-news.fix-h3 h3,.content-news.fix-h3 h3 a{

    font-size: 1.2rem;

    text-align: center;

}

.item-tag.fix{

    box-shadow: none;

    padding-bottom: 0px;

}

.item-tag.fix .head-tag{

    border-bottom: none;

}

.item-tag.fix .body-tag{

    display: flex;

    justify-content: center;

}

.item-tag.fix .body-tag ul{

    display: inline-block;

}

.item-tag.fix .head-tag img{

    height: 150px;

}

.item-tag.fix .head-tag h3{

    color: #6f6f6f;

}

.item-p.radius{

    box-shadow: 0 0 20px #0000001a;

    padding: 15px 15px 9px !important;

    border-radius: 15px;

}

.item-p.radius .box-img{

    margin-bottom: 0;

}

.item-p.radius img{

    border-radius: 0;

    height: 7.5rem;

}

.list-down-service{

    padding-left: 0px;

    list-style: none;

}

.list-down-service li,.list-down-service li a{

    font-weight: 500;

    color: #282828;

    position: relative;

}

.list-down-service li{

    padding: 3px 30px;

    width: 50%;

    float: left;

}

.list-down-service li:before{

    content: '';

    height: 20px;

    width: 18px;

    display: inline-block;

    background-image: url(../img/ic-ques.png);

    background-size: 100% 100%;

    position: absolute;

    left: 0px;

    top: 5px;

}

.list-quest{

    list-style: none;

    padding-left: 0;

}

.box-quest{

    display: flex;

    align-items: center;

}

.list-quest li{

    position: relative;

    border-top: 1px solid #ccc;

    padding: 18px 10px 10px;

}

.list-quest li:after{

    content: "\f0d7";

    display: inline-block;

    font: normal normal normal 14px/1 FontAwesome;

    font-size: inherit;

    text-rendering: auto;

    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale;

    color: #ef740a;

    position: absolute;

    right: 0px;

    top: 12px;

}

.list-quest li:last-child{

    position: relative;

    border-bottom: 1px solid #ccc;

}

.list-quest li h3{

    font-size: 1rem;

    margin-bottom: 13px;

}

.list-quest li p{

    font-size: 0.8rem;

    margin-bottom: 10px;

}

.list-quest .content-quest{

    display: none;

}

.list-quest li.open .content-quest{

    display: block;

}

.list-quest li.open:after{

    content: "\f0d8";

}

.item-p.fix-news .heau{

    height: auto !important;

}

.item-tag.fix-nd h3{

    padding-left: 13px;

    font-size: 1.5rem;

    color: #403e3e !important;

}

.item-tag.fix-nd .body-tag{

    justify-content: flex-start;

}

.item-tag.fix-nd li,.item-tag.fix-nd li a{

    font-size: 0.8rem;

}

.item-tag.fix-nd li:before{

    font-size: 1.2rem;

    color: red;

}

.item-tag.fix-nd .footer-tag{

    padding-left: 13px;

}

.item-slide-box-news.vct{

    margin-top: 0px;

    box-shadow: none;

}

.h-search,.h-search input,.h-search input:focus{

    background: #E4DAC0;

    outline: none;

    border: none;

    box-shadow: none;

    border-radius: 25px;

    overflow: hidden;

}

.h-search button,.h-search button:hover,.h-search button:focus,.h-search button:active{

    background: #E4DAC0;

    border: none;

    display: flex;

    color: #C88D38;

}

.h-search .form-group{

    width: calc(100% - 41px);

    margin: 0px !important;

}

.he-25{

    height: 25px;

}

.h-search .form-control{

    padding: 3px 15px;

}

.box-d-flex a{

    margin: 0 10px;

}

.box-d-flex .h-search{

    margin-right: 10px;

}

.box1-slide .owl-stage {

    transition: 1s !important;

}

.box1-slide .owl-dots{

    display: none;

}

.box-about{

    background-image: url(../img/back-ab.png);

    background-size: 100% 100%;

    padding: 80px 0 50px;

}

.box-about iframe{

    width: 100%;

    height: 400px;

}

.box-about .container:first-child{

    background-image: url(../img/back-about.png);

    background-position: 100% 0;

    background-size: 50% 100%;

    background-repeat: no-repeat;

}

.content-about h3{

    font-weight: 400;

    letter-spacing: 0em;

    text-align: left;

    color: #C88D38;

}

.content-about p{

    color: #868685;

    text-align: justify;

}

h2 span{

    display: inline-block;

    padding: 8px 50px;

    background: linear-gradient(90deg, #EAB51E -1.22%, #BF822A 100%);

    color: #fff;

    font-weight: 400;

    font-size: 20px;

    border-radius: 20px;

    position: relative;

    z-index: 2;

}

.h2-af-line{

    position: relative;

}

.h2-af-line:after{

    content: '';

    border: 1px solid #EAB41F;

    position: absolute;

    bottom: 50%;

    left: 0px;

    width: 100%;

}

.item-p.product{

    padding: 35px 15px 25px;

    border: 4px solid #AE7727;

    background-color: #fff;

}

.item-p.product img{

    height: 140px;

    object-fit: contain;

}

.item-p.product .content{

    position: static;

    border-top: none;

    padding: 0px;

}

.item-p.product .content h3{

    border-bottom: 1px solid #E8B31E;

    padding-bottom: 10px;

}

.item-p.product .box-img{

    padding: 25px;

}

.item-p.product .content h3,.item-p.product .content h3 a{

    font-size: 12px;

    text-align: left;

    font-weight: bold;

}

.ic-cart{

    height: 28px;

    width: 28px;

    background-image: url(../img/cart-c.png);

    background-size: 100% 100%;

    display: inline-block;

}

.price-box{

    display: flex;

    justify-content: space-between;

    width: 100%;

    align-items: center;

}

.price-left p{

    font-style: italic;

    font-size: 10px !important;

    color: #6E6E6F !important;

    font-weight: 500;

}

.price-left div span:first-child{

    font-weight: 400;

    color: #C2303E;

    font-size: 14px;

}

.price-left div span:nth-child(2){

    font-weight: 400;

    color: #BABCBD;

    font-size: 11px;

    text-decoration: line-through;

}

.price-left div span:last-child{

    font-weight: 400;

    color: #6E6E6F;

    font-size: 11px;

}

.item-p.product img{

    transition: 0.3s;

}

.item-p.product img:hover{

    transform: scale(1.6);

}

.ic-cn{

    background-image: url(../img/ic-cn.png);

    background-size: 100% 100%;

    width: 47px;

    height: 58px;

    display: inline-block;

}

.item-cn .box-img{

    padding: 25px;

    background-image: url(../img/back-box-cn.png);

    background-size: 100% 100%;

}

.item-cn h3{

    font-weight: bold;

    color: #C0822B;

    font-size: 16px;

    margin-bottom: 5px;

}

.item-cn p{

    font-weight: 400;

    color: #C0822B;

    font-size: 14px;

}

.title-but{

    display: inline-block;

    padding: 8px 50px;

    background: linear-gradient(90deg, #EAB51E -1.22%, #BF822A 100%);

    color: #fff !important;

    font-weight: 400;

    font-size: 16px;

    border-radius: 20px;

    position: relative;

    z-index: 2;

}

.title-but2{

    display: inline-block;

    padding: 8px 50px;

    background: #fff;

    color: #939396 !important;

    font-weight: 400;

    font-size: 16px;

    border-radius: 20px;

    position: relative;

    z-index: 2;

    border: 1px solid rgba(170, 124, 57, 0.5);

}

.box-contact button{

    max-width: 180px;

    display: inline-block;

    padding: 5px 10px;

    background: #E6AE22 !important;

    color: #fff !important;

    font-weight: 400;

    font-size: 16px;

    border-radius: 20px;

    position: relative;

    z-index: 2;

}

.box-contact input{

    height: 45px;

}

.list-quest li:first-child{

    border-top: none;

}

.wh-50{

    width: 50px;

    height: 50px;

    border-radius: 50%;

    border: 2px solid #E6AE22;

}

.list-comment{

    list-style: none;

    margin-left: 0px;

    padding-left: 0px;

}

.list-comment li{

    display: flex;

    justify-content: space-between;

    margin-bottom: 20px;

}

.ic-star{

    display: inline-block;

    height: 15px;

    width: 15px;

    background-image: url(../img/star.png);

    background-size: 100% 100%;

}

.box-star{

    padding-left: 10px;

    margin-bottom: 10px;

}

.box-star .ic-star{

    margin-right: 5px;

}

.box-text{

    padding: 7px 15px 15px;

    background-color: #E5E6E7;

    margin-bottom: 15px;

    border-top-right-radius: 30px;

    border-bottom-left-radius: 30px;

}

.box-text p{

    margin-bottom: 0px;

    color: #848587;

}

.box-lib img{

    height: 70px;

    width: 70px;

    object-fit: contain;

}

.box-lib a{

    margin-right: 5px;

}

.dot-more{

    font-size: 50px;

    color: #C4C4C4 !important;

    display: inline-block;

    padding: 0 30px;

}

.title-but.fix{

    position: absolute;

    top: -20px;

}

.box-contact.fix{

    padding-bottom: 5px;

}

.nut-in-footer {

    color: #fff !important;

    font-size: 24px;

    font-weight: 500;

    line-height: 45px;

    display: inline-block;

    border-radius: 5px;

    position: absolute;

    top: -35px;

    right: -45px;

    transform: translate(-50%,-50%);

    white-space: nowrap;

    width: 55px;

    height: 58px;

    background-image: url(../img/backback.png);

    background-size: 100% 100%;

    cursor: pointer;

}

.main-fot{

    position: relative;

}

.back-cuano{

    background-color: #f8f8ee;

}

.ul-dmp{

    list-style: none;

    padding-left: 0px;

}

.ul-dmp li{

    display: inline-block;

    padding: 8px 20px;

    background: linear-gradient(90deg, #F8F7EB -1.22%, #CB9B5B 100%);

    color: #BD802B;

    font-weight: 400;

    font-size: 16px;

    border-radius: 20px;

    position: relative;

    z-index: 2;

    width: 100%;

    text-align: right;

    margin-bottom: 10px;

}

.ul-dmp li.active{

    background: linear-gradient(90deg, #EAB51E -1.22%, #BF822A 100%);

    color: #fff;

}

.ul-dmp li a{

    color: #BD802B;

    display: inherit;

    width: 100%;

}

.ul-dmp li.active a{

    color: #fff;

}

.left-loc label{

    font-weight: 400;

    font-size: 15px !important;

    margin-bottom: 0.2rem;

    color: #6D6E70;

    cursor: pointer;

}

.left-loc input{

    width: 15px;

    height: 15px;

}

.left-loc .input-group-text{

    background-color: transparent;

    border: none;

}

.bacbac{

    background-image: url(../img/bacbac.png);

    background-size: 100%;

    background-position: 0 100%;

    background-repeat: no-repeat;

}

.contact-info h3{

    font-size: 18px;

}

.img-detail > a{

    display: inline-block;

    width: 100%;

    padding: 15px;

    border: 1px solid #AA7C39;

    border-radius: 20px;

}

.img-detail ul{

    list-style: none;

    padding-left: 0px;

    margin-top: 20px;

}

.img-detail ul li{

    float: left;

    border: 1px solid #AA7C39;

    border-radius: 10px;

    margin-right: 10px;

}

.img-detail ul li img{

    height: 80px;

    width: 80px !important;

    object-fit: cover;

    border-radius: 50%;

}

.ic-heart{

    height: 16px;

    width: 28px;

    background-image: url(../img/tim.png);

    background-size: 100% 100%;

    display: inline-block;

}

.ic-eye{

    height: 18px;

    width: 18px;

    background-image: url(../img/xem.png);

    background-size: 100% 100%;

    display: inline-block;

}

.info-detail h1{

    font-size: 20px;

    color: #C4872F;

}

.short-info p{

    color: #868685;

    font-size: 13px;

}

.title-but.fix2{

    display: flex;

    padding: 8px 20px;

    max-width: 200px;

    justify-content: center;
    background: #ff7200 !important;

}

.box-number{

    display: flex;

}

.box-number input{

    width: 40px;

    height: 30px;

    text-align: center;

}

.box-number span{

    height: 30px;

    width: 30px;

    background-color: #ccc;

    display: flex;

    justify-content: center;

    align-items: center;

    cursor: pointer;

}

input::-webkit-outer-spin-button,

input::-webkit-inner-spin-button {

    -webkit-appearance: none;

  margin: 0;

  -moz-appearance: textfield;

}

.box-de-price .line-tho{

    font-size: 13px;

    color: #BABCBD;

    text-decoration: line-through;

}

.box-de-price .line-red{

    color: #C2303E;

    font-size: 18px;

}

.f13x{

    font-size: 13px;

}

.content-nd h1,.content-nd h2,.content-nd h3,.content-nd h4,.content-nd h5,.content-nd h6{

    font-weight: bold;

    color: #1c2534;

}

.cl-xam{

    color: #999;

}

.item-p.news .content{

    border-top: none;

    background: rgba(0, 0, 0, 0.5);

    padding: 15px 15px 15px;

}

.item-p.news .content h3,.item-p.news .content h3 a{

    font-size: 15px;

    color: #fff;

}

.cm-video{

    position: relative;

    display: inline-block;

    height: 70px;

}

.cm-video:after{

    content: '';

    position: absolute;

    left: 0px;

    right: 0px;

    top: 0px;

    bottom: 0px;

    background-image: url(../img/bg-video.png);

    background-size: 100% 100%;

    opacity: 0.7;

}

.contact-info iframe{

    height: 350px;

}

.content-nd img{

    max-width: 100% !important;

    height: auto !important;

}

.box1-slide .slide-item > a{

    display: inline-block;

    width: 100%;

}

.at-share-btn-elements a {
    border-radius: 50% !important;
}

.item-cn .box-img img{
	transition: 0.3s;
}

.item-cn .box-img img:hover{
	transform: scale(1.2) !important;
}

.item-ngn{
	height: 100%;
	display: flex;
	align-items: center;
}

.content-tito .item-p.fix-news h3{
    
}

.ct-foo{
	display: inline-block;
	height: 20px;
	width: 20px;
	background-size: 100% 100%;
	margin-right: 8px;
}

.ct-global{
	background-image: url(../img/ct-global.svg);
}
.ct-global.w{
	background-image: url(../img/ct-global-w.svg);
}

.ct-address{
	background-image: url(../img/ct-address.svg);
}
.ct-address.w{
	background-image: url(../img/ct-address-w.svg);
}

.ct-phone{
	background-image: url(../img/ct-phone.svg);
}
.ct-phone.w{
	background-image: url(../img/ct-phone-w.svg);
}

.ct-mail{
	background-image: url(../img/ct-mail.svg);
}
.ct-mail.w{
	background-image: url(../img/ct-mail-w.svg);
}

.fot-p p{
    padding-left: 30px;
    position: relative;
}

.fot-p p span{
    position: absolute;
    left: 0px;
    top: 50%;
    transform: translateY(-50%);
}
#header .main-nav .main-menu ul li{
    position: relative;
}
#header .main-nav .main-menu > ul > li >  ul{
    position: absolute;
    top: 100%;
    left: 0px;
    margin-left: 0px;
    list-style: none;
    background-color: #fff;
    flex-direction: column;
    display: none;
    border-radius: 8px;
    width: auto !important;
    box-shadow: 0 0 13px #00000087;
    padding: 10px 0 !important;
}
#header .main-nav .main-menu > ul ul ul {
    position: absolute;
    left: 100%;
    top: 0px;
    background-color: #fff;
    box-shadow: 0 0 13px #00000087;
    display: none;
    border-radius: 5px;
}

#header .main-nav .main-menu > ul ul ul li a{
    font-size: ;
}
#header .main-nav .main-menu ul  ul li{
    position: relative;
}
#header .main-nav .main-menu ul  ul li i{
    float: right;
    position: relative;
    top: 5px;
    margin-left: 20px;
}
#header .main-nav .main-menu ul  ul li{
    float: unset !important;
    width: 100%;
    white-space: nowrap;
}

.content-nd iframe{
    max-width: 100%;
}
.content-quest p,.content-quest a,.content-quest span{
    font-size: 12pt !important;
}

@media screen and (min-width: 1200px){
    #header .main-nav .main-menu > ul > li:hover a{

        color: #dfa721 !important;

    }
    #header .main-nav .main-menu > ul ul li:hover {
        background-color: #faf4ea;
    }
    #header .main-nav .main-menu ul ul li:hover{
        background-color: #f4e7d4;
    }
    .container {

        max-width: 1200px;

    }

    #header .logo img{

        height: 55px;

        position: relative;

    }

    #header .main-nav{

        padding-top: 0;

    }

    #header .main-nav .body-nav > ul{

        margin-bottom: 0.2rem;

        margin-left: 30px;

    }

    #header .main-nav > ul > li{

        margin: 0 8px;

    }

    .box-about{

        padding: 80px 0 250px;

    }

    .mta400{

        position: relative;

        top: -250px;

    }

    .mta250{

        margin-top: -250px !important;

    }

}

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

    .container {

        max-width: 1574px;

    }

}

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

    .logo-fot{

        

    }

}

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

    .main-nav .container-fluid{

        padding-left: 35px;

        padding-right: 35px;

    }

    

    .mh84{

        min-height: 112px;

        display: flex;

        flex-direction: column;

        justify-content: flex-end;

    }

    .logo-fot{

        margin-top: 5px;

    }

}

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

    .modal-dialog {

        max-width: 700px;

    }
    #header .main-nav .main-menu ul li:hover  ul{
        display: block;
    }
    #header .main-nav .main-menu > ul ul li:hover > ul{
        display: block !important;
    }
    #header .main-nav .main-menu > ul ul ul {
        position: absolute;
        left: 100%;
        top: 0px;
        background-color: #fff;
        box-shadow: 0 0 13px #00000087;
        display: none !important;
        border-radius: 5px;
    }
}

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

    .mh84{

        min-height: 140px;

        display: flex;

        flex-direction: column;

        justify-content: flex-end;

    }

}



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

    .main-menu{

        width: 100%;

    }

    .main-menu ul{

        display: flex;

        width: 100%;

        align-items: center;

    }

}



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

    .container{

        min-width: 1520px;

    }

    .mta250{

        margin-top: -400px !important;

    }

    #header .main-nav .main-menu > ul > li, #header .main-nav .main-menu > ul > li > a{

        font-size: 20px;

    }

    #header .main-nav .main-menu > ul > li li  a{
        font-size: 16px;
    }

    #header .logo img{

        height: 80px;

    }

    #header .main-nav{

        padding: 5px 0 15px;

    }

    #header .top-nav, #header .top-nav li, #header .top-nav li a, #header .top-nav button{

        font-size: 0.875rem;

    }

    .back-top{

        padding: 17px 0;

    }

    .main-menu{

        padding: 0 25px !important;
        margin-left: 40px;

    }

    .head-tag img{

        height: 106px;

    }

    .item-tag{

        padding: 40px 0 40px 0;

    }

    .button-icon{

        height: 4.375rem;

        width: 4.375rem;

    }

    .arrow-d{

        height: 1.5625rem;

        width: 1.5625rem;

    }

    .head-tag h3{

        margin-top: 1.5rem;

        font-size: 1.5rem;

    }

    .head-tag p{

        font-size: 1.25rem;

    }

    .body-tag ul li, .body-tag ul li a{

        font-size: 1rem;

        line-height: 1.8rem;

    }

    .button-st1{

        font-size: 1.125rem;

        padding: 6px 20px;

        border-radius: 20px;

    }

    .arrow-r{

        height: 1rem;

        width: 1rem;

    }

    .body-tag ul{

        margin-bottom: 1.8rem;

    }

    h2{

        font-size: 2.25rem;

    }

    .ic-pro{

        height: 2.375rem;

        width: 2rem;

    }

    .ic-too{

        height: 2.375rem;

        width: 2rem;

    }

    .item-p img{

        height: 23.375rem;

    }

    .item-p .content{

    }

    .item-p .content h3, .item-p .content h3 a{

        font-size: 24px;

    }

    .item-p .content p{

        font-size: 1.5rem;

        line-height: 1.7rem;

    }

    .more-catalog{

        font-size: 1.125rem;

    }

    .arrow-d.fix-11{

        height: 1.125rem;

        width: 1.125rem;

    }

    .ic-com{

        height: 2rem;

        width: 2rem;

    }

    .item-tag.fix-cus img{

        height: 80px;

        width: 80px;

    }

    .item-tag.fix-cus .head-tag{

        padding-bottom: 20px;

    }

    .item-tag.fix-cus{

        padding: 25px 0 25px 0;

    }

    .item-tag.fix-cus .head-tag h3{

        font-size: 1.5rem;

    }

    .item-tag.fix-cus .head-tag p{

        font-size: 0.75rem;

    }

    .item-tag.fix-cus .body-tag p{

        font-size: 0.77rem;

    }

    .item-nb-cty img{

        height: 95px;

    }

    .item-nb-cty h3{

        font-size: 4.07rem;

    }

    .item-nb-cty p{

        font-size: 1.136rem;

    }

    .ic-news{

        height: 2rem;

        width: 2rem;

    }

    .item-p.fix-news img{

        height: 16.625rem;

    }

    .item-p.fix-news h3, .item-p.fix-news h3 a{

        font-size: 1.25rem;

    }

    .item-p.fix-news p,.item-p.fix-news p.date-news{

        font-size: 1rem;

    }

    #footer h3{

        font-size: 1.75rem;

        margin-bottom: 1.2rem;

        line-height: 35px;

    }

    #footer{

        padding-top: 50px;

    }

    .main-fot ul li, .main-fot ul li a, .main-fot p, .main-fot a{

        font-size: 0.9375rem;

    }

    #footer ul li{

        margin-bottom: 0.5rem;

    }

    #footer p{

        margin-bottom: 0.4rem;

    }

    .back-cam-rule p{

        font-size: 0.8rem !important;

    }

    .fot-rule img{

        height: 2.625rem;

    }

    .fot-rule ul li a, .fot-rule ul li{

        font-size: 1rem !important;

    }

    .fot-rule ul li{

        padding: 13px 5px;

    }

    .box-main-contact{

        min-height: calc(100vh - 166px);

    }

    .box-main-contact div,.box-main-contact p, .box-main-contact a, .box-main-contact li,.box-main-contact label,.box-main-contact input,.box-main-contact textarea{

        font-size: 1.125rem;

    }

    .box-main-contact input::placeholder,.box-main-contact textarea::placeholder{

        font-size: 0.875rem;

    }

    .box-main-contact button{

        font-size: 1.2rem;

    }

    .f10{

        font-size: 0.875rem !important;

    }

    .box-line-contact p:nth-child(1){

        font-size: 0.875rem;

    }

    .item-p.lis-da h3,.item-p.lis-da h3 a{

        font-size: 1.85rem;

    }

    .item-p.lis-da .content p{

        font-size: 1.07625rem;

    }

    .box-search-da .form-group.fix .form-control{

        font-size: 1.125rem;

        height: 2.875rem;

        border-radius: 25px;

    }

    .box-search-da .form-inline .form-group input{

        font-size: 1.125rem;

        height: 2.875rem;

    }

    .box-search-da .form-inline{

        border-radius: 25px;

    }

    .ul-lis-da li, .ul-lis-da li a{

        font-size: 1rem;

        line-height: 2.235rem;

    }

    .item-p.lis-da img{

        height: 17.7578rem !important;

    }

    .item-p.lis-da img.fix{

        height: 36.9rem !important;

    }

    .box-search-da .form-inline button{

        height: 2.875rem;

    }

    .box-search-da .form-group.fix:after{

        top: 20px;

    }

    h2.fix{

        font-size: 1.5rem;

    }

    .fix-right img{

        height: 20.125rem !important;

    }

    .fix-right-2 img{

        height: 280px !important;

    }

    .item-slide-box-news img {

        height: 514px;

    }

    .item-p.fix-news .img-number{

        height: 131px !important;

    }

    .content-news.fix-h3 h3,.content-news.fix-h3 h3 a{

        font-size: 1.6rem;

    }

    .item-tag.fix .head-tag img{

        height: 150px;

    }

    .item-p.radius img{

        height: 10rem;

    }

    .item-p.fix-news .heau{

        height: auto !important;

    }

    .menu-main-blog ul li, .menu-main-blog ul li a{

        font-size: 1rem;

    }

    .hotline{

        display: flex !important;

        justify-content: flex-end;

    }

    .ul-tag li{

        font-size: 0.875rem;

    }

    .fix-right-2 p{

        font-size: 1rem !important;

    }

    .ul-year li, .ul-year li a{

        font-size: 1.5rem;

    }

    .box-share p{

        font-size: 1.125rem;

    }

    .box-contact h3{

        font-size: 1.5rem;

    }

    .box-contact p{

        font-size: 1rem;

    }

    .box-contact input, .box-contact textarea{

        font-size: 1rem;

    }

    .form-control{

        padding: .6rem 1.5rem;

    }

    .box-contact input, .box-contact textarea, .box-contact select{

        border-radius: 23px;

    }

    .box-contact select{

        padding: .6rem 1.5rem;

        height: auto !important;

    }

    .box-contact button{

        font-size: 1.3rem;

        padding: 9px 25px;

        border-radius: 23px;

    }

    .hotline img{

        height: 82px;

    }

    #header .main-nav .main-menu > ul > li.active a{

        font-size: 1rem;

    }

    .item-slide-box-news h3, .item-slide-box-news h3 a{

        font-size: 2.25rem;

        color: #6f6f6f;

    }

    .item-slide-box-news p{

        font-size: 1.125rem;

    }

    .item-slide-box-news .date-news{

        font-size: 0.875rem;

    }

    .item-tag.fix-nd li, .item-tag.fix-nd li a{

        font-size: 1rem;

        line-height: 2rem;

    }

    .ul-list-td li h4{

        font-size: 0.9rem;

        margin-bottom: 0.2rem;

    }

    .ul-list-td li p{

        font-size: 1rem;

        margin-bottom: 0.2rem;

    }

    .box-contact label{

        font-size: 1rem;

    }

    .ul-cate-down li, .ul-cate-down li a{

        font-size: 1rem;

        line-height: 2.5rem;

    }

    h1.detail{

        font-size: 1.25rem;

    }

    .main-blog-download p{

        font-size: 1rem;

    }

    .header-list{

        font-size: 1rem;

    }

    .header-list h3{

        font-size: 1.1rem;

    }

    .ul-share .ic{

        height: 35px;

        width: 35px;

    }

    .pagin a, .pagin strong{

        font-size: 18px;

        padding: 6px 15px;

    }

    .box-about iframe{

        height: 550px;

    }

    .content-about h3{

        font-size: 34px;

    }

    .content-about p{

        font-size: 20px;

    }

    .h2-p{

        font-size: 20px;

    }

    .item-p .content{

        border-top: 14px solid #E8B31E;
        height: 142px;

    }

    .item-p .content .icon{

        height: 70px;

        width: 70px;

    }

    .item-p img{

        height: 439px;

    }

    .item-p .content .icon img{

        max-height: 41px;

        max-width: 53px;

        object-fit: contain;

    }

    .item-p .content .icon{

        top: -45px;

    }

    h2 span{

        padding: 16px 80px;

        font-size: 27px;

        border-radius: 35px;

    }

    .h-search .form-control {

        padding: 5px 10px;

    }

    .he-25{

        height: 35px;

    }

    .item-p.product .content h3, .item-p.product .content h3 a{

        font-size: 19px;

    }

    .price-left div span:first-child{

        font-size: 21px;

    }

    .price-left p{

        font-size: 15px !important;

    }

    .price-left div span:nth-child(2){

        font-size: 15px;

    }

    .price-left div span:last-child{

        font-size: 15px;

    }

    .ic-cart{

        height: 40px;

        width: 40px;

    }

    .item-cn h3{

        font-size: 20px;

    }

    .item-cn p{

        font-size: 18px;

    }

    .box-contact input{

        height: 55px;

    }

    .box-contact p{

        font-size: 18px;

    }

    .box-contact input, .box-contact textarea{

        font-size: 20px;

    }

    .list-quest li h3{

        font-size: 18px;

    }

    .nut-in-slide{

        width: 65px;

        height: 65px;

        bottom: -65px;

    }

    .nut-in-footer{

        width: 85px;

        height: 85px; 

    }



    .box-about{

        padding: 80px 0 400px;

    }

    .mta400{

        position: relative;

        top: -400px;

    }



    .ul-dmp li{

        font-size: 20px;

    }

    .left-loc label{

        font-size: 18px !important;

    }

    .item-p.product img{

        height: 212px;

    }

}

@media screen and (max-width: 572px){
    #header .main-nav .main-menu ul ul ul {
        position: static !important;
    }
    #header.h-fix .main-nav .main-menu > ul > li, #header.h-fix .main-nav .main-menu > ul > li a{
        display: block !important;
        padding-bottom: 8px;
    }
    .main-menu > ul {
        background-color: #c5852e;
    }
    #header .main-nav .main-menu ul ul, #header .main-nav .main-menu ul ul ul{
        background: transparent !important;
        box-shadow: none !important;
        list-style: disc;
        padding-left: 20px;
    }
    .main-menu > ul > li > a{
        border-bottom: 1px solid #fff;
    }
    #header .main-nav .main-menu > ul > li:first-child{
        padding: 5px 15px !important;
    }
    .main-menu > ul > li > ul > li > a{
        border-bottom: 1px solid #a5600e;
    }
    .main-menu > ul{
        height: calc(100vh - 60px);
        overflow-y: scroll;
    }
    .main-menu li {
        position: relative;
    }
    #header .main-nav .main-menu ul ul li {
        position: relative;
    }
    .main-menu ul li > i {
        padding: 10px 15px;
        position: absolute;
        top: 0px;
        right: 15px;
        color: #fff;
        z-index: 999;
    }
    #header .main-nav .main-menu ul ul li i {
        position: absolute !important;
    }
    #header .main-nav .main-menu > ul > li a:hover{
        color: #fff !important;
    }
}


.mh84o{

    min-height: 84px;

}

.footer .f32{

    font-size: 24px !important;

}

.logo-fot{

}

.mt-10{

    margin-top: 6rem!important;

}

.mb-10{

    margin-bottom: 6rem!important;

}