/*
================================
Slicknav and Responsive
================================
*/
@media screen and (min-width: 992px) and (max-width: 1199px){
    .mission .heading-col h2{
        padding-top: 65px;
    }

    .teacher-col .img .overlay .social ul li{
        margin-right:6px;
    }
    .newsletter-col .btnsubmit input[type="email"]{
        width: 55%;
    }
    .newsletter-col .btnsubmit button{
        width: 25%;
    }
    .teacher-col .img .overlay{
        top: 52.2%;
    }
    .recent-col .latest .img .overlay .text-tab i{
        margin-right: 5px;
    }
    .blog-col .blog .text-col .icon ul li{
        padding-right: 8px;
    }
    .blog-col .blog .text-col .icon ul li span{
        margin-left: 8px;
    }
    .blog-side-col .blog .text-col .icon ul li span{
        margin-left: 8px;
    }
    .classes-col .classes .text .social ul li {
        padding: 10px;
    }
}
@media screen and (min-width: 992px) and (max-width: 1400px){
    .mission .heading-col .border .h-bar:before{
        left: 0;
    }
    .mission .heading-col .border .h-bar{
        text-align: left;
       padding-left: 50px;
    }
    .mission .heading-col .border .h-bar:after{
        left: 76px;
    }
}
@media screen and (max-width: 991px) {
    #menu {
        display: none;
    }
    .slicknav_menu {
        display: block;
    }
    header.sticky {
        display: none;
    }
    .slide-carousel .item .text {
        padding-top: 25% !important;
    }
    .featured-box .item {
        margin-bottom: 25px;
    }
    .footer-bottom .footer-menu {
        float: none !important;
        margin-bottom: 15px;
    }
    .footer-bottom .footer-menu ul {
        float: none !important;
        text-align: center;
    }
    .footer-bottom .footer-menu ul li {
        float: none !important;
        display: inline-block;
        list-style-type: none;
    }
    .featured-box .text {
        margin-bottom: 30px;
    }
    .mission .heading-col h2{
        padding-top: 40px;
    }
    .mission .heading-col a{
        margin-bottom: 40px;
    }
    .footer-bottom .copyright{
        text-align: center;
        margin-top: 10px;
        margin-bottom: 15px;
    }
    .contact-col .img{
        margin-top: 40px;
    }
    .newsletter-col h2{
        text-align: center;
        margin-bottom: 20px;
    }
    .newsletter-col .resize{
        text-align: center;
    }
    .newsletter-col .resize .btnsubmit{
        display: inline-block;
    }
    .newsletter-col .btnsubmit button{
        width: 29%;
    }
    .general-col .heading-col h2{
        margin-top: 40px;
    }
    .mission .heading-col h2{
        text-align: center!important;
    }
    .mission .heading-col .border .h-bar{
        text-align: center;
    }
    .mission .heading-col .border .h-bar{
        padding: 0;
    }
    .scrollup{
        bottom: 90px;
    }
    .blog-side-col .blog .text-col .icon{
        text-align: center;
    }
    .blog-side-col .pagination{
        margin: 0;
    }
    .blog-side-col .pagination ul{
        margin-top: 40px !important;
    }
    .mission .heading-col p {
        text-align: center;
    }
}
@media screen and (min-width: 992px) {
    .slicknav_menu {
        display: none;
    }
    #menu {
        display: block;
    }
}
.slicknav_menu .slicknav_menutxt {
    text-indent: -9999px;
}
.slicknav_menu .slicknav_icon {
    margin-left: 0;
}
@media screen and (max-width: 991px){
    header .logo{
        float: none;
        text-align: center;
        
    }
}
@media screen and (max-width: 767px) {
   .top-contact{
    text-align: center;
   }
   .header-top-col .top-contact .list{
    float: none;
   }
    .header-top-col .top-social{
        float: none;
        text-align: center;
    }
    .header-top-col .top-social ul{
        float: none;
        display: inline-block;
    }
    .teacher-col .img .overlay .info p{
        text-align: center;
    }
    .teacher-col .img .overlay .info h5{
        text-align: center;
    }
     .teacher-col .img .overlay .social ul li{
        margin-right: 6px;
    }
    .fact .box{
        border-radius: 0;
    }
    .footer-main h3.size{
        margin-top: 20px;
    }
    .contact-col .form input[type="text"]{
        width: 100%;

    }
    .contact-col .form input[type="email"]{
        width: 100%;
    }
    .contact-col .form textarea{
        width: 100%;
    }
    .teacher-col .img .overlay{
        bottom: 0!important;
        top:auto;
    }
    .classes-col .classes .text .social ul li{
        padding: 0px 10px;
    }
    .recent-col .latest .img .overlay .text-tab ul li{
        padding-left: 50px;
        padding-right: 50px;
    }
    .blog-col .blog .text-col .icon{
        
    }
    .blog-col .blog .text-col .icon ul li{
        padding-right: 15px;
    }
    .classes-col .classes .text .social ul li {
        padding-top: 10px;
        padding-bottom: 10px;
    }

}
@media screen and (min-width: 768px) and (max-width: 991px){
    .teacher-col .img .overlay .info h5{
        text-align: center;
    }
    .teacher-col .img .overlay .info p{
        text-align: center;
    }
    .teacher-col .img .overlay .social ul li{
        margin-right: 6px;
    }
    .teacher-col .img .overlay{
        top: 70.4%;
    }
	.teacher-detail ul.nav.nav-tabs {
		text-align: center;
	}
	.teacher-detail .nav-tabs>li {
		float: none!important;
		display: inline-block!important;
	}
}

@media screen and (min-width: 0px) and (max-width: 519px) {
    .newsletter-col .input-group {
        width: 100%!important;
    }
    .newsletter-col .input-group input {
        width: 100%!important;
        border-radius: 30px!important;
        margin-bottom: 15px;
    }
    .newsletter-col .input-group button {
        width: auto;
        border-radius: 30px!important;
        padding-left: 30px;
        padding-right: 30px;
    }
}
@media screen and (min-width: 0px) and (max-width: 767px) {
	.teacher-detail ul.nav.nav-tabs {
		text-align: center;
	}
	.teacher-detail .nav-tabs>li {
		width: 70%;
		float: none!important;
		display: block!important;
		margin: 0 auto;
		margin-bottom: 15px;
	}
}