@media only screen and (max-width: 980px) and (min-width: 180px)  {
 #header .logo img {padding: 10px;margin: 0px 0;  !important;}
  .carousel{ margin-top:15%;}
 }
 
 
  
  @media only screen and (max-width: 736px) and (min-width: 644px)  {
 #header .logo img {padding: 10px;margin: 0px 0;  !important;}
  .carousel{ margin-top:15%;}
  
  }
 
 @media only screen and (max-width: 680px) and (min-width: 180px)  {
 #header .logo img {padding: 10px;margin: 0px 0;  !important;}
  .carousel{ margin-top:15%;}
 
  } 
  @media only screen and (max-width: 456px) and (min-width: 180px)  {
 #header .logo img {padding: 10px;margin: 0px 0;  !important;}
  .carousel{ margin-top:23%;} 
  .section-header h3{font-size:33px; }
 
  }
  
  
   @media only screen and (max-width: 400px) and (min-width: 180px)  {
 #header .logo img {padding: 10px;margin: 0px 0;  max-height:95px !important;}
 
 .carousel-inner{ margin-top:30%;} .section-header h3{font-size:28px; }
 
 
  }