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

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

:root {

  --font-size: 20px;
  /* --font-size: clamp(1.125rem, 1.0147rem + 0.3676vw, 1.25rem);  */
  --font-size25: 25px;
  --font-size25: clamp(1.25rem, 0.9743rem + 0.9191vw, 1.5625rem);
  --font-1: 'Tenor Sans';
  --font-2: 'Poppins';
  --font-3: 'Quattrocento';
  
  --color0: #ffffff;
  --color1: #9F6F6C;
  --color2: #fff;
  --color3: #333;
  --color4: #5A3F3D;
  --color5: #EFD4D2;

  /* --h1: 70px; */
  --h1: clamp(3.4375rem, 2.6103rem + 2.7574vw, 4.375rem);
  /* --h2: 56px; */
  --h2: clamp(2.5rem, 1.6176rem + 2.9412vw, 3.5rem);
  /* --h2-2: 48px; */
  --h2-2: clamp(2.5rem, 2.0588rem + 1.4706vw, 3rem);
  /* --h2-3: 60px; */
  --h2-3 : clamp(2.5rem, 1.3971rem + 3.6765vw, 3.75rem);
  --h2-4: 45px;
  --h2-4: clamp(2.5rem, 2.2243rem + 0.9191vw, 2.8125rem);
  --h2-5: 35px;
  /* --h3: 30px; */
  --h3: clamp(1.5rem, 1.1691rem + 1.1029vw, 1.875rem);
  --h4: 32px;
  --h5: 24px;
  --h6: 18px;
  --atitle: 24px;
  /* --f25:25px; */
  --f25: clamp(1.25rem, 0.9743rem + 0.9191vw, 1.5625rem);
  --f24:24px;
  --f24: clamp(1.25rem, 1.0294rem + 0.7353vw, 1.5rem);
  --small: 13px;

  --color10: black;
  --color11: white;

  --a: #5a3f3d;
  --hover: #A1AEB7;       

  --darktitle:white;
  --darktext:white;
}

} 

/* #endregion */

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

@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-overlay {position: absolute;}
    /* header .menu_wrap {  } */
    /* header .menu-oc-right.opener {  } */
    /* header .navbar-brand {  } */
  
}  

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

}

@media only screen and (max-width : 767px) { 
  .hero-opt {padding-right: 0; padding-left: 0;}
}

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

@media only screen and (max-width : 480px) { 
  
}
  
/* #endregion */

/* #region - -------------------------- FOOTER */

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

  
}

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

}

@media only screen and (max-width : 767px) { 
  .footer-0 .dtop .flexic {flex-direction: column; row-gap: 30px; align-items: center;}

  .footer-0 .copyright .foot, .footer-0 .copyright .foot .f-left {flex-direction: column;}

  .footer-0 .company-about .dtext p {text-align: center;}

  .footer-0 .copyright div, .footer-0 .copyright p, .footer-0 .copyright a, .footer-0 .copyright a span {font-size: var(--small);}
}

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

@media only screen and (max-width : 480px) { 
  
} 
  
/* #endregion */

/* #region - -------------------------- ROWPOSTER 01 */

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

}  

@media only screen and (max-width : 1024px) { 
  .rowposter-01 [data-design*="poster"][data-col="5-7"] .col-lg-5 {padding-left: 0; padding-right: 0;}
}

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

}

@media only screen and (max-width : 767px) { 
  .rowposter-01.tranformational-journey .dinfo {margin-top: 0;}
}

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

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

/* #endregion */

/* #region - -------------------------- ICONS 01 */

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

}  

@media only screen and (max-width : 1024px) { 
  .icon-01 .overlay.color.desktop {display: none;}
  .icon-01 .overlay.color.mobile {display: block;}

  .icon-01 .col-md-3 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .icon-01 .tinfo {margin-bottom: 60px;}

  .icon-01.transformative {margin-top: 0;}

  

}

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

}

@media only screen and (max-width : 767px) { 
  .icon-01 .overlay.color.mobile {min-height: 482px; background-size: cover;}
  .icon-01 .overlay.color.mobile { width: 120%;}

  .icon-01 .overlay.color.mobile {
    min-height: 482px;
    background-size: cover;
    left: -21%;
    transform: none;
    width: 160%;
  }

}

@media only screen and (max-width : 600px) { 
  .icon-01 .col-md-3 {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .icon-01 .dinfo {
    min-height: auto;
  }

  .icon-01 .diconn {height: auto;
  margin-top: 0;
  margin-bottom: 0;

  
  }
  .icon-01 .tinfo {margin-bottom: 90px;}
  .icon-01.transformative .row {row-gap: 60px;}
  .icon-01.transformative .wrap {padding-bottom: 100px;}
}

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

/* #endregion */

/* #region - -------------------------- CTA 02 */

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

}  

@media only screen and (max-width : 1024px) { 
  .ctac-02 .col-lg-5 img {
    height: 100%;
    object-fit: cover;
  }

  .ctac-02 .logo-kelly {bottom: 15px;}
}

@media only screen and (max-width : 1000px) { 
  .ctac-02 .iwrap {top: -40px;}
}

@media only screen and (max-width : 767px) { 
  .cta-02 .dinfo {padding: 15px;}
  .cta-02 .iwrap .row {flex-direction: column;}
  .ctac-02 .col-lg-5,.ctac-02 .col-lg-7 {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .cta-02 .pop-link {max-width: 100%;}
  .cta-02 .pop-link img.d-img {max-height: 350px;}

  .ctac-02 .logo-kelly {position: absolute; right: 53px; width: 215px;}

  .ctac-02 .iwrap {top: -110px; }
  .ctac-02 .col-lg-5 img {max-width: 100%; max-height: 350px;}
}

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

@media only screen and (max-width : 480px) { 
  .ctac-02 .logo-kelly {
    position: absolute;
    right: 15px;
    width: 150px;
  }
}

/* #endregion */

/* #region - -------------------------- SECTION BG  */

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

}  

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

}

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

}

@media only screen and (max-width : 767px) { 
  .fire-element.rock-bg {margin-top: 150px;}
}

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

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

/* #endregion */

/* #region - -------------------------- QUOTE SLIDER 01 */

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

}  

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

}

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

}

@media only screen and (max-width : 767px) { 
  .qcslider-01 .quote {margin-top: 30px; flex-direction: column; row-gap: 30px; }
  .qcslider-01 .davatar {margin: 0 auto;}
  .qcslider-01 .quote_mark img {margin-right: 0;}
}

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

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

/* #endregion */

/* #region - -------------------------- CARDSFLEX 01 */

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

}  

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

}

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

}

@media only screen and (max-width : 767px) { 
  .cardsflexc-01 [data-ctr="3"] .flex-item {
    max-width: 100%;
    flex: 0 0 100%;
  }
}

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

@media only screen and (max-width : 480px) { 
  .cardsflexc-01 .flexic {row-gap: 30px;}
  .cardsflexc-01 .dimage {min-height: 400px;}
}

/* #endregion */

/* #region - -------------------------- CTA 01 MISSION */

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

}  

@media only screen and (max-width : 1024px) { 
  .ctam-01 .wrap {margin-top: 0;}

}

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

}

@media only screen and (max-width : 767px) { 
  .ctam-01 .d-popmedia {left: 0; transform: none;}
}

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

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

/* #endregion */

/* #region - -------------------------- TITLEC 01*/

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

}  

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

}

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

}

@media only screen and (max-width : 767px) { 
  .titlec-01 [data-custom*="v-align"] .flexic {flex-wrap: wrap; row-gap: 30px;}
  .titlec-01 .flex-item {max-width: 100%;}
}

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

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

/* #endregion */

/* #region - -------------------------- ROW MEDIA 01 */

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

}  

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

}

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

}

@media only screen and (max-width : 767px) { 
  .rowmedia-01 [data-col="5-7"] .dinfo {max-width: 100%;}
}

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

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

/* #endregion */

/* #region - -------------------------- HERO 01 */

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

}  

@media only screen and (max-width : 1024px) { 
  .element span.nowrap {white-space: nowrap !important; text-wrap: nowrap !important;}
}

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

}

@media only screen and (max-width : 767px) { 
  .hero-01.hero-home .bg-img {opacity: 0.7;}
  .hero-01.hero-home .dinfo {margin-top: 100px;}
}

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

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

/* #endregion */

/* #region - -------------------------- QA EDITS 5/12/25 */

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

}  

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

}

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

}

@media only screen and (max-width : 767px) { 
  .heroip-01 .bg-img:nth-child(1) {display: none;}
  .heroip-01 .bg-img:nth-child(2) {display: block;}
}

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

@media only screen and (max-width : 480px) { 
	.icon-01.icons5 [data-ctr="4"] .flex-item{    flex: none;
    max-width: 100%;}
	.flexic{
    display: block;
    flex-wrap: nowrap;
}

	.icon-01 .flex-item {
    border-bottom: 1px solid var(--color5);
    padding: 10px 0;
    border-right: none;
}
}

/* #endregion */

/* #region - -------------------------- .element */

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

}  

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

}

@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 - -------------------------- .element */

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

}  

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

}

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

}

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

@media only screen and (max-width : 600px) { 
	
	.heroip-01 .wrap {
		min-height: 275px;
	}
  
}

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

/* #endregion */