html.custom-popup {
z-index: 10010;
}html .custom-popup {
z-index: 1011100;
}
.with-fancybox header,.fancybox-active .footer-menu,.with-fancybox .footer-menu { z-index:-1; }
.mob-search {
display: flex;
background: #fff;
border: 0;
line-height: 60px;
text-align: left;
padding-left: 20px;
align-items: center;
padding-right: 121px !important;
max-width: 400px;
position: relative;
width: 100%;
}.mob-search span {
display: inline-flex;
position: absolute;
right: 7px;
height: 50px;
background: var(--secondaryColor);
align-items: center;
justify-content: center;
padding: 10px;
gap: 15px;
color: #fff;
}
.main-nav-one .dropdown-submenu .dropdown-menu {
max-width: 260px;
}.main-nav-one .dropdown a {
white-space: pre-wrap;
}/* Mobile phones */
.new-space-bet {
display: flex;
justify-content: space-between;
align-items: center;
min-width: 100%;
} .show-account-none {
display: none;
position: fixed;
right: 0;
left: 0;
/* bottom: 51px; */
background: #fff;
z-index: 1;
width: 100%;
/* padding: 64px 30px; */
flex-direction: column;
border-bottom: 1px solid #ccc;
border-top: 1px solid #ccc;
height: 100vh;
justify-content: center;
}
.show-account-none{
bottom: 69px;
}
.footer-menu{
height: 69px;
}
.ru_ru .show-account-none .user-panel-front .submenu li a{
/* bottom: 0;
top: -52px; */
font-size:16px;
} .open-account .show-account-none { display:flex;}
.c-account-div {
display: flex;
gap: 5px;
min-width: 100%;
}.cls-icon-close1{
position: absolute;
right: 15px;
width: 40px;
top: 10px;
height: 40px;
background: #eee;display:flex !important;justify-content:center;align-items:center;
}
.modal-open .footer-menu { z-index:-1 !important; }
.footer-menu { display:none; }
.new-space-bet p { margin-bottom:0; }
.show-popup .header-one {
z-index: -1;
}
#side-bar .close-icon-menu {
border: 0;
}.secure .container{ max-width:1200px;}
.secure .header-one { border-bottom:1px solid #ccc; }
html .secure .payment-m {
position: fixed;
bottom: 0;
width: 100%;
max-width: 1200px;
margin: auto;
left: 0;
right: 0;
z-index: 9999;
}.user-panel-front p {
white-space: nowrap;
}
.secure .place-order { margin-bottom:0px; }
.footer-menu {
position: fixed;
bottom: 0;
left: 0;
right: 0;
background-color: #f8f9fa !important;
border-top: 1px solid #dee2e6;
z-index: 1111111111030;
}
.footer-menu .nav-item {
flex: 1;
text-align: center;
}
.footer-menu .nav-link {
padding: 10px 0;
color: #495057;
font-size:14px;
}
.footer-menu .nav-link.active {
color: var(--secondaryColor); /* Highlight the active menu item */
}
.footer-menu i, .footer-menu svg {
width: 24px;
height: 24px;
font-size: 24px;
}
#yearTabsContent .col-md-3 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 25%;
} #yearTabsContent .col-md-9 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 75%;
}body.open-account::before {
content: "";
width: 100%;
height: 100%;
position: fixed;
left: 0;
top: 0;
z-index: -1;
opacity: 1;
background: rgba(0,0,0,0.5);
z-index: 1111111;
height: 100%;
bottom: 0;
}.open-account header { z-index:-1; }
/* Tablets */
@media (max-width: 767.98px) {
.cls-icon-close1 {
position: fixed;
z-index: 11111;
}.header-banner {
height: 260px;
}
.more-desc{
position: relative !important;
top: 0 !important;
}
.header-banner h1{font-size: 20px;}
.show-account-none .user-panel-front .submenu li a { display:flex; gap:7px; padding: 10px 0px;white-space: nowrap; }
.c-dashboard { padding-bottom:50px; }
.addCart-poup .footer-menu{ z-index:-1; }
.right-course-details .course-side-bar {
max-width: 440px;
margin: auto;
}html .right-course-details .course-side-bar .thumbnail {
margin-left: 0;
margin-right: 0;
margin-top: 20px;
margin-bottom: 20px;
}
.show-account-none .user-panel-front {
/* flex-direction: column; */
gap:10px;
align-items: baseline;
padding: 0 10px;
}.title-between-area.g-o-1 {
gap: 0;
flex-direction: row;
flex-wrap: nowrap;
align-items: flex-start !important;
gap: 25px;
}.title-between-area.g-o-1 h2{ margin: 0;
line-height: 1.2;}
.show-account-none .user-panel-front .submenu{
flex-direction: column;
justify-content: center;
align-items: baseline;
} .show-account-none .user-panel-front .submenu li { min-width:auto; }
.right-c-die {
padding: 0 30px !important;
}
#exampleModalCenter .modal-body #cntr {
height: 500px;
display: flex;
flex-direction: column;
} #exampleModalCenter .modal-body #cntr #map {
width: 100%;
}#exampleModalCenter .modal-body #cntr #sidebar {
width: 100%;
}
.ee213fa0 {
align-items: flex-start;
display: flex;
overflow-x: scroll;
padding: 1px;
scrollbar-width: none;
}
#booking-limit .course-detail {
max-width: 100%;
}
html #pjax-container {
height: auto;
}html #pjax-container form {
height: auto;
}
.the-left-content { display:none !important; }
.the-right-content { padding:30px !important; }
#new_url { position:relative;}
a.click-mob-1 {
position: absolute;
width: 100%;
height: 100%;
background: transparent;
z-index: 1;
}#exampleModal-login.login-pupup-modal .modal-content {
height:auto;min-height: var(--vh);
}html #exampleModal-login {
top: 0 !important;
bottom: 0!important;
}
#exampleModal-login .modal-dialog{
width: 95%;
}
.category-search-input .select-banner-search-left {
display: none;
}html .category-search-input input {
margin-right: 0;
}.category-search-input {
max-width: 100%;
}html .category-search-input button {
right: 14px;
}
.course-glance.course-glance-detail{flex-direction:column;}
.grid-gap {
grid-template-columns: repeat(2, minmax(0, 1fr));
}.course-glance .owner-detail {
margin: auto;
}
.footer-search {
z-index: 1111111111111111 !important;
}
.the-final-d {margin-bottom:60px !important; }
.filter-main-area { margin-bottom:0px !important;display:none;}.d-none-mob { display:none; }.d-mob { display:block; }
html .rts-course-filter-area {
flex-direction: column;
}.cls-icon-close {
position: absolute;
width: 50px;
height: 50px;
right: 0;
top: 0;
padding: 0;
font-size: 30px;
}
.filter-main-area {
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
background: #fff;
z-index: 111111111111111111;
margin:0; overflow-y:scroll; max-width: 100%;
overflow-x: hidden;
}.filter-main-area .input-contents {
flex: 1;
display: flex;
gap: 15px;
flex-direction: column;
}html .filter-main-area .single-filter-left-wrapper {
margin-bottom: 0;
margin-top: 15px;
}html .input-contents .single-filter-left-wrapper.more-style {
max-width: 100%;
}.input-contents .single-filter-left-wrapper.more-style .spl-top-menu-more > a {
display: none;
}html .main-nav-one.more-style ul li.spl-top-menu .submenu {
opacity: 1;
visibility: visible;
top: 100%;
transform: translateY(0);
transform: scaleY(1);
}html .main-nav-one.more-style ul li.has-dropdown .submenu {
opacity: 1 !important;
visibility: visible;
top: 100%;
transform: translateY(0);
transform: scaleY(1);
position: unset !important;
}html .main-nav-one.more-style ul li.has-dropdown.spl-top-menu .submenu {
padding: 0!important;
min-width: 100%!important;
box-shadow: unset !important;
}html .input-contents .single-filter-left-wrapper.more-style nav {
-webkit-tap-highlight-color: transparent;
background-color: #fff;
border-radius: 5px;
border: solid 1px #e8e8e8;
box-sizing: border-box;
padding: 0;
width: 100%;
box-shadow: unset !important;
padding: 0 !important;
border: 0 !important;
}.single-filter-left-wrapper .col-sm-6 { margin-bottom:15px; }
.footer-menu { display:block;}
.mtop-minus100 {
position: unset !important;
}html .input-contents .single-filter-left-wrapper.more-style > h6{display:none; }
.offer-add-area .mtop-100 {
margin-top: 0;
margin-bottom: 0 !important;
}.pb--60.top-category-area.rts-section-gapBottom {
padding-bottom: 0px !important;
}.footer-callto-action-area .footer-one-main-wrapper .footer-singl-wized {
flex-basis: 0;
width: 50%;
min-width: 45%;
} .why-choose-us-area-image img {
min-width: 100%;
max-height: 409px;
object-fit: cover;
object-position: top;
}.footer-callto-action-area .ptb--60 {
padding: 30px 0;
}
.filter-main-area .single-filter-left-wrapper.main-nav-one.main-nav-category .sub-dropdown .submenu.third-lvl.base.base {
display: none!important;
}.filter-main-area #myForm nav {
height: auto;
}
.filter-main-area .single-filter-left-wrapper.main-nav-one.main-nav-category ul li.has-dropdown .submenu {
display:none !important;
} .filter-main-area .single-filter-left-wrapper.main-nav-one.main-nav-category ul li.has-dropdown .submenu.yes-opened-common,
.filter-main-area .single-filter-left-wrapper.main-nav-one.main-nav-category .sub-dropdown .submenu.third-lvl.base.base.yes-opened-common {
display: block!important;
height: auto !important;
opacity: 1 !important;
position: relative !important;
left: unset !important;
right: unset !important;
top: unset !important;
bottom: unset !important;
position: unset !important; transform: scaleY(1)!important;
min-width: 100%;visibility: visible!important;padding-top: 0;
box-shadow: unset;
}html .input-contents .single-filter-left-wrapper.more-style {
z-index: 0;
} .footer-search {
position: fixed;
bottom: 0;
display: flex;
flex-direction: row;
left: 0;
right: 0;
flex-wrap: nowrap;
z-index: 1;
background: #fff;
padding: 10px;
border-top: 1px solid #eee;
/* width: 100%; */
margin: 0 !important;
}
.flex-1{ flex:1;}
.open-filter .filter-main-area { display:flex !important; }
.filter-main-area .container {
margin: 30px 15px;
}
html .side-bar button {
margin-top: 0;
position: absolute;
margin: 0;
top: 0;
right: 0;
}
html .side-bar button i {
color: #ffffff;
height: 50px;
width: 50px;
border-radius: 0;
display: flex;
align-items: center;
justify-content: center;
margin-left: 14px;
margin-top: 0;
font-size: 27px;
background: var(--color-primary);
}
}
/* Tablets */
@media (min-width: 576px) and (max-width: 767.98px) {
/* Styles for medium screens (tablets) */
.breadcrumb-main-wrapper .title {
font-size: 38px;
line-height: 1.2;
margin-bottom: 8px;
}
}
/* Small laptops/desktops */
@media (max-width: 991.98px) {
html .single-filter-left-wrapper.main-nav-one {
display: block;
}
.offer-add-area .col-lg-6 .col-lg-6{
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 50%;
}
.mobile-dflex-column .inner-flex-top .col-sm-4-1 {
flex: 1;
min-width: 220px;
}.mobile-dflex-column .inner-flex-top {
display: flex;
gap: 15px;
align-items: flex-start;
display: flex;
overflow-x: scroll;
scrollbar-width: none;
/* flex-wrap: nowrap !important; */
padding-bottom: 10px;
padding-top: 10px;
}
.inner-top-ad, article.course-item{
height: auto;
min-height: auto;
}
.mobile-dflex-column { flex-direction:column;}
.mobile-dflex-column .description-title {
flex-direction: row;
flex-wrap: wrap;
justify-content: space-between;
}.mobile-dflex-column .description-title h2 { min-width:100%; }
.mobile-dflex-column > [class^="col-"] { width:100%;}
.mobile-menu-main nav ul li + a {
padding: 12px 0 17px 0;
border-bottom: 1px solid #f3f3f3;
cursor: pointer;
font-weight: 500;
}#side-bar {
z-index: 1111111;
padding-left: 15px;
padding-right: 15px;
}#side-bar .mobile-menu-main nav ul {
padding: 0;
}
#side-bar button {
margin-left: -35px;
}#side-bar button i {
color: #000;
background: transparent;
}.mobile-menu-main nav ul li.has-droupdown::after {
padding: 2px 6px;
background: var(--secondaryColor) !important;
}
.mobile-menu-main .sub-dropdown .submenu.third-lvl.base.base {
display: none!important;
}
.mobile-menu-main .spl-top-menu .sub-dropdown {
position: relative!important;
} .mobile-menu-main .sub-dropdown > a::after {
background: #eee;
width: 25px;
height: 25px;
display: flex;
align-items: center;
justify-content: center;
right: 0;
}html .spl-top-menu .sub-dropdown .submenu.third-lvl.base.base {
padding-left: 20px !important;
} .click-d {
position: absolute;
width: 25px;
height: 25px;
display: inline-block;
right: 0;
background: transparent;
z-index: 1;
}
html .spl-top-menu .sub-dropdown .submenu.third-lvl.base.base.yes-opened {
display: block!important;
height: auto !important;
opacity: 1 !important;
position:relative !important;
left:unset !important;
right:unset !important;
top:unset !important;
bottom:unset !important;
}.mobile-menu-main .sub-dropdown > a::after {
top: 22px;
}body {
overflow-y: scroll;
}.banner-area-one.v-2 {
height: auto;
}.banner-content-one {
padding: 0;
padding-top: 15px;
margin-bottom: 25px;
}.row-of-categories {
margin-left: 0; margin-left: 0;
margin-right: 0;
}
html #popupModalOpen .modal-dialog {
max-width: 100%;
}
html #popupModalOpen .modal-content {
width: 600px;
max-width: 100%;
} html #popupModalOpen .course-details {
display: flex;
flex-wrap: wrap;
margin-bottom: 15px;
flex-direction: column;
gap: 20px;
}html #popupModalOpen .modal-content {
width: 95%!important;
max-width: 435px;
padding: 30px;
min-width: unset !important;
margin: auto;
}#popupModalOpen .modal-footer {
flex-direction: column;
}html #popupModalOpen .modal-dialog {
max-width: 100%;
justify-content: center;
}
}
/* Large laptops/desktops */
@media (min-width: 992px) and (max-width: 1199.98px) {
/* Styles for large laptops/desktops */
}
/* Extra large desktops */
@media (min-width: 1200px) {
/* Styles for extra large desktops */
}
.at-mobile-dis { display:none;}.d-mob { display:none; }
@media (max-width: 575.98px) {
html .single-course-left-align-wrapper .title {
flex-direction: column;
}.text-detail1.rating {
max-width: 130px;
float: right;
display: flex;
justify-content: flex-end;
min-width: 100%;
}
.at-mobile-dis { display:block;}.grid-gap {
grid-template-columns: repeat(1, minmax(0, 1fr));
}
.no-for-mobile { display:none}.d-none-mob { display:none; }.d-mob { display:block; }
.spl-mob-img-offer {
max-width: 144px;
float: left;
margin-right: 15px;
margin-bottom: 15px;
}
.offer-add-area .mtop-100 .m-o-mob { margin-top:0px !important;}
.of-one-childs {
overflow: hidden;
border-radius: 20px;
margin-bottom: 15px;
max-height: 140px;
margin-top: 15px;
}
.rts-section-gap-top {
margin-top: 30px;
}
.rts-section-gapBottom {
padding-bottom: 30px;
}.course-area-two-all {
padding-left: 15px;
padding-right: 15px;
}
.offer-add-area .col-lg-6 .col-lg-6 {
width: 100% !important;
padding-left: 15px;
padding-right: 15px;
}
/* Styles for small screens (mobile) */
}@media (max-width: 420px) {.grid-gap {
grid-template-columns: repeat(1, minmax(0, 1fr));
}
.course-area-two-all .rts-btn.with-arrow {
font-size:0;
} .course-area-two-all .rts-btn.with-arrow i { font-size:18px;}
}.show-popup .footer-menu { z-index:-1; }
.open-filter .footer-menu {
z-index:-1
}
.open-filter .header-one { z-index:-1; }
@media (min-width: 767.98px) and (max-width: 1128px) {
.not-smal-de-filter { display:none; }
.main-pos-search-filter {
min-width: 201px;
}.main-pos-search-filter-category {
min-width: 178px;
}html .single-filter-left-wrapper .btn-primary {
width: 110px;
}.input-contents .single-filter-left-wrapper.more-style {
max-width: 100px;
}
}
@media (max-width: 767.98px) {
.hide-mob { display:none !important; }
.open-filter .filter-main-area {
background: #fff;
}
html .input-contents .single-filter-left-wrapper {
max-width: 100%;
width: 100%;
margin-bottom: 15px!important;
}html .main-nav-one.more-style .single-filter-left-wrapper {
margin-bottom: 0 !important;
margin-top: 0 !important;
}.single-filter-left-wrapper .col-sm-6 {
margin-bottom: 0px;
}.filter-main-area .input-contents {
gap: 0;
}html .input-contents .single-filter-left-wrapper {
margin-bottom: 0px!important;
}form .single-filter-left-wrapper .dropdown {
box-shadow: unset !important;
}html .filter-main-area .single-filter-left-wrapper {
margin-top: 0;
}
.table-responsive #MeetingVideos-grid, .table-responsive #CourseVideo-grid, .table-responsive #Course-grid{
height: 300px;;
}
html .main-nav-one.more-style .single-filter-left-wrapper .form-contrl {
margin-bottom:0px;
}
.table-responsive.borderless{
border: none !important;
}
html .home-filter .input-contents .single-filter-left-wrapper .search-filter input,html .home-filter form .single-filter-left-wrapper .dropdown,html .main-nav-one.more-style .single-filter-left-wrapper .form-contrl,html .inner-mer .single-filter-left-wrapper input[type=checkbox] ~ label.custom-checkbox-label,form .single-filter-left-wrapper .dropdown, .nice-select.form-contrl {
margin-bottom: 15px !important;
}.single-filter-left-wrapper .search-filter i {
transform: translateY(-80%);
}.single-filter-left-wrapper .col-sm-6 {
display: flex;
flex-direction: column; max-width: 50%;
}
.single-filter-left-wrapper.main-pos-search{ /*display:none;*/ }
.open-filter .cls-icon-close {
height: auto;
padding: 0;
border: 0;
color: red;
} .open-filter form {
margin: 0;
overflow-y: scroll;
height: calc(var(--vh) - 80px);
overflow-x: hidden;
padding: 10px;
}.open-filter .filter-main-area {
overflow-y: hidden;
}.footer-menu .nav-link {
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
gap: 2px;
padding: 6px 0px !important;
/* font-weight: normal; */
font-size: 12px;
}.footer-menu .nav-link br{ display:none; }.footer-menu i, .footer-menu svg {
width: 20px;
height: 20px;
font-size: 20px;
}.hmmn .banner-area-one.v-2 {
padding-bottom: 30px !important;
}
.ru_ru .w-100-center .price-show {
font-size: 1.6rem;
}
.right-course-details .top-container{
padding: 30px 0px;
}
.dropdown .country-flag {
width: 40px;
height: 37px;
/* width: 44px;
height: 43px; */
border-radius: 50%;
}
.ru_ru .price-area .price-lalab-1 {
font-size: 12px;
}
.ru_ru .instructor-profile .rounded-btn{
font-size: 8px;
}
.ru_ru .instructor-profile {
gap: 5px;
}
.ru_ru .price-area .per-detail-11 {
font-size: 1.5rem;
}
.course-details-breadcrumb-1 .course-glance-detail .course-detail{
max-width: 100%;
min-width: 100%;
gap: 5px;
}
.header-right-area-one .menu-btn {
padding: 10px 10px;
}
.course-glance-detail .course-detail span.rit-side{
font-size: 13px;
}
.combo-lang .dropdown-menu{
min-width: 3rem;
}
.combo-lang .dropdown-item{
padding: .25rem 0px;
}
.acc-box .f3df5584{
column-gap: 1rem;
}
.acc-box ._868d3394{
padding: 0.5rem 0.5rem;
}
.acc-box .ee213fa0{
padding-top: 1rem;
}
.acc-box .a68e82ed{
margin-left: 0px;
}
.acc-box ._18185a55 img{
display: none;
}
#near_by .ee213fa0{
padding-top: 1.5rem;
}
.course-content #near_by {
padding: 1rem 1rem;
}
#accommodation_info .input-wrapper input[type=text] {
padding: 1rem 1rem;
}
#accommodation_info .input-contents{
padding: 1rem 0;
}
#accommodation_info .single-filter-left-wrapper .search-filter .input-wrapper i{display:none;}
#accommodation_info .input-contents .single-filter-left-wrapper.main-pos-search{
order: 3;
flex-basis: 100%;
}
#accommodation_info .search-filter.filter-body{
flex: 1;
flex-wrap: wrap;
}
}
@media (min-width: 1201px) {
/* CSS rules for extra large devices */
}
@media (min-width: 993px) and (max-width: 1200px) {
.header-right-area-one .buttons-area .rts-btn {
white-space: nowrap;
}.header-right-area-one {
gap: 15px;
}.platform-card {
max-width: 400px;
}#pdiv-more {
font-weight: 500;
padding-right: 50px;
}
#pdiv-more {
white-space: nowrap;
max-width: 100%;
min-width: 100%;
}.single-filter-left-wrapper.main-pos-search {
z-index: 111;
}
/* CSS rules for large devices */
}@media (min-width: 992px) and (max-width: 1084px) {
.home-filter .input-contents {
flex-wrap: wrap;
}.input-contents .single-filter-left-wrapper.more-style {
min-width: 50%;
}.main-nav-one.more-style ul li.spl-top-menu.opened-pop .submenu {
left: 1px;right:unset;
}.banner-area-one.v-2 .banner-content-one .title-banner {
line-height: 1.3;
}
}
@media (min-width: 769px) and (max-width: 992px) {
.title-between-area.g-o-1 {
gap: 0;
flex-direction: row;
flex-wrap: nowrap;
align-items: flex-start !important;
gap: 25px;
}.title-between-area.g-o-1 h2{ margin: 0;
line-height: 1.2;}
.grid-gap {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.right-course-details .course-side-bar {
max-width: 500px;
margin: auto;
}.breadcrumb-main-wrapper .title {
font-size: 38px;
line-height: 1.2;
margin-bottom: 8px;
}
.grid-gap {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.banner-area-one.v-2 .banner-content-one .title-banner {
line-height: 1.2;
}#pdiv-more {
font-weight: 500;
padding-right: 50px;
}.course-area-two-all {
padding: 50px 15px;
}
#pdiv-more {
white-space: nowrap;
max-width: 100%;
min-width: 100%;
}.single-filter-left-wrapper.main-pos-search {
z-index: 111;
}
/* CSS rules for medium devices */
.home-filter .input-contents {
flex-wrap: wrap;
}
.banner-area-one.v-2 {
padding-bottom: 30px;
}
.main-nav-one {
display: block;
}
header .main-nav-one ul li {
display: none;
}
.main-nav-one ul li#contact-us {
display: block;
}.main-nav-one {
margin-right: 16px;
} .header-right-area-one {
gap: 10px;
}.hmmn .input-contents .single-filter-left-wrapper.more-style {
min-width: 50%;
}html .single-filter-left-wrapper.main-nav-one {
margin-right: 0;
}.main-nav-one.more-style ul li.spl-top-menu.opened-pop .submenu {
right: unset;
left: 1px;
}
.video-sect-hm .col-lg-6 {width:50%; max-width:50%; }
.section.cta .col-lg-5 {width:50%; max-width:50%; }
.cta .shop {
padding: 30px;
max-width: 80%;
/* float: right; */
}.align-self-end .shop {float: right;}
.home-filter .single-filter-left-wrapper.main-pos-search-filter {
min-width: unset;
max-width: 50% !important;
} .video-sect-hm h2 {
font-size: 36px;
line-height: 41px;
}
}
@media only screen and (min-width: 768px) and (max-width: 820px) and (orientation: portrait) {
.single-course-left-align-wrapper .course-data{
width: auto;
margin-left: 0;
}
}
@media (min-width:577px) and (max-width: 768px) {
.grid-gap{ margin-top:15px; }
.banner-area-one.v-2 .banner-content-one .title-banner {
color: var(--primaryColor) !important;
line-height: 1.4;
font-size: 30px;
}.hmmn .banner-area-one.v-2 {
padding-bottom: 30px !important;
padding-top: 30px;
}.course-area-two-all {
padding: 50px 15px;
}
.d-mob {
display: block;
}
/* CSS rules for tablets */
}
.the-bord-of-mob .thumbnail{
/* max-width: 180px;
height: 137px; */
display: inline-flex;
margin: 0;}
.the-bord-of-mob{
margin-bottom:20px;display: flex;box-shadow: 0 2px 4px rgba(0, 0, 0, .08), 0 4px 12px rgba(0, 0, 0, .08);gap: 15px;align-items: center;
}
.for-mob-description { display:none}
@media screen and (min-width: 768px) and (max-width: 1024px) {
.course-card-box {
min-height: 548px;
}
.welcome-section{
margin-top: 0;;
}
}
/* iPad Air */
@media screen and (min-width: 820px) and (max-width: 1180px) {
/* Add styles for iPad Air */
.course-card-box {
min-height: 548px;
}
.welcome-section{
margin-top: 505px;
}
}
/* For iPad Pro (12.9-inch) */
@media screen and (min-width: 1024px) and (max-width: 1366px) {
/* Add specific styles for iPad Pro 12.9-inch */
/* .welcome-section{
margin-top: 0;;
} */
}
@media (max-width: 768px) {
.order-view {
flex-wrap: wrap;
}
.course-box{
margin:0;
}
html ul.order-view {
flex-wrap: wrap;
margin-bottom: 15px !important;
padding-right: 0px !important;
}html ul.order-view li{ margin-top:0 !important; margin-bottom:0px !important; }
.for-mob-description {display:block;}
ul.for-mob-description {
list-style-type: none;
display: flex;
margin: 0;
padding: 5px 0px;
gap: 0;
flex-wrap: wrap;
font-size: 14px;
margin-top: 15px;
flex-direction: column;
}
.d-flex-tab{
display: flex;
gap: 1px;
}
.d-flex-tab a{ white-space: break-spaces;}
ul.for-mob-description.flex-row {
list-style-type: none;
display: block;
margin: 0;
padding: 5px 0px;
gap: 11px;
flex-wrap: wrap;
font-size: 14px;
margin-top: 15px;
}
ul.for-mob-description li label {
font-weight: 600;
font-size: 14px;
line-height: 1;
color: #333;
display: block;
}
ul.for-mob-description li {
display: flex;
flex-direction: row;
font-size: 14px;
margin: 0;
padding: 0;
justify-content: space-between;
}
.forms.flrm-sli [class^="col-sm-"] {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 33.33333333%;
}
.course-data .course-data-content{
height: auto;
}
.course-data .download-btns{
display: flex;
justify-content: center;
flex: 1;
flex-wrap: wrap;
gap: 5px;
}
.forms.flrm-sli input { margin-bottom:0px;}
.forms.flrm-sli .form-group { margin-bottom:0px;}
#CourseVideo-grid td.options{
display: block;
}
#CourseVideo-grid td.options, #Accomodation-grid td.options ,#Course-grid td.options {
/* max-width: 100px;
width: 100px; */
}
#mycourseAccordion ul.dropdown-menu li{
margin-bottom: 50px;
}
.course-status{
padding: 0px 10px;
}
html .modal-content .btn-primary{
margin: 5px 0;
height: 45px;
}
html .c-account-div .btn-primary {
margin: auto;
height: auto;
}
.open-account .show-account-none {
justify-content: space-evenly;
align-items: baseline;
gap: 10px;
}
.logins .show-account-none{
align-items: center !important;
}
.event-details{
display: block !important;
}
.event-details .event-location{
text-align: left;
}
.tofication-toggle .dropdown-menu{
z-index: 9999999999;
}
.pagination li a{
padding:0 !important;
}
.pagination li a{
min-width: 25px !important;
}
.pagination, ul.pagination {
margin: 10px 0 0 0;
padding: 0;
}
.btn-group.dropup.dropdown-button-column ul.dropdown-menu li a.btn{
margin:0;
}
.short-ttile{
/* display: flex;
font-size: 10px; */
}
.enrollments-items.forms label{
font-size:10px;
}
#Course-grid ul.for-mob-description{
margin-top: 47px;
}
/* .btn-group.dropup.dropdown-button-column ul.dropdown-menu li a.btn{
width: 25px;
height: 25px;
} */
.parent-div .section-title {
font-size: 1.5rem;
text-align: left;
}
html .analytics-content{
flex-direction: column;
gap: 0px;
}
.g-items-s .analytics-content p {
white-space: normal;
font-size: 12px;
}
.box-body .nav-tabs > li > a {
font-size: 11px;
padding: 15px 7px;
}
#Accomodation-grid .dropdown-menu{
/* min-width: auto !important; */
margin-left: 0 !important;
}
#Student-grid .table > thead {
display: none;
}
#Student-grid .table > tbody > tr > td {
display: block;
border:none
}
#Student-grid .table > tbody > tr{
border-bottom: 1px solid #ccc;
display: block;
}
#Student-grid tbody tr{
border:none;
border-bottom: 1px solid #ccc;
padding: 5px 0;
}
#Student-grid td {
text-align: right;
position: relative;
padding-left: 30%;
padding-bottom: 0;
}
#Student-grid td:before {
content: attr(data-label);
position: absolute;
left: 10px;
top: 10px;
font-weight: bold;
}
.mob-no-l-padding{
padding-left:0;
}
.bod-container .info-message{
position: relative;
}
#Student-grid .row-img-td {
display: flex
;
gap: 4px;
align-items: center;
justify-content: end;
}
#Student-grid .row-img-td img{
display:none;
}
.c-dashboard tfoot { display:none ; }
.table-responsive {
max-height: 400px !important;
overflow-y: auto;
}
.hide-td-mob,.c-dashboard #ShopOrderItems-grid thead,#MeetingVideos-grid thead,#Course-grid thead,.c-dashboard #ShopOrder-grid thead,thead.hide-for-mob-th,#CourseVideo-grid thead,#CourseDiscount-grid thead,#Accomodation-grid thead,#seats-tbl thead {display:none; }
html .hover-end.left-aligned {
left: 15px;
right: unset;
position: fixed;
bottom: 60px !important;
z-index: 1111;
right: 15px;
min-width: 94%;
height: 190px;
top: unset;
overflow-y: scroll;
}
#seats-tbl .dropdown-menu{
min-width: auto !important;
margin-left: auto !important;
}
#seats-tbl .btn-group.dropup.dropdown-button-column ul.dropdown-menu li{
float: none !important;
}
#seats-tbl .for-mob-description{
margin: 0;
padding: 0;
}
.fc-event-inner .fc-event-title {
display:none;
}
.show-dashboa-none {
bottom: 0;
height: var(--vh);
overflow-y: auto;
padding: 0;
top: 0;
}
.open-dashboard-menus .profile-menu ul {
height: 100%;
max-height: unset;
overflow: initial;
}
.upcoming-events .event-month-time .item{
width: 100%;
height: auto !important;
line-height: 1;
padding: 5px !important;
}
.upcoming-events .event-month-time{
flex-direction: column;
}
/* .c-dashboard .d-flex {
flex-direction: column;
}
.c-dashboard .nav.d-flex {
flex-direction: row;
} */
.d-flex-column{
display:flex !important;flex-direction:column !important;
}
.ultitle label.trabsfer-cost{
word-break: break-word;
display: block;
}
.c-dashboard .alert ul {
margin: 0px 0 0 40px;
}
.sidebar-1 .profile-menu ul li{
height: 40px;
z-index: 9999;
}
.sidebar-1 .profile-menu ul li.dropdown.open{
height: auto;
}
.userblg .userblg-details {
flex-wrap: wrap;
}
.rts-section-gap .video-container {
margin-bottom: 43px;
} .footer-singl-wized .head img { max-width:300px; }
/* CSS rules for tablets */
}
@media (min-width: 577px) {
.banner-area-one.v-2.bg_image .col-lg-6 {width:50%; max-width:50%; }
}
.shop-middle { display:none; }
.c-dashboard .spl-off-item .bx-shahdow-1 { display:flex; }
.c-dashboard .spl-off-item .bx-shahdow-1-img {
position: relative;
width: 35%;
height: 119px;
}.c-dashboard .spl-off-item .bx-shahdow-1-img {
position: relative;
width: 35%;
height: 119px;
background-size: contain;
background-position: center;
background-color: #eee;
flex: 1;
max-width: 35%;
min-width: 35%;
}
@media (min-width: 992px) {
.c-dashboard .profile-sidebar {
position: relative;
position: sticky;
top: 16px;
}
}
@media (max-width: 576px) {
html .fc-grid .fc-event-time {
font-weight: bold;
/* color: var(--primaryColor); */
/* background: #fff; */
padding: 0;
text-align: center;
display: block;
} html .fc-event-inner {
overflow: inherit;
background: #fff;
color: var(--primaryColor);
padding: 5px !important;
height: auto;
line-height: 1;
text-align: center;
margin: auto;
}.g-items-s .col-md-3 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 50%;
}
html .popup-content {
padding: 15px !important;
}html .popup-content {
padding: 15px !important;
padding-top: 0px !important;
}html .popup-left,html .popup-right {
max-width: 100%;
}html .popup-content button.close {
right: 18px;
} .popup-content .glance-items ul li {
margin: 0;
min-width: 50%;
}
.cus-popup .footer-menu{ z-index:-1; }
html .custom-popup {
padding-top:50px;
background: #fff;
}html .popup-content .container { padding:0; }
#platfor-accept-tool.ot-bottom-right {
left: auto;
right: 0;
bottom: 0;
}#platfor-accept-tool #onetrust-reject-all-handler {
line-height: 1.3;
}
html .single-course-left-align-wrapper .title.g-m-o-mob{
gap:0;
}.visa-ass-main.category--sect.top-nmsd {
z-index: 1;
position: absolute;
right: 0;
}
html .course-glance .owner-detail {
width: 100%;
max-width: 100%;
min-width: 100%;
} html .course-glance .owner-detail .sidebar-school {
display: flex;
gap: 15px;
}
html .rts-bread-crumbarea-1.rts-section-gap {
padding: 20px 0;
}.breadcrumb-main-wrapper .title {
font-size: 28px;
line-height: 1.2;
margin-bottom: 8px;
}.grid-gap {
margin-top: 15px;
}.grid-gap {
grid-gap: 0 10px;
}.grid-gap article.course-item {
padding: 10px;
}
.shop-middle {
display: block;
background-image: url(../img/50521.jpg);
height: 468px;
width: 100%;
display: block;
background-size: contain;
background-repeat: no-repeat;
margin: auto;
width: 100%;
background-position: center;
}
.section.cta::after{ display:none; }
.cta .shop {
margin-top: 0;
padding: 30px;
}
.mob-search span {
height: 30px;
gap: 5px;
color: #fff;
border-radius: 5px;
}.d-mob .mob-search {
line-height: 40px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
body {
overflow: auto;
}
}