
@media only screen and (max-width: 1400px) {
	.container-fluid {
		padding-right: 80px;
		padding-left: 80px;
	}
	.header__wrapper-overlay-widgets {
		padding-bottom: 40px;
	}
	.slider__footer {
		padding-bottom: 60px;
	}
	.slide__arrow_prev_centered {
		left: 80px;
	}
	.slide__arrow_next_centered {
		right: 80px;
	}
	.slider-fullscreen__content {
		padding-bottom: 60px;
	}
	.section-nav-projects__arrow_prev {
		left: 70px;
	}
	.section-nav-projects__arrow_next {
		right: 70px;
	}
	.section-nav-projects__wrapper-heading_prev {
		padding-left: 80px;
	}
	.section-nav-projects__wrapper-heading_next {
		padding-right: 80px;
	}
	.section-vmv {
		padding: 100px 0;
	}
	.vmv-values-grid {
		gap: 18px;
	}
}
@media only screen and (max-width: 1280px) {
	.container-fluid {
		padding-right: 50px;
		padding-left: 50px;
	}
	.header__wrapper-overlay-widgets {
		padding-bottom: 30px;
	}
	.slider__footer {
		padding-bottom: 40px;
	}
	.slide__arrow_prev_centered {
		left: 50px;
	}
	.slide__arrow_next_centered {
		right: 50px;
	}
	.slider-fullscreen__content {
		padding-bottom: 25px;
	}
	.section-image__caption-vertical-left {
		left: -1.5em;
	}
	.section-image__caption-vertical-right {
		right: -1.5em;
	}
	.section-nav-projects__arrow_prev {
		left: 40px;
	}
	.section-nav-projects__arrow_next {
		right: 40px;
	}
	.section-nav-projects__wrapper-heading_prev {
		padding-left: 50px;
	}
	.section-nav-projects__wrapper-heading_next {
		padding-right: 50px;
	}
	.filter__underline {
		display: none;
	}
	.portfolio-page .filter__underline {
		display: none;
	}
}
@media only screen and (max-width: 1199px) {
	.mb-xlg-50 {
		margin-bottom: 50px;
	}
	.header__col-left .logo {
		max-width: 98px;
	}
	.header__col-left .logo img {
		max-height: 58px;
	}
	.header_sticky .header__col-left .logo {
		max-width: 84px;
	}
	.header_sticky .header__col-left .logo img {
		max-height: 48px;
	}
	.service-section {
		padding-top: 70px;
		padding-bottom: 90px;
	}
	.service-section .service-slider {
		margin-top: 60px;
	}
	.service-section .js-service-carousel {
		padding-top: 55px;
		padding-bottom: 75px;
	}
	.service-section .service-sec-info {
		padding: 125px 26px 26px;
		margin-right: 45px;
	}
	.service-section .service-sec-title {
		font-size: 24px;
	}
	.service-section .service-sec-title::after {
		font-size: 86px;
		line-height: 94px;
		bottom: 48px;
	}
	.service-section .service-sec-media {
		margin-right: -65px;
	}
	.service-section .service-sec-media img {
		height: 280px;
	}
	.service-section .service-slider-nav {
		top: auto;
		bottom: 0;
		margin-top: 0;
	}
	.service-section .service-slider-prev {
		left: calc(50% - 50px);
	}
	.service-section .service-slider-next {
		right: calc(50% - 50px);
	}
	.portfolio-page .filter__item {
		margin-top: 6px;
		margin-bottom: 6px;
	}
	.about-footprints-visual {
		padding: 55px 35px 55px 45px;
	}
	.about-footprints-title .quot {
		font-size: clamp(68px, 5vw, 104px);
	}
	.about-footprints-title .about-footprints-main {
		font-size: 150px;
	}
	.about-footprints-main::after {
		bottom: 10px;
	}
	.about-footprints-year {
		font-size: 300px;
	}
	.about-footprints-since {
		font-size: clamp(45px, 6vw, 80px);
	}
	.vmv-top-grid {
		grid-template-columns: 1fr;
		gap: 30px;
	}
	.vmv-connector {
		display: none;
	}
	.vmv-values-grid {
		grid-template-columns: repeat(3, 1fr);
	}
	.why-best-left {
		position: relative;
		top: auto;
		padding-right: 0;
		margin-bottom: 55px;
	}
	.why-best-heading {
		max-width: 760px;
	}
}
@media only screen and (max-width: 1130px) {
	.craft {
		display: block;
	}
}
@media only screen and (max-width: 992px) {
	.form__col_submit {
		text-align: left;
	}
	
}
@media only screen and (max-width: 991px) {
	.container-fluid,
	.container {
		padding-left: 20px;
		padding-right: 20px;
	}
	.header__col-left .logo {
		max-width: 90px;
	}
	.header__col-left .logo img {
		max-height: 52px;
	}
	.header_sticky .header__col-left .logo {
		max-width: 76px;
	}
	.header_sticky .header__col-left .logo img {
		max-height: 42px;
	}
	.header__wrapper-overlay-menu {
		flex-direction: column;
		text-align: center;
		align-items: center;
		padding-top: 80px;
		padding-bottom: 80px;
	}
	.header__wrapper-menu {
		width: 100%; /* add this */
		max-width: 100%;
		margin-left: auto; /* add this */
		margin-right: auto; /* add this */
		margin-top: auto;
		margin-bottom: auto;
		text-align: center; /* add this */
	}
	.menu-overlay {
		width: 100%; /* add this */
		text-align: center; /* add this */
	}
	.menu-overlay > li > a {
		margin-top: 0.25em;
		margin-bottom: 0.25em;
		text-align: center;
	}
	.menu-overlay__item-wrapper {
		width: 100%;
		text-align: center; /* add this */
	}
	.header__wrapper-overlay-widgets {
		position: relative;
		text-align: center;
		left: auto;
		right: auto;
		bottom: auto;
		padding-top: 30px;
		padding-bottom: 30px;
		margin-bottom: auto;
	}
	.header__wrapper-overlay-widgets .text-left, 
	.header__wrapper-overlay-widgets .text-right {
    	text-align: center !important;
	}
	.header__circle-letters {
		display: none;
	}
	.section-about__content {
		margin-top: 0;
		max-width: 100%;
	}
	.section-about__header {
		margin-left: auto;
		margin-right: auto;
		padding-left: 20px;
		padding-right: 20px;
	}
	.section-about__wrapper-content {
		padding-left: 20px;
		padding-right: 20px;
	}
	.section-about__wrapper-img {
		margin-top: calc(1 * (40 * 1px));
	}
	.footer__area-secondary {
		padding-top: 15px;
		padding-bottom: 15px;
	}
	.footer__column {
		padding-top: 10px;
		padding-bottom: 10px;
	}
	.footer__column.text-left,
	.footer__column.text-center,
	.footer__column.text-right {
		text-align: center !important;
	}
	.widget_inconstruct_logo {
		max-width: 100%;
	}
	.widget_inconstruct_logo .logo {
		margin-bottom: 1em;
	}
	.widget_inconstruct_logo .logo img {
		margin-left: auto;
		margin-right: auto;
		max-width: 95px;
	}
	.widget_inconstruct_menu_inline .menu {
		text-align: center;
	}
	.slider__footer {
		padding-bottom: 20px;
	}
	.slide__arrow_prev_centered {
		padding-left: 0px;
		left: 30px;
	}
	.slide__arrow_next_centered {
		padding-right: 0px;
		right: 30px;
	}
	.button {
		padding: 12px 28px;
	}
	.figure-contact {
		padding-top: calc(40/3 * 1px);
		padding-bottom: calc(40/3 * 1px);
	}
	.section-cta__line {
		height: 60px;
		top: -30px;
	}
	.button {
		padding: 12px 28px;
	}
	.button_icon {
		padding: 0;
	}
	.button__icon {
		width: 43px;
	}
	.button__icon i {
		font-size: 20px;
	}
	.figure-portfolio__content {
		padding: 30px;
	}
	.figure-portfolio__icon {
		margin-top: 5px;
	}
	.section-masthead__curtain {
		opacity: 0.8;
		mix-blend-mode: multiply;
	}
	.section-masthead__inner_background {
		max-width: 100vw;
		width: 100%;
	}
	.project-properties .fluid-default {
		padding-left: 20px;
		padding-right: 20px;
	}
	.project-properties__grid {
		grid-template-columns: 1fr;
	}
	.project-properties__item,
	.project-properties__item:first-child,
	.project-properties__item:not(:first-child) {
		padding: 20px 0;
		border-left: none;
		border-bottom: 1px solid rgba(255, 255, 255, 0.16);
	}
	.project-properties__item:first-child {
		padding-top: 0;
	}
	.project-properties__item:last-child {
		padding-bottom: 0;
		border-bottom: none;
	}
	.project-properties .figure-info__option {
		font-size: 14px;
		margin-bottom: 7px;
		
	}
	.project-properties .figure-info__value {
		font-size: 16px;
	}
	.section-image__caption-vertical-left,
	.section-image__caption-vertical-right {
		position: relative;
		top: auto;
		left: auto;
		right: auto;
		bottom: auto;
		transform: none;
		padding: 0 20px;
		margin-top: 1em;
		text-align: center;
		width: 100%;
	}
	.section-nav-projects__arrow_prev {
		left: 10px;
	}
	.section-nav-projects__arrow_next {
		right: 10px;
	}
	.section-nav-projects__wrapper-heading_prev {
		padding-left: 20px;
	}
	.section-nav-projects__wrapper-heading_next {
		padding-right: 20px;
	}
	.ic-filter-trigger-wrap {
		left: 30px !important;
		right: auto !important;
		bottom: 30px;
	}
	.ic-filter-list-content {
		padding: 120px 40px 100px 70px;
	}
	.ic-filter-link {
		font-size: 40px;
		white-space: normal;
	}
	.ic-filter-item::before {
		top: 13px;
		left: -36px;
	}
	.section-vmv {
		padding: 80px 0;
	}
	.about-footprints-visual {
		min-height: 460px;
		margin-bottom: 45px;
		padding: 45px 40px;
	}
	.about-footprints-text {
		max-width: 520px;
	}
	.about-footprints-title .quot {
		font-size: 50px;
	}
	.about-footprints-title .about-footprints-main {
		font-size: 120px;
	}
	.about-footprints-line-wrap {
		margin-top: 8px;
		margin-bottom: 28px;
	}
	.about-footprints-since {
		font-size: 60px;
	}
	.about-footprints-year {
		font-size: 250px;
	}
	.vmv-section-head {
		margin-bottom: 50px;
	}
	.vmv-card-inner {
		padding: 42px;
	}
	.vmv-values-grid {
		grid-template-columns: repeat(2, 1fr);
	}
	.clients-grid-heading {
		margin-bottom: 55px;
	}
	.job-details-left .job-details-block {
		margin-bottom: 42px;
	}
	.job-details-right-card {
		margin-top: 42px;
		padding: 32px 26px;
	}
	.post-preview__meta {
		margin: 0.25em 0;
	}
	.post-preview__wrapper-meta {
		margin: 0 0 1em;
	}
	.post-preview__date {
		width: 100%;
	}
	.sidebar {
		margin-top: 80px;
	}
}
@media only screen and (max-width: 768px) {
	.header__mobile-actions .header-search-mobile {
		display: none !important;
	}
}
@media only screen and (max-width: 767px) {
	.header__mobile-actions .header-search-mobile {
		display: inline-flex !important;
	}
	.header__mobile-actions.is-menu-open .header-search-mobile {
		opacity: 0;
		visibility: hidden;
		pointer-events: none;
		transform: translateX(8px);
	}
	.section_h-800 {
		max-height: 70vh;
	}
	.slider__arrows-divider,
	.slider__counter-divider {
		margin-left: 20px;
		margin-right: 20px;
	}
	.slider__counter {
		height: 18px;
	}
	.slider__arrow {
		width: 44px;
		height: 44px;
	}
	.slider__arrow i {
		font-size: 20px;
	}
	.slider__progress,
	.slider__arrows {
		vertical-align: top;
	}
	.slider__dots {
        height: 18px;
    }
	.figure-contact__icon {
		font-size: 28px;
		margin-bottom: 20px;
	}
	.slider__footer-relative {
		padding-top: 20px;
	}
	.slider__footer-col {
		padding-top: 10px;
	}
	.slider__footer-col.text-left,
	.slider__footer-col.text-center,
	.slider__footer-col.text-right {
		text-align: center !important;
	}
	.slider__arrows-divider,
	.slider__counter-divider {
		margin-left: 20px;
		margin-right: 20px;
	}
	.slider__arrow {
		width: 18px;
		height: 18px;
	}
	.slider__arrow i {
		font-size: 18px;
	}
	.slider__arrows,
	.slider__dots {
		vertical-align: top;
	}
	.slider__dots {
		height: 18px;
	}
	.service-section {
		padding-top: 55px;
		padding-bottom: 75px;
	}
	.service-section .service-slider {
		margin-top: 40px;
	}
	.service-section .js-service-carousel {
		padding-top: 45px;
		padding-bottom: 68px;
		overflow: hidden;
	}
	.service-section .service-sec-info {
		padding: 108px 22px 22px;
		margin-right: 0;
	}
	.service-section .service-sec-title {
		font-size: 23px;
		margin-bottom: 15px;
	}
	.service-section .service-sec-title::after {
		font-size: 74px;
		line-height: 82px;
		bottom: 43px;
	}
	.service-section .service-sec-info p {
		font-size: 15px;
	}
	.service-section .service-sec-media {
		margin-top: 25px;
		margin-right: 0;
	}
	.service-section .service-sec-media img {
		height: 260px;
	}
	.service-section .service-slider-nav {
		width: 40px;
		height: 40px;
	}
	.service-section .service-slider-prev {
		left: calc(50% - 46px);
	}
	.service-section .service-slider-next {
		right: calc(50% - 46px);
	}
	.section-portfolio .slider-projects .slider__footer-relative {
		padding-top: 20px;
	}
	.section-portfolio .slider-projects .slider__footer-col {
		padding-top: 10px;
	}
	.section-portfolio .slider-projects .slider__footer-col.text-left,
	.section-portfolio .slider-projects .slider__footer-col.text-center,
	.section-portfolio .slider-projects .slider__footer-col.text-right {
		text-align: center !important;
	}
	.section-portfolio .slider-projects .slider__arrows-divider,
	.section-portfolio .slider-projects .slider__counter-divider {
		margin-left: 20px;
		margin-right: 20px;
	}
	.section-portfolio .slider-projects .slider__counter {
		height: 18px;
	}
	.section-portfolio .slider-projects .slider__counter_current .swiper-slide {
		height: 18px;
	}
	.section-portfolio .slider-projects .slider__arrow {
		width: 18px;
		height: 18px;
	}
	.section-portfolio .slider-projects .slider__arrow i {
		font-size: 18px;
	}
	.section-portfolio .slider-projects .slider__progress,
	.section-portfolio .slider-projects .slider__arrows {
		vertical-align: top;
	}
	.scroll-down__circle-1 {
		width: 8px;
		height: 8px;
	}
	.scroll-down__line {
		height: 40px;
		margin-top: 8px;
		margin-bottom: 8px;
	}
	.scroll-down__circle-2 {
		width: 18px;
		height: 18px;
	}
	.scroll-down:hover .scroll-down__circle-1 {
		transform: translateY(69px);
	}
	.section-masthead__inner_background {
		padding-left: 20px;
		padding-right: 20px;
	}
	.section-masthead__wrapper-scroll-down {
		bottom: 20px;
	}
	.section-video__icon {
		width: 120px;
		height: 120px;
	}
	.section-video__icon svg {
		width: 120px;
		height: 120px;
	}
	.project-video-popup {
		width: calc(100% - 30px);
		margin: 50px auto 20px;
	}
	.project-video-popup__player {
		max-height: calc(100vh - 70px);
	}
	.grid__item_mobile-12 {
		flex: 0 0 100%;
		max-width: 100%;
	}
	.grid_fluid-6 {
		margin: -10px -20px;
	}
	.grid__item_fluid-6 {
		padding: 20px;
	}
	.grid_fluid-3 {
		margin: -10px -20px;
	}
	.grid__item_fluid-3 {
		padding: 20px;
	}
	.button-circles {
		width: 30px;
		height: 30px;
	}
	.button-circles__circle {
		width: 12px;
		height: 12px;
	}
	.button-circles__circle svg {
		width: 12px;
		height: 12px;
	}
	.section-nav-projects__inner_prev,
	.section-nav-projects__inner_next {
		text-align: center;
		justify-content: center;
	}
	.section-nav-projects__inner:not(:last-child) {
		border-bottom: 1px solid rgba(204, 204, 204, 0.3);
	}
	.section-nav-projects__arrow {
		position: relative;
		top: auto;
		right: auto;
		left: auto;
		transform: none;
		margin-top: 0.25em;
		font-size: 24px !important;
	}
	.section-nav-projects__inner {
		flex-direction: column;
	}
	.section-vmv {
		padding: 70px 0;
	}
	.about-footprints-title .about-footprints-main {
		font-size: 90px;
	}
	.about-footprints-since {
		font-size: 50px;
	}
	.about-footprints-year {
		font-size: 200px;
	}
	.vmv-top-grid {
		margin-bottom: 75px;
	}
	.vmv-card,
	.vmv-card-inner {
		min-height: auto;
	}
	.vmv-card-inner {
		padding: 34px 28px;
	}
	.vmv-card-count {
		margin-bottom: 30px;
	}
	.vmv-card p {
		font-size: 15px;
	}
	.vmv-bg-word {
		font-size: 62px;
		right: 22px;
		bottom: 8px;
	}
	.vmv-values-grid {
		grid-template-columns: 1fr;
	}
	.vmv-value-card {
		min-height: auto;
	}
	.why-acc-head {
		padding: 24px 22px;
	}
	.why-acc-count {
		display: none;
	}
	.why-acc-icon {
		min-width: 46px;
		width: 46px;
		height: 46px;
		margin-right: 16px;
		font-size: 18px;
	}
	.why-acc-title {
		font-size: 22px;
	}
	.why-acc-body {
		padding: 0 22px 28px 84px;
	}
	.why-best-note {
		padding: 22px;
	}
	.clients-grid-row {
		margin-left: -8px;
		margin-right: -8px;
		margin-bottom: -16px;
	}
	.clients-grid-col {
		padding-left: 8px;
		padding-right: 8px;
		margin-bottom: 16px;
	}
	.client-grid-card {
		min-height: 20px;
	}
	.client-grid-logo {
		padding: 20px;
	}
	.client-grid-content {
		left: 12px;
		right: 12px;
	}
	.client-grid-content h3 {
		font-size: 20px;
	}
	.client-grid-line {
		width: 45px;
		margin-top: 14px;
	}
	img.mfp-img {
		max-height: calc(100vh - 80px);
		padding: 40px 0;
	}
	.mfp-arrow {
		width: 48px;
		height: 48px;
	}
	.mfp-arrow-left {
		left: 0;
	}
	.mfp-arrow-right {
		right: 0;
	}
	.career-intro-text p {
		font-size: 15px;
		line-height: 1.8;
	}
	.career-job-card {
		padding: 32px 26px;
		border-radius: 20px;
	}
	.career-job-card__title {
		font-size: 22px;
	}
	.career-job-card__text {
		font-size: 14px;
	}
	.section-blog__wrapper-post {
		padding-bottom: 30px;
		margin-bottom: 30px;
	}
	.sidebar {
		margin-top: 60px;
	}
}
@media only screen and (max-width: 575px) {
	.header__col-left .logo {
		max-width: 78px;
	}
	.header__col-left .logo img {
		max-height: 46px;
	}
	.header_sticky .header__col-left .logo {
		max-width: 68px;
	}
	.header_sticky .header__col-left .logo img {
		max-height: 38px;
	}
	.search-overlay {
		height: 260px;
	}
	.search-overlay__form {
		max-width: 100%;
	}
	.search-overlay__input {
		height: 52px;
		font-size: 22px;
	}
	.search-overlay__button {
		height: 52px;
		padding-left: 16px;
	}
	.search-overlay__close {
		top: 22px;
		right: 20px;
	}
	.container_xs-no-padding {
		padding-left: 0;
		padding-right: 0;
	}
	.ic-filter-trigger-wrap {
		left: 20px !important;
		right: auto !important;
		bottom: 25px;
	}
	.ic-filter-trigger {
		flex-direction: row-reverse;
		gap: 10px;
	}
	.ic-filter-trigger-text {
		display: block !important;
		min-width: 46px;
		height: 20px;
		text-align: left;
	}
	.ic-filter-trigger-text span {
		height: 20px;
		line-height: 20px;
		font-size: 16px;
	}
	.ic-filter-trigger-text span::before {
		height: 20px;
		line-height: 20px;
	}
	.ic-filter-trigger-icon span {
		width: 38px;
		height: 38px;
		font-size: 13px;
	}
	.ic-filter-list-content {
		padding: 100px 30px 80px 55px;
	}
	.ic-filter-link {
		font-size: 30px;
		white-space: normal;
	}
	.ic-filter-close-mobile {
		display: block;
	}
	.ic-filter-close-cursor {
		display: none;
	}
	.about-footprints-visual {
		min-height: 390px;
		padding: 35px 25px;
	}
	.about-footprints-title .quot {
		font-size: 30px;
	}
	.about-footprints-title .about-footprints-main {
		font-size: 58px;
		line-height: 0.98;
	}

	.about-footprints-line-wrap {
		gap: 14px;
		margin-top: 8px;
		margin-bottom: 24px;
	}

	.about-footprints-since {
		font-size: 28px;
		transform: rotate(180deg) translateY(-5px);
	}
	.about-footprints-year {
		font-size: 120px;
		-webkit-text-stroke: 1px rgba(198, 150, 58, 0.82);
	}
	.career-job-card__meta {
		gap: 12px;
		font-size: 12px;
	}
	.job-details-block h4,
	.job-apply-form-wrap h4 {
		font-size: 22px;
	}
	.job-details-list li {
		font-size: 14px;
		line-height: 1.75;
	}
}
@media only screen and (max-width: 480px) {
	.service-section {
		padding-top: 45px;
		padding-bottom: 70px;
	}
	.service-section .service-slider {
		margin-top: 32px;
	}
	.service-section .service-sec-info {
		padding: 98px 20px 20px;
	}
	.service-section .service-sec-title {
		font-size: 21px;
	}
	.service-section .service-sec-title::after {
		font-size: 66px;
		line-height: 72px;
		bottom: 40px;
	}
	.service-section .service-sec-media img {
		height: 225px;
	}
	.vmv-title {
		font-size: 32px;
	}
	.vmv-title-small {
		font-size: 28px;
	}
	.vmv-card h3 {
		font-size: 42px;
	}
	.vmv-value-card {
		padding: 30px 24px;
	}
	.why-acc-head {
		padding: 22px 18px;
	}
	.why-acc-title {
		font-size: 20px;
	}
	.why-acc-body {
		padding: 0 18px 26px 18px;
	}
	.why-acc-body p {
		font-size: 14px;
	}
	.why-acc-icon {
		display: none;
	}
	.clients-grid-heading {
		margin-bottom: 40px;
	}
	.clients-grid-title {
		font-size: 34px;
	}
	.client-grid-content h3 {
		font-size: 20px;
		line-height: 1.3;
	}
	.client-grid-line {
		width: 35px;
		height: 1px;
		margin-top: 11px;
	}

}
@media screen and (max-width: 380px) {
	.about-footprints-title span {
		font-size: 34px;
	}
	.about-footprints-title .about-footprints-main {
		font-size: 50px;
	}
	.about-footprints-year {
		font-size: 90px;
	}
}











/* Overlay widgets fix for iPad Pro / tablet */
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.header__wrapper-overlay-widgets .row {
		align-items: flex-end;
	}

	.header__wrapper-overlay-widgets .col-lg-4 {
		flex: 0 0 100%;
		max-width: 100%;
		text-align: center !important;
	}

	.header__wrapper-overlay-widgets .col-lg-4:not(:last-child) {
		margin-bottom: 18px;
	}

	.header__wrapper-overlay-widgets p {
		max-width: 520px;
		margin-left: auto;
		margin-right: auto;
	}
}

@media screen and (min-width: 320px) and (max-width: 1920px) {
	.footer__area-primary {
		padding-top: calc(30 * 1px + (100 - 30) * ((100vw - 320px) / 1600));
	}
	.section_pt-large {
    	padding-top: calc(100 * 1px + (300 - 100) * ((100vw - 320px) / 1600));
  	}
	.section_pt-xlarge {
		padding-top: calc(160 * 1px + (400 - 160) * ((100vw - 320px) / 1600));
	}
	.section_pt-small {
		padding-top: calc(40 * 1px + (100 - 40) * ((100vw - 320px) / 1600));
	}
	.section-masthead__header h1,
	.section-masthead__heading {
		font-size: calc(34 * 1px + (65 - 34) * ((100vw - 320px) / 1600));
	}
	.section_pb-small.section-offset_top .section-offset__content {
    	transform: translateY(calc(-1 * (40 * 0.67 * 1px + (100 - 40) * ((100vw - 320px) / 1600))));
  	}
	.form-contact {
		padding-top: calc(40 * 1px + (100 - 40) * ((100vw - 320px) / 1600));
	}
	.section_pt {
		padding-top: calc(60 * 1px + (200 - 60) * ((100vw - 320px) / 1600));
	}
	.section-nav-projects__inner {
		padding-top: calc(40 * 1px + (100 - 40) * ((100vw - 320px) / 1600));
	}
	
}
@media only screen and (max-width: 800px) and (min-width: 991px) {
	.header {
		padding-top: 40px;
	}
	.header__wrapper-overlay-widgets {
		padding-bottom: 30px;
	}
	.slider__footer {
		padding-bottom: 40px;
	}
}
@media only screen and (max-width: 991px) and (min-width: 320px) and (max-width: 1920px) {
	.figure-contact {
		padding-top: calc(40/3 * 1px + (100/2 - 40/3) * ((100vw - 320px) / 1600));
	}
}
@media screen and (max-width: 991px) and (min-width: 1920px) {
	.figure-contact {
		padding-top: calc(100/2 * 1px);
		padding-bottom: calc(100/2 * 1px);
	}
}
@media screen and (max-width: 991px) and (min-width: 320px) {
	.figure-contact {
		padding-bottom: calc(40/3 * 1px + (100/2 - 40/3) * ((100vw - 320px) / 1600));
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.grid__item_tablet-6 {
		flex: 0 0 50%;
		max-width: 50%;
	}
	.section-counter {
		padding: 60px 0 100px;
	}
	.section-counter .row.bg-col {
		padding: 0 0 61px;
	}
	.section-counter .counter-single-item-inner {
		margin-bottom: 60px;
	}
}
@media only screen and (min-width: 600px) and (max-width: 767px) {
	.section-counter .counter-single-item-inner {
		top: -0px;
		margin-bottom: 50px;
	}
}
@media only screen and (min-width: 320px) and (max-width: 599px) {
	.section-counter .row.bg-col {
    	padding: 0 0  100px;
	}
	.section-counter {
    	padding: 60px 0 100px;
	}
}
@media only screen and (max-width: 1024px) and (min-width: 992px) {
	.project-properties__grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
	.project-properties__item {
		padding: 24px 30px;
		border-bottom: 1px solid rgba(255, 255, 255, 0.16);
	}
	.project-properties__item:nth-child(odd) {
		padding-left: 0;
		border-left: none;
	}
	.project-properties__item:nth-child(even) {
		border-left: 1px solid rgba(255, 255, 255, 0.3);
	}
	.project-properties__item:nth-last-child(1) {
		border-bottom: none;
	}

}


/* Minimum Width Style CSS ==================================== */
@media only screen and (min-width: 1920px) {
	h1 {
		font-size: calc(65 * 1px);
	}
	h2 {
		font-size: calc(52 * 1px);
	}
	h4 {
		font-size: calc(27 * 1px);
	}
	.menu-overlay > li > a {
		font-size: calc(42 * 1px);
	}
	.menu-overlay .sub-menu > li > a {
		font-size: calc(26 * 1px);
	}
	p {
		font-size: calc(16 * 1px);
	}
	.slider-fullscreen__wrapper-button {
		margin-top: calc(1 * (40 * 1px));
	}
	.footer__area-primary {
		padding-top: calc(100 * 1px);
		padding-bottom: calc(100 * 1px);
	}
	.section_pt {
		padding-top: calc(200 * 1px);
	}
	.section_pt-large {
		padding-top: calc(300 * 1px);
	}
	.section_pt-small {
		padding-top: calc(100 * 1px);
	}
	.section_pb-small {
		padding-bottom: calc(100 * 1px);
	}
	.section_pb-xsmall {
		padding-bottom: calc(60 * 1px);
	}
	.section_pb-large {
		padding-bottom: calc(300 * 1px);
	}
	.section-masthead__header h1,
	.section-masthead__heading {
		font-size: calc(65 * 1px);
	}
	.section_pb-small.section-offset_top .section-offset__content {
    	transform: translateY(calc(-1 * 100 * 1px ));
  	}
	.section__headline {
		margin-top: calc(1 * (80 * 1px));
	}
	.link-arrow {
		font-size: calc(13 * 1px);
	}
	.slider__counter {
		font-size: calc(13 * 1px);
	}
	.button {
		font-size: calc(13 * 1px);
	}
	.form-contact {
		padding-top: calc(100 * 1px);
	}
	.form-contact {
		padding-bottom: calc(100 * 1px);
	}
	.section_pt {
		padding-top: calc(200 * 1px);
	}
	.section-cta__wrapper-button {
		margin-top: calc(1 * (50 * 1px));
	}
	.button {
		font-size: calc(13 * 1px);
	}
	.section_pt-xlarge {
		padding-top: calc(400 * 1px);
	}
	.section_mb {
		margin-bottom: calc(1 * (200 * 1px));
	}
	.slider-testimonials__author {
		font-size: calc(13 * 1px);
	}
	.figure-portfolio__category {
		font-size: calc(13 * 1px);
	}
	.section-portfolio .slider-projects .slider__counter {
		font-size: calc(13 * 1px);
	}
	.section-video__icon {
		font-size: calc(13 * 1px);
	}
	.section-nav-projects__inner {
		padding-top: calc(100 * 1px);
	}
	.section-nav-projects__heading {
		font-size: calc(52 * 1px);
	}
	.section-portfolio__wrapper-tabs {
		margin-bottom: calc(1 * (100 * 1px));
	}
	.filter__item {
		font-size: calc(13 * 1px);
	}
}
@media only screen and (min-width: 1200px) {
	.service-section .js-service-carousel {
		padding-left: 55px;
		padding-right: 55px;
	}
}
@media only screen and (min-width: 992px) {
	.section-testimonials-outer .section-testimonials {
		min-height: 515px;
		display: flex;
		align-items: center;
	}
	.section-testimonials-outer .section-testimonials .swiper-wrapper {
		align-items: center;
	}
	.section-testimonials-outer .slider-testimonials__inner {
		width: 100%;
	}
	.grid__item_desktop-6 {
		flex: 0 0 50%;
		max-width: 50%;
	}
}
@media only screen and (min-width: 768px) {
	.grid__item_fluid-6-fancy:nth-of-type(3) {
		margin-top: 12vw;
	}
}

@media only screen and (min-width: 320px) {
 	p {
		font-size: calc(16 * 1px + (16 - 16) * ((100vw - 320px) / 1600));
	}
	h1 {
		font-size: calc(34 * 1px + (65 - 34) * ((100vw - 320px)/ 1600));
		line-height: 1;
	}
	h3 {
		font-size: calc(26 * 1px + (42 - 26) * ((100vw - 320px)/ 1600));
	}
	h4 {
		font-size: calc(19 * 1px + (27 - 19) * ((100vw - 320px)/ 1600));
	}
	.text-xl {
		font-size: calc(58 * 1px + (107 - 58) * ((100vw - 320px)/ 1600));
	}
	.menu-overlay > li > a {
		font-size: calc(28 * 1px + (42 - 28) * ((100vw - 320px) / 1600));
	}
	.menu-overlay .sub-menu > li > a {
		font-size: calc(20 * 1px + (26 - 20) * ((100vw - 320px) / 1600));
	}
	.footer__area-primary {
		padding-bottom: calc(30 * 1px + (100 - 30) * ((100vw - 320px) / 1600));
	}
	.section_pb-small {
		padding-bottom: calc(40 * 1px + (100 - 40) * ((100vw - 320px) / 1600));
	}
	.section_pb-xsmall {
		padding-bottom: calc(40 * 1px + (60 - 40) * ((100vw - 320px) / 1600));
	}
	.section_pb-large {
		padding-bottom: calc(100 * 1px + (300 - 100) * ((100vw - 320px) / 1600));
	}
	.slider-fullscreen__wrapper-button {
		margin-top: calc(1 * (20 * 1px + (40 - 20) * ((100vw - 320px) / 1600)));
	}
	.link-arrow {
		font-size: calc(11 * 1px + 13 - 11 * ((100vw - 320px) / 1600));
	}
	.slider__counter {
		font-size: calc(11 * 1px + 13 - 11 * ((100vw - 320px) / 1600));
	}
	.button {
		font-size: calc(11 * 1px + (13 - 11) * ((100vw - 320px) / 1600));
	}
	.form-contact {
		padding-bottom: calc(40 * 1px + (100 - 40) * ((100vw - 320px) / 1600));
	}
	.section-cta__wrapper-button {
		margin-top: calc(1 * (30 * 1px + (50 - 30) * ((100vw - 320px) / 1600)));
	}
	.button {
		font-size: calc(11 * 1px + (13 - 11) * ((100vw - 320px) / 1600));
	}
	.section_mb {
		margin-bottom: calc(1 * (60 * 1px + (200 - 60) * ((100vw - 320px) / 1600)));
	}
	.slider-testimonials__author {
		font-size: calc(11 * 1px + (13 - 11) * ((100vw - 320px) / 1600));
	}
	.subheading {
		font-size: calc(11 * 1px + (13 - 11) * ((100vw - 320px)/ 1600));
	}
	.figure-portfolio__category {
		font-size: calc(11 * 1px + (13 - 11) * ((100vw - 320px) / 1600));
	}
	.section-portfolio .slider-projects .slider__counter {
		font-size: calc(11 * 1px + (13 - 11) * ((100vw - 320px) / 1600));
	}
	.section-video__icon {
		font-size: calc(11 * 1px + (13 - 11) * ((100vw - 320px) / 1600));
	}
	.section-nav-projects__inner {
		padding-bottom: calc(40 * 1px + (100 - 40) * ((100vw - 320px) / 1600));
	}
	.section-nav-projects__heading {
		font-size: calc(34 * 1px + (52 - 34) * ((100vw - 320px) / 1600));
	}
	.section-portfolio__wrapper-tabs {
    	margin-bottom: calc(1 * (40 * 1px + (100 - 40) * ((100vw - 320px) / 1600)));
	}
	.filter__item {
		font-size: calc(11 * 1px + (13 - 11) * ((100vw - 320px) / 1600));
	}
}


/* ==========================================================
   Header Overlay Menu - Laptop Height Fix
   For 14 inch laptops / 1366x768 screens
========================================================== */

@media screen and (min-width: 992px) and (max-height: 820px) {

	.header__wrapper-overlay-menu {
		align-items: flex-start;
		padding-top: 115px;
		padding-bottom: 120px;
	}
	.header__wrapper-menu {
		max-width: 360px;
	}
	.menu-overlay > li > a {
		font-size: 36px;
		line-height: 1.5;
		padding: 1px 0;
	}
	.menu-overlay .sub-menu > li > a {
		font-size: 18px;
		line-height: 1.25;
		padding: 5px 0;
	}
	.header__wrapper-overlay-widgets {
		padding-bottom: 28px;
	}
	.header__wrapper-overlay-widgets p {
		font-size: 14px;
		line-height: 1.65;
		margin-top: 0;
		margin-bottom: 0;
	}
	.header__circle-letters {
		width: 250px;
		height: 250px;
	}
	.header__circle-letters-inner {
		width: 250px;
		height: 250px;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.header__circle-letters svg {
		width: 250px;
		height: 250px;
	}
	svg.vector-letters {
		width: 145px !important;
	}
}

@media screen and (min-width: 992px) and (max-height: 700px) {
	.header__wrapper-overlay-menu {
		padding-top: 95px;
		padding-bottom: 100px;
	}
	.menu-overlay > li > a {
		font-size: 31px;
		line-height: 1.4;
		padding: 0;
	}
	.header__wrapper-overlay-widgets {
		padding-bottom: 20px;
	}
	.header__wrapper-overlay-widgets p {
		font-size: 13px;
		line-height: 1.55;
	}
	.header__circle-letters {
		width: 220px;
		height: 220px;
	}
	.header__circle-letters svg {
		width: 220px;
		height: 220px;
	}
}



