.container {
    padding-left: 15px;
    padding-right: 15px;
}

@media (max-width:992px) {
    .container {
        width:100%;
    }
   
}
@media (max-width:767px) {
    .current-price{
        font-size: 17px;
    }
    .container {
        width:100%;
    }
    .header{
        position: sticky;
        z-index: 99;
        top: 0;
        box-shadow: 0 10px 20px rgb(40 50 100 / 5%);
        padding: 10px 0
    }
    .header .d-flex-center{
        display: block
    }
    .header .mb-10{
        margin-bottom: 0
    }
    .bg-gray, .bg-white{
        padding: 20px 0;
    }
    .breadcrumbs-wrap{
	    display:none
	}
    .block-product-hot{
        padding: 15px;
        border-radius: 20px
    }
    .block-product-hot h2{
        font-size: 30px
    }
    .block-product-hot .btnn{
        font-size: 19px
    }
    .block-product-hot .bodytext{
        padding: 0
    }
    .list-product-hot-box{
        margin-top: 20px
    }
    .block-product-hot .d-flex-center{
        display: block
    }
    .main-menu-box{
        display: none
    }
    .owl-slider-3-box{
        width: 100%;
        margin: 0
    }
    .owl-slider-3 .owl-item .ii{
        padding: 0 20px
    }
    .heading-style-2{
        font-size: 20px
    }
    .heading-style-1:before, .heading-style-2:before{
        width: 20px;
        height: 20px;
    }
    .logo-footer{
        display: block;
        text-align: center
    }
    .logo-footer img{
        width: 160px;
        height: auto
    }
    .social-f img{
        width: 70px;
        height: 70px
    }
    .ic-header .box-text{
        display: none
    }
    .headerSearch{
        display: none;
        position: absolute;
        z-index: 999;
        width: 100%;
        left: 0;
        bottom: -100px;
        right: 0;
        box-shadow: 0 0 23px rgba(10, 10, 10, 0.08);
    -moz-box-shadow: 0 0 23px rgba(10, 10, 10, 0.08);
    -webkit-box-shadow: 0 0 23px rgba(10, 10, 10, 0.08);
    }
    
    .list-product-hot h3{
        margin-bottom: 0
    }
    .product-list h4{
        margin-bottom: 0
    }
    .fr-ck .image{
        width: 70px;
        height: 70px
    }
    .icc-header .d-flex-center{
        display: flex;
        justify-content: flex-end;
    }
    .mobile-menu-wrap .social-f{
        padding: 0 20px
    }
    .mobile-menu-wrap .social-f img{
        width: 40px;
        height: 40px;
    }
    .heading-style-1, .heading-style-2{
        flex-wrap: wrap;
        flex-direction: column;
    }
    .heading-style-1 h2, .heading-style-11 h2, .heading-style-2 h2{
        font-size: 20px;
        padding-bottom: 5px;
        color: var(--green);
        width: 100%
    }
    .heading-style-3{
        width: 100%;
        text-transform: uppercase;
        font-size: 30px;
        border-bottom: 2px solid var(--green);
        margin-bottom: 20px;
        color: var(--green);
    }
    .heading-style-1 .xtc{
        display: none;
        width: 100%
    }
    .heading-simple{
        width: 100%
    }
    .fr-ck-2{
        margin-bottom: 20px;
    }
    .heading-simple-2, .heading-simple-3{
        font-size: 30px
    }
    .bg-img-2 .d-flex-center{
        display: block
    }
    .form-contact{
        margin-top: 30px
    }
    .fr-ck-4{
        width: 100%;
        padding: 0 25px;
    }
    .fr-ck-4:before, .fr-ck-4:after{
        width: 40px;
        height: 40px;
    }
    .fr-ck-4:before{
        left: -25px;
        top: 0;
    }
    .fr-ck-4:after{
        right: -25px;
        bottom: 0;
    }
    .fr-ykkh-box .sub-title{
        width: 100%
    }
    .block-box:last-child{
        margin-bottom: 20px
    }
    .heading-sort{
        display: flex;
        flex-wrap: wrap
    }
    .heading-style-3{
        flex: 0 0 100%;

    }
    .heading-style-3 h2{

        flex-wrap: wrap;
        gap: 5px
    }
    .select-sort{
        display: flex;
        justify-content: flex-end;
        width: 100%;
    }
    .heading-sort{
        margin-bottom: 10px
    }
    
    .product-detail .status{
        flex-wrap: wrap
    }
    .product-detail .status.block-box{
        margin-bottom: 5px
    }
    .product-detail .status li{
        flex: 0 0 100%
    }
    .product-detail .status li:before{
        display: none
    }
    .heading-simple-left, .heading-style-3 h2{
        font-size: 20px;
        color: var(--green)
    }
    .heading-style-3 .icc{
        height: 20px;
        margin-bottom: 10px;
    }
    .list-cata, .list-cata-2{
        margin-bottom: 20px
    }
    .view-create{
        gap: 10px
    }
    .view-create .btn-o, .view-create .btn-o-o {
        padding: 8px 15px;
    }
    h1.block-box, .km-box{
        margin-bottom: 5px
    }
    .banner-position .a{
        display: none
    }
    .title-xxl{
        font-size: 23px
    }
    .title-banner-thumb{
        font-size: 14px;
    }
    .hidden-md{
        display: block
    }
    .fr-ck-5 h3{
        font-size: 15px
    }
    #sync2{
        margin-top: 10px;
    }
    .owl-slider-4 .owl-prev, .owl-slider-4 .owl-next{
        width: 25px;
        height: 25px;
        font-size: 15px;
    }
    .owl-slider-4 .owl-next{
        right: 0;
    }
    .owl-slider-4 .owl-prev{
        left: 0;
    }
    .svg-ico-account{
        width: 17px !important;
        height: 17px !important;
        fill: #000 !important;
    }
    .dropdown .svg-ico-account{
        fill: #fff !important;
    }
    .ic-header .box-icon {
        position: relative;
        width: 50px;
        height: 32px;
        text-align: center;
        color: #ddd;
        display: flex    ;
        align-items: center;
        justify-content: center;
    }
    .logo{
        display: none
    }
    .logo-mb{
        display: block
    }
    .block_cart{
        margin-right: 10px;
    }
    .menu-mb{
        display: block
    }
    .part-1, .part-3{
        width: 40%;
        display: flex
    }
    .part-3{
       
        justify-content: flex-end;
    }
    .heading-style-1, .heading-style-11, .heading-style-2{
        align-items: baseline
    }
}
@media (max-width:499px) {
    .nv-infodie {
        width:100%;
    }
    
}
@media (min-width:500px) and (max-width:991px) {
    
}
@media (min-width:500px) {
	.nv-infodie {
        width:500px;
        top: 100px;
        left: 0;
        right: 0;
    }
}
@media (min-height:500px) {
    .container {
        width:100%;
    }
    .nv-infodie {
        height:500px;
        top:5%;
    }
}
@media (min-width:768px) {
    .container {
        width:100%;
    }
    
}
@media (min-width:992px) {
    .container {
        width:100%;
        max-width:1080px;
    }
}
@media (min-width:1200px) {
    .container{
        width:1080px;
    }
}