/*
Stylesheet exclusive for Responsive
1600px (83%)
1400px (73%)

Only when necessary
1000px (52%)
*/
@media screen and (min-width: 1200px) {
    .hide-on-desktop {
        display: none !important;
    }
}
@media screen and (min-width: 767px) {
    .hide-on-tablet {
        display: none !important;
    }
}

@media screen and (max-width: 1700px) {
    .header-middlebar-1 {
        width: 400px;
    }

    .header-middlebar-2 {
        width: 50%;
    }

    .header-middlebar-3 {
        width: 60%;
    }
}

@media screen and (max-width: 1600px) {
    .wrap {
        max-width: 1400px;
    }

    html, body, input {
        font-size: 18px;
        line-height: 25px;
    }

    h1 {
        font-size: 33px;
        line-height: 42px;
    }

    h2 {
        font-size: 25px;
        line-height: 25px;
    }

    h3 {
        font-size: 25px;
        line-height: 25px;
    }

    h4, h5, h6 {
        font-size: 18px;
        line-height: 25px;
    }

    p {
        font-size: 18px;
        margin: 0 0 25px 0;
        line-height: 25px; /* This should be the same as the margin bottom */
    }

    input[type='week'],
    input[type='url'],
    input[type='time'],
    input[type='password'],
    input[type='number'],
    input[type='color'],
    input[type='month'],
    input[type='datetime-local'],
    input[type='text'],
    input[type='email'],
    input[type='tel'] {
        padding: 0 17px;
        height: 33px;
    }

    select {
        padding: 0 17px;
        height: 33px;
        font-size: 20px;
    }

    textarea {
        padding: 5px 17px;
        font-size: 18px;
        line-height: 25px;
    }

    button,
    input[type='button'],
    button[type='submit'],
    input[type='submit'] {
        padding: 8px 33px;
        font-size: 18px;
    }

    .sd-cookie-notice .sd-cookie-notice-buttons-container .sd-cookie-notice-accept-cookie {
        font-size: 18px;
    }

    button svg,
    input[type='button'] svg,
    button[type='submit'] svg,
    input[type='submit'] svg {
        width: 17px;
        height: 13px;
    }

    .main-navigation ul li a {
        font-size: 25px;
    }

    .header-middlebar-3 {
        column-gap: 33px;
    }

    .footer-middlebar {
        padding: 79px 0 71px 0;
    }

    footer a,
    footer p {
        line-height: 33px;
        font-size: 18px;
    }

    h3.widget-title {
        font-size: 18px;
        margin-bottom: 54px;
        padding-top: 22px;
    }
}

@media screen and (max-width: 1400px) {
    .wrap {
        max-width: 1200px;
    }

    html, body, input {
        font-size: 16px;
        line-height: 22px;
    }

    h1 {
        font-size: 29px;
        line-height: 37px;
    }

    h2 {
        font-size: 22px;
    }

    h3 {
        font-size: 22px;
    }

    h4, h5, h6 {
        font-size: 16px;
        line-height: 22px;
    }

    p {
        font-size: 16px;
        margin: 0 0 22px 0;
        line-height: 22px; /* This should be the same as the margin bottom */
    }

    input[type='week'],
    input[type='url'],
    input[type='time'],
    input[type='password'],
    input[type='number'],
    input[type='color'],
    input[type='month'],
    input[type='datetime-local'],
    input[type='text'],
    input[type='email'],
    input[type='tel'] {
        padding: 0 15px;
        height: 29px;
    }

    select {
        padding: 0 15px;
        height: 29px;
        font-size: 16px;
    }

    textarea {
        padding: 5px 15px;
        font-size: 16px;
        line-height: 22px;
    }

    button,
    input[type='button'],
    button[type='submit'],
    input[type='submit'] {
        padding: 7px 29px;
        font-size: 16px;
    }

    .sd-cookie-notice .sd-cookie-notice-buttons-container .sd-cookie-notice-accept-cookie {
        font-size: 16px;
    }

    button svg,
    input[type='button'] svg,
    button[type='submit'] svg,
    input[type='submit'] svg {
        width: 15px;
        height: 11px;
    }

    .main-navigation ul li a {
        font-size: 22px;
    }

    .header-middlebar-3 {
        column-gap: 29px;
    }

    .footer-middlebar {
        padding: 69px 0 62px 0;
    }

    footer a,
    footer p {
        line-height: 29px;
        font-size: 16px;
    }

    h3.widget-title {
        font-size: 16px;
        margin-bottom: 47px;
        padding-top: 19px;
    }
}

@media screen and (max-width: 1250px) {
    .header-middlebar-1 {
        width: 230px;
    }
}

@media screen and (max-width: 1199px) {
    /*.main-navigation {*/
    /*    display: none;*/
    /*}*/
    .SD-col.SD-type-divider,
    .header-middlebar-2 {
        display: none;
    }

    .header-middlebar-3 {
        width: 100%;
    }
}

@media screen and (max-width: 1000px) {
    header .header-middlebar-wrap-inner {
        justify-content: space-between;
    }

    header .header-middlebar-wrap-inner >  div:last-child {
        display: none;
    }
}

@media screen and (max-width: 991px) {

}

@media screen and (max-width: 900px) {

}

@media screen and (max-width: 767px) {
    body.opened {
        overflow: hidden;
    }

    .mobile_marginbottom-0px {
        margin-bottom: 0;
    }

    .mobile_marginbottom-30px {
        margin-bottom: 30px;
    }

    .mobile_marginbottom-60px {
        margin-bottom: 60px;
    }

    header .phone-container {
        display: none;
    }

    .sd-form .input-row {
        flex-direction: column;
        row-gap: 20px;
        margin-bottom: 20px;
        column-gap: 0;
    }

    .sd-form .input-row .input {
        width: 100%;
    }

    /*     .filter-toggle {
             display: block;
            position: fixed;
            left: 0;
            right: 0;
            bottom: 0;
            text-align: center;
            background-color: #002c6d;
            z-index: 99;
            padding: 15px 0;
            color: #ffffff;
            transition: all 0.3s ease;
            font-size: 20px;
            cursor: pointer;
            font-weight: bold;
        }

        .filter-toggle:hover {
            color: #ffffff;
            background-color: #002c6d;
            transition: all 0.3s ease;
        } */

    .header-middlebar-1 {
        display: flex;
        height: 50px;
    }

    button,
    input[type='button'],
    button[type='submit'],
    input[type='submit'] {
        padding: 7px 20px;
    }

    footer .address-container {
        margin-bottom: 20px;
    }

    .footer-middlebar {
        padding: 40px 0 40px 0;
    }

    .footer-bottombar .copyright-container ul li {
        display: block;
    }

    .footer-bottombar .copyright-container ul li:not(:last-child)::after {
        content: none;
    }

    h3.widget-title {
        margin-bottom: 20px;
        padding-top: 0;
    }
}

@media screen and (max-width: 600px) {
    .sd-cookie-notice.bl .sd-cookie-notice-inner {
        width: 100%;
        border-radius: 0;
        bottom: 0;
    }
}

@media screen and (max-width: 550px) {
    header .open-apply {
        display: none;
    }

    .sd-form.apply-form .SD-type-pretty_file {
        display: flex;
        flex-wrap: wrap;
    }

    .sd-form.apply-form .SD-type-pretty_file .SD-pretty-upload-label,
    .sd-form.apply-form .SD-type-pretty_file .SD-pretty-upload-file-restrictions-label {
        width: 100%;
        margin-left: 0;
    }
}