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

    .container, .main{padding: 0 20px;}
    #header .bottom .container ul li:hover .altMenuL .container{padding: 0 15px;}
    #header .bottom .container ul li:hover .altMenuL a{font-size: 14px;}
}

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


    .container {padding: 0 20px }
    #homeBanner{height: 250px;}
    #header .bottom .container ul li:hover .altMenuL a{font-size: 13px;}
    #header .bottom .container ul li a{font-size: 12px;}

}

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

	#header .top .container{flex-direction: column;}
    #header .top .box{align-items: center;justify-content: center!important;}
    #header .main{padding: 15px 0px;}
    #header .main .container{flex-wrap: wrap;}
    #header .main .container .box{flex: 50%;margin-top: 10px;}
    #header .main .container .box.left{justify-content: center; flex: 100%;}
    #header .bottom .container ul li a{padding: 0 6px;font-size: 11px;}

    .container {padding: 0 20px }
    
    #homeAbout .container p{font-size: 15px;z-index: 9;}
    #homeAbout .container h1{font-size: 24px;z-index: 9;}

    [class*=grid-], [class*=grid_], [class~=grid]{margin:0!important}

    #footer .footerTop .right{flex-wrap: wrap;justify-content: flex-end;}
    #footer .footerTop .right .operation{display: flex;align-items: center;justify-content: flex-end;width: 100%;margin-top: 10px;}

    #header .bottom .container ul li:hover .altMenuL a{flex: 1 0 30%;font-size: 12px;}
    #header .bottom .container ul li:hover .altMenuL a:nth-child(3n){border-right: unset;}
    #header .bottom .container ul li:hover .altMenuL a:nth-child(4n){border-right: 1px solid rgb(255 255 255 / 28%);}

    .cartPage .carts .corgoInformation{font-size: 17px;}
    .cartPage .carts .corgoInformation p{width: 100%;}
}



@media screen and (max-width: 768px) {
	
	.cartPage .main { flex-direction: column; }
    .cartPage .action { margin-left: 0; }


    #header .top{line-height: 28px;}
    #header .top .box a{font-size: 13px;}
    #header .main .container .box{flex: 100%;}
    #header .main .container .box.right{justify-content: center;}
    #header .bottom{background: #e0d4c3;}
    #header .bottom .container .mobileMenu{width: 100%;justify-content: center;color: #8b7c6f;font-size: 16px;}
    #header .bottom .container ul{display: none;}
    #header .bottom .container .mobileMenu p{display: block;}
    #header .bottom .container .mobileMenu i{margin-right: 5px;font-size: 18px;}
    #slider{height: 200px;}
    #sliderBottom{padding: 15px 0;}
    #sliderBottom h1{font-size: 17px;}
    
    #homeBanner{height: 150px;}

    #homeBoxesCat .container .single{height: 250px;}
    #homeBoxesCat .container .single h1{font-size: 18px;width: 70%;}

    #homeAbout .container{position: relative;}
    #homeAbout .container:before{position: absolute;content: "";left: 0;right: 0;top: 0;bottom: 0;background: rgba(216, 201, 175, 0.28);}
    #homeAbout .container a{z-index: 9;}

    #footer{padding: 25px 0;}
    #footer .footerMain{flex-direction: column;}
    #footer .footerTop{padding-bottom: 25px;}
    #footer .footerMain .left{align-items: center;}
    #footer .footerMain .right .copyright{text-align: center;}
    #footer .footerTop .right{flex-direction: column;align-items: flex-end;}
    #footer .footerTop .right .icons{margin-right: 0;}
    #footer .footerTop .right .searchContainer{margin-top:10px;margin-right: 0;}
    #footer .footerTop .right .operation a:last-child{margin-right: 0;}
    #sliderBottom p{font-size: 13px;}

    [class*=grid-][class*=-reverse]{flex-direction: column-reverse!important;}
    .inputGroup label:before{width: 100%;}

    #detailNavigation{display: block;}
    #category #sidebar{display: none;}
    #category .nav{margin-bottom: 0;}
    #title .main{display: flex;align-items: center;justify-content: space-between;}
.container, .main{padding: 0 20px;}

     .cartPage .carts .corgoInformation{font-size: 15px;padding: 20px;}
}

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

    #title{height: 70px;}
    #category{padding: 10px 0;}
    #title h2{line-height: 70px;font-size: 18px;}
    #categoryList{padding: 8px;}
    #categoryList .listContent.type-1 .image{height: 125px;}
        #boxes .boxesItem {background: #f1f1f1;}

	#products #tabButtons {height: auto;}
	#products #tabButtons a {width: 100%;float: none !important;display: block;margin-bottom: 10px;}

	.tab-content {padding: 20px !important;border: 1px solid #d2d8e2;border-top: 0;}

	#products #tabContent .items .item .information {padding-right: 0; border-right: 0;}

	#products #tabContent .items .col-4:nth-last-child(-n+3) .item {height: auto;}
	#products #tabContent .items .item {padding-bottom: 25px;height: auto;display: block;}
	#products #tabContent .items .item .image {min-width: 100%;display: inline-block;float: none;border: 1px solid #f5f5f5;}
	#products #tabContent .items .item .information {width: 100%;height: auto;margin: 0;padding: 0;padding-bottom: 30px;}
	#products #tabContent .items .item .information .price {right: 0;bottom: -5px;}

	#product .ProductGallery {height: 253px;border: 1px solid #eaeaea;border-right: 0;}
	#product .ProductGallery .ProductGallerySlider { height: 100% !important; }
	#product .ProductGallery .ProductGallerySlider .swiper-slide span {background-size: contain }

	[class*=xs-hidden] {display: none !important;}

	.nav { margin-bottom: 50px; }
	.ProductInformation {padding: 30px !important;}
	.tab-contents { padding: 0 !important; text-align: justify; }

	.cartButtons a { width: 100%; }

	#account .block .addAddress { position: inherit; }

	.headerMainAuth {width: inherit !important;margin: 0 0 20px 0 !important;float: inherit !important;}
	.IconList {float: right !important;margin: 0 20px !important;}

	.cartPage .carts .items .item {flex-direction: column;}
    .cartPage .carts .items .item .image {width: 100%;}
    .cartPage .carts .items .item .description { padding: 10px 0; margin: 10px 0; border-bottom: 1px solid #ddd; border-top: 1px solid #ddd; border-left: 0; }
    .cartPage .carts .items .item .actions {width: 100%;}
    .cartPage .carts .items .item .actions .price {width: 100%; text-align: center;}
    .cartPage .carts .items .item .actions .piece {width: 100%;}

    .cartPage .carts .information {flex-direction: column;height: auto;}
    .cartPage .carts .information .item {margin: 20px 0;}

    #header .top{display: none;}
    #header .main{padding: 11px 0;}
    #header .main .container .box{margin-top: 8px;}
    #header .main .container .box.left a img{width: 100%;height: 60px;object-fit: contain;}
    #header .main .container .box.right{/* flex-direction: column; */}
    #header .main .container .box.right .sign-in{margin: 0;height: 40px;margin-right: 5px;margin-bottom: 0;}
    #header .main .container .box .searchContainer{display: none;}
    #header .main .container .box.right .favoriteIcon{display: none;}
    #header .main .container .box.right .basket{height: 40px;}
    #header .main .container .box.right .basket:hover .shopping-cart{display: none}
    #header .main .container .box.right .basket .text a{display: none;}
    #header .bottom .container{height: 40px;}
    #footer{padding: 15px 0;}
    #footer .footerTop{padding-bottom: 15px;flex-direction: column;}
    #footer .footerTop .logo{display: flex;justify-content: center;margin-bottom: 10px;}
    #footer .footerTop .right{align-items: center;}
    #footer .footerTop .right .searchContainer{width: 100%;}
    #footer .footerTop .right .operation{justify-content: center;}
    #footer .footerMain{flex-direction: column;}
    #footer .footerMain .left{align-items: center;margin-top: 20px;}
    #footer .footerMain .left a{font-size: 13px;margin: 5px 0;}
    #footer .footerMain .right{align-items: center;margin: 20px;}
    #footer .footerMain .right .copyright{text-align: center;}
    #footer .footerMain .right .copyright p{font-size: 13px;}
    #footer .footerMain .right .icons{margin-top: 20px;}
    #footer .footerBottom{flex-direction: column;padding: 15px 0 0 0;}
    #footer .footerBottom .footerBottomLeft span{font-size: 13px;}
    #footer .inviva a{font-size: 13px;margin-top: 5px;}

    #slider{height: 170px;}
    #slider .swiper-pagination-bullet{width: 12px;height: 12px;}
    #slider .swiper-pagination-bullet-active::before{width: 6px;height: 6px;}
    #sliderBottom h1{font-size: 14px;}
    #sliderBottom p{font-size: 12px;}

    #homeBoxesCat{padding-top:10px}
    #homeBoxesCat .container .single{flex:1 0 100%;margin-right: 0;height: 200px;}

    #homeAbout .container:before{background: rgba(0, 0, 0, 0.28);}
    #homeAbout .container p{color:#fff;font-size: 13px;}
    #homeAbout .container h1{color:#fff;font-size: 19px;}
    #category .nav{margin-bottom: 0px;height: auto;font-size: 14px;}
    .CartType4 .item .image{height: 125px;}
    .cartPage .carts .corgoInformation{font-size: 11px;padding: 16px;}
}
@media screen and (max-width: 350px)
{
    [class*=grid-]>[class*=_xs-6], [class*=grid_]>[class*=_xs-6], [class~=grid]>[class*=_xs-6]{flex-basis: 100%!important;max-width: 100%!important;}
}