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

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

  :root {
	  --font-size: 17px;
	  --h1: 60px;
	  --h2: 37px;
	  --h2-2: 36px;
	  --h2l: 42px;
	  --h3: 27px;
	  --h3l: 32px;
	  --h3m: 25px;
	  --h4: 23px;
  }

}

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

  :root {
	  --font-size: 16px;
	  --h1: 55px;
	  --h2: 34px;
	  --h2-2: 34px;
	  --h2l: 37px;
	  --h3: 24px;
	  --h3l: 30px;
	  --h3m: 23px;
	  --h4: 21px;
  }

} 

/* #endregion */

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

@media only screen and (max-width : 1440px) { 
	.bg-position-leftop-1440 .overlay-bg { background-position: -210px top;}
	/* .bg-position-leftoverflow-center .overlay-bg { background-position: -250px center;} */
	
	.footer-0:before { background: url('images/v-inverted.svg') no-repeat -320px top;}
	.footer-0 .wrap:before { background: url('images/v-inverted2.svg') no-repeat calc(100% + 130px) top;}
}

@media only screen and (max-width : 1024px) {
	.element h2 { font-size: 30px;}
	.element .btitle { margin-bottom: 10px;}
    section.element .wrap { padding: 40px 0;}
    section.element .nwrap { padding: 0;}

	.home .hero-optn .hero-dinfo {padding-top: 30px; padding-bottom: 30px;}

    header .menu_wrap { padding: 15px 0;}
    header .mobile-logo { width: auto; height: 40px;}
    header .mobile-logo img { width: 100%; height: 100%;}
	header .menu-oc-right.opener .f-icon svg { max-height: 44px; width: 45px;}
	header .menu-oc-right.opener .f-icon svg g { fill: var(--color2);}
	.menu-overlay .menu-oc-right.opener .f-icon svg g { fill: var(--color2);}
	.sticky-head .menu-oc-right.opener .f-icon svg g { fill: var(--color2);}
	.mobile-menu .box { padding-bottom: 50px;}
	.mobile-menu .main-menu { margin-top: 30px;}
	.mobile-menu .main-menu .navbar-nav { font-size: 18px;}
	.mobile-menu .main-menu .menu-item { padding: 15px 0;}
	.mobile-menu .dropdown-menu { margin-bottom: 0; padding: 10px 0;}
	.mobile-menu .dropdown-menu .menu-item { padding: 0;}
	.mobile-menu .dropdown-menu .menu-item a { padding: 10px 15px; opacity: 1;}
	.mobile-menu .main-menu .nav-link span { color: var(--color2);}
	.mobile-menu .m-toggler { width: 37px;height: 35px; background-color: var(--color2); right: 0;}
	.menu-extension .btn-1 { color:var(--color3);}
	.element.no-br br { display: none;}
	
	.footer-0 .wrap { padding-top: 45px;}
	.footer-0 .dtop { padding-bottom: 40px;}
	.footer-0 .row { row-gap: 40px;}
	.footer-menu ul.is-mobile { border: 1px solid var(--color2);}
	.footer-menu ul.is-mobile li { border-top: 0;}
	.footer-menu ul.is-mobile a { border-bottom: 1px solid var(--color2);}
	.footer-menu ul.is-mobile a:hover, 
	.footer-menu ul.is-mobile a:focus-visible, 
	.footer-menu ul.is-mobile .is-active { border-bottom: 1px solid var(--hover);}

	.btn[data-icon="btn"] {
		background-size: 35px 35px;
		padding: 11px 20px 12px;
		font-size: 14px;
	}

	header.menu-overlay {
		position: fixed;
	}
	
	.row-poster-overlaylight .dmedia::before {
		display:block;
	}

}

@media only screen and (max-width : 767px) {
	.mobile-menu .box { padding-top: 30px; padding-bottom: 40px;}
	.mobile-menu .main-menu { margin-top: 20px;}
	
	.footer-0 .dcompany { flex-wrap: wrap; row-gap: 30px; justify-content: center;}
	.footer-0 .dcompany .company-email { max-width: 100%; flex: 0 0 100%; justify-content: center;}

	.home .hero-optn .bg-img {
		background-position: center bottom;
		height: 80vh;
		top: 0;
		max-height: 100%;
		min-height: 500px;
	}
	
}

@media only screen and (max-width : 641px) {
	.footer-0 .dcompany { justify-content: center;}
	.copyright { text-align: center;}
	.copyright .foot { row-gap: 5px;}
	.copyright .f-left,
	.copyright .f-right { width: 100%; justify-content: center;} 
}

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


/* #region - -------------------------- ELEMENTS */

@media only screen and (max-width : 1200px) {
	.row-media [data-col="6-6"] .dcontent { max-width: 100%; padding: 0 30px;}	
}

@media only screen and (max-width : 1024px) {
	.hero-optn .wrap { min-height: 480px;}
	section.hero-optn .wrap { padding-top: 0; padding-bottom: 0;}
	.element-mh-970 .wrap { min-height: 750px;}
	.hero-optn .hero-dinfo { padding-top: 50px; padding-bottom: 50px;}
	section.element-mh-1100 .wrap { min-height: 1000px; padding-top: 0; padding-bottom: 0;}
	section.title-row-styled-heading .wrap { padding-bottom: 0;}
	section.anchor-links .wrap { padding: 0;}
	section.row-media .wrap { padding-top: 0;}
	section.grid-cpt-team-slider .wrap { padding-top: 10px;}
	section.grid-cpt-team-slider.bg-darkblue .wrap { padding-top: 40px;}
	section.separator .wrap { height: 40px; padding: 0;}
	section.separator-line .wrap { height: 1px;}
	
	.element .btitle { font-size: 20px;}
	[data-margin] .btn-loop { margin-top: 30px; justify-content: center;}
	.title-row .col-lg-6,
	.title-row .col-lg-3,
	.title-row .col-lg-9 { max-width: 100%; -ms-flex: 0 0 100%; flex: 0 0 100%;}
	.title-row .dinfo-head { max-width: 100%; }
	.cards-flex-icons .dheading { text-align: left;}
	.title-row [data-col="6-6"] .dinfo-head { max-width: 100%;}
	.title-opt-border .col-info { padding: 30px 40px;}
	.cards-flex-icons .dheading { margin-bottom: 40px;}
	.cards-flex-icons .flexic { margin: 0 !important;}
	.cards-flex-blockicons .icon { flex-shrink: 0;}
	.cards-flex-icons [data-ctr="2"] .flex-item { padding: 0 5px !important;}
	.js-countup .counter-flex { justify-content: center; row-gap: 30px;}
	.counter-flex .dcounters { width: 100%;}
	.counter-flex .dcontent { padding-top: 40px; flex: auto;}

	
	.dcounters .count_up { font-size: 47px;}
	[data-ctr="3"] .flex-item, 
	.flexic [data-ctr="3"] .item  { max-width: 50%; flex: 0 0 50%;}
	[data-ctr="3"] .flex-item[style] { padding: 0 !important; }
	.anchor-links [data-ctr="3"] .flex-item { max-width: 33.33%; flex: 0 0 33.33%;}
	.row-media .col-lg-6 { max-width: 100%; -ms-flex: 0 0 100%; flex: 0 0 100%;}
	.row-media-flex [data-ver="ver-2"] .flexic,
	.row-media-flex [data-ver="ver-3"] .flexic { row-gap: 0;}
	.row-media [data-col="6-6"] .dinfo{ max-width: 100%; }
	.row-media-flex [data-ver="ver-2"] .dinfo { padding: 30px 20px;}
	.row-media-flex [data-colwidth="7"][data-ver="ver-2"] .dinfo { padding: 30px 20px;}
	.row-media-flex :not([data-valign="center"])[data-ver="ver-2"] .dinfo { margin-top: 0;}
	.row-media-flex [data-rtl="0"][data-ver="ver-2"] .dinfo { margin-left: 0;}
	.row-media-flex [data-rtl="1"][data-ver="ver-2"] .dinfo { margin-right: 0;}
	.row-media-flex [data-rtl="0"][data-colwidth="7"][data-ver="ver-2"] .dinfo { margin-left: 0;}
	.row-media-flex [data-rtl="1"][data-colwidth="7"][data-ver="ver-2"] .dinfo { margin-right: 0;}
	
	.row-media-flex [data-ver="ver-3"] .dinfo { padding: 30px 20px;}
	.row-media-flex :not([data-valign="center"])[data-ver="ver-3"] .dinfo { height: 100%; margin-top: 0;}
	.row-media-flex [data-rtl="0"][data-ver="ver-3"] .dinfo { margin-left: 0;}
	.row-media-flex [data-rtl="1"][data-ver="ver-3"] .dinfo { margin-right: 0;}
	.row-media-flex [data-rtl="0"][data-colwidth="7"][data-ver="ver-3"] .dinfo { margin-left: 0;}
	.row-media-flex [data-rtl="1"][data-colwidth="7"][data-ver="ver-3"] .dinfo { margin-right: 0;}
	.row-media-contentbox .dinfo { margin-top: 40px; margin-bottom: 0; padding: 40px 30px;}
	.row-media-contentbox [data-colwidth="6"] .dinfo { max-width: 100% !important; flex: 0 0 100% !important;}
	.row-media [data-colwidth="6"] .dmedia { max-width: 100% !important; flex: 0 0 100% !important;}
	.row-media [data-colwidth="7"] .dmedia { max-width: 100% !important; flex: 0 0 100% !important;}
	.row-media [data-colwidth="7"][data-ver="ver-3"] .dmedia { max-width: 100% !important;}
	.row-media .dinfo ul { width: max-content; text-align: left; margin: 0 auto;}

	.row-media [data-col="6-6"] .dcontent {padding: 100px 0; display: block; position: relative;}
	.row-poster-overlay .col-lg-6 {overflow: hidden;}
	.row-poster-overlay .dmedia.mhauto {min-height: 100px; position: absolute;width: 100%; max-width: 100%; left: 0; top: 0;}
	.row-poster-overlay .dmedia.mhauto img {height: 100%;}
	.row-poster-overlay .dmedia.mhauto:before { width: 100%; height: 100%; background: linear-gradient(180deg, rgba(247, 247, 247, 0.90) 0%, rgba(247, 247, 247, 0.00) 100%); position: absolute; top: 0; left: 0; content: '';}

	.separator-01 {display: none;}

	
	.row-contact .col-lg-5 { max-width: 100%; flex: 0 0 100%;}
	.row-contact .col-lg-7 { max-width: 100%; flex: 0 0 100%;}
	.row-contact .gmap { max-width: 100%;}
	.row-contact .dinfo { max-width: 100%;}
	.row-contact .ssc { margin-top: 30px;}
	
	.grid-cpt-team-slider .dinfo { max-width: 100%; margin-bottom: 30px;}
	.grid-cpt-team-slider .flexic .dinfo { max-width: 100%; text-align: center;}
	.grid-cpt-team-slider .is-grid-team { max-width: 100%; position: relative;}
	.grid-cpt-team-slider .grid-team { max-width: 100%; flex: 0 0 100%; padding-right: 40px;}
	.grid-cpt-team-slider .btn-loop { justify-content: center;}
	.separator-line .wrap:before { max-width: 100%; left: 0;}

	.cards-flex-blockicons .dicon { flex-wrap: nowrap; gap: 15px;}
	.cards-flexic-01.cards-flex-icons .ititle { font-size: 25px !important;}

	.row-contact-01 .row {flex-direction: column-reverse;}	
}

@media only screen and (max-width : 800px) {
	[data-ctr="3"] .flex-item, 
	.flexic [data-ctr="3"] .item { max-width: 100%; flex: 0 0 100%;}
	.row-media .dmedia { height: 100%;}
	.grid-cpt-slider .owl-carousel.owl-loaded { max-height: unset;}
}

@media only screen and (max-width : 767px) {
	.anchor-links-01 { margin-top: 0;}
	.anchor-links [data-ctr="3"] .flex-item { max-width: 33.333%; flex: 0 0 33.333%; border-inline: 1px solid rgba(255,255,255,.5);}
	.anchor-links-01 .alink .ititle {font-size: 15px;}
	.alink .anchor { padding: 12px 0;}
	.counter-flex .dcounters { text-align: center;}
	.dcounters .item { padding: 0;}
	.dcounters .col-md-6:nth-child(even) .item { border-left: 0;}
	.anchor-links-01 .flexic { flex-wrap: nowrap; flex-direction: row;}
	.row-media .dinfo ul { width: 100%;}

	.row-contact-01 .row {flex-direction: column-reverse;}	
	
	.fancybox__container .fancybox__content {padding: 60px 50px;}
	.values-section .row .dmedia { opacity: 0.4; filter: grayscale(1);}
}

@media only screen and (max-width : 641px) {
	section.hero-optn .wrap { min-height: 370px; padding-bottom: 0;}
	.hero-optn [data-row*="vflex-bottom"].wrap { align-items: center;}
	.home .hero-optn [data-row*="vflex-bottom"].wrap { align-items: flex-end;}
	.element-mh-970 .wrap { min-height: 700px;}

	.element .btitle { font-size: 18px;} 
	.cards-flex [data-ctr="2"] .flexic { row-gap: 35px;}
	[data-ctr="2"] .flex-item, 
	.flexic [data-ctr="2"] .item { max-width: 100%; flex: 0 0 100%;}
	.flexic .grid-team { gap: 0;}
	.dcounters .count_up { font-size: 45px;}
	.grid-cpt-team-slider .grid-team { padding-right: 0; flex-wrap: wrap; justify-content: center;}
	.flexic .grid-team .flex-item { max-width: 370px;}
	.grid-cpt-team-slider .item { max-width: 400px; margin: 0 auto;}
	.team-info .thumb-bg { height: 370px;}

	.cards-flex-icons .flex-item .dinfo {display: flex; gap: 20px; align-items: flex-start;}
}

@media only screen and (max-width : 480px) {
	.team-info .thumb-bg { height: 350px;}
	
	.fancybox__container .fancybox__content {padding: 60px 5px;}
	body .fancybox__nav { display: none;}
}

@media only screen and (max-width : 400px) {
	.anchor-links [data-ctr="3"] .flex-item { max-width: 100%; flex: 0 0 100%; border-block: 1px solid rgba(255,255,255,.5);}
	.anchor-links-01 .flexic {flex-wrap: wrap;}
 }

/* #endregion */