@media (max-width: 1600px) {
}
@media (max-width: 1525px) {
}
@media (max-width: 1440px) {
}
@media (max-width: 1366px) {
    body{ overflow: hidden;}
}
@media (max-width: 1200px) {
    .slider_main .left_content h2{font-size: 70px;}
    .slider_main p {font-size: 20px;}
    .slider_main .left_content{margin-left: 70px;}
    .about_content {max-width: 80%;padding-top: 90px;padding-bottom: 200px;}
    .upcomingcourse{padding-top: 80px; padding-bottom: 80px;}
    .courserstitle h2{font-size: 45px;margin-bottom: 30px;}
    .education_progress h2{font-size: 56px;}
    .education_progress{padding: 90px 0px 250px 0px;}
    .background_blue {margin-bottom: 70px !important; margin-top: -130px!important;}
    .progressbar {padding-bottom: 60px;}
    .client_testimonial{padding: 80px 0px;}
    .content_review {padding: 80px 0px 0px;}
    .text_wrap h3{font-size: 45px;line-height: 1;}
    .best_contentdiv{padding: 50px;margin-top: -200px;}
    .best_contentdiv h2{font-size: 40px;}
    .clientsbg{padding: 70px 0px;}
    .footer{padding: 70px 0 30px;}
    .document_imgcard {width: 250px; height: 250px;}
}
@media (max-width: 1152px) {
    body {width: 100%; overflow: hidden;}
    .container {width: 100%; max-width: 100%;}

}
@media (max-width: 1024px) {
    .header_contact ul li a {margin-right: 20px;}
    .navbar-nav li .nav-link{font-size: 15px;font-weight: 500;margin-left: 30px;}
    .navbar-nav li a.quote_btn{font-size: 14px; font-weight: 500;padding: 7px 15px;margin-left: 30px;}
    .slider_main .left_content h2 {font-size: 60px;}
    .slider_main p { font-size: 18px;}
    .blue_btn, .white_btn { padding: 15px 25px;}
    .search_course h2{font-size: 32px;}
    .search_course{padding: 45px 20px;margin-top: -100px;}
    .about_content {max-width: 95%;}
    .about_content h2{font-size: 40px;}
    .three_contentbox{padding: 40px 30px 40px;}
    .three_contentbox h3{font-size: 22px;font-weight: 600;}
    .three_contentbox p{font-size: 13px;}
    .upcomingcourse {padding-top: 50px;}
    .course_content {padding: 25px;}
    .course_content h4 a{font-weight: 600;font-size: 20px;letter-spacing: -0.5px;}
    .course_info span { margin-right: 10px;}
    .education_progress h2 {font-size: 50px;}
    .education_progress { padding: 90px 0px 190px 0px;}
    .background_blue img{width:100%}
    .featured_content h2{margin-bottom: 20px; font-size: 30px;font-weight: 600;}
    .featured_content {padding: 30px 40px 30px;}
    .progressbar_wrap{padding-top: 0px;}
    .skill-bar{margin-top: 7px;}
    .courserstitle h2 {font-size: 35px;}
    .expert_content h3{font-size: 16px;font-weight: 600;line-height: 1;}
    .icon_img {font-size: 20px;width: 50px;height: 50px;line-height: 45px;}
    .btn_orange {padding: 20px 25px;}
    .expert_content h3 , .expert_content p{padding-left: 65px;}
    .footer {padding: 70px 20px 30px;}
    .courseimage {height: 210px;}

}
@media (max-width: 980px) {
    .header-top{padding: 7px 0px;}
    .navbar-brand img {width: auto;height: 60px;}
    .navbar-collapse {background: #e1e1e4;}
    .navbar-nav li .nav-link, .navbar-nav li a.search_icon{margin-left: 0; padding-bottom: 15px !important;}
    .navbar-nav li a.quote_btn {margin-left: 0; margin-top: 20px; margin-bottom: 20px;}
    .footer_content .footer_menu li {width: 100%;margin-bottom: 10px;}
    .course_arrow.client_testimonial .VueCarousel-navigation-prev, .course_arrow.client_testimonial .VueCarousel-navigation-next {top: 106% !important;}
    .course_arrow.client_testimonial .VueCarousel-navigation-prev {left: 43% !important; right: auto !important;}
    .course_arrow.client_testimonial .VueCarousel-navigation-next {right: 43% !important;}
    .header_hight {height: 105px;}
    .courseimage {height: 195px;}
    .detail_page .col-md-8 {flex: 0 0 100%;max-width: 100%;}
    .detail_page .col-md-4 {flex: 0 0 100%;max-width: 100%;}

    .navigation .navbar{padding: 10px 10px !important;}
    .navbar-dark .navbar-brand{padding: 15px 0px 15px 15px;}
    .navbar-dark .navbar-nav .nav-link {color: #000;font-size: 14px;padding: 10px 0px !important;}
    .about_content h2 {font-size: 30px;}
    .about_content{padding-top: 60px;}
    .clientsbg {padding: 30px 0px;}
    .login_form {padding: 15px;}

    /*--------------------web_mobile_responsive -----------------*/
    .web_mobile_app header, .web_mobile_app .footer_mobile, .web_mobile_app .header_hight, .web_mobile_app .breadcume{ display: none;}
    .web_mobile_app .main_content, .web_mobile_app .main_content .container{padding: 0px;}
    .weblogin_form {box-shadow: none;border: none;}
    .weblogin_form h1.text-center {text-align: left !important;font-size: 20px;margin-bottom: 50px;}
    .weblogin_form .thankyou_email h1.text-center {text-align: center !important;font-size: 25px;}
    .welcome_stepbystep.text-center {text-align: left !important;}
    .welcome_process .mobile_logo {display: block;}
    .welcome_process .mobile_logo.element_img {margin-bottom: 0px;}
    /* .weblogin_form.welcome_process .inside_welcome{background: #f2fdfc;padding-top: 60px;} */
    .welcome_stepbystep .skip_next { margin-top: 60px;}
    .weblogin_form .form_title{text-align: left;}
    .weblogin_form h6.center_text {text-align: left !important;}
    .web_mobile_app .mobile_footer {display: none;}
    .padding_none {padding: 0px;}
    .mobile_logodiv{
        background: #FFFFFF;
        padding: 10px;
        /* box-shadow: 4px 4px 40px rgba(171, 218, 214, 0.4); */
    }
    .mobile_logonone {display: block;margin-top: 10px;}
    .mobile_logonone img{height: 60px;}
    .weblogin_form h1{text-align: left;}
    .dashboard_navbar {display: flex;}
    .navbar_leftside {
        position: fixed;
        bottom: 0px;
        background: #fff;
        z-index: 1;
        border: none;
        padding: 0px;
        border-radius: 40px 40px 0px 0px;
        width: 100%;
        overflow: hidden;
        /* box-shadow: 1px 3px 25px rgb(96 131 127 / 50%); */
    }
    .logo_dashboard{height: 35px;}
    .navbar_leftside ul{display: flex;}
    .navbar_leftside ul li{-webkit-box-flex: 1;-ms-flex: 1 1 auto;flex: 1 1 auto;text-align: center;}
    .navbar_leftside ul li:last-child {margin-top: 0px;}
    .navbar_leftside ul li a {border: none;padding: 15px 10px;}
    .navbar_leftside ul li span {margin-left: 0px;width: 100%;display: block;font-size: 15px;}
    .navbar_leftside ul li svg{height:25px}
    .mobile_hidemenu {display: none;}
    .navbar_leftside[data-aos^=fade][data-aos^=fade]{opacity: 1;transform: none;}
    .padding_none .tab-content {margin-bottom: 80px;}
    .inside_notification {text-align: left;}

}
@media (max-width: 800px) {
    .best_contentdiv{padding: 40px;margin-top: -80px;}
    .best_contentdiv h2, .about_content h2, .courserstitle h2 {font-size: 30px;}
    .education_progress h2 {font-size: 40px;}
    .featured_content h2{font-size: 25px;}
    .courserstitle p{line-height: inherit;}
    .courseimage {height: 235px;}
    .main_content .course_list .col-md-4 {flex: 0 0 50%;max-width: 50%;}

    .slider_main .left_content h2 {font-size: 50px;}
    .three_contentbox {padding: 25px 15px 25px;}
    .footer {padding: 40px 20px 30px;}
}
@media (max-width: 767px) {
    .three_contentbox{margin-bottom: 20px;}
    .search_course h2 {font-size: 28px;margin-bottom: 0;}
    .search_course .input_search, .search_course button{font-weight: 500;height: 65px;}
    .about_content{padding-top: 60px;padding-bottom: 100px;}
    .below_about {margin-top: -70px;}
    .progressbar_wrap {padding-top: 25px;}
    .content_review {padding: 40px 0px 0px;}
    .content_review .col-md-6 .col-md-6 {width: 50%; float: left;}
    .footer_content .footer_menu li {width: 50%;}
    .faq .card .card-header .faq-title {font-weight: 600;font-size: 15px;}
    .faq .card .card-body{font-size: 15px;}

    .slider_main .left_content{width: 80%;}
    .slider_main .left_content h2 {font-size: 40px;}
    .best_contentdiv h2, .about_content h2, .courserstitle h2 {font-size: 24px;}
    .contact-info h6{font-size: 16px;margin-bottom: 0px;}

    /*-----------web_mobile_responsive------------*/
    .forgot_pass a, .forgot_pass p, .main_content .account_text, .weblogin_form .form-control{font-size: 14px;}
    .tarning_sideimg {width: 60%;}

}
@media (max-width: 736px) {
    .document_imgcard {
        width: 215px;
        height: 220px;
    }

}
@media (max-width: 667px) {
    .courseimage {height: 195px;}
    .description_course .detail_info, .description_course .entry_info {width: 100%;padding:0px}
    .document_imgcard {
        width: 180px;
        height: 150px;
    }
}
@media (max-width: 640px) {
    .slider_main .left_content h2 {font-size: 45px;}
    .education_progress h2 { font-size: 30px;}
    .course_arrow.client_testimonial .VueCarousel-navigation-prev {left: 37% !important;}
    .v-application .header_contact.mr-auto {margin: 0 auto !important;}
    .v-application .social_media.ml-auto {margin: 0 auto !important;}
    .author_post{padding: 30px 30px;}
    .authorimg {width: 100px;}
    .auther_detail{width: calc(100% - 145px);}
    .breadcume_title h1 {font-size: 24px;}
}
@media (max-width: 600px) {
    .search_course h2 { font-size: 22px;  margin-bottom: 10px;}
    .courseimage {height: auto;}
    .slider_main .left_content {padding: 0px 50px; margin: 0px;}
    .main_content .course_list .col-md-4 {flex: 0 0 100%;max-width: 100%;}
    .course_detail h4 {font-size: 22px;}
    .course_detail h3 {font-size: 18px;}
    .data_courseprice {float: left;margin-top: 20px;width: 100%;}

    /*-----------web_mobile_responsive------------*/
    .inner_photo{height: 200px;}
    .document_imgcard {
        width: auto;
        height: 200px;
        margin: 0 auto;
    }
}
@media (max-width: 568px) {
    .access_cardiv .forgot_pass{width: 100%;}

     /*-----------web_mobile_responsive------------*/
     .weblogin_form.document_upload h6 {font-size: 16px;line-height: 25px;}
     .weblogin_form.document_upload #documentupload .col-md-6, .weblogin_form.document_upload #certificateupload .col-md-6{width: 50%; float: left;}
     .inner_photo{height: 170px;}
     .camera_file ul li{margin: 20px 20px 20px 0px;}
     .date_half .col-md-6{ width: 49%; float: left;}
     .welcome_process .mobile_logo.element_img .inner_elementbg{background-position: 0px -10px;}
     .dashboard_menuitem{width: 70%;}
     .tarning_sideimg {width: 90%;}
}
@media (max-width: 536px) {

    .slider_main .left_content {padding: 0px 25px;margin: 0px;width: 100%;}
}
@media (max-width: 480px) {
    .slider_main .left_content h2 {font-size: 35px;}
    .slider_main p { font-size: 15px;}
    .search_course h2 {font-size: 18px;}
    .authorimg {float: none;width: 100px;display: block;margin: 0 auto;margin-bottom: 20px;}
    .auther_detail {float: none;display: inline-block;width: 100%;}
    .data_lecturer, .data_course_review { float: left; margin-bottom: 20px;}

    .weblogin_form .form_title{font-size: 16px;}
    .weblogin_form .form_title p{position: relative;font-size: 16px;}
    .question_label{font-size: 15px;line-height: 25px;}
    .logo_dashboard {height: 20px;}
}
@media (max-width: 414px) {
    .course_arrow.client_testimonial .VueCarousel-navigation-prev { left: 10% !important;}
    .course_arrow.client_testimonial .VueCarousel-navigation-next { right: 10% !important;}
    .main_content .btn_orange {padding: 10px 15px;font-weight: 500;font-size: 12px;width: auto;}
    .v-application .weblogin_form .btn_submit{padding: 10px 15px;font-weight: 500;font-size: 12px;margin-bottom: 6px;}
    .mobile_logodiv{padding: 30px 10px;}
    .main_content p.required_text, .weblogin_form label,
    .weblogin_form .form-control, .weblogin_form h6{font-size: 14px;}
    .welcome_stepbystep p{line-height: normal;}
    .custom-control-input{width: 20px;height: 20px;}
    .welcome_stepbystep .custom-control-label::before {width: 20px;height: 20px;}
    .welcome_stepbystep .custom-control-input:checked ~ .custom-control-label::after {width: 20px;height: 20px;top: -1px;left: -25px;}
    .profile_photo{margin-bottom: 0px;}
    .main_content {padding: 30px 0px 30px;}
    .passport_imgdiv .passport_size img{width: 100%;}
    .welcome_stepbystep h1{font-size: 16px;}
    .weblogin_form h6{line-height: 25px;}
    .document_imgcard {width: auto;height: 150px;margin: 0 auto;}

}
@media (max-width: 375px) {
    .slider_main .left_content h2 {font-size: 28px;}
    .blue_btn, .white_btn {width: 80%; margin: 0 10%;padding: 13px 13px;text-align: center; margin-bottom: 10px;}
    .education_progress h2 {font-size: 25px;}
    .education_progress h5{font-size: 15px;letter-spacing: 1px;}
    .btn_orange {padding: 12px 25px;width: 80%; margin-right: 0;}
    .skill > p { font-size: 14px; font-weight: 500;}
    .skill-bar span{top: -28px;font-size: 14px;font-weight: 500;}
    .footer_content .footer_menu li {width: 100%;}

    .header_hight {height: 100px;}
    .breadcume{padding: 14px 0;}
    .breadcume_title h1 {font-size: 20px;}
    .header_contact ul li p{line-height: 20px;margin-right: 10px;}
    .footer_copyright p{font-size: 12px;}
    .footer_content h4{margin-bottom: 0px; margin-top: 20px;}
    .navbar_leftside ul li svg {height: 20px;}
    .navbar_leftside ul li span{font-size: 13px;}

}
@media (max-width: 360px) {
    .best_contentdiv h2, .about_content h2, .courserstitle h2 {font-size: 25px;}
    .upcomingcourse{padding-bottom: 30px;}
    .education_progress {padding: 60px 0px 180px 0px;}
    .education_progress h2 {font-size: 20px;}
    .featured_content h2 {font-size: 20px;}
    .header_contact ul li a { margin-right: 12px;}
    .slider_main .left_content { padding: 0px 20px;margin: 0px}
    .search_course {padding: 25px 24px;}
    .best_contentdiv h2, .about_content h2, .courserstitle h2 {font-size: 22px;}
    .best_contentdiv {padding: 20px;}
    .clientsbg {padding: 35px 12px;}
    .commentlist .comment_li{padding: 25px 25px;}

    .slider_main .left_content h2{margin-top: 30px;}
    .contact-info i {font-size: 30px;}
    .contact-info .info-text {padding-left: 45px;}
    .contact_form {margin-bottom: 10px;}
    .form-control {height: 50px;}
    .logo_dashboard {height: 20px;}
}
@media (max-width: 320px) {
    .header_contact ul li p{font-size: 11px;}
    .header_contact ul li p img{margin-right: 5px;}
}