@media screen and (max-width: 1320px) {
    .social-media { left: 30px; }
    .banner-container > div:first-child { left: 90px; }

    .subscribe-content > img {
        width: 50%;
        left: unset; right: 0;
    }

    .features { padding: 0 20px; }
    .feature-list.active, .feature-list-body { max-height: 450px; }
    .feature-list-body { column-gap: 20px; }
}

@media screen and (max-width: 1200px) {
    .subscription div { width: 300px; }
    .subscription input { width: 300px; }
    .footer-menu { padding-left: 30px; }
    .footer-info { padding: 65px 30px 0; }

    .advantage-cont { padding: 40px 20px; }

    .advantage-table::after {
        width: 360px;
        height: 430px;
    }

    .solution-decor { display: none; }
    .solutions-list { padding: 45px 30px; }
    .solution-item {
        max-width: unset;
        margin-left: unset;
    }
}

@media screen and (max-width: 1100px) {
    .menu, .login-link span, .language-change { display: none; }
    .login-link i,  #menu-toggle-button { display: flex; }
    #menu-toggle-button { margin-left: auto; }

    .login-link {
        font-size: 12px;
        margin-left: auto;
        width: 40px;
        height: 40px;
    }
}

@media screen and (max-width: 1023px) {
    header { width: 100vw !important; }
    .decor:first-of-type { width: 350px; top: 0; right: 0; }
    .decor:nth-of-type(2) { width: 300px; }

    .footer-content { flex-direction: column; }
    .footer-left, .footer-right { width: 100%; }
    .footer-left {
        gap: 20px;
        min-height: unset;
    }

    .blog-grid {
        grid-template-columns: repeat(2, 340px);
        justify-content: center;
    }

    .current-blog > img:first-child { height: 400px; }


    .info-block { height: 220px; }

    .info-group .info-block:first-child img:first-child { width: 180px; }
    .info-group .info-block:first-child img:nth-child(2) { width: 160px; }
    
    .info-group .info-block:first-child p {
        font-size: 20px;
        line-height: 25px;
        left: 25px;
    }

    .info-group .info-block:nth-child(2), .info-group1 .info-block:last-child p {
        font-size: 20px;
        line-height: 25px;
    }

    .info-group1 .info-block:first-child {
        justify-content: unset;
        padding: 30px 0 0 25px;
        font-size: 20px;
        line-height: 25px;
    }

    .info-group1 .info-block:first-child p { max-width: 180px; }
    .info-group1 .info-block:last-child { padding: 30px 0 0 25px; }

    .solutions-list::before, .solutions-list::after { content: none; }

    .tags::after { 
        width: 50%;
        left: -50%;
    }

    .advantage-table::after { content: none; }
    .advantage-cont { overflow-x: auto;}
    .advantage-table thead th { font-size: 14px; line-height: 19px; }
    .advantage-table tbody td { font-size: 12px; line-height: 16px; }
    .advantage-table tbody tr td:nth-child(2) { color: var(--primary-color); }
    .advantage-table tbody tr td:first-child { border-radius: 10px 0 0 10px; }
    .advantage-table tbody tr td:last-child { border-radius: 0 10px 10px 0; }
    
    .price-grid { 
        grid-template-columns: repeat(2, 350px);
        justify-content: center;
    }

    .subscribe-content {
        padding-left: 0;
        &::after, &::before { content: none; }
        > img { display: none; }
    }

    .subscribe-text {
        padding-top: 0;
        width: 100%;
    }

    .georgian-cloud {
        &::before { left: -250px; }
        &::after { right: -250px; }
    }

    .benefits-cont .content {
        flex-direction: column;
        align-items: unset;
        gap: 30px;
    }
    .benefits { width: 100%; gap: 20px; }
    .benefit-card { box-shadow: 0px 3px 8.5px rgba(0,0,0,0.16); }

    .main-solutions::after { content: none; }

    .solution-category-menu { display: none; }
    .solution-mob-links {
        display: unset !important;
        min-height: 50px !important;
    }
}

@media screen and (max-width: 900px) {
    header { top: 20px; }
    .other-cont { margin-top: 150px; }
    .header-content { padding: 0 30px; }

    .login-form > p {
        font: 30px 'Poppins Semibold';
        line-height: 50px;
        margin-bottom: 30px;
    }

    .contact {
        flex-direction: column;
        align-items: center;
    }

    .contact-form > p:first-child { 
        display: flex;
        justify-content: center;
        font: 30px 'Poppins Semibold';
        line-height: 50px;
        margin-bottom: 30px;
    }
    .contact-info > p:first-child { display: none; }
    .contact-info {
        padding: 40px 30px;
        width: 370px;
    }
    .contact-item { margin-bottom: 30px; }
    .contact-item:last-of-type { margin-bottom: 0; }

    .latest-blogs {
        flex-direction: column;
        gap: 40px;
    }

    .latest-blog { width: 100%;}
    .latest-blog::after {
        top: 102%;
        left: 0;
        right: unset;
        height: 2px;
        width: 100%;
    }

    .other-latests {
        flex-direction: row;
        width: 550px;
        gap: 40px;
        margin: 0 auto;
    }
    .other-latests hr { display: none; }

    .blog-item { 
        flex-direction: column;
        align-items: center;
    }
    .current-blog { width: 600px; }
    .other-blogs { width: 100%; }
    .other-blogs > span { text-align: center; }
    .other-blogs > div {
        display: grid;
        justify-content: center;
        grid-template-columns: repeat(2, 340px);
    }

    .tags { width: 300px; }
    .tag { text-align: center; }

    .banner-container > div:first-child { left: 30px; top: 40%; right: 30px; }
    .social-media { display: none; }
    .banner-container .banner-decor > div:first-child { height: 170px; }
    
    .curr-solution-text {
        border-radius: 30px;
        padding: 30px;
    }

    .industries-cont .content, .why-local-cloud .content {
        flex-direction: column;
        align-items: unset;
    }

    .industries-swiper, .why-local-reasons { width: 100%; }

    .business-cont { padding: 40px 20px 50px; }
    .benefits-cont { padding: 50px 20px; }
    .business-card.swiper-slide { width: 345px !important; }

    .scaling-cont {
        padding: 50px 20px;
        &::before, &::after { content: none; }
    }

    .scaling { max-width: unset; }

    .advantage-container { padding: 50px 20px 90px; }

    .industries-grid {
        grid-template-columns: repeat(2, 312px);
        justify-content: center;
    }
}

@media screen and (max-width: 767px) {
    .decor:first-of-type { width: 245px; height: 160px; object-fit: contain; }
    .decor:nth-of-type(2) { width: 170px; height: 112px; object-fit: contain; }

    .banner-container {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 16px;
        min-height: unset;
        margin-top: 145px;
        padding: 0 20px 50px;
    }

    .banner-container > div:first-child, .banner-container .banner-decor,
    .banner-container > div:first-child a {
        position: unset;
        transform: unset;
    }

    .banner-container > div:first-child {
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
        gap: 16px;
    }

    .info-title span:first-child {
        font-size: 14px;
        line-height: 19px;
    }

    .info-title span:last-child {
        font-size: 26px;
        line-height: 26px;
    }

    .blog-grid, .other-blogs > div {  grid-template-columns: repeat(1, 340px); }

    .overview::after { 
        width: 150px;
        height: 200px;
    }

    .info-block { border-radius: 20px; height: 150px; }

    .info-group .info-block:first-child img:first-child { width: 120px; }
    .info-group .info-block:first-child img:nth-child(2) { width: 100px; }
    
    .info-group .info-block:first-child p {
        font-size: 14px;
        line-height: 19px;
        left: 15px;
        max-width: 170px;
        bottom: 20px;
    }

    .info-group .info-block:nth-child(2) img {
        width: 50px;
        height: 42px;
    }

    .info-group .info-block:nth-child(2) {
        font-size: 14px;
        line-height: 19px;
        gap: 10px;
        padding: 0 15px;
    }

    .info-group1 .info-block:first-child {
        font-size: 14px;
        line-height: 19px;
        padding: 15px;
    }

    .info-group1 .info-block:last-child img {
       width: 270px;
       height: 110px;
    }

    .info-group1 .info-block:last-child { padding: 15px 0 0 15px; }
    .info-group1 .info-block:last-child p {
        font-size: 14px;
        line-height: 19px;
        max-width: 180px;
    }

    .testimonial-swiper .swiper-horizontal > .swiper-pagination-bullets, 
    .swiper-pagination-bullets.swiper-pagination-horizontal {
        left: unset !important;
    } 

    .advantage-cont {
        border-radius: 30px;
        padding: 30px 20px;
    }

    .advantage-table thead th { font-size: 13px; line-height: 17px; }
    .advantage-table { width: 670px !important; }
    .price-grid { grid-template-columns: repeat(1, 350px); }

    .why-cloud {
        padding-top: 40px;
        .info-title { margin-bottom: 30px; }
    }

    .reasons {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        width: 100%;
        row-gap: 75px;
        direction: rtl;
        justify-content: unset;
        padding: 0 20px;
        position: relative;
        &::before {
            width: 1px;
            height: 100%;
            top: 22px; left: 50%;
        }
    }

    .reason { 
        flex-direction: row;
        position: unset; 
        max-width: unset;
        gap: 20px;
        margin-left: 6px;
        > p {
            flex-direction: column;
            align-items: flex-end;
            gap: 5px;
            width: calc(100% - 20px);
            span { text-align: end; }
        }
        .reason-decor { transform: rotate(-270deg); }
    }

    .reason:nth-child(even) { 
        flex-direction: row-reverse; 
        margin-right: 10px;
        > p { 
            align-items: flex-start; 
            span { text-align: start; }
        }
        .reason-decor { transform: rotate(90deg); }
    }

    .reason-decor > div:first-child { height: 40px; }

    .reason:nth-child(2) { margin-top: 60px; }
    .reason:nth-child(2n+1) { margin-top: -60px; }
    .reason:first-child { margin-top: 0; }

    .solution-item { padding: 35px 20px 30px; }

    .solution-head {
        flex-direction: column;
        align-items: flex-start;
        gap: 20px;
        span {
            font-size: 26px;
            line-height: 40px;
        }
    }

    .solution-item.active .solution-categories { max-height: 1000px; }
    .feature-list.active, .feature-list-body { max-height: 600px; }

    .usage-slide { width: 410px !important; }
    .usage-cont {
        &::after, &::before { width: 295.5px; height: 257.5px; }
        &::after { top: -69px; left: -135px; }
        &::before { top: unset; right: -135px; bottom: -96px; }
    }

    .advantage-head {
        margin-bottom: 40px;
        p:first-child { font-size: 30px; line-height: 34px; }
        p:last-child { font-size: 18px; line-height: 26px; margin: 0;}
    }

    .curr-solution .banner-decor { display: none; }
    .solutions-heading { padding: 0 30px 0 40px; }
    .share-blog > a { color: var(--primary-color); }
}

@media screen and (max-width: 700px) {
    .footer-bottom, .footer-top { flex-direction: column; }
    .footer-info, .footer-menu, .subscription { 
        width: 100%;
        min-height: unset;
        padding: 30px;
    }
    .footer-contact { width: 100%; }

    .login-content > img:first-child, .contact > img:first-child {
        width: 130px;
        height: 90px;
    }

    .login-content > img:nth-child(2), .contact > img:nth-child(2),
    .login-content > img:nth-child(3), .contact > img:nth-child(3) {
        width: 200px;
        height: 130px;
    }

    .login-content > img:nth-child(4), .contact > img:nth-child(4) {
        width: 100px;
        height: 140px;
    }

    .login-content {
        border-radius: 30px;
        min-height: unset;
        padding: 50px 20px 70px;
    }

    .register-form .form-check {
        align-items: center;
        display: flex;
        gap: 15px;
    }
    
    .register-form .form-check label { max-width: 300px; }
    .contact, .overview { 
        border-radius: 30px;
        padding: 50px 20px 70px;
    }
    .current-blog { width: 100%; }
    .current-blog > img:first-child { height: 350px; }

    .overview-content > p:first-child {
        font-size: 30px;
        line-height: 40px;
        margin-bottom: 30px;
    }

    .overview .banner-decor { margin-bottom: 30px; }
    .overview .banner-decor > div:first-child { height: 100px; }

    .overview-block > p {
        font-size: 25px;
        line-height: 30px;
    }

    .overview-block { margin-bottom: 20px; }
    .overview-block > div { font-size: 12px !important; }

    .tags { width: 420px; }
    .tags::after {
        width: 100%;
        left: 0;
        top: -42px;
    }

    .curr-solution .banner-decor { left: 25px; top: -75px; }

    .footer-left .copyright { display: none; }
    .footer-bottom .copyright {
        background: rgba(255, 255, 255, 0.10);
        border-radius: 20px;
        display: flex;
        align-items: center;
        width: 100%;
        padding: 20px 0;
    }

    .sol-texts { 
        img:first-child, img:nth-child(2), img:nth-child(3) { display: none; } 
        img:nth-child(4), img:nth-child(5), img:nth-child(6) { display: inline; } 
    }

    .main-solutions { padding-bottom: 80px; }
    .main-solutions .content1 > p:first-child { margin-bottom: 30px; }

    .get-started { margin-top: -50px; }
    .get-started .text span { -webkit-text-stroke: 0.5px var(--primary-color); }
    .get-started .content1 {
        > img:first-of-type { display: none; }
        > img:nth-of-type(2) { display: inline; }
    }

    .industries-grid { grid-template-columns: repeat(1, 312px); }
    .main-industries-page .text { grid-template-columns: repeat(1, 1fr); }
}

@media screen and (max-width: 600px) {
    .latest-blog > img:first-child { height: 350px; }
    .other-latests { 
        gap: 20px; 
        justify-content: center; 
        width: 100%;
    }

    .other-latest { width: 200px; }
    .other-latest > img { height: 150px; }

    .industries-swiper { height: unset !important; }
    .industries-card.swiper-slide { width: 310px !important; }
    .industries-card.swiper-slide:nth-child(4n + 1) { margin-top: 0 !important; }

    .georgian-cloud {
        align-items: flex-end;
        > p {
            width: 200px;
            text-align: center;
        }
        a {
            border-radius: 26px;
            width: 250px;
            height: 50px;
            margin: 0 0 0 auto;
        }
    }

    .partner-list {
        gap: 20px;
        a:last-child img { width: 160px; }
        a:nth-child(2) img { width: 55px; }
        a:first-child img { width: 74px; }
    }

    .benefits-txt p {
        font: 54px 'Poppins Semibold';
        line-height: 34px;
    }

    .solutions-heading {
        border-radius: 30px;
        min-height: 120px;
        p {
            font-size: 20px;
            line-height: 26px;
        }
    }

    .curr-industry > p:first-child { 
        padding-left: 0;
        text-align: center;
        margin-bottom: 30px;
    }

    .curr-industry-head {
        padding-left: 0;
        justify-content: center;
    }
    .industry-info { padding: 40px 30px; }
}

@media screen and (max-width: 550px) {
    .register-form > p:first-child {
        font-size: 30px;
        line-height: 40px;
        margin-bottom: 20px;
    }

    .data-title {
        font-size: 14px;
        line-height: 21px;
        margin-bottom: 20px;
        -webkit-text-stroke: 0.5px black;
    }

    .form-group, .form-group1 { flex-direction: column; margin-bottom: 30px; }
    .form-group > div, .form-group1 > div, .form-group2 > div  { width: 100%; }
    .form-group2 { gap: 30px; }

    .register-btn { width: 100%; }

    .questions { padding: 50px 30px; }
    .questions .banner-decor { top: 55px; }
    .questions .banner-decor > div:first-child { height: 100px; }

    .questions-content { min-height: 250px; padding: 0; }
    .questions-text { gap: 30px; padding: 0 10px; }
    .questions-text > p {
        font-size: 25px;
        line-height: 30px;
    }

    .tags { width: 100%; flex-wrap: wrap; }
    .tag { padding: 0 20px; }
    .tags::after { top: -30px; }

    .why-cloud  { padding-bottom: 50px; }

    .subscibe-btn {
        flex-direction: column;
        align-items: unset;
        button {
            margin: 0;
            width: 100%;
        }
    }

    .features-head { flex-direction: column; }
    .glass-text img { width: 280px; }

    .feature-list.active, .feature-list-body { max-height: 2000px; }
    .feature-list-body { align-items: center; }
}

@media screen and (max-width: 500px) {
    .info-group { grid-template-columns: 632fr 524fr; }
    .info-group1 { grid-template-columns: 524fr 632fr; position: relative; }
    .info-group1 .info-block:nth-child(2) {
        position: absolute;
        display: none;
    }

    .info-group1 .info-block:last-child img {
        width: 100%;
        right: 0;
        object-fit: cover;
        border-radius: 0;
        bottom: -30px;
    }
    .info-group .info-block:first-child img:first-child { width: 100px; }
    .info-group .info-block:first-child img:nth-child(2) { width: 80px; }

    .info-group .info-block:first-child p, 
    .info-group .info-block:nth-child(2) p, .info-group1 .info-block:first-child p{
        font-size: 12px;
        line-height: 16px;
    }

    .info-group .info-block:nth-child(2) { padding: 0 5px; }

    .testimonials { padding: 50px 30px; }
    .testimonials-cont > p:first-child { margin-bottom: 30px; }
    .testimonial-swiper { padding-bottom: 50px !important; }
    .testimonial {
        flex-direction: column;
        gap: 20px;
    }

    .author, .quote { width: 100%; }

    .questions .banner-decor { top: 40px; }
    .questions .banner-decor > div:first-child { height: 70px; }
    .questions-text > p {
        font-size: 20px;
        line-height: 25px;
    } 

    .quote div {
        font-size: 14px;
        line-height: 19px;
        height: 133px;
    }

    .banner-container > div:first-child {
        > p:first-child {
            font-size: 30px;
            line-height: 34px;
            max-width: 265px;
        }
        > p:nth-child(2) {
            font-size: 14px;
            line-height: 19px;
            max-width: 320px;
        }
        > div {
            flex-direction: column;
            > a { 
                border-radius: 26px;
                width: 250px; height: 50px; 
            }
        }
    }

    .banner-container .banner-decor > div:first-child { height: 115px; }

    .why-local-reasons { 
        grid-template-columns: repeat(1, 1fr); 
        .industries-card:nth-child(4n+1) { margin-top: 0 !important; }
        .industries-card:last-child { margin-top: 0 !important; }
    }

    .choose-cloud-links {
        flex-direction: column;
        gap: 15px;
        width: 100%;
        a {
            border-radius: 26px;
            width: 100% !important;
            height: 50px;
        }
    }
}

@media screen and (max-width: 450px) {
    .subscription div, .subscription input,
    .contact-form, .contact-info { width: 100%; }
    .other-latest { width: 50%; }
    .other-latest > img { height: 110px; }

    .other-latest .text {
        font-size: 12px;
        line-height: 16px;
        height: 64px;
    }

    .see-more {
        font-size: 12px;
        line-height: 16px;
        padding-left: 9px;
        width: 30px;
        height: 30px;
    }
    .see-more:hover { width: 125px; }
    .see-more .text1 { margin-left: 15px; }

    .plus {
        margin: unset;
        font-size: unset;
    }

    .latest-blog > img:first-child, .current-blog > img:first-child { height: 250px; }
    .blog > img:first-child { height: 200px; }
    .blog > div { padding: 20px; }
    .blog .text { margin-bottom: 20px; }
    .current-blog-info { padding: 20px;}

    .overview-content > p:first-child {
        font-weight: bold;
        font-size: 20px;
        line-height: 25px;
    }

    .why-us, .overview-cont { margin-bottom: 60px; }
    .partner-list { gap: 20px; }

    .go-back {
        background: var(--primary-color);
        display: flex;
        justify-content: center;
        align-items: center;
        width: 40px;
        height: 40px;
    }
    .go-back:hover { width: 40px; }
    .go-back svg {
        transform: scale(0.6);
        position: unset;
        stroke: white !important;
    }
    .go-back span { display: none; }

    .pricing > p:first-child {
        font-size: 30px;
        line-height: 35px;
        margin-bottom: 30px;
    }

    .most-popular { margin-bottom: 20px; }

    .price { border-radius: 30px; }
    .price .name { font-size: 20px; line-height: 25px; margin-bottom: 15px; }
    .price .quantity { margin-bottom: 20px; }
    .price .quantity span:first-child { font-size: 25px; line-height: 30px; }
    .price .quantity span:last-child { font-size: 20px; line-height: 25px; }
    .price .desc { margin-bottom: 30px; }

    .industries-prev-cont {
        width: 100%;
        .text { padding-left: 0; }
    }

    .usage-head {
        p:first-child { font-size: 25px; line-height: 25px; }
        p:nth-child(2) { font-size: 43px; line-height: 45px; }
        p:last-child { margin-bottom: 60px; }
    }

    .usage-slide { 
        width: 100% !important; 
        p:first-of-type { font-size: 26px; line-height: 33px; }
    }

    .scaling .info-title {
        flex-direction: column;
        align-items: center;
        margin-bottom: 20px;
        span:first-child { font-size: 21px; line-height: 28px; }
        span:last-child { font-size: 46px; line-height: 47px; }
    }

    .scaling p:last-child { font-size: 18px; }
    .industries-grid { grid-template-columns: repeat(1, 1fr); }

    .reason > p span {
        font-size: 13px;
        line-height: 16px;
    }

    .main-industries-page > p:first-child {
        font-size: 40px;
        line-height: 40px;
    }
}

@media screen and (max-width: 380px) {
    .register-form .form-check label {
        font-size: 12px;
        line-height: 16px;
        max-width: 260px;
    }

    .blog-grid, .other-blogs > div,
    .price-grid { grid-template-columns: repeat(1, 1fr); }

    .mobile-socials { gap: 10px; }

    .why-local { width: 100%; }

    .benefits-txt p { font-size: 45px; line-height: 30px; }
    .benefit-card { padding: 0 10px 0 20px; }

    .usage-head p:nth-child(2) { font-size: 35px; line-height: 35px; }

    .usage-slide p:first-of-type, 
    .advantage-head p:first-child { font-size: 24px; line-height: 28px; }

    .sol-texts img:nth-child(4) { width: 215px; }
    .sol-texts img:nth-child(5), .sol-texts img:nth-child(6), 
    .get-started .content1 > img:nth-of-type(2)  { width: 300px; }

    .choose-cloud > p:first-child, .choose-cloud > p:nth-child(2) {
        font-size: 25px;
        line-height: 25px;
    }
}