/* X-Large devices (large desktops, less than 1400px) */
@media (max-width: 1399.98px) {
    .jonoprio-course-enroll a {
        padding: 8px 8px;
    }
    .jonoprio-course-name a {
        font-size: 24px;
    }
    .course-price h3 {
        font-size: 24px;
    }
    .jonoprio-course-enroll a {
        padding: 6px 8px;
    }
    .jonoprio-course-enroll a {
        font-size: 19px;
    }
    .jonoprio-course-enroll a:last-child {
        font-size: 19px;
    }
    .jonoprio-course-see-more a {
        font-size: 25px;
    }
    .student-feedback-item {
        height: 370px;
    }
    .our-programs-title h2 {
        font-size: 56px;
    }
    .banner-slider-left h2 {
        font-size: 40px;
    }
    .footer-course .footer-course-list ul li a {
        font-size: 16px;
    }
    .my-course-card .my-course-card-info p:first-child {
        font-size: 28px;
    }
    .my-course-card {
        height: 320px;
    }
    .our-all-course-dashboard-page{
        padding: 10px;
    }
    .routin-course-cart {
        height: 400px;
    }
}

/* "lg" Large devices (desktops, less than 1200px) */
@media (max-width: 1199.98px) {
    .jonoprio-course-item img {
        height: 200px;
    }
    .jonoprio-course-order-list li {
        font-size: 18px;
        line-height: 32px;
    }
    .jonoprio-course-info {
        padding: 15px;
    }
    .jonoprio-course-info ol{
        padding-left: 20px;
    }
    .jonoprio-course-enroll a {
        font-size: 17px;
    }
    .jonoprio-course-enroll a:last-child {
        font-size: 17px;
    }
    .our-service-item p {
        font-size: 19px;
    }
    .our-service-item {
        padding: 15px;
    }
    .our-programs-item {
        height: 225px;
    }
    .footer-logo img{
       width: 150px;
    }
    .banner-slider-right img {
        width: 100%;
        padding-top: 100px;
    }
    .my-course-card {
        height: 350px;
    }
    .profile-image i {
        right: 41%;
        bottom: 8%;
    }
    .routin-course-cart {
        height: 425px;
    }
}

/* "md" Medium devices (tablets, less than 992px) */
@media (max-width: 991.98px) {
    .gravity-header .navbar button{
        background-color: #303030;
        box-shadow: none;
    }
    .gravity-header .navbar button i{
        color: #FFFFFF;
        font-size: 30px;
    }
    .main-menu-nav{
        background-color: #f7f7f7;
        padding-bottom: 10px;
    }
    .banner-slider-left h2 {
        font-size: 30px;
    }
    .banner-slider-left h4 {
        font-size: 22px;
        padding-bottom: 22px;
        color: #fdf3f3;
    }
    .banner-slider-left-btn a:first-child {
        padding: 6px 7px;
        font-size: 19px;
    }
    .banner-slider-left-btn a:last-child {
        padding: 6px 7px;
        font-size: 19px;
    }
    .banner-slider-left {
        padding: 70px 0px;
    }
    .banner-slider-right img {
        padding-top: 70px;
    }
    .banner-slider-item {
        height: 450px;
    }
    .our-programs-title h2 {
        font-size: 40px;
    }
    .our-programs-section {
        padding: 70px 0;
    }
    .jonoprio-course-section {
        padding: 70px 0px;
    }
    .jonoprio-course-see-more a {
        padding: 7px 20px;
    }
    .our-services-section {
        padding: 70px 0;
    }
    .our-service-item{
    height: 220px;
    }
    .student-feedback-section {
        padding: 70px;
    }
    .how-to-login-video iframe {
        height: 400px;
    }
    .student-dashboard-sidenav-section label{
        display: block;
        font-size: 22px;
    }
    .student-dashboard-body-section{
        margin-left: 0px;
        padding-top: 50px;
        height: 100%;
    }
    .dashboard-sidenav{
        left: -15%;
    }
    .dashboard-sidenav {
        height: 100vh;
        width: 250px;
        position: fixed;
        top: 132px;
        left: -100%;
        z-index: 1;
        overflow-x: hidden;
        transition: all .2s ease-in-out;
        -webkit-transition: all .2s ease-in-out;
        -moz-transition: all .2s ease-in-out;
        -ms-transition: all .2s ease-in-out;
        -o-transition: all .2s ease-in-out;
    }
    #check:checked ~ .dashboard-sidenav{
        left: 2%;
    }
    #check:checked ~ label i::before{
        content: "\f00d";
    }
    .teacher-dashboard-sidenav{
        width: 250px;
        height: 100vh;
        position: fixed;
        overflow-y: scroll;
        background-color: oldlace;
        z-index: 1;
        left: 0%;
        transition: all .4s ease-in-out;
        -webkit-transition: all .4s ease-in-out;
        -moz-transition: all .4s ease-in-out;
        -ms-transition: all .4s ease-in-out;
        -o-transition: all .4s ease-in-out;
        display: none;
    }
    .my-course-card .my-course-card-info p:first-child {
        font-size: 25px;
    }
    .my-course-card .my-course-card-info p {
        font-size: 22px;
    }
    .my-course-card {
        height: 284px;
    }
    .dashboard-page-title h4 {
        font-size: 40px;
    }
    .teacher-class-payment-body {
        padding: 0px;
    }
    .jonoprio-course-item img {
        height: 200px;
        object-fit: fill;
    }
    .routin-course-cart {
        height: 425px;
    }
    .my-routin-body {
        padding: 0px 0px;
    }
    .past-class-body {
        margin-top: 30px;

        padding: 0px;
        border-radius: 7px;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        -ms-border-radius: 10px;
        -o-border-radius: 10px;
}
 }

/* "sm" Small devices (landscape phones, less than 768px) */
@media (max-width: 767.98px) {
    .gravity-header .navbar-brand img{
       width: 150px;
    }
    .brand-logo a img {
        height: 50px;
        object-fit: fill;
    }
    .banner-slider-item img {
        height: 300px;
    }
    .our-programs-section {
        padding: 50px 0;
    }
    .user-dashboard-footer {
        margin-left: 0;
    }
    .footer-logo{
        padding-bottom: 20px;
    }
    footer {
        padding-top: 50px;
    }
    .exam-system-text-container {
        height: auto;
    }
    .exam-system-section {
        padding-bottom: 50px;
    }
    footer{
        margin-left: 0px;
    }
    /* add course page css */
    .jonoprio-course-enroll a {
        padding: 10px 18px;
    }
    /* student dashboard */
    .student-dashboard-body-section .add-more-course a {
        padding: 8px 7px;
    }
    .my-course-card {
        flex-direction: column;
    }
    .my-course-card .my-course-card-img {
        width: 100%;
    }
    .my-course-card .my-course-card-info {
        width: 100%;
        margin-bottom: 50px;
    }
    .my-course-card .my-course-card-img img {
        height: auto;
    }
    .student-dashboard-body-section .add-more-course {
        text-align: center;
    }
    .past-class-item-content .class-video-button a, .past-class-load-more-btn button, .past-class-load-more-btn a {
        padding: 6px 15px;
    }
    .past-class-video-body video {
        height: auto;
    }
    .report-view-table {
        overflow-x: scroll;
    }
    /*============== Start:: Teacher Dashboard res css=========================
    start:: teacher dashboard css
    ============================================= */
    .teacher-dashboard-right-content {
        margin-left: 0px;
        padding: 20px;
    }
    .teacher-dashboard-right-content {
        margin-left:0px;
    }
    .user-dashboard-footer {
        margin-left:0px;
    }
    .t-m-dasboard{
        display: block;
    }
    /* home page */
    .banner-slider-left h2 {
        font-size: 29px;
    }
    .banner-slider-left {
        padding: 50px 0px;
    }
    .banner-slider-item {
        height: 355px;
    }
    .our-programs-title h2 {
        font-size: 36px;
    }
    .jonoprio-course-item img {
        height: auto;
    }
    .jonoprio-course-section {
        padding: 50px 0px;
    }
    .our-services-section {
        padding: 50px 0;
    }
    .contact-us-section {
        padding: 50px 0px;
    }
    .contact-us-help-img img {
        height: auto;
    }
    .section-contact-map {
        padding: 50px 0px;
    }
    .how-to-login-video iframe {
        width: 100%;
        height: 350px;
    }
    .my-course-card {
        height: 310px;
    }
    .dashboard-page-title h4 {
        font-size: 40px;
    }
    .my-course-card {
        height: auto;
    }
    .dashboard-sidenav {
        top: 112px;
    }
    .our-all-course-body {
        padding-top: 20px;
    }
    .routin-course-cart {
        height: 425px;
    }
    .routin-summary-title {
        height: auto;
        background-color: transparent;
    }
    .routin-summary-title h4 {
        font-size: 24px;
    }

.past-class-video-body iframe{
    height: 300px;
}


}

 /* X-Small devices (portrait phones, less than 576px) */
 @media (max-width: 575.98px) {
    .banner-slider-item {
        height: 250px;
    }
    .banner-slider-item img {
        height: 250px;
    }
    .banner-slider-item .slider-info p {
        font-size: 26px;
    }
    .jonoprio-course-info h5, h3 {
        font-size: 22px;
        padding-top: 10px;
    }
    .my-course-card .my-course-card-info a {
        padding: 6px 17px;
    }
    .exam-subject-name h2 {
        font-size: 19px;
    }
    .exam-subject-name h5 span {
        font-size: 15px;
    }
    .contact-form-body{
        padding: 10px;
    }
    .banner-slider-item .slider-info p {
        font-size: 20px;
    }
    .banner-slider-left h2 {
        font-size: 22px;
    }
    .banner-slider-item {
        height: 350px;
    }
    .banner-slider-left h4 {
        font-size: 18px;
    }
    .banner-slider-left-btn a:first-child {
        padding: 6px 6px;
        font-size: 18px;
    }
    .banner-slider-left-btn a:last-child {
        padding: 6px 6px;
        font-size: 18px;
    }
    .our-programs-title h2 {
        font-size: 28px;
    }
    .our-programs-title {
        padding-bottom: 20px;
    }
    .jonoprio-course-enroll a {
        padding: 7px 9px;
    }
    .jonoprio-course-see-more a {
        font-size: 20px;
    }
    .student-feedback-section {
        padding: 50px 0px;
    }
    .faq-body h2 button {
        font-size: 20px;
    }
    .contact-form-body h2 {
        font-size: 22px;
    }
    .contact-form-body {
        padding: 30px 10px;
    }
    .contact-form-body input {
        padding: 10px;
        border-radius: 6px;
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        -ms-border-radius: 6px;
        -o-border-radius: 6px;
        font-size: 18px;
    }
    .contact-form-body input::placeholder {
        font-size: 18px;
    }
    .contact-form-body label {
        font-size: 18px;
    }
    .contact-form-body .contact-us-info p {
        font-size: 16px;
    }
    .footer-logo .social-icon a {
        width: 35px;
        height: 35px;
        line-height: 35px;
        font-size: 18px;
    }
    .navbar {
        padding: 0px;
    }
    .login-form-container h2 {
        font-size: 30px;
    }
    .reg-form-container {
        padding: 30px 10px;
    }
    .otp-verified-success-img img {
        width: 100px;
    }
    .reg-study-image img {
        height: auto;
    }
    .how-to-login-video iframe {
        height: 250px;
    }
    .login-form-container {
        padding: 30px 10px;
    }
    .login-form-container form input, .login-form-container form select {
        border-radius: 10px;
        font-size: 16px;
    }
    .reg-form-container label, .login-form-label label {
        font-size: 18px;
    }
    .dashboard-page-title h4 {
        font-size: 30px;
    }
    .dashboard-sidenav {
        top: 96px;
    }
    .profile-image i {
        right: 30%;
    }
    .profile-info-body p {
        font-size: 17px;
    }
    .common-btn button {
        font-size: 16px;
    }

}

@media(min-width:576px){
    .modal-dialog {
        max-width: 1000px;
    }
}