@media (max-width: 360px) {
}
/*===========================================================================================================================*/
@media (max-width: 559px) {  
}
/*===========================================================================================================================*/
@media (max-width: 560px) {
}
/*===========================================================================================================================*/
@media (min-width: 560px) and (max-width: 767px) {
}
/*===========================================================================================================================*/
@media (max-width: 767px) { 
  .promo-inner .promo-content h1 {
    font:20px/1.2em 'OswaldRegular', Arial; 
  }
  .promo-inner .promo-content .pitch {
   font:20px/1.2em 'OswaldRegular', Arial;
  }  
  h2 {
    font:20px/1.2em 'OswaldRegular',Arial;
  }  
  h3 {
    font:20px/1.2em 'OswaldRegular',Arial;
  }  
  h4 {
    font:20px/1.2em 'OswaldRegular',Arial;
  }
  h6 {
    font:18px/1.2em 'OswaldRegular',Arial;
  }
  
  .keyHeading-bg {
    font:18px/1.2em 'OswaldRegular', Arial;
  }
  
  .cta-wrapper p {
    font:18px/1.4em 'OswaldRegular',Arial;
  }
  
  .promo-inner {
	-webkit-flex-direction:column;
    -ms-flex-direction:column;
    flex-direction:column; 
	text-align:center;
  }  
  .promo-inner .promo-content {
    flex:0 0 100%;
  }
  .promo-inner .promo-img {
    flex:0 0 100%;
    margin-top:20px;
  }
  
  .keyServices-flex-wrapper {
 	-webkit-flex-direction:column;
    -ms-flex-direction:column;
    flex-direction:column; 
	text-align:center; 
  }	
  .keyService-box {
    flex:0 0 100%;
  }  
  
  footer .footer-flex-wrapper {
	-webkit-flex-direction:column;
    -ms-flex-direction:column;
    flex-direction:column; 
  }
  footer .footer-flex-wrapper .footer-company,
  footer .footer-flex-wrapper .footer-sales,
  footer .footer-flex-wrapper .footer-services,
  footer .footer-flex-wrapper .footer-contact {
    flex:0 0 100%;
	text-align:center;
  }	
	
}
/*===========================================================================================================================*/
@media (max-width: 991px) {
  header .top-bar h1  {
    margin:18px 0 10px;
	float:none;
  }    
  header .top-bar .top-bar_btns {
    float:none;
  }
  header {
    height:auto;
    padding:0;
    text-align:center;
  }
  header .logo-phone-flex-wrapper {
    -webkit-flex-direction:column;
    -ms-flex-direction:column;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    flex-direction:column;
	padding:10px 0;
  }
  header .logo-box,
  header .motto-box,
  header .phone-box {
    flex:0 0 100%;
	padding:10px 0;
  }
  header .motto-box p {
    font:22px/1.1em 'OswaldRegular',Arial;
  }
  header .phone-box .tel {
    font:22px/1em 'OswaldRegular',Arial;
  }
  header .phone-box .fa-mobile {
    margin-top:-4px;
  }  
  
  .section1-wrapper-outer {	
    -webkit-flex-direction:column;
    -ms-flex-direction:column;
    flex-direction:column; 
	text-align:center; 
  }
  .section1-wrapper-left { 
    flex:0 0 100%;
  }
  .section1-wrapper-right {
    flex:0 0 100%;
    margin-top:20px;
  }
  
  
}
/*===========================================================================================================================*/
@media (min-width: 768px) and (max-width: 1199px) {	
  .promo-inner .promo-content h1 {
    font:20px/1.2em 'OswaldRegular', Arial; 
  }
  .promo-inner .promo-content .pitch {
    font:20px/1.2em 'OswaldRegular', Arial;
  }
  h2 {
    font:22px/1.2em 'OswaldRegular', Arial;
  }
  h3 {
    font:22px/1.2em 'OswaldRegular', Arial;
  } 
  h4 {
    font:22px/1.2em 'OswaldRegular', Arial;
  }
  h6 {
    font:20px/1.2em 'OswaldRegular',Arial;
  }
  
  .keyHeading-bg {
    font:20px/1.2em 'OswaldRegular', Arial;
  }

  .keyService-box {
    flex:0 0 46%;
  } 
  
  .keyService-box .info p {
    font:700 16px/1em 'ArimoRegular',Arial;
  }
  
  .cta-wrapper p {
    font:20px/1.4em 'OswaldRegular',Arial;
  }
    
  footer .footer-flex-wrapper .footer-company,
  footer .footer-flex-wrapper .footer-sales,
  footer .footer-flex-wrapper .footer-services,
  footer .footer-flex-wrapper .footer-contact {
    flex:0 0 48%; 
    padding:0 0 10px 0;
  }  
  
}
/*===========================================================================================================================*/
@media (max-width: 1199px) {  
}
/*===========================================================================================================================*/
@media (min-width: 1220px) { 
  .container {  
     padding: 0;
   } 

 }