/*==================================RESPONSIVE LAYOUTS===============================================*/

@media only screen and (max-width: 1480px){

	[class*="page-section"] {
		padding: 80px 0;
	}

	.owl-carousel {
		--distance: -30px;
	}
}

@media only screen and (min-width: 1480px){
	
	.container.extra{
		width: 1280px;
	}
}

@media only screen and (max-width: 1370px){
	[class*="scaption"][class*="-large"].banner-title {
		font-size: 4.63vw;
		min-width: 47.45vw;
	  }
}

@media only screen and (max-width: 1350px){
	.logo {
		left: 0;
	  }
	
}

@media only screen and (min-width: 1280px){

	#header.clone-fixed.slideDown{
	    top: 0!important;
	}

	

	#header.clone-fixed.style-2 .top-header,
	#header.clone-fixed.style-3 .top-header,
	#header.clone-fixed.style-3 .pre-header{
		display: none;
	}

	.icons-box.style-3 .item-box{
      -moz-transform: translateY(110px);
      -webkit-transform: translateY(110px);
      -o-transform: translateY(110px);
      -ms-transform: translateY(110px);
      transform: translateY(110px);
    }

    .icons-box.style-3 .item-box:hover{
      -moz-transform: translateY(0);
      -webkit-transform: translateY(0);
      -o-transform: translateY(0);
      -ms-transform: translateY(0);
      transform: translateY(0);
    }

    .icons-box.style-3 .item-box p,
    .icons-box.style-3 .item-box .info-btn{
      opacity: 0;
      visibility: hidden;

      transition: all .4s ease;
    }

    .icons-box.style-3 .item-box:hover p,
    .icons-box.style-3 .item-box:hover .info-btn{
      opacity: 1;
      visibility: visible;
    }

}

@media only screen and (max-width: 1280px){

	.section-title br{
		display: none;
	}

	#header.sticky-header.clone-fixed{
	    display: none!important;
	}

	.header:not(.style-2):not(.style-3) .top-header{
	    width: 100%;
	}

		.header:not(.style-2):not(.style-3) .top-header .logo-wrap{
			width: 25%;
		}

		.header:not(.style-2):not(.style-3) .top-header .menu-holder{
			width: 75%;
		}

		.header:not(.style-2) .main-navigation > ul > li{
			margin: 0 15px;
		}

		.header:not(.style-2) .main-navigation > ul > li > a{
			font-size: 14px;
		}

	
	.rev-slider-wrapper .icons-box.style-3{
		position: relative;
	}

	.rev-slider-wrapper .brand-holder{
		padding: 18px 0;
	}

	.case-popup .popup-inner{
	    width: 50%;
	}

	.services .service-item span.service-title{
		font-size: 24px;
	}

}

@media only screen and (max-width: 1179px){
	[class*="scaption"][class*="-large"].banner-title {
		font-size: 4.83vw;
		min-width: 52.7vw;
	}
}


@media only screen and (max-width: 1199px){
	
	.services [class*="item-col"]{
		width: 25%;
	}

	.services .item-col-2{
		width: 50%;
	}

	.profile-section .profile-img{
	    width: 38%;
	}

	.profile-section .profile-content{
	    width: 62%;
	}

	.call-out .flex-row{
		display: block;
		text-align: center;
	}

	[class*="scaption"] p{
		font-size: 14px!important;
		line-height: 22px!important;
	}


	.team-holder.style-2 .team-item .team-desc.overlay{
		padding: 8px;
	}

}


@media (min-width: 992px) and (max-width: 1199px) {
	
	.team-item:hover .team-desc.overlay{
		height: 90%;
	}
	
}

@media only screen and (max-width: 992px){


	.logo svg{
		width: 70%;
	}

	.rev-slider-wrapper,
	.tp-fullwidth-forcer {
		height: calc(100vh - 106px) !important;
	}


	.tp-bullets {
		top: unset !important;
		bottom: 200px;
	}

	.banner-right .tp-parallax-wrap{
		left: unset !important;
		right: calc(50vw + 50px) !important;
	}

	.banner-left .tp-parallax-wrap:nth-child(2){
		/* top: 260px!important; */
	}
	.banner-left .tp-parallax-wrap:last-child{
		/* top: 560px!important; */
	}


	.banner-text{
		font-weight: 300 !important;
		font-size: 17px !important;
		line-height: 22px!important;
	}
	.banner-title{
		font-size: 2.6667em!important;
		line-height: 1.1667em!important;
		min-width: 50vw!important;
	}

	.banner-button,
	.banner-button .btn{
		font-size: 0.8889em!important;
		line-height: 1.7500em!important;
	}

	.banner-button .btn{
		padding: 6px 28px!important;
	}

	.owl-carousel{
		--distance: -20px;
	}
	
	.carousel-type-2 .owl-carousel{
		padding: 0 30px;
	}

	.go-to-top{
		bottom: 10%;
	}
	.go-to-top.go-top-visible{
		right: 20px;
	}

	.widget.newsletter-form{
		margin-top: 50px;
	}

	[class*="footer"] .copyright{
		padding-left: 0px;
	}

	.with-sidebar {
		padding-right: 0px;
	}

	.with-sidebar .sidebar {
		padding-right: 15px;
	}

	.filters:first-child{
		margin-bottom: 20px!important;
	}

	.sidebar-mobile{
		margin-top: 45px;
	}


	.single-entry-doc .entry-detail .pdf-viewer-wrapper {
		padding-left: 15px;
	}

	.world-map .map-poppup{
		transform: scale(0.7);
		transform-origin: bottom;
	}

	/* ====== */

	/*	Mobile Menu
	/* -------------------------------------------------- */

	#header.header.header-main .menu-holder{
		position: relative;
		background-color: rgba(0,0,0,.8);
	    -webkit-backface-visibility: hidden;
	    backface-visibility: hidden;
	}

	.main-navigation{display: none!important;}

	.responsive-nav-button { display: inline-block; }

	.mobile-advanced {
		position: absolute;
		top: 0;
		right: -100%;
		z-index: 995;
		overflow: hidden;
		display: block;
		width: 100%;
		height: 100%;
		background-color: #fff;
		pointer-events: none;
		-webkit-backface-visibility: hidden;
		-webkit-transform-origin: 0 0;
				transform-origin: 0 0;
		-webkit-transition: -webkit-transform .35s ease;
				transition: transform .35s ease;
		-webkit-transform: translateX(0);
				transform: translateX(0);
	}

	#wrapper.active .mobile-advanced {
		pointer-events: auto;

		-webkit-transform: translate(-100%, 0);
				transform: translate(-100%, 0);
	}

	.no-cssanimations.no-csstransforms3d #wrapper.active .mobile-advanced {
		right: 0;
	}

		.mobile-advanced > ul { 
			padding-top: 80px; 
		}

			.mobile-advanced li {
				display: block;
				list-style: none;
			}

				.mobile-advanced li > span {
					display: block;
					padding: 10px 15px;
					color: #333;
					font-weight: 400;
				}

				.mobile-advanced li a {
					display: block;
					padding: 10px 20px;
					border-bottom: 1px solid #eaeaea;
					line-height: 1.15em;
				}

				.mobile-advanced > ul > li.current > a,
				.mobile-advanced > ul > li:hover > a{
					background-color: var(--green);
				}

				.mobile-advanced ul ul li.current > a,
				.sub-menu-wrap > ul > li:hover > a{
					color: var(--green);
				}

				.mobile-advanced > ul > li > a{
					background-color: var(--dark-grey);
					color: #fff;
					font-weight: 400;
					font-size: 16px;
					font-family: 'Montserrat', sans-serif;
				    text-transform: uppercase;
				    font-weight: normal;
				}

				.mobile-advanced ul ul li > a {padding-left: 30px;}

				.mobile-advanced ul ul li > a:before{
					display: inline-block;
				    vertical-align: middle;
				    position: relative;
				    margin-right: 5px;
				    font-size: 14px;
				    font-family: 'fontello';
				    content: "\f105";
				}

					.mobile-advanced ul ul ul li > a  { padding-left: 55px; }

		#advanced-menu-hide{
			position: fixed;
			top: 20px;
			right: 30px;
			z-index: 999;
			display: block;
			text-align: center;
			color: var(--dark-grey);

			-webkit-backface-visibility: hidden;
					backface-visibility: hidden;
			-webkit-border-radius: 3px;
					border-radius: 3px;
			
		}

		.logged-in.admin-bar #advanced-menu-hide{top: 55px;}

		#wrapper.active #advanced-menu-hide{
			visibility: visible;
			pointer-events: auto;

			-webkit-transform: translateX(0);
					transform: translateX(0);
		}

		#advanced-menu-hide:after{
			content: '\e92a';
		    vertical-align: middle;
		    text-align: center;
		    font-size: 30px;
		    font-family: 'linearicons';
		    line-height: 38px;
		}

		#advanced-menu-hide:hover{color: var(--green);}

		.mobile-advanced > ul > li.dropdown .sub-menu-wrap,
		.mobile-advanced > ul > li.dropdown .sub-menu-wrap.sub-menu-inner{
			position: relative;
			width: 100%;
			opacity: 1;
			visibility: visible;
			left: 0;
			right: 0;
			border: none;
			padding: 0;
			margin: 0;

			-webkit-transform: none;
			-ms-transform: none;
			-o-transform: none;
			transform: none;
		}

		.sub-menu-wrap ul li:hover{background: transparent!important;}

		.sub-menu-wrap ul li{padding: 0;}

		.sub-menu-wrap ul li.current-menu-item{background: none!important;}

	.toggle-menu { display: block; }

	.sub-menu-wrap.mega-menu > *{
        width: 100%;
    }

    .sub-menu-wrap.mega-menu > *:not(:last-child){
        margin-right: 0;
        margin-bottom: 0;
    }

	/* ------------------------------------------------------------------------------ */

	.flex-row [class*="col-md"]:not([class*="col-sm"]):not([class*="col-xs"]){
		width: 100%;
	}
	
	[class*="col-md-12"]:not(:last-child),
	[class*="col-md-"].col-sm-12:not(:last-child){
	    margin-bottom: 45px;
	}

	[class*="page-section"].half-bg-col:not(.two-cols){
		padding-top: 0;
		padding-bottom: 72px;
	}

	.half-bg-col:not(.two-cols) [class*="img-col"]{
	    padding-bottom: 50%;
	    margin-bottom: 72px;
	    position: relative;
	    width: 100%;
	}

	.half-bg-col.two-cols [class*="img-col"]{
		width: 100%;
	}

	.half-bg-col.two-cols [class*="img-col"] .col-bg{
		height: 50%;
	}

	.half-bg-col.two-cols .img-col-right .col-bg{
		top: auto;
		bottom: 0;
	}

	.header{
		padding: 0;
	}

	.header:not(.style-2):not(.style-3) .menu-wrap{
		padding: 20px;
	}

	.header:not(.style-2):not(.style-3) .top-header .logo-wrap{
		width: 50%;
	}

	.header:not(.style-2):not(.style-3) .top-header .menu-holder{
		width: 50%;
	}

	.searchform-wrap .vc-child{
		width: 80%;
		margin-top: 30%;
	}

	.rev-slider-wrapper .side-bar{
		width: 100px;
		padding: 140px 40px 20px;
	}

	.rev-slider-wrapper.full-scr .rev-slider{
		margin-left: 100px;
	}

	.team-member .member-photo img{
		width: 100%;
	}

	
	.half-bg-col.two-cols,
	.half-bg-col.two-cols .page-section-bg{
		padding: 0;
	}

	.half-bg-col.two-cols .row{
		margin: 0 -15px;
	}

	.half-bg-col.two-cols > .container > .row > [class*="col-"]{
		padding: 70px 15px;
		margin-bottom: 0!important;
	}

	.isotope.four-collumn .item{
		width: 33.3333%;
	}

	.profile-section .profile-img,
	.profile-section .profile-content{
	    width: 100%;
	}

	.profile-section .profile-content .prof-inner{
		padding: 41px 0;
	}

	.team-item:hover .team-desc.overlay{
	    height: 100%;
	}

	.tp-caption p{
		display: none!important;
	}

}

@media (min-width: 992px){

	.push-left-30{
		padding-left: 30px;
	}
}

@media (max-width: 800px){

	.cookie-consent-banner{
		width: auto;
		margin: 0 40px;
		left: unset;
	}
	
}




@media (max-width:769px){

	.cookie-consent-dialog{
		margin: 10px;
		padding: 30px 20px;
	}
	.cookie-consent-dialog-consents {
		overflow-y: auto;
		max-height: calc(100vh - 360px);
		padding-left: 10px;
	}
	.cookie-consent-dialog-buttons {
		flex-direction: column;
	  }

	  .cookie-consent-dialog-accept-selected-button{
		margin-bottom: 25px;
	  }

	.top-header-container {
		padding: 12px;
	  }

	.entry-box.with-sep .entry.doc {
		margin-bottom: 20px;
	}
	
	.world-map .map-poppup{
		position: fixed;
		z-index: 999;
	}

	.world-map .map-poppup:not(.active),
	.map-poppup:not(.active) *{
		visibility: hidden!important;
	}

	.flex-row [class*="col-sm-"]:not([class*="col-xs"]){
		width: 100%;
	}
	
	[class*="col-sm-"]:not(:last-child):not(.col-no-space){
		margin-bottom: 45px;
	}

	

	.pricing-tables-holder.cols-3 .pricing-col{
		width: 50%;
	}

	.header.style-2 .top-header .flex-row > *{
		width: 100%;
		text-align: center;
	}


	.services [class*="item-col"]{
		width: 33.333%;
	}

	.services .item-col-2{
		width: 66.666%;
	}

	.isotope.three-collumn .item{
		width: 50%;
	}

	.isotope.four-collumn .item{
		width: 50%;
	}

	.case-popup .popup-inner{
		top: 450px;
	    width: 80%;
	}

	.coming-soon h1{
		font-size: 48px;
	}

	.coming-soon{
		padding-top: 350px;
	}


	.profile .areas_expertise ul:first-of-type,
	.profile .areas_expertise ul:nth-of-type(2){
		width: 100%;
		padding: 0;
	}

}

@media (min-width:769px){

	.table-row{
	    margin-left: 0px;
	    margin-right: 0px;
	    display: table;
	    width: 100%;
	    table-layout: fixed;
	}

		.table-row > [class*="col-sm-"]{
		    float: none;
		    display: table-cell;
		    vertical-align: middle;
		}

		.table-row > [class*="col-"]:first-child{
		    padding-left: 0px;
		}

		.table-row > [class*="col-"]:last-child{
		    padding-right: 0px;
		}


	.header.style-2 .top-header .flex-row > *:last-child{
		text-align: right;
	}

}

@media (max-width: 675px){

	.cookie-consent-banner-buttons {
		flex-direction: column-reverse;
	}
	.cookie-consent-banner-setting-button {
		margin-left: 0;
		margin-top: 25px;
	}

	.banner-left .tp-parallax-wrap:last-child {
		top: unset !important;
		bottom: 120px!important
	}
}

@media only screen and (max-width:480px){


	.searchform-wrap .vc-child{
		margin-top: 50%;
	}

	.owl-carousel{
		--distance: -5px;
	}

	.owl-carousel.highlights .entry-body{
		flex-direction: column;
	}

	.owl-carousel.highlights .entry .entry-body .label{
		width: 100%;
		margin-right: 0;
	}


	.owl-carousel.highlights .entry .label .date{
		display: flex;
		padding: 10px;
		justify-content: space-evenly;
	}

	.owl-carousel.highlights .entry .label .date > *{
		font-size: 22px;
	}
	

	.owl-carousel.highlights .entry .label .date > .year{
		margin-top: 0;
	}

	.widget.newsletter-form {
		margin-top: 0px;
	}

	#footer[class*="footer"] .footer-bottom > .container{
		flex-wrap: nowrap;
	}
	[class*="footer"] .copyright{
		line-height: 23px;
	}
	
	.list-two-cols{
		margin-bottom: 0!important;
	}

	.list-two-cols:last-child{
		margin-top: 14px;
	}

	


	/* ==== */

	[class*="col-xs-"]{
		float: none;
		width: 100%;
	}

	[class*="col-xs-"]:not(:last-child){
		margin-bottom: 28px;
	}

	
	.pricing-tables-holder.cols-3 .pricing-col{
		width: 100%;
	}

	.tabs .tabs-nav li{
		float: none;
		display: block;
	}

	.tabs:not(.style-2) .tabs-nav > li:not(:first-child) > a{
		margin: 0 0 1px 0;
	}

	.tabs.style-2 .tabs-nav > li > a{
		padding: 14px 0;
	}

	.tabs.style-2 .tabs-nav > li:not(:last-child) > a{
		border-bottom: 1px solid #e4e4e5;
		border-right: none;
	}

	.tabs.vertical{
		display: block;
	}

	.tabs.vertical .tabs-nav,
	.tabs.vertical .tabs-content{
		width: 100%;
	}

	.tabs.vertical.style-2 .tabs-content{
		margin-left: 0;
	}

	.btns-set .flex-row{
		justify-content: inherit;
	}

	.header .top-header .logo-wrap,
	.header .top-header .menu-holder{
		width: 100%;
	}

	.searchform-wrap .close-search-form{
		top: -30px;
		left: unset;
		right: 20px;
	}

	.header.style-3 .top-header .flex-row > *:not(:last-child){
		margin-bottom: 20px;
	}

	.media-inner h1{
		font-size: 48px;
		line-height: 56px;
	}


	.header.style-2 .top-header .flex-row > *{
	 	width: 100%;
	}

	

	.services [class*="item-col"]{
		width: 100%;
		max-height: 150px;
		overflow: hidden;
	}
	.services .service-item figure img{
		width: 100%;
	}
	.services .item-col figure img{
		transform: translate(0, -50%);
	}
	

	.breadcrumbs-wrap .page-title{
		font-size: 48px;
		line-height: 56px;
	}

	.search-holder .btn:not(:last-child){
		margin-right: 10px;
	}

	.isotope.three-collumn .item{
		width: 100%;
	}

	.isotope.four-collumn .item{
		width: 100%;
	}

	.header:not(.style-2):not(.style-3) .menu-wrap{
		padding: 0 20px;
	}

	.entry-box.entry-small .entry .thumbnail-attachment,
	.comment-info,
	.comment-author{
		float: none;
	}

	#sidebar .entry-box.entry-small .entry .thumbnail-attachment:not(:last-child){
		margin-right: 0;
		margin-bottom: 18px;
	}

	.comments-list .children .comment{
		margin-left: 28px;
	}


	.tp-bullets {
		bottom: 30px;
		left: 104% !important;
	}

	.banner-right .tp-parallax-wrap{
		left: 90px!important;
	}

	.banner-right .tp-parallax-wrap:nth-child(2){
		top: 150px!important;
	}

	.banner-left .tp-parallax-wrap:nth-child(2){
		/* top: 100px!important; */
	}


	.banner-left .tp-parallax-wrap:last-child{
		/* top: 350px!important; */
	}
	
	.banner-title{
		min-width: calc(100vw - 100px)!important;
	}


}

@media only screen and (max-width:320px){


}

@media (max-height: 750px){

	.rev-slider-wrapper .side-bar{
		padding-top: 70px;
	}

	.side-bar .social-icons.v-type{
		display: none;
	}

}

@media (max-height: 450px){

	.rev-slider-wrapper .side-bar p.v-text,
	.side-bar .social-icons.v-type{
		display: none;
	}

}

@media (max-height: 667px){
	.banner-right .tp-parallax-wrap {
		top: 358px!important;
	}
}

@media only screen and (min-width: 1200px){
	
	.d-lg-none{
		display: none;
	}
	.d-lg-block{
		display: block;
	}
	.d-lg-flex{
		display: flex;
	}
	.d-lg-inline{
		display: inline;
	}
}
 
@media only screen and (min-width: 992px) and (max-width: 1199px){
	
	.d-md-none{
		display: none;
	}
	.d-md-block{
		display: block;
	}
	.d-md-flex{
		display: flex;
	}
	.d-md-inline{
		display: inline;
	}
}

@media only screen and (min-width: 768px) and (max-width: 991px){
	

	.d-sm-none{
		display: none;
	}
	.d-sm-block{
		display: block;
	}
	.d-sm-flex{
		display: flex;
	}
	.d-sm-inline{
		display: inline;
	}
}

@media only screen and (max-width: 767px){
	
	.d-xs-none{
		display: none;
	}
	.d-xs-block{
		display: block;
	}
	.d-xs-flex{
		display: flex;
	}
	.d-xs-inline{
		display: inline;
	}

	.filters{
		position: relative;
	}

	.filters .filters-inner{
		position: absolute;
		top: 50px;
		left: 150%;
		z-index: 99;
		background: var(--white);
		padding: 20px 0px;
		margin: 0;
		border: 1px solid var(--ligth-grey4);
		width: calc(100% - 40px);
		border-radius: 12px;
		-webkit-box-shadow: 0px 0px 10px 3px rgba(55, 70, 55, 0.45);
		-moz-box-shadow: 0px 0px 10px 3px rgba(55, 70, 55, 0.45);
		box-shadow: 0px 0px 10px 3px rgba(55, 70, 55, 0.45);
		transition: all ease .4s; 
	}

	.filter-button{
		display: flex;
		justify-content: center;
	}

	.filter-button.active{
		color: var(--white);
  		background: var(--green);
	}

	.filter-button:not(.active) .lb-filter,
	.filter-button.active .lb-standby,
	.filter-button.active .lb-active-filters{
		display: none;
	}

	.filter-button .lb-active-filters{
		max-width: calc(100% - 133px);
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
		font-size: 12px;
		margin-left: 10px;
	}

	.filter-button .lb-active-filters span {
		position: relative;
		top: 2px;
	}

	.filter-button .lb-active-filters span + span::before{
		content: ",";
		display: inline-block;
		margin-right: 5px;

	}

	.filter-button.active + .filters-inner{
		left: 20px;
	}

	
}
