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

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

  	:root {
		--h1: 35px;
		--h1l: 55px;
		--h2: 33px;
		--h2l: 35px;
		--h3: 25px;
  	}

}

@media only screen and (max-width : 767px) { 
  	:root {
		--font-size: 16px;
		--h1: 30px;
		--h1l: 47px;
		--h2: 30px;
		--h2l: 30px;
		--h3: 22px;
  	}
} 

/* #endregion */


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

@media only screen and (max-width : 1320px) {
	.slide-bg .owlbtn { position: relative; top: 30px;}
	.slider-quotes .slide-bg .owlbtn { top: 30px;}
	.slide-bg.is-inner .owlprev { left: -40px;}
	.slide-bg.is-inner .owlnext { right: -40px;}
}

@media only screen and (max-width : 1059px) {
	section.element .wrap { padding: 40px 0;}
    section.element .nwrap { padding: 0;}
	.gated-portal .hero-slider .wrap { min-height: 470px;}
	section.title-row-asbanner .wrap { padding-top: 175px; padding-bottom: 50px;}
	section.row-poster .wrap { padding: 0;}
	section.ajax-cpt-documents .wrap { padding-top: 0; padding-bottom: 0;}
	.row-poster-services { margin-top: 50px; margin-bottom: 50px;}
	section.custom-links .wrap { padding-bottom: 0;}
	section.separator .wrap { padding: 25px 0;}
	.ajax-cpt-documents .dheading { margin-bottom: 0;}

	.row-media-culture-committee [data-design*="row-flex"][data-colwidth="8"] .dmedia { max-width: 60%; flex: 0 0 60%;}
	
	.element .btitle { font-size: 16px; letter-spacing: 3px; margin-bottom: 15px;}
	.element h1.btitle { font-size: 18px; letter-spacing: 4px; margin-bottom: 10px;}
	.hero-slider .btitle { font-size: 18px; letter-spacing: 4px; margin-bottom: 10px;}
	.btn-loop { margin-top: 30px;}
	.row-poster-services .btn-loop { margin-top: 30px;}
	.element.no-br br { display: none; }
	.footer-0 .wrap { padding-top: 50px;}
	.footer-0 .copyright { margin-top: 35px;}
	
	.ptext, .dtext { padding-top: 25px;}
	.slide-bg.is-inner { padding-bottom: 20px !important;}
	.title-row [data-col="7-5"][data-rtl="0"] .dinfo-heading { padding-right: 20px;}
	.title-row [data-col="7-5"][data-rtl="1"] .dinfo-heading { padding-left: 20px;}
	.cards-columns-2 .row { margin-right: -20px; margin-left: -20px;}
	.cards-columns-2 .col-md-6 { padding-right: 20px; padding-left: 20px;}
	.cards-01 .square { left: 10px;}
	.row-contact .dcontact .dtitle { margin-bottom: 30px;}
	.row-contact .contacts-information { row-gap: 30px;}
	.ajax-cpt-contracts .dheading { margin-bottom: 30px;}
	.ajax-post[data-axpost] .tax-links { padding-top: 0; padding-bottom: 5px;}
	[data-axgrid] .row-contracts .cpt { padding: 40px 0; column-gap: 50px;}
	.grid-cpt .dinfo { margin-bottom: 30px;}
	.grid-cpt-team .row { row-gap: 50px;}
	.grid-cpt-team .row + .row { margin-top: 50px;}
	.ajax-cpt[data-axgrid] .loadmore-btn { margin-top: 40px;}
	.custom-links .custom-tabs { padding-bottom: 40px;}
	.services-filter .dheading { padding-top: 50px; padding-bottom: 40px;}
	.row-news { padding-top: 50px; padding-bottom: 50px; row-gap: 50px;}
	.row-news .post-link { column-gap: 50px;}
	.ajax-post[data-axpost] .loadmore-btn { margin-top: 40px; margin-bottom: 10px;}
}

@media only screen and (max-width : 1024px) {
	.header.menu-overlay { }
    .menu-overlay .menu_wrap { background: var(--color2); padding: 10px 0;}
	.header-menu .navbar-brand { width: 117px;}
	.menu-toggle .f-icon svg,
	.menu-toggle .f-icon svg g { fill: var(--colorw);}
	.menu-toggle .closer .f-icon svg,
	.menu-toggle .closer .f-icon svg g { fill: var(--color2);}
	.main-menu .menu-item { width: 100%; padding: 0;}
	.main-menu .navbar-nav .nav-link { padding: 15px 0;}
	.main-menu .nav-link span { color: var(--color2);}
	.dtext h3,
	.post-text h3 { margin-top: 30px; margin-bottom: 25px;}
	.dtext h3:first-child,
	.post-text h3:first-child { margin-top: 0;}
	.dtext h4,
	.post-text h4 { margin-top: 30px; margin-bottom: 20px;}
	.dtext h4:first-child,
	.post-text h4:first-child { margin-top: 0;}
	.ptext p, 
	.dtext p, 
	.post-text p { margin-bottom: 25px;}
	
	.home .hero-slider .wrap { min-height: calc(100vh - 90px);}
	.home .hero-slider .mtitle .h1l-64 { font-size: 50px; }
	section.title-row-asbanner .wrap { padding-top: 50px;}
	section.title-opt-separator .wrap { padding: 0;}
	.singular-post .title-opt .wrap { min-height: 320px;}
	.cards-01 .div-link { padding: 30px;}
	.row-poster .col-md-4 { max-width: 100%; -ms-flex: 0 0 100%; flex: 0 0 100%;}
	.row-poster .col-md-8 { max-width: 100%; -ms-flex: 0 0 100%; flex: 0 0 100%;}
	[data-design*="row-flex"][data-colwidth="6"] .dmedia { max-width: 100% !important; flex: 0 0 100% !important;}
	[data-design*="row-flex"][data-colwidth="6"][data-rtl="0"] .dmedia { padding-right: 0;}
	[data-design*="row-flex"][data-colwidth="6"][data-rtl="1"] .dmedia { padding-left: 0;}
	[data-design*="row"][data-col="4-8"][data-rtl="0"] .dinfo,
	[data-design*="row"][data-col="4-8"][data-rtl="0"] .col-info { padding-left: 0;}
	[data-design*="row"][data-col="4-8"][data-rtl="1"] .dinfo,
	[data-design*="row"][data-col="4-8"][data-rtl="1"] .col-info { padding-right: 0;}
	.row-poster [data-col="6-6"][data-rtl="0"] .dmedia:before { right: calc(0% + 5px);}
	.row-poster [data-col="6-6"][data-rtl="1"] .dmedia:before { left: calc(0% + 5px);}
	.row-contact .col-md-4 { max-width: 100%; -ms-flex: 0 0 100%; flex: 0 0 100%;}
	.row-contact .col-md-8 { max-width: 100%; -ms-flex: 0 0 100%; flex: 0 0 100%;}
	.row-contact [data-col="8-4"][data-rtl="0"] .dform { padding-right: 0;}
	.row-contact [data-col="8-4"][data-rtl="1"] .dform { padding-left: 0;}
	.row-contact .contacts-information { font-size: 18px;}
	.contacts-information .cinfo { width: 100%;}
	.ajax-cpt-documents .dheading { padding: 30px 0;}
	.acc-content .item { padding: 30px 0;}
	.custom-tabs .tabslist .nav-link { padding: 5px 30px;}
	.grid-cpt-team .col-md-4 { max-width: 50%; -ms-flex: 0 0 50%; flex: 0 0 50%;}
	.col-single-post .wrap { padding-bottom: 50px;}
	.col-single-post .post-column { padding-top: 50px;}
	.col-single-post .post-text { padding-top: 30px;}
	.col-single-post .post-media { margin-top: -300px;}
	.col-single-post .thumb-bg { height: 570px;}
	
	.footer-top .col-contact { max-width: 100%; -ms-flex: 0 0 100%; flex: 0 0 100%;}
	.footer-top .col-gform { max-width: 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; margin-top: -10px;}
	.footer-top .col-contact .col-info { padding-right: 0;}
	.col-contact .dtext { max-width: 100%; padding-top: 25px;}
	.footer-0 .col-company { max-width: 100%; -ms-flex: 0 0 100%; flex: 0 0 100%;}
	.gated-portal .footer-0 .col-company { max-width: 33.33%; -ms-flex: 0 0 33.33%; flex: 0 0 33.33%;}
	.footer-0 .col-menu1 { max-width: 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; padding-left: 15px;}
	.footer-0 .col-menu2 { max-width: 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; padding-left: 20px;}
	.footer-0 .social-media { margin-top: 0; border-top: 0;}
	.footer-menu ul li { width: 100%;}
	.footer-0 .ssc p br { display:none;}
}  

@media only screen and (max-width : 991px) {
	.ajax-post-news .tax-links .custom-options .custom-option[data-id="all"] { display: block !important;}
	.row-media-culture-committee [data-design*="row-flex"][data-colwidth="6"] .dmedia { max-width: 570px !important; margin: 0 auto;}
	.row-documents { row-gap: 30px;}
	.row-poster-addbtmspace .dinfo { padding-bottom: 40px;}
	[data-design*="row"][data-col="6-6"][data-rtl="0"] .dinfo { padding-left: 0;}
	[data-design*="row"][data-col="6-6"][data-rtl="1"] .dinfo { padding-right: 0;}
	[data-design*="row"][data-col="6-6"][data-rtl="0"] .ptext,
	[data-design*="row"][data-col="6-6"][data-rtl="0"] .dtext { padding-right: 0;}
	[data-design*="row"][data-col="6-6"][data-rtl="1"] .ptext,
	[data-design*="row"][data-col="6-6"][data-rtl="1"] .dtext { padding-right: 0;}
	[data-design*="row"][data-col="4-8"][data-rtl="0"] .dinfo,
	[data-design*="row"][data-col="4-8"][data-rtl="0"] .col-info { padding-left: 0;}
	[data-design*="row"][data-col="4-8"][data-rtl="1"] .dinfo,
	[data-design*="row"][data-col="4-8"][data-rtl="1"] .col-info { padding-right: 0;}
	[data-design*="row-flex"][data-colwidth="5"] .flexic { column-gap: 0;}
	[data-design*="row-flex"][data-colwidth="5"] .dmedia { max-width: 100% !important; flex: 0 0 100% !important;}
	.row-news .post-thumb { width:100%; margin-bottom: 20px;}
	.row-news .post-thumb .thumb-bg { height: 350px;}
}

@media only screen and (max-width : 767px) {
	.element .btitle { font-size: 15px; letter-spacing: 2px;}
	.element h1.btitle { font-size: 16px; letter-spacing: 3px;}
	.hero-slider .btitle { font-size: 16px; letter-spacing: 3px;}
	.home .hero-slider .mtitle .h1l-64 { font-size: 42px; }
	.title-row [data-col="7-5"][data-rtl="0"] .col-md-5 { padding-left: 15px;}
	.title-row [data-col="7-5"][data-rtl="1"] .col-md-5 { padding-right: 15px;}
	.title-row [data-col="7-5"][data-rtl="0"] .dinfo-heading { padding-right: 130px;}
	.title-row [data-col="7-5"][data-rtl="1"] .dinfo-heading { padding-left: 130px;}
	.contacts-information .ititle { font-size: 16px;}
	.row-contact .contacts-information { font-size: 17px;}
	.custom-tabs .tabslist .nav-item { width: 50%;}
	.custom-tabs .tabslist .nav-item:nth-child(odd) { border-left: 0;}
	.custom-tabs .tabslist .nav-item:nth-child(odd) .nav-link { padding-left: 0;}
	.services-filter .dheading .mtitle { width: 100%; font-size: 27px;}
	.services-filter .dheading .services-select { width: 100%; margin-top: 15px;}
	.services-select .custom-select__trigger { font-size: 19px;}
	.ajax-cpt-contracts .dheading .mtitle { width: 100%; font-size: 27px;}
	.ajax-cpt-contracts .dheading .tax-links { width: 100%; margin-top: 15px;}
	.tax-links .custom-select__trigger { font-size: 18px;}
	[data-axgrid] .row-contracts .cpt { column-gap: 30px;}
	.row-news .post-thumb .thumb-bg { height: 320px;}
	.col-single-post .post-conmedia { gap: 30px;}
	.col-single-post .thumb-bg { height: 500px;}
	
	.gated-portal .footer-0 .col-company { max-width: 100%; -ms-flex: 0 0 100%; flex: 0 0 100%;}
	.footer-0 .col-menu1 { max-width: 100%; -ms-flex: 0 0 100%; flex: 0 0 100%;}
	.gated-portal .footer-0 .col-menu1 { max-width: 100%; -ms-flex: 0 0 100%; flex: 0 0 100%;}
	.footer-0 .col-menu2 { max-width: 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; padding-left: 15px;} 
	.social-media .social-icons { column-gap: 25px;}
	.gated-portal .footer-0 .social-media { padding-top: 20px; justify-content: flex-start;}
	.copyright .f-left { width: 100%;}
	.copyright .f-right { width: 100%;}
}

@media only screen and (max-width : 641px) {
	.mh395 { height: 100%;}
	.mh400 { height: 100%;}
	.mh420 { height: 100%;}
	.mh440 { height: 100%;}
	.mh460 { height: 100%;}
	.mh508 { height: 100%;}
	.mh520 { height: 100%;}
	.mh560 { height: 100%;}
	.mh570 { height: 100%;}
	.mh600 { height: 100%;}
	.element .dmedia { max-height: 700px;}
	.post-conmedia .media-thumb { max-width: 100%;}
	.grid-cpt-team .col-md-4 { max-width: 100%; -ms-flex: 0 0 100%; flex: 0 0 100%;}
	.grid-cpt-team .post-item { max-width: 450px; position: relative;}
	.grid-cpt-team .social-icons { right: 0; bottom: 65px;}
	.team-thumbnail .bg-thumbnail { height: 400px;}
}

@media only screen and (max-width : 500px) {
	.cards-01 .div-link { padding: 20px;}
	[data-axgrid] .row-contracts .cpt { row-gap: 15px;}
	.row-contracts .cpt .post-thumbnail { width: 100%;}
	.row-contracts .cpt .thumb-bg { height: 170px; border: 0;}
	.row-contracts .cpt .thumb-bg img { height: 100%;}
	.custom-tabs .tabslist { text-align: center; justify-content: center;}
	.custom-tabs .tabslist .nav-item { width: 100%;border-left: 0;}
	.custom-tabs .tabslist .nav-item:nth-child(odd) .nav-link { padding-left: 30px;}
	.row-news .post-thumb .thumb-bg { height: 270px;}
	.singular-post .title-opt .wrap { min-height: 220px;}
	.col-single-post .post-media { margin-top: -200px;}
	.col-single-post .thumb-bg { height: 400px;} 
}
  
/* #endregion */

/*------------------------------------------
    #MARK: QA EDITS 30/09/2025
------------------------------------------*/
/* #region */

@media only screen and (max-width: 1024px) {
  .row-poster-property-inspections .show-lg {
    display: none;
  }
  .row-poster-property-inspections .hide-lg {
    display: block;
  }
}

@media only screen and (max-width: 991px) {
  .row-poster-property-inspections .show-lg {
    display: block;
  }
  .row-poster-property-inspections .hide-lg {
    display: none;
  }
  .row-poster-property-inspections .bg-container {
    max-width: 100%;
  }
}

@media only screen and (max-width: 641px) {
  .row-poster-property-inspections .bg-container {
    height: 420px;
    position: relative;
  }
}

@media only screen and (max-width: 480px) {
  .row-poster-property-inspections .bg-container {
    height: 320px;
    position: relative;
  }
}

@media only screen and (max-width: 360px) {
  .row-poster-property-inspections .bg-container {
    height: 220px;
    position: relative;
  }
}

/* #endregion */