/* #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 : 1024px) { 

    section.element .wrap { 
		padding: 30px 0; 
	}
	
	.element .f-icon svg g {
		fill: #FFF;
	}
	
	div#menu-oc-right {
		background-color: #000066;
	}
	
	.mobile-menu .box .main-menu {
		padding-top: 60px;
	}
	
	.mobile-menu .menu-item {
		border-color: #FFF;
	}
  
}  

@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 - -------------------------- FOOTER */

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

	.element.footer-0 .wrap {
		padding: 30px 0px;
	}
	
	.footer-menu .menu-links.show-lg.mv {
		display: none;
	}
	
	.element.footer-0 .wrap {
		padding: 30px 0px;
	}

	.footer-menu .menu-links.hide-lg.dv {
		flex-flow: column;
		justify-content: flex-start;
		padding: 0px;
		gap: 0px;
		margin: 0px;
	}
	
	.footer-menu .menu-links.show-lg.mv {
		display: none;
	}
  
}

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

}

@media only screen and (max-width : 767px) { 
  
	.footer_menu {
		justify-content: flex-start;
		flex-flow: column;
		gap: 0px;
	}

	.footer-menu .menu-links.hide-lg.dv .menu-item::after {
		display: none;
	}

	.footer_email {
		flex-flow: column;
	}

	.ssc.company-email.sc-div {
		gap: 10px;
		flex-flow: column;
		justify-content: flex-start;
		align-items: flex-start;
		padding-top: 10px;
	}

	.footer_email .sc-div .scd {
		flex-flow: column;
		align-items: flex-start;
	}
	
}

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

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

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

@media only screen and (max-width : 1200px) {
	
	.post-article .col-lg-4 {
		flex: 0 0 25%;
		max-width: 25%;
	}
	
	.post-article .col-lg-8 {
		flex: 0 0 75%;
		max-width: 75%;
	}

}  

@media only screen and (max-width : 1024px) { 
	
	.post-text .single_post_box img {
		width: 90%;
	}

	.element .hero-opt {
		max-width: initial;
		padding: 20px 0px;
	}
	
	.element .hero-opt .mtitle {
		font-size: 42px;
	}
	
	.sliderpost-01 .is-grid .post-item {
		padding: 20px;
		gap: 20px;
	}
	
	.element .slide-bg.is-grid {
   		padding-bottom: 40px;
	}

	.element .ititle {
		font-size: 26px;
	}
	
	.element .dflex-between {
		flex-flow: column;
		gap: 15px;
		align-items: flex-start;
	}
	
	.sliderpost-01 .w-100 {
		gap: 30px;
	}
	
	.ajaxc-01 .dinfo.dflex-between {
		padding-bottom: 40px;
	}
	
	.cta-01 .col-cta {
		text-align: left;
	}

	.cta-01 .col-cta .btn-loop {
		justify-content: flex-start;
	}
	
	.element .is-grid .owlnext {
		top: calc(100% + 10px);
		left: calc(50% + 10px);
	}

	.element .is-grid .owlprev {
		top: calc(100% + 10px);
		left: calc(50% - 30px);
	}
	
	.mobile-menu .box .menu-item:last-child {
		border-bottom: 1px solid #FFF;
	}
	
	.main-menu .navbar-nav {
		margin-bottom: 20px;
	}
	
	.ajaxc-01 .cpt .cpt-link {
		padding: 33px 30px 30px 30px;
		border: 1px solid #CFCFDA;
	}

}

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

	.ajaxc-01 .ajax_grid .cpt {
		max-width: initial;
	}
	
	div#contact_popup {
		padding: 30px;
	}
	
	div#contact_popup button.f-button.is-close-btn {
		top: 10px;
		right: 10px;
	}
	
	.single-post .wrap {
		padding: 30px 0px;
	}
	
	.post_banner .dtitle {
		font-size: 36px;
	}
	
	.post_banner .single_post_author a {
		font-size: 17px;
	}
	
	.post-text h2 {
		margin-top: 30px;
	}
	
	.post-text p {
		margin-top: 10px;
	}
	
	.single_post_lower_text.post-text {
		padding: 30px 0px;
	}
	
	.header .menu_wrap {
		padding: 15px 0px;
	}
	
	.navbar-brand {
        width: auto;
    }
	
	.navbar-brand img {
		max-height: 30px;
	}
	
}

@media only screen and (max-width : 767px) { 
  
	.sliderpost-01 .is-grid .post-item {
		flex-flow: column;
	}
	
	.title-text-01 .text_container {
		gap: 20px;
		flex-flow: column;
	}
	
	.post-article .row > div {
		flex: 1;
		max-width: initial;
	}
	
}

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

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

/* #endregion */