/* @media (min-width: 1200px) {
    .marquee div {
        width: 210%;
    }
    .marquee {
        font-size: 100px;
    }
} */

@media (min-width: 1200px) {
    .bluesky-modal-content {
        width: 25%;
    }
}

@media (max-width: 1200px) {
    .bluesky-modal-content {
        width: 40%;
    }
}

@media (max-width: 992px) {
    .form-title {
        margin-top: 30px;
    }
    .navbar {
        background: rgb(41, 50, 60);
    }
    .navbar-nav {
        float: left;
    }
    .accordion-border {
        border-right: none;
    }
    .bluesky-modal-content {
        width: 40%;
    }
}

@media (max-width: 850px) {
    .bluesky-modal-content {
        width: 50%;
    }
}

/*** Medium devices (Landscapes Tablets & Medium desktop) ***/
@media (min-width: 992px) and (max-width: 1199px) {
    
}


/*** small devices (portrait tablets & small desktops) ***/
@media (min-width: 768px) and (max-width: 991px) {
}

@media (max-width: 767px) {
    .STAR-COURSES-border {
        border-right: none;
    }
    .full-width-item-desc p {
        font-size: 26px;
    }
}

@media (max-width: 670px) {
    .bluesky-modal-content {
        width: 60%;
    }
}

@media (max-width: 576px) {
    .form-form input, .form-form select {
        width: 100%;
    }
    .form-submit-btn input {
        width: 40%;
    }
}

/*** Extra small devices (portrait phone & smaller devices) ***/
@media (max-width: 560px) {
    .bluesky-modal-content {
        width: 70%;
    }
}

@media (max-width: 500px) {
    .accordion-content-title h3 {
        font-size: 38px;
    }
    .accordion-item .accordion-button {
        font-size: 1.20rem;
    }
    .Career-content-title h3 {
        font-size: 38px;
    }
    .STAR-COURSES-content-title h3 {
        font-size: 32px;
    }
    .STAR-COURSES-content p {
        font-size: 22px;
    }
    .Why-us-content-title h3 {
        font-size: 32px;
    }
    .Why-us-content p {
        font-size: 18px;
    }
    .accordion-flush .accordion-item .accordion-button, .accordion-flush .accordion-item .accordion-button.collapsed {
        font-size: 1.10rem;
    }
}

@media (max-width: 460px) {
    .bluesky-modal-content {
        width: 80%;
    }
}
@media (max-width: 410px) {
    .bluesky-modal-content {
        width: 90%;
    }
}
@media (max-width: 370px) {
    .bluesky-modal-content {
        width: 98%;
    }
}

/*** Extra small devices (smaller devices) ***/
@media (max-width: 320px) {
}