@media(max-width:320px){
    header .navbar{
        padding: 0px;
   }
    .main-slider .swiper-slide .slider-bg{
        min-height: 29vh;
   }
    .main-slider .swiper-button-next, .main-slider .swiper-button-prev {
        width: 30px;
        height: 30px;
   }
    .about-main {
        margin: 25px 0;
   }
    .about-main .welcome-header h1 {
        font-size: 20px;
   }
    .about-main .welcome-header p {
        font-size: 16px;
        text-align: left;
   }
    .about-main .platform-title h3{
        font-size: 20px;
   }
    .team-main .about-title h2 {
        font-size: 20px;
        line-height: 1.5;
   }
    .team-main .sub-title {
        font-size: 15px;
        line-height: 1.5;
   }
    .team-main .title-description p {
        font-size: 15px;
        text-align: justify;
   }
    .goal-main .about-des-box{
        max-width: 100%;
        margin-top: 20px;
   }
    .goal-main .about-des-box h3{
        font-size: 20px;
        line-height: 1.5;
   }
    .about-des-box .course-outline .course-outline-title{
        font-size: 17px;
   }
    .popular-course-main .course-loop .card .card-body h5{
        font-size: 20px;
        line-height: 1.5;
   }
    .about-title h2{
        font-size: 22px;
        line-height: 1.5;
   }
    .sub-title span{
        font-size: 17px;
   }
    .ourpartner-main .logo-box img {
        max-width: 110px;
   }
    .footer-main .social-nav{
        margin-bottom: 20px;
   }
    .footer-main .footer-box ul.nav li.nav-item a.nav-link{
        font-size: 15px;
   }
    .mobile-offcanvas{
        padding-top: 10px !important;
   }
    .mobile-offcanvas .offcanvas-header{
        position: relative;
        top: 20px;
   }
    .mobile-offcanvas .navbar-nav {
        border-top: 1px solid #eee;
        margin-top: 14px;
        padding-top: 5px;
   }
    header .navbar li.nav-item a.nav-link{
        font-size: 15px;
        padding-left: 0;
   }
    header .navbar li.nav-item a.nav-link.cart-icon{
        margin-left: 0px;
   }
    header .mobile-offcanvas li.nav-item a.dropdown-item{
        font-size: 14px;
   }
   /* about us start from here */
    .about-banner-main {
        height: 195px;
        background-size: cover !important;
   }
    .about-banner-main h3.sub-header{
        font-size: 30px;
   }
   /* about us end here */
   /* rtor page start from here */
    .usmle-features .about-title h2{
        font-size: 20px;
        line-height: 1.5;
   }
    .mentorship-program .programs-all .program-title h4{
        font-size: 20px;
        line-height: 1.5;
   }
    .mentorship-program .programs-all {
        margin: 20px 0;
   }
    .mentorship-program .programs-all .mentorship-details p{
        font-size: 15px;
   }
   /* rtor page end here */
    .main-slider .swiper-slide .slider-bg{
        min-height: 137px;
   }
    .courseregister-main{
        min-height: 137px;
   }
    .courseregister-main .course-flex {
        min-height: 137px;
   }
    .course-footer-main .course-footer{
        padding-right: 17px;
        padding-left: 17px;
   }
    .course-footer-main .course-footer .content-box{
        width: 100%;
   }
    .course-footer-main .course-footer .content-box h3 {
        font-size: 17px;
        margin-bottom: 10px;
        line-height: 1.5;
   }
    .course-footer-main .course-footer .content-box p{
        font-size: 14px;
   }
}
@media (min-width:321px) and (max-width:360px){
    .main-slider .swiper-slide .slider-bg{
        min-height: 137px;
   }
    .courseregister-main{
        min-height: 137px;
   }
    .courseregister-main .course-flex {
        min-height: 137px;
   }
    .course-footer-main .course-footer{
        padding-right: 17px;
        padding-left: 17px;
   }
    .course-footer-main .course-footer .content-box{
        width: 100%;
   }
    .course-footer-main .course-footer .content-box h3 {
        font-size: 17px;
        margin-bottom: 10px;
        line-height: 1.5;
   }
    .course-footer-main .course-footer .content-box p{
        font-size: 14px;
   }
}
@media (min-width:361px) and (max-width:375px){
    .main-slider .swiper-slide .slider-bg{
        min-height: 137px;
   }
    .courseregister-main{
        min-height: 153px;
   }
    .courseregister-main .course-flex {
        min-height: 153px;
   }
    .course-footer-main .course-footer{
        padding-right: 17px;
        padding-left: 17px;
   }
    .course-footer-main .course-footer .content-box{
        width: 100%;
   }
    .course-footer-main .course-footer .content-box h3 {
        font-size: 17px;
        margin-bottom: 10px;
        line-height: 1.5;
   }
    .course-footer-main .course-footer .content-box p{
        font-size: 14px;
   }
}
@media (min-width:376px) and (max-width:414px){
    .main-slider .swiper-slide .slider-bg{
        min-height: 170px;
   }
    .courseregister-main{
        min-height: 170px;
   }
    .courseregister-main .course-flex {
        min-height: 170px;
   }
    .course-footer-main .course-footer{
        padding-right: 17px;
        padding-left: 17px;
   }
    .course-footer-main .course-footer .content-box{
        width: 100%;
   }
    .course-footer-main .course-footer .content-box h3 {
        font-size: 17px;
        margin-bottom: 10px;
        line-height: 1.5;
   }
    .course-footer-main .course-footer .content-box p{
        font-size: 14px;
   }
}
@media(max-width:375px){
}
@media(max-width:414px){
    header .navbar{
        padding: 0px;
   }
    .main-slider .swiper-button-next, .main-slider .swiper-button-prev {
        width: 30px;
        height: 30px;
   }
    .about-main {
        margin: 25px 0;
   }
    .about-main .welcome-header h1 {
        font-size: 20px;
   }
    .about-main .welcome-header p {
        font-size: 16px;
        text-align: left;
   }
    .about-main .platform-title h3{
        font-size: 20px;
   }
    .team-main .about-title h2 {
        font-size: 20px;
        line-height: 1.5;
   }
    .team-main .sub-title {
        font-size: 15px;
        line-height: 1.5;
   }
    .team-main .title-description p {
        font-size: 15px;
        text-align: justify;
   }
    .goal-main .about-des-box{
        max-width: 100%;
        margin-top: 20px;
   }
    .goal-main .about-des-box h3{
        font-size: 20px;
        line-height: 1.5;
   }
    .about-des-box .course-outline .course-outline-title{
        font-size: 17px;
   }
    .popular-course-main .course-loop .card .card-body h5{
        font-size: 20px;
        line-height: 1.5;
   }
    .about-title h2{
        font-size: 22px;
        line-height: 1.5;
   }
    .sub-title span{
        font-size: 17px;
   }
    .ourpartner-main .logo-box img {
        max-width: 110px;
   }
    .footer-main .social-nav{
        margin-bottom: 20px;
   }
    .footer-main .footer-box ul.nav li.nav-item a.nav-link{
        font-size: 15px;
   }
    .mobile-offcanvas{
        padding-top: 10px !important;
   }
    .mobile-offcanvas .offcanvas-header{
        position: relative;
        top: 20px;
   }
    .mobile-offcanvas .navbar-nav {
        border-top: 1px solid #eee;
        margin-top: 14px;
        padding-top: 5px;
   }
    header .navbar li.nav-item a.nav-link{
        font-size: 15px;
        padding-left: 0;
   }
    header .navbar li.nav-item a.nav-link.cart-icon{
        margin-left: 0px;
   }
    header .mobile-offcanvas li.nav-item a.dropdown-item{
        font-size: 14px;
   }
    .goal-main img{
        width: 100%;
   }
    .footer-main .logo-box img {
        max-width: 165px;
   }
   /* about us start from here */
    .about-banner-main {
        height: 195px;
        background-size: cover !important;
   }
    .about-banner-main h3.sub-header{
        font-size: 30px;
   }
   /* about us end here */
   /* rtor page start from here */
    .usmle-features .about-title h2{
        font-size: 20px;
        line-height: 1.5;
   }
    .mentorship-program .programs-all .program-title h4{
        font-size: 20px;
        line-height: 1.5;
   }
    .mentorship-program .programs-all {
        margin: 20px 0;
   }
    .mentorship-program .programs-all .mentorship-details p{
        font-size: 15px;
   }
   /* rtor page end here */
}
@media(min-width:415px) and (max-width:575px){
    header .navbar{
        padding: 0px;
   }
    .main-slider .swiper-slide .slider-bg{
        min-height: 29vh;
   }
    .main-slider .swiper-button-next, .main-slider .swiper-button-prev {
        width: 30px;
        height: 30px;
   }
    .about-main {
        margin: 25px 0;
   }
    .about-main .welcome-header h1 {
        font-size: 20px;
   }
    .about-main .welcome-header p {
        font-size: 16px;
        text-align: left;
   }
    .about-main .platform-title h3{
        font-size: 20px;
   }
    .team-main .about-title h2 {
        font-size: 20px;
        line-height: 1.5;
   }
    .team-main .sub-title {
        font-size: 15px;
        line-height: 1.5;
   }
    .team-main .title-description p {
        font-size: 15px;
        text-align: justify;
   }
    .goal-main .about-des-box{
        max-width: 100%;
        margin-top: 20px;
   }
    .goal-main .about-des-box h3{
        font-size: 20px;
        line-height: 1.5;
   }
    .about-des-box .course-outline .course-outline-title{
        font-size: 17px;
   }
    .popular-course-main .course-loop .card .card-body h5{
        font-size: 20px;
        line-height: 1.5;
   }
    .about-title h2{
        font-size: 22px;
        line-height: 1.5;
   }
    .sub-title span{
        font-size: 17px;
   }
    .ourpartner-main .logo-box img {
        max-width: 110px;
   }
    .footer-main .social-nav{
        margin-bottom: 20px;
   }
    .footer-main .footer-box ul.nav li.nav-item a.nav-link{
        font-size: 15px;
   }
    .mobile-offcanvas{
        padding-top: 10px !important;
   }
    .mobile-offcanvas .offcanvas-header{
        position: relative;
        top: 20px;
   }
    .mobile-offcanvas .navbar-nav {
        border-top: 1px solid #eee;
        margin-top: 14px;
        padding-top: 5px;
   }
    header .navbar li.nav-item a.nav-link{
        font-size: 15px;
        padding-left: 0;
   }
    header .navbar li.nav-item a.nav-link.cart-icon{
        margin-left: 0px;
   }
    header .mobile-offcanvas li.nav-item a.dropdown-item{
        font-size: 14px;
   }
    .goal-main img{
        width: 100%;
   }
    .footer-main .logo-box img{
        max-width: 200px;
   }
   /* about us start from here */
    .about-banner-main {
        height: 195px;
        background-size: cover !important;
   }
    .about-banner-main h3.sub-header{
        font-size: 30px;
   }
   /* about us end here */
   /* rtor page start from here */
    .usmle-features .about-title h2{
        font-size: 20px;
        line-height: 1.5;
   }
    .mentorship-program .programs-all .program-title h4{
        font-size: 20px;
        line-height: 1.5;
   }
    .mentorship-program .programs-all {
        margin: 20px 0;
   }
    .mentorship-program .programs-all .mentorship-details p{
        font-size: 15px;
   }
   /* rtor page end here */
    .main-slider .swiper-slide .slider-bg{
        min-height: 236px;
   }
    .courseregister-main{
        min-height: 236px;
   }
    .courseregister-main .course-flex {
        min-height: 236px;
   }
    .course-footer-main .course-footer{
        padding-right: 17px;
        padding-left: 17px;
   }
    .course-footer-main .course-footer .content-box{
        width: 100%;
   }
    .course-footer-main .course-footer .content-box h3 {
        font-size: 17px;
        margin-bottom: 10px;
        line-height: 1.5;
   }
    .course-footer-main .course-footer .content-box p{
        font-size: 14px;
   }
}
@media(min-width:576px) and (max-width:767px){
    header .navbar{
        padding: 0px;
   }
    .main-slider .swiper-slide .slider-bg{
        min-height: 29vh;
   }
    .main-slider .swiper-button-next, .main-slider .swiper-button-prev {
        width: 30px;
        height: 30px;
   }
    .about-main {
        margin: 25px 0;
   }
    .about-main .welcome-header h1 {
        font-size: 20px;
   }
    .about-main .welcome-header p {
        font-size: 16px;
        text-align: left;
   }
    .about-main .platform-title h3{
        font-size: 20px;
   }
    .team-main .about-title h2 {
        font-size: 20px;
        line-height: 1.5;
   }
    .team-main .sub-title {
        font-size: 15px;
        line-height: 1.5;
   }
    .team-main .title-description p {
        font-size: 15px;
        text-align: justify;
   }
    .goal-main .about-des-box{
        max-width: 100%;
        margin-top: 20px;
   }
    .goal-main .about-des-box h3{
        font-size: 20px;
        line-height: 1.5;
   }
    .about-des-box .course-outline .course-outline-title{
        font-size: 17px;
   }
    .popular-course-main .course-loop .card .card-body h5{
        font-size: 20px;
        line-height: 1.5;
   }
    .about-title h2{
        font-size: 22px;
        line-height: 1.5;
   }
    .sub-title span{
        font-size: 17px;
   }
    .ourpartner-main .logo-box img {
        max-width: 110px;
   }
    .footer-main .social-nav{
        margin-bottom: 20px;
   }
    .footer-main .footer-box ul.nav li.nav-item a.nav-link{
        font-size: 15px;
   }
    .mobile-offcanvas{
        padding-top: 10px !important;
   }
    .mobile-offcanvas .offcanvas-header{
        position: relative;
        top: 20px;
   }
    .mobile-offcanvas .navbar-nav {
        border-top: 1px solid #eee;
        margin-top: 14px;
        padding-top: 5px;
   }
    header .navbar li.nav-item a.nav-link{
        font-size: 15px;
        padding-left: 0;
   }
    header .navbar li.nav-item a.nav-link.cart-icon{
        margin-left: 0px;
   }
    header .mobile-offcanvas li.nav-item a.dropdown-item{
        font-size: 14px;
   }
    .goal-main img{
        width: 100%;
   }
    .footer-main .logo-box img{
        max-width: 200px;
   }
    .about-main .platform-loop .card::after{
        display: none;
   }
   /* about us start from here */
    .about-banner-main {
        height: 195px;
        background-size: cover !important;
   }
    .about-banner-main h3.sub-header{
        font-size: 30px;
   }
   /* about us end here */
   /* rtor page start from here */
    .usmle-features .about-title h2{
        font-size: 20px;
        line-height: 1.5;
   }
    .mentorship-program .programs-all .program-title h4{
        font-size: 20px;
        line-height: 1.5;
   }
    .mentorship-program .programs-all {
        margin: 20px 0;
   }
    .mentorship-program .programs-all .mentorship-details p{
        font-size: 15px;
   }
   /* rtor page end here */
    .main-slider .swiper-slide .slider-bg{
        min-height: 314px;
   }
    .courseregister-main{
        min-height: 314px;
   }
    .courseregister-main .course-flex {
        min-height: 314px;
   }
    .course-footer-main .course-footer{
        padding-right: 17px;
        padding-left: 17px;
   }
    .course-footer-main .course-footer .content-box{
        width: 100%;
   }
    .course-footer-main .course-footer .content-box h3 {
        font-size: 17px;
        margin-bottom: 10px;
        line-height: 1.5;
   }
    .course-footer-main .course-footer .content-box p{
        font-size: 14px;
   }
}
@media(min-width:768px) and (max-width:991px){
    header .navbar{
        padding: 0px;
   }
    .main-slider .swiper-slide .slider-bg{
        min-height: 407px;
   }
    .main-slider .swiper-button-next, .main-slider .swiper-button-prev {
        width: 30px;
        height: 30px;
   }
    .about-main {
        margin: 25px 0;
   }
    .about-main .welcome-header h1 {
        font-size: 20px;
   }
    .about-main .welcome-header p {
        font-size: 16px;
        text-align: left;
   }
    .about-main .platform-title h3{
        font-size: 20px;
   }
    .team-main .about-title h2 {
        font-size: 20px;
        line-height: 1.5;
   }
    .team-main .sub-title {
        font-size: 15px;
        line-height: 1.5;
   }
    .team-main .title-description p {
        font-size: 15px;
        text-align: justify;
   }
    .goal-main .about-des-box{
        max-width: 100%;
        margin-top: 20px;
   }
    .goal-main .about-des-box h3{
        font-size: 20px;
        line-height: 1.5;
   }
    .about-des-box .course-outline .course-outline-title{
        font-size: 17px;
   }
    .popular-course-main .course-loop .card .card-body h5{
        font-size: 20px;
        line-height: 1.5;
   }
    .about-title h2{
        font-size: 22px;
        line-height: 1.5;
   }
    .sub-title span{
        font-size: 17px;
   }
    .ourpartner-main .logo-box img {
        max-width: 110px;
   }
    .footer-main .social-nav{
        margin-bottom: 20px;
   }
    .footer-main .footer-box ul.nav li.nav-item a.nav-link{
        font-size: 15px;
   }
    .mobile-offcanvas{
        padding-top: 10px !important;
   }
    .mobile-offcanvas .offcanvas-header{
        position: relative;
        top: 20px;
   }
    .mobile-offcanvas .navbar-nav {
        border-top: 1px solid #eee;
        margin-top: 14px;
        padding-top: 5px;
   }
    header .navbar li.nav-item a.nav-link{
        font-size: 15px;
        padding-left: 0;
   }
    header .navbar li.nav-item a.nav-link.cart-icon{
        margin-left: 0px;
   }
    header .mobile-offcanvas li.nav-item a.dropdown-item{
        font-size: 14px;
   }
    .goal-main img{
        width: 100%;
   }
    .footer-main .logo-box img{
        max-width: 200px;
   }
    .recognition-slider .card img{
        height: unset;
   }
   /* about us start from here */
    .about-banner-main {
        height: 195px;
        background-size: cover !important;
   }
    .about-banner-main h3.sub-header{
        font-size: 30px;
   }
   /* about us end here */
   /* rtor page start from here */
    .usmle-features .about-title h2{
        font-size: 20px;
        line-height: 1.5;
   }
    .mentorship-program .programs-all .program-title h4{
        font-size: 20px;
        line-height: 1.5;
   }
    .mentorship-program .programs-all {
        margin: 20px 0;
   }
    .mentorship-program .programs-all .mentorship-details p{
        font-size: 15px;
   }
   /* rtor page end here */
   /* webinar start from here */
    .webinar-main .webinar-filters .swm-breadcrumbs a{
        font-size: 15px;
   }
    .webinar-main .webinar-filters .swm-breadcrumbs{
        font-size: 15px;
   }
    .webinar-main .single-webinar .card .card-body .seminar-details{
        margin-top: 20px;
   }
    .webinar-main .single-webinar .card .card-body .seminar-details .description h4 a{
        font-size: 20px;
   }
    .webinar-main .single-webinar .card .card-body .seminar-details .description p.card-text{
        font-size: 15px;
   }
    .webinar-main .single-webinar .card .card-body .seminar-details .description{
        flex-basis: 80%;
   }
    .webinar-main .single-webinar .card .card-body .seminar-details .date{
        flex-basis: 20%;
   }
    .mission-main .card-body h5{
        font-size: 15px;
   }
    .mission-main .card{
        margin-bottom: 10px;
   }
    .mission-main .card iframe{
        width: 100%;
        height: auto;
   }
    .courseregister-main{
        min-height: 407px;
   }
    .courseregister-main .course-flex {
        min-height: 407px;
   }
    .course-footer-main .course-footer{
        padding-right: 17px;
        padding-left: 17px;
   }
    .course-footer-main .course-footer .content-box{
        width: 100%;
   }
    .course-footer-main .course-footer .content-box h3 {
        font-size: 17px;
        margin-bottom: 10px;
        line-height: 1.5;
   }
    .course-footer-main .course-footer .content-box p{
        font-size: 14px;
   }
}
@media(max-width:767px){
    .ourpartner-main{
        padding: 20px 0;
   }
    .our-history .timeline-body>p{
        font-size: 15px;
   }
    h5.timeline-title{
        font-size: 17px;
   }
    .mission-main p.intro-text{
        font-size: 15px;
   }
    .mission-main h4.mission-title{
        font-size: 18px;
   }
    .mission-main .common-mission ul li{
        font-size: 15px;
   }
   /* webinar start from here */
    .webinar-main .webinar-filters .swm-breadcrumbs a{
        font-size: 15px;
   }
    .webinar-main .webinar-filters .swm-breadcrumbs{
        font-size: 15px;
   }
    .webinar-main .single-webinar .card .card-body .seminar-details{
        margin-top: 20px;
   }
    .webinar-main .single-webinar .card .card-body .seminar-details .description h4 a{
        font-size: 20px;
   }
    .webinar-main .single-webinar .card .card-body .seminar-details .description p.card-text{
        font-size: 15px;
   }
    .webinar-main .single-webinar .card .card-body .seminar-details .description{
        flex-basis: 100%;
        margin-bottom: 20px;
   }
    .mission-main .card-body h5{
        font-size: 15px;
   }
    .mission-main .card{
        margin-bottom: 10px;
   }
    .mission-main .card iframe{
        width: 100%;
        height: auto;
   }
    .courses-main .courses-model h3{
        font-size: 20px;
   }
    .courses-main .courses-model .card h5{
        font-size: 18px;
   }
   .new-form-main .single-terms .dr-flex .single-dr{
    flex-basis: 100%;
    margin-bottom: 20px;
   }
}
@media all and (max-width: 991px) {
    .offcanvas-header{
        display:block;
   }
    .mobile-offcanvas{
        visibility: hidden;
        transform:translateX(-100%);
        border-radius:0;
        display:block;
        position: fixed;
        top: 0;
        left:0;
        height: 100%;
        z-index: 1200;
        width:85%;
        overflow-y: scroll;
        overflow-x: hidden;
        transition: visibility .3s ease-in-out, transform .3s ease-in-out;
   }
    .mobile-offcanvas.show{
        visibility: visible;
        transform: translateX(0);
   }
    .mobile-offcanvas .container, .mobile-offcanvas .container-fluid{
        display: block;
   }
    .our-history .timeline-body>p{
        font-size: 15px;
   }
    h5.timeline-title{
        font-size: 17px;
   }
    .mission-main p.intro-text{
        font-size: 15px;
   }
    .mission-main h4.mission-title{
        font-size: 18px;
   }
    .mission-main .common-mission ul li{
        font-size: 15px;
   }
}
/* ============ mobile view .end// ============ */
@media(min-width:992px) and (max-width:1366px){
    .our-history .timeline-body>p{
        font-size: 15px;
   }
    h5.timeline-title{
        font-size: 17px;
   }
    .mission-main p.intro-text{
        font-size: 15px;
   }
    .mission-main h4.mission-title{
        font-size: 18px;
   }
    .mission-main .common-mission ul li{
        font-size: 15px;
   }
   /* rtor page start from here */
    .usmle-features .about-title h2{
        font-size: 20px;
        line-height: 1.5;
   }
    .mentorship-program .programs-all .program-title h4{
        font-size: 20px;
        line-height: 1.5;
   }
    .mentorship-program .programs-all {
        margin: 20px 0;
   }
    .mentorship-program .programs-all .mentorship-details p{
        font-size: 15px;
   }
    .about-title h2{
        font-size: 22px;
        line-height: 1.5;
   }
    .team-main .about-title h2{
        font-size: 22px;
        line-height: 1.5;
   }
    .team-main .title-description p{
        font-size: 15px;
   }
   /* rtor page end here */
   /* webinar start from here */
    .webinar-main .webinar-filters .swm-breadcrumbs a{
        font-size: 15px;
   }
    .webinar-main .webinar-filters .swm-breadcrumbs{
        font-size: 15px;
   }
    .webinar-main .single-webinar .card .card-body .seminar-details{
        margin-top: 20px;
   }
    .webinar-main .single-webinar .card .card-body .seminar-details .description h4 a{
        font-size: 20px;
   }
    .webinar-main .single-webinar .card .card-body .seminar-details .description p.card-text{
        font-size: 15px;
   }
    .webinar-main .single-webinar .card .card-body .seminar-details .description{
        flex-basis: 80%;
   }
    .webinar-main .single-webinar .card .card-body .seminar-details .date{
        flex-basis: 20%;
   }
    .mission-main .card{
        margin-bottom: 20px;
   }
    .mission-main .card iframe{
        width: 100%;
        height: auto;
   }
    .main-slider .swiper-slide .slider-bg{
        min-height: 565px;
   }
    .courseregister-main{
        min-height: 565px;
   }
    .courseregister-main .course-flex {
        min-height: 565px;
   }
}
@media(min-width:1367px){
    .courseregister-main{
        min-height: 790px;
   }
    .courseregister-main .course-flex {
        min-height: 790px;
   }
}