@media (max-width:991.98px) {
    #navbarSupportedContent {
        position: absolute;
        top: 95px;
        right: 0;
        background-color: var(--custom-lightblue);
        z-index: 15
    }

    .navbar-nav {
        padding: 1em
    }

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

@media (max-width:575.98px) {

    .dekstop-right,
    .footer {
        text-align: center
    }

    .container,
    iframe {
        max-width: 100% !important
    }

    .static-content ul {
        columns: 1
    }

    .maillink {
        display: none
    }

    .container {
        width: 100% !important
    }

    .navbar-brand img {
        width: 70px
    }

    .navbar-toggler {
        background-color: var(--custom-lightblue)
    }

    .navbar-nav .nav-link {
        font-size: 18px;
        margin-left: 0
    }

    .navbar-nav .nav-link.active-link,
    .navbar-nav .nav-link:focus,
    .navbar-nav .nav-link:hover {
        color: #fff !important
    }

    .standard-btn,
    .standard-text,
    .topheader-link,
    a,
    body {
        font-size: 16px
    }

    .standard-title {
        font-size: 28px
    }

    .bottom-contact-img {
        height: 180px
    }

    .service-title {
        font-size: 18px
    }

    .home-avg-img {
        height: 220px;
        width: 100%
    }

    .one-text-img-row {
        padding-top: 1em;
        padding-bottom: 1em
    }

    .extra-desktop-p {
        padding-top: 0
    }

    .container-avg-p {
        padding-top: 2em
    }

    .copyright,
    .footer .home-contacts a.topheader-link,
    .footer-menu {
        font-size: 15px
    }

    .footer {
        margin-top: 2em
    }

    .footer-menu {
        margin: 8px auto 5px;
        overflow: hidden
    }

    .footer .home-contacts a.topheader-link {
        justify-content: start
    }

    .footer-title {
        margin-top: 1.5em
    }

    #contact_form_content_page select {
        font-size: 17px;
        height: 56px !important
    }

    #contact_form_content_page input,
    #contact_form_content_page textarea:not(.select2-search__field) {
        font-size: 17px;
        height: auto
    }

    #contact_form_content_page input::-webkit-input-placeholder,
    #contact_form_content_page select::-webkit-input-placeholder,
    #contact_form_content_page textarea::-webkit-input-placeholder:not(.select2-search__field) {
        font-size: 17px
    }

    #contact_form_content_page input:-ms-input-placeholder,
    #contact_form_content_page select:-ms-input-placeholder,
    #contact_form_content_page textarea:-ms-input-placeholder:not(.select2-search__field) {
        font-size: 17px
    }

    #contact_form_content_page input::placeholder,
    #contact_form_content_page select::placeholder,
    #contact_form_content_page textarea::placeholder:not(.select2-search__field) {
        font-size: 17px
    }

    .home-contacts a.topheader-link {
        width: 200px
    }

    .home-contacts .col-sm-6 {
        justify-content: center;
        display: flex
    }

    .mobile-center {
        display: flex;
        align-items: center;
        justify-content: center
    }
}

@media (min-width:576px) and (max-width:767.98px) {
    .container {
        width: 540px !important;
        max-width: 540px !important
    }

    .navbar-brand img {
        width: 70px
    }

    .navbar-toggler {
        background-color: var(--custom-lightblue)
    }

    .navbar-nav .nav-link {
        font-size: 18px;
        margin-left: 0
    }

    .navbar-nav .nav-link.active-link,
    .navbar-nav .nav-link:focus,
    .navbar-nav .nav-link:hover {
        color: #fff !important
    }

    .standard-btn,
    .standard-text,
    .topheader-link {
        font-size: 16px
    }

    .standard-title {
        font-size: 30px
    }

    .bottom-contact-img {
        height: 180px
    }

    .service-title {
        font-size: 20px
    }

    .home-avg-img {
        height: 250px;
        width: 100%
    }

    .one-text-img-row {
        padding-top: 1em;
        padding-bottom: 1em
    }

    .extra-desktop-p {
        padding-top: 0
    }

    .container-avg-p {
        padding-top: 3em
    }

    .copyright,
    .footer-menu,
    footer .home-contacts a.topheader-link {
        font-size: 15px
    }

    footer {
        margin-top: 2em
    }

    #contact_form_content_page input,
    #contact_form_content_page select,
    #contact_form_content_page textarea:not(.select2-search__field) {
        font-size: 17px
    }

    #contact_form_content_page input::-webkit-input-placeholder,
    #contact_form_content_page select::-webkit-input-placeholder,
    #contact_form_content_page textarea::-webkit-input-placeholder:not(.select2-search__field) {
        font-size: 17px
    }

    #contact_form_content_page input:-ms-input-placeholder,
    #contact_form_content_page select:-ms-input-placeholder,
    #contact_form_content_page textarea:-ms-input-placeholder:not(.select2-search__field) {
        font-size: 17px
    }

    #contact_form_content_page input::placeholder,
    #contact_form_content_page select::placeholder,
    #contact_form_content_page textarea::placeholder:not(.select2-search__field) {
        font-size: 17px
    }
}

@media (min-width:768px) and (max-width:991.98px) {
    .container {
        width: 720px !important;
        max-width: 720px !important
    }

    .navbar-toggler {
        background-color: var(--custom-lightblue)
    }

    .navbar-nav .nav-link {
        font-size: 18px;
        margin-left: 0
    }

    .navbar-nav .nav-link.active-link,
    .navbar-nav .nav-link:focus,
    .navbar-nav .nav-link:hover {
        color: #fff !important
    }

    .copyright,
    .footer .home-contacts a.topheader-link,
    .footer-menu,
    .topheader-link {
        font-size: 16px
    }

    .standard-title {
        font-size: 40px
    }

    #contact_form_content_page input,
    #contact_form_content_page select,
    #contact_form_content_page textarea:not(.select2-search__field),
    .standard-btn,
    .standard-text {
        font-size: 18px
    }

    .service-title {
        font-size: 20px
    }

    .home-avg-img {
        height: 250px;
        width: 95%
    }

    .extra-desktop-p {
        padding-top: 0
    }

    .container-avg-p {
        padding-top: 3em
    }

    .footer {
        margin-top: 4em
    }

    #contact_form_content_page input::-webkit-input-placeholder,
    #contact_form_content_page select::-webkit-input-placeholder,
    #contact_form_content_page textarea::-webkit-input-placeholder:not(.select2-search__field) {
        font-size: 18px
    }

    #contact_form_content_page input:-ms-input-placeholder,
    #contact_form_content_page select:-ms-input-placeholder,
    #contact_form_content_page textarea:-ms-input-placeholder:not(.select2-search__field) {
        font-size: 18px
    }

    #contact_form_content_page input::placeholder,
    #contact_form_content_page select::placeholder,
    #contact_form_content_page textarea::placeholder:not(.select2-search__field) {
        font-size: 18px
    }
}

@media (min-width:992px) and (max-width:1199.98px) {
    .container {
        width: 960px !important;
        max-width: 960px !important
    }

    .navbar-nav .nav-link {
        font-size: 18px;
        margin-left: 35px
    }

    .topheader-link {
        font-size: 16px
    }

    .standard-title {
        font-size: 50px
    }

    .standard-btn,
    .standard-text {
        font-size: 20px
    }

    .service-title {
        font-size: 24px
    }

    .home-avg-img {
        height: 310px;
        width: 95%
    }

    .container-avg-p {
        padding-top: 3em
    }

    .footer .home-contacts a.topheader-link {
        font-size: 17px
    }

    .copyright,
    .footer-menu {
        font-size: 18px
    }

    .footer {
        margin-top: 4em
    }
}

@media (min-width:1200px) and (max-width:1450px) {
    .container {
        width: 1140px !important;
        max-width: 1140px !important
    }
}

















@media (max-width: 575.98px) {
    .one-service-block img {
        max-width: 80px;
    }

    /***************************
    // Font Sizes
    ***************************/

    .font-size-40 * {
        font-size: calc(40px / 1.3) !important;
    }

    .font-size-28 * {
        font-size: calc(28px / 1.3) !important;
    }

    .font-size-24 * {
        font-size: calc(24px / 1.3) !important;
    }

    .blog.static-content p,
    .font-size-21 * {
        font-size: calc(21px / 1.3) !important;
    }

    .font-size-20 * {
        font-size: calc(20px / 1.3) !important;
    }

    .font-size-18 * {
        font-size: calc(18px / 1.25) !important;
    }

    .font-size-16 * {
        font-size: calc(16px / 1.1) !important;
    }

    .font-size-14 * {
        font-size: calc(14px) !important;
    }

    .font-size-13 * {
        font-size: calc(13px) !important;
    }

    /***************************
    // End Font Sizes
    ***************************/
}

/* Extra small devices (phones, less than 576px) */
@media (min-width: 576px) and (max-width: 767.98px) {
    .one-service-block img {
        max-width: 80px;
    }

    /***************************
    // Font Sizes
    ***************************/
    .font-size-40 * {
        font-size: calc(40px / 1.3) !important;
    }

    .font-size-28 * {
        font-size: calc(28px / 1.3) !important;
    }

    .font-size-24 * {
        font-size: calc(24px / 1.3) !important;
    }

    .blog.static-content p,
    .font-size-21 * {
        font-size: calc(21px / 1.3) !important;
    }

    .font-size-20 * {
        font-size: calc(20px / 1.3) !important;
    }

    .font-size-18 * {
        font-size: calc(18px / 1.25) !important;
    }

    .font-size-16 * {
        font-size: calc(16px / 1.1) !important;
    }

    .font-size-14 * {
        font-size: calc(14px) !important;
    }

    .font-size-13 * {
        font-size: calc(13px) !important;
    }

    /***************************
    // End Font Sizes
    ***************************/
}

/* Medium devices (tablets, less than 992px) */
@media (min-width: 768px) and (max-width: 991.98px) {
    .one-service-block img {
        max-width: 80px;
    }

    /***************************
    // Font Sizes
    ***************************/
    .font-size-40 * {
        font-size: calc(40px / 1.20) !important;
    }

    .font-size-28 * {
        font-size: calc(28px / 1.16) !important;
    }

    .font-size-24 * {
        font-size: calc(24px / 1.15) !important;
    }

    .blog.static-content p,
    .font-size-21 * {
        font-size: calc(21px / 1.1) !important;
    }

    .font-size-20 * {
        font-size: calc(20px / 1.1) !important;
    }

    .font-size-18 * {
        font-size: calc(18px / 1.1) !important;
    }

    .font-size-16 * {
        font-size: calc(16px / 1.05) !important;
    }

    .font-size-14 * {
        font-size: calc(14px) !important;
    }

    .font-size-13 * {
        font-size: calc(13px) !important;
    }

    /***************************
    // End Font Sizes
    ***************************/
}

/* Large devices (desktops, less than 1200px) */
@media (min-width: 992px) and (max-width: 1199.98px) {

    /***************************
    // Font Sizes
    ***************************/
    .font-size-40 * {
        font-size: calc(40px / 1.15) !important;
    }

    .font-size-28 * {
        font-size: calc(28px / 1.11) !important;
    }

    .font-size-24 * {
        font-size: calc(24px / 1.1) !important;
    }

    .blog.static-content p,
    .font-size-21 * {
        font-size: calc(21px / 1.1) !important;
    }

    .font-size-20 * {
        font-size: calc(20px / 1.1) !important;
    }

    .font-size-18 * {
        font-size: calc(18px / 1.1) !important;
    }

    .font-size-16 * {
        font-size: calc(16px) !important;
    }

    .font-size-14 * {
        font-size: calc(14px) !important;
    }

    .font-size-13 * {
        font-size: calc(13px) !important;
    }

    /***************************
    // End Font Sizes
    ***************************/
}

@media (min-width: 1200px) and (max-width: 1399.98px) {

    /***************************
    // Font Sizes
    ***************************/
    .font-size-40 * {
        font-size: calc(40px / 1.15) !important;
    }

    .font-size-28 * {
        font-size: calc(28px / 1.11) !important;
    }

    .font-size-24 * {
        font-size: calc(24px / 1.1) !important;
    }

    .blog.static-content p,
    .font-size-21 * {
        font-size: calc(21px / 1.02) !important;
    }

    .font-size-20 * {
        font-size: calc(20px / 1.01) !important;
    }

    .font-size-18 * {
        font-size: calc(18px) !important;
    }

    .font-size-16 * {
        font-size: calc(16px) !important;
    }

    .font-size-14 * {
        font-size: calc(14px) !important;
    }

    .font-size-13 * {
        font-size: calc(13px) !important;
    }

    /***************************
    // End Font Sizes
    ***************************/
}