/* NAVBAR */
@media (max-width: 991.98px) {
    /* BASE */
    #navbarSupportedContent {
        position: absolute;
        top: 75px;
        right: 0;
        background-color: var(--custom-blue);
        z-index: 15;
    }

    .navbar-nav {
        padding: 2em;
    }

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

    /* END OF BASE */

    
}


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

    .absolute-row {display: none;}
    .nav-link {font-size: 20px;margin-left: 0px;}
    .navbar-brand {width: 200px;}

    .hero-title {font-size: 23px;}
    .static-content {font-size: 17px;}
    .button-row {padding-top: 0px;padding-bottom: 3em;}
    .standard-btn {font-size: 17px;min-height: 42px;}

    .carousel-item > img, .hero-content {height: auto;}
    .hero-content {padding-left: 1em;background-image: initial; padding-top: 3em; padding-bottom: 2em;}
    .button-row {flex-direction: column; align-items: start;}
    .button-row .inv-btn {margin-left: 0px; margin-top: 5px;}

    .aboutus-img {max-height: 200px; width: 100%; object-fit: cover;margin-bottom: 2em;}

    .standard-title {font-size: 25px;}
    .small-title {font-size: 16px;}
    .reference-fluid, .about-us-fluid, .contact-fluid, .why-us-fluid, .service-fluid {padding-top: 2em; padding-bottom: 2em;}

    .service-title {font-size: 21px;}
    .service-icon {width: 90px; height: 90px;}
    .one-service-block .static-content {font-size: 16px;}
    .one-service-block {margin-top: 1em;}
    .home-ref-img {height: 190px;}

    .why-us-oneBlock-content {padding: 1em;margin-bottom: 2em; height: auto;align-items: start;}
    .why-us-title {font-size: 20px;}
    .why-us-oneBlock-content .static-content {font-size: 16px;}
    .why-us-oneBlock-nr {font-size: 150px;top: 39px;left: 0px;}

    .cw-control::placeholder {font-size: 17px;}
    .cw-control::-ms-input-placeholder {font-size: 17px;}

    .cw-control {min-height: initial; font-size: 17px;}

    .home-contact-blue {padding: 1em;}
    #contact_form_content_page {margin-top: 2em;}
    .standard-title.smaller {font-size: 22px;}
    .home-contact-blue .static-content {font-size: 17px;}
    .contacts-row {font-size: 17px;}
    .contacts-row img {width: 22px;margin-right: 10px;margin-left: 0px;}

    footer img {width: 140px;}
    .footer-link {font-size: 17px;}
    .footer-contacts {font-size: 17px;}
    .footer-title {font-size: 19px;}
    .copyright {font-size: 16px;}
    .extra-top-p, .extra-top-sec {padding-top: 1em;}
    footer {padding-top: 3em;}
    .dekstop-right {text-align: left;}
    .footer-contacts span {width: 100%;}
    .footer-contacts {flex-direction: column;align-items: start;}
    .bottom-infos {padding-top: 2em;}

    .subheader-title {font-size: 28px;padding-left: .1em;}
    .subheader-fluid .row {height: 180px;background-size: 100px;}

    .gallery-item .hover-overlay span {font-size: 20px;}
    .gallery-item img {height: 220px;}
    .gallery-item {margin-bottom: 2em;}

    .contact-subpage.footer-contacts span {font-size: 20px;}
    .contact-subpage.footer-contacts {font-size: 17px;margin-bottom: 1em;}
    .contactsblock {padding-top: 1em;}

    .container-p {padding-top: 2em;}
    .general-padding {padding-bottom: 3em;}

}

/* SM */
@media (min-width: 576px) and (max-width: 767.98px) {
    .nav-link {font-size: 20px;margin-left: 0px;}
    .navbar-brand {width: 200px;}

    .hero-title {font-size: 25px;}
    .static-content {font-size: 17px;}
    .button-row {padding-top: 0px;padding-bottom: 3em;}
    .standard-btn {font-size: 17px;min-height: 42px;}

    .carousel-item > img, .hero-content {height: 500px;}
    .hero-content {padding-left: 1em;background-image: initial;}
    .button-row {flex-direction: column; align-items: start;}
    .button-row .inv-btn {margin-left: 0px; margin-top: 5px;}

    .aboutus-img {max-height: 200px; width: 100%; object-fit: cover;margin-bottom: 2em;}

    .standard-title {font-size: 25px;}
    .small-title {font-size: 16px;}
    .reference-fluid, .about-us-fluid, .contact-fluid, .why-us-fluid, .service-fluid {padding-top: 2em; padding-bottom: 2em;}

    .service-title {font-size: 21px;}
    .service-icon {width: 90px; height: 90px;}
    .one-service-block .static-content {font-size: 16px;}
    .one-service-block {margin-top: 1em;}
    .home-ref-img {height: 215px;}

    .why-us-oneBlock-content {padding: 1.5em;margin-bottom: 2em; height: auto;align-items: start;}
    .why-us-title {font-size: 22px;}
    .why-us-oneBlock-content .static-content {font-size: 18px;}
    .why-us-oneBlock-nr {font-size: 150px;top: 39px;left: 0px;}

    .cw-control::placeholder {font-size: 17px;}
    .cw-control::-ms-input-placeholder {font-size: 17px;}

    .cw-control {min-height: initial; font-size: 17px;}

    .home-contact-blue {padding: 2em;}
    #contact_form_content_page {margin-top: 2em;}
    .standard-title.smaller {font-size: 28px;}
    .home-contact-blue .static-content {font-size: 17px;}
    .contacts-row {font-size: 18px;}
    .contacts-row img {width: 22px;margin-right: 15px;}

    footer img {width: 140px;}
    .footer-link {font-size: 17px;}
    .footer-contacts {font-size: 17px;}
    .footer-title {font-size: 19px;}
    .copyright {font-size: 16px;}
    .extra-top-p, .extra-top-sec {padding-top: 1em;}
    footer {padding-top: 3em;}
    .footer-contacts span {width: 100%;}
    .footer-contacts {flex-direction: column;align-items: start;}
    .bottom-infos {padding-top: 2em;}

    .subheader-title {font-size: 35px;padding-left: .5em;}
    .subheader-fluid .row {height: 240px;background-size: 100px;}

    .gallery-item .hover-overlay span {font-size: 20px;}
    .gallery-item img {height: 220px;}
    .gallery-item {margin-bottom: 2em;}

    .contact-subpage.footer-contacts span {font-size: 20px;}
    .contact-subpage.footer-contacts {font-size: 17px;margin-bottom: 1em;}
    .contactsblock {padding-top: 1em;}
}

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

    .nav-link {font-size: 20px;margin-left: 0px;}
    .navbar-brand {width: 200px;}

    .hero-title {font-size: 29px;}
    .static-content {font-size: 17px;}
    .standard-btn {font-size: 18px;min-height: 42px;}

    .carousel-item > img, .hero-content {height: 500px;}
    .hero-content {padding-left: 1em;background-size: contain;}

    .standard-title {font-size: 27px;}
    .small-title {font-size: 16px;}
    .reference-fluid, .about-us-fluid, .contact-fluid, .why-us-fluid, .service-fluid {padding-top: 3em; padding-bottom: 3em;}

    .service-title {font-size: 21px;}
    .service-icon {width: 90px; height: 90px;}
    .one-service-block .static-content {font-size: 16px;}
    .one-service-block {margin-top: 3em;}
    .home-ref-img {height: 215px;}

    .why-us-oneBlock-content {padding: 1.5em;margin-bottom: 2em; height: auto;}
    .why-us-title {font-size: 22px;}
    .why-us-oneBlock-content .static-content {font-size: 18px;}
    .why-us-oneBlock-nr {font-size: 200px;top: 49px;}

    .home-contact-blue {padding: 2em;}
    #contact_form_content_page {margin-top: 2em;}
    .standard-title.smaller {font-size: 28px;}
    .home-contact-blue .static-content {font-size: 17px;}
    .contacts-row {font-size: 18px;}
    .contacts-row img {width: 22px;margin-right: 15px;}

    footer img {width: 140px;}
    .footer-link {font-size: 17px;}
    .footer-contacts {font-size: 17px;}
    .footer-title {font-size: 19px;}
    .copyright {font-size: 16px;}
    .extra-top-p, .extra-top-sec {padding-top: 1em;}
    footer {padding-top: 3em;}
    .footer-contacts span {width: 100%;}
    .footer-contacts {flex-direction: column;align-items: start;}
    .bottom-infos {padding-top: 4em;}

    .subheader-title {font-size: 40px;}
    .subheader-fluid .row {height: 240px;}

    .gallery-item .hover-overlay span {font-size: 24px;}
    .gallery-item img {height: 220px;}
    .gallery-item {margin-bottom: 2em;}

    .contact-subpage.footer-contacts span {font-size: 24px;}
    .contact-subpage.footer-contacts {font-size: 20px;}
    .contactsblock {padding-top: 3em;}
}

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

    .hero-title {font-size: 39px;}
    .static-content {font-size: 19px;}
    .standard-btn {font-size: 20px;}

    .carousel-item > img, .hero-content {height: 650px;}
    .hero-content {padding-left: 1em;}

    .standard-title {font-size: 32px;}
    .small-title {font-size: 18px;}
    .reference-fluid, .about-us-fluid, .contact-fluid, .why-us-fluid, .service-fluid {padding-top: 3em; padding-bottom: 3em;}

    .service-title {font-size: 22px;}
    .one-service-block .static-content {font-size: 16px;}
    .one-service-block {margin-top: 3em;}
    .home-ref-img {height: 215px;}

    .why-us-oneBlock-content {padding: 1.5em;}
    .why-us-title {font-size: 24px;}
    .why-us-oneBlock-content .static-content {font-size: 18px;}
    .why-us-oneBlock-nr {font-size: 333px;top: 85px;}

    .home-contact-blue {padding: 2em;}
    .standard-title.smaller {font-size: 30px;}
    .home-contact-blue .static-content {font-size: 18px;}
    .contacts-row {font-size: 20px;}
    .contacts-row img {width: 27px;margin-right: 25px;}

    .footer-link {font-size: 19px;}
    .footer-contacts {font-size: 18px;}
    .footer-title {font-size: 20px;}
    .copyright {font-size: 17px;}
    footer {padding-top: 3em;}
    .footer-contacts span {width: 100%;}
    .footer-contacts {flex-direction: column;align-items: start;}
    .bottom-infos {padding-top: 4em;}

    
    .subheader-title {font-size: 50px;}
    .subheader-fluid .row {height: 340px;}

    .gallery-item .hover-overlay span {font-size: 24px;}
    .gallery-item img {height: 220px;}
}

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

}

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

    .hero-title {font-size: 49px;}
    .static-content {font-size: 21px;}
    .standard-btn {font-size: 22px;}

    .carousel-item > img, .hero-content {height: 780px;}
    .hero-content {padding-left: 2em;}

    .standard-title {font-size: 42px;}
    .small-title {font-size: 22px;}
    .reference-fluid, .about-us-fluid {padding-top: 5em; padding-bottom: 5em;}
    .why-us-oneBlock-nr {font-size: 333px;top: 85px;}

    .home-contact-blue {padding: 2em;}
    .home-contact-blue .static-content {font-size: 20px;}
    .contacts-row {font-size: 21px;}
    .contacts-row img {width: 30px;}

    .footer-link {font-size: 19px;}
    .footer-contacts {font-size: 18px;}
    .copyright {font-size: 17px;}
    footer {padding-top: 4em;}

    .subheader-title {font-size: 60px;}
    .subheader-fluid .row {height: 440px;}
}

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