/* Mobile devices (320 and down 767) */
@media only screen and (min-width: 320px) and (max-width: 767px) {
    .scope_sec {
        padding: 0px 0px 0px;
    }

    .gallery_title {
        padding: 0px 0px 15px;
    }

    .gallery_title h1 {
        font-size: 30px;
    }

    .scope_title h1 {
        font-size: 30px;
    }

    .advantages_sec {
        padding: 0px 0px 20px;
    }

    .advantages_content_header h2 {
        font-size: 30px;
    }

    .affiliations_sec {
        padding: 0px 0px 10px;
    }

    .affiliations_content_header h2 {
        font-size: 30px;
    }

    .learning_evaluation {
        padding: 20px 0px 30px;
    }

    .learning_evaluation_content h1 {
        font-size: 30px;
    }

    .curriculum_inner_tab h1 {
        font-size: 30px;
    }

    .course_categories {
        padding: 20px 0px 0px;
    }

    .course_content_header h2 {
        font-size: 30px;
    }

    .objectives_content {
        padding: 120px 0px 0px;
    }

    .objectives_content_header h2 {
        font-size: 30px;
        line-height: 35px;
    }

    .message_principal {
        padding: 0px 0px 0px;
    }

    .message_principal_thumb:after {
        width: 270px;
        height: 270px;
        position: absolute;
        left: -30px;
    }

    .message_principal_content h2 {
        font-size: 30px;
        padding-bottom: 0;
    }

    .header_menu {
        position: relative;
        display: inherit;
        justify-content: inherit;
        padding: 30px 0px 30px;
        margin: 0px 0px;
    }

    .mobile_toggler {
        display: block;
    }

    .mobile_toggler i {
        padding: 8px 5px;
    }

    .navbar-brand img {
        max-width: 60px;
    }

    .mobile_box {
        position: absolute;
        top: 50px;
        left: 0px;
        display: none;
        background-color: #000;
        padding: 0px 10px;
        width: 100%;
        border-top: 1px solid #fff;
        border-bottom: 1px solid #fff;
        z-index: 99;
    }

    .header_menu .navbar-brand {
        position: absolute;
        top: 0px;
        left: 10px;
    }

    .header_menu ul.navbar-nav li a.nav-link {
        color: #fff !important;
        padding: 10px 12px;
    }

    .header_menu ul li .dropdown-menu {
        position: absolute !important;
        top: 40px;
        border-radius: 0;
    }

    .learning_evaluation_slide {
        padding: 0px 0px;
    }

    .painting_categories_inner .class_rectangle {
        margin: 100px 0px 0px;
    }

    .slickbanner .banner_detail {
        position: absolute;
        top: 50px;
        left: 20px;
    }

    .slickbanner .banner_detail h1 {
        font-size: 20px;
        font-weight: 600;
        color: #fff;
        margin-bottom: 0px;
        font-family: 'Philosopher', sans-serif;
        margin-top: 10px;
    }

    .slickbanner .banner_detail h2 {
        margin-bottom: 20px;
        font-weight: 600;
        font-family: 'Philosopher', sans-serif;
        font-size: 20px;
    }

    .slickbanner .banner_detail p {
        font-size: 13px;
        margin-bottom: 25px;
    }

    .slickbanner .slick-dots {
        height: 30px;
    }

    .header_menu_right_contact {
        background-color: #db2520;
        padding: 10px 0px;
    }

    .tm_border_img1:before {
        width: 100%;
        height: 300px;
        left: 0;
        top: 0;
    }

    .header_menu_right_contact ul li i {
        background-color: #db2520;
        padding: 15px 15px;
        border-radius: 50%;
        margin-left: 10px;
        border: 3px solid #fff;
        color: #fff;
    }

    .flip_card {
        background-color: transparent;
        width: 100%;
        height: 400px;
        perspective: 1000px;
    }

    .curriculum_inner {
        padding: 10px 10px;
    }

    .curriculum_inner_tab_right {
        padding-top: 20px;
    }

    .affiliations_thumb {
        position: inherit;
    }

    .affiliations_thumb img {
        position: inherit;
        left: 0;
        top: 0;
        max-width: 350px;
    }

    .learning_evaluation_slide .slick-dots {
        display: none;
    }

    .slick_prev i {
        display: none;
    }

    .slick_next i {
        display: none;
    }

    .learning_evaluation_slide .slick-dots {
        position: absolute;
        height: 50px;
        bottom: -50px;
        width: 100%;
        left: 0px;
        padding: 0px;
        margin: 0px;
        list-style-type: none;
        text-align: center;
    }

    .learning_evaluation_slide .slick-dots li.slick-active {
        background: #db2520;
    }

    .learning_evaluation_slide .slick-dots li {
        display: inline-block;
        width: 30px;
        height: 10px;
        background: Transparent;
        transition: all 0.5s;
        border-radius: 0px;
        border: 2px solid #ccc;
        margin: 0 2.5px;
        cursor: pointer;
        position: relative;
    }

    .learning_evaluation_slide .slick-dots li button:before {
        font-family: 'slick';
        font-size: 6px;
        line-height: 20px;
        position: absolute;
        top: 0;
        left: 0;
        width: 20px;
        height: 20px;
        content: '';
        text-align: center;
        opacity: .25;
        color: black;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }
}

/* Mobile devices (320 and down 767) */

/* Mobile devices (768 and down 1024) */
@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .learning_evaluation_slide .slick-dots {
        display: none;
    }

    .slick_prev i {
        display: none;
    }

    .slick_next i {
        display: none;
    }

    .learning_evaluation_slide .slick-dots {
        position: absolute;
        height: 50px;
        bottom: -50px;
        width: 100%;
        left: 0px;
        padding: 0px;
        margin: 0px;
        list-style-type: none;
        text-align: center;
    }

    .learning_evaluation_slide .slick-dots li.slick-active {
        background: #db2520;
    }

    .learning_evaluation_slide .slick-dots li {
        display: inline-block;
        width: 30px;
        height: 10px;
        background: Transparent;
        transition: all 0.5s;
        border-radius: 0px;
        border: 2px solid #ccc;
        margin: 0 2.5px;
        cursor: pointer;
        position: relative;
    }

    .learning_evaluation_slide .slick-dots li button:before {
        font-family: 'slick';
        font-size: 6px;
        line-height: 20px;
        position: absolute;
        top: 0;
        left: 0;
        width: 20px;
        height: 20px;
        content: '';
        text-align: center;
        opacity: .25;
        color: black;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }

    .affiliations_thumb {
        position: inherit;
    }

    .affiliations_thumb img {
        position: inherit;
        left: 0;
        top: 0;
        max-width: 250px;
    }

    .header_menu_right_contact ul li i {
        margin-left: 80px;
    }

    .slickbanner .banner_detail h1 {
        font-size: 30px;
        margin-bottom: 0px;
    }

    .slickbanner .banner_detail {
        position: absolute;
        top: 17%;
        left: 115px;
    }

    .gallery_title h1 {
        font-size: 30px;
    }

    .gallery_title {
        padding: 0px 0px 20px;
    }

    .scope_title h1 {
        font-size: 30px;
    }

    .scope_sec {
        padding: 0px 0px 10px;
    }

    .advantages_content_header h2 {
        font-size: 30px;
    }

    .affiliations_content_header h2 {
        font-size: 30px;
    }

    .learning_evaluation_content h1 {
        font-size: 30px;
    }

    .course_categories {
        padding: 20px 0px 0px;
    }

    .course_content_header {
        padding: 0px 50px 30px;
    }

    .course_content_header h2 {
        font-size: 30px;
    }

    .objectives_content_header h2 {
        font-size: 30px;
        line-height: 35px;
    }

    .objectives_content {
        padding: 0px 0px 0px;
    }

    .tm_border_img1:before {
        width: 100%;
        height: 300px;
        left: 0;
        top: 0;
    }

    .message_principal_content h2 {
        font-size: 30px;
    }

    .message_principal_thumb:after {
        width: 240px;
        height: 240px;
        position: absolute;
        left: -10px;
    }

    .learning_evaluation_slide {
        padding: 0px 0px;
    }

    .scope_content {
        height: 200px;
    }

    .header_menu {
        position: relative;
        display: inherit;
        justify-content: inherit;
        padding: 30px 0px 30px;
    }

    .mobile_toggler {
        display: block;
    }

    .mobile_toggler i {
        padding: 8px 5px;
    }

    .navbar-brand img {
        max-width: 60px;
    }

    .mobile_box {
        position: absolute;
        top: 50px;
        left: 0px;
        display: none;
        background-color: #000;
        padding: 0px 10px;
        width: 100%;
        border-top: 1px solid #fff;
        border-bottom: 1px solid #fff;
        z-index: 99;
    }

    .header_menu .navbar-brand {
        position: absolute;
        top: 0px;
        left: 10px;
    }

    .header_menu ul.navbar-nav li a.nav-link {
        color: #fff !important;
        padding: 10px 12px;
    }

    .header_menu ul li .dropdown-menu {
        position: absolute !important;
        top: 40px;
        border-radius: 0;
    }

    .header_menu_right_contact {
        background-color: #db2520;
        padding: 10px 0px;
    }

    .message_principal_thumb {
        position: relative;
        margin: 0 auto;
        width: 80%;
    }
}

/* Mobile devices (768 and down 1024) */