.mobile{display: none;}





@media (max-width:1460.8px) {
.megamenu li a{line-height: 60px;}
.megamenu{top: -20px;}

}
@media (max-width:1390.8px) {

}
@media (max-width:1366.8px) {


}
@media (max-width:1280.8px) {



}


@media (max-width:1199.8px) {
.custom-tabs .nav-link{padding: 14px 20px; font-size: 14px;}
}


@media (max-width:1024.8px) {




}





@media (max-width:991.8px) {
  .dropdown-link{display: none;}
  .dropdownmenu.open{display: none;}
    li.nav-item.open {margin-bottom: 0px;}
  .navmenu .dropdown li{margin-bottom:15px;}
  .navmenu .dropdown li a{font-size:14px;}
.navbar-toggler{top: 0px; right: 15px;}
.navbar-collapse {position: absolute;top: 100%;width: 100%;left: 0px;z-index: 9999;border-radius:21px;background:#C3E2D9; padding: 30px 30px; margin-top:12px;}
.navmenu .nav-item a {font-size: 18px;padding: 0px 0px;}
.navmenu li{margin-bottom: 30px;}
.navbar-nav {align-items: normal;}
.contact-button .btn{font-size: 18px; padding: 0px;}

.home-header img{filter: brightness(0) invert(1);}
.home-header{position: fixed; top: 0px; left: 0px; z-index: 999;}
.home-header.fixed{background: #C3E2D9; box-shadow: 0px 0px 10px #ccc;}
.home-header.fixed img {filter: inherit;}
.home-header .navicon, .navicon:before, .navicon:after{background: #fff;}
.home-header.fixed .navicon{background: #272524;}
.home-header.fixed .navicon:after{background: #272524;}
.home-header.fixed .navicon:before{background: #272524;}

.inner-header img{filter: inherit;}
.inner-header .navicon:after{background: #272524;}
.inner-header .navicon:before{background: #272524;}
.inner-header .navicon{background: #272524;}


.custom-tabs .nav-link{padding: 12px 12px; font-size: 14px;}

.homebanner{padding: 110px 0px;}
.home-hd h1{font-size: 50px;}
.category-grid{border: 0px;}
.precision-section{padding: 40px 0px;}
.realized-hd h2{font-size: 40px;}
.crafted-container{margin: 40px 0px; display: block;}
.crafted-left{margin-bottom: 50px;}
.crafted-right{margin-bottom: 40px;}
.products-section{padding: 40px 0px 60px 0px;}
.products-section h3{font-size: 40px;}

.slideitem {flex: 0 0 calc(40% - 40px);}
.product-werap h5{font-size: 16px;}
.slider {justify-content: flex-start;}
.hero-section{padding: 110px 0px 40px 0px;}
.hero-content h2 span{left: 0px;}
.hero-content h2{font-size: 45px; line-height: 50px;}
.available-text{font-size: 16px; margin-top: 20px;}

.experience-section{padding: 60px 0px;}
.hd-exper h3{font-size: 50px; }

.intro-wrapper{padding: 40px 0px;}
.intro-heading h1{font-size: 80px;text-align: center; line-height: normal;}
.intro-heading h1 span{text-align: center; font-size: 80px; display: inline-block; }
.intro-heading p{text-align: center; position: relative; top: 0px; margin: 0 auto;}
.enqure-btn{margin-top: 20px;}

.follow-wrapper{padding: 40px 0px 80px 0px;}
.footer-section{padding: 40px 0px;}
.footer-werap{display: block;}
.footer-icons {margin-bottom: 30px;justify-content: left;margin-top: 30px;}

.copyright{height: 450px;}


.mobile {display: block;}
.desktop{display: none;}
.mobilesilder{display: block;}
 .story-item {flex-direction: column;text-align: left;}
.story-img img {max-width: 100%;}

.about-hd h2{font-size:50px;line-height: normal;letter-spacing: -1.02px;}
.about-hd{gap: 0px;}
.vision-section{padding: 40px 0px;}
.vision-section h4{margin-bottom: 20px;}
.visionimg{padding-left: 0px; margin-top: 20px;}
.leadership {margin-top: 40px;}
.leadership .row{gap: 30px 20px;}
.about-prv{padding: 40px 0px;}

.about-layer {grid-template-columns: repeat(2, 1fr);}
.product-grid {grid-template-columns: repeat(2, 1fr);}
.postgrid {grid-template-columns: repeat(2, 1fr);}

.modal-header .btn-close{top: 1%;}
.productsilder{margin-right: 0px; padding: 30px 30px;}
.softtext{margin-top: 30px;}
.productmodal .modal-dialog {max-width:100%;}

.featured h3{font-size: 40px;}
.featured {gap:10px;}
.contact-form{padding-left: 0px;}




}






@media (max-width:767.8px) {

.about-hd{display: block;}
.about-hd h2{margin-bottom: 20px;}
.about-pages {padding: 120px 0px 40px 0px;}
.expect-text h4 {letter-spacing: -0.72px; }
.shower-section{padding: 40px 0px;}
.explore-section{padding: 40px 0px;}
.privacy-pages {padding: 120px 0px 40px 0px;}
.product-section{padding: 40px 0px;}
.stories-section {padding: 0px 0px 40px 0px;}
.suggested-section{padding-bottom: 40px;}
.everyday-section{padding: 40px 0px;}
.blogs-pages{padding:120px 0px 30px 0px;}
.latest-detail{padding-top: 30px;}

.blogdetail-slider {padding: 20px 0px 20px 20px;}
.blogdetail-slider .owl-next:before{left: 12%;}
.privacy-detail{padding-top: 30px;}
.contact-section{padding: 40px 0px;}


}





@media (max-width:576.8px) {
  .container {padding: 0px 20px;}
.engineered {background-image: url(../images/Elegance-engineered2.svg); display: flex; align-items: end; padding:40px 20px; height: 480px;}
.experience-section{background-image: url('../images/Experience-banner2.svg');height: 580px;display: flex; align-items: end;}
.quiettext h3{font-size: 40px;}
.slideitem {flex: 0 0 100%;}
.slider{gap: 0px;}
.category-grid { grid-template-columns: repeat(1, 1fr);}
.category-box1 p{text-align: left;}
.category-box2 p{text-align: left;}
.category-item{border-right: 0px;}
.homebanner {background-image: url(../images/Home-banner2.svg); height: 680px;padding: 160px 0px;}
.home-hd {display: flex;flex-direction: column;justify-content: center;gap: 260px;}
.home-hd h1 {font-size: 34px;font-weight: 300;letter-spacing: -1.02px;}
.realized-hd h2 {font-size: 34px;letter-spacing: -1.02px;}
.precision-text h3{font-size: 16px;letter-spacing: -0.48px;}
.precision-text p{font-size: 14px;letter-spacing: -0.42px;}
.quiettext h3 {font-size: 24px;letter-spacing: -0.72px;}
.quiettext p{font-size: 14px;letter-spacing: -0.42px;}
.products-section h3 {font-size: 34px;letter-spacing: -1.02px;}
.product-werap h5 {max-width: 230px;margin: 0 auto 6px;}
.product-werap p{font-size: 14px;letter-spacing: -0.42px;}
.shop-btn .btn {padding: 10px 20px; font-size: 14px;}
.controlarrow .prev {left: 5%;}
.controlarrow .next {right: 5%;}

 .hero-content h2 {font-size: 24px;line-height:normal;gap: 0px 90px;}
.available-text{font-size: 12px;}
.hd-exper h3 {font-size: 24px;letter-spacing: -0.72px; margin-bottom: 10px;}
.hd-exper p{font-size: 14px;letter-spacing: -0.42px; margin-bottom: 20px;}
.hd-exper a{font-weight: 500;}
.intro-heading h1 {font-size: 55px;line-height: 51px;letter-spacing: -1.65px;}
.intro-heading h1 span{font-size: 55px;}
.intro-heading p{font-size: 14px;letter-spacing: -0.42px;}
.enqure-btn .btn{padding: 14px 30px; width: 100%; font-size: 12px;}
.follow-wrapper h4{font-size: 24px;letter-spacing: -0.72px;}

.brand-logo {float: inherit;text-align: center; margin-bottom: 50%; position: relative;}
.copyright{padding: 100px 0px;}
.copyright p{font-size: 24px;line-height: normal;letter-spacing: -0.72px; max-width: 224px; margin: 0 auto;}

.follow-card {margin-top: 20px;padding: 0px 44px;}
.mobilesilder .owl-next:before {bottom: auto;top: 43%;left: auto;}
.mobilesilder .owl-prev:before{bottom: auto;top: 43%; right: auto;}
.follow-wrapper {padding: 40px 0px 40px 0px;}

.hero-section {background: url(../images/hydration-banner2.svg); display: flex; align-items:center; height: 450px;}
.bottom-text{top: 30%;}
.bottom-text{margin-top: 30%;}
.about-layer {grid-template-columns: repeat(1, 1fr);}

.expect-text h4{font-size: 24px;font-weight: 400;line-height:30px; margin: 0 auto 40px; max-width: 319px;}
.expect-text h6{font-size: 14px;font-weight: 400;line-height: 140%;letter-spacing: -0.42px;}
.expect-section::after{height: 250px; width: 250px;}
.expect-section{padding: 60px 0px 80px 0px;}
.expect-section .owl-prev:before{display: none;}
.expect-section .owl-next:before{display: none;}
.expect-section .owl-dots{opacity: 1;}


.about-hd p{font-size: 14px;letter-spacing: -0.42px;}
.shower-banner{background-image: url('../images/about/shower-bathroom2.svg'); background-position: center; background-size: cover; height: 550px;}
.shower-banner img{display: none;}
.prvslider{display: block;}


.vision-section h4{letter-spacing: -1.02px; font-size: 34px;}
.our-hd p{font-size: 14px;letter-spacing: -0.42px;}
.about-text h2{letter-spacing: -1.02px; font-size: 34px;}
.about-text p{font-size: 14px;letter-spacing: -0.42px;}
.about-text{text-align: center; margin-bottom: 40px;}
.about-layer .about-images {display: none;}


.category-pages {background-image: url(../images/category/category-banner2.svg); height: 450px; padding: 60px 0px 20px 0px;}
.shower-section h3{font-size: 35px;font-weight: 400;line-height: normal;letter-spacing: -1.02px; padding: 0px 20px; margin-bottom: 20px;}
.product-grid {grid-template-columns: repeat(1, 1fr);}
.postgrid {grid-template-columns: repeat(1, 1fr);}
.productwerap{border: 0px; padding: 0px;}
.product-card{border-bottom: 1px solid #CDC8C1; padding: 0px 20px;}
.product-info h4{font-size: 16px;line-height: normal;letter-spacing: -0.48px; margin-bottom: 0px;}
.product-info p{font-size: 14px;letter-spacing: -0.42px; margin-bottom: 20px;}
.custom-tabs{padding: 0px 20px; margin-bottom: 10px; display: none;}
.filter-container{display: block;}
.shower-section .container{padding: 0px;}
.shower-section .enqure-btn.mobile{padding: 0px 20px;}

.explore-section h3{font-size: 35px;font-weight: 400;line-height: normal;letter-spacing: -1.02px; margin-bottom: 30px;}

.softtext h3{font-size: 35px;font-weight: 400;line-height: normal;letter-spacing: -1.02px;}
.softtext h6{font-size: 14px;letter-spacing: -0.42px; max-width: 180px;}
.softtext h5{font-size: 16px;line-height: normal;letter-spacing: -0.48px;}
.softtext p{font-size: 14px;letter-spacing: -0.42px;}
.productmodal .modal-body{padding: 60px 20px;}
.productmodal .shop-btn .btn{width: 100%; font-size: 12px;}
.available .btn{font-size: 12px; padding: 12px 14px;}
.available{margin-top: 20px;}


.privacy-hd h2{font-size: 34px;font-weight: 400;line-height: normal;letter-spacing: -1.02px; margin: 0px;}
.featured p{margin: 0px;font-size: 12px;font-weight: 400;line-height: normal;letter-spacing: -0.36px;}
.featured h5{font-size: 16px;line-height: normal;letter-spacing: -0.48px;}
.featured h3 {font-size: 24px;font-weight: 400;line-height: normal;letter-spacing: -0.72px;max-width: 250px;}
.featured{margin-bottom: 20px;}


.posttext h5{font-size: 24px;font-weight: 400;line-height: normal;letter-spacing: -0.72px;max-width: 250px;}
.posttext p{font-size: 14px;letter-spacing: -0.42px;}
.postgrid{gap: 20px 20px;}

.stories-header h4{font-size: 16px;line-height: normal;letter-spacing: -0.48px;font-weight: 600;}
.story-text{gap: 10px;}
.story-item{padding: 30px 0px;flex-direction: column-reverse;gap: 20px;}
.story-title h3{font-size: 24px;font-weight: 400;line-height: normal;letter-spacing: -0.72px;}
.story-title p{font-size: 14px;letter-spacing: -0.42px;}




.morebtn{padding-top: 30px;}
.product-section .filter-container{padding: 0px; margin-bottom: 20px;}
.latest-detail p{font-size: 14px;letter-spacing: -0.42px;}

.suggested-section h4{font-size: 16px;line-height: normal;letter-spacing: -0.48px;font-weight: 600; margin-bottom: 20px;}
.privacy-detail p{font-size: 14px;letter-spacing: -0.42px;}
.privacy-detail h5{font-size: 16px;line-height: normal;letter-spacing: -0.48px;font-weight: 600; margin-bottom: 10px;}
.privacy-detail li{font-size: 14px;letter-spacing: -0.42px; line-height: normal;} 
.information {margin-top:20px;}
.privacy-hd p{font-size: 14px;letter-spacing: -0.42px; margin: 0px;}

.contact-pages img{display: none;}
.contact-pages{background-image: url('../images/category/category-banner2.svg');height: 450px; background-position: center; background-size: cover;}

.get-contact h3{font-size: 34px;font-weight: 400;line-height: normal;letter-spacing: -1.02px;}
.get-contact p{font-size: 14px;letter-spacing: -0.42px;font-family: 'sweet-sans-pro'; margin-bottom: 10px;}
.get-contact h5{font-size: 16px;line-height: normal;letter-spacing: -0.48px;font-weight: 600;}
.contact-info{margin-top: 30px;}
.get-contact p a{font-size: 16px;line-height: normal;letter-spacing: -0.48px;font-weight: 600;}
.contact-info p{margin-bottom: 30px;font-size: 16px;line-height: normal;letter-spacing: -0.48px;font-weight: 600;}
.map-link a{font-size: 14px; margin-top: 20px;}
.shop-btn .btn{width: 100%;}
.contact-form .form-control{height: 50px; margin-bottom: 20px;}
.contact-form textarea.form-control {min-height: 140px;margin-bottom: 30px;}
.map iframe {height: 230px;}

}











@media (max-width:480.8px) {




}


@media (max-width:425.8px) {
 
}





@media (max-width:390.8px) {
.intro-heading h1{font-size: 50px; line-height: 45px;}
.intro-heading h1 span{font-size: 50px;}


}



@media (max-width:340.8px) {
 .follow-wrapper h4 {font-size: 20px;}
.follow-card{padding: 0px 30px;}


}


@media (max-width:330.8px) {
 
}