/* RESPONSIVE */
@media (min-width: 1200px) {
    .startJourney .start-jou-card-image {
        width: 25rem;
    }
    .courseSliderCard .card-flyer .text-box h6 {
        font-size: 0.8rem !important;
    }
}
/* RESPONSIVE */
@media (max-width: 1200px) {
    .courseSliderCard .card-flyer .text-box h6 {
        font-size: 0.7rem !important;
    }
    .slider-container .action-buttons .up-button {
        left: 47.5%;
    }
    .slider-container .action-buttons .down-button {
        left: 52.5%;
    }
}
@media only screen and (max-width: 910px) {
    .header {
        display: none;
    }
    .navbar .navbar-nav .nav-item .nav-link:after {
        display: none;
    }
    .user-menu-login-small {
        display: inline-flex !important;
    }
    .slider-container .action-buttons .up-button {
        left: 47%;
    }
    .slider-container .action-buttons .down-button {
        left: 53%;
    }
}

@media (max-width: 800px) {
    html,
    body {
        overflow-x: hidden;
    }
}

@media only screen and (max-width: 767px) {
    html,
    body {
        font-size: 12px;
    }
    .recaptcha-container {
        transform: scale(0.8);
        transform-origin: 0 0;
    }
    .slider-container.slider-hide {
        display: none;
    }
    .header {
        display: none;
    }
    /* .user-menu-login {
        position: absolute;
        top: 2.6rem;
        right: -1rem;
    } */
    .user-menu-login-small {
        display: inline-flex !important;
    }
    .animate-navmenu {
        padding: 5px 15px 5px 15px;
    }
    .navbar {
        padding: 7px;
    }
    .scroll {
        display: none;
    }
    .dropdown.cart-dropdown-list {
        position: relative;
        top: 0.9rem;
        right: 3.5rem;
    }
    .user-menu-login .icon-circle {
        top: -0.7rem;
        right: -0.6rem;
    }

    .dot-on-profile {
        top: -0.3rem;
        right: -0.4rem;
    }
    .user-menu-login {
        position: absolute;
        top: 1.5rem;
        right: 1.5rem;
    }
    .feedback-slider-item:after {
        left: 30px;
        right: 30px;
    }
    .customer-feedback .owl-nav [class*="owl-"] {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        margin-top: 45px;
        bottom: auto;
    }
    .customer-feedback .owl-prev {
        left: 0;
    }
    .customer-feedback .owl-next {
        right: 0;
    }

    .para1 {
        padding: 0.7rem 2rem;
        line-height: 2rem;
    }
    .sliderpara {
        /* font-size: 1.5rem; */
        line-height: 2rem;
        /* margin: 10px 0px; */
    }
    .app-icon ul li {
        width: 4rem;
        height: 4rem;
        padding: 1.2rem;
    }
    .feature_item h4 {
        font-size: 1.5rem;
    }
    .expert-teacher-home .expert-left {
        padding: 0px 4rem;
    }
    .expert-teacher-home .owl-dots {
        visibility: hidden;
    }
    .expert-teacher-home .expert-right {
        padding: 3rem 2rem;
    }
    .expert-teacher-home .frame-img {
        margin: 0;
    }
    .courseSliderCard .card-flyer .text-box h6 {
        font-size: 0.9rem !important;
    }
    .service-border {
        /* border-right-color: #F05F40; */
        /* border-style: solid; */
        border-right: none;
        /* border-width: 3px; */
    }

    .step-data .timeline::after {
        left: 2rem;
    }
    .step-data .container .content {
        border-radius: 0 0 0 0;
    }
    .step-data .container {
        width: 100%;
        padding-left: 3rem;
        /*padding-right: 30px;*/
        border-radius: 0 0 0 0;
    }

    .step-data .container.right {
        left: 0%;
        padding-left: 8rem;
        padding-right: 2rem;
    }

    .step-data .container.left::after,
    .step-data .container.right::after {
        left: 1.5rem;
    }

    .step-data .container.left::before,
    .step-data .container.right::before {
        left: 2rem;
        border-color: transparent #006e51 transparent transparent;
    }

    .step-data .container.left .date,
    .step-data .container.right .date {
        right: auto;
        left: 1.5rem;
    }

    .step-data .container.left .icon,
    .step-data .container.right .icon {
        right: auto;
        left: 4rem;
    }
    .step-data .container.left {
        padding-left: 8rem;
    }
    .step-data .container.left .content,
    .step-data .container.right .content {
        padding: 1rem 2rem;
        border-radius: 0;
    }

    .service-section .service-border {
        border: none;
    }
    .buy-banner-box h1 {
        font-size: 1.5rem !important;
    }
    .buy-banner-box img {
        height: 18rem;
    }
    .search-page .searchTerm {
        width: 15rem;
    }
}
@media only screen and (max-width: 550px) {
    .col-xm-6 {
        flex: 0 0 50%;
        max-width: 50%;
    }
}
@media only screen and (max-width: 480px) {
    .content-part {
        padding: 2rem;
    }

    html,
    body {
        font-size: 10px;
    }
    .knowbtn {
        padding: 0 3rem 0 1rem;
        height: 3rem;
        line-height: 3rem;
        border-radius: 5rem;
    }
    .left-part .content-left-part {
        padding-top: 2rem;
    }
    .right-part .content-right-part {
        padding-top: 2rem;
    }
    .slider-container .action-buttons .down-button {
        left: 55%;
    }
    .slider-container .action-buttons .up-button {
        left: 44%;
    }
    .cnb-logo-on-sm {
        left: 5rem;
        position: absolute;
        top: 1.7rem;
    }
    .cnb-logo-on-sm a img{
        width: 2rem;
        height: 1.5rem;
        margin: 0 0.6rem;
    }
    .logo-font-style {
        font-family: Co_Headline_Bold;
        text-align: center;
        margin: auto;
        font-size: 1.3rem;
    }
}
@media only screen and (max-width: 350px) {
    .col-xm-6 {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .slider-container .action-buttons .up-button {
        left: 44%;
        top: 8%;
    }
    .slider-container .action-buttons .down-button {
        left: 57%;
        top: 8%;
    }

}
@media only screen and (max-width: 280px) {
    html,
    body {
        font-size: 8px;
    }
    .recaptcha-container {
        transform: scale(0.6);
        transform-origin: 0 0;
    }
    /*    .banner-box .banner-box-bg-image {
            min-height: 300px;
        }*/
    .content-part {
        padding: 2rem;
    }
    .app-icon ul li {
        width: 6rem;
        height: 6rem;
        padding: 1.2rem;
    }
    .para1 {
        padding: 0.7rem 2rem;
        line-height: 2rem;
    }
    .search-page .searchButton {
        height: 4rem;
    }
    p {
        /* margin-top: 0; */
        /* margin-bottom: 1rem; */
        /* padding: 0.7rem 2rem; */
        font-size: 1.3rem;
        line-height: 2rem;
    }
    .feature_item h4 {
        font-size: 2.5rem;
    }
    .step-data .container::before {
        top: calc(50% - 6px);
    }
    .left-part .content-left-part {
        padding-top: 2rem;
    }
    .left-part .content-left-part .content-part {
        padding: 1rem;
    }
    .right-part .content-right-part {
        padding-top: 2rem;
    }
    .right-part .content-right-part .content-part {
        padding: 1rem;
    }
    .dropdown.cart-dropdown-list {
        position: relative;
        top: 0.9rem;
        right: 2.6rem;
    }
    .cnb-logo-on-sm {
        left: 5rem;
        position: absolute;
        top: 2.1rem;
    }
    .cnb-logo-on-sm a img{
        width: 2rem;
        height: 1.2rem;
        margin: 0rem 0.5rem;
    }
    .logo-font-style {
        font-family: Co_Headline_Bold;
        text-align: center;
        margin: auto;
        font-size: 1.3rem;
    }
    .user-menu-login {
        position: absolute;
        top: 2rem;
        right: 1.5rem;
    }
}
/*@media only screen and (max-width: 330px) {
    html,
    body {
        font-size: 8px;
    }
    .recaptcha-container {
        transform: scale(0.6);
        transform-origin: 0 0;
    }
    .banner-box .banner-box-bg-image {
        min-height: 300px;
    }
    .content-part {
        padding: 2rem;
    }
    .app-icon ul li {
        width: 6rem;
        height: 6rem;
        padding: 1.2rem;
    }
    .para1 {
        padding: 0.7rem 2rem;
        line-height: 2rem;
    }
    .search-page .searchButton {
        height: 4rem;
    }
    p {
         margin-top: 0; 
         margin-bottom: 1rem; 
         padding: 0.7rem 2rem; 
        font-size: 1.3rem;
        line-height: 2rem;
    }
    .feature_item h4 {
        font-size: 2.5rem;
    }
    .step-data .container::before {
        top: calc(50% - 6px);
    }
    .left-part .content-left-part {
        padding-top: 2rem;
    }
    .left-part .content-left-part .content-part {
        padding: 1rem;
    }
    .right-part .content-right-part {
        padding-top: 2rem;
    }
    .right-part .content-right-part .content-part {
        padding: 1rem;
    }
    .dropdown.cart-dropdown-list {
        position: relative;
        top: 0.9rem;
        right: 2.6rem;
    }
    .cnb-logo-on-sm {
        left: 5rem;
        position: absolute;
        top: 2.1rem;
    }
    .cnb-logo-on-sm a img{
        width: 2rem;
        height: 1.2rem;
        margin: 0rem 0.5rem;
    }
    .logo-font-style {
        font-family: Co_Headline_Bold;
        text-align: center;
        margin: auto;
        font-size: 1.3rem;
    }
    .user-menu-login {
        position: absolute;
        top: 2rem;
        right: 1.5rem;
    }
}*/
@media only screen and (max-width: 200px) {
    html,
    body {
        font-size: 6px;
    }
    .home-page-review {
        text-align: center;
        padding-bottom: 5px;
    }
    .home-page-review .home-page-review-content {
        padding: 0;
    }
    .home-page-review .home-page-review-profile {
        float: none;
        width: 30%;
        margin: 0 auto;
        padding: 0;
    }
    .banner-box .banner-box-bg-image {
        min-height: 12rem;
    }
    .app-icon ul li {
        width: 7rem;
        height: 7rem;
        padding: 1.2rem;
    }
    .dropdown.cart-dropdown-list {
        position: relative;
        top: 0.7rem;
        right: 2.6rem;
    }
}