/* #region -------------------------- ROOT */

@media only screen and (max-width : 1024px) { 

  :root {
    --h1: 80px;
    --h2: 54px;
    --h3: 44px;
    --h4: 32px;
    --h5: 24px;
    --h6: 18px;
  }

} 

/* #endregion */

/* #region - -------------------------- GENERAL */

@media only screen and (max-width : 1200px) { 

}  

@media only screen and (max-width : 1024px) { 
  :root {
    --h1: 31px;
    --h2: 31px;
    --h3: 28px;    
    /*
    --h4: 32px;
    --h5: 24px;
    --h6: 18px;
    */
  }



  .btn-2 { padding: 10px 25px; }

  .mtitle + .dtext { margin-top: 20px; }
  .btn-loop, .dtext + .btn-loop { margin-top: 25px; }

  .spacer { display: none; }

  .contact-box { margin-top: 0; }
  .contact-box .hours { padding: 30px; }
  .contact-box .my-address { padding: 25px; }
}

@media only screen and (max-width : 800px) { 

}

@media only screen and (max-width : 767px) { 

}

@media only screen and (max-width : 600px) { 

}

@media only screen and (max-width : 480px) { 

}

/* #endregion */

/* #region - -------------------------- GENERAL */

@media only screen and (max-width : 1200px) { 
  section.business-01 .wrap { padding: 30px 0; }
  .business-01 .overlay-bg { height: calc(100% - 30px); width: 100%; top: 0; left: 0; }
  .business-01 .einfo { padding-top: 0; }

  .gallery-01 .gal {
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: unset;
  }
  .gallery-01 .gal .glink { grid-column-end: span 1; grid-row-end: span 1; height: 300px; }
}

@media only screen and (max-width : 1024px) { 

    section.element .wrap { padding: 30px 0; }
    section.element .nwrap { padding: 0; }

    .element.no-br br { display: none; }

    header .menu_wrap {  }
    header .menu-oc-right.opener {  }
    .navbar-brand.mobile-logo { width: 180px; }
  
    header.header {  }
    header .menu_wrap { padding: 5px; }
    header .menu-oc-right.opener svg { filter: brightness(0) invert(1); }

    .home header .menu_wrap { padding: 20px 0; }
    .home header .navbar-brand.mobile-logo { display: none; }

    #menu-oc-right .main-menu .nav-link::before { display: none; }
    #menu-oc-right .main-menu .menu-item { padding: 15px 0; }

    .heroslider-01 .wrap { align-items: center; height: unset; min-height: unset !important; }
    .heroslider-01 .dinfo { padding-bottom: 0; margin: 80px auto; text-align: center; }

    .rowmedia-01 .wrap .dimage { height: 400px; padding: 0; position: relative; }
    .rowmedia-01 .wrap .dimage img { position: absolute; height: 100%; object-fit: cover; object-position: center 80%; }
    .rowmedia-01 .overlay-bg { height: 100%; }
    .rowmedia-01 .dinfo { padding: 0; }
    .rowmedia-01 .wrap .row { align-items: center; }
    .rowmedia-01 .wrap .dinfo .btitle em,
    .rowmedia-01 .wrap .dinfo .mtitle em { margin: 0; }
    .rowmedia-01 .wrap .dinfo .mtitle::before { display: none; }

    .title-so-01 .mtitle + .dtext { margin-top: 15px; }
    .title-so-01 .dicon { max-width: 40px; }

    .rowposter-01 .ppm { width: 100%; height: 100%; object-fit: cover; max-height: 300px; }
    .rowposter-01 .dinfo { height: auto; max-width: 100%; }
    section.rowposter-01 .wrap { padding: 0; }
    .rowposter-01 .box { width: 100%; height: 100%; padding: 20px; }
    .rowposter-01 .box .einfo { margin-bottom: 0; }
    .rowposter-01 .row { gap: 0; }

    section.jarallax-01 .wrap { min-height: unset !important; padding: 100px 0; }

    .business-01 .overlay-bg { height: 100%; }

    footer .navbar-brand.main-logo { display: block; width: 300px; margin: 0 auto 20px; }
    footer .dtext { padding: 0; }
    footer .row { flex-direction: column; }
    footer .row div { flex: 0 0 100%; max-width: 100%; }
    footer .row .contact-div { max-width: 400px; margin: 0 auto; text-align: center; }
    footer .container-xl { max-width: 600px; }
    footer .menu-item { color: white; }
    footer .wrap { padding: 30px 0; }
    footer .col-lg-1 { display: none; }
    footer .footer-menu { padding: 0; }
    footer .foot { flex-direction: column; gap: 20px; padding: 25px 0; }
    footer .sc-contact { display: block; }

    section.hero-s-01 .wrap { min-height: unset; padding: 60px 0; }

    .rowgallery-01 .dinfo { padding: 0; }
    .cards-03 .item { padding: 10px; }
    .cards-03 .ititle { font-size: 24px; }

    .jarallax-02.no-br br { display: inline; }

    .cards-02 .item { padding: 20px; }
    .lister .listy { padding-right: 0; }

    article .flexic.en { padding-right: 0; }
    article .wrap { padding: 30px 0; }
    .post-related { padding: 30px 0; }
}  

@media only screen and (max-width : 991px) { 
    .rowgallery-01 .grid-gallery { max-width: 550px; margin: 0 auto 0px; }
    .rowgallery-01 .wrap .dinfo {text-align: center; }
    .rowgallery-01 .item { height: auto; width: unset; }
    .rowgallery-01 .item-1 {  }
    .rowgallery-01 .item-2 { position: relative; bottom: 0; }

    .rowgallery-01 [data-rtl="0"] .dinfo { max-width: 100%; }

    .cards-01 .pad { flex-direction: column; align-items: flex-start; gap: 10px; }
    .cards-01 .price { flex: 1; }

    article .contact-box .flexic {
      flex-direction: column;
    }
    article .contact-box {
      max-width: 400px;
      margin: 0 auto;
    }


}

@media only screen and (max-width : 800px) { 
    .heroslider-01 .dinfo { max-width: 100%; padding-left: 50px; padding-right: 50px; }
    .contact-box .flexic { text-align: center; }
    .contact-box .hours { padding: 20px; }
    .contact-box .sc-hours .item .oh-hrs { font-size: 18px; }
    .contact-box .flexic span { display: block; margin: 20px auto 0; }

    .post-item .post-info { height: 280px; }
    .post-item .post-info .post-title .ititle { font-size: 18px; }
    .post-item .post-info .post-title { padding: 15px; }

    .rowgallery-01 .mtitle { font-size: 26px; line-height: 120%; }

    .gallery-01 .gal { grid-template-columns: 1fr 1fr; }


}

@media only screen and (max-width : 767px) { 
    .rowmedia-01 .dinfo { max-width: 100%; }

    .cardsflex-01 .flexic { gap: 30px; }
    .cardsflex-01 .flex-item::after { display: none; }
    .cardsflex-01 .wrap .flex-item { flex: 0 0 100%; max-width: 100%; }

    .qslider-01 .col-text { min-height: unset; }

    .business-01 .dimage { position: relative; height: 400px; }
    .business-01 .dimage img { object-fit: cover; height: 100%; }
    .business-01 .einfo { margin: 0 auto; }
    .contact-box .flexic h5,
    .business-01 .mtitle br { display: none; }

    .contact-box .flexic { flex-direction: column; }
    .contact-box .flexic h5 { margin-bottom: 20px; }

    .post-item .post-info .post-title .ititle { font-size: 25px; }

    .frcontact-01 .wpform { padding: 1px 25px; }
    .frcontact-01 .dinfo,
    .frcontact-01 .soc-med,
    .frcontact-01 .company-contact  { 
        padding-top: 0; max-width: 400px; margin: 0 auto; 
        text-align: center;
    }
    .frcontact-01 .social-icons { justify-content: center; }
    .frcontact-01 .sc-contact { justify-content: center; flex-direction: column; padding-right: 0; }
    .frcontact-01 .sc-contact p br { display: inline !important; }
}

@media only screen and (max-width : 600px) { 
  .gallery-01 .gal .glink { height: 200px; }
  .cards-01 .dinfo { padding: 20px; gap: 20px; }
  .cards-01 .dimage { font-size: 50px; }
  article .post-thumb .bg-img { height: 200px; }

  .heroslider-01 .diconn { max-width: 100px; }
  .heroslider-01 .dinfo { padding: 0; }
  .heroslider-01 .mtitle { font-size: 60px; }
  .heroslider-01 .atitle { font-size: 19px; }

  .heroslider-01 .dinfo .overlay { height: 100%; background-size: 90%; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); }

}

@media only screen and (max-width : 480px) { 
  .post-item .post-info .post-title .ititle { font-size: 23px; }
  .post-item .post-info .post-title { padding: 20px; }
  .post-item .post-info { height: 350px; }
  .cards-03 .ititle {
    margin-bottom: 20px;
    background-color: rgba(255,255,255,0.3);
    padding: 5px 10px;
    font-size: 20px !important;
  }

  .jarallax-02 .wrap { min-height: unset !important; }
  .jarallax-02 .flexic { top: unset; transform: none; bottom: 30px; }
  .jarallax-02 .mtitle { 
    background-color: rgba(255,255,255,0.3);
    padding: 5px 10px;
    font-size: 25px !important;    
    display: inline-block;
    width: auto;
  }

  .jarallax-01 .mtitle { font-size: 25px; }

  .cards-01 .dinfo { padding: 10px; gap: 10px; flex-direction: column; text-align: center; }
  .cards-01 .price { text-align: center; width: 100%; }

  .heroslider-01 .dinfo { padding: 0; height: 500px; display: flex; align-items: center;  }

  .business-01 .mtitle { font-size: 32px; }
  .rowmedia-02 .dinfo { max-width: 100%; }

  .frcontact-01 .social-icons { margin: 30px 0; }
  .frcontact-01 .sc-contact { flex-direction: row; }
}
  
/* #endregion */

@media only screen and (max-width : 799px) { 
	#booking .quas .wexx { top: 50px; transform: none; }
	#booking .quas .dtop .dtext br { display: none; }	
	#booking .quas .dtop .atitle { line-height: 150%; }
	#booking .item .pad { padding: 0; }
	
	
}