@media only screen and (max-width: 428px) {
  :root{
    --gallery-thumb:340px;
    --logo-height: 80px;
  }
  
}
@media only screen and (max-width: 480px) {
  
  .swiper-slider-1 {
    padding: 0;
}

}
@media only screen and (min-width: 429px) {
  :root{
    --gallery-thumb:249px;
  }
}
@media only screen and (min-width: 600px) {
  :root{
    --masonary-portrait-thumb:48%;
  }
  .custom-swiper-ctrl.swiper-button-prev {
    left: -10px !important;
    right: auto;
  }
  .custom-swiper-ctrl.swiper-button-next {
    right: -10px !important;
    left: auto;
  }
 
  .seeAllwork-box p {
    width: 70%;
  }
  .masonary-item{
    width:var(--masonary-portrait-thumb);
  }
 
  .max-600px,.main-content-600px{
    max-width: 600px !important;
  }
  .max-md,.main-content-md{
    max-width:768px !important;
  }
    
}

@media only screen and (max-width: 767px) {
  :root{
    --logo-height: 70px;
  }
  .aside-Product-Filter .filter-box{
    min-width: 140px;
 }
  .nav-main .nav {
    flex-flow: column;
    text-align: center;
  }
  
 .searchBox {
  text-align: center;
  }
  
  .menuToggle{
    display: flex;
  }
  .offcanvas{
      box-shadow: 0 2px 20px #00000027;
      border: none !important;
  }
 
  .Masonry-grid img {
    min-height: 320px;
    max-height:400px;
}
  .top-back{
    left: 25px;
    top: 120px;
  }
}
@media screen and (min-width:768px) {
  :root{
    --logo-height:140px;
    --home-p-text:14px;
    --sidemenu-fs:14px;
    --p-Cormorant:15px;
    --main-content-mx-width:850px;
    --home-comfort-width:460px;
    --gallery-thumb:340px;
    --masonary-portrait-thumb:31%;
  }
  
  .main-content.om-faq-main{
    --main-content-mx-width:678px;
    max-width: var(--main-content-mx-width);
  }
  .main-content.register-main{
    --main-content-mx-width:652.5px;
    max-width: var(--main-content-mx-width);
  }
 
  .gallery-item-1x1 .thumb-item img{
    width: var(--gallery-thumb);
    height: var(--gallery-thumb);
  } 
  

  .menuToggle{
    display: none;
  }
  .offcanvas{
    background: none;
  }
  /* .main-content{
   margin: 0 auto;
   max-width: calc(100% - var(--sidebar-width)/1 * 1.8);
  } */
  .main-content{
    margin: 0 auto;
    max-width:var(--main-content-mx-width);
   }
  .w-sm-50{
    width: 50%;
  }
  .w-sm-60{
    width: 60%;
  }
  .w-sm-70{
    width:
     70%;
  }
  .register-div{
    max-width: 600px;
    min-width: 400px;
}
.home-Cormorant{
  max-width: var(--home-comfort-width);
}
/* .sticky .aside-footer{
  position: fixed;
} */
.aside-footer{
  position: relative;
  bottom: 0;
  left: 0;
  z-index: var(--bs-offcanvas-zindex);
  display: flex;
  flex-direction: column;
  max-width: 100%;
  padding: var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x);
  z-index: 9999;
}
.masonary-item{
  width:var(--masonary-portrait-thumb);
}
.product-detail-row{
  display: flex;
  align-items: flex-end;
}
.product-swiper-slider .swiper-pagination {
  position: absolute;
  display: flex;
  flex-flow: column;
  align-items: center;
  gap: 20px;
  right: -40px;
  width: 20px  !important;
  left: auto !important;
  bottom: 0  !important;
  /* top: 0; */
}
.product-spacer{
    width: 120px;
}
.product-left-col{
  width: 742px;
}
.product-detail-content{
  display: flex;
  align-items: flex-end;
}
.product-swiper-slider .swiper-slide .item-box img
{
    height:570px;
    width:auto;
    object-fit: cover;
}

 
}
@media screen and (min-width:992px) {
  :root{
    --gallery-thumb:250px;
  }
  .installation-slider .custom-swiper-ctrl.swiper-button-prev {
    left: -50px !important;
    right: auto;
  }
  .installation-slider .custom-swiper-ctrl.swiper-button-next {
    right: -50px !important;
    left: auto;
  }
  .w-md-50{
    width: 50%;
  }
  .w-md-60{
    width: 47%; /*24-02-2023Toral*/
	font-weight: 900; /*24-02-2023Toral*/
  }
  .w-md-70{
    width: 70%;
  }
 .register-box .content{
  --registerBox-content:419.5px;
  width: var(--registerBox-content);
 }
 .LoginRegisterBg
 {
  padding: 0;
 }

 .LoginRegisterBg .main-content{
  padding: 30px;
  min-width: 400px;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100vh;
}

}
@media screen and (max-width:991px) {
  .main-content{
    padding:30px;
    padding-top:var(--logo-height);
  }
}

@media screen and (min-width:1024px) {
  :root{
    --gallery-thumb:180px;
  }
  .w-lg-50{
    width: 50%;
  }
  .w-lg-60{
    width: 60%;
  }
  .w-lg-70{
    width: 70%;
  }
  .gallery-item-1x1 .thumb-item img{
    width: var(--gallery-thumb);
    height: var(--gallery-thumb);
  } 
  
}
@media screen and (max-width:1199px) {
    .aside-Filter-toggle {
      width: 100%;
      position: absolute;
      top: 0;
      z-index: 99;
      background: #fff;
      padding: 20px;
      display: none;
      box-shadow: 0 15px 14px #00000024;
  }
}
@media screen and (min-width:1200px) {
  .offcanvas{
    --sidebar-width: 200px;
    height: 251px;
    /*height: 250px;*/
  }
  /* .aside-Filter-toggle{
    width: 179.5px;
    position: absolute;
    right: calc(100% + 25px);
    left: auto;
    top: 0;
    padding-top: 70px;
    height: 100%;
    display: block;
  } */
  .filter-mesonary-wrapper{
    display: flex;
}
.right-section{
    width: 100%;
    flex-basis: 100%;
}
  .left-section{
    padding-right: 25px;
    height: 100%;
}
  .aside-Filter-toggle{
    width: 179.5px;
    position: relative;
    height: 100%;
    display: block;
  }
  
  .aside-Product-Filter{
    display: flex;
    flex-flow: column;
    justify-content: flex-start;
  } 
  .aside-Filter-toggle .vr-line{
    position: absolute;
    width: 2px;
    height: 100%;
    right: 0;
    top: 0;
    background: var(--cmyk);
  }
  .offset-min-1200{
    padding-left: 204.5px;
  }
}

@media screen and (min-width:1440px) {
  :root{
    --logo-height:157.5px;
    --home-p-text:16px;
    --p-Cormorant:15px;
    --sidemenu-fs:16px;
    --main-content-mx-width:1186px; /*10032023Toral*/
    --home-comfort-width:542.5px;
    --gallery-thumb:202px;
    --masonary-portrait-thumb:266.5px;
  }
 
 .artist7207 {
       --masonary-portrait-thumb: 280.5px;
  }
    
  .gallery-item-1x1 .thumb-item img{
    width: var(--gallery-thumb);
    height: var(--gallery-thumb);
  }   
  .brand-logo img {
    height: var(--logo-height); 
}
  .masonary-item{
    width:var(--masonary-portrait-thumb);
  }
  .asideFilterPage .main-content{
    --main-content-mx-width:1340.5px;
    max-width:var( --main-content-mx-width);
  }
  .asideFilterPage  .masonary-item{
    --masonary-portrait-thumb:265px;
    width:var(--masonary-portrait-thumb);
  }
  .detailpage .main-content{
    --main-content-mx-width:1142px;
    max-width:var( --main-content-mx-width);
  }
  .detailpage  .masonary-item{
    --masonary-portrait-thumb:265px;
    width:var(--masonary-portrait-thumb);
  }
 
 
}
/*Toral05072023*/
@media screen and (min-width:1440px) {
    .artist7207 {
        --masonary-portrait-thumb: 276.5px;
    }
}

@media (min-width: 767px) {
    .grid-div, .uploadWDIV {
        grid-template-columns: repeat( auto-fill, minmax(300px, 1fr));
        gap: 17px;
    }
}
/*Toral17072023*/
.main-content.register-main1 {
    --main-content-mx-width: 520.5px;
     max-width: var(--main-content-mx-width);
  
}

/*Toral25072023*/
@media only screen and (max-width: 767px) {
    .sec-title-221{
        font-size: 20px;
    }
}