/*
** Responsive Code
*/
@media (min-width: 1700px) {

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

}
@media(max-width: 1560px) {
    .project-detail-content {
        grid-template-columns: .8fr 2fr .8fr;
    }
}
@media(max-width: 1400px) {
}
@media(max-width: 1380px) {
    /* Header */
    .menu-links li a {
        font-size: 24px;
    }

    /* Home */
    .banner .logo img,
    .project-logo svg,
    .projects-logo svg {
        width: 500px;
    }
}
@media(max-width: 1280px) {
    /* Header */
    .search-btn {
        margin-right: 70px;
    }

    /* Home */
    .banner .logo img,
    .services-logo img {
        width: 430px;
    }
    .banner-quote p {
        padding-right: 50px;
    }
    .banner-quote {
        position: static;
    }
}
@media(max-width: 1170px) {
    /* Projects Page */
    .projects-grid {
        width: 70%;
    }
    .project-detail-content {
        grid-template-columns: .8fr 2.5fr .8fr;
        grid-template-rows: 450px 1fr 450px;
    }

    /* Services */
    .projects-menu {
        width: 500px;
    }
    .service-description {
        width: 100%;
    }
}
@media(max-width: 1070px) {
    /* Header */
    .menu,
    .menu-info {
        overflow: auto;
        height: 100%;
    }

    /* Services */
    .services-logo img {
        width: 430px;
    }

    /* Project */
    .project-detail-content {
        grid-template-columns: .8fr 3fr .8fr;
    }

}
@media(max-width: 993px) {
    /* Header */
    .menu-links li a {
        font-size: 24px;
    }
    .top-menu {
        flex-direction: column;
        align-items: start;
    }
    .menu-lang {
        position: relative;
        padding-top: 15px;
        justify-content: flex-start;
        left: -55px;
    }
    .search-btn {
        width: 100%;
        margin-right: 0;
    }
    .menu-contacts .menu-details {
        flex-direction: column;
        align-items: start;
    }
    .contact-description {
        width: 100%;
    }

    /* Home */
    .banner-container {
        padding: 0 40px;
    }
    .banner-quote,
    .banner-quote h3 {
        width: 100%;
        text-align: center;
    }
    .banner .logo {
        top: 30px;
        transform: none;
        z-index: 1;
    }
    .contacts-page-details {
        flex-direction: column;
    }

    /* Footer */
    .footer-contacts {
        flex-direction: column-reverse;
        gap: 30px;
    }
    footer .footer-copyright {
        flex-direction: column;
        align-items: center;
        gap: 20px;
        border: none;
    }
    footer .footer-copyright a {
        text-align: center;
    }

    /* Projects Page */
    .projects-page .container {
        flex-direction: column;
    }
    .projects-grid {
        width: 100%;
    }
    .projects-menu {
        width: 100%;
        position: static;
    }
    .projects-menu ul {
        gap: 15px;
    }
    .projects-menu .title a {
        padding-bottom: 15px;
    }
    .projects-logo svg {
        width: 400px;
    }
    .projects-logo,
    .project-logo {
        top: 57px;
        right: 15px;
    }

    /* Project detail */
    .project-detail .container {
        padding: 100px 40px 70px;
    }
    .project-detail-content {
        grid-template-columns: repeat(1, 1fr);
        grid-template-rows: 400px 1fr 400px;
        column-gap: 0;
    }
    .project-logo svg {
        padding-right: 0;
    }
    .project-logo svg,
    .project-logo img {
        width: 100%;
    }
    .project-directions {
        padding-right: 0;
    }
    .project-titles h1 {
        font-size: 86px;
        min-width: 255px;
    }
    .project-titles h6 {
        padding-top: 15px;
    }

    /* Blog Page */
    .blog-box {
        flex-direction: column;
        align-items: start;
    }
    .blog-box .blog-img,
    .blog-text {
        width: 100%;
    }
    .blog-detail-mobile {
        display: block;
    }

    /* Services */
    .services-logo img {
        width: 380px;
    }
}
@media(min-width: 769px) {
    body.menuOpen {
        position: fixed;
        width: 100%;
        overflow-y: scroll;
        top: 0;
        left: 0;
    }
}
@media(max-width: 768px) {
    .container {
        padding: 0 15px;
    }
    /* Header */
    header,
    .menuOpen .menu{
        width: 100%;
    }
    .menu {
        padding: 20px 15px;
    }
    .header-actions {
        width: 50%;
        padding: 30px 10px;
    }
    .search-btn {
        display: none;
    }
    .top-menu {
        flex-direction: row;
    }
    .menu-lang {
        position: static;
        width: 100%;
        height: 50px;
        padding-top: 0;
        justify-content: flex-end;
        align-items: center;
    }
    .contact-description {
        padding: 50px 15px 50px 15px;
    }

    /* Home */
    .banner {
        height: 100%;
    }
    .banner-container {
        height: 100vh;
        padding: 0 15px;
    }
    .banner .logo {
        top: 25px;
        right: 15px;
    }
    .banner .logo img {
        width: 400px;
    }
    .contacts {
        padding: 60px 15px 120px;
    }
    .contacts-page-details p,
    .contacts-page-details a {
        font-size: 16px;
    }

    /* Footer */

    footer .footer-contacts,
    footer .footer-copyright {
        padding: 20px 15px;
    }
    footer .footer-contacts .footer-contact {
        flex-direction: column;
        align-items: flex-start;
    }

    /* Project Page */
    .project-title {
        opacity: 1;
    }
    .projects-logo {
        top: 30px;
        transform: none;
    }
    .projects-logo,
    .project-logo {
        top: 25px;
        right: 15px;
    }
    .project-logo {
        position: fixed;
        z-index: 999;
    }
    .projects-lines {
        top: -380px;
    }

    /* Project detail */
    .project-detail .container {
        padding: 100px 15px 70px;
    }
    .project-detail-menu .title h3 {
        font-size: 32px;
    }

    /* Blog Page */
    .blog .container {
        flex-direction: column;
        padding: 100px 0 70px;
    }
    .blog-menu {
        width: 100%;
    }
    .blog-menu .title {
        padding-left: 15px;
    }
    .blog-container {
        width: 100%;
        padding: 0 15px;
    }
    .blog-detail .container {
        padding: 100px 15px 70px;
    }

    /* Services */
    .services-logo img,
    .blog-logo img {
        width: 300px;
    }
    .services-logo {
        display: block;
        top: 25px;
        right: 15px;
        transform: none;
    }
    .service-text h1 {
        font-size: 24px;
    }
    .service-text p {
        font-size: 16px;
    }
    .blog-logo {
        position: fixed;
        z-index: 20;
    }

}
@media(max-width: 600px) {
    /* Home */
    .banner-quote,
    .banner-quote h3 {
        font-size: 32px;
    }
    .banner-quote p {
        padding-right: 0;
    }
    .contacts-form .inputs-box {
        flex-direction: column;
        gap: 0;
    }
    .banner .logo {
        top: 30px;
    }
    .banner .logo img {
        width: 250px;
        height: 30px;
    }
    #map {
        height: 500px;
    }

    /* Projects Page */
    .projects-grid {
        grid-template-columns: repeat(2, 1fr);
    }
    .projects-grid .project-box {
        grid-column: span 1 !important;
    }
    .projects-menu .title a,
    .projects-menu li a {
        font-size: 20px;
    }
    .projects-logo svg,
    .project-logo svg {
        width: 250px;
        height: 30px;
    }
    .projects-logo,
    .project-logo {
        top: 30px;
    }
    .projects-menu ul {
        gap: 10px;
    }
    .service-description img {
        height: 400px;
    }

    /* Project detail */
    .project-detail-menu .title h3,
    .direction-box h3 {
        font-size: 24px;
    }
    .project-detail-menu .title img,
    .direction-box img {
        width: 25px;
        height: 25px;
    }
    .project-titles {
        gap: 25px;
    }
    .project-titles h1 {
        font-size: 68px;
        min-width: 200px;
    }
    .project-titles h6 {
        font-size: 18px;
    }
    .direction-box {
        gap: 15px;
    }

    /* Services */
    .services-logo img,
    .blog-logo img {
        width: 250px;
        height: 30px;
    }
    .blog-logo,
    .services-logo {
        top: 30px;
    }

    /*  Team  */
    .team-box {
        flex-direction: column;
    }
    .member-text,
    .member-img {
        width: 100%;
    }
}
@media(max-width: 500px) {
    /* Header */
    .line:nth-of-type(3).active {
        transform: translateY(-17px) rotate(45deg);
    }
    .line:nth-of-type(1).active {
        transform: translateY(10px) rotate(-45deg);
    }

    /* Home */
    .banner .logo img {
        width: 200px;
    }
    .banner-quote p {
        font-size: 16px;
    }

    /* Projects Page */
    .projects-grid {
        grid-template-columns: repeat(1, 1fr);
    }
    .projects-grid .project-box {
        grid-column: span 1 !important;
    }
    .projects-logo svg,
    .project-logo svg {
        width: 200px;
    }

    /* Project detail */
    .project-detail-content {
        grid-template-rows: 300px 1fr 300px;
    }

    /* Services */
    .services-logo img,
    .blog-logo img {
        width: 200px;
    }

    .service-text div, .service-text p {
        font-size: 16px !important;
    }
    .service-text li {
        text-align: start;
    }

    /* Team */
    .team-page .team-boxes {
        grid-template-columns: repeat(1, 1fr);
    }
}

@media(max-width: 400px) {
    /* Header */
    .menu-links li a,
    .menu-details,
    .menu-lang a {
        font-size: 18px;
    }
    .search-btn.active {
        padding: 0;
    }
    .menu-socials {
        gap: 0;
        justify-content: space-between;
    }

    /* footer */
   .footer-logo{
        width: 200px;
   }
    .footer-logo svg{
        width: 100%;
   }
    .footer-socials{
        gap: 15px;
    }

   /* Home  */
   .contacts h1 {
    padding-top: 20px;
        font-size: 24px;
   }
   .banner .logo img {
        width: 120px;
    }

   /* Project details */
   .project-detail-menu,
   .project-titles {
        flex-direction: column;
        align-items: start;
   }
   .project-titles {
    gap: 15px;
   }
   .project-titles h1 {
        height: 50px;
        line-height: 49px;
   }
   .project-titles h6 br {
        display: none;
   }
   .project-titles h6 {
       width: 100%;
        margin-bottom: 20px;
   }
   .project-detail-menu .title img {
       width: 15px;
       height: 15px;
   }
   .direction-box h3 {
       font-size: 16px;
   }
    .projects-logo svg,
    .project-logo svg {
        width: 120px;
    }

   /* Blog Page */
   .blog-text h3,
   .blog-content h1 {
        font-size: 16px;
   }
   .blog-content .blog-paragraphs {
        font-size: 14px;
   }
   .blogSwiper .blog-img {
        height: 300px;
   }

   /* Services */
   .services-logo img,
   .blog-logo img {
        width: 120px;
    }
    .service-title h3 {
        font-size: 24px;
        text-align: center;
    }
}