#menu .mobile-menu-extra {
  display: none;
}
.slicknav_nav .mobile-menu-extra {
  display: flex;
  align-items: center;
  gap: 8px;
}
.slicknav_nav .mobile-menu-extra img {
  width: 20px;
  height: 20px;
  flex: 0 0 20px;
}

/* Desktop */
@media (min-width: 3000px) {
  .subtopcontent{
    padding-bottom: 350px;  
  }
}
@media (min-width: 2000px) {
  .subtopcontent{
    padding-bottom: 250px;  
  }
}
@media (max-width: 1490px) {
  header .container-fluid,
  footer .container-fluid{
    width: 100%;
    }
  header ul#menu > li,
   header .btns a,
   header .btns span,
    header .misc a,
    header .misc .language-link{
    font-size: 18px;  
    }  
  
}
@media (max-width: 1300px) {
  header .logo,
  footer .logo{
     flex: 0 0 190px;
  }
    header{
      height: 100px;
    }
    body{
      padding-top: 100px;
    }
    header .misc a img,
    header .misc .language-link img {
    width: 20px;
    height: 20px;
    }
    header ul#menu > li,
   header .btns a,
   header .btns span,
    header .misc a,
    header .misc .language-link{
    font-size: 14px;  
    }
      .btn-link{
      font-size: 25px;
    }
   
}
@media (min-width: 1201px) {
  .slicknav_menu {
     display:none;
  }
}
@media (max-width: 1200px) {
  #menu{
      display: none !important;
    }
    .slicknav_menu {
      display: block;
      z-index: 6000;
      top: 15px;
      right: 30px;
      font-size: 28px;
      position: fixed;
      background: none;
    }
    .slicknav_menu .slicknav_icon-bar {
      background: #CBCBCB;
      padding: 3px 6px;
      border-radius: 3px;
    }
    .slicknav_menu .slicknav_icon {
      margin: 0;
    }
    .slicknav_menu .slicknav_menutxt {
      display: none;
    }
    .slicknav_btn {
      background: transparent;
      z-index: 5000;
      border-radius: 8px;
      padding: 10px 10px 15px 10px;
      border: 3px solid #CBCBCB;
    }
   .slicknav_menu > ul{
      height: auto !important;
      border-radius: 0;
      padding: 5px;
      position: relative;
      top: 12px;
     right: 0;
      width: 200px;
      z-index: 5000;
      background: #454039;
    }
    .slicknav_menu > ul li{
      font-size: 17px;
      padding: 2px;
    }
    .slicknav_menu > ul li a{
      color: #fff;
      padding: 0;
    }
    .slicknav_menu > ul li a:hover{
      background: none;
      color: #fff;
    }
    header .btns{
      flex: 0 0 50%;
    }
    header .misc {
     flex: 0 0 auto;
     min-width: max-content;
    }
    a.btn-calcu {
      font-size: 25px;
    }
}
@media (min-width: 992px) {
  .subpagecontent .container-fluid{
    grid-template-columns: 1fr 1fr;
    align-items: start;          
  }
  .subpagecontent[data-fred-element="product-quicker-board"] .container-fluid.grid{
    grid-template-columns: minmax(0, 2fr) minmax(280px, 1fr);
  }
    .subpagecontent .left{
      display: grid;
      gap: 12px;
    }
    .blkgallery .gal{
      display: flex;
      flex-wrap: wrap;
      gap: 10px;
    }
    .subtopcontent .blkgallery .gal{
      position: absolute;
       top: 0;
      left: 0;
    } 
    .blkgallery .gal img {
      width: calc(50% - 5px);
      display: block;
      border: 5px solid #7B7266;
      max-height: 350px;
      object-fit: cover;
    }
    .mainbanner .title{
      top: 50%;
    }
     .phototext .blk .titlearrow {
      width: 52% !important;
    }
    

}

/* Tablet */
@media (max-width: 991.98px) {
   header .misc {
      margin-left: auto;
    }
     header .misc{
      flex: 0 0 auto;
    }
    header .btns a:last-child,
    header .btns span:last-child,
    header .btns a img,
    header .btns span img{
      display: none;
    }
    .slicknav_menu {
      right: 10%;
    }
    header .btns a,
    header .btns span{
      font-size: 18px;
    }
    .subtopcontent .subtitle h3 {
      font-size: 40px;
    }
    .subtopcontent .blkgallery .gal {
      position: relative;
    }
    .subtopcontent .wrapper {
      grid-template-columns: 1fr;
      grid-template-areas:
      "blkcontent"
      "blkgallery"
      "blkbtns";
    }
    .blkplay .sideplay {
      flex-direction: column;
      width: 30%;
      left: 0;
      text-align: center;
    }
    .play-btn {
      margin-bottom: 20px;
      width: 150px;
      height: 150px;
    }
    .subtopcontent{
      padding-bottom: 20px;
    }
    .blkplay .sideplay p{
      font-size: 30px;
      line-height: 30px;
      padding: 0;
      width: 70%;
    }
    .blkplay .desc{
      width: 70%;
    }
    .titlearrow h4{
      font-size: 35px;
      padding-bottom: 10px;
    }
    .titlearrow {
      padding: 30px 30px 30px 80px !important;
      min-height: 250px;
    }
    .titlearrow h4, .titlearrow p {
      width: 100%;
    }
    .phototext .blk img{
      width: 100%;
    }
    .mainbanner .title {
    width: 80%;  
    left: 0;
    bottom: 0;
  }
    .mainbanner .title h1,
    .mainbanner .title h2 {
      font-size: 55px;
      line-height: 55px;
    }
  .wrapper {
    grid-template-columns: 1fr;
    grid-template-areas:
      "blkcontent"
      "blkgal"
      "blkbtns";
  }
  .subpagecontent .container-fluid{
     grid-template-columns: 1fr;
  }
    .subpagecontent .left{
      display: contents;
    }
  .blk-title { order: 1; }
  .blk-intro { order: 2; padding-bottom: 20px; }
  .blk-gal   { order: 3; }
  .blk-sub   { order: 4; }
    
  .gal {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 10px; /* optional spacing */
     margin-bottom: 30px;
    }
    .gal img {
      width: 100%;
      height: auto;
      display: block;
    }
    .subpagecontent .blk-tp{
      flex-wrap: wrap;
    }
    .subpagecontent .blk-title h1,
    .subpagecontent .blk-title h2,
    .retailers-moved-heading {
      font-size: 52px;
    }
    .subpagecontent .blk-title .page-subheading {
      font-size: 24px;
    }
    .blk-tp .blk-text {
    display: contents;
  }
    .blk-tp p:nth-of-type(1) {
    order: 1;
    width: 100%;
  }
  .blk-photo {
    order: 2;
    width: 100%;
  }
  .blk-tp p:nth-of-type(n+2) {
    order: 3;
    width: 100%;
  }
    .subpagecontent .folder .box {
      padding: 25px;
    }
  .subpagecontent .folder .blk-img {
      padding: 10px 20px;
  }
    .contact  .row {
    display: flex;
    flex-direction: column;
  }
    .contact  .row .col-md-6{
      width: 100%;
    }
    .contact .row:not(.g-2) > .col-md-6:nth-child(2) {
       order: -1;
  }
    
    .mainbanner .imgbanner img,
    .mainbanner .imgbanner video{
      object-position: center;
    }
    .subtopcontent .blkcontent {
      padding-right: 0;
    }
    .phototext .blk .titlearrow {
      width: 52%;
    }
    .subpagecontent .blk-tp .blk-text h3 {
      font-size: 52px;
      padding-bottom: 0;
    }
    .subpagecontent .blk-tp {
      gap: 10px;
    }
} 
@media (min-width: 601px) { 
  .subtopcontent .subtitle {
  position: relative;
  top: -60px;
  display: inline-block;
  background: #ef2b3a;
  padding: 15px 50px 15px 25px;
  clip-path: polygon(0 0, 95% 0, 100% 50%, 95% 100%, 0 100%);
}
.subtopcontent .subtitle::after {
  content: "";
  position: absolute;
  top: 0;
  right: -30px;
  width: 60px;
  height: 100%;
  background: #ef2b3a;
  transform: skewX(-30deg);
}
 .subtopcontent .subtitle h3 {
    padding: 20px 20px 20px 100px; 
  }
    .blkplay .desc{
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 50%;
  z-index: 700;
}
    .blkplay .desc .titlearrow{
      display: flex;
      align-items: center;
    }
    .titlearrow {
      display: inline-block;
      padding: 15px 50px 15px 125px;
      clip-path: polygon(0 0, 95% 0, 100% 50%, 95% 100%, 0 100%);
    }
    .titlearrow.arrowleft{
      padding: 15px 25px 15px 135px;
      clip-path: polygon(8% 0, 100% 0, 100% 100%, 8% 100%, 0 50%) !important;
    }
    .desc  .titlearrow.arrowleft{
      padding: 0;
    }
    .phototext .blk .titlearrow {
       position: absolute;
       width: 80%;
       top: 50%;
       transform: translateY(-50%);
      align-items: center;
      display: flex;
    }
    .phototext .blk .titlearrow.arrowleft{
      right: 0;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
  footer .container-fluid{
    width: 100%;  
  }
  footer h5 {
      font-size: 24px;
    }
  footer .top .container-fluid{
   align-items:center;
    }
    footer .logo{
     flex: 0 0 200px;
    }
    footer .logo img{
      top: -48px;
    }
    footer .socmed img{
      width: 50px;
      height: auto;
    }
    footer .socmed{
      position: absolute;
      right: 30px;
      top: 110px;
    }
    footer .misc .btn-link{
      margin: 0;
    }
    footer .sub ul{
     flex-direction: column;
     width: 100%;
      order: 2;
    }
    footer .sub ul li{
      padding-bottom: 10px;
    }
    footer .sub ul li:last-child{
      text-align: right;
    }
    footer .sub{
      padding-left: 0;
      padding-top: 100px;
      display: flex;
    }
    footer .sub .sideimg{
      order: 1;
      padding: 80px 50px 0 80px;
    }
    footer .top::before {
      height: 110px;
        }
}
@media (max-width: 767px) { 
    footer .socmed img{
      width: 50px;
      height: 50px;
    }
    footer .sub ul{
     flex-direction: column;
      padding: 30px 0 50px 20px;
      order: 1;
      text-align: center;
    }
    footer .sub ul li{
      padding-bottom: 10px;
    }
    footer .sub{
      padding-left: 0;
      padding-top: 0;
      display: flex;
       flex-direction: column;
    }
    footer .sub .sideimg{
      order: 2;
     margin: auto;
    }
    footer .top .container-fluid{
       flex-direction: column;
      gap: 20px;
    }
    footer .logo {
      flex: 0 0 90px;
    }
    footer .logo img {
      position: relative;
      width: 180px;
      top: 0;
    }
    footer .misc{
     flex-direction: column;
      margin-left: 0;
      text-align: center;
      gap: 20px;
    }
    footer .bottom .container-fluid{
      flex-direction: column;
    }
    .specs{
      flex-direction: column;
    }
    .subpagecontent .specs{
      background: #776356;
      padding: 20px;
    }
    .subpagecontent .specs .box {
      clip-path: none;
      box-shadow: none;
      height: auto;
      padding: 0;
    }
    .subpagecontent .highlight {
      flex-direction: column;
      padding: 20px;
    }
    .subpagecontent .highlight ul li {
      grid-template-columns: 1fr; 
    }
    .subpagecontent .highlight ul li .btn-link{
      width: 100%;
    }
    .blk-sub .topicon {
      grid-template-columns: repeat(2, 1fr);
    }
    .subpagecontent .folder .box {
      flex-direction: column;
    }
    .subpagecontent .folder .blk-img{
      width: 250px;
      height: auto;
      margin: 0 auto;
    }
    .subpagecontent .folder .blk-text .content {
      grid-template-columns: 1fr; 
    }
    .subpagecontent .folder .blk-text h4 {
    font-size: 45px;
    }
    .contact .box h4,
    .room-calc h5 {
    font-size: 29px;
      padding-bottom: 10px;
    }
    .contact .btns {
      flex-direction: column;
      gap: 10px;
    }
    .contact .add p {
    font-size: 25px;
    }
    .ordernow {
      flex-direction: column;
    gap: 5px;
    }
    .ordernow .btn-link{
      width: 100%;
    }
    .mainbanner .title .btn-link {
      font-size: 20px;
    }
    .subpagecontent[data-fred-element="product-quicker-board"] .blkangle .spec{
      grid-template-columns: 1fr;
      padding: 35px 25px 10px;
    }
    .subpagecontent[data-fred-element="product-quicker-board"] .blkangle .spec > ul,
    .subpagecontent[data-fred-element="product-quicker-board"] .blkangle .spec > :not(ul){
      grid-column: 1;
    }
    .subpagecontent[data-fred-element="product-quicker-board"] .blkangle .spec ul{
      padding-bottom: 10px;
    }
    .subpagecontent[data-fred-element="product-quicker-board"] .blkangle .topicon{
      padding: 15px 25px 25px;
    }
    
}
/* Mobile */
@media (max-width: 600px) { 
    .slicknav_menu {
      top: 5px;
    }
     header{
      height: 90px;
    }
    body{
      padding-top: 90px;
    }
    
    .btns a:nth-child(2),
    .btns span:nth-child(2){
   display: none;
    }
    header .misc .made{
   display: none;
    }
    header .logo {
        flex: 0 0 150px;
    }
    header .btns {
       padding-right: 50px;
    }
    header .misc {
       display: none;
    }
    header .btns a,
    header .btns span{
      font-size: 16px;
    }
    .slicknav_menu {
      right: 5%;
    }
    .mainbanner{
      min-height: 660px;
    }
    .mainbanner .title{
      left: 8%;
      right: 8%;
      bottom: 60px;
      width: auto;
      transform: none;
    }
    .mainbanner .title h1,
    .mainbanner .title h2{ 
      font-size: 45px;
      line-height: 45px;
    }
    .subtopcontent .subtitle{
        width: 100%;
    }
    .subtopcontent .blkcontent h4 {
      font-size: 40px;
    }
    .gal{
      grid-template-columns: auto;
    }
    .subtopcontent .blkbtns {
      flex-direction: column;
      width: 100%;
    }
    .subtopcontent .blkbtns .btn-link{
      margin: 0;
    }
    .btn-link img {
      height: 30px;
    }
    .blkbtns .btn-calcu{
      order: 1;
    }
    .blkbtns .tall{
      order : 2;
    }
    .subtopcontent .blkgradient{
      display: none;
    }
    .blkplay .desc {
      width: 100%;
    }
    .phototext .blk .phototext-img-caption{
      width: 100%;
      margin: 16px auto 0;
      font-size: 22px;
    }
    .blkplay .sideplay {
      top: 25%;
      width: 50%;
    }
    .blkplay .sideplay a{
      order: 2;
    }
    .blkplay .sideplay p{
      order: 1;
      padding-bottom: 20px;
    }
    .blkplay .bgfilter{
      height: 450px;
    }
    .blkplay .imgholder{
      height: 450px;
    }
    .phototext .blk .titlearrow {
      width: 100%;
    }
    .phototext .blk img{
      height: 500px;
    }
    
    footer .logo img{
      flex: 0 0 190px;
    }
    #galCarousel{
      background: #2B2B2B;
     padding: 10px;
      margin-bottom: 25px;
    }
    #galCarousel img{
      border: 5px solid #7B7266;
    }
    .calc-row input {
        width: 70px;
    }
    .calc-row {
      justify-content: center;
    }
    .calc-row input:last-of-type {
         width: 150px;
    }
        .titlearrow {
      padding: 30px !important;
    }
    .box.colored {
      padding: 30px;
    }
    .modal-content {
    padding: 80px 20px 20px 20px;
    }
    .modal form label {
      font-size: 20px;
    }
    .modal-body h4{
      font-size: 24px !important;
    }
    .ordernow span {
      font-size: 25px;
    }
    .js-qb-zip-form .btn-link,
    .js-qb-clear-zip {
      display: block;
      width: 100%;
      max-width: 280px;
      margin-top: 12px;
      font-size: 20px;
      line-height: 1.15;
    }
    .js-qb-zip-form .btn-link:first-of-type {
      margin-top: 0;
    }

}
/* Checkout polish */
@media (max-width: 991.98px) {
  .qb-co-summary__sticky{
    position: static;
  }
  .qb-checkout > .col-lg-7{
    gap: 24px;
  }
  .qb-checkout .box.outline{
    padding: 34px;
    border-width: 9px;
  }
}
@media (max-width: 600px) {
  .subpagecontent[data-qb-page="checkout"] .container-fluid{
    width: min(100% - 32px, 100%);
    padding-left: 0;
    padding-right: 0;
  }
  .subpagecontent[data-qb-page="checkout"] .blk-title h1{
    font-size: clamp(40px, 12vw, 48px);
    line-height: 0.98;
    overflow-wrap: anywhere;
  }
  .qb-checkout{
    --bs-gutter-x: 0;
  }
  .qb-checkout > .col-lg-7{
    gap: 20px;
  }
  .qb-checkout .box.outline{
    width: 100%;
    max-width: 100%;
    padding: 26px 22px;
    border-width: 7px;
    border-radius: 20px;
  }
  .qb-order-review{
    gap: 8px;
    margin-bottom: 20px;
  }
  .qb-order-review p{
    font-size: 18px;
  }
  #qb-order-quantity{
    width: 104px;
    min-height: 50px;
    margin-bottom: 16px;
    font-size: 23px;
  }
  .qb-checkout .js-qb-stripe-submit{
    min-height: 64px;
    padding: 18px 20px;
    border-radius: 16px;
    font-size: 24px;
  }
  .qb-checkout .js-qb-stripe-submit span{
    gap: 10px;
  }
}

/* XD checkout modal responsive adaptations */
@media (max-width: 767px){
  .qb-xd-modal .qb-xd-dialog{width:auto;margin:16px;max-width:none}
  .qb-xd-frame{padding:20px 16px 24px;border-radius:24px;max-height:calc(100dvh - 32px);overflow-y:auto}
  .qb-xd-card{margin-top:48px;padding:72px 20px 24px;border-width:8px;border-radius:16px}
  .qb-xd-logo{width:136px}
  .qb-xd-grid{grid-template-columns:1fr;gap:16px}.qb-span-2{grid-column:span 1}
  .qb-xd-form h4,.qb-xd-order-heading,.qb-xd-total-row strong{font-size:24px}.qb-xd-copy,.qb-xd-detail,.qb-xd-status{font-size:16px}
  .qb-xd-number input{width:120px}.qb-xd-number span{font-size:22px}
  .qb-xd-total-row{align-items:stretch;flex-direction:column;gap:14px}.qb-xd-submit{width:100%;min-width:0}
}

@media (max-width: 991.98px){
  header .misc{flex:0 0 auto;gap:8px;align-items:center}
  header .misc .made{display:none}
  .slicknav_menu{right:18px}
}
@media (max-width: 991.98px){
  .retailers-locator{
    grid-template-columns: 1fr;
    min-height: 0;
  }
  .retailers-map{
    order: -1;
    min-height: 380px;
  }
  .retailers-list{
    max-height: none;
    overflow: visible;
  }
}