/* Responsive CSS Styles Table of Contents */

@media only screen and (min-width: 1000px) and (max-width: 1169px){
.tf-button-default {padding: 10px 6px;}
.dt-search .form-control {   font-size: 0.91rem;}
.top-categories-icon.me-4{margin-right: 0.5rem !important;}
.top-categories-icon {   width: 50px;  height: 50px;}
.top-categories-icon img{ width: 32px;}
.top-categories-box.mb-4-5 { margin-bottom: 0.8rem !important;}
.top-categories-box {  padding: 6px;    min-height: 100px;}

.banner-text {   top: 28px;}
.banner-section {
    background: #fff url(../images/banner-bg-1-11.png) no-repeat scroll right top;
    background-size: 42%;
}
.how-to-begin-box {   width: 100%;}
.how-to-begin-box .mt-5 { margin-top: 0rem !important; }
.login-section-wrapper {padding: 50px 50px !important;}
.course-time ul li   { font-size: 12px;}
/*.my-learing-menu ul li {margin-right: 16px;}*/
.my-learing-menu ul li {margin-right: 45px;}
.review-stars span {font-size: 11px !important;}
.card-item .card-body {   padding: 0.92rem;}
.card-btns-right button{font-size:12px !important;     padding: 0px 3px;}
.card-btns-right i{font-size:12px !important; }
p.card-price{font-size: 12px;}
.icon-element{font-size:12px !important;}
.icon-element i{font-size:12px !important;}

.abroad_banner {align-items: flex-start;     flex-direction: column;}
.abroad_banner__cta {margin-top:0px;}
.abroad_banner {grid-gap: 20px;    gap: 18px; padding:10px 0px;}
.enquiry-btn {   padding: 10px 30px;}
.enroll-btn {   font-size: 16px;    padding: 8px 30px;}
.enroll-ad h4 {   width: 70%;   font-size: 26px!important;}
.enroll-ad.pb-5 { padding-bottom: 2rem !important;}
.enroll-ad.pt-5 { padding-top: 2rem !important;}
.toll-free-box h2{font-size: 22px !important;}
.popup button {font-size: 12px !important;}
.popup .enroll-btn-1   {font-size: 14px;}


}


@media only screen and (min-width: 768px) and (max-width: 999px){

#logo{ width: 150px;  background-size: 100%; height: 55px; min-height: 60px;   }
 .top_section {height: 70px}
 .navbar-header{display:block !important;}
.top-header-block { height: 70px;}
 
.dt-menu-list{display:none !important}
.mobile-menu{display:block !important} 

 .dt-header-btn {display:none; }
 .mobile-header-btn {display:block; } 
 
 .dt-search form{margin-top:-6px;}
 .dt-search form button{    background: transparent}
 
/*.dt-search{display:none; }*/
/*.mobile-search{display:block}  */

.mobile-search  .dropdown-menu{left:unset; right:-50px; width:300px;padding: 10px;  height: 70px;} 
.mobile-search .me-2 { margin-right: 0rem !important;}

.mobile-header-btn .dropdown-menu{left:unset; right:0; width:260px;padding: 10px; } 
.mobile-header-btn .dropdown-menu > li > a {padding: 6px 20px;   color: #000;   font-size: 16px;    font-weight: 600;}

.ms-view, .ms-mask-frame, .ms-slide, .ms-view img{ height:130px !important; object-fit:cover; object-position:top left; }
.ms-view img{ margin-top:0 !important; }    
.header-login {    position: absolute;top: 14px;    right: 2px;}
.top-header-block .col-lg-4{width:unset;  }
.top-header-block .col-lg-4.mt-3-5{margin-top:0 !important;}
.top-header-block .row{height:70px;}

.mobile-browse-cat{  display:block;}
.mobile-browse-block{  display:block;}

.navbar-header-link{ display:block;}
.slidermar9 {  margin-top: 120px;}
/*===================================================  */
.top-categories-icon {   width: 50px;  height: 50px;}
.top-categories-icon img{ width: 32px;}
.top-categories-box.mb-4-5 { margin-bottom: 0.8rem !important;}


/*.abroad_banner-img{display:none;}*/
.abroad_banner {
    display: flex;
    align-items: flex-start;
    grid-gap: 40px;
    gap: 40px;
    margin-left: 246px;
    flex-direction: column;
    align-content: flex-start;
}
.abroad_banner__title {  font-size: 18px;  line-height: 30px;   margin-top: 4px;}
.abroad_banner__subtitle {    font-size: 14px;  line-height: 24px;    margin-top: 10px; margin-bottom: 0;}
.abroad_banner__cta { padding: 8px 22px;font-size: 14px;margin-top: 0px;}

.single-feature {  padding: 20px 20px;}

.slick-prev { left: -10px !important;}
.slick-next {  right: -10px !important;}
.slick-prev, .slick-next {   z-index: 9;}

.variable.mt-7{ margin-top: 2rem !important;}
.variable .slick-slide img {padding-left:0px;}

.bg-white.pt-6 {  padding-top: 2rem !important;}
.bg-primary .col-lg-9 .col-lg-3{width:25%;}
.bg-primary.pb-5 {  padding-bottom: 2rem !important;}
.bg-primary.mb-5-5{margin-bottom: 2.5rem !important;}
.bg-primary.pt-6 {  padding-top: 2rem !important;}
.bg-primary.pt-5 { padding-top: 2rem !important;}

.five-reasons-box p {   font-size: 14px;    overflow: hidden;  margin-bottom: 0;}
.bg-white.pt-5 { padding-top: 2rem !important;}
.bg-white.pb-5 {padding-bottom: 2rem !important;}
.bg-white.mb-5-5 {  margin-bottom: 2.5rem !important;}

.card-body .pt-3 {  padding-top: 0.5rem !important;}
.card-item .card-body { padding-bottom: 0.8rem;}
/*.card-item .card-title {height: unset;}*/
.icon-section p {  margin-bottom: 0px;}
.icon-section .mb-4 {   margin-bottom: 0.8rem !important;}
.icon-section img {   width: 55px;}
.client-section h3{font-size: 1.3rem;   line-height: 1.5;}

.counter h4 { line-height: 30px;    margin-bottom: 30px;}
.join-course-img img{width:100%;}

.action-area { padding: 0px 0px !important; }

.enroll-ad h4 { width: 100%;    line-height: 36px;}
.enroll-ad {background: unset;}
.enroll-btn {  font-size: 15px;   padding: 8px 30px;}

.home-blog-mg{height: 190px !important;  } 
.blog-section h4 {   height: unset;}
.blog-section h6 { margin-bottom:0.5rem !important;}

.view-more {font-size: 14px;    padding: 8px 30px;}

.home-blog .mt-3 {  margin-top: 0rem !important;}

.footer-bg.pt-6 {  padding-top: 2rem !important;}
.footer-links .col-lg-3{margin-bottom:15px;}
.copyrights.mt-5{ margin-top: 1rem !important;}
/*.copyrights p {  padding-top: 0px;}*/

/*=====================================================================*/
.login-section-wrapper {padding: 30px 26px !important;}

.login-wrapper.my-auto {margin-top: 20px!important;}

.course-details-banner.pb-6 {  padding-bottom: 2rem !important;}
.course-details-banner.pt-4 {  padding-top: 0.5rem !important;}
.course-details-rating li { margin-right: 10px; padding-right: 10px;padding-bottom: 2px;}
.course-details-text.mt-6{  margin-top: 0.5rem !important;}
.course-details-text ul li {width: 100%;margin-right: 0%;}

.promotions-right {  width: 22%;}
.promotions-left {  width: 77%;}
.enroll-box {  margin-top: 0px;}
.sticky-part {  position: relative;   top: 0px;}
.course-details-section .mb-6 {   margin-bottom: 4rem !important;}
.trending-courses h3 {   line-height: 2rem;}
.popup .enroll-box .enroll-btn-1.mb-3{margin-bottom:0px !important;}
.my-learing-menu ul li {margin-right: 45px;   margin-bottom: 17px;}
.my-learing-menu ul li a { font-size: 14px;}
.filters ul li {width: 32%; margin-right: 1%; margin-bottom: 10px;}
.filters ul li p { font-size: 14px; margin-bottom: 5px;}
.my-lern-right .top-margin-0{margin-top:0 !important;}
.my-learing-section .row.mb-5 {margin-bottom: 1rem !important;}
.my-learning-banner.pb-4 {padding-bottom: 0.5rem !important;}
.my-learning-banner.pt-4 {padding-top: 0.5rem !important;}
.my-learing-menu ul {float: left;}

.cart-col-img {width: 40%; margin-right: 2%; height: 150px;}
.cart-col-text {width: 58%;}
.cart-col-price {width: 57%;  flex-direction: row; align-items: center; justify-content: space-between;}
.promotions-box.mt-4{margin-top :0.5rem !important;}
.my-learing-section.pt-5 {padding-top: 3rem !important;}
.mobile-notifications .ms-5 {  margin-left: 0rem !important;}
.notification-box p {padding-left: 45px;}
.account-setting-left {  width: 90%;}
.account-setting-icon i {  padding: 6px 13px 6px 13px;   margin-left: -3px;}
.close-account.pt-5 {   padding-top: 3rem !important;}
.close-account.pb-6 {  padding-bottom: 3rem !important;}
.mobile-notifications input {  margin-bottom: 20px;   width: 100%;}
.account-setting.pt-5 {   padding-top: 3rem !important;}
.account-setting.pb-6 {  padding-bottom: 3rem !important;}
#progressbar li {  font-size: 13px;}

.edit-profile-right img{  width:100%;}
.edit-profile-page .card.pt-4{padding-top: 0rem !important;}
#msform input, #msform select, #msform textarea {   margin-bottom: 15px;}
.notifications-box {padding-left: 15px !important;}

.banner-text {  top: 0px}
.banner-text h1 {  font-size: 26px; line-height: 42px;    margin-bottom: 16px;}
.banner-text p {font-size: 14px;line-height: 30px;}
.banner-section {
        background: #fff url(../images/banner-bg-1-11.png) no-repeat scroll right top;
    height: 44vh;
    background-size: 51%;
}
.how-to-begin-box {  width: 100%;}
.question-box {  width: 100%;    margin-right: 0%; margin-bottom:15px;}
.tutor-right-image{}
.tutor-right-image img{width:100%;margin:0 !important;}
.become-inner-btn.mt-6{margin-top:10px !important;}
.how-to-begin h2.mb-6{   margin-bottom: 1rem !important;}
.how-to-begin h4.mt-6{   margin-top: 1rem !important;}
.how-to-begin-box .row.mt-5{margin-top: 0rem !important;}
.how-to-begin-box  h4.pt-4 {padding-top: 0.5rem !important;}
.section-br {   padding: 20px 0px 50px;}

.edit-profile-page .col-lg-7.mt-3 {  margin-top: 0rem !important;}

.temp-styling-left.chat-left {  width: 48%; margin-bottom:15px;}
.temp-chat-right { width: 50%;  float: left;}
.temp-styling-right.chat-right .footer {padding: 10px 10px;    height: 75px;}
/*.nav-tabs > li {width: 50%;}*/
.nav-tabs > li button{width: 100%; padding: 10px 25px;}
.inner-course-container {   padding: 10px;}
.overviewlist-inlineli li {  margin-right: 10px;font-size: 1rem;    margin-bottom: 10px;}
.course-content-main table tr { display: table-row !important;}
.course-content-main table td { display: table-cell !important; text-align: left !important;}
.course-content-main .fs-6 {font-size: 1.2rem !important;    margin-bottom: 10px;}
.featured-instructor img{width:4.4rem; height:4.4rem;}
.course-overview-grid-row {  padding: 1.4rem 0 0.9rem;}
/*.course-header-title {display:none;}*/
.header-row {  gap: 1rem;}
.header-right-btns .border-btn {font-size: 14px;padding: 6px 20px;   margin-right: 5px;}
.header-right-btns .btn {   font-size: 14px;}
.header-right-btns {flex-wrap: nowrap;    justify-content: flex-end;    align-items: center;}
.header-progress{margin-right:4px !important;}
.header-progress .dropdown-menu {   left: unset;    right: 0;}
.tab-qa-filters { padding: 10px;}
/*.average-rating {   width: 100%;}*/
.average-rating h2 {font-size: 44px;}
.average-rating p {   margin-bottom: 10px;}
.progress-1, .progress-2, .progress-3, .progress-4, .progress-5 {   height: 15px;    width: 85%;}
.start-part {       text-align: left;}
/*.user-img-part {width: 100%;}*/
.user-text p{margin-bottom:4px;}
.start-part span {   font-size: 14px;   margin-left: 8px;}
.start-part i {   font-size: 14px !important;}
.comment { width: 58%;    padding-left: 10px;}
.user-img-part {
    width: 42%;
    float: left;
}
.blog-details .article {padding: 20px;}
.blog-details .meta-top ul {gap: 6px;}
.comment-form form {margin-top: 15px;    padding: 20px;}
.widgets-container {padding: 20px;}

.instructor-page.mt-5{    margin-top: 2rem !important;}
.how-to-begin.mt-7 {  margin-top: 2rem !important;}
.how-to-begin .mt-7 {  margin-top: 2rem !important;}
.how-to-begin.mb-6 {  margin-bottom: 2rem !important;}
.edit-course-right img{width:100%;}
.edit-course-page.slidermar9{margin-top: 3rem !important;}

.edit-course-left.mt-3 { margin-top: 0rem !important;}
.creat-course-rightside {    padding: 20px;}
.upload-btns i{display:block;}
.update-course-right img{ width:100%; }
.recent-posts-widget .post-item img {   width: 50px;height: 55px;}
.recent-posts-widget .post-item h4 {font-size: 14px;    font-weight: 500;}

.footer-links h4{
    font-size:16px;
}
}



@media only screen and (min-width: 640px) and (max-width: 767px){
 #logo{ width: 150px;  background-size: 100%; height: 55px; min-height: 60px;   }
 .top_section {height: 70px}
 .navbar-header{display:block !important;}
.top-header-block { height: 70px;}
 
.dt-menu-list{display:none !important}
.mobile-menu{display:block !important} 

 .dt-header-btn {display:none; }
 .mobile-header-btn {display:block; } 
 
.dt-search{display:none; }
.mobile-search{display:block}  

.mobile-search  .dropdown-menu{left:unset; right:-50px; width:300px;padding: 10px;  height: 70px;} 
.mobile-search .me-2 { margin-right: 0rem !important;}

.mobile-header-btn .dropdown-menu{left:unset; right:0; width:260px;padding: 10px; } 
.mobile-header-btn .dropdown-menu > li > a {padding: 6px 20px;   color: #000;   font-size: 16px;    font-weight: 600;}

.ms-view, .ms-mask-frame, .ms-slide, .ms-view img{ height:130px !important; object-fit:cover; object-position:top left; }
.ms-view img{ margin-top:0 !important; }    
.header-login {    position: absolute;top: 14px;    right: 2px;}
.top-header-block .col-lg-4{width:unset;  }
.top-header-block .col-lg-4.mt-3-5{margin-top:0 !important;}
.top-header-block .row{height:70px;}

.mobile-browse-cat{  display:block;}
.mobile-browse-block{  display:block;}

.navbar-header-link{ display:block;}
.slidermar9 {  margin-top: 120px;}
/*===================================================  */
.top-categories-icon {   width: 50px;  height: 50px;}
.top-categories-icon img{ width: 32px;}
.top-categories-box.mb-4-5 { margin-bottom: 0.8rem !important;}


.abroad_banner-img{display:none;}
.abroad_banner {grid-gap: 20px;  gap: 20px;   margin-left: 0;   flex-direction: column; align-items: flex-start;}
.abroad_banner__title {  font-size: 18px;  line-height: 30px;   margin-top: 4px;}
.abroad_banner__subtitle {    font-size: 14px;  line-height: 24px;    margin-top: 10px; margin-bottom: 0;}
.abroad_banner__cta { padding: 8px 22px;font-size: 14px;margin-top: 0px;}

.single-feature {  padding: 20px 20px;}

.slick-prev { left: -10px !important;}
.slick-next {  right: -10px !important;}
.slick-prev, .slick-next {   z-index: 9;}

.variable.mt-7{ margin-top: 2rem !important;}
.variable .slick-slide img {padding-left:0px;}

.bg-white.pt-6 {  padding-top: 2rem !important;}
.bg-primary .col-lg-9 .col-lg-3{width:50%;}
.bg-primary.pb-5 {  padding-bottom: 2rem !important;}
.bg-primary.mb-5-5{margin-bottom: 2.5rem !important;}
.bg-primary.pt-6 {  padding-top: 2rem !important;}
.bg-primary.pt-5 { padding-top: 2rem !important;}

.five-reasons-box p {   font-size: 14px;    overflow: hidden;  margin-bottom: 0;}
.bg-white.pt-5 { padding-top: 2rem !important;}
.bg-white.pb-5 {padding-bottom: 2rem !important;}
.bg-white.mb-5-5 {  margin-bottom: 2.5rem !important;}

.card-body .pt-3 {  padding-top: 0.5rem !important;}
.card-item .card-body { padding-bottom: 0.8rem;}
.card-item .card-title {height: unset;}
.icon-section p {  margin-bottom: 0px;}
.icon-section .mb-4 {   margin-bottom: 0.8rem !important;}
.icon-section img {   width: 55px;}
.client-section h3{font-size: 1.3rem;   line-height: 1.5;}

.counter h4 { line-height: 30px;    margin-bottom: 20px;}
.join-course-img img{width:100%;}

.action-area { padding: 0px 0px !important; }

.enroll-ad h4 { width: 100%;    line-height: 36px;}
.enroll-ad {background: unset;}
.enroll-btn {  font-size: 15px;   padding: 8px 30px;}

.home-blog-mg{height: 190px !important;  } 
.blog-section h4 {   height: unset;}
.blog-section h6 { margin-bottom:0.5rem !important;}

.view-more {font-size: 14px;    padding: 8px 30px;}

.home-blog .mt-3 {  margin-top: 0rem !important;}

.footer-bg.pt-6 {  padding-top: 2rem !important;}
.footer-links .col-lg-3{margin-bottom:15px;}
.copyrights.mt-5{ margin-top: 1rem !important;}
.copyrights p {  padding-top: 0px;}

/*=====================================================================*/
.login-section-wrapper {padding: 30px 26px !important;}


.course-details-banner.pb-6 {  padding-bottom: 2rem !important;}
.course-details-banner.pt-4 {  padding-top: 0.5rem !important;}
.course-details-rating li { margin-right: 10px; padding-right: 10px;padding-bottom: 2px;}
.course-details-text.mt-6{  margin-top: 0.5rem !important;}
.course-details-text ul li {width: 100%;margin-right: 0%;}

.promotions-right {  width: 22%;}
.promotions-left {  width: 77%;}
.enroll-box {  margin-top: 0px;}
.sticky-part {  position: relative;   top: 0px;}
.course-details-section .mb-6 {   margin-bottom: 4rem !important;}
.trending-courses h3 {   line-height: 2rem;}
.popup .enroll-box .enroll-btn-1.mb-3{margin-bottom:0px !important;}
.my-learing-menu ul li {margin-right: 30px;   margin-bottom: 17px;}
.my-learing-menu ul li a { font-size: 14px;}
.filters ul li {width: 49%;    margin-right: 1%;     margin-bottom: 10px;}
.filters ul li p {   font-size: 14px;   margin-bottom: 5px;}
.my-lern-right .top-margin-0{margin-top:0 !important;}
.my-learing-section .row.mb-5 {    margin-bottom: 1rem !important;}
.my-learning-banner.pb-4 {    padding-bottom: 0.5rem !important;}
.my-learning-banner.pt-4 {   padding-top: 0.5rem !important;}
.my-learing-menu ul {   float: left;}

.cart-col-img {   width: 100%; margin-right: 0%; height: 170px; margin-bottom: 15px;}
.cart-col-text {width: 100%;}
.cart-col-price {   width: 100%; flex-direction: row; align-items: center; justify-content: space-between;}
.promotions-box.mt-4{margin-top :0.5rem !important;}
.my-learing-section.pt-5 {padding-top: 2rem !important;}
.mobile-notifications .ms-5 {margin-left: 0rem !important;}
.notification-box p {  padding-left: 45px;}
.account-setting-left {  width: 85%;}
.account-setting-icon i {  padding: 6px 13px 6px 13px;   margin-left: -3px;}
.close-account.pt-5 {   padding-top: 2rem !important;}
.close-account.pb-6 {  padding-bottom: 3rem !important;}
.mobile-notifications input {  margin-bottom: 20px;   width: 100%;}
.account-setting.pt-5 {   padding-top: 2rem !important;}
.account-setting.pb-6 {  padding-bottom: 3rem !important;}
#progressbar li {  font-size: 13px;}

.edit-profile-right img{margin:0 !important;  width:100%;}
.edit-profile-page .card.pt-4{padding-top: 0rem !important;}
#msform input, #msform select, #msform textarea {   margin-bottom: 15px;}
.notifications-box {padding-left: 15px !important;}

.banner-text {  top: 0px}
.banner-text h1 {  font-size: 26px; width: 100%;line-height: 42px;    margin-bottom: 16px;}
.banner-text p {font-size: 14px;width: 100%;line-height: 30px;}
.banner-section {
    background: #fff url(../images/banner-bg-1-11.png) no-repeat scroll left bottom;
    height: 90vh;
    background-size: 100%;
}
.how-to-begin-box {  width: 100%;}
.question-box {  width: 100%;    margin-right: 0%; margin-bottom:15px;}
.tutor-right-image{}
.tutor-right-image img{width:100%;margin:0 !important;}
.become-inner-btn.mt-6{margin-top:10px !important;}
.how-to-begin h2.mb-6{   margin-bottom: 1rem !important;}
.how-to-begin h4.mt-6{   margin-top: 1rem !important;}
.how-to-begin-box .row.mt-5{margin-top: 0rem !important;}
.how-to-begin-box  h4.pt-4 {padding-top: 0.5rem !important;}
.section-br {   padding: 20px 0px 50px;}
.trending-courses.pb-4{padding-bottom: 0rem !important;}
.edit-profile-page .col-lg-7.mt-3 {  margin-top: 0rem !important;}

.temp-styling-left.chat-left {  width: 100%;margin-right: 0%; margin-bottom:15px;}
.temp-chat-right { width: 100%;  float: left;}
.temp-styling-right.chat-right .footer {padding: 10px 10px;    height: 75px;}
.nav-tabs > li {width: 50%;}
.nav-tabs > li button{width: 100%; padding: 10px 15px;}
.inner-course-container {   padding: 10px;}
.overviewlist-inlineli li {  margin-right: 10px;font-size: 1rem;    margin-bottom: 10px; width: 47%;}
.course-content-main table tr { display: table-row !important;}
.course-content-main table td { display: table-cell !important; text-align: left !important;}
.course-content-main .fs-6 {font-size: 1.2rem !important;    margin-bottom: 10px;}
.featured-instructor img{width:4.4rem; height:4.4rem;}
.course-overview-grid-row {  padding: 1.4rem 0 0.9rem;}
.course-header-title {display:none;}
.header-row {  gap: 1rem;}
.header-right-btns .border-btn {font-size: 14px;padding: 6px 20px;   margin-right: 5px;}
.header-right-btns .btn {   font-size: 14px;}
.header-right-btns {flex-wrap: nowrap;    justify-content: flex-end;    align-items: center;}
.header-progress{margin-right:4px !important;}
.header-progress .dropdown-menu {   left: unset;    right: 0;}
.tab-qa-filters { padding: 10px;}
.average-rating {   width: 100%;}
.average-rating h2 {font-size: 28px;}
.average-rating p {   margin-bottom: 10px;}
.progress-1, .progress-2, .progress-3, .progress-4, .progress-5 {   height: 15px;    width: 85%;}
.start-part {   width: 60%;    text-align: left;}
.user-img-part {width: 100%;}
.user-text p{margin-bottom:4px;}
.start-part span {   font-size: 14px;   margin-left: 8px;}
.start-part i {   font-size: 14px !important;}
.comment { width: 72%;    padding-left: 0px;}

.blog-details .article {padding: 20px;}
.blog-details .meta-top ul {gap: 6px;}
.comment-form form {margin-top: 15px;    padding: 20px;}
.widgets-container {padding: 20px;}

.instructor-page.mt-5{    margin-top: 2rem !important;}
.how-to-begin.mt-7 {  margin-top: 2rem !important;}
.how-to-begin .mt-7 {  margin-top: 2rem !important;}
.how-to-begin.mb-6 {  margin-bottom: 2rem !important;}
.edit-course-right img{width:100%; margin-top : 20px !important;}
.edit-course-page.slidermar9{margin-top: 3rem !important;}

.edit-course-left.mt-3 { margin-top: 0rem !important;}
.creat-course-rightside {    padding: 20px;}
.upload-btns i{display:block;}
.update-course-right img{ width:100%; margin-top:10px !important;}


}




@media only screen and (min-width: 480px) and (max-width: 639px){
  #logo{ width: 150px;  background-size: 100%; height: 55px; min-height: 60px;   }
 .top_section {height: 70px}
 .navbar-header{display:block !important;}
.top-header-block { height: 70px;}
 
.dt-menu-list{display:none !important}
.mobile-menu{display:block !important} 

 .dt-header-btn {display:none; }
 .mobile-header-btn {display:block; } 
 
.dt-search{display:none; }
.mobile-search{display:block}  

.mobile-search  .dropdown-menu{left:unset; right:-50px; width:300px;padding: 10px;  height: 70px;} 
.mobile-search .me-2 { margin-right: 0rem !important;}

.mobile-header-btn .dropdown-menu{left:unset; right:0; width:260px;padding: 10px; } 
.mobile-header-btn .dropdown-menu > li > a {padding: 6px 20px;   color: #000;   font-size: 16px;    font-weight: 600;}

.ms-view, .ms-mask-frame, .ms-slide, .ms-view img{ height:130px !important; object-fit:cover; object-position:top left; }
.ms-view img{ margin-top:0 !important; }    
.header-login {    position: absolute;top: 14px;    right: 2px;}
.top-header-block .col-lg-4{width:unset;  }
.top-header-block .col-lg-4.mt-3-5{margin-top:0 !important;}
.top-header-block .row{height:70px;}

.mobile-browse-cat{  display:block;}
.mobile-browse-block{  display:block;}

.navbar-header-link{ display:block;}
.slidermar9 {  margin-top: 120px;}
/*===================================================  */
.top-categories-icon {   width: 50px;  height: 50px;}
.top-categories-icon img{ width: 32px;}
.top-categories-box.mb-4-5 { margin-bottom: 0.8rem !important;}


.abroad_banner-img{display:none;}
.abroad_banner {grid-gap: 20px;  gap: 20px;   margin-left: 0;   flex-direction: column; align-items: flex-start;}
.abroad_banner__title {  font-size: 18px;  line-height: 30px;   margin-top: 4px;}
.abroad_banner__subtitle {    font-size: 14px;  line-height: 24px;    margin-top: 10px; margin-bottom: 0;}
.abroad_banner__cta { padding: 8px 22px;font-size: 14px;margin-top: 0px;}

.single-feature {  padding: 20px 20px;}

.slick-prev { left: -10px !important;}
.slick-next {  right: -10px !important;}
.slick-prev, .slick-next {   z-index: 9;}

.variable.mt-7{ margin-top: 2rem !important;}
.variable .slick-slide img {padding-left:0px;}

.bg-white.pt-6 {  padding-top: 2rem !important;}
.bg-primary .col-lg-9 .col-lg-3{width:50%;}
.bg-primary.pb-5 {  padding-bottom: 2rem !important;}
.bg-primary.mb-5-5{margin-bottom: 2.5rem !important;}
.bg-primary.pt-6 {  padding-top: 2rem !important;}
.bg-primary.pt-5 { padding-top: 2rem !important;}

.five-reasons-box p {   font-size: 14px;    overflow: hidden;  margin-bottom: 0;}
.bg-white.pt-5 { padding-top: 2rem !important;}
.bg-white.pb-5 {padding-bottom: 2rem !important;}
.bg-white.mb-5-5 {  margin-bottom: 2.5rem !important;}

.card-body .pt-3 {  padding-top: 0.5rem !important;}
.card-item .card-body { padding-bottom: 0.8rem;}
.card-item .card-title {height: unset;}
.icon-section p {  margin-bottom: 0px;}
.icon-section .mb-4 {   margin-bottom: 0.8rem !important;}
.icon-section img {   width: 55px;}
.client-section h3{font-size: 1.3rem;   line-height: 1.5;}

.counter h4 { line-height: 30px;    margin-bottom: 20px;}
.join-course-img img{width:100%;}

.action-area { padding: 0px 0px !important; }

.enroll-ad h4 { width: 100%;    line-height: 36px;}
.enroll-ad {background: unset;}
.enroll-btn {  font-size: 15px;   padding: 8px 30px;}

.home-blog-mg{height: 190px !important;  } 
.blog-section h4 {   height: unset;}
.blog-section h6 { margin-bottom:0.5rem !important;}

.view-more {font-size: 14px;    padding: 8px 30px;}

.home-blog .mt-3 {  margin-top: 0rem !important;}

.footer-bg.pt-6 {  padding-top: 2rem !important;}
.footer-links .col-lg-3{margin-bottom:15px;}
.copyrights.mt-5{ margin-top: 1rem !important;}
.copyrights p {  padding-top: 0px;}

/*=====================================================================*/
.login-section-wrapper {padding: 30px 26px !important;}


.course-details-banner.pb-6 {  padding-bottom: 2rem !important;}
.course-details-banner.pt-4 {  padding-top: 0.5rem !important;}
.course-details-rating li { margin-right: 10px; padding-right: 10px;padding-bottom: 2px;}
.course-details-text.mt-6{  margin-top: 0.5rem !important;}
.course-details-text ul li {width: 100%;margin-right: 0%;}

.promotions-right {  width: 22%;}
.promotions-left {  width: 77%;}
.enroll-box {  margin-top: 0px;}
.sticky-part {  position: relative;   top: 0px;}
.course-details-section .mb-6 {   margin-bottom: 4rem !important;}
.trending-courses h3 {   line-height: 2rem;}
.popup .enroll-box .enroll-btn-1.mb-3{margin-bottom:0px !important;}
.my-learing-menu ul li {margin-right: 30px;   margin-bottom: 17px;}
.my-learing-menu ul li a { font-size: 14px;}
.filters ul li {width: 49%;    margin-right: 1%;     margin-bottom: 10px;}
.filters ul li p {   font-size: 14px;   margin-bottom: 5px;}
.my-lern-right .top-margin-0{margin-top:0 !important;}
.my-learing-section .row.mb-5 {    margin-bottom: 1rem !important;}
.my-learning-banner.pb-4 {    padding-bottom: 0.5rem !important;}
.my-learning-banner.pt-4 {   padding-top: 0.5rem !important;}
.my-learing-menu ul {   float: left;}

.cart-col-img {   width: 100%;    margin-right: 0%;   height: 170px; margin-bottom: 15px;}
.cart-col-text {width: 100%;}
.cart-col-price {   width: 100%;    flex-direction: row;    align-items: center;    justify-content: space-between;}
.promotions-box.mt-4{margin-top :0.5rem !important;}
.my-learing-section.pt-5 {   padding-top: 2rem !important;}
.mobile-notifications .ms-5 {  margin-left: 0rem !important;}
.notification-box p {  padding-left: 45px;}
.account-setting-left {  width: 85%;}
.account-setting-icon i {  padding: 6px 13px 6px 13px;   margin-left: -3px;}
.close-account.pt-5 {   padding-top: 2rem !important;}
.close-account.pb-6 {  padding-bottom: 3rem !important;}
.mobile-notifications input {  margin-bottom: 20px;   width: 100%;}
.account-setting.pt-5 {   padding-top: 2rem !important;}
.account-setting.pb-6 {  padding-bottom: 3rem !important;}
#progressbar li {  font-size: 13px;}

.edit-profile-right img{margin:0 !important;  width:100%;}
.edit-profile-page .card.pt-4{padding-top: 0rem !important;}
#msform input, #msform select, #msform textarea {   margin-bottom: 15px;}
.notifications-box {padding-left: 15px !important;}

.banner-text {  top: 0px}
.banner-text h1 {  font-size: 26px; width: 100%;line-height: 42px;    margin-bottom: 16px;}
.banner-text p {font-size: 14px;width: 100%;line-height: 30px;}
.banner-section {
    background: #fff url(../images/banner-bg-1-11.png) no-repeat scroll left bottom;
    height: 90vh;
    background-size: 100%;
}
.how-to-begin-box {  width: 100%;}
.question-box {  width: 100%;    margin-right: 0%; margin-bottom:15px;}
.tutor-right-image{}
.tutor-right-image img{width:100%;margin:0 !important;}
.become-inner-btn.mt-6{margin-top:10px !important;}
.how-to-begin h2.mb-6{   margin-bottom: 1rem !important;}
.how-to-begin h4.mt-6{   margin-top: 1rem !important;}
.how-to-begin-box .row.mt-5{margin-top: 0rem !important;}
.how-to-begin-box  h4.pt-4 {padding-top: 0.5rem !important;}
.section-br {   padding: 20px 0px 50px;}
.trending-courses.pb-4{padding-bottom: 0rem !important;}
.edit-profile-page .col-lg-7.mt-3 {  margin-top: 0rem !important;}

.temp-styling-left.chat-left {  width: 100%;margin-right: 0%; margin-bottom:15px;}
.temp-chat-right { width: 100%;  float: left;}
.temp-styling-right.chat-right .footer {padding: 10px 10px;    height: 75px;}
.nav-tabs > li {width: 50%;}
.nav-tabs > li button{width: 100%; padding: 10px 15px;}
.inner-course-container {   padding: 10px;}
.overviewlist-inlineli li {  margin-right: 10px;font-size: 1rem;    margin-bottom: 10px; width: 47%;}
.course-content-main table tr { display: table-row !important;}
.course-content-main table td { display: table-cell !important; text-align: left !important;}
.course-content-main .fs-6 {font-size: 1.2rem !important;    margin-bottom: 10px;}
.featured-instructor img{width:4.4rem; height:4.4rem;}
.course-overview-grid-row {  padding: 1.4rem 0 0.9rem;}
.course-header-title {display:none;}
.header-row {  gap: 1rem;}
.header-right-btns .border-btn {font-size: 14px;padding: 6px 20px;   margin-right: 5px;}
.header-right-btns .btn {   font-size: 14px;}
.header-right-btns {flex-wrap: nowrap;    justify-content: flex-end;    align-items: center;}
.header-progress{margin-right:4px !important;}
.header-progress .dropdown-menu {   left: unset;    right: 0;}
.tab-qa-filters { padding: 10px;}
.average-rating {   width: 100%;}
.average-rating h2 {font-size: 28px;}
.average-rating p {   margin-bottom: 10px;}
.progress-1, .progress-2, .progress-3, .progress-4, .progress-5 {   height: 15px;    width: 85%;}
.start-part {   width: 60%;    text-align: left;}
.user-img-part {width: 100%;}
.user-text p{margin-bottom:4px;}
.start-part span {   font-size: 14px;   margin-left: 8px;}
.start-part i {   font-size: 14px !important;}
.comment { width: 72%;    padding-left: 0px;}

.blog-details .article {padding: 20px;}
.blog-details .meta-top ul {gap: 6px;}
.comment-form form {margin-top: 15px;    padding: 20px;}
.widgets-container {padding: 20px;}

.instructor-page.mt-5{    margin-top: 2rem !important;}
.how-to-begin.mt-7 {  margin-top: 2rem !important;}
.how-to-begin .mt-7 {  margin-top: 2rem !important;}
.how-to-begin.mb-6 {  margin-bottom: 2rem !important;}
.edit-course-right img{width:100%; margin-top : 20px !important;}
.edit-course-page.slidermar9{margin-top: 3rem !important;}

.edit-course-left.mt-3 { margin-top: 0rem !important;}
.creat-course-rightside {    padding: 20px;}
.upload-btns i{display:block;}
.update-course-right img{ width:100%; margin-top:10px !important;}

.my-learning-course img{
    height:225px;
}
}

@media only screen and (max-width: 992px){
   .scrollup{bottom:80px;} 
   .upload-img{
       height:190px!important;
   }
}


@media only screen and (max-width: 479px){
  #logo{ width: 150px;  background-size: 100%; height: 55px; min-height: 60px;   }
 .top_section {height: 70px}
 .navbar-header{display:block !important;}
.top-header-block { height: 70px;}
 
.dt-menu-list{display:none !important}
.mobile-menu{display:block !important} 

 .dt-header-btn {display:none; }
 .mobile-header-btn {display:block; } 
 
.dt-search{display:none; }
.mobile-search{display:block}  

.mobile-search  .dropdown-menu{left:unset; right:-50px; width:300px;padding: 10px;  height: 70px;} 
.mobile-search .me-2 { margin-right: 0rem !important;}

.mobile-header-btn .dropdown-menu{left:unset; right:0; width:260px;padding: 10px; } 
.mobile-header-btn .dropdown-menu > li > a {padding: 6px 20px;   color: #000;   font-size: 16px;    font-weight: 600;}

.ms-view, .ms-mask-frame, .ms-slide, .ms-view img{ height:130px !important; object-fit:cover; object-position:top left; }
.ms-view img{ margin-top:0 !important; }    
.header-login {    position: absolute;top: 14px;    right: 2px;}
.top-header-block .col-lg-4{width:unset;  }
.top-header-block .col-lg-4.mt-3-5{margin-top:0 !important;}
.top-header-block .row{height:70px;}


.mobile-browse-cat{  display:block;}
.mobile-browse-block{  display:block;}

.navbar-header-link{ display:block;}
.slidermar9 {  margin-top: 120px;}
/*===================================================  */
.top-categories-icon {   width: 50px;  height: 50px;}
.top-categories-icon img{ width: 32px;}
.top-categories-box.mb-4-5 { margin-bottom: 0.8rem !important;}

.abroad_banner-img{display:none;}
.abroad_banner {grid-gap: 20px;  gap: 20px;   margin-left: 0;   flex-direction: column; align-items: flex-start;}
.abroad_banner__title {  font-size: 18px;  line-height: 30px;   margin-top: 4px;}
.abroad_banner__subtitle {    font-size: 14px;  line-height: 24px;    margin-top: 10px; margin-bottom: 0;}
.abroad_banner__cta { padding: 8px 22px;font-size: 14px;margin-top: 0px;}

.single-feature {  padding: 20px 20px;}

.slick-prev { left: -10px !important;}
.slick-next {  right: -10px !important;}
.slick-prev, .slick-next {   z-index: 9;}

.variable.mt-7{ margin-top: 2rem !important;}
.variable .slick-slide img {padding-left:0px;}

.bg-white.pt-6 {  padding-top: 2rem !important;}
.bg-primary .col-lg-9 .col-lg-3{width:50%;}
.bg-primary.pb-5 {  padding-bottom: 2rem !important;}
.bg-primary.mb-5-5{margin-bottom: 2.5rem !important;}
.bg-primary.pt-6 {  padding-top: 2rem !important;}
.bg-primary.pt-5 { padding-top: 2rem !important;}

.five-reasons-box p {   font-size: 14px;    overflow: hidden;  margin-bottom: 0;}
.bg-white.pt-5 { padding-top: 2rem !important;}
.bg-white.pb-5 {padding-bottom: 2rem !important;}
.bg-white.mb-5-5 {  margin-bottom: 2.5rem !important;}

.card-body .pt-3 {  padding-top: 0.5rem !important;}
.card-item .card-body { padding-bottom: 0.8rem;}
.card-item .card-title {height: unset;}
.icon-section p {  margin-bottom: 0px;}
.icon-section .mb-4 {   margin-bottom: 0.8rem !important;}
.icon-section img {   width: 55px;}
.client-section h3{font-size: 1.3rem;   line-height: 1.5;}

.counter h4 { line-height: 30px;    margin-bottom: 20px;}
.join-course-img img{width:100%;}

.action-area { padding: 0px 0px !important; }

.enroll-ad h4 { width: 100%;    line-height: 36px;}
.enroll-ad {background: unset;}
.enroll-btn {  font-size: 15px;   padding: 8px 30px;}

.home-blog-mg{height: 190px !important;  } 
.blog-section h4 {   height: unset;}
.blog-section h6 { margin-bottom:0.5rem !important;}

.view-more {font-size: 14px;    padding: 8px 30px;}

.home-blog .mt-3 {  margin-top: 0rem !important;}

.footer-bg.pt-6 {  padding-top: 2rem !important;}
.footer-links .col-lg-3{margin-bottom:15px;}
.copyrights.mt-5{ margin-top: 1rem !important;}
/*.copyrights p {  padding-top: 0px;}*/

/*=====================================================================*/
.login-section-wrapper {padding: 30px 26px !important;}



.course-details-banner.pb-6 {  padding-bottom: 2rem !important;}
.course-details-banner.pt-4 {  padding-top: 0.5rem !important;}
.course-details-rating li { margin-right: 10px; padding-right: 10px;padding-bottom: 2px;}
.course-details-text.mt-6{  margin-top: 0.5rem !important;}
.course-details-text ul li {width: 100%;margin-right: 0%;}

.promotions-right {  width: 22%;}
.promotions-left {  width: 77%;}
.enroll-box {  margin-top: 0px;}
.sticky-part {  position: relative;   top: 0px;}
.course-details-section .mb-6 {   margin-bottom: 4rem !important;}
.trending-courses h3 {   line-height: 2rem;}
.popup .enroll-box .enroll-btn-1.mb-3{margin-bottom:0px !important;}
.my-learing-menu ul li {margin-right: 19px;   margin-bottom: 17px;} 
.my-learing-menu ul li a { font-size: 14px;}
.filters ul li {width: 49%;    margin-right: 1%;     margin-bottom: 10px;}
.filters ul li p {   font-size: 14px;   margin-bottom: 5px;}
.my-lern-right .top-margin-0{margin-top:0 !important;}
.my-learing-section .row.mb-5 {    margin-bottom: 1rem !important;}
.my-learning-banner.pb-4 {    padding-bottom: 0.5rem !important;}
.my-learning-banner.pt-4 {   padding-top: 0.5rem !important;}
.my-learing-menu ul {   float: left;}

.cart-col-img {   width: 100%;    margin-right: 0%;   height: 170px; margin-bottom: 15px;}
.cart-col-text {width: 100%;}
.cart-col-price {   width: 100%;    flex-direction: row;    align-items: center;    justify-content: space-between;}
.promotions-box.mt-4{margin-top :0.5rem !important;}
.my-learing-section.pt-5 {   padding-top: 2rem !important;}
.mobile-notifications .ms-5 {  margin-left: 0rem !important;}
.notification-box p {  padding-left: 45px;}
.account-setting-left {  width: 85%;}
.account-setting-icon i {  padding: 6px 13px 6px 13px;   margin-left: -3px;}
.close-account.pt-5 {   padding-top: 2rem !important;}
.close-account.pb-6 {  padding-bottom: 3rem !important;}
.mobile-notifications input {  margin-bottom: 20px;   width: 100%;}
.account-setting.pt-5 {   padding-top: 2rem !important;}
.account-setting.pb-6 {  padding-bottom: 3rem !important;}
#progressbar li {  font-size: 13px;}

.edit-profile-right img{margin:0 !important;  width:100%;}
.edit-profile-page .card.pt-4{padding-top: 0rem !important;}
#msform input, #msform select, #msform textarea {   margin-bottom: 15px;}
.notifications-box {padding-left: 15px !important;}

.banner-text {  top: 0px}
.banner-text h1 {  font-size: 26px; width: 100%;line-height: 42px;    margin-bottom: 16px;}
.banner-text p {font-size: 14px;width: 100%;line-height: 30px;}
.banner-section {
    background: #fff url(../images/banner-bg-1-11.png) no-repeat scroll left bottom;
    height: 90vh;
    background-size: 100%;
}
.how-to-begin-box {  width: 100%;}
.question-box {  width: 100%;    margin-right: 0%; margin-bottom:15px;}
.tutor-right-image{}
.tutor-right-image img{width:100%;margin:0 !important;}
.become-inner-btn.mt-6{margin-top:10px !important;}
.how-to-begin h2.mb-6{   margin-bottom: 1rem !important; margin-top: 50px;}
.how-to-begin h4.mt-6{   margin-top: 1rem !important;}
.how-to-begin-box .row.mt-5{margin-top: 0rem !important;}
.how-to-begin-box  h4.pt-4 {padding-top: 0.5rem !important;}
.section-br {   padding: 20px 0px 50px;}
.trending-courses.pb-4{padding-bottom: 0rem !important;}
.edit-profile-page .col-lg-7.mt-3 {  margin-top: 0rem !important;}

.temp-styling-left.chat-left {  width: 100%;margin-right: 0%; margin-bottom:15px;}
.temp-chat-right { width: 100%;  float: left;}
.temp-styling-right.chat-right .footer {padding: 10px 10px;    height: 75px;}
.nav-tabs > li {width: 50%;}
.nav-tabs > li button{width: 100%; padding: 10px 15px ; }
.inner-course-container {   padding: 10px;}
.overviewlist-inlineli li {  margin-right: 5px;font-size: 1rem;  margin-bottom: 10px;width: max-content; padding: 5px 6px;}
.overviewlist-inlineli li .pe-2 {   padding-right: 0.2rem !important;}
.overviewlist-inlineli li span{overflow:hidden}
.course-content-main table tr { display: table-row !important;}
.course-content-main table td { display: table-cell !important; text-align: left !important;}
.course-content-main .fs-6 {font-size: 1.2rem !important;    margin-bottom: 10px;}
.featured-instructor img{width:4.4rem; height:4.4rem;}
.course-overview-grid-row {  padding: 1.4rem 0 0.9rem;}
.course-header-title {display:none;}
.header-row {  gap: 1rem;}
.header-right-btns .border-btn {font-size: 14px;padding: 6px 5px;   margin-right: 5px;}
.header-right-btns .btn {   font-size: 14px;}
.header-right-btns {flex-wrap: nowrap;    justify-content: flex-end;    align-items: center;}
.header-progress{margin-right:4px !important;}
.header-progress .dropdown-menu {   left: unset;    right: 0;}
.tab-qa-filters { padding: 10px;}
.average-rating {   width: 100%;}
.average-rating h2 {font-size: 28px;}
.average-rating p {   margin-bottom: 10px;}
.progress-1, .progress-2, .progress-3, .progress-4, .progress-5 {   height: 15px;    width: 85%;}
.start-part {   width: 60%;    text-align: left;}
.user-img-part {width: 100%;}
.user-text p{margin-bottom:4px;}
.start-part span {   font-size: 14px;   margin-left: 8px;}
.start-part i {   font-size: 14px !important;}
.comment { width: 72%;    padding-left: 0px;}

/*.blog-details .article {padding: 20px;}*/
.blog-details .meta-top ul {gap: 6px;}
.comment-form form {margin-top: 15px;    padding: 20px;}
.widgets-container {padding: 20px;}

.instructor-page.mt-5{    margin-top: 2rem !important;}
.how-to-begin.mt-7 {  margin-top: 2rem !important;}
.how-to-begin .mt-7 {  margin-top: 2rem !important;}
.how-to-begin.mb-6 {  margin-bottom: 2rem !important;}
.edit-course-right img{width:100%; margin-top : 20px !important;}
.edit-course-page.slidermar9{margin-top: 3rem !important;}

.edit-course-left.mt-3 { margin-top: 0rem !important;}
.creat-course-rightside {    padding: 20px;}
.upload-btns i{display:block;}
.update-course-right img{ width:100%; margin-top:10px !important;}
.social-icons ul{
    display:flex;
    justify-content:start;
}
  .copyrights{
      display:block;
}
.copyrights p{
    font-size:12px;
    text-align:center;
}
.scrollup{bottom:15px;} 

.upload-btns{
    width:100%;
    margin-bottom:10px;
}
.upload_btns{
    display:block!important;
}
.tutor_img{
    margin-top:0;
    width:100%;
}
textarea{
    height:120px;
}
.upload-img{
    height:200px!important;
}
.my-learning-course img{height:184px;
}

.st-accordion-four ul li > a span{
    top:26%!important;
}
/*.st-accordion-four ul li{*/
/*    height:50px!important;*/
/*}*/

}
@media only screen and (max-width: 380px){
    .nodata_found{
        font-size:18px;
    }
}