@charset "utf-8";
/* CSS Document */


@media (max-width:1200px){
    .header{padding: 15px 0;}
    .header .col-xs-6{width: 50%;}
    .navigation .sub_head {
        background-color: transparent;
        border-top: 5px solid transparent;
        padding: 25px 20px;
        position: static;
        left: 15px;
        bottom: -110px;
        width: auto;
        z-index: 99999999999;
    }
	.clicker {
    display: table !important;
    cursor: pointer;
    font-size: 18px;
    float: left;
    color: #03519C;
    transition: all .3s;
    z-index: 9999;
	margin: 18px 0;
}
.dropdown.notifi {
    display: table !important;
    float: left;
    margin: 21px 0;
    margin-left: 10px;
}
.dropdown.notifi a{
    font-size: 18px;
    line-height: 16px;
    color: #7D7D7D;
    font-weight: bold;
}
.dropdown.notifi .dropdown-menu a{font-size: 14px;}
.dropdown.notifi a i {
    width: 14px;
    height: 14px;
    font-size: 10px;
    line-height: 16px;
    text-align: center;
    font-style: normal;
    background-color: red;
    border-radius: 50px;
    color: #fff;
    font-weight: bold;
    display: block;
    position: absolute;
    top: -6px;
    left: 5px;
}
.dropdown.notifi .dropdown-menu{left:0;right:auto;}
.dropdown.notifi:after{display: none;}
	.clicker span{display: none;}
	.clicker:hover{color: #e3a93a;}
	.navbar-default{padding-bottom: 0 !important;}

.overlay {
    height: 100%;
    width: 250px;
    position: fixed;
    z-index: 999999999999;
    right: -300px;
    top: 0;
    background-position: center;
    background-color: #fbfbfb  !important;
    transition: 0.5s;
    padding: 0;
    min-height: 0;
	border-radius: 0;
}

/* Position the content inside the overlay */
.overlay-content {
    position: relative;
    top: 20px;
    width: 100%;
    text-align: right;
    margin-top: 30px;
    padding-right: 0 !important;
    margin: 0 !important;
}

/* The navigation links inside the overlay */
.overlay a {
    padding: 6px 15px !important;
    text-decoration: none;
    font-size: 36px;
    color: #000 !important;
    display: block; /* Display block instead of inline */
    transition: 0.3s; /* Transition effects on hover (color) */
}
	.navigation .navbar-default .navbar-nav li:hover a{
		padding-right: 30px !important;
	}
	.navigation .navbar-default .navbar-nav li:hover:after{
		right: -12px;
	}
	.navigation .navbar-default .navbar-nav li:hover{
		background-color: rgba(255, 255, 255, 0.1);
	}

	.navigation .navbar-default .navbar-nav li:after {
    content: "";
    height: 37px;
    width: 20px;
    background-color: #05529D;
    position: absolute;
    top: 0;
    right: -23px;
	transition: all .3s;
}
	.navigation .navbar-default .navbar-nav li{margin: 0;width: 100%;margin-bottom: 5px;}
	.navigation .navbar-default .navbar-nav li a{padding: 0 15px !important;line-height: 37px !important;}
/* When you mouse over the navigation links, change their color */
.overlay a:hover, .overlay a:focus {
    color: #e3a93a !important;
	background-color: transparent;
}

/* Position the close button (top right corner) */
.overlay .closebtn {
    width: 60px;
    height: 60px;
    padding: 0 !important;
    background-color: #05529D !important;
    border: 5px solid #fbfbfb !important;
    position: absolute;
    top: 20px;
    left: -30px;
    font-size: 25px;
    line-height: 50px;
    text-align: center;
    color: #fff !important;
    border-radius: 50%;
    font-weight: bold;
    z-index: 99999;
    /* display: none; */
}
    .margin_nav{
        right: 0 !important;
    }
	
	.navigation .navbar-default{margin-top: 0;}
    .header .hidden-sm{display: none !important;}
	.header .hidden-lg{display: block !important;}
    .navigation .logo2{display: table !important;margin: 25px auto;}
    .navigation .navbar-default .navbar-nav li a i {margin-right: 10px;line-height: 37px;}
    .navigation .navbar-default .navbar-nav li.dropdown {
    display: block !important;
    line-height: 36px;
    font-weight: bold;
    padding: 0px 15px;
    font-size: 16px;
}
.navigation .navbar-default .navbar-nav li.dropdown i{float: left;line-height: 36px;}
.navigation .navbar-default .navbar-nav li.dropdown:hover{padding-right: 30px;}
.dropdown.show .sub_menu{top: 40px;}
.hero form{width: 80%;}
.hero h1{margin-top: 0;}
.category,.about,.partner,footer .footer_top,.client,.teachers{padding: 40px 0;}
footer{padding: 0;}
.video_sec .center{width: 80%;}
.video_sec .center p{margin-bottom: 20px;}
.video_sec .center a{width: 100px;}
.client .title + p{width: 70%;}
.client .client_block .text {padding: 20px 15px;}
footer .footer_top .form-group{margin-right: 0;}
footer .toTop{right: 15px;bottom: 45px;}

.sub_header{padding: 60px 0;}
.sub_header .profile_header{margin: 0;}
.sub_header h1{margin-top: 0;}
.sub_header ul{margin-bottom: 0;}
.profile{padding: 40px 0;}
.profile .img_container{width: 100%;}
.profile .profile_info ul{margin-top: 10px;}


.teachers form label span{margin-left: 0;}
.pagination li a{margin: 0 3px;}
.about_us{padding: 80px 0;}
.about_us p{font-size: 16px;}
.contact .info,.contact .contact_form{padding: 60px 0;}
.contact .map{width: 100%;}
.contact .info .info_block h3{font-size: 18px;}
.profile_content .nav-tabs li a{width: max-content;}
.edit_profile{padding: 80px 0;}
.edit_profile form{width: 80%;}

}

@media (max-width:992px){
    .pagination{bottom: 30px;}
}

@media (max-width:991px){
    .hero{margin-bottom: 50px;}
    .hero h1{font-size: 30px;}
    .hero h3{font-size: 16px;}
    .hero form{width: 100%;}
    .hero form .form-group .btn{width: 100%;}
    .hero .bg_container .mouse {width: 160px;height: 160px;bottom: -130px;}
    .hero .bg_container .mouse img{top: 20px;left: 40px;}
    .title h1{font-size: 25px;}
    .about .about_img{display: none;}
    .category .block{height: 250px;}
    .client .client_block .text h1 {font-size: 17px;line-height: 30px;margin-bottom: 10px;}
    .client p{font-size: 14px;}
    .client .client_block .text span {
        width: 52px;
        height: 52px;
        font-size: 60px;
        line-height: 35px;
        top: -25px;
        right: 15px;
    }
    .client .client_block .client_info {margin-top: 20px;margin-right: 15px;}
    footer .hidden-lg{display: block;}
    footer .hidden-sm{display: none;}

    .profile .profile_info h1{font-size: 25px;margin-top: 0;}
    .profile .profile_info ul li{font-size: 17px;line-height: 28px;margin-bottom: 10px;}
    .profile .contact_info ul li{width: 48%;}
    .tab-content p{font-size: 16px;line-height: 30px;}
    .tab-content{padding: 30px 15px;}
    .tab-content h1{font-size: 22px;}

    .teachers form label{width: 50%;}
    .teachers .tab-content{padding: 0;}
    .about_us h2{margin-top: 30px;font-size: 20px;margin-bottom: 10px;}
    .contact .info .info_block h2{font-size: 20px;}
    .profile .img_container{display: none;}
    .profile .statistics{margin-top: 0;}
    .profile_content .tab-content{min-height: initial;margin-bottom: 20px;}
    .edit_profile form{width: 100%;}

}

@media (max-width:768px){
    .category .block{height: 230px;}
    .video_sec .center{width: 100%;padding: 15px;}
    .video_sec .center h1{font-size: 25px;margin-top: 10px;}
    .video_sec .center a{width: 80px;}
    .video_sec .center a span{font-size: 18px;padding: 0;}
    .client .title + p{width: 100%;margin-bottom: 20px;}
    footer .footer_bottom ul li a{margin-left: 0;}
    footer .footer_bottom h3{font-size: 12px;}
    footer .footer_bottom h3 a img{height: 30px;}
    .hero form .form-group .btn{height: 45px;line-height: 45px !important;}
    .hero form .form-group .form-control{height: 45px;font-size: 15px;}
    .hero form .form-group:nth-of-type(1) .form-control{padding-right: 5px;}
    .hero .bg_container .hero_shape{height: 10px;bottom: -9px;}
    footer .footer_top .form-control{height: 45px;}
    footer .footer_top .submit_btn{height: 35px;line-height: 35px;top: 5px;left: 5px;}

    .profile .img_container{display: none;}

    .teachers .teachers_header{padding: 10px 15px;margin-bottom: 30px;}
    .teachers .teachers_header h3{font-size: 16px;line-height: 40px;}
    .teachers .teachers_header select{width: 180px;height: 40px;}
    .teachers .nav-tabs li a{width: 40px;height: 40px;font-size: 16px;}
    .ads_block .ads_info{padding: 15px;}
    .ads_block .ads_info h1{font-size: 16px;}
    .ads_block .ads_info h3{margin: 5px 0;}
    .ads_block .ads_info .detail li{min-width: 32%;font-size: 13px;margin: 5px 0;}
    .ads_block .ads_info a.fav{top: 15px;left: 15px;}
    .ads_block.ver{width: 49%;}
    .ads_block.ver .ads_info h1 {font-size: 14px;line-height: 22px;}
    .pagination li a{width: 30px;height: 30px;line-height: 30px;}
    .pagination li:first-child a, .pagination li:last-child a{width: 50px;height: 50px;line-height: 54px;}
    .pagination li:first-child{right: -60px;}
    .pagination li:last-child{left: -60px;}
    .about_us{padding: 40px 0;}
    .about_us img{margin-top: 0;}
    .contact .info, .contact .contact_form{padding: 30px 0;}
    .contact .contact_form form .form-group:nth-of-type(1), .contact .contact_form form .form-group:nth-of-type(2){width: 100%;}
    .contact .contact_form form .form-control{height: 45px;}
    .contact .contact_form form textarea.form-control{height: 180px;}
    .contact .contact_form form .form-group{margin-bottom: 15px;}
    .contact .map{height: 250px;margin-top: 30px;}
    .register{padding: 40px 0;background-position: center;}
    .signin{background-position: center;}
    .profile .tab-content{padding: 20px 15px;}
    .profile .tab-content p {
    font-size: 14px;
    line-height: 30px;
    color: #9C9C9C;
    margin-bottom: 0;
}
.edit_profile{
    padding: 40px 0;
}
.edit_profile .right_side h2{margin-bottom: 30px;}
.edit_profile .right_side .nav-tabs>li:after,.edit_profile .right_side:after{display: none;}
.edit_profile .right_side .nav-tabs {
    min-height: auto;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}
.edit_profile .right_side a.logout{
    top: 0;
    bottom: auto;
    left: 0;
    right: auto;
    margin: 0;
}
.edit_profile .right_side .nav-tabs li{width: 33%;margin-bottom: 10px;}
.edit_profile .tab-content{margin-top: 50px;}
.edit_profile .img_container{margin-top: 0;}


}

@media (max-width:640px){
    .btn{width: 150px;}
    .header{padding: 7px 0;}
    .navigation .logo a img{height: 50px;}
    .hero form {margin-top: 10px;padding: 10px 15px;flex-wrap: wrap;border-radius: 10px;}
    .hero form .form-group{width: 30%;}
    .hero form .form-group:nth-of-type(1){width: 35%;}
    .hero form .form-group:nth-last-of-type(1){width: 100%;}
    .hero form .form-group .form-control {height: 40px;margin-bottom: 5px;font-size: 14px;}
    .hero form .form-group:nth-of-type(1):after, .hero form .form-group:nth-of-type(2):after{left: -5px;}
    .hero h1{font-size: 25px;}
    .hero .bg_container .mouse{width: 110px;height: 110px;bottom: -90px;}
    .hero .bg_container .mouse img{top: 15px;left: 27px;height: 45px;}
    .category{padding: 20px 0;}
    .category .block{height: 180px;}
    .about .about_block{width: 100%;margin-left: 0;}
    .about p,.video_sec .center p,.client p{font-size: 14px;line-height: 26px;}
    .video_sec .bg{min-height: 300px;}
    .client .client_block .text{padding: 10px;}
    .client .client_block .text h1 {font-size: 16px;line-height: 28px;}
    .client .client_block .client_info img{width: 60px;height: 60px;}
    .client .client_block .client_info{margin-top: 15px;margin-right: 10px;}
    .client .client_block .client_info h3{font-size: 14px;}
    footer .footer_bottom{flex-direction: column;padding: 10px 0;}
    footer .footer_bottom ul li a{margin-bottom: 10px;}
    footer .footer_bottom ul{text-align: center;}

    .profile .profile_info,.profile .statistics ul{flex-direction: column;}
    .profile .contact_info ul li{width: 100%;}
    .nav-tabs{margin-top: 20px;}
    .tab-content p{font-size: 14px;margin-bottom: 10px;}
    .tab-content h1{font-size: 20px;margin-top: 25px;}
    .progress{height: 13px;}
    .progress-bar:after{width: 25px;height: 25px;top: -6px;}
    .progress-bar span{font-size: 16px;}

    .aside{padding: 15px;}
    .aside .title {
    text-align: right;
    margin: 0;
    margin-bottom: 20px;
}
    .aside .title hr{float: right;}
    .teachers form label{width: 100%;}
    .teachers .nav-tabs{margin-left: 10px;}
    .teachers .nav-tabs li{margin-left: 8px;}
    .teachers .teachers_header h3{margin-bottom: 20px;}
    .teachers .teachers_header select{width: 100%;float: none;}
    .ads_block.ver .ads_info .detail li{width: 100%;}
    .ads_block .img_container img{height: auto;min-height: 150px;}
    .pagination {width: calc(100% - 160px);}
    .contact .info .info_block span{width: 50px;height: 80px;line-height: 80px;font-size: 18px;margin-left: 10px;border-radius: 10px;}
    .contact .info .info_block h2{font-size: 18px;margin-bottom: 5px;}
    .contact .info .info_block h3 {font-size: 14px;line-height: 20px;}
    .edit_profile .right_side .nav-tabs li a{font-size: 13px;}
    .edit_profile .right_side .nav-tabs li a span{margin-left: 5px;}
    .edit_profile .form-group{width: 100%;margin-bottom: 20px;}

}

@media (max-width:460px){
    .hero form .form-group{width: 100% !important;}
    .hero form .form-group:nth-of-type(1):after, .hero form .form-group:nth-of-type(2):after{display: none;}
    .hero form .form-group .form-control{height: 35px;}
    .hero form .form-group .btn{height: 40px;line-height: 40px !important;}
    .hero h3{margin-top: 10px;}
    .hero .bg_container .bg{min-height: 350px;}
    .hero .bg_container .hero_shape {height: 5px;bottom: -5px;}
    .category .col-xs-9,.category .col-xs-6{width: 100%;}
    .category .more{display: none;}
    .category .more2{display: table;}
    .video_sec .center p{margin-bottom: 10px;}
    .client_slider{width: 100% !important;margin: 0;padding: 0 15px;}
    .client_slider .owl-dots{display: none !important;}
    .client .client_block{margin-bottom: 0;}
    .about .about_block img{max-width: 40px;}
    .about .about_block .about_text h1{font-size: 16px;}
    .about .about_block .about_text p{text-align: justify;}
    .title {margin: 0 auto;text-align: center;margin-bottom: 25px;}
    .title span{margin: 0 auto;}
    .title h1{font-size: 20px !important;margin: 15px 0;}
    .title hr{float: none;margin: 0 auto;}
    footer .footer_top{padding-bottom: 20px;}
    footer .footer_top .title{margin: 0;margin-bottom: 25px;text-align: right;}
    footer .footer_top .title hr{float: right;}
    footer .footer_top h1{margin-top: 20px;}
    footer .toTop{bottom: 10px;right: 5px;}

    .sub_header{padding: 40px 0;}
    .sub_header .profile_header img{width: 120px;height: 120px;margin-left: 10px;}
    .sub_header .profile_header h2{font-size: 20px;}
    .sub_header .profile_header h3{margin-top: 4px;}
    .nav-tabs li{margin-left: 15px;}
    .nav-tabs li a{width: 110px;}

    .pagination li:first-child,.pagination li:last-child{display: none;}
    .ads_block{flex-direction: column;}
    .ads_block .img_container{width: 100%;}
    .ads_block .img_container img{border-radius: 6px 6px 0 0;}
    .ads_block .ads_info:after{display: none;}
    .ads_block.ver .img_container img{display: none;}
    .ads_block.ver .img_container{display: block;}
    .ads_block.ver{width: 100%;}
    .pagination {width: calc(100% - 30px);}
    .pagination li a {
    width: 25px;
    height: 25px;
    line-height: 25px;
    margin: 0 1px;
    font-size: 13px;
}
    .rate li{padding-right: 0;}
    .teachers form label{font-size: 12px;margin-bottom: 5px;}
    .teachers .teachers_header h3 {
    float: none;
    text-align: center;
    margin: 5px 0;
}
    .teachers .nav-tabs {
    margin: 0 auto;
    display: table;
    float: none;
}
.ads_block .ads_info h1{font-size: 14px;margin-top: 0;}
.ads_block .ads_info a.fav {
    top: -40px;
    left: 10px;
    font-size: 17px;
    color: #0C58A1;
    border-radius: 50%;
    background-color: #fff;
    width: 30px;
    height: 30px;
    line-height: 35px;
    text-align: center;
}
.sub_header h1{font-size: 25px;}
.sub_header ul{margin-top: 10px;}
.about_us h2{font-size: 18px;}
.about_us p{font-size: 14px;}

.profile_content .form-group{width: 100%;}
.edit_profile .right_side .nav-tabs li{width: 50%;}
.edit_profile .right_side .nav-tabs li a{line-height: 20px;}
}

@media (max-width:360px){
    .ads_block .ads_info .detail li{min-width: 100%;}
    .ads_block .ads_info .detail li:after{display: none;}
    .ads_block .ads_info .last .btn{width: 100px;font-size: 13px;}
}