/*--------------------------------------------------------------
    laptop
---------------------------------------------------------------*/
@media only screen and (min-width: 992px) and (max-width: 1200px){
    .container {
        max-width: 960px;
    }
    .main-menu-area ul li a {
        padding: 10px 2px;
        font-size: 18px;
    }
}


/*--------------------------------------------------------------
    tablet
---------------------------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 991px){
    .container {
        max-width: 720px;
    }
    .mean-container .mean-bar {
        position: absolute;
        background: transparent;
        top: 90px;
        right: 35px
    }
    .header-course-search {
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
    }
    .header-contact-info {
        -ms-flex-preferred-size: 60%;
        flex-basis: 60%;
        padding-right: 0;
    }
    .main-menu-area {
        -ms-flex-preferred-size: auto;
        flex-basis: auto;
    }
    .site-logo {
        -ms-flex-preferred-size: 20%;
        flex-basis: 25%;
    }
    .header-cart {
        -ms-flex-preferred-size: 30%;
        flex-basis: 30%;
        text-align: right!important;
        padding-right: 100px
    }
    .header-log-reg {
        -ms-flex-preferred-size: 45%;
        flex-basis: 45%;
        padding-right: 100px
    }
    .header-course-search input {
        font-size: 14px;
    }
    .header-course-search span {
        top: 12px;
        right: 14px;
    }
    .footer-widget.logo,
    .footer-widget.footer-cat{
        margin-bottom: 50px;
    }
}

/*--------------------------------------------------------------
    mobile
----------------------------------------------------------------*/
@media only screen and (max-width: 767px){
    .container{
        max-width: 540px;
    }
    .header-top-wrap,
    .main-menu-wrap{
        display: block;
    }
    .header-contact-info {
        text-align: center!important;
        padding: 12px 0 5px;
    }
    .header-contact-info li {
        padding: 5px 15px;
    }
    .header-top-social {
        text-align: center!important;
    }
    .header-log-reg {
        display: none;
    }
    .header-btm-area {
        padding: 5px 0;
        overflow: hidden
    }
    .site-logo {
        float: left;
        position: relative;
        z-index: 999999;
        width: 50%
    }
    .btn-default{display: none;}
    .discount-cont.three {padding: 0 0 0 0px;}
    .contact-form {padding: 10px;}
    .caption-content h2 {font-size: 25px;line-height: 30px}
    .discount-wrap.three {padding: 10px;}
    .discount-img {width: 100%;text-align: center;}
    .discount-img h2{font-size: 24px; line-height: 30px; font-weight: 600}
    .discount-cont {width: 100%; text-align: center; padding: 0px}
    .mobile{display: block !important}
    .contact-form input {height: 45x;padding: 10px;margin-bottom: 5px;font-weight: 600; width: 100%}
    .about-area.four .sec-heading {margin: 0px;}
    .about-area.four {padding: 5px 0 5px; text-align: center;}
    .sec-heading h2 {  font-size: 18px;}
    .sec-heading p {padding: 5px; font-size: 14px; line-height: 20px; margin: 0px}
    .counter-single1 h2 {font-size: 23px;line-height: 30px}
    .desktop{display: none}
    .video-area{background-color: #f4f4f4}
    .video-cont h2 {font-size: 24px;line-height: 20px}
    .counter-wrap {padding: 0px 5px 0;}
    .video-area table td {font-size: 20px;}

    .four h2{font-size: 24px}
    .category-area {padding: 10px 0px 10px;}
    .sec-heading {margin-bottom: 10px;}
    .category-single.four {margin-bottom: 10px; padding: 5px 5px 5px;}
    .category-single img {margin-bottom: 5px;}
    .category-single h4 a {font-size: 17px;font-weight: 600;line-height: 34px;}
    .footer-top-area p {color: #fff; font-size: 16px;}
    #courses .dneet{display: none !important}
    #courses .mneet{display: block !important}
    .modal-body{background-color: #30752e; border-radius: 6px}
    .modal-body .form-control {line-height: 35px; margin-bottom: 10px}
    .modal-body h4{color: #fff}
    .close {color: #fff !important}
    .footerone {
        display: block !important;
    }

    .mobile {display: block}
    .btn-default {display: block;  }
    .video-area p {font-size: 14px;color: #000;line-height: 24px}
    .video-area h2{font-size: 20px}
    .counter-single1{background-color: #fff; padding: 15px; margin-bottom: 15px;border-radius: 7px}

    .footerone {
        position: fixed;
        left: 0;
        bottom: 0;
        width: 100%;
        background-color: #30752e !important;
        color: white;
        text-align: center;
        display: block;
        z-index: 99999999;
    }

    .footerone ul li {
        display: inline-block;
        padding: 10px 42px;
    }

    .footerone ul li a {
        color: #fff;
    }
    .fa-whatsapp {
        color: #25D366
    }

    .fa-phone {
        color: #25D366
    }

    .mean-container .mean-bar {
        position: absolute;
        background: transparent;
        top: 15px;
    }
    .mean-container a.meanmenu-reveal {
        width: 20px;
        height: 20px;
        padding: 10px 12px;
        margin-right: 10px
    }
    .mean-container .mean-nav ul li a {
        font-weight: 600;
    }
    .main-menu-area {
        display: none;
    }
    .header-cart {
        width: 50%;
        float: left;
        padding-top: 10px;
        padding-right: 20px;
    }
    .caption-content p {
        color: #fff;
        padding: 0;
    }
    .footer-widget.logo,
    .footer-widget.footer-cat{
        margin-bottom: 30px;
    }
    .footer-widget.recent-post {
        margin-bottom: 55px;
    }
    
}