/* Responsive */
@media (max-width:1001px){
	.video-bg{aspect-ratio: 1920/840}
	.contact-social span{padding:0px 20px}
	.contact-social div{flex: unset;}
	.contact-social{flex-wrap: wrap;}
	.header-top{display:block;background:#fff3;}
	.header-top .wrap-content{display:flex;padding:5px 0px;align-items:center;}
	.booking-btn{border:#fff solid 2px;padding:3px 25px;color:#fff;text-transform:uppercase;}
	.header-mobile-box:nth-child(1){display:flex;align-items:center;flex:1;}
	.header-mobile-box:nth-child(2){max-width:25%;}
	.header-mobile-box:nth-child(3){flex:1;display:flex;justify-content:end;}
	.cart-head .count-cart{left:25px;top:-5px;}
	.header .header-lang{display:none;}
	.header-lang{margin: 0px 0px 0px auto;}
	.ic-home{color:#fff;font-size:20px;}
	.blog-txt{padding:15px!important;height:auto;}
	.artists-d{gap:15px;}
	.artgallery-txt{padding:0px 20px;bottom:20px;}
	.artgallery-item{height:auto;}
	.artgallery-slide{margin-left:0%;}
	.artgallery-slide .swiper-slide.swiper-slide-active .artgallery-item{margin:0px;}
	.title-index h2{font-size:60px;}
	.intro .title-index h2{font-size:50px;}
	.info-footer .wrap-content,
	.intro .wrap-content{grid-template-columns:1fr;gap:30px}
	header{height:auto}
	section > div.wrap-content.my-margin{padding:30px 0px;}
	.offcanvas.show{z-index:9999999;max-width:80%;background:#000;}
	.header-mobile .wrap-content{display:flex;align-items:center;justify-content:space-between;padding:7px 0px;}
	.header .wrap-content{padding:0px;gap:30px;justify-content:center;}
	.header-mobile.menu-fix{position:fixed;width:100%;top:0px;left:0px;z-index:9;}
	#hamburger{display:block;}
	.menu,
	.header .wrap-content .search,
	.header-hotline,
	.menu-head,
	.wrap-menu{display:none;}
	.blog,
	.customer,
	.artists > .wrap-content,
	.artgallery > .wrap-content,
	.intro{padding:40px 0px 30px 0px;}
	.cart-head{font-size: 12px;
        position: relative;
        background: #6d6d6d;
        width: 40px;
        height: 40px;
        display: flex
;
        align-items: center;
        justify-content: center;
        border-radius: 50%;}
	.header{padding:10px 0px;height:auto;position:relative;display:none;}
	.flex-product-main{display:block;}
	.flex-product-main .left-product{position:fixed;z-index:999;top:0px;left:0px;transform:translateX(-250px);bottom:0px;overflow-x:hidden;background:#fff;box-shadow:0px 0px 5px #000;transition:all 0.5s;}
	.flex-product-main .left-product.show{transform:translateX(0px);}
	.flex-product-main .right-product{width:100%;}
	.grid-product{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}
	.filter{display:block;}
	.search{width:70%;max-width:400px;}
	.search input{}
	.search label{}
}
@media (max-width:850px){
	.news-left{width:100%;}
	.news-right{width:100%;margin-top:30px;padding:10px;}
}
@media (max-width:769px){
	.artists-d{grid-template-columns:repeat(3,1fr);}
	section > div.wrap-content.my-margin{padding:20px 0px;}
	.tabs-pro-detail .tab-content{padding:10px;}
	#social{transform:scale(85%);transform-origin:bottom right}
	.contact-group{transform:scale(75%);transform-origin:left bottom;}
	.gutter-x-20{--bs-gutter-x:10px;}
	.flex-about{flex-wrap:wrap;}
	.content-about{width:100%;}
	.photo-about{margin-top:20px;width:100%;text-align:center;}
	.flex-video{flex-wrap:wrap;}
	.wr-video{width:100%;}
	.wr-form{width:100%;margin-top:20px;}
	.item-news{padding:5px;}
	.ds-news h3{font-size:14px;}
	.text-cart{display:none;}
	.grid-pro-detail{display:block;}
	.grid-pro-detail .left-pro-detail{width:100%;padding:0px;border-right:none;}
	.slick_photo1{text-align:center;}
	.grid-pro-detail .right-pro-detail{width:100%;}
	.grid-product,
	.grid-news{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;}
	.info-footer .flex-footer{display:block;}
	.box-footer{}
}
@media (max-width:600px){
	.artistsd-d{grid-template-columns:1fr;gap:20px;justify-items:center;}
	.blog-txt h3{font-size:20px;}
	.blog-item:nth-child(1){grid-column:2 span;}
	.blog-d{grid-template-columns:1fr 1fr}
	.customer-item{padding:15px;}
	.customer-txt div:first-child,
	.artists-txt h3{font-size:30px;}
	.title-index h2{font-size:50px;}
	.intro .title-index h2{font-size:40px;}
}
@media (max-width:520px){
	.title-footer{font-size:25px;}
	.customer-item{padding:10px;}
	.artists-txt h3{font-size:25px;margin:10px 0px;}
	.artists-d{grid-template-columns:repeat(2,1fr);}
}
@media (max-width:440px){
}
@media (max-width:369px){
}