/*
@media(max-width:1390px){
    .page-title {
        font-size: 65px;
        line-height: 60px;
        padding-top: 90px;
    }
    .wrapper {
        width: 100%;
        max-width: 1400px;
    }    

}
@media(max-width:768px){
    .page-title {
        font-size: 36px;
        line-height: 45px;
        padding-top: 60px;
    }

}
@media(max-width:500){
    .page-title {
        font-size: 20px;
        line-height: 20px;
        padding-top: 40px;
    }
}

@media(max-width:1390px){

    .products-content {
        padding: 0 40px;
        gap: 60px 80px;
    }
    .product {
        width: 100%;
        max-width: 529px;
    }

    .products .wrapper {
        padding-top: 160px;
    }


    .product-btn {
        width: 200px;
        height: 58px;
        font-size: 16px;
    }

    .product-title {
        margin-top: 30px;
        font-size: 15px;
        line-height: 19px;
        padding-left: 30px;
    }

    .product-title__line {
        width: 13px;
        height: 55px;
    }

    .product-image img {
        width: 100%;
        height: auto;
        display: block;
    }
    .products-content > :last-child:nth-child(odd) {
        justify-self: center;
        max-width: calc(100% / 2);
        margin: 0 auto;
    }



    .projects {
        margin-top: 220px;
    }

    .projects-content {
        grid-template-columns: repeat(5, 1fr);
        margin-top: 80px;
        gap: 20px 15px;
        padding: 0 40px;
    }

    .projects-content a {
        width: 100%;
        height: 160px;
    }




    .about {
        padding-top: 50px;
    }



    .about-content {
        padding: 100px 40px;
        margin: 0;
        gap: 40px;
        flex-direction: column;
        
    }

    .about-left {
        max-width: 100%;
        width: 100%;
        flex-direction: column;
    }

    .about-video, .about-video a {
        width: 100%;
        height: 420px;
    }

    .about-video {
        position: relative;
    }

    .about-video > img {
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        pointer-events: none;
    }

    .about-video a > img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        border-radius: inherit;
    }

    .about-gallery {
        display: flex;
        gap: 20px;
        margin-top: 24px;
    }


    .main-content {
        padding-top: 180px;
    }

    .main-title {
        font-size: 100px;
        line-height: 100px;
    }

    .main-subtitle {
        font-size: 40px;
        margin-top: 40px;
        line-height: 40px;
    }


    .form .wrapper {
        display: flex;
        justify-content: center;
        padding: 0 40px;
    }
    .form {
        margin-top: 250px;
    }


    .form-note {
        width: 380px;
        height: 240px;
        margin-left: 0px;
        margin-top: -25px;
        padding-left: 30px;
    }



    .form-right {
        padding-left: 60px;
    }

    .feedback-input input {
        width: 520px;
        height: 80px;
        padding-left: 40px;
        font-size: 15px;
        line-height: 14px;
    }


    .feedback-input {
        margin-bottom: 27px;
    }

    .feedback-input:after {
        font-size: 40px;
        line-height: 14px;
        right: 25px;
        top: 45px;
    }



    .certificates-content {
        margin-top: 80px;
        padding: 0 40px;
        gap: 40px 30px;
    }

    .certificates-content a {
        width: 280px;
        height: 400px;
    }

    .certificates-controls {
        margin-top: 40px;
    }



    .partners {
        margin-top: 160px;
        padding-bottom: 120px;
    }

    .partners::before {
        top: -20px;
    }


    .partners__title {
        font-size: 65px;
        line-height: 60px;
        margin-top: 80px;
    }

    .partner-item {
        width: 230px;
        height: 120px;
    }

    .partners-slider {
        margin-top:70px;
    }


}

@media(max-width:1000px){
    .projects-content {
        grid-template-columns: repeat(4, 1fr);
        gap: 20px 15px;
    }

    .about-content {
        padding: 80px 40px;
    }



    .main-title {
        font-size: 80px;
        line-height: 80px;
    }

    .main-subtitle {
        font-size: 32px;
        margin-top: 35px;
        line-height: 32px;
    }
    .main-btn {
        width: 248px;
        height: 68px;
        font-size: 16px;
        margin-top: 75px;
    }


    .form .wrapper {
        display: flex;
        flex-direction: column;
        justify-content: start;
        width: 100%;
        gap:40px;
        padding: 0 40px;
    }
    .form {
        margin-top: 250px;
    }
    .form-box {
        height: 750px;
    }
    .form-right {
        padding-left: 0;
        padding-top: 0;
    }

    .form-note {
        width: 60%;
    }
    .feedback-input input {
        width: 100%;
        height: 80px;
        padding-left: 40px;
    }


    .feedback-input {
        margin-bottom: 27px;
    }

    .feedback-input:after {
        font-size: 40px;
        line-height: 14px;
        right: 25px;
        top: 45px;
    }
    .form-button{
        display: flex;
        justify-content: center;

    }


    .certificates-content {
        margin-top: 60px;
        gap: 20px;
    }

    .certificates-content a {
        width: 220px;
        height: 310px;
    }
    .certificates-controls .btn {
        width: 200px;
        height: 58px;
    }


    .partner-item {
        width: 200px;
        height: 100px;
    }

    .partners-slider {
        margin-top:60px;
    }


}
@media(max-width:768px){



    .products-content {
        margin-top: 60px;
        padding: 0 20px;
        gap: 40px;
    }
    .product {
        max-width: 400px;
    }
    .product-title {
        margin-top: 20px;
        font-size: 12px;
        line-height: 15px;
        padding-left: 15px;
    }
    .product-title__line {
        width: 10px;
        height: 40px;
        top: 0;
    }
    .product-btn {
        width: 140px;
        height: 48px;
        font-size: 14px;
    }


    .projects-content {
        padding: 0 20px;
        margin-top: 60px;
    }
    .projects-content a {
        height: 140px;
    }


    .about-content {
        padding: 60px 20px;
        gap:20px;
    }
    .about::after{
        content: '';
        display: none;
    }
    
    .about-video, .about-video a{
        height: 320px;
    }

    .about-tags {
        margin-top: 25px;
        gap: 16px;
    }

    .about-tag__title {
        font-size: 28px;
        margin-top: 25px;
    }

    .about-tag__subtitle {
        font-size: 13px;
        margin-top: 15px;
    }


    .about-controls > button {
        top: -40px;
    }
    .about-gallery {
        gap: 10px;
        margin-top: 16px;
    }
    .about-gallery > a {
        width: 110px;
        height: 90px;
        display: block;
    }


    .main {
        height: auto;
    }
    .main-content {
        padding: 120px 0;
    }

    .main-title {
        font-size: 58px;
        line-height: 60px;
    }

    .main-subtitle {
        font-size: 24px;
        margin-top: 24px;
        line-height: 26px;
    }
    .main-btn {
        width: 240px;
        height: 65px;
        font-size: 16px;
        margin-top: 70px;
    }
    .main-content::before {
        content: "";
        top: 55px;
        left: 0;
        width: 100%;
        height: 600px;
        background-image: url(/images/site/main_lines.png);
        background-repeat: no-repeat;
        background-size: 100% 400px;
    }



    .form .wrapper {
        padding: 0 20px;
    }
    .form {
        margin-top: 200px;
    }
    .form-box {
        height: 750px;
    }

    .form-note {
        width: 70%;
    }
    .feedback-input input {
        width: 100%;
        height: 80px;
        padding-left: 40px;
    }
    


    .certificates-content {
        margin-top: 60px;
        gap: 20px;
        padding: 0 20px;
    }

    .certificates-content a {
        width: 160px;
        height: 230px;
    }



    .partners {
        margin-top: 140px;
        padding-bottom: 100px;
    }
    .partners__title {
        font-size: 36px;
        line-height: 45px;
        margin-top: 60px;
    }

    .partner-item {
        width: 230px;
        height: 120px;
    }

    .partners-slider {
        margin-top:50px;
    }

}
@media(max-width:550px){

    .products-content {
        margin-top: 50px;
        padding: 0 10px;
        gap: 20px;
    }
    .page-title-box img{
        display: none;
    }


    .projects-content {
        grid-template-columns: repeat(3, 1fr);
        margin-top: 50px;
        padding: 0 10px;
        gap: 15px 10px;
    }
    .projects-content a {
        height: 120px;
    }

    .about-tags{
        flex-direction: column;
    }
    .about-tag{
        width: 100%;
    }

    .about-video, .about-video a {
        height: 240px;
    }
    .about-gallery > a {
        width: 80px;
        height: 60px;
        display: block;
    }
    .about-content {
        padding: 60px 10px;
    }
    .about-btn {
        width: 200px;
        height: 58px;
    }

    .main-content {
        padding: 100px 0;
    }

    .main-title {
        font-size: 42px;
        line-height: 50px;
    }

    .main-subtitle {
        font-size: 18px;
        margin-top: 20px;
        line-height: 20px;
    }
    .main-btn {
        width: 200px;
        height: 55px;
        font-size: 16px;
        margin-top: 50px;
    }
    .main-content::before {
        top: 55px;
        height: 100%;
        background-size: 100% 400px;
    }


    .form .wrapper {
        padding: 0 10px;
    }
    .form {
        margin-top: 160px;
    }
    .form-box {
        height: 650px;
    }

    .form-note {
        width: 90%;
        height: 210px;
    }
    .feedback-input:after {
        right: 15px;
        top: 32px;
    }
    .feedback-input input {
        height: 60px;
        padding-left: 20px;
    }
    .feedback-input {
        margin-bottom: 16px;
    }
    .form-note__title {
        font-size: 28px;
        margin-top: 30px;
    }
    .feedback-file {
        padding-top: 20px;
    }
    .file-input__icon {
        width: 100px;
        height: 58px;
    }



    .certificates-content {
        margin-top: 40px;
        gap: 12px;
        padding: 0 10px;
    }

}
@media(max-width:410px){
    .products-content {
        grid-template-columns: repeat(1, 1fr);
    }
    .products-content > :last-child:nth-child(odd) {
        grid-column: span 1;
        justify-self: center;
        max-width: 100%;
    }
    .projects-content {
        grid-template-columns: repeat(2, 1fr);
    }


    .main-content {
        padding: 100px 10px;
    }

    .main-title {
        font-size: 32px;
        line-height: 40px;
    }

    .main-subtitle {
        font-size: 16px;
        margin-top: 20px;
        line-height: 20px;
    }
    .main-btn {
        width: 200px;
        height: 55px;
        font-size: 16px;
        margin-top: 50px;
    }

    .form-note {
        width: 98%;
        height: 200px;
    }
    .feedback-file__label {
        font-size: 13px;
    }
    .feedback-checkbox {
        gap: 12px;
        padding-left: 15px;
    }
    
}

*/

@media screen and (min-width:1000px) and (max-width: 1400px){

    body, html {
        overflow-x: hidden;
    }

    .wrapper {
        width: 100%;
        padding: 0 20px;
        margin: 0 auto;
        flex-wrap: wrap;
    }

    .projects-content {
        display: grid;
        grid-template-columns: repeat(4, 220px);
        justify-content: center;
        margin-top: 85px;
        gap: 15px;
    }
    
    .navigation .wrapper > nav > a {
        width: auto;
        padding: 5px 10px;
        text-align: center;
    }

    .navigation .wrapper > nav {
        gap: 10px;
    }

    .main-title {
        white-space: nowrap;
        font-size: 100px;
    }

    .main-subtitle {
        font-size: 40px;
        line-height: normal;
    }

    .main-content {
        padding-top: 255px;
    }

    .about-content  {
        flex-wrap: wrap;
    }

    .products-content {
        gap: 40px;
        align-items: center;
    }

    .product {
        width: calc(100% - 40px);
        max-width: 500px;
    }

    .product-image img {
        width: 100%;
    }

    .form-box {
        height: auto;
        padding-bottom: 15px;
        margin-bottom: 15px;
    }

    .history-right__text-box {
        position: static;
        width: 100%;
        margin-top: 30px;
    }

    .history-block__wrapper {
        flex-wrap: wrap;
    }

    .history-block {
        height: auto;
    }
    
    .copyright {
        white-space: nowrap;
        margin-top: 0;
        margin-left: 0;
    }

    .history-right__mini-text {
        display: none;
    }

    .seopraim {
        margin-top: 30px;
        margin-left: 0px;
        margin-bottom: 10px;
    }

    .about-left, .history__left {
        margin: 0 auto;
    }

}

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

    body, html {
        overflow-x: hidden;
    }

    .wrapper {
        width: 100%;
        flex-wrap: wrap;
        padding: 0 20px;
    }

    .header {
        height: auto;
        padding-bottom: 20px;
        overflow: hidden;
    }

    .header-link__list > a {
        font-size: 12px;
    }

    .header-top__box:last-of-type {
        gap: 20px;
        margin-top: 20px;
    }

    .header-link__list {
        gap: 0px;
    }

    .search-form button {
        width: auto;
    }
    
    .feedback-overlay .feedback {
        height: 500px;
        overflow: auto;
    }

    .navigation .wrapper {
        justify-content: center;
        gap: 20px;
    }

    .navigation .wrapper > nav {
        display: none;
    }

    .header-top__box:last-of-type .header-link:first-of-type {
        text-align: left;
    }

    .header-top__box:last-of-type .header-link:last-of-type {
        text-align: right;
    }

    .header-bottom {
        margin-top: 10px;
    }

    .header-link__icon {
        display: none;
    }
    
    .header-top {
        flex-direction: column;
    }

    .header-logo img {
        width: 100px;
    }

    .main-title {
        font-size: 60px;
        line-height: normal;
    }

    .main {
        height: auto;
        padding-bottom: 50px;
        padding-left: 15px;
        padding-right: 15px;
    }

    .main-subtitle {
        font-size: 21px;
        line-height: normal;
    }

    .main-content {
        padding-top: 80px;
    }

    .main-text {
        text-align: justify;
        font-size: 14px;
    }
    
    .search-btn {
        margin-right: 0px;
    }

    .header-top__box:first-of-type {
        padding-left: 0;
        gap: 20px;
        justify-content: space-between;
    }

    .main-content::before {
        display: none;
    }

    .page-title {
        font-size: 46px;
        line-height: normal;
        padding-top: 30px;
    }

    .about-video, .about-video a {
        width: 100%;
    }

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

    .about-gallery > a {
        width: 25%;
        height: 80px;
    }

    .about-content {
        flex-direction: column;
    }

    .about-tags {
        flex-direction: column;
    }

    .about-tag {
        width: 100%;
    }

    .about-tag__title {
        font-size: 23px;
    }

    .about-tag__subtitle {
        font-size: 12px;
    }


    .products-content {
        margin-top: 80px;
        padding-left: 0px;
        display: grid ;
        grid-template-columns: repeat(1, 1fr);
        gap: 80px 40px;
        justify-content: center;
        padding: 20px;
    }

    .product {
        width: 100%;
    }

    .product-image img {
        width: 100%;
    }

    .projects-content {
        display: grid;
        grid-template-columns: repeat(3, 90px);
        justify-content: center;
        margin-top: 85px;
        gap: 26px 19px;
    }

    .projects-content a {
        width: 90px;
        height: 90px;
        display: block;
    }

    .form-note {
        display: none;
    }

    .form > img {
        display: none;
    }

    .form-right {
        padding-left: 0px;
    }

    .feedback-input input {
        width: 100%;
    }

    .form-box {
        height: auto;
        padding-bottom: 60px;
    }

    .feedback-file__label {
        display: none;
    }

    .feedback-file {
        display: none;
    }

    .form-btn {
        margin-top: 50px;
    }

    .feedback-checkbox__text {
        font-size: 12px;
        white-space: nowrap;
    }

    .main-form {
        width: 100%;
    }

    .form-box .wrapper {
        justify-content: center;
        padding: 0;
    }

    .main .wrapper {
        position: static;
    }

    .history-right__text-box {
        width: 100%;
        height: auto;
        position: static;
        margin-top: 50px;
    }

    .history-right__subtitle {
        font-size: 20px;
        line-height: normal;
    }

    .history-block__wrapper {
        flex-direction: column;
    }
    
    .history-block {
        height: auto;
    }

    .history-left__main-image {
        margin-left: 0px;
    }

    .history-left__main-image > a > img {
        width: 100%;
    }

    .history-left__pictures > a {
        width: 100%;
        height: 80px;
    }

    .history-right__title {
        font-size: 80px;
        margin-left: 0px;
        line-height: 60px;
        text-align: right;
    }

    .history-left__main-image a img {
        padding-left: 10px;
        padding-right: 12px;
    }

    .history-left__pictures {
        display: grid;
        grid-template-columns: repeat(2, calc(50% - 27px));
        justify-content: center;
        gap: 27px;
        align-items: center;
        margin-top: 23px;
        padding-left: 0px !important;
    }

    .history-right__mini-text {
        margin-left: 0px;
        text-align: justify;
    }

    .history-right__text-box::after {
        display: none;
    }

    .certificates-content a {
        width: calc(50% - 60px);
        height: auto;
    }

    .footer .header-top__box {
        flex-direction: column;
        align-items: flex-start;
    }

    .footer .wrapper {
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
        padding-top: 30px;
        gap: 10px;
    }

    .footer .header-link__icon {
        display: flex;
    }

    .seopraim {
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .partners__title {
        font-size: 46px;
        margin-left: 0px;
    }

    .partner-item {
        width: 100%;
    }

    .copyright {
        margin-left: 0;
    }
    
    .seopraim {
        margin-left: 0;
    }

    .footer-logo {
        margin-bottom: 40px;
    }

    .burger-btn {
        display: flex !important;
    }

    .products .wrapper {
        padding-top: 140px;
    }

    .projects {
        margin-top: 190px;
    }

    .form {
        margin-top: 180px;
    }
    
    .history-block {
        margin-top: 200px;
    }

    .page-title-box .page-title {
        font-size: 20px;
    }

    .no-result {
        text-align: center;
    }

    .partners-slider {
        display: grid;
        grid-template-columns: repeat(2, calc(50% - 35px));
    }

    .partner-item {
        width: 100%;
        padding: 10px;
    }

    .partner-item img {
        width: 100%;
    }
}