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

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

  :root {
	  --h1: 50px;
	  --h1m: 45px;
	  --h1s: 40px;
	  --h2: 34px;
	  --h3: 27px;
	  --h3l: 30px;
	  --h4: 22px;
	  --h5: 18px;
	  --h6: 16px;
  }

} 

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

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

} 

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

  :root {
	  --font-size: 15px;
	  --h1: 40px;
	  --h1m: 35px;
	  --h1s: 35px;
	  --h2: 30px;
	  --h3: 25px;
	  --h3l: 27px;
	  --h4: 20px;
	  --h5: 17px;
	  --h6: 15px;
  }

} 

/* #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: -10px;}
	.element .slide-bg .owlnext { right: -10px; transform: rotate(180deg)}
	
}

@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;} 
	.texts-opt.bg-lineargradient-skyblue .wrap { padding-bottom: 200px;}
    .element.no-br br { display: none;}

	.navbar .navbar-brand { margin-right: 0;}
    #menu-oc-right[data-animate="off-left"] { max-width: 350px;}
	.mobile-menu .box { padding: 30px 30px 50px 30px;}
	.mobile-menu .navbar-nav { font-size: 15px; margin-top: 10px;}
	.mobile-menu .menu-item .nav-link { padding: 14px 0;}
	.mobile-menu .menu-item .dropdown-item { padding: 9px 15px;}
	.mobile-menu .m-toggler { width: 32px; height: 32px; top: 10px; right: 0; opacity: 1;}
	.mobile-menu .m-toggler:hover { background-color: var(--hover);}
	.mobile-menu .menu-oc-right .f-icon svg { width: 37px; max-height: 37px; fill: var(--colordark);}
	.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-slider .ptext, .hero-slider .dtext,
	.hero-optn .ptext, .hero-optn .dtext { font-size: 20px;}
	.hero-slider .gform { margin-top: 50px;}
	body .gform_wrapper.gform-theme .gfield .gfield_label { font-size: 19px;}
	.hero-slider .gform_wrapper.gform-theme .gfield .gfield_label,
	.gform-contactopt-01 .gform_wrapper.gform-theme .gfield .gfield_label { top: 10px; margin-left: 30px;}
	.hero-slider .gform .gfield .ginput_container_select::after,
	.gform-contactopt-01 .gform .gfield .ginput_container_select::after { right: 20px;}
	body .hero-slider .gform .gfield select,
	body .gform-contactopt-01 .gform .gfield select { min-width: 0; height: 60px; padding: 0 40px 0 30px; padding-top: 17px;}
	body .gform_wrapper.gform-theme .gform-footer { margin-top: 40px;}
	body .gform_wrapper.gform-theme .gfield .gform-button { height: 60px !important; font-weight: 500 !important; font-size: 18px !important;}
	.text-fsize20 .ptext, .text-fsize20 .dtext { font-size: 18px;}
	.home .gform-contact.bg-grey { background-color: #F6F8FA;}
	.gform-contactopt-01 .col-info { gap: 30px;}
	.gform-contactopt-01 .dinfo { max-width: 100%; width: 100%; text-align: center;}
	.gform-contactopt-01 .gform .gform_fields { justify-content: center;}
	.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 .menu-item { min-width: 186px; padding: 7px 15px;}
  
}

@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) {
	
	section.hero-optn .wrap { padding-top: 50px !important; align-items: flex-start;}
	.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: 25px;}
	.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%; width: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;}
	body .gform_wrapper.gform-theme .gfield--type-repeater_end { padding: 20px 30px !important;}
	
}

@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-slider .ptext, .hero-slider .dtext,
	.hero-optn .ptext, .hero-optn .dtext { font-size: 17px;}
	body .gform_wrapper.gform-theme .gfield { width: 100%;}
	.hero-slider .gform .gform_fields,
	.gform-contactopt-01 .gform .gform_fields { row-gap: 22px;}
	body .gform_wrapper.gform-theme .gfield .gfield_label { font-size: 17px;}
	.hero-slider .gform_wrapper.gform-theme .gfield .gfield_label,
	.gform-contactopt-01 .gform_wrapper.gform-theme .gfield .gfield_label { top: 7px;}
	body .hero-slider .gform .gfield select,
	body .gform-contactopt-01 .gform .gfield select { height: 50px; font-size: 16px;}
	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: 40px; padding-bottom: 30px;}
	.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;}
	body .gform_wrapper.gform-theme .gfield--type-repeater_end { padding: 15px 20px !important;}
   
}
  
/* #endregion */

@media only screen and (max-width : 1200px) {
	.acc-content .ihead .ititle {padding-right: 30px;}
}

@media only screen and (max-width : 1024px) {
	section.element.title-opt .wrap{padding-bottom: 0;}

	.item.tpink .color {width: 100%; background: #e45570; opacity: .4;}
	.item.tlighty .color {width: 100%; background: #f3e2c6; opacity: .4;}

	.item.tpink .ptext, .item.tpink .dtext {color: var(--darktitle);}
	.item.tlighty .ptext, .item.tlighty .dtext {color: var(--colorbl);}

	.hero-slider .owl-dots {margin: 0 30px}

	

}

@media only screen and (max-width : 767px) {
	.element h5 {line-height: 1;}

	body section.element:not(.hero-slider):not(.hero-optn) .mtitle {text-align: center;}
	body .gform_wrapper.gform-theme .gform_fields { row-gap: 15px;}

	.slider-cards .dimage {margin-bottom: 15px;}

	.slider-reviews .dheading {margin-bottom: 30px;}

	.flex-ovinfo .pad {padding: 15px}

	
	.row-mediaflex .item .pad {padding: 15px;}

	.row-mediaflex-02 .flexic {flex-direction: column-reverse;}

	.icons-flex .dinfo {display: flex; gap: 15px; align-items: flex-start; text-align: left;}
	.icons-flex.mob-alignc .dinfo {display: flex; gap: 15px; align-items: center; text-align: left;}
	.icons-flex .diconn {min-width: 50px; margin-bottom: 0;}

	.icons-flex [data-margin] .dtext, .icons-flex [data-margin] .ptext {margin-top: 10px;}

	.tab-content ul.flex li {width: 100%;}

	.icons-flex .dextent {margin-top: 30px;}

	.acc-content .ihead .ititle {padding-right: 30px;}

	.cards-flex .dimage {margin-bottom: 15px;}

	.col-accordion .dheading {margin-bottom: 30px;}

	.ajaxless-cpt .row {row-gap: 30px;}

	.singular-blog .post-media,.singular-blog .post-title {margin-bottom: 30px;}

	.singular-blog .wrap {padding-bottom: 30px; padding-top: 30px;}
}

@media only screen and (max-width : 480px) {
	.flex-ovinfo .dimage .color {opacity: .2; background: #fff;}
	.row-mediaflex .dimage .color {opacity: .2; background: #fff;}
}

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