/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {

}
/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {

}
/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
  
}
/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
   
}
/* Extra large devices (large desktops, 1300px and up) */
@media (min-width: 1300px) {
}
/* Large devices (desktops, less than 1200px) */
@media (max-width: 1199.98px) {

}
/* Medium devices (tablets, less than 992px) */
@media (max-width: 991.98px) {
    .video-area video{
        height: 100%;
    }
}
/* Small devices (landscape phones, less than 768px) */
@media (max-width: 767px) {
    .placement-area {
        padding: 30px 0 30px;
    }
    .link-area ul li a i{
        margin-right: 6px;
    }
    .link-area ul li a{
        font-size: 14px;
        display: flex;
        align-items: center;
    }
    .quick-links-area{
        padding: 30px 0 30px 0;
    }
    .client-box .client-img img{
        width: 52px;
        height: 52px;
    }
    .client-name h5{
        font-size: 17px;
    }
    .client-box{
        padding: 17px;
        margin-bottom: 27px;
    }
    .client-section-two{
        padding: 30px 0 30px 0;
    }
    .ranking-area .feature .content{
        border-right: none;
    }
    .ranking-area .feature .content h5.title{
        font-size: 18px;
    }
    .ranking-area .feature .content .wrapping-area span.white-txt{
        font-size: 23px;
    }
    .ranking-area .feature .content h2{
        font-size: 27px;
        margin-bottom: 10px;
    }
    .ranking-area .feature .content .small-icon img{
        height: 30px;
    }
    .ranking-area{
        padding: 40px 0;
    }
    .admission-apply .youtube-video-area iframe{
        height: 100%;
    }
    .admission-apply .left-content p{
        margin-bottom: 5px;
    }
    .admission-apply .left-content .button-area{
        margin-bottom: 12px;
    }
    .admission-apply .left-content h3{
        font-size: 18px;
        margin-bottom: 19px;
    }
    .admission-apply {
        padding: 30px 0;
    }
    .single-academics-card3 h3{
        font-size: 17px;
        margin-bottom: 9px;
    }
    .single-academics-card3{
        height: 100%;
        padding: 15px;
    }
    .pic-area-vector h4{
        font-size: 16px;
    }
    .pic-area-vector img{
        height: 100%;
    }
    .bcpt-glance {
        padding: 30px 0;
    }
    .principal-desk .container .row.both-top-gap .content-part p{
        text-align: center;
    }
    .principal-desk .container .row.both-top-gap .content-part {
        margin-top: 18px;
    }
    .principal-desk .container .row.both-top-gap .proffer-info h4{
        font-size: 16px;
    }
    .principal-desk .container .row.both-top-gap .pic-area img{
        width: 100%;
    }
    .principal-desk .container .row.both-top-gap {
        margin-top: 27px;
    }
    .principal-heading h3::after{
        top: 88%;
        height: 2px;
        width: 20%;
    }
    .principal-heading h3{
        font-size: 19px;
    }
    .principal-desk{
        padding: 27px 0 30px 0;
    }
    .courses-grid .view-all-btn-area {
        margin-top: 7px;
    }
    .bg_btn{
        font-size: 15px;
    }
    .courses-grid h3{
        font-size: 16px;
        margin-bottom: 9px;
    }
    .courses-grid{
        padding: 14px;
        border-right: none;
    }
    .featured-area{
        padding: 30px 0;
    }
    .card img{
        height: 228px;
    }
    .link-a{
        font-size: 14px;
    }
    .text-h1{
        font-size: 16px;
    }
    .heading{
        margin-bottom: 3px;
    }
    .heading h3::before{
        bottom: -6px;
    }
    .heading h3::after{
        bottom: 2px;
    }
    .section-services{
        padding: 21px 0 0 0;
    }
    .heading h3{
        font-size: 19px;
    }
    .about-content-area p{
        font-size: 15px;
        margin-top: 22px;
    }
    .mf-social-side-list{
        display: none;
    }
    .top-header-area .main-wrap .left-logo img {
        height: 68px;
    }
    .about-content-area h3::after{
        top: 14%;
        height: 2px;
        width: 27%;
    }
    .about-content-area h3{
        font-size: 17px;
        line-height: 27px;    
    }
    .about-area{
        padding: 22px 0 24px 0;
    }
    #menu-area .nav-link{
        font-size: 14px;
    }
    .top-header-area {
        padding: 12px 0 17px 0;
    }
    #menu-area .nav-item{
        padding-left: 0 !important;
    }
    .top-header-area .main-wrap .right-top-logo ul li a.adm-btn{
        margin-top: 13px;
        font-size: 12px;
    }
    .top-header-area .main-wrap .right-top-logo ul li{
        margin-right: 0;
    }
    .top-header-area .main-wrap .right-top-logo ul li a img{
        display: none;
    }
    .top-header-area .main-wrap{
        flex-direction: column;
    }
    #footer-area .footer-bottom .copy-right p{
        font-size: 13px;
    }
    #footer-area .footer-area-inner-content .quick-links li.media i{
        font-size: 14px;
    }
    #footer-area .footer-area-inner-content {
        margin-bottom: 21px;
    }
    #footer-area .footer-area-inner-content .quick-links li a{
        font-size: 14px;
    }
    #footer-area .footer-area-inner-content .quick-links li i{
        font-size: 12px;
    }
    #footer-area .footer-area-inner-content h4{
        font-size: 17px;
    }
    #footer-area .footer-area-inner-content p{
        margin-top: 22px;
    }
    #footer-area .footer-area-inner-content .logo-area img {
        max-width: 141px;
    }
    #footer-area{
        padding-top: 41px;
    }
    

}
/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575px) {
    #menu-area .nav-item a i.fa {
        font-size: 10px;
    }
    #footer-area .social-links li a i{
        font-size: 14px;
    }
    #footer-area .social-links li a{
        width: 35px;
        height: 35px;
    }
}
@media(max-width: 320px) {

}