/* Large devices (desktops, 3840px and up) */
@media (min-width: 3838.98px) and (max-width: 3840.98px) {
    .bg-banner-4 {
        height: 1333px;
    }

    .footer-address {
        justify-content: center;
        margin-top: 85px;
    }

    .footer {
        padding-top: 655px;
    }
}

@media (min-width: 3839.98px) {

}

/* Large devices (desktops, 1366px and up) */
@media (max-width: 2560.98px) {

}


/* Large devices (desktops, 1366px and up) */
@media (max-width: 1366.98px) {

    .description-style {
        color: #383838;
    }

    .stronger {
        color: #000000;
    }

    .descri-about {
        color: #000000;
    }
}

/* Large devices (desktops, 1250px and up) */
@media (min-width: 1279.98px) and (max-width: 1280.98px) {
    .bg-banner-2 {
        width: 525px;
        height: 814px;
    }

}

@media (max-width: 1280.98px) {
    .position-descri-plans {
        max-width: 400px;
    }
}

/* Large devices (desktops, 1024px and up) */
@media (min-width: 1023.98px) and (max-width: 1024.98px) {
    .nav-item {
        margin: 0 5px;
    }

    .bg-banner {
        width: 802px;
    }

    .descri-about {
        color: #312e35;
    }
}

@media  (max-width: 1024.98px) {
    .card-plans {
        margin: 140px auto 25px auto;
    }

    .card-2 {
        margin-top: 80px;
    }

    .card-3 {
        margin-top: 40px;
    }

    .value {
        font-size: 58px;
    }

    .nav-item-login {
        margin: 13px 0 -7px auto !important;
    }
}

/* Large devices (desktops, 992px and up) */
@media (max-width: 991.98px) {

}

@media (min-width: 768.98px) {
    .dark-logo {
        display: none !important;
    }
}

/* Medium devices (tablets, 768px and up) */
@media (max-width: 768.98px) {
    .bg-banner {
        width: 70%;
        height: 100%;
    }

    .collapse-custom {
        margin-top: 20px;
        text-align: center;
    }

    .spacerbtn {
        margin: 10px auto;
    }

    .s1 {
        margin-top: 20px;
    }

    .descri-about {
        color: #312e35;
    }

    .nav-link {
        color: #000000 !important;
        font-weight: bold;
    }

    .nav-link-btn {
        color: #000000 !important;
        font-weight: bold;
        border: 2px solid rgba(0, 0, 0, 0.3);
    }

    .smaller {
        color: #ffffff !important;
    }

    .svg-img-about {
        margin-right: 25px;
    }

    .content-about {
        margin: 0 0 0 auto;
    }

    .svg-img-about {
        width: 270px;
        height: 270px;
    }
}


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

    .content-about-us {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .svg-img-about {
        width: 100%;
        height: 380px;
        margin: 80px 0px;
    }
}

@media (min-width: 666.98px) {
    .dark-logo {
        display: none !important;
    }
}

/* Small devices (landscape phones, 576px and up) */
@media ( max-width: 575.98px) {
    .navbar {
        padding: 10px 25px;
    }

    .sections {
        max-width: 100%;
        padding: 0px 15px;
    }

    .bg-banner {
        width: 100%;
        height: 72%;
    }

    .content-card {
        margin-bottom: 20px;
    }

    .s2 {
        margin-top: 70px;
    }

    .position-title-benefit {
        margin-bottom: 50px;
    }

    .bg-banner-2 {
        display: none;
    }

    .s3 {
        margin-top: 70px;
    }

    .content-about {
        align-items: center;
        justify-content: center;
        margin: auto;
    }

    .title-about {
        font-size: 37px;
    }

    .descri-about {
        color: #80788B;
    }

    .content-work {
        margin-bottom: 40px;
    }

    .title-card {
        font-size: 20px;
    }

    .s4 {
        padding-top: 50px;
    }

    .position-title-work {
        min-height: 90px;
    }

    .s6 {
        padding-top: 80px;
    }

    .card-plans {
        margin: 25px auto 25px auto;
    }

    .bg-banner-4 {
        height: 85%;
    }

    .footer {
        padding-top: 20px;
    }

    .title-footer {
        color: #000000;
    }

    .descri-footer {
        color: #000000;
    }

    .modal-dialog {
        margin: auto;
    }

    .footer-down {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .links-media {
        display: flex;
        flex-direction: row;
        justify-content: space-around;
    }

    .footer-address-right {
        margin-top: 20px;
    }

    .positon-icon {
        margin: 0px 10px;
    }

    .icon-style {
        margin-right: 8px;
    }

    .bg-banner-4 {
       display: none;
    }

    .footer {
        color: #000000;
    }

    .footer-nav {
        color: #000000 !important;
    }

    .text-style-link {
        color: #000000;
    }

    .descri-footer {
        font-size: 14px;
        font-weight: 200;
        color: rgba(0, 0, 0, 0.6);
    }

    .form-control-custom::placeholder {
        font-size: 14px;
        letter-spacing: normal;
        color: rgba(255, 255, 255, 0.6);
    }

    .btn-send {
        background-color: #362682;
        color: #fff;
    }

    .btn-send:hover {
        background-color: #fff;
        color: #362682;
        border: 2px solid #362682;
    }

    .checkbox-label .checkbox-custom {
        border: 2px solid #000000;
    }

    .checkbox-label input:checked ~ .checkbox-custom {
        background-color: #ffffff;
        border: 2px solid #000000;
    }

    .checkbox-label .checkbox-custom::before {
        border: 2px solid #000000;
    }

    .form-check a {
        font-size: 12px;
        letter-spacing: normal;
        color: rgba(0, 0, 0, 0.4);
    }

    .copyright-sytle {
        color: rgba(0, 0, 0, 0.4);
    }

    .copyright-sytle:hover {
        color: rgba(0, 0, 0);
    }

    .form-check-label {
        color: #000000;
    }

    .light-logo {
        display: none !important;
    }

}

@media ( max-width: 414.98px) {
    .bg-banner-4 {
        height: 97%;
    }

    .footer {
        padding-top: 25px;
    }
}

@media ( max-width: 390.98px) {
    .bg-banner-4 {
        height: 100%;
    }

    .footer {
        padding-top: 20px;
    }
}

@media ( max-width: 375.98px) {
    .bg-banner-4 {
        height: 90%;
    }

    .footer {
        padding-top: 40px;
    }
}

@media ( max-width: 360.98px) {
    .bg-banner-4 {
        height: 112%;
    }

    .footer {
        padding-top: 40px;
    }
}