@media (min-width: 1920px) and (max-width: 2560px) {
}

@media (min-width: 1600px) and (max-width: 1919px) {
}


/* @media only screen and (min-width: 1400px) and (max-width: 1599px) {

} */

/* (1440x900) WXGA+ Display */
@media  screen and (max-width: 1440px) {

}

/* 
@media (min-width: 1200px)
 {

 
} */

@media screen and (-webkit-max-device-pixel-ratio:1) and (min-color-index:0) {
 
}


/* 1. scale and layout setting at 100% */
@media (resolution: 1dppx) {
 #banner .bannertext {bottom: 115px;}
  #banner .swiper-pagination {bottom: 80px;}

}
/* 3. scale and layout setting at 150% */
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  #banner .bannercopy h1 {font-size: 42px;}
  .common-container {width: 1140px;}
  .bigtitle {font-size: 34px; line-height: 45px;}
  #ourproducts svg {height: 100px;}
  #Inspiration {padding-top: 80px;}
  #Inspiration {height: 600px;}

  .header .menu > ul > li > a  #banner .bannercopy h1 {font-size: 38px;}
  .common-container {width: 1080px;}
  .bigtitle { font-size: 36px; line-height: 47px;}
  #ourproducts svg {height: 97px;}
  #Inspiration {padding-top: 70px;}
  #Inspiration {height: 550px;}

  .header .menu > ul > li > a {font-size: 13px;}
  .list-item h4, .list-item h5 {font-size: 20px;}
  .list-item ul li a { font-size: 15px; height: 40px; }
  .title svg { width: 11px; } 
  .header .item-right a {font-size: 10px;}
  .EnquireNow {font-size: 10px !important;height: 30px;}
.shower-phone svg {scale: 0.6;}
#Inspiration .shower-phone {bottom: -200px;}
#responsibility {height: calc(80vh - 0px);}
#responsibility .responsibilityPix {height: 100vh;}
#Installation .Installationpix {height: 456px;}
#PrincePromise .princeproBox .princepropicon {height: 84px;}
#PrincePromise .princeproBox .princepropicon img {
  width: 43%;
  margin: auto;
}
#PrincePromise .princeproBox:hover .princepropicon {
  height: 95px;
}
#PrincePromise .princeproBox h2 {font-size: 16px;}
  
#PrincePromise .princeproBox p {
  font-size: 12px;
}
#PrincePromise .princeproBox {height: 410px;}
.footer-wrp a.ftr-link {line-height: 30px;font-size: 14px;}
.footer-wrp a.ftr-link.sub-ftr {font-size: 12px;}

#inner-banner .bannercopy h1 {font-size: 40px;}
#inner-banner .bannercopy p {font-size: 12px; line-height: 16px; }
#about-banner-botom .about-pix {height: 540px;}
#about-banner-botom .about-pix .about-pix-overlay h3 {font-size: 22px;}
#about-banner-botom .about-pix .about-pix-overlay p {font-size: 14px;}
#about-banner-botom .about-pix .about-pix-overlay {height: 330px;}
.fs28 {
  font-size: 22px;line-height: 32px;
} 
#about-pan-india .pan-india-box {
  margin-bottom: 10px;
  padding-bottom: 10px;
  padding-top: 30px;
}

#about-pan-india .pan-india-box img {width: 61px;}
#about-pan-india .pan-india-box .pan-info {padding-top: 6px;}
#About-Inspiration .InspirationPix1 {height: 600px;}

#about-History {
  padding-top: 0px;
  padding-bottom: 90px;
}

.strategig-wrp-main .map-pic {scale: 0.8;}
.strategig-wrp-main .strategic-btn {padding: 30px 0px 47px 70px;}
.FeaturesTechnology .FeaturesTechnologyBox h2 {font-size: 18px;}
.FeaturesTechnology .FeaturesTechnologyBox p {font-size: 14px;}
.featrueBenefitBox-item img {width: 80px;}
.subdesc {font-size: 26px;line-height: 37px;}

#ProductFilter .product_item .img,#related-products .product_item_img {height: 300px;}

#ProductFilter .product_item .img img,#related-products .product_item_img img {
  object-fit: cover;
  height: 240px;
}
#ProductFilter .product_item .product-name,#ProductFilter .product_item .size_color .title,#related-products h2,#productinnerpage .size_color .title { font-size: 14px; }
#ProductDetails .ProductDetailsRight h2 {font-size: 24px;}
#ProductDetails .ProductDetailsRight .productSpec .productSpecLeft, #ProductDetails .ProductDetailsRight .productSpec .productSpecRight {padding: 8px 0px;font-size: 14px;}
#ProductDetails .ProductDetailsLeft .gallery-slider .swiper-slide {height: 490px;}
#Other-Collections .product_item_img {height: 400px;}
#Other-Collections {margin-top: 20px;}

#banner h2 {
  font-size: 46px;
  line-height: 49px;
}

#who-we-are .slant-line {
  margin-top: -236px;
}

#upcoming .upcoming-card h2 {font-size: 50px;}
#news .newsbox .dates h3 {font-size: 32px;}
#news .newsbox {height: 400px;}
#news .newsbox p {font-size: 16px;}

.home-page-last-news-wrap .entry-content {
  padding: 25px 25px;
}
.header .menu > ul > li .sub-menu.mega-menu-column-4 {padding: 40px 25px;}
}

/* ----------- iPad 3, 4 and Pro 9.7" ----------- */
/* Portrait and Landscape */
@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min--moz-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-device-pixel-ratio: 2)
{}

/* 2. scale and layout setting at 125% */
@media (resolution: 1.25dppx) {
.list-item ul li a {line-height: 1;}
.header .menu > ul > li .sub-menu.mega-menu-column-4 {padding: 40px 30px;}
}


/*  */
/* mobile,, ipad, */
@media screen and (max-width: 75rem)
{

.row { margin: 0px; }
.common-container { padding: 0px 15px; }
#banner  { text-align: center; overflow: hidden; margin-top: 0px;height: 100%;}
#banner .swiper-pagination {bottom: 30px; width: 100%; left: 0; }
#banner h1 {font-size: 40px;line-height:45px;}
#banner img,#inner-banner img {object-fit: cover;height: 100vh;}
#banner .bannertext h1 { padding: 10px; font-size: 20px; margin-bottom: 0px; }
#banner .bannertext p { padding: 10px; line-height: 130%; }
#banner .bannertext a { margin-top: 0px; }
.pagetitle {line-height: 30px;font-size: 22px;letter-spacing: 1px;}

.header .container {
  max-width: 100%;
  margin: auto;
}
.header .item-center { border-top: none; margin-top: 0; }
.header {
  height: 70px;
}
#bannerbottomslider .catBoxPix h2 {bottom: 5px;font-size: 12px;}
/* MENU Res */

.header .item-center{
  order:3;
  flex:0 0 100%;
}
.header .item-left,
.header .item-right{
  flex:0 0 auto;
}
.v-center{
  justify-content: space-between;
}
.header .mobile-menu-trigger{
  display: flex;
  height: 30px;
  width: 30px;
  margin-left: 10px;
  margin-right: 10px;
  cursor: pointer;
  align-items: center;
  justify-content: center;
  position: relative;
}
.header .mobile-menu-trigger span{
  display: block;
  height: 2px;
  background-color: #000;
  width: 24px;
  position: relative;
}
.header .mobile-menu-trigger span:before,
.header .mobile-menu-trigger span:after{
  content: '';
  position: absolute;
  left:0;
  width: 100%;
  height: 100%;
  background-color: #000;
}
.header .mobile-menu-trigger span:before{
  top:-6px;
}
.header .mobile-menu-trigger span:after{
  top:6px;
}
.header .item-right{
  align-items: center;
}

.header .menu{
  position: fixed;
  width: 335px;
  background-color:#FFF;
  left:0;
  top:0;
  height: 100%;
  overflow: hidden;
  transform: translate(-100%);
  transition: all 0.5s ease;
  z-index: 9999;
}
.header .menu.Navactive{
   transform: translate(0%);	
}
.header .menu > ul > li{
  line-height: 1;
  margin:0;
  display: block;
}
.header .menu > ul > li > a{
  line-height: 50px;
  height: 50px;
  padding:0 50px 0 15px;
  display: block;
  border-bottom: 1px solid rgba(255,255,255,0.1);
}
.header .menu > ul > li > a i{
  position: absolute;
  height: 50px;
  width: 50px;
  top:0;
  right: 0;
  text-align: center;
  line-height: 50px;
  transform: rotate(-90deg);
}
.header .menu .mobile-menu-head{
  display: flex;
  height: 50px;
  border-bottom: 1px solid rgba(255,255,255,0.1);
  justify-content: space-between;
  align-items: center;
  position: relative;
  z-index: 501;
  position: sticky;
  background-color: #000;
  top:0;
}
.header .menu .mobile-menu-head .go-back{
  /* height: 50px; */
  width: 50px;
  border-right: 1px solid rgba(255,255,255,0.1);
  cursor: pointer;
  line-height: 50px;
  text-align: center;
  color:#fff;
  font-size: 16px;
  display: none;
}
.header .menu .mobile-menu-head.active .go-back{
  display: block;
}
.header .menu .mobile-menu-head .current-menu-title{
  font-size: 15px;
  font-weight: 500;
  color:#fff;
}
.header .menu .mobile-menu-head .mobile-menu-close{
    /* height: 50px; */
  /* width: 50px; */
  padding: 10px;
  border-left: 1px solid rgba(255,255,255,0.1);
  cursor: pointer;
/*   line-height: 60px; */
  /* text-align: center; */
  color:#fff;	
  font-size: 30px;
/*   display: grid;
    align-items: center; */
}
.header .menu .menu-main{
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
      text-align: left;
}
.header .menu > ul > li .sub-menu.mega-menu,
.header .menu > ul > li .sub-menu{
  visibility: visible;
  opacity: 1;
  position: absolute;
  box-shadow: none;
  margin:0;
  padding:15px;
  top:0;
  left:0;
  width: 100%;
  height: 100%;
  padding-top: 65px;
  max-width: none;
  min-width: auto;
/*   display: none; */
  transform: translateX(100%);
  overflow-y: auto;
}
.header .menu > ul > li .sub-menu.active{
/* display: block; */
transform: translateX(0%);
}
@keyframes slideLeft{
0%{
  opacity:0;
  transform: translateX(100%);
}
100%{
    opacity:1;
  transform: translateX(0%);	
}
}
@keyframes slideRight{
0%{
  opacity:1;
  transform: translateX(0%);
}
100%{
    opacity:0;
  transform: translateX(100%);	
}
}
.header .menu > ul > li .sub-menu.mega-menu-column-4 > .list-item img{
  margin-top:0;
}
.header .menu > ul > li .sub-menu.mega-menu-column-4 > .list-item.text-center .title{
  margin-bottom: 20px;
}
.header .menu > ul > li .sub-menu.mega-menu-column-4 > .list-item.text-center:last-child .title{
  margin-bottom:0px;
}
.header .menu > ul > li .sub-menu.mega-menu-column-4 > .list-item{
  flex: 0 0 100%;
      padding: 0px;
}
/* .header .menu > ul > li .sub-menu > ul > li > a,
.header .menu > ul > li .sub-menu.mega-menu > .list-item > ul > li > a{
  display: block;
} */
.header .menu > ul > li .sub-menu.mega-menu > .list-item > ul {
  margin-bottom: 15px;
}
.menu-overlay{
  position: fixed;
  background-color: rgba(0,0,0,0.5);
  left:0;
  top:0;
  width: 100%;
  height: 100%;
  z-index: 1098;
  visibility: hidden;
  opacity:0;
  transition: all 0.5s ease;
}
.menu-overlay.backoverlayactive{
  visibility: visible;
  opacity:1;	
}
  .header .logo {left: 10px;top: 13px;}
  .header .logo a img {
      width: 180px;
      
  }
  .header .top-bar {right: 0%;top: 20px;}
/*   .header .menu > ul > li .sub-menu.mega-menu-column-4 > .list-item .title { font-size: 16px; } */
.list-item h4, .list-item h5 {margin-bottom: 25px;}
  .header .menu > ul > li .sub-menu.mega-menu-column-4 > .list-item .title br { display: none; }
/* Menu End */

.topNavBar {position: relative;display: block;padding: 1px 15px 0px 15px;transform: translate(0px, 0px);  }
.topNavBar .top-bar-link {display: block; padding: 10px 0px; position: relative; width: 100%; display: block;     font-size: 20px;
  font-weight: 700;
  color: #000;
  position: relative;
  text-transform: capitalize;
  transition: color 0.3s ease; }

.header .menu > ul > li .sub-menu.mega-menu-column-4 > .list-item:nth-child(1) {padding: 5px 0px;}
.MidNav { display: block; border-top: solid 1px #00000017; margin-top: 10px;}
.MidNav .MidNavList-item {padding: 10px 0px}

/* .list-item:last-child { display: none; } */
.ShopByRoomLink i {position: absolute;
  height: 30px;
  width: 20px;
  top: 0;
  right: 0;
  text-align: center;
  line-height: 30px;
  transform: rotate(-90deg);}

.sbrContainer { z-index: 9999;padding: 0px 10px; height: 100vh; overflow: scroll; overflow-x: hidden; width: 85%; left: -100%; margin-top: 0; }
.sbrContainer .sbrNav {display: flex; flex-wrap: wrap;}
.sbrContainer .sbrNav .sbrNavList-item {width: 50%;padding: 12px 8px;}
.sbrContainer .megamenuclosed {top: 10px;}
.sbrContainer.sbractive {left:0%;}
.sbrContainer .sbrNav .sbrNavList-item a h3 { font-size: 12px; }

  .bigtitle {font-size: 32px;line-height: 40px;}

  .mac-os .header .logo {
    top: 10px;
}
  #banner .bannercopy {width: 100%;top: 120px;}

  #banner .bannercopy h1 {font-size: 46px;width: 90%; margin: auto;}
  #banner .bannercopy h6 { width: 90%; margin: auto; margin-top: 15px; }
  #banner .bannercopy a { margin: auto; margin-top: 20px; padding-top: 0px; }

  

.header .menu-main {
  margin-right: 0;
}
.EnquireNow {font-size: 10px !important;height: 30px;}

.header .fa-search { font-size: 10px; }

.superbigtitle  { display: none; }

.sub-menu-level-2.active2, .sub-menu-level-2.active3, .sub-menu-level-3.active2, .sub-menu-level-3.active3 {left: 0%; }
.sub-menu-level-2 h4, .sub-menu-level-2 h5, .sub-menu-level-3 h4, .sub-menu-level-3 h5 {margin-top: 30px;font-size: 20px;}
.sub-menu-level-2 ul, .sub-menu-level-3 ul { padding-left: 10px; margin-right: 10px; }
.list-item ul li a {font-size: 20px;}
.list-item h4, .list-item h5 {font-size: 22px;}
.title  svg { width: 20px; height: 20px; }

.subdesc.centerText,p.centerText {padding: 0px 10px;}
.subdesc {font-size: 24px;line-height: 34px;}

#mid .mt-5 {
  margin-top: 2rem!important;
}

/*  */

#banner .swiper-slide video {height: calc(100vh - 30px);}
#banner h2 {font-size: 34px;line-height: 36px;}
#banner .marsk-layer.active {
  border-width: 20px 20px 20px;
}

#who-we-are .slant-line {
  position: relative;
  z-index: 2;
  margin-top: -130px;
}

#who-we-are .desc {
  font-size: 30px;
  line-height: 42px;
}

.aboutuspix {margin-top: 30px; }
.br-20 {
  border: 8px solid #eef3f9;
  margin-bottom: 20px;
}

#upcoming {padding-top: 30px;padding-bottom: 50px;}
#who-we-are {padding-bottom: 0px;}
#upcoming .upcoming-card h2 {font-size: 46px;}
#upcoming .upcoming-card .dates h3 {font-size: 34px;line-height: 30px;}
#upcoming .upcoming-card .dates h3 span {font-size: 20px;}
#upcoming .upcoming-card .dates {padding: 10px;left: -10px;top: -10px;}
#news {padding: 40px 0px;}
#news .newsleft p {margin-left: 0px;margin-top: 20px;margin-right:0px;}
#news .newsbox .dates h3 {font-size: 36px;}
#news .newsbox {height: 440px;}
#news .swiper-pagination-bullet { background-color: white; }
#innovationpartner {padding-top: 40px;}
.InnovationLogo { text-align: center; }
#innovationpartner .swiper-pagination-bullet { background-color: #E1614B ; }

.mt80 {
  margin-top: 40px;
}

.footer-logo a img { width: 210px; }
#footer { text-align: center;padding-bottom: 30px; }
#footer .footerlink a { display: block; margin-right: 0px; padding: 3px 0px; }
#footer .social-media a img {
  width: 30px;
  height: 30px;
}

#abut-us-content {
  padding: 50px 0px;
}

#abut-us-content a { margin-top: 20px !important; margin-bottom: 20px !important; display: inline-block; }

#innovationpartner .swiper-button-next, #innovationpartner .swiper-button-prev {
  top: 60%;
}

.header .menu > ul > li > a {
  font-size: 20px;
}

#inner-banner {height: calc(76vh);}

#upcoming video { width: 100% !important; }

}

@media screen and (max-width: 62rem) 
{
}

/* mobile small */
@media screen and (max-width: 35.4375rem) 
{
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1199px) and (orientation: landscape) 
{
  #downloadCatalogues .cataloguesList { display: grid; --item-size: 30vw;}
  #PrincePromise .princeproBox {height: 410px;}
  #ProductFilter .product_wrap { display: grid;   grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); /* see notes below */}
  #ProductFilter .selectdiv .filterlist select,#ProductFilter .selectdiv select {width: 32%;}
  .featrueBenefitsection .featrueBenefit {
    --item-size: 30vw;
    grid-template-columns: repeat(3, var(--item-size));
  }
  #OurCollectionpix .OurCollectionImg img {height: 280px;}
  #ProductFilter .product_item .product-name {height: 55px;}
  #banner .bannercopy h1 { width: 440px; } 
  #banner .bannercopy h6 {width: 350px; text-align: left;margin-left: 0px;}
  #banner .bannercopy {width: auto; right: inherit; text-align: left; left:2%; }
  #banner .bannercopy a { margin-left: 0px; }
}


@media only screen 
and (min-device-width: 768px) 
and (max-device-width: 1024px) 
and (-webkit-min-device-pixel-ratio: 2) 
and (orientation: portrait)

{

  #ourproducts .productlist a {
    margin-bottom: 0px;
}
#downloadCatalogues .cataloguesList { display: grid; --item-size: 40vw;}
#PrincePromise .princeproBox {height: 410px;}
#ProductFilter .selectdiv .filterlist select,#ProductFilter .selectdiv select {width: 32%;}
#ProductFilter .product_wrap { display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); }
.featrueBenefitsection .featrueBenefit {
  --item-size: 30vw;
  grid-template-columns: repeat(3, var(--item-size));
}
#ProductDetails .ProductDetailsLeft .gallery { max-width: 100%; }
#ProductDetails .ProductDetailsRight .productSpec .productSpecRight { border-bottom: none; padding-top: 10px; }  
#ProductDetails .ProductDetailsRight .productSpec .productSpecLeft::before { display: inline-block; }


 
}