/*1. @media screen and (min-width:0\0)
- IE

2. @media screen and (-webkit-min-device-pixel-ratio:0)
- Chrome/Safari

3. @media screen and (min-width: 1780px) and (max-width: 1980px)
- Larger Screens

4. @media screen and (min-width: 1500px) and (max-width: 1600px)
- Larger Screens

5. @media screen and (max-width : 1280px)
- Macbook and other devices

6. @media screen and (max-width : 1024px)
- iPad devices Landscape

7. @media screen and (max-width : 991px)
- Tabs and Tablets Landscape

8. @media screen and (max-width : 800px)
- iPad Potrait and other devices

9. @media screen and (max-width : 767px)
- iPhone 6Plus/Nexus 6 Landscape

10. @media screen and (max-width : 680px)
- iPhone 6 Landscape

11. @media screen and (max-width : 580px)
- iPhone 5 Landscape

12. @media screen and (max-width : 480px)
- iPhone 4 Landscape and iPhone 6/6Plus Potrait

13. @media screen and (max-width : 420px)
- iPhone 6/6Plus Potrait/Nexus 5/Samsung Galaxy Potrait

*/

@media screen and (min-width: 1900px) {
    .banner-slider .item {
        min-height: 1300px;
    }
}

@media screen and (max-width: 1280px) {}

@media screen and (max-width: 1190px) {
    .banner-slider .item {
        background-position: center right -200px;
    }
}

@media screen and (max-width: 1180px) {
    .registration-wrapper .form-box {
        text-align: center;
        padding: 50px 50px 50px 110px;
    }
}

@media screen and (max-width: 1024px) {
    .registration-wrapper .form-box {
        padding: 40px;
    }

    .get-otp-text {
        /* position: static; */
        /* margin-top: 8px; */
        /* display: inline-block; */
    }

    .navbar-brand,
    .header-section.sticky .navbar-brand {
        max-width: 180px;
    }

    section {
        padding: 60px 0;
    }

    .sub-heading {
        padding-bottom: 20px;
    }

    .banner-content h2 {
        font-size: 40px;
        line-height: 56px;
        padding: 8px 0 10px;
    }

    .sub-heading h3 {
        font-size: 32px;
        line-height: 40px;
    }

    .feature-listing .box {
        padding: 18px;
    }

    .select-sub-form {
        margin-bottom: 14px;
    }

    .plan-category .box:hover .header {
        background-color: transparent;
        color: #000000;
        border-bottom: 1px solid #dbdbdb;
        padding: 40px 0px 30px;
        margin: 0 40px;
        border-radius: 0;
    }

    .plan-category .box:hover .header h2 span,
    .plan-category .box:hover .header p {
        color: #4d4b4b;
    }

    .video-section .box p {
        min-height: 50px;
    }
}

@media screen and (max-width: 991px) {
    .header-section.sticky {
        box-shadow: none;
        position: static;
    }

    .header-section .navbar-toggler {
        padding: 4px 10px;
        font-size: 1.25rem;
        line-height: 1;
        background-color: #4c6fff;
        border: 1px solid #4c6fff;
        border-radius: 6px;
        order: 1;
    }

    .navbar-toggler-icon {
        background-image: url("../images/menu-icon.svg");
        background-repeat: no-repeat;
        background-position: center;
        height: 26px;
        width: 30px;
    }

    .head-btn {
        margin-left: auto;
        margin-right: 14px;
    }

    .header-section .navbar-collapse {
        background-color: #ffffff;
        box-shadow: 0px 3px 6px #cccccc;
        flex-grow: unset;
        padding: 10px 20px;
        position: absolute;
        width: 100%;
        top: 55px;
        z-index: 9;
    }

    .header-section .nav-item {
        padding: 4px 0;
    }

    .header-section .navbar-nav .nav-link {
        padding: 0;
    }

    .chapter-content {
        padding: 24px;
    }

    .chapter-content .content-box h3 {
        font-size: 28px;
        line-height: 36px;
    }

    .chapter-content .content-box>p {
        padding: 10px 0 0;
    }

    .blog-listing .item {
        width: 31.3%;
    }

    .plan-category .header {
        padding: 20px 0px 20px;
        margin: 0 20px;
    }

    .plan-category .middle {
        padding: 20px;
    }

    .plan-category .footer {
        padding: 0 20px 20px;
        text-align: center;
    }

    .plan-category .box:hover .header {
        padding: 20px;
        margin: 0;
    }

    .study-head {
        display: block !important;
        padding-left: 0 !important;
    }

    .study-head .sub-small-head.text-blue {
        padding-bottom: 12px;
    }

    .subject-box .search-btn {
        margin-top: 10px;
    }
}

@media screen and (max-width: 800px) {
    .study-material-section>.container {
        display: block !important;
    }

    /* .study-notes-listing {
        background-color: #ffffff;
        position: absolute !important;
        border: 1px solid #EDF2F7;
        max-width: 260px;
        padding: 0 0 20px;
        margin: 0 45px 0 0;
        margin-left: -260px;
        left: 0px;
        min-height: 100vh;
        transition: ease-in-out .5s;
        z-index: 9;
    }

    .study-notes-listing.open {
        margin-left: 0;
    } */

    .study-notes-listing {
        position: absolute;
        left: 0px;
        top: 0px;
        z-index: 3;
    }

    .study-material-section .left_sidebar_toggle {
        margin-left: -15px;
    }

    .left_sidebar_toggle {
        display: block;
    }

    .inner-wrapper-sticky {
        position: static !important;
        width: 100% !important;
        transform: none !important;
    }

    .sidebarTab {
        max-width: 100%;
    }

    .study-notes-listing h4 {
        padding: 12px;
    }

    .chapter-detail-box {
        margin-left: 0;
        max-width: 100%;
    }
}

@media screen and (max-width: 768px) {}

@media screen and (max-width: 767px) {
    body {
        font-size: 14px;
        line-height: 20px;
    }

    section {
        padding: 40px 0;
    }

    .btn {
        line-height: 36px;
        padding: 0 12px;
        font-size: 13px;
        min-width: 110px;
    }

    .registration-wrapper .container {
        display: block !important;
    }

    .registration-wrapper .form-box,
    .registration-wrapper .images-box {
        width: 100%;
        padding: 0px;
    }

    .registration-wrapper .form-box {
        padding: 0 0 40px;
    }

    .registration-wrapper .images-box a {
        display: block;
        max-width: 200px;
        margin: 14px 0;
    }

    .registration-wrapper .images-box span {
        display: none;
    }

    .banner-slider .item {
        background-position: center right -100px;
        min-height: inherit;
        position: relative;
        padding: 40px 0 80px;
        min-height: 550px;
    }

    .banner-slider .item::before {
        background: #000000cc;
    }

    .owl-carousel.banner-slider .owl-nav {
        bottom: 20px;
    }

    .owl-carousel.banner-slider .owl-nav button.owl-next span,
    .owl-carousel.banner-slider .owl-nav button.owl-prev span {
        background-size: 36px;
        height: 36px;
        width: 36px;
    }

    .banner-slider .item .container {
        position: relative;
    }

    .banner-slider .banner-content {
        position: relative;
        width: 100%;
        display: none;
        transform: unset;
        padding: 15px 30px;
    }

    .banner-slider .banner-img-container a{
        min-height: unset
    }

    .banner-slider .banner-img-container a img {
        height: auto;
    }

    .banner-content {
        max-width: 100%;
        padding: 0;
    }

    .banner-content h2 {
        font-size: 36px;
        line-height: 52px;
    }

    .banner-content p {
        font-size: 14px;
        line-height: 22px;
    }

    .banner-content .btn {
        font-size: 14px;
        min-width: 150px;
        line-height: 38px;
        margin-top: 12px;
    }

    .owl-dots {
        bottom: 8px;
    }

    .sub-heading h3 {
        font-size: 28px;
        line-height: 34px;
    }

    .feature-listing .box span {
        padding: 12px;
        height: 65px;
        width: 65px;
    }

    .feature-listing .box h4 {
        font-size: 17px;
        line-height: 26px;
        padding: 14px 0 2px;
    }

    .join-user-option .box {
        padding: 22px;
    }

    .join-user-option .box span {
        height: 90px;
        width: 90px;
    }

    .join-user-option .box p {
        font-size: 16px;
        line-height: 26px;
        padding: 15px 0 10px;
    }

    .join-user-option .box .btn {
        font-size: 14px;
        min-width: 150px;
    }

    .education-section .content-box {
        padding-left: 20px;
    }

    .education-section li {
        padding-left: 20px;
        margin-bottom: 10px;
    }

    .education-section li::before {
        background-size: 14px;
        width: 15px;
        height: 15px;
        top: 5px;
    }

    .owl-carousel.event-slider .owl-nav button.owl-prev {
        right: 45px;
    }

    .owl-carousel.event-slider .owl-nav button span {
        background-size: 6px;
        height: 36px;
        width: 36px;
    }

    .testimonials-slider .item {
        margin: 50px 0 0;
    }

    .testimonials-slider p {
        padding: 12px;
        min-height: 100px;
    }

    .testimonials-slider.owl-carousel .owl-nav button.owl-prev span,
    .testimonials-slider.owl-carousel .owl-nav button.owl-next span {
        background-size: 8px;
        height: 32px;
        width: 32px;
    }

    .testimonials-slider.owl-carousel .owl-nav button.owl-prev {
        right: 45px;
    }

    .testimonials-slider.owl-carousel .owl-nav button {
        bottom: -20px;
    }

    .footer-section {
        background-color: #f6f5fa;
        /* border-bottom: 14px solid #4c6fff; */
        padding: 40px 0 0;
    }


    .footer-section .content-box>a {
        max-width: 180px;
        padding-bottom: 10px;
    }

    .link-listing .box h4 {
        font-size: 18px;
        line-height: 22px;
        padding-bottom: 12px;
    }

    .link-listing .box li {
        padding: 0 0 5px;
    }

    .contact-box {
        padding: 0;
    }

    .contact-box .images-box {
        display: none;
    }

    .form-box {
        width: 100%;
        padding: 30px;
    }

    .select-type-text {
        padding-top: 16px;
    }

    .plan-category .box {
        margin: 0 6px;
    }

    .plan-category .middle ul li {
        font-size: 14px;
    }

    .video-section-new .listing .item {
        width: 50%;
    }

    .plan_tabs .nav-tabs .nav-link {
        font-size: 12px;
        line-height: 30px;
    }

    .plan_wrapper {
        white-space: nowrap;
        overflow: auto;
    }

    .plan_head,
    .plan_listing,
    .plan_sub_wrapper,
    .plan_footer {
        display: block !important;
        width: 100%;
        white-space: nowrap;
        min-width: 1055px;
    }

    .plan_head [class*="plan_"],
    .plan_listing [class*="plan_"],
    .plan_footer [class*="plan_"] {
        display: inline-block;
        white-space: normal;
        vertical-align: top;
    }

    .plan_head [class*="plan_"] {
        font-size: 14px;
        line-height: 20px;
        padding: 8px 10px;
        min-height: 36px;
    }

    .plan_detail {
        width: 100%;
        max-width: 400px;
    }

    .plan_free,
    .plan_basic,
    .plan_standard,
    .plan_pro {
        width: 100%;
        max-width: 160px;
    }

    .plan_detail h3 {
        font-size: 20px;
        line-height: 30px;
    }

    .plan_sub_head .plan_listing div img {
        max-width: 30px;
        max-height: 30px;
    }

    .plan_sub_wrapper {
        padding-top: 12px;
        padding-bottom: 12px;
    }

    .plan_sub_wrapper::before {
        font-size: 16px;
        line-height: 20px;
    }

    .plan_detail strong {
        font-size: 16px;
        line-height: 20px;
        padding: 0 0 6px;
    }

    .plan_detail p {
        font-size: 13px;
        line-height: 18px;
        padding: 4px 0;
    }

    .plan_future,
    .plan_none,
    .plan_gb {
        font-size: 12px;
        line-height: 28px;
        min-width: 70px;
    }

    .plan_footer .btn {
        font-size: 12px;
        line-height: 30px;
        min-width: 90px;
    }

    .test-listing .btn_box {
        position: unset;
        margin-top: 15px;
        /* margin-top: -21px; */
    }

    .test-listing .repeat-box {
        padding: 11px;
    }

    .custom-dropdown {
        width: 100%;
    }

    .d-flex.justify-content-between.flex-wrap.pt-3.pb-2.align-items-center {
        all: unset !important;
    }

    .owl-carousel.banner-slider .owl-nav {
        bottom: 10px;
    }

    .owl-carousel.banner-slider .owl-nav button {
        margin: 0 5px;
    }

    .banner-section .app-icon {
        bottom: 55px;
        left: 20px;
        max-width: 85%;
    }
}

@media screen and (max-width: 680px) {
    .plan-category {
        display: block !important;
    }

    .plan-category .box {
        margin-bottom: 20px;
    }

    .select-sub-form {
        display: block !important;
    }

    .select-sub-form .form-group.search-btn {
        max-width: 100%;
    }

    .select-sub-form .form-group {
        max-width: 100%;
        margin: 0 0px 10px;
    }

    .select-sub-form .form-control,
    .select-sub-form .form-control:focus {
        height: 38px;
        padding-top: 5px;
        padding-bottom: 5px;
        font-size: 12px;
    }

    .select-sub-form .custom-dropdown::after {
        height: 36px;
    }

    .select-sub-form .form-group.search-btn .btn {
        font-size: 12px;
        line-height: 27px;
        min-width: 64px;
    }
}

@media screen and (max-width: 575px) {
    .feature-listing .box {
        width: 48%;
    }

    .education-section .container {
        display: block !important;
    }

    .education-section .image-box {
        width: 100%;
    }

    .education-section .content-box {
        width: 100%;
        padding: 26px 0 0px;
    }

    .education-section .btn {
        margin-top: 15px;
    }

    .event-slider.owl-carousel {
        padding: 0 40px;
    }

    .event-section .item p {
        min-height: 95px;
    }

    .owl-carousel.event-slider .owl-nav button.owl-next,
    .owl-carousel.event-slider .owl-nav button.owl-prev {
        top: 50%;
        margin-top: -16px;
    }

    .owl-carousel.event-slider .owl-nav button.owl-prev {
        left: -4px;
    }

    .owl-carousel.event-slider .owl-nav button.owl-next {
        left: auto;
        right: -4px;
    }

    .owl-carousel.event-slider .owl-nav button span {
        height: 32px;
        width: 32px;
    }

    .video-icon {
        width: 30px;
        height: 30px;
        margin: -15px auto 0;
    }

    .video-lecture-list .item,
    .blog-listing .item {
        width: 48%;
    }

    .join-user-option {
        display: block !important;
    }

    .join-user-option .box:not(last-child) {
        border-bottom: 1px solid #cccccc;
        width: 100%;
    }

    .join-user-option .box:last-child {
        border-radius: 0 0 10px 10px;
    }

    .mCSB_inside>.mCSB_container {
        margin-right: 10px;
    }

    .mCSB_scrollTools {
        width: 6px;
    }

    .chapter-content {
        padding: 16px;
    }

    .subject-box p {
        /* width: 20%; */
        padding-bottom: 14px;
    }

    .subject-box span {
        margin: 0 0 10px;
        min-width: inherit;
        width: 80%;
    }

    .subject-box .search-btn {
        width: 100%;
        max-width: 100%;
        margin: 0;
    }

    .chapter-content .content-box>div.d-flex {
        flex-wrap: wrap;
    }

    .chapter-content .content-box h4 {
        font-size: 20px;
        font-weight: 600;
        order: 1;
    }

    .goto-class {
        width: 100%;
    }

    .goto-class a {
        display: inline-block;
        color: #718096;
        margin: 0 12px 10px 0;
    }
}

@media screen and (max-width: 500px) {}

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

    .navbar-brand,
    .header-section.sticky .navbar-brand {
        max-width: 100px;
    }

    .head-btn a:not(:first-child) {
        margin-left: 0px;
    }

    .head-btn a {
        font-size: 12px;
    }

    .registration-wrapper .form-box {
        /*padding: 40px 0;*/
    }

    .social-login-link ul li {
        padding: 0 8px;
        max-width: 130px;
    }

    .header-section {
        padding: 12px 0;
    }

    .header-section .navbar-toggler {
        padding: 4px 8px 5px;
    }

    .navbar-toggler-icon {
        height: 22px;
        width: 18px;
    }

    .header-section .navbar-collapse {
        top: 48px;
    }

    .head-btn {
        margin-right: 10px;
    }

    .head-btn a.btn {
        margin-left: 10px;
        min-width: 70px;
        line-height: 33px;
    }

    .owl-item.active.center {
        transform: scale(1);
    }

    .testimonials-slider .owl-stage {
        padding-top: 10px;
    }

    .testimonials-slider .item,
    .owl-item.active.center .item {
        margin: 40px 0 20px;
    }

    .video-lecture-list .item,
    .blog-listing .item {
        width: 100%;
        margin: 16px 0 0;
    }

    .event-section .item p {
        min-height: inherit;
    }

    .video-section-new .listing .item {
        width: 100%;
    }
}

@media screen and (max-width: 420px) {
    .feature-listing .box {
        border-bottom: 1px solid #edf2f7;
        width: 100%;
        padding: 10px;
        margin: 0 0 14px;
    }

    .join-user-option .box {
        padding: 12px;
    }

    .join-user-option .box span {
        padding: 16px 0 0;
        height: 65px;
        width: 65px;
    }

    .join-user-option .box p {
        font-size: 14px;
        line-height: 18px;
        padding: 15px 0 8px;
    }

    .join-user-option .box .btn {
        font-size: 13px;
        min-width: 110px;
    }
}

/* banner download button */

@media screen and (max-width: 767px) {
    footer#footer .app-icon {
        margin-bottom: 20px;
    }
}

/* satish CSS //////////////////////////////// */
@media screen and (max-width: 992px) {
    #content h4.sub-small-head.text-blue {
        margin-bottom: 20px;
        text-align: center;
    }

    #content form.d-flex {
        display: block !important;
        text-align: center;
    }

    #content .content-head.d-flex.align-items-center.justify-content-between.pt-3.pb-3 {
        display: block !important;
        text-align: center;
    }

    /* css resp */
}

/* -----Help and Support Media Query for Responsive Webpage------------ */

@media screen and (max-width: 1200px) {
    .wrapper .help-and-support .row {
        padding: 0 20px;
    }

    section.faq .container {
        padding-left: 20px;
        padding-right: 20px !important;
    }

    section.faq .container .accordion-menu,
    section.faq .container .tab-content {
        margin-right: 0;
    }

    .wrapper section.faq .container h2 {
        padding-left: 20px;
    }
}

@media screen and (max-width: 768px) {
    .wrapper .help-and-support .row {
        flex-direction: column-reverse;
    }

    .help-and-support .row .content-help {
        padding: 0;
    }

    .help-and-support .row .content-help h2 {
        padding-top: 20px;
        font-size: 25px;
        text-align: center;
    }

    .help-and-support .row .content-help p {
        text-align: justify;
        font-size: 16px;
    }

    .helpSlide {
        text-align: center;
    }

    section.faq .container .tab-content {
        padding-left: 25px;
        text-align: justify;
    }

    section.faq .container h2 {
        font-size: 25px;
    }

    section.faq .container .tab-content .student-accordion {
        text-align: justify !important;
    }
}

@media (max-width:576px) {
    .blog-section .nav-tabs {
        padding: 0 !important;
    }

    section.blog-section.event-section form.select-sub-form span.custom-dropdown {
        width: 100%;
    }

    section.blog-section.event-section form.select-sub-form span.custom-dropdown span.select2 {
        width: 100% !important;
    }

}

@media(max-width:767px) {
    .copyright-text {
        flex-direction: column;
        text-align: center;
        padding: 15px;
    }

    .copyright-text strong {
        margin-bottom: 10px;
    }
}