/* Large Devices, Wide Screens */
@media only screen and (min-width:990px) and (max-width:1200px) {
    .slick-prev { left: -20px !important; }
    .slick-next { right: -20px !important; }
    .cases-section .description-block { margin-top: 30px; }
    .cases-section .image-block { margin-left: -200px; }
    .portfolio-section {        /*margin-top: 0;*/ }
    .portfolio-section .polosa { margin-bottom: 40px; }
    .solution-for-all-section .description-block { margin-top: 0; }
    .solution-for-all-section .image-block { margin-left: -200px; }
    .solution-for-all-section .general-solution-form-message { font-size: 30px; line-height: 30px; }
    .footer-section .all-rights, .footer-section .req { width: 100%; text-align: center; }
}

/* Small Devices, Tablets */
@media only screen and (min-width:600px)  and (max-width:989px) {
    .article-section { margin-top: 100px; margin-bottom: 0; }
    .article-section .main-article{font-size: 20px;line-height: 34px;}
    .article-section  .article-1, .article-section  .article-2, .article-section  .article-3 {line-height: 26px;}
    .solution-for-all-section, .cases-section { margin-top: 70px }
    .cases-section .case-row { margin-top: 0; }
    .cases-section .case-title {letter-spacing: 0px;}
    .solution-for-all-section .description-block, .cases-section .description-block { margin-left: -140px; margin-top: 28px; }
    .solution-for-all-section .image-block, .cases-section .image-block { margin-left: -15%; overflow: hidden; }
    .solution-for-all-section .image-block img, .cases-section .image-block img { margin-top: 0; margin-right: 0px; margin-bottom: 0; margin-left: -71px; width: 130%; }
    .cube, .default-state, .active-state { width: 100% !important; font-size: 15px !important; line-height: normal !important; line-height: 17px !important; padding-top: 5px !important; }
    .portfolio-section { margin-top: 40px; }
    .portfolio-section .polosa { margin-bottom: 30px; }
    .solution-for-all-section .trigger-img { margin-top: 0; }
    .solution-for-all-section .trigger-img img { width: 42%; }
    .solution-for-all-section .general-solution-form-message { font-size: 24px; line-height: 24px; margin-top: 20px; margin-bottom: 20px; }
    .solution-for-all-section .description-block { width: 50%; }
    #map_canvas { height: 450px }
    #map-infowindow { width: 360px; height: 360px; }
    .on_map_address_inner { margin-left: 70px; margin-right: 35px; margin-top: 50px; }
    .r1 { font-size: 20px; line-height: 20px; margin-bottom: 15px; }
    .r3 { font-size: 34px; line-height: 34px; }
    .r2, .r4 { font-size: 13px; line-height: 13px; margin-top: 5px; }
    .r2 { margin-top: 20px; }
    .footer-section .all-rights, .footer-section .req { width: 100%; text-align: center; }
    .link-section .link-cloud a { width: 43%; text-align: left; }

    .contact-via-socials__buttons {
        flex-direction: column;
        gap: 0;
    }
}

/* Small Devices, Tablets */
@media only screen and (min-width:568px) and (max-width:599px) {
    .article-section { margin-top: 100px; margin-bottom: 0; }
    .article-section .article-title {margin-bottom: 40px}
    .article-section .text-block {margin-left: 20px; margin-right: 20px;}
    .article-section .article-title {margin-bottom: 40px}
    .article-section .main-article{font-size: 20px;line-height: 34px;}
    .article-section  .article-1, .article-section  .article-2, .article-section  .article-3 {line-height: 26px;}
    .cases-section { margin-top: 70px }
    .cases-section .case-row { margin-top: 0; }
    .solution-for-all-section .description-block, .cases-section .description-block { margin-left: -100px; margin-top: 28px; }
    .solution-for-all-section .image-block, .cases-section .image-block { margin-left: -98px; overflow: hidden; }
    .cases-section .case-title { font-size: 30px; line-height: 30px; margin-bottom: 20px; letter-spacing: 0px;}
    .cases-section .special-case { margin-bottom: 0px; }
    .keises li { font-size: 14px; line-height: normal; }
    .solution-for-all-section button, .cases-section button { width: 100% !important; font-size: 16px; line-height: normal; height: 40px; }
    .cube, .default-state, .active-state { width: 100% !important; font-size: 15px !important; line-height: normal !important; line-height: 17px !important; padding-top: 5px !important; }
    .solution-for-all-section .image-block img, .cases-section .image-block img { margin-top: 0; margin-right: 0px; margin-bottom: 0; margin-left: -71px; width: 130%; }
    .portfolio-section { margin-top: 30px; }
    .portfolio-section .polosa { margin-bottom: 30px; }
    .solution-for-all-section .trigger-img { margin-top: 0; }
    .solution-for-all-section .trigger-img img { width: 42%; }
    .solution-for-all-section .general-solution-form-message { font-size: 24px; line-height: 24px; margin-top: 20px; margin-bottom: 20px; }
    .solution-for-all-section .description-block { width: 50%; }
    #map_canvas { height: 460px; }
    #map-infowindow { width: 280px; height: 280px; }
    .on_map_address_inner { margin-left: 50px; margin-right: 25px; margin-top: 40px; }
    .r1 { font-size: 16px; line-height: 16px; margin-bottom: 5px; }
    .r3 { font-size: 24px; line-height: 24px; }
    .r2, .r4 { font-size: 12px; line-height: 12px; margin-top: 5px; }
    .r2 { margin-top: 10px; }
    .other-questions .questions-message { font-size: 30px; line-height: 35px; }
    .other-questions .phone-number { font-size: 30px; line-height: 40px; }
    .footer-section { padding-top: 5px; }
    .footer-section .credentials { font-size: 12px; line-height: 25px; }
    .footer-section .all-rights, .footer-section .req { width: 100%; text-align: center; }
    .footer-section .logo { margin-bottom: 20px; }
    .footer-section .letter-icon { margin-bottom: 5px; }
    .footer-section .credentials { margin-top: 20px; }
    .link-section .link-cloud a { width: 43%; text-align: left; }
}

/* Small Devices, Tablets */
@media only screen and (min-width:421px) and (max-width:567px) {
    .article-section { margin-top: 100px; margin-bottom: 0; }
    .article-section .article-title {margin-bottom: 40px}
    .article-section .text-block {margin-left: 20px; margin-right: 20px;}
    .article-section .article-title {margin-bottom: 40px}
    .article-section .main-article{font-size: 18px;line-height: 28px;}
    .article-section h2 {font-size: 20px;}
    .article-section  .article-1, .article-section  .article-2, .article-section  .article-3 {line-height: 26px;}
    .cases-section { margin-top: 60px }
    .cases-section .case-row { margin-top: 10px; }
    .solution-for-all-section .image-block, .cases-section .image-block { margin-left: 0; width: 100%; }
    .solution-for-all-section .description-block, .cases-section .description-block { margin-left: 0; margin-top: -70px; width: 100%; }
    .cases-section .special-case { margin-bottom: 0; }
    .cases-section .case-title { font-size: 34px; line-height: 34px; margin-bottom: 20px; letter-spacing: 0px;}
    .keises li { font-size: 16px; line-height: normal; }
    .cases-section button { width: 100% !important; font-size: 18px; line-height: normal; height: 40px; }
    .cube, .default-state, .active-state { width: 100% !important; font-size: 18px !important; line-height: normal !important; line-height: normal; padding-top: 5px !important; }
    .keises ul { margin-bottom: 20px; }
    .solution-for-all-section .image-block img, .cases-section .image-block img { margin-top: 0; margin-right: 0px; margin-bottom: 0; margin-left: -120px; width: 165%; }
    .solution-for-all-section .trigger-img img { margin-left: 30%; width: 37%; }
    .portfolio-section { margin-top: 30px; }
    .portfolio-section .polosa { margin-bottom: 30px; }
    .portfolio-section .opis { font-size: 16px; }
    .mfo-image-holder .mpg-content { padding: 20px 30px !important; }
    .mfp-image-holder .mfp-content { max-width: 100% !important; }

    .solution-for-all-section .trigger-img { margin-top: 30px; }
    .solution-for-all-section .general-solution-form-message { font-size: 36px; line-height: 36px; margin-top: 30px; margin-bottom: 20px; }
    #map_canvas { height: 320px; }
    #map-infowindow { width: 280px; height: 280px; }
    .on_map_address_inner { margin-left: 50px; margin-right: 25px; margin-top: 40px; }
    .r1 { font-size: 16px; line-height: 16px; margin-bottom: 5px; }
    .r3 { font-size: 24px; line-height: 24px; }
    .r2, .r4 { font-size: 12px; line-height: 12px; margin-top: 5px; }
    .r2 { margin-top: 10px; }
    .map-section { padding-top: 30px; }
    .map-section .polosa { margin-bottom: 20px; }
    #map_canvas { height: 480px; }
    #map-infowindow { width: 280px; height: 280px; }
    .on_map_address_inner { margin-left: 50px; margin-right: 25px; margin-top: 40px; }
    .r1 { font-size: 16px; line-height: 16px; margin-bottom: 5px; }
    .r3 { font-size: 24px; line-height: 24px; }
    .r2, .r4 { font-size: 12px; line-height: 12px; margin-top: 5px; }
    .r2 { margin-top: 10px; }
    .footer-section { padding-top: 15px; }
    .footer-section .credentials { font-size: 12px; line-height: 25px; }
    .footer-section .all-rights, .footer-section .req { width: 100%; text-align: center; }
    .footer-section .all-rights { line-height: 45px; }
    .footer-section .req span { width: 100%; display: block; margin-left: 0; margin-right: 0; line-height: 18px }
    .footer-section .logo { margin-bottom: 25px; }
    .footer-section .letter-icon { margin-bottom: 10px; }
    .footer-section .credentials { margin-top: 10px; }
    .link-section .link-cloud a { width: 43%; text-align: left; }
}

/* Phones*/
@media only screen and (max-width:420px) {
    .article-section { margin-top: 100px; margin-bottom: 0; }
    .article-section .article-title {margin-bottom: 40px}
    .article-section .text-block {margin-left: 20px; margin-right: 20px;}
    .article-section .article-title {margin-bottom: 40px}
    .article-section .main-article{font-size: 18px;line-height: 28px;}
    .article-section  .article-1, .article-section  .article-2, .article-section  .article-3 {line-height: 26px;}
    .article-section h2 {font-size: 16px;}
    .client-section .demo-1 { margin-top: 40px; }
    .cases-section { margin-top: 45px }
    .cases-section .case-row { margin-top: 10px; }
    .solution-for-all-section .image-block, .cases-section .image-block { margin-left: 0; width: 100%; }
    .solution-for-all-section .description-block, .cases-section .description-block { margin-left: 0; margin-top: -30px; width: 100%; }
    .cases-section .special-case { margin-bottom: 0; }
    .cases-section .case-title { font-size: 30px; line-height: 30px; margin-bottom: 20px; letter-spacing: 0px;}
    .keises li { font-size: 14px; line-height: normal; }
    .cases-section button { width: 100% !important; font-size: 16px; line-height: normal; height: 40px; }
    .cube, .default-state, .active-state { width: 100% !important; font-size: 16px !important; line-height: normal !important; line-height: normal; padding-top: 5px !important; }
    .keises ul { margin-bottom: 20px; }
    .solution-for-all-section .image-block img, .cases-section .image-block img { margin-top: 0; margin-right: 0px; margin-bottom: 0; margin-left: -104px; width: 165%; }
    .solution-for-all-section .trigger-img img { margin-left: 30%; width: 37%; }
    .portfolio-section { margin-top: 30px; }
    .portfolio-section .polosa { margin-bottom: 20px; }
    .portfolio-section .opis { font-size: 14px; }
    .mfo-image-holder .mpg-content { padding: 20px 10px !important; }
    .mfp-image-holder .mfp-content { max-width: 100% !important; }
    .solution-for-all-section .polosa { margin-bottom: 10px; }
    .solution-for-all-section .trigger-img { margin-top: -10px; }
    .solution-for-all-section .general-solution-form-message { font-size: 24px; line-height: 24px; margin-top: 30px; margin-bottom: 20px; }
    .map-section { padding-top: 30px; }
    .map-section .polosa { margin-bottom: 20px; }
    #map_canvas { height: 480px; }
    #map-infowindow { width: 280px; height: 280px; }
    .on_map_address_inner { margin-left: 50px; margin-right: 25px; margin-top: 40px; }
    .r1 { font-size: 16px; line-height: 16px; margin-bottom: 5px; }
    .r3 { font-size: 24px; line-height: 24px; }
    .r2, .r4 { font-size: 12px; line-height: 12px; margin-top: 5px; }
    .r2 { margin-top: 10px; }
    .other-questions .questions-message { font-size: 30px; line-height: 35px; }
    .other-questions .phone-number { font-size: 30px; line-height: 40px; }
    .footer-section { padding-top: 15px; }
    .footer-section .credentials { font-size: 12px; line-height: 25px; }
    .footer-section .all-rights, .footer-section .req { width: 100%; text-align: center; }
    .footer-section .all-rights { line-height: 45px; }
    .footer-section .req span { width: 100%; display: block; margin-left: 0; margin-right: 0; line-height: 18px; }
    .footer-section .logo { margin-bottom: 25px; }
    .footer-section .letter-icon { margin-bottom: 10px; }
    .footer-section .credentials { margin-top: 10px; }
    .link-section .link-cloud a { width: 100%; text-align: center; margin-left: 0; margin-right: 0}

    .contact-via-socials__title {
        font-size: 14px;
    }
    .contact-via-socials__buttons {
        flex-direction: column;
        gap: 0;
    }

}
@media only screen and (min-width:1900px) {
    body { background-size: contain; }
}
@media only screen and (max-width:1200px) {
.cta-area { width: 100%; }
.contact-via-socials__title {
    font-size: 16px;
}
}
@media only screen and (min-width:1201px) and (max-width:1500px) {
    body { background-size: contain; }
    .portfolio-section { background-size: 149%; background-position-y: -359px; }
}
@media only screen and (min-width:1050px) and (max-width:1200px) {
    body { background-position-y: -14px; }
    .portfolio-section { background-size: 153%; background-position-y: -214px; }
}
@media only screen and (min-width:990px) and (max-width:1051px) {
    body { background-position-y: -14px; }
    .portfolio-section { background-size: 180%; background-position-y: 35%; }
}
@media only screen and (min-width:850px)  and (max-width:989px) {
    body { background-size: 172%; }
    .client-section .polosa { color: #3cb8d3; }
    .portfolio-section { padding-top: 140px; margin-top: -60px; background-position: center; }
}
@media only screen and (min-width:600px)  and (max-width:849px) {
    body { background-size: 204%; }
    .client-section .polosa { color: #3cb8d3; }
    .portfolio-section { padding-top: 60px; margin-top: -30px; background-size: 300%; background-position: center; }
}

/* Small Devices, Tablets */
@media only screen and (min-width:568px) and (max-width:599px) {
    body { background-size: 204%; }
    .client-section .polosa { color: #3cb8d3; }
    .portfolio-section { padding-top: 60px; margin-top: -30px; background-size: 357%; background-position: center; }
}

/* Small Devices, Tablets */
@media only screen and (min-width:481px) and (max-width:567px) {
    body { background-size: 314%; }
    .portfolio-section { padding-top: 60px; margin-top: -30px; background-size: 357%; background-position: center; }
}

/* Small Devices, Tablets */
@media only screen and (min-width:421px) and (max-width:480px) {
    body { background-size: 386%; }
    .portfolio-section { padding-top: 60px; margin-top: -30px; padding-top: 60px; margin-top: -30px; background-size: 706%; background-position: center; }
}
@media only screen and (max-width:420px) {
    body { background-size: 356%; }
    .portfolio-section { padding-top: 60px; margin-top: -30px; padding-top: 60px; margin-top: -30px; background-size: 781%; background-position: center; }
}