/* NAVBAR */
@media (max-width: 991.98px) {
    /* BASE */
    #navbarSupportedContent {
        position: absolute;
        top: 65px;
        right: 0;
        background-color: #A9DBB8;
        z-index: 1500000;
    }

    .technology-toggle {display: none;}
    .noneeddesktop {display: block;}
    .navbar-toggler {background-color: #38369A;}

    .navbar-nav {
        padding: 1em;
    }

    .language-menu {
        padding: 1em;
        padding-top: .5em;
        width: 100%;
        text-align: center;
    }

    .action-row span {font-size: 22px;line-height: 1;}

    /* END OF BASE */

}


@media (max-width: 575.98px) {
    /* BASE */
    .static-content ul {
        columns: 1;
    }
    /* END OF BASE */

    .navbar-expand-lg {justify-content: end;}
    .nav-link {font-size: 19px; padding-bottom: 1em; text-align: center;width: 100%;}

    .carousel-img {height: 500px;}
    .hero-design {height: 350px;}
    .hero-design-left {width: 450px;}
    .hero-title {font-size: 40px;}
    .carousel-caption {left: 10%; right: 10%;}
    .static-content {font-size: 16px;}
    .navbar-brand {left: 50px;top: 14px;}
    header .row.header-row {height: 76px;}
    .navbar-brand img {width: 150px}
    .button-row {flex-direction: column;}
    .button-row .standard-btn.inv-btn {margin-left: 0px;margin-top: 10px;}

    .standard-btn {padding: 2px 22px 0px 22px; font-size: 15px; min-height: 45px;}
    .exra-leftp {padding-left: 1em;}

    .developer-img {height: 300px;}

    .standard-title {font-size: 28px;margin-top: 11px;}
    .standard-btn.noshadow {padding: 8px 5px 5px 5px;min-height: inherit;}
    #contact_form_content_page .standard-btn.noshadow {padding: 8px 25px 5px 25px;min-height: inherit;}
    .standard-blue-text {font-size: 16.5px;}
    .small-title {font-size: 18px;}

    .home-about-us-conti-design {width: 350px;}
    .home-about-us-conti {padding-top: 5em;}

    .middle-title  {font-size: 26px;padding-top: 2em;}
    .why-us-block img {margin-top: 3em;}
    .whyustitle {font-size: 20px;}
    .service-short-desc {height: auto;}
    .static-content.smaller {font-size: 16px;}

    .service-container {padding-top: 5em;}
    .service-maintitle {font-size: 20px;}
    .service-btn {font-size: 17px;}
    .one-service-block {padding: 1em;margin-bottom: 2em;}
    .service-title {margin-bottom: 1.7em;}

    .tech-title {font-size: 30px;padding-top: 1.5em;margin-bottom: 1.2em;}
    .gyik-container {padding-top: 1em;}
    .tech-small-title{font-size: 19px;}
    .one-tech-title {font-size: 21px;}
    .one-tech-text {font-size: 15px;}
    .one-tech-row img {width: 55px; height: 55px;}
    .one-tech-row-content {width: calc(100% - 65px);}
    .home-last-design {width: 300px;}

    .static-content.text-black.pb-5 {padding-bottom: 1em !important;}
    .gyik-title {font-size: 30px;}

    .card-header .btn-link {font-size: 18px;}
    .card-body.static-content {font-size: 16px;}
    .card-body.static-content {padding: 5px;}
    .one-tech-text {padding: 4px;}

    .noshadow.tech-title {font-size: 30px;}
    .form-title {font-size: 17px;}
    .contacts-contact-row {padding-left: 0em;justify-content: start;}
    .contacts-contact-block span {font-size: 19px;}
    .contacts-contact-row .img-block {height: 50px; width: 50px;margin-right: 10px;}
    .cw-control {font-size: 18px;}

    .footer-link, .footer-contacts {font-size: 17px;}
    .footer-title {font-size: 18px;}
    .bottom-infos {padding-top: 1em;}

    .third-block-bg {height: 1300px;}
    .forth-block-bg {top: 2100px;-webkit-clip-path: polygon(22% 0, 100% 10%, 100% 100%, 0 100%, 0 7%);
        clip-path: polygon(22% 0, 100% 10%, 100% 100%, 0 100%, 0 7%);}
    .gyik-container {padding-bottom: 5em;}
    .third-block-bg img {height: 500px; bottom: 400px;}
    .fifth-block-bg {height: 600px;}
    .footer-contacts span {width: 124px;}
    .copyright {font-size: 16px;}
    .contacts-contact-row .img-block img {width: 40%; height: 40%;}
    .extra-top-sec, .extra-top-p {padding-top: 1em;}
    .custom-checkbox {font-size: 18px;}

    .home-contact-container-fluid {padding-top: 4em;padding-bottom: 5em;}

    .footer-contacts span {width: 100%;}
    .footer-contacts {flex-direction: column; align-items: flex-start;}
    .dekstop-right {text-align: left; margin-top: 10px;}
    footer {padding-top: 2em;}
    .card-header .btn-link {text-align: left;line-height: 1;}

    .subpage-title {font-size: 50px;line-height: 50px;top: 18%;}
    #contact-page .carousel-img {height: 300px;}
    #contact-page .hero-design {width: 250px;}
    #contact-page-content .home-about-us-conti {padding-top: 6em;}
    .back-btn {font-size: 18px;}
    .contact-conti-row {padding-top: 2em;}
    .contact-subtitle {font-size: 28px;}
    .contact-desc {padding: .5em;}
    .contact-type {font-size: 16px;margin-top: .5em;}
    .cw-control {min-height: auto;}
    .contact-data {font-size:17px;}
    .contact-subpage-form {padding: 1em 1.5em;}
    .border-right {border-right: 0px !important;}
    .contact-conti-row {flex-direction: column-reverse;}
    .extra-left-p {padding-left: 15px;padding-bottom: 2em;}
    .contact-subtitle.text-center {text-align: left !important;}
    .static-content.text-center.text-black.contact-desc {text-align: left !important;}

    .mt-5.servicemt {margin-top: 1em !important;}

    #contact-page-content {padding-bottom: 4em;}

    .static-content h1 {font-size: 26px;}
    .static-content h2 {font-size: 24px;}
    .static-content h3 {font-size: 22px;}
    .static-content h4 {font-size: 20px;}
    .static-content h5 {font-size: 18px;}
}

/* SM */
@media (min-width: 576px) and (max-width: 767.98px) {
    .navbar-expand-lg {justify-content: end;}
    .nav-link {font-size: 19px; padding-bottom: 1em; text-align: center;width: 100%;}

    .carousel-img {height: 500px;}
    .hero-design {height: 450px;}
    .hero-design-left {width: 450px;}
    .hero-title {font-size: 65px;}
    .carousel-caption {left: 10%; right: 10%;}
    .static-content {font-size: 17px;}
    .navbar-brand {left: 50px;top: 14px;}
    header .row.header-row {height: 76px;}
    .navbar-brand img {width: 150px}

    .standard-btn {padding: 2px 22px 0px 22px; font-size: 15px; min-height: 45px;}
    .exra-leftp {padding-left: 1em;}

    .developer-img {height: 350px;}

    .standard-title {font-size: 30px;margin-top: 11px;}
    .standard-blue-text {font-size: 16.5px;}
    .small-title {font-size: 18px;}

    .home-about-us-conti-design {width: 350px;}
    .home-about-us-conti {padding-top: 5em;}

    .middle-title  {font-size: 28px;padding-top: 2em;}
    .why-us-block img {margin-top: 3em;}
    .whyustitle {font-size: 20px;}
    .static-content.smaller {font-size: 16px;}

    .service-container {padding-top: 5em;}
    .service-maintitle {font-size: 20px;}
    .service-btn {font-size: 17px;}
    .one-service-block {padding: 1em;margin-bottom: 2em;}
    .service-title {margin-bottom: 1.7em;}

    .tech-title {font-size: 30px;padding-top: 2.5em;margin-bottom: 1.2em;}
    .tech-small-title{font-size: 19px;}
    .one-tech-title {font-size: 21px;}
    .one-tech-text {font-size: 15px;}
    .one-tech-row img {width: 55px; height: 55px;}
    .one-tech-row-content {width: calc(100% - 65px);}
    .home-last-design {width: 300px;}

    .static-content.text-black.pb-5 {padding-bottom: 1em !important;}
    .gyik-title {font-size: 30px;}

    .card-header .btn-link {font-size: 18px;}
    .card-body.static-content {font-size: 16px;}
    .card-body.static-content {padding: 5px;}
    .one-tech-text {padding: 4px;}

    .noshadow.tech-title {font-size: 30px;}
    .form-title {font-size: 17px;}
    .contacts-contact-row {padding-left: 0em;justify-content: start;}
    .contacts-contact-block span {font-size: 19px;}
    .contacts-contact-row .img-block {height: 50px; width: 50px;margin-right: 10px;}
    .cw-control {font-size: 18px;}

    .footer-link, .footer-contacts {font-size: 17px;}
    .footer-title {font-size: 18px;}
    .bottom-infos {padding-top: 1em;}

    .third-block-bg {height: 1300px;}
    .forth-block-bg {top: 2100px;-webkit-clip-path: polygon(18% 0, 100% 15%, 100% 100%, 0 100%, 0 16%);
        clip-path: polygon(18% 0, 100% 15%, 100% 100%, 0 100%, 0 16%);}
    .gyik-container {padding-bottom: 5em;}
    .third-block-bg img {height: 500px; bottom: 400px;}
    .fifth-block-bg {height: 600px;}
    .footer-contacts span {width: 124px;}
    .copyright {font-size: 16px;}
    .contacts-contact-row .img-block img {width: 40%; height: 40%;}
    .extra-top-sec, .extra-top-p {padding-top: 1em;}
    .custom-checkbox {font-size: 18px;}

    .home-contact-container-fluid {padding-top: 4em;padding-bottom: 5em;}

    .subpage-title {font-size: 80px;line-height: 80px;top: 18%;}
    #contact-page .carousel-img {height: 300px;}
    #contact-page .hero-design {width: 250px;}
    #contact-page-content .home-about-us-conti {padding-top: 4em;}
    .contact-conti-row {padding-top: 4em;}
    .contact-subtitle {font-size: 32px;}
    .contact-desc {padding: .5em;}
    .contact-type {font-size: 18px;margin-top: .5em;}
    .cw-control {min-height: auto;}
    .contact-data {font-size:18px;}
    .contact-subpage-form {padding: 1em 1.5em;}
    .border-right {border-right: 0px !important;}
    .contact-conti-row {flex-direction: column-reverse;}
    .extra-left-p {padding-left: 15px;padding-bottom: 2em;}
    .contact-subtitle.text-center {text-align: left !important;}
    .static-content.text-center.text-black.contact-desc {text-align: left !important;}
}

/* MD */
@media (min-width: 768px) and (max-width: 991.98px) {

    .navbar-expand-lg {justify-content: end;}
    .nav-link {font-size: 19px; padding-bottom: 1em; text-align: center;width: 100%;}

    .carousel-img {height: 550px;}
    .hero-design {height: 510px;}
    .hero-design-left {width: 450px;}
    .hero-title {font-size: 80px;}
    .static-content {font-size: 17px;}
    .navbar-brand {left: 50px;top: 14px;}
    header .row.header-row {height: 76px;}
    .navbar-brand img {width: 150px}

    .standard-btn {padding: 2px 22px 0px 22px; font-size: 15px; min-height: 45px;}
    .exra-leftp {padding-left: 1em;}

    .developer-img {height: 412px;}

    .standard-title {font-size: 35px;margin-top: 11px;}
    .standard-blue-text {font-size: 17px;}
    .small-title {font-size: 18px;}

    .home-about-us-conti-design {width: 350px;}
    .home-about-us-conti {padding-top: 5em;}

    .middle-title  {font-size: 30px;padding-top: 2.5em;}
    .why-us-block img {margin-top: 3em;}
    .whyustitle {font-size: 20px;}
    .static-content.smaller {font-size: 16px;}

    .service-container {padding-top: 5em;}
    .service-maintitle {font-size: 20px;}
    .service-btn {font-size: 17px;}
    .one-service-block {padding: 1em;margin-bottom: 2em;}
    .service-title {margin-bottom: 1.7em;}

    .tech-title {font-size: 40px;padding-top: 2.5em;margin-bottom: 1.2em;}
    .tech-small-title{font-size: 19px;}
    .one-tech-title {font-size: 21px;}
    .one-tech-text {font-size: 15px;}
    .one-tech-row img {width: 55px; height: 55px;}
    .one-tech-row-content {width: calc(100% - 65px);}
    .home-last-design {width: 300px;}

    .gyik-title {font-size: 30px;}

    .card-header .btn-link {font-size: 18px;}
    .card-body.static-content {font-size: 16px;}
    .card-body.static-content {padding: 5px;}
    .one-tech-text {padding: 4px;}

    .noshadow.tech-title {font-size: 30px;}
    .form-title {font-size: 17px;}
    .contacts-contact-row {padding-left: 0em;justify-content: start;}
    .contacts-contact-block span {font-size: 19px;}
    .contacts-contact-row .img-block {height: 50px; width: 50px;margin-right: 10px;}
    .cw-control {font-size: 18px;}

    .footer-link, .footer-contacts {font-size: 17px;}
    .footer-title {font-size: 18px;}
    .bottom-infos {padding-top: 1em;}

    .third-block-bg {height: 1300px;}
    .forth-block-bg {top: 2100px;-webkit-clip-path: polygon(18% 0, 100% 15%, 100% 100%, 0 100%, 0 16%);
        clip-path: polygon(18% 0, 100% 15%, 100% 100%, 0 100%, 0 16%);}
    .gyik-container {padding-bottom: 5em;}
    .third-block-bg img {height: 500px; bottom: 400px;}
    .fifth-block-bg {height: 600px;}
    .footer-contacts span {width: 124px;}
    .copyright {font-size: 16px;}
    .contacts-contact-row .img-block img {width: 40%; height: 40%;}
    .extra-top-sec, .extra-top-p {padding-top: 1em;}
    .custom-checkbox {font-size: 18px;}

    .home-contact-container-fluid {padding-top: 4em;padding-bottom: 5em;}

    .subpage-title {font-size: 100px;line-height: 100px;top: 18%;}
    #contact-page .carousel-img {height: 330px;}
    #contact-page .hero-design {width: 300px;}
    #contact-page-content .home-about-us-conti {padding-top: 4em;}
    .contact-conti-row {padding-top: 4em;}
    .contact-subtitle {font-size: 32px;}
    .contact-desc {padding: .5em;}
    .contact-type {font-size: 18px;margin-top: .5em;}
    .cw-control {min-height: auto;}
    .contact-data {font-size:18px;}
    .contact-subpage-form {padding: 1em 1.5em;}
}

/* LG */
@media (min-width: 992px) and (max-width: 1199.98px) {
    .nav-link {font-size: 17px;}

    .carousel-img {height: 750px;}
    .hero-design {height: 780px;}
    .hero-title {font-size: 120px;}
    .static-content {font-size: 19px;}
    .navbar-brand {left: 10px;}
    .navbar-brand img {width: 150px}

    .standard-btn {padding: 2px 32px 0px 32px; font-size: 17px; min-height: 49px;}
    .exra-leftp {padding-left: 2em;}

    .developer-img {height: 512px;}

    .standard-title {font-size: 40px;}
    .standard-blue-text {font-size: 18px;}
    .small-title {font-size: 20px;}

    .home-about-us-conti-design {width: 450px;}
    .home-about-us-conti {padding-top: 8em;}

    .middle-title  {font-size: 35px;}
    .whyustitle {font-size: 24px;}
    .static-content.smaller {font-size: 17px;}

    .service-container {padding-top: 5em;}
    .service-maintitle {font-size: 20px;}
    .service-btn {font-size: 17px;}
    .one-service-block {padding: 1em;}
    .service-title {margin-bottom: 1.7em;}

    .tech-title {font-size: 50px;padding-top: 2.5em;margin-bottom: 1.2em;}
    .tech-small-title{font-size: 19px;}
    .one-tech-title {font-size: 24px;}
    .one-tech-text {font-size: 15px;}
    .one-tech-row img {width: 65px; height: 65px;}
    .one-tech-row-content {width: calc(100% - 65px);}
    .home-last-design {width: 300px;}

    .gyik-title {font-size: 40px;}

    .card-header .btn-link {font-size: 20px;}
    .card-body.static-content {font-size: 17px;}
    .one-tech-text {padding: 4px;}

    .noshadow.tech-title {font-size: 40px;}
    .form-title {font-size: 18px;}
    .contacts-contact-row {padding-left: 1em;}
    .contacts-contact-block span {font-size: 21px;}
    .contacts-contact-row .img-block {height: 60px; width: 60px;}
    .cw-control {font-size: 18px;}

    .footer-link, .footer-contacts {font-size: 17px;}
    .footer-title {font-size: 18px;}
    .bottom-infos {padding-top: 1em;}

    .third-block-bg {height: 1300px;}
    .forth-block-bg {top: 2100px;-webkit-clip-path: polygon(18% 0, 100% 15%, 100% 100%, 0 100%, 0 16%);
        clip-path: polygon(18% 0, 100% 15%, 100% 100%, 0 100%, 0 16%);}
    .gyik-container {padding-bottom: 8em;}
    .third-block-bg img {height: 500px; bottom: 400px;}
    .footer-contacts span {width: 124px;}
    .copyright {font-size: 16px;}
    .contacts-contact-row .img-block img {width: 40%; height: 40%;}
    .custom-checkbox {font-size: 18px;}

    .home-contact-container-fluid {padding-top: 4em;padding-bottom: 5em;}

    .subpage-title {font-size: 130px;line-height: 130px;top: 20%;}
    #contact-page .carousel-img {height: 430px;}
    #contact-page .hero-design {width: 367px;}
    #contact-page-content .home-about-us-conti {padding-top: 4em;}
    .contact-conti-row {padding-top: 5em;}
    .contact-subtitle {font-size: 38px;}
    .contact-desc {padding: 1em 2em;}
    .contact-type {font-size: 20px;}
    .contact-data {font-size: 19px;}
    .contact-subpage-form {padding: 1em 1.5em;}

    .dropdown-title {font-size: 19px;}
    .static-content {font-size: 17px;}
    .dropdown-left-block {width: 250px; padding-right: 15px;}
    .dropdown-right-block {width: 500px;}
    .technology-dropdown {padding: 1em 1.5em;}
    .right-title {font-size: 17px;}
    .dropdown-btn {font-size: 19px;}
    .nav-link {margin-right: 10px;}
}

/* XL */
@media (min-width: 1200px) {

}

@media (min-width: 1200px) and (max-width: 1399.98px) {
    .nav-link {font-size: 19px;}

    .carousel-img {height: 900px;}
    .hero-design {height: 980px;}
    .hero-title {font-size: 150px;}
    .static-content {font-size: 21px;}
    .navbar-brand {left: 50px;}

    .standard-title {font-size: 50px;}
    .standard-blue-text {font-size: 20px;}
    .small-title {font-size: 24px;}

    .home-about-us-conti-design {width: 650px;}

    .middle-title  {font-size: 40px;}
    .whyustitle {font-size: 28px;}
    .static-content.smaller {font-size: 19px;}

    .service-container {padding-top: 7em;}
    .one-service-block {padding: 1.5em;}
    .service-title {margin-bottom: 1.7em;}

    .tech-title {font-size: 55px;}
    .one-tech-title {font-size: 27px;}
    .one-tech-row img {width: 85px; height: 85px;}
    .home-last-design {width: 400px;}

    .gyik-title {font-size: 45px;}

    .card-header .btn-link {font-size: 25px;}
    .card-body.static-content {font-size: 19px;}

    .noshadow.tech-title {font-size: 45px;}
    .contacts-contact-row {padding-left: 2em;}
    .contacts-contact-row .img-block {height: 70px; width: 70px;}
    .cw-control {font-size: 20px;}

    .footer-link, .footer-contacts {font-size: 19px;}
    .footer-title {font-size: 22px;}
    .bottom-infos {padding-top: 1em;}

    .third-block-bg {height: 1500px;}
    .forth-block-bg {top: 2400px;}
    .gyik-container {padding-bottom: 8em;}
    .third-block-bg img {height: 700px;}

    .subpage-title {font-size: 150px;line-height: 150px;top: 22%;}
    #contact-page .carousel-img {height: 490px;}
    #contact-page-content .home-about-us-conti {padding-top: 4em;}
    .contact-conti-row {padding-top: 6em;}
    .contact-subtitle {font-size: 38px;}
    .contact-desc {padding: 1em 3em;}
    .contact-type {font-size: 20px;}
    .contact-data {font-size: 21px;}

    .dropdown-title {font-size: 22px;}
    .static-content {font-size: 19px;}
    .dropdown-left-block {width: 290px; padding-right: 15px;}
    .dropdown-right-block {width: 545px;}
    .technology-dropdown {padding: 1.5em 2em;}
    .right-title {font-size: 19px;}
    .dropdown-btn {font-size: 21px;}
    .nav-link {margin-right: 15px;}
}

@media (min-width: 1400px) {
    .container {
        width: 1300px !important;
        max-width: 1300px !important;
    }
}