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

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

  :root {
	  --h1: 55px;
	  --h1m: 50px;
	  --h1s: 42px;
      --h2: 37px;
      --h3: 30px;
	  --h3m: 25px;
	  --h3s: 22px;
      --h4: 19px;
	  --h4l: 20px;
  }	

} 

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

  :root {
	  --font-size: 16px;
  }

} 

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

  :root {
	  --font-size: 15px;
	  --h1: 45px;
	  --h1m: 40px;
	  --h1s: 37px;
      --h2: 32px;
      --h3: 27px;
	  --h3m: 23px;
	  --h3s: 20px;
      --h4: 18px;
	  --h4l: 19px;
	  --h5: 16px;
  }

} 

@media only screen and (max-width : 480px) { 
  :root {
	  --h1: 32px;
	  --h1m: 30px;
	  --h1s: 26px;
      --h2: 24px;
      --h3: 18px;
	  --h3m: 17px;
	  --h3s: 17px;
      --h4: 16px;
	  --h4l: 16px;
  }
}

/* #endregion */

/* #region - -------------------------- GENERAL + ELEMENTS */

@media only screen and (max-width : 1300px) {
	.slide-bg .owlbtn { position: relative; top: auto; bottom: 0; transform: none; margin-top: 20px;}
	.element .slide-bg .owlprev { left: -20px;}
	.element .slide-bg .owlnext { right: -20px;}
}

@media only screen and (max-width : 1170px) {
	.gform-contact .gform_wrapper.gform-theme #field_3_7 select { min-width: 220px;}
	.gform-contact .gform_wrapper.gform-theme #field_3_8 select { min-width: 250px;}
}

@media only screen and (max-width : 1059px) {
	section.gform-contact .wrap { padding: 50px 0 !important;}
}

@media only screen and (max-width : 1024px) { 
    section.element .wrap { padding: 40px 0;}
    section.element .nwrap { padding: 0;}
	section.hero-optn .wrap { padding: 20px 0 !important;} 
    .element.no-br br { display: none;}

	header[data-sticky="sticky-fixed"], 
	header.menu-overlay[data-sticky="sticky-fixed"] { position: fixed;}
	.navbar .navbar-brand { margin-right: 0;}
	header.sticky-me[data-sticky="sticky-fixed"] .sticky-logo { display: none;}
	
    #menu-oc-right[data-animate="off-right"] { max-width: 400px; background: linear-gradient(164deg, #803234 0%, #480809 170.97%);}
	.mobile-menu .box { padding: 30px 30px 50px 30px;}
	.mobile-menu .navbar-nav { margin-top: 10px;}
	.mobile-menu .menu-item { padding: 10px 0;}
	.mobile-menu .menu-item .nav-link { padding: 7px 0;}
	.mobile-menu .menu-item:before { bottom: 0;}
	.mobile-menu .dropdown-menu { left: 0;}
	.mobile-menu .menu-item .dropdown-item { background: none; padding: 8px 15px;}
	.mobile-menu .m-toggler { width: 32px; height: 32px; top: 10px; right: 0; opacity: 1;}
	.mobile-menu .m-toggler:hover { background-color: var(--hover);}
	.menu_wrap .opener .f-icon svg { max-height: 48px; width: 48px;}
	.menu_wrap .opener .f-icon svg,
	.menu_wrap .opener .f-icon svg g { fill: var(--colorw);}
	.mobile-menu .menu-oc-right .f-icon svg { width: 37px; max-height: 37px; fill: var(--colorw);}
	.menu-extension .btn-1 { padding: 13px 30px;}
	
	.hero-optn .wrap { min-height: 370px;}
	.hero-optn .bg-img { background-position: right bottom !important;}
	.hero-optn .hero-opt { max-width: 50% !important; flex: 0 0 50% !important;}
	.lcenter .color { width: 50%;}
	.rcenter .color { width: 50%;}
	.hero-optn .ptext, .hero-optn .dtext { font-size: 20px;}
	body .gform_wrapper.gform-theme .gfield .gfield_label { font-size: 19px;}
	.text-fsize20 .ptext, .text-fsize20 .dtext { font-size: 18px;}
	.home .gform-contact.bg-grey { background-color: #F6F8FA;}
	.icons-flex .flexic { row-gap: 50px;}
	[data-ctr="4"] .flex-item, .flexic [data-ctr="4"] .item { max-width: 50%; flex: 0 0 50%;}
	[data-ctr="5"] .flex-item, .flexic [data-ctr="5"] .item { max-width: 33.33%; flex: 0 0 33.33%;}
	.home .cards-flex-01 .abtn-loop { display: none;}
	.row-mediaflex [data-design*="row-flex"] .flexic { column-gap: 50px;}
	.row-mediaflex [data-rtl="0"][data-ver="ver-1"] .dinfo { padding-right: 40px;}
	.row-mediaflex [data-rtl="1"][data-ver="ver-1"] .dinfo { padding-left: 40px;}
	.doverlay-media .media-2 { margin-bottom: -44px;}
	
	.footer-0 .wrap { padding-top: 50px;}
	.footer-0 .col-footnote { font-weight: 500; padding-top: 10px;}
	.footer-menu ul.is-mobile { border: 1px solid var(--colorw) !important; color: var(--colorw);}
	.footer-menu ul.is-mobile .menu-item { padding: 10px 15px;}
	.footer-menu ul.is-mobile .menu-item:before { filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%) hue-rotate(93deg) brightness(103%) contrast(103%);}

	section.element.gform-row-contact-01 .wrap{padding-top: 170px; overflow: hidden; }
	.page-id-700 .footer-0 {position: relative; background: #320F0F;}
	.page-id-700 .footer-0 .wrap {padding-top: 50px}
	.page-id-700 .footer-0 .dtop {padding-top: 0;}

	.gform-row-contact .color-2 { height: 100%; background: linear-gradient(180deg, #5C2021 0%, rgba(92, 32, 33, .6) 100%);}
}

@media only screen and (max-width : 900px) {
	body .gform-contact .gform_wrapper.gform-theme .gform_fields { flex-wrap: wrap;}
}

@media only screen and (max-width : 800px) {
	[data-design*="tab-1"] .ntabs { max-width: 100%;}
	.js-tabs [data-design*="tab-1"] .tab-content { margin-top: 20px;}
	.js-tabs [data-design*="tab-1"] .ntabs li a { padding: 12px 30px 12px 0;}
}

@media only screen and (max-width : 767px) {
	.hero-optn .bg-contain { background-size: 70%;}
	.hero-optn .hero-opt { max-width: 70% !important; flex: 0 0 70% !important;}
	.title-row [data-col="8-4"] .col-md-8 { max-width: 100%; -ms-flex: 0 0 100%; flex: 0 0 100%;}
	.title-row [data-col="6-6"] .dinfo { max-width: 100%;}
	.title-row .text-right { text-align: left;}
	.texts-opt.bg-lineargradient-skyblue .wrap { padding-bottom: 170px;}
	.text-rowcols [data-col="6-6"] .dinfo { max-width: 100%;}
	.texts-opt .btn-loop { margin-top: 35px;}
	.texts-opt .btn-1 { padding: 12px 40px;}
	.cards-flex .flexic { row-gap: 30px;}
	.icons-flex .flexic { row-gap: 40px; text-align: center;}
	[data-ctr="3"] .flex-item, .flexic [data-ctr="3"] .item { max-width: 100%; flex: 0 0 100%;}
	.cards-flex .dimage { min-height: 320px;}
	/* .icons-flex .diconn { margin-bottom: 0px; margin-inline: auto;} */
	.icons-flex .diconn { margin-bottom: 0px;}
	.icons-flex-02 .diconn {
		max-width: 70px;
		min-width: 50px;
		height: fit-content;
		background-color: var(--color6);
		width: 100%;
		aspect-ratio: 1/1;
	}
	.icons-flex-02 .div-link {padding: 15px}
	.flex-ovinfo .dimage img { object-position: center bottom;}
	.flex-bright .dimage img { object-position: center 30%;}
	.flex-t20left .dimage img { object-position: center 30%;}
	.row-mediaflex [data-design*="row-flex"] .flexic { column-gap: 0;}
	.row-mediaflex [data-ver="ver-1"] .dinfo { padding: 0 30px 35px 30px !important;}
	.row-mediaflex-02 [data-colwidth="7"] .flex-col.ditems { max-width: 100%; flex: 0 0 100%;}
	.row-mediaflex [data-design*="row-flex"][data-colwidth="6"] .dmedia { max-width: 100% !important; flex: 0 0 100%;}
	.doverlay-media .media-2 { margin-bottom: -33px;}
	.acc-content .item { padding: 10px 20px;}
	.acc-content .ihead { padding: 15px 0;}
	.acc-content .ihead h4.ititle { font-weight: 500; font-size: 20px;}
	.row-media-flex-03.ver2-mod .ver-2 .flexic {padding: 30px}
	.row-media-flex-03 .ver-2[data-design*="row-flex"][data-colwidth="6"] .dmedia,
	.row-media-flex-01 [data-design*="row-flex"][data-colwidth="7"] .dmedia {max-width: 100%; flex: 0 0 100%;}

	.singular-team .col-media,
	.singular-team .col-info { max-width: 100%; flex: 0 0 100%;}
	.top-title .dtitle {color: var(--color3);}
	.singular-team .dmedia {max-width: 400px; margin-inline: auto;}

	.top-title.show-md {text-align: center; margin-bottom: 30px;}
	.singular-team h4 {text-align: center; justify-content: center; margin-bottom: 20px !important;}
	.singular-team .col-info h4::after {display: none;}
	.singular-team .team-bio {
		padding-left: 0px;
		border-left: none;
	}

	.gform-row-contact .mtitle {font-size: var(--h2); text-align: center; margin-top: 30px;}
	.gform-row-contact .company-contact {text-align: center;}

	.gform-row-contact .company-contact .sc-div {justify-content: center; text-align: center;}
	.gform-row-contact .company-contact a {
		color: var(--colorw);
		font-size: 18px;
	}

	.gform-row-contact .company-contact .btitle, .gform-row-contact .soc-med {margin-top: 30px; text-align: center;}
	.gform-row-contact .gform .gsection_title, .gform-row-contact .gform .gsection_description {text-align: center !important;}

	.page-id-700 .gform-row-contact .social-icons {justify-content: center; text-align: center;}
	.gform-row-contact .social-icons .soc-link {width: 50px; height: 50px; }
	.gform-newsletter .gform_wrapper.gform-theme .gfield--type-submit {width: fit-content;}

	.footer-0 .dcontact.desktop-ver {display: none;}
	.footer-0 .dcontact.mobile-ver {text-align: center; justify-content: center; display: flex}
	.footer-0 .dcontact.mobile-ver .sc-ba {display: none}
	.footer-0 .dcontact.mobile-ver .ssc.company-phone {justify-content: center; text-align: center;}

	.footer-0 .dcontact.mobile-ver .btitle {margin-bottom: 15px;}
	.footer-0 .dcontact.mobile-ver .company-contact {display: flex; flex-direction: column; row-gap: 30px; align-items: center; text-align: center;}
	.footer-0 .dcontact.mobile-ver .company-phone a {padding-top: 0;}

	.gform-row-contact .btitle {margin-bottom: 15px;}
}

@media only screen and (max-width : 640px) {
	section.element .wrap { padding: 30px 0;}
    section.element .nwrap { padding: 0;}
	
	section.hero-optn .wrap { min-height: 320px; padding-top: 40px !important;}
	.hero-optn .hero-opt { max-width: 90% !important; flex: 0 0 90% !important;}
	.lcenter .bg-img { background-position: -100px center;}
	.rcenter .bg-img { background-position: center;}
	.hero-optn .ptext, .hero-optn .dtext { font-size: 17px;}
	body .gform_wrapper.gform-theme .gfield { width: 100%;}
	.gform-contact .dinfo { margin-bottom: 30px;}
	.gform-contact .gform_wrapper.gform-theme .gfield { text-align: center; display: block;}
	body .gform-contact .gform_wrapper.gform-theme .gfield .gfield_label { margin-right: 0; display: block;}
	body .gform_wrapper.gform-theme .gfield .gfield_label { font-size: 17px;}
	body .gform_wrapper.gform-theme .gfield .gform-button { height: 50px !important; font-size: 17px !important;}
	.text-fsize20 .ptext, .text-fsize20 .dtext { font-size: 16px;}
	[data-ctr="4"] .flex-item, .flexic [data-ctr="4"] .item { max-width: 100%; flex: 0 0 100%;}
	[data-ctr="5"] .flex-item, .flexic [data-ctr="5"] .item { max-width: 50%; flex: 0 0 50%;}
	.row-mediaflex-02 .item { max-width: 100%; flex: 0 0 100%;}
	
	.footer-0 .wrap { padding-top: 0px; padding-bottom: 0px;}
	.footer-0 .dcompany { text-align: center;}
	.footer-0 .navbar-brand { margin-bottom: 30px;}
	.footer-0 .owl-noslide { justify-content: center;}
	.copyright .foot { text-align: center; justify-content: center; row-gap: 5px;}
	.copyright .f-left,
	.copyright .f-right { width: 100%;}
}

@media only screen and (max-width : 520px) { 
  .texts-opt.bg-lineargradient-skyblue .wrap { padding-bottom: 120px;}
  .texts-opt .btn-1 { padding: 11px 30px;}
  [data-ctr="5"] .flex-item, .flexic [data-ctr="5"] .item { max-width: 100%; flex: 0 0 100%;}
  .cards-flex .dimage { min-height: 300px;}
  .doverlay-media .media-2 { margin-bottom: -22px;}
  .acc-content .ihead h4.ititle { font-size: 18px;}
}

@media only screen and (max-width : 480px) { 
	.sticky-me .navbar-brand,
	.navbar-brand {
	  width: 200px;
	}
	
	.menu_wrap .opener .f-icon svg {
	  max-height: 36px;
	  width: 36px;
	}
	
	.mobile-menu .menu-oc-right .f-icon svg {
	  max-height: 30px;
	  width: 30px;
	}
	
	.section-bg-trimright .flexic,
	.section-bg-trimright .row {
	  padding-right: 0;
	}
	
	.section-bg-trimright .row .col-md-5 {
	  padding-right: 15px;
	  padding-left: 15px;
	}
	
	.gform-contact .gform_wrapper.gform-theme .gfield--type-submit {
	  width: auto;
	}
	
	.home .hero-optn .wrap {
	  min-height: 600px;
	}
	
	section.hero-optn .wrap {
	  padding-bottom: 60px !important;
	}
	
	.hero-optn .hero-opt {
	  max-width: 100% !important;
	  flex: 0 0 100%;
	  padding-inline: 0;
	}
	
	.gform-newsletter .gform_wrapper.gform-theme .gfield--type-submit {
	  width: fit-content;
	}
	
	.gform-newsletter .gform_wrapper.gform-theme .gfield--width-third {
	  width: 100%;
	}
	
	.icons-flex .diconn {
	  margin-bottom: 0;
	}
	
	.icons-flex .flexic {
	  text-align: start;
	}
	
	.row-media-flex-02 .overlay-custom {
	  width: 100%;
	}
	
	.row-media .caption strong {
	  font-size: 30px;
	}
	
	.row-media .caption {
	  width: 120px;
      height: 120px;
	  font-size: 16px;
	}
	
	.row-media-flex-03 [data-design*="row-flex"][data-colwidth="5"] .dmedia {
	  max-width: 100%;
	  flex: 0 0 100%;
	}
	
	.row-media-flex-03 .dmedia {
	  margin-top: -30px;
	}
	
	.element .slide-bg .owlprev {
	  left: 0px;
	}
	
	.element .slide-bg .owlnext {
	  transform: scaleX(-1);
	}
	
	section.element.ft-cta .wrap,
	.home .ft-cta .wrap {
	  padding-bottom: 250px;
	}
	
	.footer-0 .navbar-brand {
	  margin-bottom: 0;
	}
	
	.footer-0 .dcompany {
	  text-align: start;
	}
	
	.footer-0 .dcontact {
	  flex-direction: column;
	  /* align-items: start; */
	  align-items: center;
	  row-gap: 30px;
	}
	
	.copyright .f-left {
	  /* flex-direction: column;
	  align-items: start; */
	}
	
	.copyright .f-left > .sep {
	  display: none;
	}
	
	.copyright .foot {
	  /* text-align: start; */
	}
	
	.footer-0 .wrap {
	  padding-bottom: 0;
	}
	
	.texts-opt [data-colwidth="10"] .col-info {
	  max-width: 100%;
	  flex: 0 0 100%;
	}
	
	.row-media-flex-03 .ver-2 .overlay-custom {
	  height: 100%;
	}
	
	.row-media-flex-03 .ver-2 .flexic {
	  padding: 30px;
	}
	
	.grid-cptflex .flexic {
	  row-gap: 30px;
	}
	
	.grid-cptflex .post-item {
	  max-width: 370px;
	  margin-inline: auto;
	}
	
	.grid-cptflex .flexic {
	  margin-inline: -15px !important;
	}
	
	.grid-cptflex .flex-item {
	  padding-inline: 15px !important;
	}
	
	.row-media-flex-01 .flexic {
	  justify-content: start;
	}
	
	.row-media-flex-02 .ver-2[data-rtl="0"] .overlay-custom {
	  left: 0;
	}
	
	.row-media-flex-02 .ver-2 .overlay-custom {
	  max-width: 100%;
	}
	
	.row-media-flex-03 .flexic {
	  position: relative;
	  padding: 0 30px 30px;
	}
	
	.title-opt .col-info {
	  max-width: 100% !important;
	}
	
	.col-cta-01 .hero-opt {
	  flex: 0 0 100%;
  	  max-width: 100%;
	}
	
	.col-cta .col-container {
  	  padding-left: 15px;
	  padding-right: 15px;
	}
	
	.js-tabs .flexic {
	  margin-inline: -15px !important;
	}
	
	.js-tabs .tab-content .pad {
	  padding: 30px;
	}
	
	.js-tabs .tab-content .dtl {
	  padding-right: 0;
	  border-right: 0;
	}
	
	.iflex {
	  flex-direction: column;
	  row-gap: 30px;
	}
	
	.col-accordion .acc-content {
	  padding: 20px 10px;
	}
	
	.acc-content .ibox {
	  padding-right: 0;
	}
	
	.js-tabs .tab-content .dtr {
	  padding-left: 0;
	}
	
	.row-media-poster .custom-color {
	  width: 100%;
	}
	
	.icons-flex-02 .dinfo {
	  flex-wrap: nowrap;
	}
	
	.cards-flex .flex-item {
	  flex: 0 0 100%;
	  max-width: 100%;
	}
	
	.cards-flex .dvideo,
	.cards-flex .dvideo video {
	  min-height: 0;
	}
	
	section.element.gform-row-contact .wrap {
	  padding-top: 152px;
	  padding-bottom: 30px;
	}
	
	.gform-row-contact .gform {
	  padding: 30px;
	}
	
	.gform-row-contact .row {
	  row-gap: 60px;
	}
	
	.gform-row-contact .company-contact .btitle {
	  margin-top: 30px;
	}
	
	.gform-row-contact .color-1 {
	  height: 46.79041%;
	}
	
	.gform-row-contact .color-3 {
	  height: 40.835267%;
	  top: 46.79041%;
	}
	
	.gform-row-contact .color-2 {
	  height: 100%;
	  top: 46.79041%;
	}
	
	.hero-optn .d-link {
	  font-size: 14px;
	}
	
	body .gform_wrapper.gform-theme .gfield .gform-button {
	  font-size: 14px !important;
	}
	
	.btn {
	  font-size: 14px;
	}
	
	.cards-flex .dicon {
	  font-size: 20px;
	}
	
	.element .btitle {
	  font-size: 14px;
	}
	
	.js-tabs [data-design*="tab-1"] .ntabs {
	  display: none;
	}
	
	.js-tabs .mobile-view-lg {
	  display: block;
	}
	
	.row-media-flex-02 .wrap[data-design*="row-flex"] .dmedia,
	.row-media-flex-01 .wrap[data-design*="row-flex"] .dmedia {
	  max-width: 100%;
	  flex: 0 0 100%;
	}
}

@media only screen and (max-width : 400px) {
	.footer-0 .social-icons .nfo {display: none;}
}
  
/* #endregion */