/* #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; }
    section.element .nwrap { padding: 0; }

    .element.no-br br { display: none; }

    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) { 
  
}

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

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

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

@media only screen and (max-width : 1059px) { 
	.heroopt-01 .wrap {
		min-height: 400px;
	}
	
	.heroslider-02 .wrap {
        min-height: 535px;
    }
}  

@media only screen and (max-width : 1024px) {
	.element .opener .f-icon svg {
		width: 28px;
	}
	
	.element .closer .f-icon svg {
		width: 30px;
	}
	
	.mobile-menu .dropdown-menu {
		top: 25px;
	}
	
	.main-menu .menu-item {
		padding-left: 0;
		padding-right: 0;
	}
	
	.heroslider-02 .ptext{
		font-size: 21px;
	}
	
	.team-layout .team-list {
		margin-top: 50px;
	}
	
	.ie-layout .box {
		margin-top: 50px;
		gap: 50px;
	}
	
	.ie-layout .services {
		margin-top: 50px;
	}
	
	.ie_cards {
		margin-top: 50px;
	}
	
	.contact_layout .mtitle {
		font-size: 50px;
	}
	
	.contact_layout .contactinfo .info {
		gap: 40px;
	}
	
	.team_slider .box {
		gap: 50px;
	}
	
	.transactions_layout .dinfo .mtitle {
		font-size: 50px;
	}
	
	.transactions_layout .loadmore {
		margin-top: 20px;
	}
	
	.slidergallery-01.slide-bg {
		height: 350px !important;
	}
	
	[data-axgrid] .ajx_btn {
		margin-top: -50px !important;
	}
	
	.design-1 .dinfo .btn-loop .btn-loop {
		margin-top: 0;
	}
}

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

}

@media only screen and (max-width : 767px) { 
  .ma [data-rtl="1"] .dinfo,
  .rowmedia-01 [data-design*=row][data-rtl="0"] .dinfo,
  .ma [data-design*=row][data-rtl="0"] .d1 .d-popmedia {
     max-width: 100%;
  }
	
  .rowmedia-01 .dinfo .mtitle {
     margin-top: 0;
  }
	
	.ie-layout .ntabs {
		flex-direction: column !important;
	}
	.ie-layout .ntabs li:not(.nav-item) {
		display: none;
	}
	.rowmedia-03:before {
		height: 100%;
	}
	.accordion-item:last-child {
		margin-bottom: 0;
	}
	.accordion-content-inner {
		padding-bottom: 0 !important;
	}
	.s-form #field_1_1,
	.s-form #field_1_3 {
		min-width: unset !important;
	}
	
	.slidergallery-01 .row {
		margin: 0px;
	}
	
	header .dropdown-menu {
		transition: all ease 0s;
		animation: fadeIn 0s ease-in forwards;
		height: auto !important;
		transition-delay: 0s !important;
		animation-delay: 0s ! IMPORTANT;
		margin: 5px 0 10px ! IMPORTANT;
	}
	
	.heroopt-01 .wrap {
		min-height: 320px;
	}
	
	.heroslider-02 .wrap {
        min-height: 470px;
    }
	
	.heroslider-02 .dinfo {
		margin-bottom: 40px;
	}
	
	.heroslider-02 .ptext {
		font-size: 18px;
	}
	
	.contact_layout .mtitle {
		font-size: 42px;
	}
	
	.contact_layout .border {
		margin-top: 15px;
		padding-bottom: 50px;
	}
	
	.blog-layout .box {
		padding: 30px 25px;
	}
	
	.transactions_layout .dinfo .mtitle {
		font-size: 42px;
	}
	
	.ff-cta .wrap {
		min-height: 500px;
	}
	
	.ff-cta .dtext.dtext {
		opacity: 1;
	}
	
    .ff-cta .overlay.color2,
	.ff-cta .overlay.color3,
	.ff-cta .overlay.color4 {
		max-width: 80%;
	}
	
	.custom-image img {
		max-width: 570px;
	}
	
}

@media only screen and (max-width : 640px) { 
	
	.slidergallery-01 .owl-carousel .item {
		max-width: 320px;
		width: 100%;
	}
	
}

@media only screen and (max-width : 600px) { 
	
	.ie_cards .item {
		max-width: 320px;
		width: 100%;
	}
	
	.team-layout .team-list .item {
		max-width: 320px;
	}
}

@media only screen and (max-width : 480px) { 
	.heroopt-01 .wrap {
		min-height: 270px;
	}
	
	.heroslider-02 .wrap {
        min-height: 420px;
    }
	
	.hero-opt {
		padding: 0;
	}
	
	.ff-cta .wrap {
		min-height: 450px;
	}

	.ff-cta .wrap > .overlay-bg {
		background-position-x: 92%;
	}

	.half {
		grid-template-columns: auto 1fr;
	}

	.accordion {
		background-size: cover;
	}
}

@media only screen and (max-width : 360px) { 
	.ff-cta .wrap > .overlay-bg {
		background-position-x: 83%;
	}

	.half {
		grid-template-columns: 1fr;
		gap: 20px;
	}
}

/* #endregion */