@media screen and (max-width: 1200px) and (min-width: 1000px){
nav.center-menu ul li{
margin: 0px 0px;
}
}
/*@media screen and (min-width: 1500px){

section.tutor-cover {
padding: 250px 0px;
}
}*/
@media (min-width: 1000px){
.single-tutor-right .tutor-side {
float: left;
background: white;
width: 100%;
}
.single-tutor-right .tutor-side>div {
background: white;
box-shadow: 0px 10px 20px 0px #c7c7c78c;
max-width: 330px;
float: left;
border-radius: 20px;
}
header.mobile.header{
display: none;
}
.web{
display: block;
}
.mobile{
display: none;
}
}
@media (min-width: 992px) {
    #coursePreviewArea .course-videoplayer{
        height: 440px;
    }
}
@media (max-width: 1000px){
header.mobile.header{
display: block;
}
header.sticky.header {
display: none;
}
.web{
display: none;
}
.mobile{
display: block;
}
.accepted-files{
    position: absolute;
    bottom: 20px;
}
.dropzone{
    margin-bottom: 10px;
}

.fc .fc-daygrid-day-bottom{
    padding: 0!important;
    margin-left: 2px;
    margin-right: 2px;
    margin-top: 1px!important;
}
.fc-daygrid-day-bottom .fc-event-main{
    color: white;
    position: relative;
    z-index: 6;
    background-color: #3788d8;
    display: block;
    border: 1px solid #3788d8;
    border-radius: 3px;
}
.fc-daygrid-day-bottom .fc-event-main .fc-event-main-frame{
    border-radius: 5px;
    white-space: nowrap;
    display: flex;
    flex-direction: row;
}
.fc-daygrid-day-bottom .fc-event-main .fc-event-main-frame .fc-event-time{
    padding: 1px;
    max-width: 100%;
    overflow: hidden;
    font-weight: 700;
}
.fc-event-main-frame .fc-event-title-container .fc-event-title{
    display: inline-block;
    vertical-align: top;
    left: 0;
    right: 0;
    max-width: 100%;
    overflow: hidden;
    padding: 1px;

}
.fc-event-main-frame .fc-event-title-container{
    flex-grow: 1;
    flex-shrink: 1;
    min-width: 0;
}
.video-course__width-animation{
    width: 100%!important;
}
.course-sidebar__show-animation{
transform: unset;
}
}
@media (max-width: 1000px){
    nav.navbar ul li.dropdown a{
    line-height: 40px;
}
    li.message-icon-area:hover .dropdown-box{
    right: 0;
    max-width: 100%;
    top: 60px;
}
li.message-icon-area {
    line-height: 40px;
    max-width: fit-content;
    float: right;
    list-style: none;
}
.request-area .left-area .tutor-area .price-buy a.main-button {
float: right;
margin-top:0px;
}
.price-buy form#system-login button {
padding: 10px 15px !important;
font-size: 14px;
}
.request-area .left-area .tutor-area .profile .stars span.review {
width: fit-content;
}
.request-area .left-area .tutor-area .profile .stars span {
width: 10px;
height: 10px;
}
.profile.review-lesson,.price-buy.review-lesson {
margin: 5px !important;
}
.price-buy.review-lesson .orange-border {
margin-top: 0px !important;
}
.request-area .left-area .tutor-area, .request-area .left-area .lesson-details {
padding: 0px 10px;
}
.request-area h3 {
padding: 10px 10px 0px;
font-size: 20px;
}
.request-area .left-area, .request-area .right-area {
width: 100%;
}
.request-area .left-area .tutor-area .profile, .request-area .left-area .tutor-area .price-buy {
width: 100%;
margin: 10px 0px 20px;
}
tr.mobile.bottom-border td.actions {
float: left;
width: 100%;
display: block;
}
tr.mobile.bottom-border td.actions a.cancel-button {
float: right;
line-height: 50px;
}
table.requests-list tbody tr.mobile th {
width: 100%;
display: block;
}
.mobile-hide{
display:none;
}
.book-lesson-area {
padding: 20px 0px;
}
li.dropdown.mobile-lang ul.droplanquage li {
float: left;
}
li.dropdown.mobile-lang ul.droplanquage {
text-align: center;
}
ul.mobile-lang-ul {
list-style: none;
line-height: 40px;
float: right;
font-size: 16px;
text-transform: uppercase;
}

ul.mobile-lang-ul > li > a {
line-height: 50px !important;
}
ul.droplanquage li a {
line-height: 30px !important;
}  ul.top-courses-list li {
width: calc(100% - 30px);
}
table.requests-list tbody tr td.message p {
line-height: 20px;
}
table.requests-list tbody tr td.message {
width: 70%;
padding: 0px;
}
table.requests-list tbody tr {
width:100%;
float:left;
line-height: 20px;
}
section.my-profile{
margin-top: 50px;
}
.message-form button.main-button {
width: 100px !important;
padding: 10px !important;
font-size: 14px !important;
}
.message-form .form-group {
width: calc(100% - 100px) !important;
float: left;
}
tr.mobile td.tutor {
width: 100%;
}
tr.mobile.bottom-border {
border-bottom: 1px solid #8D8C8C;
margin-bottom: 30px;
float: left;
width: 100%;
padding-bottom: 10px;
}
tr.mobile td.tutor h5 {
font-weight: bold;
font-size: 16px !important;
}

table.requests-list tbody tr td.date {
width: 50%;
}
tr.mobile th p{
color: #8D8C8C !important;
font-size: 14px !important;
font-weight: bold !important;
margin-top: 20px !important;
margin-right: 20px;
}
.fourth {
width: 50%;
}
.profile-editarea .form-group.social input {
max-width: 85% !important;
}
.from-to .form-group {
width: 33%;
}
section.my-profile .profile-right .profile-editarea form {
width: 100%;
}
.register .form-group.half, .profile-editarea .form-group.half, .linputlanguage-list .form-group {
width: 100% !important;
}
.half {
width: 100%;
}
.profile-left form#system-login {
width: 100%;
}
form#system-login button {
width: 100%;
}
section.my-profile .profile-left {
width: 100%;
padding: 0px;
}
section.my-profile .profile-right {
width: 100%;
}
section.my-profile .profile-left ul.profile-menu {
background: none;
box-shadow: none;
}
section.my-profile .profile-left ul.profile-menu li {
border: none;
width: fit-content !important;
float: left;
display: inline;
padding: 10px;
}
section.my-profile .profile-left ul.profile-menu li a.active {
border-bottom: 2px solid #ff3d00;
}
.list-area .tutor-item .tutor-title-area .t-title {
height: fit-content;
padding: 10px 0px 0px 5px;
}
.tutor-mobile-filter.mobile form {
width: 100% !important;
float: left;
}
.tutor-mobile-filter.mobile form button {
width: 100%;
margin: 10px 0px;
}
.tutor-mobile-filter.mobile form .dropdown.bootstrap-select {
background: white;
border: 1px solid #B4B4B4;
border-radius: 5px;
padding: 0px 10px;
}
a.user-profile img {
border-radius: 50%;
width: 40px;
height: 40px;
object-fit: cover;
}
a.user-profile {
float: right;
margin: 5px 10px;
}
nav.navbar.navbar-inverse.navbar-default {
background: none;
border: none;
}
section.main-register {
margin-top: 50px;
z-index: 10;
}
.web{
display: none !important;
}
.mobile{
display: block !important;
}
div#bs-example-navbar-collapse-1 {
float: right !important;
width: 100% !important;
text-align: end !important;
background: #00000080;
height: 100vh;
position: fixed;
right: 0;
padding: 0;
top: 0px;
z-index: 12222222;
}
div#bs-example-navbar-collapse-1 nav.navbar ul {
width: 70% !important;
text-align: end !important;
float: right !important;
margin: 0px !important;
}
header.mobile.header
ul.nav.navbar-nav.main {
width: 70%;
background: white;
margin: 0px;
float: right;
height: 100%;
position: relative;
z-index: 12222;
}
button.navbar-toggle {
float: right;
border: none;
box-shadow: none;
background: none;
line-height: 45px;
margin-right: 10px;
margin-top: 0px !important;
padding: 0px;
}
.logo {
float: left;
margin-left: 10px;
}
.navbar-header {
width: 100%;
}
.navbar-header .logo img {
height: 30px;
}
header.mobile.header {
height: 50px;
z-index: 11;
box-shadow:none;
}
.logo a {
line-height: 50px;
}
.clicked-category.active {
padding: 20px;
left: 0px;
}
a.video-button {
display: none;
}
.form-group.subscribe input {
width: 100%;
}
ul.counter-list li span {
font-size: 20px;
}
ul.counter-list li p {
font-size: 14px;
}
header.sticky.header {
display: none;
}
header.mobile.header {
display: block;
}
.how-work-img, .how-work-tab {
width: 100%;
}
.nav-tabs .nav-link {
font-size: 18px;
}
.nav-tabs .nav-link.active {
font-size: 18px;
}
.tab-pane ul li h4 {
font-size: 16px;
}
.tab-pane ul li p {
font-size: 14px;
}
ul.goals-list li {
width: calc(100% - 50px);
float: unset;
height: 180px;
padding: 10px;
}
ul.goals-list li h5{
font-size: 17px;
font-weight: bold;
}
ul.goals-list li p{
font-size: 15px;
}
h2.section-title {
font-size: 22px !important;
}
.right-video-area {
width: 100%;
float: left;
}
.right-video-area a {
font-size: 14px;
}
ul.top-courses-list button.slick-arrow {
display: none !important;
}
section.footer-top .footer--column-menu {
width: 100%;
}
.subscribe-form form .main-button {
position: absolute;
right: 0px;
top: 80px;
}
.left-category-area {
width: 100%;
margin-top: 10px;
}
ul.home-category-list li a span {
font-size: 14px;
line-height: 20px;
}
a.cat-title img {
width: 25px;
height: 25px;
}
ul.home-category-list li {
padding: 15px 10px;
margin: 0px 10px 10px 0px;
width: calc(50% - 10px);
}
.left-category-area .l-s-part h1 {
font-size: 22px !important;
}
.left-category-area .l-s-part p {
font-size: 14px;
}
.comment-left, .comment-right {
height: fit-content;
width: 100%;
text-align: center;
}
footer .footer--column-menu {
width: 100%;
}
.clicked-category ul li {
width: calc(50% - 20px);
margin: 10px;
padding: 5px 10px;
}
li.sub a img {
max-width: 15px;
}
li.sub a span {
font-size: 14px;
line-height: 15px;
}
section.how-work {
padding: 20px 0px;
}
section.top-courses, .top-tutors, section.top-commnents, section.footer-top, section.main-category {
padding: 20px 0px;
}
section.how-work, section.goals, section.counter, section.partners {
padding: 20px 0px;
}
ul.goals-list, ul.top-courses-list {
padding: 0px;
}
section.main-category{
margin-top:50px;
z-index:2;
}
a.hide-menu {
font-size: 16px;
font-weight: bold;
padding: 20px 10px;
cursor: pointer;
width: 100%;
float: right;
border-bottom: 1px solid #888787;
margin-bottom: 20px;
}
header.mobile.header ul.nav.navbar-nav.main li {
text-align: start;
line-height: 30px !important;
}
header.mobile.header ul.nav.navbar-nav.main li a {
margin: 10px 0px;
}
li.login-button {
width: 100%;
margin: 15px 0px !important;
text-align: center !important;
}
li.login-button a {
width: 100% !important;
/*padding: 10px 29% !important;*/
}
header.mobile.header ul.nav.navbar-nav.main li.nav-item.dropdown {
border: 1px solid #8D8C8C;
border-radius: 5px;
margin: 5px auto;
padding: 0px;
width: 90%;
}
header.mobile.header ul.nav.navbar-nav.main li.nav-item.dropdown a::after {
right: 6px;
top: 10px;
position: absolute;
}
header.mobile.header ul.nav.navbar-nav.main li.nav-item.dropdown a {
line-height: 25px;
}
li.mobil-menu-social {
position: absolute;
bottom: 0;
left: 0;
padding: 10px 0px;
border-top: 1px solid #8D8C8C;
width: 100%;
}
li.mobil-menu-social li a i {
color: #8D8C8C;
font-size: 20px;
}
li.mobil-menu-social li a {
padding: 5px !important;
}
li.mobil-menu-social ul.social-list {
padding: 0px;
margin: 0px;
}
header.mobile.header .navbar-nav .dropdown-menu{
position: absolute;
}
ul.top-commnents-list .slick-arrow {
display: none !important;
}
.copy-right.web {
float: left;
}
.copy-left {
float: right;
width: 100%;
text-align: start;
padding-left: 10px;
padding-top: 10px;
border-top: 1px solid #FFC7B7 !important;
}
.copy-right {
float: left;
width: 100%;
text-align: start;
padding-bottom: 10px;
}
.copywrite-area {
border: none;
}
.copy-right ul {
padding: 0px;
}
.copy-right ul li {
padding: 0px 10px;
}
.copy-left p {color: #FFC7B7;}
ul.partners-list {
width: 100%;
float: left;
text-align: justify;
}
button.partner-control.slick-prev {
left: 0px;
z-index:5;
}
button.partner-control.slick-next {
right: 0px;
}
ul.partners-list li {
margin: 0px;
padding: 10px;
float: left;
}
ul.partners-list li img {
max-width: 90%;
height: auto;
max-height: 40px;
}
ul.top-tutors-list .slick-slide{
opacity: 1;
}
section.about-cover {
margin-top: 50px;
}
section.about-cover h1 {
line-height: 30px;
font-size: 18px !important;
width: 80%;
float: left;
text-align: start;
margin: 60px 0px;
}
section.about-info {padding: 20px 0px;}
.left-part, .right-part {
width: 100%;
}
section.tutor-cover {
margin-top: 50px;
padding: 50px 0px;
}
section.tutor-cover h1 {
font-size: 24px !important;
line-height: 34px !important;
}
section.tutor-info .tutor-step div {
width: 100%;
}
.first-column h3 {
font-size: 22px !important;
text-align: center;
}
.first-column h3:after {
display: none;
}
.steps:before {
display: none;
}
section.tutor-info .tutor-step .second-column h4 {
font-size: 18px !important;
}
section.tutor-info .tutor-step .second-column {
padding: 0px
}
img.mobile.tutor-topimg {
float: left;
margin-right: 10px;
width: 20px;
}
section.tutor-info .tutor-step .second-column p {
padding-left: 30px;
}
.faq-area {
width: 100%;
}
section.tutor-bottom > div > div {
width: 100%;
}
section.blog-top {
margin-top: 50px;
padding: 0px;
}
ul.top-blog li > div {
width: 100%;
padding: 0px;
}
ul.top-blog > .slick-list.draggable {
width: 100% !important;
}
ul.top-blog li div.title-part {
padding: 10px;
padding-bottom: 30px;
}
ul.top-blog li div.title-part h3 {
font-size: 30px;
line-height: 40px;
}
ul.slick-dots {
display: none !important;
}
ul.home-slider ul.slick-dots, ul.home-list ul.slick-dots{
 display: block !important;
 padding: 0px;
}

ul.top-blog button.slick-next.slick-arrow {
bottom: -10px;
left: 40px !important;
top: unset;
}
ul.top-blog button.slick-prev.slick-arrow {
bottom: -10px;
left: 0px !important;
top: unset;
}
ul.top-blog button.slick-arrow img {
height: 30px;
}
.blog-list-area {
width: 100%;
margin-bottom: 30px;
}
.blog-sidebar {
width: 100%;
}
.blog-list-area .blog-item {
width: calc(100% - 20px);
}
.blog-sidebar.mobile {
margin-bottom: 20px;
}
section.single-blog-top ul.blog-breadcrumb li {
font-size: 12px;
}
section.single-blog-top ul.blog-breadcrumb li a {
font-size: 12px;
}
section.single-blog-top ul.blog-breadcrumb li:after {font-size: 12px;}
section.single-blog-top h1 {
font-size: 30px;
margin-top: 20px;
width: 100%;
}
section.single-blog-top ul.single-blog-stat li {
width: 100%;
float: left;
margin: 0px;
font-size: 14px;
line-height: 30px !important;
}
section.single-blog-top ul.single-blog-stat li a {
font-size: 14px;
line-height: 30px;
}
section.single-blog-top ul.single-blog-stat li.s-author img {
width: 24px;
height: 24px;
}
section.single-blog-top ul.single-blog-stat li img {
height: 14px;
}

section.single-blog-top ul.single-blog-stat {
margin-top: 30px;
}
section.single-blog-top {
background-repeat: no-repeat !important;
background-size: cover !important;
background-position: center !important;
margin-top: 50px;
}
.blog-inner-area {
width: 100%;
}
section.tutor-list-top {
margin-top: 50px;
}
section.tutor-list {
padding: 0px;
}
section.tutor-list h2 {
width: 90%;
font-size: 18px !important;
}
.tutor-mobile-filter.mobile {
width: 100%;
padding: 20px 0px 0px;
float: left;
}
.tutor-mobile-filter.mobile > .dropdown.bootstrap-select {
border: 1px solid #B4B4B4;
border-radius: 5px;
margin: 5px auto;
width: 70% !important;
padding: 10px;
}
.tutor-mobile-filter.mobile .dropdown.bootstrap-select .filter-option-inner-inner {
color: #8B8B8B;
font-size: 14px;
line-height: 30px;
}
a.mobile-filter-open {
width: 30%;
float: right;
font-weight: bold;
font-size: 16px;
padding: 10px;
}
a.mobile-filter-open img {
margin-right: 5px;
}
.mobile-filter-open {
width: 100%;
float: left;
}
.list-area .tutor-item {
min-height: unset;
width: calc(100% - 40px);
height: fit-content;
}
.text-part p {
font-size: 16px;
}
section.tutor-bottom-category .category-tags a {
border-radius: 30px;
padding: 10px 20px !important;
float: left;
line-height: 30px;
margin: 10px;
position: relative;
width: fit-content;
}
.mobile-opnened-filter h4 {
margin: 5px 0px;
font-size: 18px;
float: left;
font-weight: bold;
width: 100%;
}
.mobile-opnened-filter .collapse {
width: 100% !important;
border-top:  none !important;
left: 0px !important;
padding-bottom: 24px;
margin-bottom: 31px;
background: white;
border-bottom: 1px solid #B4B4B4;
border-radius: 0px !important;
box-shadow: none !important;
}
.mobile-opnened-filter .collapse .card.card-body {
padding: 0px 5px;
width: 100%;
float: left;
border: none;
}
.mobile-opnened-filter {
width: 100%;
float: left;
position: absolute;
z-index: 100;
background: white;
top: 0;
padding: 0px 20px 20px;
left: 0;
display: none;
}
input#amount-mobile {
color: black !important;
margin-bottom: 10px;
}
.mobile-opnened-filter div#collapseExample2 {
display: block;
float: left;
}
.mobile-opnened-filter a.main-button {
width: 100%;
float: left;
text-align: center;
}
.mobile-opnened-filter .dropdown.bootstrap-select {width: 100% !important;border: 1px solid #B4B4B4;border-radius: 5px;margin: 10px auto;padding: 10px;}
.opnened-filter-head {
width: 100%;
position: relative;
float: left;
text-align: center;
}
.opnened-filter-head h3 {
font-weight: bold;
font-size: 20px;
line-height: 30px;
padding: 20px;
border-bottom: 1px solid #B4B4B4;
}
.opnened-filter-head a.filter-close {
position: absolute;
right: 10px;
top: 25px;
}
.opnened-filter-head a.filter-close img {
width: 15px;
}
.single-tutor-left .tutor-personal .ing-area {
width: calc(100% - 80px);
padding: 0px 10px;
}
section.single-tutor-top ul.tutor-breadcrumb li a, section.profile-area ul.tutor-breadcrumb li a {
font-size: 12px;
}
section.single-tutor-top {
margin-top: 50px;
padding: 20px 0px;
}
section.single-tutor-top ul.tutor-breadcrumb li:last-child, section.profile-area ul.tutor-breadcrumb li:last-child {
font-size: 12px;
}
.single-tutor-left {
width: 100%;
padding: 10px 0px;
margin: 0px;
}
.single-tutor-left .tutor-personal {
padding: 0px;
}
.single-tutor-left .tutor-personal> img {
width: 80px;
height: 80px;
}
.single-tutor-left .tutor-personal ul.info-list.mobile {
width: 100%;
float: left;
}
.single-tutor-left nav.navbar.tutor-menu ul li {
width: fit-content !important;
}
.single-tutor-right {
width: 100%;
}
.single-tutor-course .img-area {
width: 100%;
}
.single-tutor-course .img-area img {
width: 85%;
height: 160px;
object-fit: cover;
border-radius: 20px;
}
.single-tutor-course .info-area {
width: 100%;
}
.single-tutor-course .info-area .detail-part {
float: right;
width: 100%;
}
.single-tutor-course .info-area .button-area {
width: 100%;
}
p.deadline.mobile {
font-size: 30px !important;
font-weight: bold;
width: 25%;
float: left;
text-align: center;
}
.tutor-resume .nav-tabs .nav-link {
font-size: 12px;
margin: 0px 10px  0px;
}
.tutor-prefered .half {
width: 100%;
float: left;
}
.tutor-subject .nav-tabs .nav-link {
font-size: 14px;
margin: 0px 20px 0px 0px;
}
div#reviews .reviews-list .img-part {
width: 80px;
height: 80px;
float: left;
}
div#reviews .reviews-list .review-pars.mobile {
width: calc(100% - 80px);
float: left;
text-align: start;
}
div#reviews .reviews-list .review-pars.mobile h4, div#reviews .reviews-list .review-pars.mobile span {
float: right;
width: 100%;
}
div#reviews .reviews-list p {
width: 100%;
float: left;
font-size: 14px;
margin-top: 10px;
}
div#reviews .reviews-list .review-pars .stars {
width: 100%;
float: left;
display: block;
position: relative;
padding: 10px 0px;
}
div#reviews .reviews-list .review-pars .stars span {
width: 15px;
float: left;
}
section.top-categories ul li {
width: calc(50% - 20px);
border-radius: 20px;
}
section.top-categories ul li h4 {
left: 10px;
font-size: 16px;
bottom: 10px;
}
.single-tutor-course .week-area {
width: 100%;
margin-top: 20px;
padding: 0px;
}
.courses-syllabus .single-tutor-course .info-area {
width: 100%;
}
.week-area p {
font-weight: bold;
text-transform: uppercase;
width: fit-content;
float: left;
}
.week-area span {
width: fit-content;
float: left;
font-size: 16px;
margin-left: 5px;
}
nav.navbar.tutor-menu li a {
font-size: 16px;
}
nav.navbar.tutor-menu ul li {
margin: 0px 10px 0px 0px;
}
.modal-content .modal-body {
padding: 10px;
}
.wizard ul.tabs {
width: 100%;
padding: 0px;
}
.wizard-inner ul li {
margin: 5px 8px;
width: 12%;
float: left;
}
.wizard-inner ul.tabs li a span.round-tab {
display: block !important;
margin: 0 auto !important;
font-size: 14px !IMPORTANT;
}
.wizard-inner ul.tabs li a i {
float: left;
display: none;
font-size: 12px;
margin: 5px auto 0px;
}
.wizard-inner ul li a {
margin: 0px;
}
.wizard-inner ul.tabs li a {
text-align: center !important;
}
.wizard .tab-content {
width: fit-content;
}
.wizard .tab-content .tab-pane {
width: 100%;
margin: 0px;
}
.register .tab-pane#step1 form, .register .tab-pane#step2 form, .register .tab-pane#step3 form {
width: 100%;
}
.form-group.quarter {
width: 80%;
}
.register .form-group.half, .profile-editarea .form-group.half {
width: 100%;
}
.linputlanguage-list .half {
width: 50% !important;
}
div#register-notification li input[type="checkbox"]+label {
font-size: 12px;
}
.register .form-group p, .profile-editarea .form-group p {
font-size: 14px;
}
.register .form-right, .profile-editarea .form-right {
width: 100%;
}
.upload-msg {
display: none !important;
}
.from-to {
width: 100%;
}
.from-to span.plus,.from-to span.minus {
margin: 10px 5px;
}
.from-to select {padding: 10px;font-size: 14px;}
form.video {
width: 100% !important;
height: fit-content;
}
ul.list-inline.pull-right li button {
font-size: 14px;
padding: 5px;
}
ul.list-inline.pull-right li {
margin: 10px 5px;
}
.wizard-inner ul.tabs li.disabled a span.round-tab {
position: relative !important;
}
.wizard-inner ul.tabs li.active a span.round-tab {
position: relative;
}
/*Video course Vimeo*/
.video-course-main {
    margin-top: 50px;
}

.video-course-main .player-area .player-area-video .course-sidebar__show{
    display: none;
}
.course-details-area .course-details-syllabus{
    display: none;
}
.course-tutor-area .media-body {
    border: none;
}
.video-course-main .course-sidebar-column{
    width: 100%;
    position: static;
    opacity: 1;
    right: unset;
    top: unset;
    height: 50vh;
    transition: transform ease-in-out 500ms;
    overflow-y: scroll;
}
    .video-course-main .course-sidebar-column .course-sidebar__header{
        display: none!important;
    }
    .video-course-main .course-sidebar-column .course-sidebar__content{
        height: 50vh;
    }
}
@media (min-width: 1000px) and (max-width: 1200px){
    .course-videoplayer{
        height: 514px;
    }
    .video-player__height-animation{
        height: 390px;
    }
}
@media (min-width: 850px) and (max-width: 992px){
    #coursePreviewArea .course-videoplayer{
        height: 387px;
    }
}
@media (min-width: 850px) and (max-width: 1000px){
    .course-videoplayer{
        height: 438px;
    }

}
@media (min-width: 750px) and (max-width: 850px){
    .course-videoplayer{
        height: 387px;
    }
}
@media (min-width: 650px) and (max-width: 750px){
    .course-videoplayer{
        height: 288px;
    }

}
@media (min-width: 550px) and (max-width: 650px){
    .course-videoplayer{
        height: 288px;
    }
}
@media (max-width:560px) {
.course-info__header{
    flex-direction: column;
    align-items: flex-start!important;
}
.course-tutor-area .info-header__leftside,
.course-tutor-area .info-header__rigthside{
    width:100%;
}
.course-tutor-area .course-share-area{
    margin-left:unset;
    justify-content:flex-start;
}
.course-tutor-area .info-header__rigthside{
    display:flex;
    flex-direction:row-reverse;
    justify-content: space-between;
}
.course-videoplayer{
height: 266px;
}
#search-overlay .centered {
    width: 95%;
}

#search-box input[type="text"] {
    width: 80%;
    float: left;
    line-height: 24px;
}
div#reviews .stars{
   width: 100%;
}
	.sample-images {
    overflow-y: scroll;
    width: 100%;
}

.sample-images ul li img {
    min-width: 100px;
}

.sample-images ul li {
    display: inline-block !important;
    width: 110px;
    min-height: 200px;
}

.sample-images ul {
    display: inline-block !important;
    width: fit-content !important;
}
 
.emojionearea .emojionearea-picker{
    right: -100px!important;
} 
.fc .fc-toolbar{
    display: block!important;
}
.fc-more-link .fc-more__link-btn{
    width: 50%;
    height: 100%;
    border-radius: 20%;
    background-color: #0b93d5;
    padding: 5px;
    /*margin-top: 5px;*/
    z-index: 4;
    position: relative;
    color: white;
}
.fc-daygrid-day-events{
    position: absolute;
    top: 0;
}
.calendar__info-area{
    flex-direction:column;
    align-items:baseline;
}
}
@media (max-width:510px) {
    .course-videoplayer{
        height: 240px;
    } 
}
@media (min-width: 1400px) and (max-width: 1800px){

}
@media (min-width: 1200px) and (max-width: 1400px){
    .course-videoplayer{
        height: 600px;
    }
}
@media (min-width: 1800px){
    .course-videoplayer{
        height: 650px;
    }
}
@media (max-width: 1000px){
    .video-course-main .player-area .player-area-video .course-sidebar__next-video,
    .video-course-main .player-area .player-area-video .course-sidebar__previous-video {
        display: none;
    }
    .course-videoplayer iframe {
        width: 100%;
    }
    .course-tutor-area {
        width: 99%;
        border-radius:0 0 10px 10px;
    }
}
@media (max-width: 850px){
    .course-details-area .course-details-tutor{
        padding: 10px;
    }
    .course-details-area .course-details-about .course-details-about__description p{
        padding: 10px;
    }
    .course-details-area .course-details-about p, .course-details-area .course-lesson-about p {
        padding: 10px;
    }
    .course-details-tutor img{
        height: 120px!important;
        width: unset!important;
    }
}
@media (max-width: 800px){
    .course-details__main-about{
        flex-direction: column;
    }
    .course-details__main-about .main-about__left{
        padding-bottom: 0!important;
        flex: 100%;
    }
    .course-details__main-about .main-about__left ul,.course-details__main-about .main-about__right ul{
        margin: 0!important;
        padding: 0!important;
    }
    .course-details__main-about .main-about__right{
        padding-top: 0!important;
        flex: 100%;
    }
}
@media (max-width: 576px){ 
    .lecture-content-area #video .video__time{
        flex-direction: column;
        align-items: flex-start;
    } 
    ul.button-list{
        padding-left: 0!important;
    }
    ul.button-list li.button-list-li.white {
        margin: 0px -8px;
        display: inline-block;
    }
    ul.button-list li.button-list-li.white  a{
        padding: 10px 20px!important;
    }
    #coursePreviewArea .course-preview-video-list .video-list__item-title {
        font-size: 1rem;
    }
    .uploaded-video__title{
        flex: unset;
    }
    .uploaded-video__success{
        padding: 0;
        flex-direction: column;
    } 

    .course-details-area .course-details-tutor{
        flex-direction: column;
        align-items: flex-start;
    }
    .course-details-area .course-details-tutor > img {
        width: 50%!important;
        height: unset!important;
        object-fit: cover;
        display: inline-block;
        flex: 100%;
        min-width: 180px;
        margin: 0 20px;
        margin-bottom: 10px;

    }
    .course-details-area .course-details-tutor .course-details-tutor__info-area {
        padding:0 20px;
        flex: 100%;
        display: inline-block;
    }
    #coursePreviewArea .course-preview-video-list .video-list__cover-img{
        width: 100px;
        flex: unset;
    }
    #coursePreviewArea .container{
        padding: 0px;
    }
    #coursePreviewArea .course-videoplayer{
        height: 210px!important;
    }
    .courses-syllabus .single-tutor-course .course-syllabus__info-area .course-video-list .course-video-list__item .course-video-list__item-header .video-list__content-area{
        flex: 100%;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
    }
    .courses-syllabus .single-tutor-course .course-syllabus__info-area .course-video-list .course-video-list__item .course-video-list__item-header .list-item__leftside{
        flex: 100%;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: flex-start;
    }
    .courses-syllabus .single-tutor-course .course-syllabus__info-area .course-video-list .course-video-list__item .course-video-list__item-header .list-item__rightside{
        flex: 100%;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        padding-left: 33px;
    }
}