/*==home-blade-page==*/
@media only screen and (max-width: 600px){
    .logo-container h2{
        font-size: 24px;
    }
    .about-bips-container .about-head h1 {
    font-size: 30px;
    
    }
    
}
@media only screen and (max-width: 382px){
    .logo-container h2{
        font-size: 20px;
    }
}
@media only screen and (max-width: 282px){
    .logo-container .logo-cen{
        max-width: 166px;
        max-height: 103px;
    }
}
@media screen and (max-width:992){
    .navbar-nav li{
    font-size: 9px;
    }
}


    

/*==mission-vision-page==*/
@media only screen and (max-width: 768px) {
    .mission-vision .mis-vis-head{
        letter-spacing: 7px;
    }
} 
@media only screen and (max-width: 600px) {
    .mission-vision .mis-vis-head h1{
        font-size: 30px;
    }
} 
@media only screen and (max-width: 400px) {
    .mission-vision .mis-vis-head h1{
        font-size: 30px;
        letter-spacing: 3px;
        text-align: center;
    }
} 
@media only screen and (max-width: 330px) {
    .mission-vision .mis-vis-head h1{
        font-size: 24px;
        letter-spacing:0;
    }
} 
/*==contact-us-page==*/
@media only screen and (max-width: 6px) {
    .mission-vision .mis-vis-head h1{
        font-size: 24px;
        letter-spacing:0;
    }
}

/*==Life-Membership-page==*/
@media only screen and (max-width: 450px) {
    .life-mem-head h1 {
        font-size: 35px;
    }
}
@media only screen and (max-width: 300px) {
    .life-mem-head h1 {
        font-size: 29px;
    }
}
@media only screen and (max-width: 270px) {
    .life-mem-head h1 {
        font-size: 25px;
    }
}

/*==News-Bulletin-page==*/
@media only screen and (max-width: 600px) {
    .news-bulletin .news h1{
        font-size:30px; 
    }
}
@media only screen and (max-width: 500px) {
    .news-bulletin .news h1{
        font-size:25px; 
    }
}
@media only screen and (max-width: 450px) {
    .news-bulletin .news img{
        width:100%;
        height:300px;
    }
    .news-bulletin .news h1{
        font-size:23px; 
    }
}
@media only screen and (max-width: 350px) {
    .news-bulletin .bul-title{
        font-size: 30px;
    }
    .news-bulletin .news img{
        width:100%;
        height:250px;
    }
    .news-bulletin .news h1{
        font-size:20px; 
    }
}
@media only screen and (max-width: 300px) {
    .news-bulletin .bul-title{
        font-size: 26px;
    }
   
}
@media only screen and (max-width: 260px) {
    .news-bulletin .news img{
        width:100%;
        height:200px;
    }
   
}
/*==Code of Conduct page==*/
@media only screen and (max-width: 600px) {
    .code-of-conduct h1{
        font-size: 35px;
    } 
   
}
@media only screen and (max-width: 400px) {
    .code-of-conduct h1{
        font-size: 25px;
    } 
   
}
@media only screen and (max-width: 300px) {
    .code-of-conduct h1{
        font-size: 20px;
    } 
   
}
/*==eligibility page==*/
@media only screen and (max-width: 600px) {
    .eligibility h1{
        font-size: 35px;
    } 
   
}
@media only screen and (max-width: 408px) {
    .eligibility h1{
        font-size: 23px;
    } 
   
}
@media only screen and (max-width: 300px) {
    .eligibility h1{
        font-size: 20px;
    } 
   
}
@media only screen and (max-width: 270px) {
    .eligibility h1{
        font-size: 17px;
    } 
   
}
@media only screen and (max-width: 408px) {
    .eligibility h3{
        font-size: 22px;
    } 
   
}
@media only screen and (max-width: 300px) {
    .eligibility h3{
        font-size: 18px;
    } 
   
}

/*==advisoty-council & magazine-committee page==*/
@media only screen and (max-width: 600px) {
    .advisoty-council .advisoty-council-title h1{
        font-size: 30px; 
    } 
    .advisoty-council .advisoty-council-title h1 span{
        font-size: 20px;  
    }
    .magazine .magazine-committee-title h1{
        font-size: 30px;
    }
}
@media only screen and (max-width: 400px) {
    .advisoty-council .advisoty-council-title h1{
        font-size: 24px;
    } 
    .advisoty-council .advisoty-council-title h1 span{
        font-size: 13px;
    }
    .magazine .magazine-committee-title h1{
        font-size: 26px;
    }
    .advisoty-council-mem p{
        font: 17px;
    }
    .advisoty-council-mem p span{
        font: 13px;
    }
}
@media only screen and (max-width: 300px) {
    .advisoty-council .advisoty-council-title h1{
        font-size: 18px;  
    } 
    .advisoty-council .advisoty-council-title h1 span{
        font-size: 10px;  
    }
    .magazine .magazine-committee-title h1{
        font-size: 18px;   
    }
}

/*==general member page==*/
@media only screen and (max-width: 450px) {
    .general-member h1{
        font-size: 33px;
    }
}
@media only screen and (max-width: 360px) {
    .general-member h1{
        font-size: 26px;
    }
}
@media only screen and (max-width: 280px) {
    .general-member h1{
        font-size: 23px;
    }
}
/*== Executive Committee page ==*/
@media only screen and (max-width: 767px) {
    .exe-comi-head h1{
        font-size: 35px;
    }
}
@media only screen and (max-width: 450px) {
    .exe-comi-head h1{
        font-size: 28px;
    }
}
@media only screen and (max-width: 380px) {
    .exe-comi-head h1{
        font-size: 25px;
    }
}
@media only screen and (max-width: 320px) {
    .exe-comi-head h1{
        font-size: 20px;
    }
}
@media only screen and (max-width: 700px) {
    .modal-content,
    .modal-content-2,
    .modal-content-3,
    .modal-content-4,
    .modal-content-5,
    .modal-content-6,
    .modal-content-7,
    .modal-content-8,
    .modal-content-9,
    .modal-content-10,
    .modal-content-11,
    .modal-content-12
    
    {
        width: 90%;
    }
}