/* ---------------------------------- Responsive Media Styles ---------------------------------*/

@media only screen and (min-width: 1500px) and (max-width: 1920px) {}

@media only screen and (min-width: 1200px) and (max-width: 1340px) {}


/* Medium Device : 1280px */

@media only screen and (min-width: 992px) and (max-width: 1199px) {}


/* Tablet Device : 768px */

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .loginTabs {
        width: 90%;
        margin: 20px auto 0px;
        float: none;
        padding-right: 0;
    }
    .loginbg {
        background: url(../img/circlebg.svg) no-repeat right -60% top -150px padding-box, transparent linear-gradient(300deg, #FDC830 0%, #F37335 100%) 0% 0% no-repeat padding-box;
        position: relative;
        background-size: 70%, 100%;
    }
    .investlogo {
        padding: 0px 0px 0px 0px;
        text-align: right;
        clear: both;
    }
    .sidebar-collapse .main-sidebar,
    .sidebar-collapse .main-sidebar::before {
        margin-left: 0px;
    }
}


/* Medium : 647px */

@media only screen and (max-width: 767px) {
    .yogiimg {
        display: none;
    }
    .uplogo {
        padding: 20px;
    }
    .loginArea {
        padding: 10px 20px;
    }
    .investlogo {
        text-align: center;
        padding: 0;
    }
    .loginTabs {
        width: 90%;
        margin: 20px auto 0px;
        float: none;
        padding-right: 0;
    }
    .loginbg {
        background: url(../img/circlebg.svg) no-repeat right -60% top -150px padding-box, transparent linear-gradient(300deg, #00BCE4 0%, #773dbd 100%) 0% 0% no-repeat padding-box;
        position: relative;
        background-size: 70%, 100%;
    }
    .layout-fixed .main-sidebar {
        left: 0;
    }
    .sidebar-dark-primary {
        margin: 0;
    }
    .userData {
        margin: 0;
    }
}


/* Small : 320px */

@media only screen and (max-width: 575px) {

    /*=================*/
    .hero-sectionbg { background: none; }
    .hero-bg-bottom { margin-top: -30px}
    .mobile-img img { opacity: 0.3; position: absolute; right: 0;  }
    .tophead { padding-bottom: 1rem !important; padding-top: 1rem !important;  }
    .work-spacebtn { padding: 6px 12px; font-size: 12px; }
    .banner-content h1 { font-size: 24px; }
    .banner-content p { font-size: 15px; padding-top: 10px; }
    .create-work { font-size: 15px; padding: 8px 22px; }
    .key-benefits h6 { font-size: 25px; }
    .key-benefits p { font-size: 14px; padding-top: 10px; }
    .key-benefitscontentbox { padding: 20px 30px; }
    .key-benefitscontentbox p { padding-top: 10px; font-size: 17px; }
    .key-benefits h5 { font-size: 15px; padding-top: 10px; }
    .catalog-contentboximg { height: 300px; }
    .catalog-contentboxlayer h5 { font-size: 20px; }

/*    .catalog-key .owl-next span { width: 40px; height: 40px; top: -50px; right: 53px; }

    .catalog-key .owl-prev span {
        width: 40px;
        height: 40px;
        top: -50px;
    }
    .catalog-key .owl-next span:before {
        width: 22px;
        height: 13px;
        top: 12px;
        left: 8px;
    }

.catalog-key .owl-prev span:before {  width: 23px;
        height: 13px;  top: 12px; left: 8px; }
        */
.catalog-key .owl-next span { width: 40px; height: 40px; top: -43px; right: 10px; }
    .catalog-key .owl-prev span {
        width: 40px;
        height: 40px;
        top: -43px;
    }
    .catalog-key .owl-next span:before {
        width: 22px;
        height: 13px;
        top: 12px;
        left: 8px;
    }
.catalog-key .owl-prev span:before {  width: 23px;  height: 13px;  top: 12px; left: 8px; }
.key-benefits h4 { font-size: 16px; padding-top: 10px; }
.college-rightimg::after { height: 252px; }
.college-rightimg { margin-top: 0px; }
/*.pink-dots { padding-left: 30px; padding-bottom: 12px; }*/
.works-box { padding: 11px 15px 20px 20px; min-height: 280px; margin-bottom: 15px }
.works-box p { font-size: 20px; }
.works-box h4 { font-size: 20px; padding-top: 15px; }

.works-box h6 { font-size: 14px; padding-top: 12px; line-height: 20px; }
.user-sayimgbox { height: 110px; margin-top: -60px; }
.blue-moon {  margin-top: -50px; }
.user-saydots { margin-top: -40px; }

.beloved-users { padding: 0px 20px; min-height: 282px; }
.beloved-users p { font-size: 13px; }
.coma-white { height: 90px; }
.coma-blue { left: 25px;  height: 90px; }
.user-picbox { width: 50px; height: 50px; }
.mobile-seccontent h4 { font-size: 31px; }

.mobile-section { background-size: cover; height: 100%; }
.mobile-seccontent p { font-size: 14px;  padding-top: 10px; }
.store-img { height: 42px; }
.mobile-rightimg { max-height: 330px; }

.footcontent ul li { font-size: 13px; padding-bottom: 7px; }
.footcontent h3 { font-size: 18px; }
.footcontent p { font-size: 13px; }
.footcontent p span i { font-size: 5px; padding: 0px 5px; }
.foot-logo { height: 42px; }
.signup-section { background: none; }
.outer-box { padding-top: 10px; padding-right: 10px; margin-top: 70px; }
.signup-contentbox { padding: 20px 10px; }
.signup-contentbox h2 { font-size: 26px; }
.signup-contentbox h6 { font-size: 15px; }
.input-box { padding: 7px 15px; }
.signup-label { font-size: 13px; }
.input-border { font-size: 12px !important; }
.signup-contentbox p { font-size: 12px; }
.check-label { font-size: 15px; }
.signup-contentbox h3 { font-size: 14px; }
.creat-btn { font-size: 13px; padding: 8px 10px; }
.signup-contentbox h4 { font-size: 14px; padding-top: 14px; }
.google-btn { font-size: 14px; padding: 8px 20px; }

.signup-contentbox h1 { font-size: 14px; padding-top: 23px; }
.signup-uploadbtn { top: 17px; }
.forgetpassword a { font-size: 15px; }

.green-box { top: 15px; line-height: 25px; width: 25px; height: 25px; }

.new-popcontent h3 { font-size: 25px; }
.new-popcontent p { font-size: 17px; }
.pop-middleimg { height: 120px; }
.new-popcontent h2 { font-size: 21px; }
.new-popcontent h5 { font-size: 13px; padding-top: 7px; }
.new-popcontent h6 {  font-size: 17px; padding-top: 10px; }
.banner-content { padding-top: 100px; }

    .foot-social { margin-bottom: 30px; }
    .footcontent { margin-bottom: 30px; }

/*  */
.number {
    left: auto;
    right: 3px;
}
.logo-new { height: 25px; }
.content-header { background: #fff; }
.titlepad h4 { font-size: 23px; }
.curveBox h3 { font-size: 30px; }
.curveBox p { font-size: 14px; }
.curveBox { padding: 15px; }
.right-contentboxdash { padding: 0px 10px; }
.copy-rightcontent p { font-size: 12px; }
.dashboard-footlogo { height: 35px; }
[class*=sidebar-dark-] .nav-sidebar>.nav-item>.nav-link.active { padding: 10px 13px; }
.nav-sidebar .nav-link p { margin-top: 0px;  padding-top: 0px; }
.nav-sidebar .nav-item>.nav-link { padding: 7px 10px; }

.filter-popup .modal-body { padding: 10px 20px; }
.applied-box h4 { font-size: 22px; }
.applied-box h5 { font-size: 12px; }
.applied-box h6 { font-size: 20px; }
.applied-box p { font-size: 12px; }
.bag-bg { width: 40px; height: 40px; line-height: 40px; }
.card-title { font-size: 17px; }
.showcontent { font-size: 12px; }
.card-content { font-size: 13px; }
.callrequbox h4 { font-size: 16px; }
.teacherdetail h3 { font-size: 14px; }

.course-catagory { padding: 7px 15px; }
.catagory-borderight { border-right: none; }
.btn-md { font-size: 12px !important; }

.trending-slide .owl-next span { top: -55px; }
.trending-slide .owl-prev span { top: -55px; }
.inner-paddingcourse h2 { font-size: 18px; }
.course-details h4 { font-size: 22px; }
.course-details p { font-size: 13px; margin-bottom: 10px;}
.erned-point { font-size: 15px; }
.jobs-text { font-size: 15px; }
.jobs-text { font-size: 16px; }
.introduction-box { padding: 10px 10px; }
.play-box { width: 35px !important; height: 35px !important; line-height: 35px !important; }
.marks-box { width: 35px !important; height: 35px !important; line-height: 35px !important; }

.badge-primary { font-size: 14px; padding: 6px 13px; }
.introduction-box h6 { font-size: 16px; }
.introduction-box p { font-size: 12px; }
.lock-box { width: 35px; height: 35px; line-height: 30px; }
.filterbox .card { padding: 15px 15px; }
.filterbox .card-header button { font-size: 14px; }
.filterbox .card-header .fa-plus { font-size: 12px; }
.filterbox .card-header .fa-minus  { font-size: 12px; }
.filterbox .card-body { padding-top: 5px; font-size: 13px; }
.download-box h3 { font-size: 14px; }
.download-box p { font-size: 13px; }
.comment-box { padding: 5px 10px; }
.comment-box p { font-size: 14px; }
.responses-box { padding: 15px 10px; }
.responses-box:after { left: 18%; }
.input-response {  padding: 13px 15px;  font-size: 15px !important; }
.send-img { right: 15px; top: 16px; }

.more-questionbtn { font-size: 13px; padding: 8px 10px; }

.video-box { height: 250px !important; border-radius: 30px; }
.video-box .video-coursedetails { border-radius: 10px; }
.range-box input[type='range'] { width: 270px; }
.new-draft { top: 13px;  right: 19px; }
.video-adjuxtimg { bottom: 57px; right: 15px; }
.course-detailstab .nav-item { font-size: 14px; text-align: center; margin-right: 0px;}
.course-detailstab { display: block;}

.pdf-boxcloseimg { width: 20px; height: 20px; line-height: 20px; }

    /*===================*/



    .yogiimg {
        display: none;
    }
    .uplogo {
        padding: 20px;
    }

    .loginArea {
        padding: 10px 20px;
    }
    .investlogo {
        text-align: center;
        padding: 0;
    }
    .loginTabs {
        width: 90%;
        margin: 20px auto 0px;
        float: none;
        padding-right: 0;
    }
    .layout-fixed .main-sidebar {
        left: 0 !important;
    }
    .sidebar-dark-primary {
        margin: 0;
    }
    .userData {
        margin: 0;
    }

.student-invite { padding: 8px 0px; font-weight: 700; font-size: 13px; }
.student-invite img { width: 59px; margin-bottom: -10px;}
.student-tab .nav-item .nav-link { padding: 4px 10px; }
.student-tab .nav-item { margin-right: 4px; font-size: 12px; }
.results-found { font-size: 14px; }
.student-detailsbox h1 { font-size: 16px; }
.student-detailsbox p { font-size: 13px; padding-top: 2px; line-height: 18px; }
.student-detailsbox h3 { font-size: 13px; padding-top: 12px; }
.student-detailsbox {  padding: 10px 15px; }
.student-imgbox { width: 60px; height: 60px; }
.student-donebox { width: 35px; height: 35px; line-height: 35px; }
.edit-course .nav-item { margin-bottom: 5px; }
.add-newcoursebox { padding: 15px 12px; }
.new-coursehead h2 { font-size: 18px; }

.add-coursetopimg { width: 182px; height: 126px; margin: 0 auto; }
.dark-coursebox { top: 38px; width: 55px; height: 55px; line-height: 55px; }
.upload-btn-wrapperaddcourse .uploadBtnaddcourse { font-size: 15px;  }
.max-size { font-size: 13px; padding-top: 2px; }
.course-input { padding: 12px 15px;  }
.skills-badge {
    font-size: 13px;
    padding: 6px 32px 6px 10px;
    margin-right: 2px;
    margin-bottom: 5px;
}
.close-img { top: 1px; }
.lessons-box { padding: 12px 10px; }
.preview-uplopad { top: 12px; right: 12px; }
.padding-rightinput { padding-right: 70px; }
.question-box { padding: 12px 10px; }
.course-label { font-size: 13px; }
.text-boxinner { padding: 10px 10px; }
.text-boxinner p { font-size: 13px; line-height: 18px; }
.input-checkbox { top: 32px;  right: 8px; }
.back-btn { font-size: 13px; padding: 8px 10px; }

.add-video { font-size: 13px; padding: 8px 10px; }
.new-module { font-size: 13px; padding: 8px 10px; }
.instructors-boxcontent h2 { font-size: 16px; }

.inner-paddinginstruct h3 { font-size: 13px; }
.instructors-boxcontent { height: 130px; padding: 10px 10px; }

/*.catalog-key .owl-prev span:hover:before { top: 12px; }
.catalog-key .owl-next span:hover:before { top: 7px; left: 2px; }*/
.catalog-key .owl-prev span:hover:before { top: 6px; left: 2px; }
.catalog-key .owl-next span:hover:before { top: 12px; left: 7px; }

.results-text { font-size: 14px; }
.inner-titlehead h5 { font-size: 20px; }
.teachers-detailsimg {  width: 200px;  height: 175px;  margin: 0 auto; }
.instructor-detailsbox h4 { font-size: 24px; }
.instructor-detailsbox h5 { font-size: 16px; padding-top: 5px; }
.instructor-detailsbox h6 { font-size: 14px; }

.sign-popup .card-body { padding: 5px 3px; }
.delete-boxpink { height: 47px; width: 47px; line-height: 43px; }
.instructor-detailsbox p { font-size: 13px; padding-top: 10px; }
.profile-summary .card-body { padding: 1rem; }
.profile-summary h4 { font-size: 20px; }
.profile-summary p { font-size: 14px; padding-top: 5px; }
.profile-summary h4 { font-size: 18px; }
.key-skillsbadge { font-size: 12px; padding: 10px 12px; }
.inner-titlehead p { font-size: 12px; }
.gaming-expertbox { padding: 12px 15px; }
.gaming-expertbox h2 { font-size: 17px; }
.gaming-expertbox h3 { font-size: 13px; padding-top: 4px; }
.gaming-expertbox h5 { font-size: 13px; padding-top: 15px; }
.gaming-expertbox p { font-size: 13px; padding-top: 3px; line-height: 18px; }

.gaming-expertbox h6 { font-size: 14px;  padding-top: 3px; }
.Language-btn { padding: 7px 13px; font-size: 12px; }

.popular-skillsbadge { padding: 10px 10px; font-size: 13px; margin-right: 5px; margin-bottom: 7px;  }
.popular-skillsbadge span {  font-size: 12px;  padding-top: 0px; line-height: 0px; }
.companies-maincard { width: 146px; height: 155px; margin-right: 5px; }
.companies-maincard .card-body { padding: 10px 5px; }

.companies-maincard p { font-size: 12px; }
.middle-border { width: 95px; height: 1px; margin: 10px auto; }
.companies-maincard h6 { font-size: 16px; }
.jobs-card h2 { font-size: 18px; }

.jobs-card .card-body { padding: 10px 15px; }
.jobs-card h3 { font-size: 13px; }
.jobs-card h6 { font-size: 13px; padding-top: 15px; }

.instructor-detailsbox h2 { display: block; font-size: 14px; padding-top: 10px; line-height: 22px; }
.instructor-detailsbox h3 { font-size: 12px; }
.job-detailsimg {  width: 180px; height: 160px; padding: 30px 30px; margin: 0 auto; }
.pop-head h2 { font-size: 25px; }
.scheduled-user { width: 100px; height: 100px; margin: 0 auto; margin-top: -76px; }
.scheduled-appointmentbox { padding: 10px 10px;  margin-top: 70px; }
.scheduled-appointmentbox h2 { font-size: 22px; padding-top: 7px; }
.scheduled-appointmentbox h3 { font-size: 14px; padding-top: 5px; }
.scheduled-appointmentbox h4 { font-size: 14px; padding-top: 5px; }
.scheduled-appointmentbox h5 { font-size: 15px; padding-top: 12px; }
.scheduled-appointmentbox h6 { font-size: 13px; padding-top: 10px; }
.join-menupopcontent h6 { font-size: 16px; padding-top: 15px;  }
.join-menupopcontent h1 { font-size: 28px; }
.join-menupopcontent h5 { font-size: 15px; padding-top: 3px; }
.join-menupopcontent h3 { font-size: 14px; padding-top: 13px; }
.check-inbtn { font-size: 14px; padding: 10px 15px; }
.swip-img { height: 37px; position: absolute; left: 11px; top: 2px; }
.first-input { width: 66px; }
.dash-modelcontent h1 { font-size: 16px; }
.set-timelabel { font-size: 14px; }

.connect-withtext {  left: 5px; bottom: 28px; }
.connect-withtext p { font-size: 12px; }
.connectiocns i.fa-plus { font-size: 10px; }

/*================*/
.faq-headtext h2 { font-size: 20px; }
.faq-categorybox ul li { font-size: 15px; padding: 10px 0px; }

/* meet */
.meet-userbox { width: 309px; height: 220px; }
.meetclientbtn { font-size: 12px; padding: 7px 15px; }
.meet-clientbox { width: 145px; height: 100px; bottom: 10px; right: 10px; }
.microphones-box { width: 40px; height: 40px; line-height: 46px; }
.microphones-box i { font-size: 16px; }
.join-btn { line-height: 10px;  font-size: 12px; padding: 7px 20px; }
.join-btn i { font-size: 22px; }
.meet-title h4 { font-size: 22px; }
.content-meet { height: 100vh; }

/*===========*/

.chat-documentsbox { width: 120px; height: 70px; }
.chat-documentsboxmain h3 { font-size: 13px; }
.chat-documentsboxmain { width: 120px; }

}
.footer-logo { display: inline-block !important;}
.footer-logo-img { margin-right: 0px !important;}
.copy-rightcontent p span a { font-size: 12px;}
.course-details h4 { font-size: 23px;}
.lessons-tabcontent h5 { font-size: 16px;}








@media only screen and (min-width: 576px) and (max-width:1024px) {

    .work-spacebtn {
    padding: 5px 9px;
    color: #FFFFFF;
    font-size: 12px;
}

}


/* responsive code */
/* @media only screen and (max-width: 575px) {
.meet-userbox { width: 309px; height: 220px; }
.meetclientbtn { font-size: 12px; padding: 7px 15px; }
.meet-clientbox { width: 145px; height: 100px; bottom: 10px; right: 10px; }
.microphones-box { width: 40px; height: 40px; line-height: 46px; }
.microphones-box i { font-size: 16px; }
.join-btn { line-height: 10px;  font-size: 12px; padding: 7px 20px; }
.join-btn i { font-size: 22px; }
.meet-title h4 { font-size: 22px; }
.content-meet { height: 100vh; }
} */