@media screen and (max-width: 1800px) {
    html {
        font-size: 60%;
    }

    :root {
        --size_22_5: 20.5rem;
        --size_20: 20rem;
        --size_18: 18rem;
        --size_14: 14rem;
        --size_12: 12rem;
        --size_10: 10rem;
        --size_8: 7.7rem;
        --size_7_5: 7.2rem;
        --size_7: 6.7rem;
        --size_6_5: 6.2rem;
        --size_6: 5rem;
        --size_5_5: 4.8rem;
        --size_5: 4.7rem;
        --size_4_5: 4.2rem;
        --size_4: 3.9rem;
        --size_3_8: 3.7rem;
        --size_3_6: 3.5rem;
        --size_3_5: 3.3rem;
        --size_3_2: 3.1rem;
        --size_3: 2.9rem;
        --size_2_8: 2.6rem;
        --size_2_4: 2.3rem;
        --size_2_2: 2.1rem;
        --size_2: 1.9rem;
        --size_1_8: 1.7rem;
        --size_1_6: 1.5rem;
        --size_1_5: 1.5rem;
        --size_1_4: 1.4rem;
        --size_1_2: 1.2rem;
    }
}

@media screen and (max-width: 1663px) {
    html {
        font-size: 57%;
    }

    :root {
        --size_22_5: 18.5rem;
        --size_20: 16rem;
        --size_18: 14rem;
        --size_14: 12rem;
        --size_12: 10rem;
        --size_10: 8rem;
        --size_8: 7.7rem;
        --size_7_5: 7.2rem;
        --size_7: 6.7rem;
        --size_6_5: 6.2rem;
        --size_6: 4.6rem;
        --size_5_5: 4.4rem;
        --size_5: 4.2rem;
        --size_4_5: 4rem;
        --size_4: 3.8rem;
        --size_3_8: 3.6rem;
        --size_3_6: 3.4rem;
        --size_3_5: 3.2rem;
        --size_3_2: 3rem;
        --size_3: 2.8rem;
        --size_2_8: 2.5rem;
        --size_2_4: 2.2rem;
        --size_2_2: 2rem;
        --size_2: 1.8rem;
        --size_1_8: 1.6rem;
        --size_1_6: 1.5rem;
        --size_1_5: 1.5rem;
        --size_1_4: 1.4rem;
        --size_1_2: 1.2rem;
    }

    /*.cta-profilage a .cta-profilage-inner .bloc .sign {
        */
    /* top: .4rem;
        */
    /* right: .6rem;
        */
    /*
    }
    */
    .hp-banner-content .inner {
        width: 70%;
    }
}

@media screen and (max-width: 1535px) {
    html {
        font-size: 52.5%;
    }

    :root {
        --size_22_5: 16.5rem;
        --size_20: 14rem;
        --size_18: 12rem;
        --size_14: 10rem;
        --size_12: 8rem;
        --size_10: 6rem;
        --size_8: 5.7rem;
        --size_7_5: 5.2rem;
        --size_7: 5rem;
        --size_6_5: 4.8rem;
        --size_6: 4.6rem;
        --size_5_5: 4.4rem;
        --size_5: 4rem;
        --size_4_5: 3.5rem;
        --size_4: 3.2rem;
        --size_3_8: 3.1rem;
        --size_3_6: 3rem;
        --size_3_5: 2.9rem;
        --size_3_2: 2.8rem;
        --size_3: 2.5rem;
        --size_2_8: 2.2rem;
        --size_2_4: 2rem;
        --size_2_2: 1.8rem;
        --size_2: 1.7rem;
        --size_1_8: 1.5rem;
        --size_1_6: 1.4rem;
        --size_1_5: 1.3rem;
        --size_1_4: 1.2rem;
        --size_1_2: 1.1rem;
    }

    .cta-profilage a .cta-profilage-inner .bloc .sign {
        top: .3rem;
        right: .55rem;
    }
}

@media screen and (max-width: 1279px) {
    :root {
        --size_22_5: 14.5rem;
        --size_20: 12rem;
        --size_18: 10rem;
        --size_14: 8rem;
        --size_12: 6rem;
        --size_10: 5rem;
        --size_8: 4.7rem;
        --size_7_5: 4.2rem;
        --size_7: 4rem;
        --size_6_5: 3.8rem;
        --size_6: 3.6rem;
        --size_5_5: 3.4rem;
        --size_5: 3.2rem;
        --size_4_5: 3rem;
        --size_4: 2.9rem;
        --size_3_8: 2.8rem;
        --size_3_6: 2.7rem;
        --size_3_5: 2.6rem;
        --size_3_2: 2.5rem;
        --size_3: 2.4rem;
        --size_2_8: 2.2rem;
        --size_2_4: 2rem;
        --size_2_2: 1.8rem;
        --size_2: 1.7rem;
        --size_1_8: 1.5rem;
        --size_1_6: 1.4rem;
        --size_1_5: 1.4rem;
        --size_1_4: 1.3rem;
        --size_1_2: 1.1rem;
    }
}

@media screen and (max-width: 1023px) {
    :root {
        --size_22_5: 22.5rem;
        --size_20: 20rem;
        --size_18: 18rem;
        --size_14: 14rem;
        --size_12: 12rem;
        --size_10: 10rem;
        --size_8: 5rem;
        --size_7_5: 5.5rem;
        --size_7: 5rem;
        --size_6_5: 4.5rem;
        --size_6: 4rem;
        --size_5_5: 3.5rem;
        --size_5: 3.2rem;
        --size_4_5: 3rem;
        --size_4: 2.8rem;
        --size_3_8: 2.7rem;
        --size_3_6: 2.6rem;
        --size_3_5: 2.5rem;
        --size_3_2: 2.4rem;
        --size_3: 2rem;
        --size_2_8: 1.8rem;
        --size_2_4: 1.6rem;
        --size_2_2: 1.6rem;
        --size_2: 1.6rem;
        --size_1_8: 1.6rem;
        --size_1_6: 1.5rem;
        --size_1_5: 1.5rem;
        --size_1_4: 1.4rem;
        --size_1_2: 1.2rem;
    }

    header.fixed {
        background: var(--white);
    }

    .top-header {
        display: none;
    }

    .inner-header {
        max-width: 90%;
        margin: 0 auto;
    }

    header .logo {
        position: relative;
        top: auto;
        left: auto;
        width: 25%;
    }

    .nav-ham {
        display: block;
        /* order: 3;
         */
    }

    .nav-ham .btns {
        width: 3.5rem;
        cursor: pointer;
    }

    .nav-ham span {
        display: block;
        width: 100%;
        border-radius: 3px;
        height: 3px;
        background: var(--white);
        transition: all .5s ease-in-out;
        position: relative;
    }

    header.fixed .nav-ham span {
        background: var(--blue);
    }

    header.details .nav-ham span {
        background: var(--blue);
    }

    .btns span+.btns span {}

    .nav-ham .open span:nth-child(1) {
        animation: ease .7s top forwards;
    }

    .nav-ham .not-open span:nth-child(1) {
        animation: ease .7s top-2 forwards;
    }

    .nav-ham .open span:nth-child(2) {
        animation: ease .7s scaled forwards;
        margin-top: 16px;
    }

    .nav-ham .not-open span:nth-child(2) {
        animation: ease .7s scaled-2 forwards;
        margin-top: 4px;
    }

    .nav-ham .open span:nth-child(3) {
        animation: ease .7s bottom forwards;
        margin-top: 22px;
    }

    .nav-ham .not-open span:nth-child(3) {
        animation: ease .7s bottom-2 forwards;
        margin-top: 4px;
    }

    @keyframes top {
        0% {
            top: 0;
            transform: rotate(0);
        }

        50% {
            top: 22px;
            transform: rotate(0);
        }

        100% {
            top: 22px;
            transform: rotate(45deg);
        }
    }

    @keyframes top-2 {
        0% {
            top: 22px;
            transform: rotate(45deg);
        }

        50% {
            top: 22px;
            transform: rotate(0deg);
        }

        100% {
            top: 0;
            transform: rotate(0deg);
        }
    }

    @keyframes bottom {
        0% {
            bottom: 0;
            transform: rotate(0);
        }

        50% {
            bottom: 22px;
            transform: rotate(0);
        }

        100% {
            bottom: 22px;
            transform: rotate(135deg);
        }
    }

    @keyframes bottom-2 {
        0% {
            bottom: 22px;
            transform: rotate(135deg);
        }

        50% {
            bottom: 22px;
            transform: rotate(0);
        }

        100% {
            bottom: 0;
            transform: rotate(0);
        }
    }

    @keyframes scaled {
        50% {
            transform: scale(0);
        }

        100% {
            transform: scale(0);
        }
    }

    @keyframes scaled-2 {
        0% {
            transform: scale(0);
        }

        50% {
            transform: scale(0);
        }

        100% {
            transform: scale(1);
        }
    }
    
    header.open {
        background: var(--blue);
    }

	.bottom-header {
		position: fixed;
		opacity: 0;
		visibility: hidden;
		top: 10rem;
		left: 0;
		border-radius: 0 !important;
		width: 100%;
		height: 100%;
		background: var(--blue);
		padding: 5rem 3rem;
		transition: var(--transition);
	}

	header.fixed .bottom-header {
		padding: 5rem 3rem;
		background: var(--blue);
	}
	
	header.details .bottom-header {
        background: var(--blue);
    }

	header.open .bottom-header {
		opacity: 1;
		visibility: visible;
	}
    
    .bottom-header .inner {
        height: auto;
        margin: 0;
        width: 100%;
    }
	
	header.open .nav-ham span {
	    background: var(--white);
	}

	.bottom-header-bloc > nav > ul {
		display: block;
	}

	.bottom-header-bloc > nav > ul > li:first-child {
		margin-top: 0;
	}

	.bottom-header-bloc > nav > ul > li:last-child {
		margin-bottom: 0;
	}

	.bottom-header-bloc > nav > ul > li {
		margin: 3rem 0;
	}

	.bottom-header-bloc > nav > ul > li > a {
		font-size: 2rem;
	    color: var(--white) !important;
	}
	
	header.fixed .bottom-header-bloc > nav > ul > li > a {
	    color: var(--white);
	}
	
	header.fixed .right-bottom-header li.search path {
	    fill: var(--white);
	}
	
	header.fixed .right-bottom-header li.talk a {
        color: var(--white);
        border: 1px solid var(--white);
    }
	
	header.fixed .right-bottom-header li.talk a:hover {
        color: var(--blue);
        background: var(--white);
    }
	
	header.details .bottom-header-bloc > nav > ul > li > a {
	    color: var(--white);
	}
	
	header.details .right-bottom-header li.search path {
	    fill: var(--white);
	}
	
	header.details .right-bottom-header li.talk a {
        color: var(--white);
        border: 1px solid var(--white);
    }
	
	header.details .right-bottom-header li.talk a:hover {
        color: var(--blue);
        background: var(--white);
    }
	
	.bottom-header-bloc,
    .bottom-header-bloc > nav,
    .bottom-header-bloc > nav > ul,
    .bottom-header-bloc > nav > ul > li,
    .bottom-header-bloc > nav > ul > li > a {
        height: auto;
        display: block;
    }
    
    .submenu {
        width: 100%;
        position: relative;
        top: auto !important;
        left: auto;
        transform: none;
        opacity: 1;
        visibility: visible;
        background: #fff;
        margin: 2rem 0;
        border-radius: .6rem;
        display: none;
        transition: none;
    }
    
    .submenu li a {
        color: var(--blue);
    }
	
	.right-bottom-header {
	    width: 100%;
	    margin-top: 3rem;
	}
    
    .right-bottom-header ul {
        justify-content: space-between;
    }
	
	.bottom-header-bloc nav {
	    width: 100%;
	}

    .left-hp-about {
        width: 100%;
    }

    .right-hp-about {
        width: 100%;
        padding-top: 5rem;
    }

    .left-hp-brands {
        width: 100%;
    }

    .right-hp-brands {
        width: 100%;
        padding-top: 3rem;
    }

    .hpAbout-tit-bloc {
        width: 100%;
        max-width: 90%;
    }

    .left-products-bloc {
        width: 100%;
    }

    .left-products-bloc .inner:after {
        display: none;
    }

    .right-products-bloc {
        width: 100%;
        padding-top: 5rem;
    }

    .hp-news-titbloc {
        flex-wrap: wrap;
    }

    .hp-news-titbloc .titbloc {
        width: 100%;
    }

    .hp-news-titbloc .cta-profilage {
        width: 100%;
    }

    .hp-experience-image .tit {
        width: 100%;
    }

    .left-top-footer {
        width: 100%;
    }

    .right-top-footer {
        width: 100%;
        padding-top: 5rem;
    }

    .left-about-section {
        width: 100%;
    }

    .left-about-section .cta-profilage {
        padding-top: 3rem;
    }

    .left-about-section .cta-profilage a {
        margin: 0;
    }

    .right-about-section {
        width: 100%;
        padding-top: 5rem;
    }

    .right-about-section .inner {
        padding-top: 0;
        width: 100%;
    }

    .left-quote-section {
        width: 20%;
    }

    .right-quote-section {
        width: 80%;
    }

    .left-standards-section {
        width: 100%;
    }

    .right-standards-section {
        width: 100%;
        padding-top: 5rem;
    }

    .team-repeat {
        width: 49%;
    }

    .team-bloc {
        gap: 1rem 1.33%;
    }

    .job-repeat {
	    width: 50%;
    }

    .job-repeat:first-child:nth-child(1n) {
    	padding-left: 0;
    }
    
    .job-repeat:not(:last-child):not(:nth-child(2n)):nth-child(3n) {
    	border-right: 1px solid rgba(47, 82, 128, 0.20);
    }
    
    .job-repeat:not(:last-child):nth-child(2n) {
    	border-right: 0;
    }
    
    .job-repeat:last-child:nth-child(3n) {
    	padding: 1.5rem 3rem 1.5rem 0;
    }
    
    .job-repeat:last-child:nth-child(2n) {
    	padding-right: 0;
    	border-right: 0;
    }
    
    .left-projects {
        width: 100%;
        padding-bottom: 3rem;
    }
    
    .right-projects {
        width: 100%;
    }
    
    .locate-bloc .job-repeat {
        width: 48.67%;
    }
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
}

@media screen and (max-width: 767px) {
    :root {
        --size_22_5: 22.5rem;
        --size_20: 20rem;
        --size_18: 18rem;
        --size_14: 14rem;
        --size_12: 12rem;
        --size_10: 10rem;
        --size_8: 4.5rem;
        --size_7_5: 4rem;
        --size_7: 3.8rem;
        --size_6_5: 3.6rem;
        --size_6: 3.4rem;
        --size_5_5: 3.2rem;
        --size_5: 3rem;
        --size_4_5: 2.8rem;
        --size_4: 2.6rem;
        --size_3_8: 2.5rem;
        --size_3_6: 2.4rem;
        --size_3_5: 2.3rem;
        --size_3_2: 2.2rem;
        --size_3: 1.8rem;
        --size_2_8: 1.6rem;
        --size_2_4: 1.6rem;
        --size_2_2: 1.6rem;
        --size_2: 1.6rem;
        --size_1_8: 1.6rem;
        --size_1_6: 1.5rem;
        --size_1_5: 1.5rem;
        --size_1_4: 1.4rem;
        --size_1_2: 1.2rem;
    }

    header {
        height: 10rem;
    }

    header .logo {
        width: 45%;
    }
    
    .tit-profilage {
        letter-spacing: -0.2rem;
    }

    .hp-banner-content .inner {
        width: 100%;
        padding-bottom: 15rem;
    }

    .hp-banner-section .social-bloc {
        position: absolute;
        top: auto;
        right: auto;
        bottom: 2%;
        left: 50%;
        transform: translate(-50%, 0);
        z-index: 1;
        width: 100%;
        width: 90%;
    }

    .banner-content-ctaBloc {
        padding-top: 5rem;
    }

    .social-bloc ul {
        display: flex;
    }

    .left-hp-about .left-bloc {
        width: 100%;
        padding-bottom: 2rem;
    }

    .left-hp-about .right-bloc {
        width: 100%;
        position: relative;
        display: flex;
        flex-wrap: wrap;
    }

    .left-hp-about .right-bloc .cta-profilage {
        width: 100%;
    }

    .left-hp-about .right-bloc .photo {
        width: 100%;
    }

    .subText-bloc {
        width: 95%;
    }

    .hpAbout-tit-bloc {
        flex-wrap: wrap;
    }

    .hpAbout-tit-bloc .pretit-profilage {
        order: 1;
        width: 100%;
        padding-bottom: 0;
    }

    .hpAbout-tit-bloc .tit-profilage {
        order: 2;
        width: 100%;
        padding-top: 0;
    }

    .hp-products-bloc {
        padding-top: 5rem;
    }

    .left-products-bloc .inner {
        padding-top: 0;
    }

    .hp-news-titbloc .titbloc {
        flex-wrap: wrap;
    }

    .hp-news-titbloc .titbloc .pretit-profilage {
        order: 1;
        width: 100%;
        padding-bottom: 0;
    }

    .hp-news-titbloc .titbloc .tit-profilage {
        order: 2;
        width: 100%;
        padding-top: 0;
    }

    .hp-news-titbloc .titbloc .tit-profilage br {
        display: none;
    }

    .left-news-repeat {
        width: 100%;
    }

    .left-news-repeat .date {
        padding-top: 0;
    }

    .center-news-repeat {
        width: 100%;
    }

    .right-news-repeat {
        width: 100%;
        padding-top: 3rem;
    }

    .hp-news-repeat .inner {
        padding: 2rem;
    }

    .ppage .products-bloc .products-cnt {
        width: 100%;
        border-bottom: 1px solid rgba(12, 33, 60, 0.10);
        border-right: 0;
    }

    .product-filters>* {
        width: 100%;
    }

    .product-filters select,
    .product-filters input {
        width: 100%;
    }

    .left-quote-section {
        width: 100%;
    }

    .right-quote-section {
        width: 100%;
        padding-top: 3rem;
    }

    .team-repeat {
        width: 100%;
    }

    .inner-bottom-footer {
        justify-content: flex-start;
        gap: 3rem;
    }

    .bottom-footer .text:first-child {
        width: 100%;
    }
    
    .left-bottom-photo {
        width: 100%;
    }
    
    .right-bottom-photo {
        width: 100%;
        margin-top: 2rem;
    }
    
    .bottom-photo-bloc .photo {
        height: 25rem;
    }
    
    .job-bloc {
        padding-top: 5rem;
    }

    .job-repeat {
	    width: 100%;
	    padding: 0 !important;
	    border: 0 !important;
	    margin-bottom: 5rem;
    }
    
    .left-job-repeat {
        width: 5%;
    }
    
    .right-job-repeat {
        width: 90%;
    }
    
    .left-newsIn {
        width: 100%;
        padding-bottom: 3rem;
        position: relative;
    }
    
    .right-newsIn {
        width: 100%;
    }
    
    .news-repeat {
        width: 100%;
    }
    
    .left-newsP {
        width: 100%;
        padding-bottom: 3rem;
    }
    
    .right-newsP {
        width: 100%;
    }
    
    .left-product-details {
        width: 100%;
        padding: 0 !important;
    }
    
    .right-product-details {
        width: 100%;
        padding: 0 !important;
    }
    
    .inner-product-details:after {
        display: none;
    }
    
    .locate-bloc .job-repeat {
        width: 100%;
    }
    
    .left-hp-about .right-bloc {
        gap: 2%;
    }
    
    .left-hp-about .right-bloc .photo {
        width: 49%;
    }
    
    .hp-experience-section.home .hp-experience-image .tit {
        font-size: 7rem;
    }
    
    .contact-form .umbraco-forms-field {
        width: 100% !important;
    }
    
    .inner-projects-section {
        padding-top: 10rem;
    }
    
    
    
    
    
    
    
}

@media screen and (min-width: 2000px) {
    html {
        font-size: 62.5%;
    }
}

@media screen and (min-width: 2500px) {}