/*
  Theme Name: Edubin - LMS Education HTML Template
  Author: Humayun Ahmed
  Author URL: https://themeforest.net/user/pixelcurve
  Support: humayunahmed82@gmail.com
  Description: Creative  HTML5 template.
  Version: 1.0
*/

/* Normal desktop :1200px. */
@media (min-width: 1200px) and (max-width: 1500px) {
    .language-mobile { display: none; }
}

@media (min-width: 992px) {
    .language-mobile { display: none; }
}
/* Normal desktop :992px. */
@media (min-width: 992px) and (max-width: 1199.98px) {
    .language-mobile { display: none; }
    .navigation .navbar .navbar-nav li { margin-right: 35px; }
    .singel-course .cont { padding-left: 25px; padding-right: 25px; }
    .singel-course .course-teacher .name { margin-left: 5px; }
    .singel-course .course-teacher .admin ul li { margin-right: 5px; }

    .feature ul li .singel-feature .icon { padding-right: 20px; }
    .feature ul li .singel-feature .cont { width: 75%; float: left; overflow: hidden; }

    .singel-publication .cont { display: block; }
        .singel-publication .cont .name,
        .singel-publication .cont .button { width: 100%; }
        .singel-publication .cont .button { text-align: left !important; margin-top: 10px; }


    .navigation-2 .navbar .navbar-nav li { margin-right: 17px; }
        .navigation-2 .navbar .navbar-nav li a { font-size: 13px; }
    .right-icon ul li a { font-size: 15px; }
    .right-icon ul li { margin-right: 3px; }

    .category-form { margin-top: -197px; }
    .singel-course-2 > .thum .course-teacher .review { margin-left: 50px; }
    .singel-course-2 > .thum .price { bottom: 70px; }

    .slider-cont-3 { padding: 50px 60px 60px; }

        .slider-cont-3 h2 { font-size: 42px; }

    .category-form-3 { margin-top: 0; }

    .count-down-cont h2,
    .count-down-time .singel-count .number { font-size: 62px; }


    .corses-singel-left { padding: 35px 40px; }
        .corses-singel-left .course-terms > ul > li { margin-right: 23px; }
    .course-features .price-button .main-btn { float: none; margin-top: 15px; }
    .You-makelike .singel-makelike .cont { padding: 0 20px; }

    .singel-event-list { padding: 20px; }

    .events-coundwon { padding: 10px 20px 20px; }
        .events-coundwon .count-down-time .singel-count .title { font-size: 12px; }
    .events-address { padding: 0 20px 20px; }

    .teachers-right .tab-content { padding: 0px 35px 20px; }
    .teachers-left { padding: 25px 35px 20px; }

    .saidbar .saidbar-search { padding: 25px; }
    .saidbar .categories { padding: 20px 25px 15px; }

    .saidbar .saidbar-post { padding: 20px 25px 25px; }

    .contact-from { padding: 40px; }

    .contact-address { padding: 10px 40px 40px; }
}







/* Tablet desktop :768px. */
@media (min-width: 768px) and (max-width: 991.98px) {
    .language-mobile { display: none; }
    .navigation .navbar .navbar-nav { overflow: scroll; max-height: 350px; }

        .navigation .navbar .navbar-nav li { margin-right: 0; }
            .navigation .navbar .navbar-nav li a { padding: 10px 0; }
            .navigation .navbar .navbar-nav li .sub-menu { position: relative !important; width: 100% !important; left: 0 !important; top: auto !important; opacity: 1 !important; visibility: visible !important; display: none; right: auto; -webkit-transition: none; transition: none; -webkit-transform: translateX(0%); transform: translateX(0%); text-align: left; }
            .navigation .navbar .navbar-nav li a .sub-nav-toggler { position: absolute; padding: 5px; background: none; border: 0; top: 5px; right: 0; cursor: pointer; display: block; }

    .category-text { text-align: center; }

    .apply-color-1 { border-top-left-radius: 5px; border-bottom-left-radius: 0; border-top-right-radius: 5px; }

    .apply-color-2 { border-top-right-radius: 0; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; }

    .feature-bg { top: auto; right: 0; width: 100%; height: 100%; bottom: 0; }
    .video { padding-left: 0; position: relative; z-index: 5; }

    .navigation-2.navigation .navbar { padding: 20px 0; }
    .navigation-2.navigation.sticky .navbar { padding: 0 0; }
    .navigation-2.sticky .navbar .navbar-nav li a { padding: 10px 0; }
    .category-form { margin-top: 50px; }

    .navigation-3 .navbar-collapse { background-color: #fff; padding: 0 15px; }
    .navigation-3 .navbar .navbar-nav li a { color: #15004f; }

    .slider-cont-3 { padding: 25px 35px 35px; }
        .slider-cont-3 h2 { font-size: 38px; }

        .slider-cont-3 span { font-size: 22px; }

    .corses-singel-left .course-terms > ul > li { margin-right: 50px; }
    .course-features .price-button .main-btn { float: none; margin-top: 15px; }
    .teachers-right .tab-content { padding: 0px 35px 20px; }

    .single-slider { padding-bottom: 200px; padding-top: 100px; }
    .category { margin-top: -100px; }

    #about-part { padding-bottom: 170px; padding-top: 15px; }

    #apply-aprt { padding-bottom: 70px; }
    #course-part { padding-top: 65px; padding-bottom: 70px; }
    #video-feature { padding-top: 10px; padding-bottom: 70px; }

    #teachers-part { padding-top: 15px; padding-bottom: 70px; }
    #publication-part { padding-top: 65px; padding-bottom: 70px; }
    #testimonial { padding-top: 65px; padding-bottom: 65px; }
    #news-part { padding-top: 65px; padding-bottom: 70px; }
    #patnar-logo { padding-top: 0; padding-bottom: 30px; }

    .slider-2.single-slider { padding-top: 130px; padding-bottom: 150px; }
    #counter-part { padding-top: 15px; padding-bottom: 60px; }
    #event-part { padding-top: 70px; }
    #category-3 { padding-top: 40px; padding-bottom: 70px; }
    #slider-part-3 { position: relative; padding-top: 150px; padding-bottom: 70px; }
    #count-down-part { padding-top: 10px; padding-bottom: 70px; }
    #event-part.pb-120 { padding-bottom: 70px; }

    #page-banner { padding-top: 85px; padding-bottom: 90px; }

    #about-page { padding-top: 15px; padding-bottom: 65px; }
    .about-items.pt-60 { padding-top: 25px; }

    #courses-part { padding-top: 70px; padding-bottom: 70px; }
    #corses-singel { padding-top: 40px; padding-bottom: 70px; }
    .releted-courses.pt-95 { padding-top: 45px; }
    #event-page { padding-top: 40px; padding-bottom: 70px; }
    #event-singel { padding-top: 70px; padding-bottom: 70px; }
    .events-coundwon { margin-top: 65px; }
    #teachers-page { padding-top: 40px; padding-bottom: 70px; }
    #teachers-singel { padding-top: 20px; padding-bottom: 70px; }
    #blog-page { padding-top: 40px; padding-bottom: 70px; }
    #blog-singel { padding-top: 40px; padding-bottom: 70px; }
    #shop-page { padding-top: 70px; padding-bottom: 70px; }
    #shop-singel { padding-top: 70px; padding-bottom: 70px; }
    .releted-item { padding-top: 55px; }
    #contact-page { padding-top: 40px; padding-bottom: 70px; }
}


/* small mobile :320px. */
@media (min-width: 576px) and (max-width: 767.98px) {
    .navigation .navbar .navbar-nav { overflow: scroll; max-height: 350px; }
        .navigation .navbar .navbar-nav li { margin-right: 0; }
            .navigation .navbar .navbar-nav li a { padding: 10px 0; }
            .navigation .navbar .navbar-nav li .sub-menu { position: relative !important; width: 100% !important; left: 0 !important; top: auto !important; opacity: 1 !important; visibility: visible !important; display: none; right: auto; -webkit-transition: none; transition: none; -webkit-transform: translateX(0%); transform: translateX(0%); text-align: left; }
            .navigation .navbar .navbar-nav li a .sub-nav-toggler { position: absolute; padding: 5px; background: none; border: 0; top: 5px; right: 0; cursor: pointer; display: block; }

    .logo { text-align: center; height: auto; }

    .support-button { float: none !important; overflow: hidden; }
        .support-button .support { margin-left: 40px; }

    .slider-cont h1 { font-size: 46px; }

    .category-text { text-align: center; }

    .apply-color-1 { border-top-left-radius: 5px; border-bottom-left-radius: 0; border-top-right-radius: 5px; }

    .apply-color-2 { border-top-right-radius: 0; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; }
    .feature-bg { top: auto; right: 0; width: 100%; height: 100%; bottom: 0; }
    .video { padding-left: 0; position: relative; z-index: 5; }

    .navigation-2.navigation .navbar { padding: 20px 0; }
    .navigation-2.navigation.sticky .navbar { padding: 0 0; }
    .navigation-2.sticky .navbar .navbar-nav li a { padding: 10px 0; }
    .category-form { margin-top: 50px; }

    .navigation-3 .navbar-collapse { background-color: #fff; padding: 0 15px; }
    .navigation-3 .navbar .navbar-nav li a { color: #15004f; }

    .slider-cont-3 { padding: 15px 25px 25px; }
        .slider-cont-3 h2 { font-size: 38px; }
        .slider-cont-3 span { font-size: 22px; }

    .count-down-cont h2,
    .count-down-time .singel-count .number { font-size: 52px; }

    #page-banner { padding-top: 100px; padding-bottom: 100px; }

    .courses-top-search { text-align: center; }
    .courses-search { float: none !important; display: inline-block; }
    .courses-top-search .nav { float: none !important; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding-bottom: 15px; }

    #courses-list .singel-course .thum .price { top: auto; right: 60px; bottom: -24px; }
    .page-banner-cont h2 { font-size: 44px; }

    .corses-singel-left .course-terms > ul > li { margin-right: 50px; }
    .corses-singel-left .course-terms ul li .review { margin-left: 60px; margin-top: 15px; }
    .corses-tab .nav .nav-item a { font-size: 15px; }

    .corses-singel-left { padding: 20px 30px; background-color: #fff; }

    .singel-event-list { padding: 20px; }

    .events-area { padding: 25px 30px 30px; }

    .singel-blog .blog-cont { padding: 20px 30px; }
        .singel-blog .blog-cont a h3 { font-size: 28px; }
    .leave-comment { padding: 0 30px 25px; }

    .shop-destails .shop-left { padding-right: 0; }

    .blog-details .cont { padding: 20px 30px; background-color: #fff; }
    .footer-about { padding-right: 0; }

    .single-slider { padding-bottom: 200px; padding-top: 100px; }
    .category { margin-top: -100px; }

    #about-part { padding-bottom: 170px; padding-top: 15px; }

    #apply-aprt { padding-bottom: 70px; }
    #course-part { padding-top: 65px; padding-bottom: 70px; }
    #video-feature { padding-top: 10px; padding-bottom: 70px; }

    #teachers-part { padding-top: 15px; padding-bottom: 70px; }
    #publication-part { padding-top: 65px; padding-bottom: 70px; }
    #testimonial { padding-top: 65px; padding-bottom: 65px; }
    #news-part { padding-top: 65px; padding-bottom: 70px; }
    #patnar-logo { padding-top: 0; padding-bottom: 30px; }

    .slider-2.single-slider { padding-top: 130px; padding-bottom: 150px; }
    #counter-part { padding-top: 15px; padding-bottom: 60px; }
    #event-part { padding-top: 70px; }
    #category-3 { padding-top: 40px; padding-bottom: 70px; }
    #slider-part-3 { position: relative; padding-top: 150px; padding-bottom: 70px; }
    #count-down-part { padding-top: 10px; padding-bottom: 70px; }
    #event-part.pb-120 { padding-bottom: 70px; }

    #page-banner { padding-top: 85px; padding-bottom: 90px; }

    #about-page { padding-top: 15px; padding-bottom: 65px; }
    .about-items.pt-60 { padding-top: 25px; }

    #courses-part { padding-top: 70px; padding-bottom: 70px; }
    #corses-singel { padding-top: 40px; padding-bottom: 70px; }
    .releted-courses.pt-95 { padding-top: 45px; }
    #event-page { padding-top: 40px; padding-bottom: 70px; }
    #event-singel { padding-top: 70px; padding-bottom: 70px; }
    .events-coundwon { margin-top: 65px; }
    #teachers-page { padding-top: 40px; padding-bottom: 70px; }
    #teachers-singel { padding-top: 20px; padding-bottom: 70px; }
    #blog-page { padding-top: 40px; padding-bottom: 70px; }
    #blog-singel { padding-top: 40px; padding-bottom: 70px; }
    #shop-page { padding-top: 70px; padding-bottom: 70px; }
    #shop-singel { padding-top: 70px; padding-bottom: 70px; }
    .releted-item { padding-top: 55px; }
    #contact-page { padding-top: 40px; padding-bottom: 70px; }
}

/* Large Mobile :480px. */
@media only screen and (max-width: 575.98px) {
    .navigation .navbar .navbar-nav { overflow: scroll; max-height: 350px; }
    .main-btn { padding: 0 20px; font-size: 14px; font-weight: 700; line-height: 45px; }

    .section-title h2 { font-size: 26px; }

    .navigation .navbar .navbar-nav li { margin-right: 0; }
        .navigation .navbar .navbar-nav li a { padding: 10px 0; }
        .navigation .navbar .navbar-nav li .sub-menu { position: relative !important; width: 100% !important; left: 0 !important; top: auto !important; opacity: 1 !important; visibility: visible !important; display: none; right: auto; -webkit-transition: none; transition: none; -webkit-transform: translateX(0%); transform: translateX(0%); text-align: left; }

        .navigation .navbar .navbar-nav li > ul li .sub-menu2 { position: relative !important; width: 100% !important; left: 0 !important; top: auto !important; opacity: 1 !important; visibility: visible !important; display: none; right: auto; -webkit-transition: none; transition: none; -webkit-transform: translateX(0%); transform: translateX(0%); text-align: left; }

            .navigation .navbar .navbar-nav li > ul li .sub-menu2 li a.active,
            .navigation .navbar .navbar-nav li > ul li .sub-menu2 li a:hover { padding-left: 40px; color: #ffc600; }

        .navigation .navbar .navbar-nav li a .sub-nav-toggler { position: absolute; padding: 10px; background: none; border: 0; top: 0px; right: 0; cursor: pointer; display: block; }
    .navigation-2.navigation .navbar .navbar-brand { width: 145px; }

    .search-box .serach-form input { width: 80%; }
    .search-box .serach-form button { left: 80%; }
    .logo { text-align: center; height: auto; }

    .header-contact ul li { display: block; margin-right: 0; }

    .support-button { float: none !important; overflow: hidden; text-align: center; }
        .support-button .support { padding-bottom: 20px; text-align: left; }
        .support-button .support, .support-button .button { margin-left: 0; float: none !important; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
    .slider-cont h1 { font-size: 30px; }
    .slider-cont p { font-size: 16px; font-weight: 400; }

    .category-text { text-align: center; }

    .category-slied .prev.slick-arrow { left: -30px; }
    .category-slied .slick-arrow { right: -30px; }

    .about-event { padding: 30px 35px 10px; }
        .about-event .event-title h3 { font-size: 28px; }
        .about-event ul li .singel-event h4 { font-size: 18px; }
    .about-bg { width: 100%; }
    .apply .apply-cont { padding: 25px 30px 30px; }
    .apply-color-1 { border-top-left-radius: 5px; border-bottom-left-radius: 0; border-top-right-radius: 5px; }

    .apply-color-2 { border-top-right-radius: 0; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; }

    .singel-course .cont h4 { font-size: 20px; }

    .singel-course .course-teacher .admin { float: none; margin-left: 55px; }

    .feature-bg { top: auto; right: 0; width: 100%; height: 100%; bottom: 0; }
    .video { padding-left: 0; position: relative; z-index: 5; }

    .feature ul li .singel-feature .icon { float: none; display: block; padding-right: 0; }

    .feature ul li .singel-feature .cont { width: 100%; float: none; margin-top: 30px; }
    .products-btn { text-align: left !important; }
    .singel-testimonial .testimonial-thum { position: relative; display: inline-block; left: 50%; top: 0; margin-top: 25px; -webkit-transform: translateX(-50%); transform: translateX(-50%); }
    .singel-testimonial .testimonial-cont { padding-left: 0; padding-top: 20px; }


    .navigation-2.navigation .navbar { /*padding: 20px 0;*/ }
    .navigation-2.navigation.sticky .navbar { padding: 0 0; }
    .navigation-2.sticky .navbar .navbar-nav li a { padding: 10px 0; }
    .category-form { margin-top: 50px; }

    .navigation-3 .navbar-collapse { background-color: #fff; padding: 0 15px; }
    .navigation-3 .navbar .navbar-nav li a { color: #15004f; }

    .singel-course-2 > .thum .course-teacher .review { margin-left: 50px; display: block; }
    .singel-course-2 > .thum .price { bottom: 70px; }

    .category-form .form-title h3 { font-size: 28px; }
    .category-form .form-title h3 { font-size: 28px; }

    .category-form .main-form { padding-left: 20px; padding-right: 20px; }
    .happy-student .happy-title h3 { font-size: 28px; }
    .happy-student { padding-top: 35px; padding-left: 30px; padding-right: 30px; }
        .happy-student .singel-student p { padding-right: 0; }
        .happy-student .student-image { text-align: right; }
            .happy-student .student-image img { width: 60%; }
    .event-2 { padding: 40px 25px 10px; }

    .slider-cont-3 { padding: 15px 25px 25px; }
        .slider-cont-3 h2 { font-size: 38px; }
        .slider-cont-3 span { font-size: 22px; }
    .slider-search input { border-left: 0; border-top: 1px solid #a8a8a8; }

    .count-down-cont h3 { font-size: 20px; }
    .count-down-cont h2,
    .count-down-time .singel-count .number { font-size: 32px; }

    .page-banner-cont h2 { font-size: 40px; }

    .courses-top-search { text-align: center; }
    .courses-search { float: none !important; display: inline-block; }
    .courses-top-search .nav { float: none !important; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding-bottom: 15px; }

    .courses-pagination .pagination .page-item a { font-size: 14px; width: 34px; height: 34px; line-height: 30px; }

    #courses-list .singel-course .thum .price { top: auto; right: 60px; bottom: -24px; }
    .courses-search input { width: 100%; }

    .corses-singel-left { padding: 20px 30px; background-color: #fff; }

        .corses-singel-left .title h3 { font-size: 24px; }
        .corses-singel-left .course-terms > ul > li { margin-right: 0; }
        .corses-singel-left .course-terms ul li .course-category,
        .corses-singel-left .course-terms ul li .review { margin-top: 15px; }

    .overview-description { padding: 0px 5px 25px; }

    .curriculam-cont { padding: 25px 5px; }

    .instructor-cont { padding: 30px 5px 25px; }
        .instructor-cont .instructor-author .author-thum { float: none; }
        .instructor-cont .instructor-author .author-name { float: none; margin-top: 20px; }
    .corses-tab .nav .nav-item { -ms-flex-preferred-size: auto; flex-basis: auto; width: 50%; }

    .reviews-cont { padding: 25px 5px 30px; }

    .course-features .price-button .main-btn { float: none; margin-top: 15px; }

    .You-makelike .singel-makelike .cont { padding: 0 15px; }

        .You-makelike .singel-makelike .cont h4 { font-size: 16px; }

    .singel-event-list { display: block; }
        .singel-event-list .event-thum { width: 100%; }
        .singel-event-list .event-cont { width: 100%; padding-left: 0; padding-top: 30px; }

    .events-coundwon { padding: 10px 20px 20px; }
        .events-coundwon .count-down-time .singel-count .title { font-size: 12px; }

    .events-area { padding: 20px 25px 25px; }
    .teachers-left { padding: 15px 15px 10px; }
    .teachers-right .tab-content { padding: 0px 10px 5px; }

    .teachers-right .nav-justified .nav-item { -ms-flex-preferred-size: auto; flex-basis: auto; width: 50%; }
    .singel-blog .blog-cont { padding: 20px 30px; }
        .singel-blog .blog-cont a h3 { font-size: 28px; }

    .saidbar .saidbar-search { padding: 25px; }
    .saidbar .categories { padding: 20px 25px 15px; }

    .saidbar .saidbar-post { padding: 20px 25px 25px; }
        .saidbar .saidbar-post ul li a .singel-post .cont h6 { font-size: 16px; }
    .leave-comment { padding: 0 30px 25px; }

        .leave-comment h4 { font-size: 22px; }
    #shop-list .singel-publication .cont { padding-top: 25px; }
    .shop-destails .shop-left { padding-right: 0; }
    .shop-destails { padding: 0px 30px 30px; }
    .shop-reviews .nav .nav-item { width: 50%; }
        .shop-reviews .nav .nav-item a { width: 100%; display: block; }

    .shop-reviews .tab-content { padding: 0px 15px 10px; }

    .contact-from { padding: 30px; }

    .contact-address { padding: 0 30px 30px; }

    .blog-details .cont { padding: 20px 10px; }
        .blog-details .cont h3 { font-size: 28px; }
        .blog-details .cont ul li { display: block; line-height: 30px; }
        .blog-details .cont .share li.title { font-size: 15px; }
        .blog-details .cont .share > li { margin-right: 5px; }
        .blog-details .cont .share li a i { width: 30px; line-height: 30px; font-size: 14px; }
        .blog-details .cont .blog-comment ul li .replay { padding-left: 0; }
    .course-features .price-button span { display: block; }

    .shop-top-search { text-align: center; padding: 15px; }
        .shop-top-search .shop-select { float: none; margin-top: 15px; }
    .footer-about { padding-right: 0; }

    .single-slider { padding-bottom: 200px; padding-top: 100px; }
    .category { margin-top: -100px; }

    #about-part { padding-bottom: 170px; padding-top: 15px; }

    #apply-aprt { padding-bottom: 70px; }
    #course-part { padding-top: 65px; padding-bottom: 70px; }
    #video-feature { padding-top: 10px; padding-bottom: 70px; }

    #teachers-part { padding-top: 15px; padding-bottom: 70px; }
    #publication-part { padding-top: 65px; padding-bottom: 70px; }
    #testimonial { padding-top: 65px; padding-bottom: 65px; }
    #news-part { padding-top: 65px; padding-bottom: 70px; }
    #patnar-logo { padding-top: 0; padding-bottom: 30px; }

    .slider-2.single-slider { padding-top: 0px; padding-bottom: 0px; background-size: 100%;}
    #counter-part { padding-top: 15px; padding-bottom: 60px; }
    #event-part { padding-top: 70px; }
    #category-3 { padding-top: 40px; padding-bottom: 70px; }
    #slider-part-3 { position: relative; padding-top: 150px; padding-bottom: 70px; }
    #count-down-part { padding-top: 10px; padding-bottom: 70px; }
    #event-part.pb-120 { padding-bottom: 70px; }

    #page-banner { padding-top: 85px; padding-bottom: 90px; }

    #about-page { padding-top: 15px; padding-bottom: 65px; }
    .about-items.pt-60 { padding-top: 25px; }

    #courses-part { padding-top: 70px; padding-bottom: 70px; }
    #corses-singel { padding-top: 40px; padding-bottom: 70px; }
    .releted-courses.pt-95 { padding-top: 45px; }
    #event-page { padding-top: 40px; padding-bottom: 70px; }
    #event-singel { padding-top: 70px; padding-bottom: 70px; }
    .events-coundwon { margin-top: 65px; }
    #teachers-page { padding-top: 40px; padding-bottom: 70px; }
    #teachers-singel { padding-top: 20px; padding-bottom: 70px; }
    #blog-page { padding-top: 40px; padding-bottom: 70px; }
    #blog-singel { padding-top: 40px; padding-bottom: 70px; }
    #shop-page { padding-top: 70px; padding-bottom: 70px; }
    #shop-singel { padding-top: 70px; padding-bottom: 70px; }
    .releted-item { padding-top: 55px; }
    #contact-page { padding-top: 40px; padding-bottom: 70px; }

    .slider-2 .slider-cont i { display: none; }
    .slider-2 .slider-cont h1 { text-align: center; padding-bottom : 0px;}
}
