/*// Large devices (desktops, 992px and up)*/
@media (max-width: 992px) {
    .ratings-view h1 {
        font-size: 50px;
        line-height: 52px;
    }
    .ratings-view p {
        font-size: 12px;
    }
}

/*// Medium devices (tablets, 768px and up)*/
@media (max-width: 768px) {
    .card-img-top {
        max-height: 138px;
        width: 100%;
    }
    .title {
        font-size: 32px;
    }
    .banner-sub-title-color {
        font-size: 28px;
         line-height: 28px;
    }
    .banner-title {
        font-size: 32px;
        line-height: 32px;
    }
    .banner-sub-title {
        margin-bottom: 15px;
        font-size: 18px;
    }
    .banner-description {
        font-size: 12px;
        line-height: 16px;
    }
    .banner-link {
        margin-bottom: 15px;
        margin-top: 5px;
    }
    .course-card {
        margin-bottom: 15px;
    }
    .brian-title {
        font-size: 15px;
        line-height: 1.3;
    }
    .level-card{
        margin-bottom: 15px;
    }
    .resource-card{
        margin-bottom: 15px;
    }
    .resource-signal-icon {
        width: 40px;
        height: 40px;
    }
    .resource-signal-icon img {
        height: 20px;
    }
    .resource-heading {
        margin-bottom: 5px;
    }
    .resource-number {
        font-size: 18px;
        line-height: 18px;
        font-weight: 600;
    }
    .footer-contact {
        margin-bottom: 50px;
    }
    .accordion-button {
        font-size: 14px;
    }
    .lecturesHour {
        margin-right: 0.5rem;
        font-size: 12px;
    }
    .loginHeading h1 {
        font-size: 36px;
        line-height: 42px;
    }
    .loginTextArea p {
        width: 60%;
        padding: 10px 0;
    }


}

/*// Small devices (landscape phones, 576px and up)*/
@media (max-width: 576px) {
    .logo-img {
        margin: 0;
    }
    .logo {
        height: 40px;
    }
    .banner-padding {
        padding: 40px 0;
    }
    .banner-sub-title-color {
        font-size: 28px;
        line-height: 28px;
    }
    .banner-title {
        font-size: 32px;
        line-height: 32px;
    }
    .banner-sub-title {
        margin-bottom: 15px;
        font-size: 18px;
    }
    .banner-description {
        font-size: 12px;
        line-height: 16px;
    }
    .banner-link {
        margin-bottom: 15px;
        margin-top: 5px;
    }
    .course-card {
        margin-bottom: 15px;
    }

    .card-img-top {
        max-height: 222px;
        width: 100%;
    }

    .smart-brian-card {
        margin-bottom: 15px;
    }
    .brian-card-margin {
        margin-top: 0px;
    }
    .level-card{
        margin-bottom: 15px;
    }
    .resource-card{
        margin-bottom: 15px;
    }
    .social-link {
        justify-content: start;
    }
    .footer-bottom {
        padding-bottom: 20px;
    }
    .footer-bottom p {
        font-size: 12px;
    }
    .bannerSubCourseTitle {
        margin-bottom: 10px;
    }
    .bannerCourseTitle.text-white {
        line-height: 1.1;
    }
    .banner-text {
        margin-bottom: 20px;
    }
    .learningDec ul li {
        font-size: 14px;
        line-height: 1.5;
    }
    .accordion-button {
        font-size: 14px;
    }
    .lecturesHour {
        margin-right: 0.5rem;
        font-size: 12px;
    }
    .loginPage {
        background: transparent;
    }
    .loginTextArea {
        padding: 40px 0;
    }
    .loginHeading h1 {
        font-size: 31px;
        line-height: 36px;
    }
    .loginTextArea p {
        width: 100%;
        padding: 5px 0;
    }
    .visa-card {
        height: 21px;
    }


}
/* ============ Side Bar view ============ */

/* ============ desktop view ============ */
@media all and (min-width: 992px) {

    .sidebar li{ position: relative; }
    .sidebar li .submenu{
        display: none;
        position: absolute;
        left:100%; top:-7px;
        min-width: 240px;
    }
    .sidebar li:hover > .submenu{ display: block; }
}
/* ============ desktop view .end// ============ */

/* ============ small devices ============ */
@media (max-width: 991px) {

    .sidebar .submenu, .sidebar .dropdown-menu{
        position: static!important;
        margin-left:0.7rem; margin-right:0.7rem; margin-bottom: .5rem;
    }

}
/* ============ small devices .end// ============ */