.landing-layout{position: relative;}
@media screen and (max-width:1366px){
	.slider-top img.slider-bg {
		    height: 355px;
	}
}
@media screen and (min-width:1200px){
    .contact-box-left{
        height: 370px;
    }
}

@media screen and (max-width:1199px){
	.slider-top img.slider-bg {
		height: 380px;
	}
    .width-80{width: 95%; margin: auto;}
}

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

@media screen and (max-width:1023px){
    .landing-layout {
        padding: 0px 10px;
    }
}

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

}

@media screen and (max-width:991px){
    .mainContainer, .mainContainer iframe, .mainContainer img{max-width: 100% !important;height: 100%;}
    .header-bar{width: 100%; padding: 0px 20px;}
    #content-slider h2{font-size: 25px;}
    #content-slider h4{font-size: 18px; color: #fff; position: relative;}
    #content-slider p{color: #919392; font-size: 14px;}
    #content-slider .btn-registry{font-size: 14px; padding: 8px 20px; margin-top: 10px;}
    .solution{display: none;}
    .items-step h3, .items-step .des-step{width: 100%;}
    .navbar-nav>li {
        float: left;
    }
    .landing-layout-shop {padding-left: 10px; padding-right: 10px;}
}
@media (min-width: 768px)
{
    .button-continue .col-sm-12.text-right {
        padding: 0 24px 20px;
    }
}
@media screen and (min-width:768px) and (max-width:991px){
}
@media screen and (max-width:799px){
    .add-to-cart a{padding: 7px 5px;}
    .cart-navi{padding-bottom: 0;}
    .item_product {
        min-height: 320px;
    }
}
@media screen and (max-width:767px){
    .box-news .items-blog .img-blog-cart-new img{width: 102px;height:52px;padding-top: 5px;margin-right: 7px;}
    .title-cart-flow h4{text-align: center;}
    .cart-large, .items-blog .date{display: none;}
    .cart-mobile{display: block !important;max-height: 333px;
        overflow: auto;}
    .cart-navi ul.steps{
    }
    #content-product img, .right-item-blog, .blog_detail .right-item-blog, .right-item-blog, .page-news .img-blog-new, .items-blog .img-blog-cart-new{width: 100%;}
    .form-inline .form-control {
        width: 100%;
    }
    div#question{padding-bottom: 0;}
    .contact-form {
        margin-top: 20px;
    }
    .page-news .img-blog-new img, .category_new .items-blog .img-blog-cart-new img, .box-news .items-blog .img-blog-cart-new img{width: 100%;height:100%;}
    span.input-group-btn {
        width: 20px;
    }
    /*.step-content{overflow-x: scroll;}*/
    .cart-table td{white-space: nowrap;}
    /*h1.header-shop-name{font-size: 18px; line-height: 25px; padding-left: 10px; padding-right: 0px; padding-top: 0;}*/
    .rp-cart{position: absolute; right: 10px;}
    .img-cart-item span{display: block; text-align: center;}
    .img-cart-item{text-align: center;}
    .header-logo{padding: 10px 5px;}
    .item-mobile-cart{margin-top:20px;border-top:solid 1px #ddd;}
    .item-cart-flow{border-top:0px;}
}
@media screen and (max-width:600px){
    .row.footer-cart-flow {
        margin-top: 10px;
    }
    .img-mobile-cart {
        padding-top: 5px;
    }
    .right-cart-mobile p {
         margin-bottom: 0px;
         margin-top: 0;
         padding-right: 20px;
    }
    #coupon_code {
        border-radius: 4px;
    }
    .button-continue .col-sm-12.text-right {
        padding: 0 28px 24px;
    }
}
@media screen and (min-width:480px) and (max-width:767px){

}

@media screen and (max-width:479px){
    .add-to-cart a {
        padding: 5px 15px;
    } 
    .header-shop-name{font-size: 15px !important; margin-top: 0 !important;}
	#work-table .table>thead>tr>th {padding: 5px;
    }
    #work-table {
        width: 100%;
    }
    div#result-vendor {
        padding: 10px;
    }.slider-top img.slider-bg {
        height: 430px;
    }
    .item-mobile-cart .cart-image{width: 100%;max-height: 80px; object-fit: cover;}
    .col-xsm-12{width: 100% !important;}    
    .label-coupon-ques{display: block;}
}
@media screen and (max-width:321px){
    .header-shop-name{font-size: 15px !important; margin-top: 0 !important;}
    .header-shop-name{font-size: 14px !important; margin-top: 0 !important;}
}
@media screen and (max-width:320px){
    #customer_form .col-12-full{width: 100%;}
}
@media screen and (max-width:240px){
    .header-shop-name{font-size: 15px !important; margin-top: 0 !important;}
}