@media only screen and (max-width: 992px) {
    .nav-w100 button i{
    	color:#fff !important;
    }
    .breadcrumb-content h1{
    	font-size: 32px;
    }
    .breadcrumb-content a{
    	font-size: 14px;
    }
    .about-image{
        width: 100%;
    }
    .about-content p{
        font-size: 18px;
    }
  
  .navbar-toggler {
    margin-left: auto;
  }
  .desp-img{
    margin: 0px 0px 20px 0px;
  }
  .desp-txt p{
    margin: 0px 0px 20px 0px;
  }
}



@media only screen and (max-width: 768px) {
    .sec-title h2{
    	font-size: 38px;
    }
    .breadcrumb-content h1{
    	font-size: 28px;
    }
}
@media only screen and (max-width: 565px) {
    .sec-title h2{
    	font-size: 34px;
    }
    .breadcrumb-content h1{
    	font-size: 26px;
    }
    .velayudha-image img{
        margin: 0px 0px 20px 0px;
    }
    .image-content h1{
        margin: 0px 0px 15px 0px;
    }
    .about-image img{
        width: 100%;
    }
    .testimonial-carousel .owl-nav{
        right: -10px;
        left: -10px;
    }
    .contact-details {
        margin: 0px 0px 25px 0px;
    }
    .contact-icon{
        top: -50px;
    }
      .smm-image img{
        min-height: 200px!important;
    }
}
@media only screen and (max-width: 400px) {
    .sec-title h2{
    	font-size: 32px;
    }
    .breadcrumb-content h1{
    	font-size: 22px;
    }
     .nav-logo img{
        width: 50px;
    }
    .smm-image{
         max-width: 100%;
            height: auto;
    }
    .content-mishrabhojan p{
        font-size: 16px;
    }
  
}
@media only screen and (max-width: 324px) {
    .sec-title h2{
    	font-size: 30px;
    }
    .breadcrumb-content a{
    	font-size: 12px;
    }
    .smm-image img{
        width: 500px;
    }
    .about-image {
        width: 290px;
    }
    .event-section{
        padding: 30px 0px 30px 0px;
    }
    .smm-vision{
        padding: 40px 0px 40px 0px;
    }
    .ideological-content h1{
        font-size: 20px;
    }
    .smm-ideologies h1{
         font-size: 20px;
    }
       .about-content h1{
        font-size: 24px;
       }
   .about-content h2{
    font-size: 18px;
   }
}
@media only screen and (max-width: 575px) {

	.social-icon a{    
		margin: 0px 5px;
		font-size:14px;
	}
    .contact-head h2{
      font-size: 25px;
    }
}