/* Laptop Resolution CSS rules for browser widths from 1201px and up*/
@media only screen and (min-width: 1200px) {
	.container {
		width: 80% !important;
	}
  
}
/* Mobile Phone Resolution  CSS rules for browser widths equal to or less than 480px */
@media only screen and (max-width: 480px) {
  .main_wrapper {
    padding: 0;
  }
  header::before{
    border-top: inherit;
    position: inherit;
  }
  .navbar-toggle {
    background-color: #666;
  }
  .top_header {
    text-align: center;
  }
  .top_header span {
    padding: 30px;
  }
  .comm_heading {
    font-size: 1.4em;
  }
  .welcome_section p{
    font-size: 16px;
  }
  .carousel-inner .item  .row .container {
    display: flex;
    flex-direction: column-reverse;
    justify-content: center;
  }
  #first-slider .item  h3{
    font-size: 1.4em;
  }

  #first-slider .item h5 {
    font-size: 14px;
  }
  .comm_padd_lr {
    padding: 1em 1em;
  }
  .bdr_l {
    border-left: none !important;
  }
  .padd_65 {
    padding: 20px 15px !important;
   }
}
/* Tablet Resolution CSS rules for browser widths from 481px to 768 px*/
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  
  header::before{
    left: 45px;
  }
  .comm_heading {
    font-size: 1.9em;
  }
  .welcome_section p {
    font-size: 18px;
  }
 .carousel-inner .item  .row .container {
    display: flex;
    flex-direction: column-reverse;
  }
    #first-slider .item  h3{
    font-size: 1.4em;
  }
  #first-slider .item h5 {
     font-size: 16px;
    padding-right: 14em;
  }
  .arrow_left {
    display: none;
  }
  .service_head h3 {
    font-size: 0.9em;
  }

}