/*======================================================== 
   MOBILE FIRST LAYOUT STYLES 
=========================================================*/
@media (max-width: 320px) {
}
/*===========================================================================================================================*/
@media (max-width: 360px) {  
}
/*===========================================================================================================================*/
@media (max-width: 480px) { 
  .logo-wrapper {
    text-align:center;
  }
  .logo-wrapper img {
    width:86%;
	height:auto;
  }
  .header-wrapper .phone-box .fa-phone {
    font-size:28px;
  }
  .header-wrapper .phone-box a {
    font:26px/1em 'roboto_condensedbold',Arial;
  }


}
/*===========================================================================================================================*/
@media (max-width: 560px) { 
}
/*===========================================================================================================================*/
@media (min-width: 560px) and (max-width: 991px) {
}
/*===========================================================================================================================*/
@media (max-width: 767px) {	
  .bg-breadcrumbs {
    text-align:center;
  }
	
  h1 {
    font:26px/1em 'robotomedium',Arial;
  }
  h2 {
    font:26px/1em 'robotomedium',Arial;
  }
  h3 {
    font:26px/1em 'robotomedium',Arial;
  }
  h4 {
    font:26px/1em 'robotomedium',Arial;
  }
    
  .keyHeading {
    font:20px/1em 'robotomedium',Arial;
  }
  .keyHeading-white {
    font:20px/1em 'robotomedium',Arial;
  }
  
  .underline1 {
    margin:15px auto;
  }	

  .menu-wrapper {
    padding-top:0;
    padding-bottom:0;
  }
  nav.navbar_abcr {
    float:none;
    margin:0;
    text-align:center;
  } 
  nav.navbar_abcr .nav {
    display:none !important;
  }  
  .select-menu {
    display:inline-block !important;
    padding:8px 4px 8px 8px;
    margin:16px 0;
    width:100%;
    border:1px solid #ffffff;
    border-radius:5px;
    background:#ff0000;
    color:#ffffff;
    cursor:pointer;
    height:46px;
    font-size:16px;
    vertical-align:middle;
    text-transform:capitalize;
  }
  
  .page-wrapper-top {
	text-align:center;
  } 
  
  .keypoint-box-1 {
    flex:0 0 100%;
    border-left:1px solid #d4d4d4;
    border-right:1px solid #d4d4d4
  }
  .keypoint-box-2 {
    flex:0 0 100%;
    border:1px solid #d4d4d4;
  }
  .keypoint-box-3 {
    flex:0 0 100%;
    border-left:1px solid #d4d4d4;
    border-right:1px solid #d4d4d4
  }
    
  .cta-wrapper {
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    text-align:center; 
  }
  .cta-wrapper .cta-content p {
    font:700 18px/1em 'robotomedium',Arial;
    margin:0 0 20px;
  }
  .cta-wrapper .cta-content a {
    font:700 22px/1.2em 'robotomedium',Arial;
    margin:0 0 20px;
  }
  
  .testimonial-comment-box {
    flex:0 0 100%;
  }
    
  footer .footer-flex-wrapper .footer-box-logo-spiel {
    flex:0 0 100%;
    text-align:center;
  }
  footer .footer-flex-wrapper .footer-box-information,
  footer .footer-flex-wrapper .footer-box-contactUs {
    flex:0 0 100%;
	text-align:center;  
  }
  footer .contactInfo-wrapper .contactInfo {
	-webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -webkit-flex-direction:column;
    -ms-flex-direction:column;
    flex-direction:column; 
  }  
  
}
/*===========================================================================================================================*/
@media (max-width: 768px) {
}
/*===========================================================================================================================*/
@media (min-width: 768px) and (max-width: 1199px) {
  .cta-wrapper .cta-content p {
	font:700 22px/1em 'robotomedium',Arial;
  }
  .cta-wrapper .cta-content a {
	font:700 22px/1em 'robotomedium',Arial;
  }
  .cta-wrapper .cta-content {
    flex:0 0 68%;
   }
  .cta-wrapper .cta-button {
    flex:0 0 30%;
  }  
  
}
/*===========================================================================================================================*/
@media (min-width: 768px) and (max-width: 991px) {	

  h1 {
    font:30px/1em 'robotomedium',Arial;	
  }
  h2 {
    font:28px/1em 'robotomedium',Arial;
  }
  h3 {
    font:28px/1em 'robotomedium',Arial;
  }
  h4 {
    font:28px/1em 'robotomedium',Arial;
  }
    
  .keyHeading {
    font:20px/1em 'robotomedium',Arial;
  }
  .keyHeading-white {
    font:20px/1em 'robotomedium',Arial;
  }  
  
  .menu-wrapper { 
    padding-bottom:5px;
  }
  nav.navbar_abcr {
    text-align:center;
  }  
  nav.navbar_abcr .sub-menu > ul { 
    top:50px;	
  } 
  nav.navbar_abcr .sub-menu > ul li a {  
    padding:7px 10px 10px 10px;  
    font:14px/1em 'ArimoRegular',Arial;
  } 
  nav.navbar_abcr li a { 
    font:12px/40px 'robotomedium',Arial; 
    padding:0 8px;
  } 
  nav.navbar_abcr li span { 
    bottom:2px; 
  } 
  nav.navbar_abcr .nav.sf-menu { 
    float:none; 
    display:inline-block; 
  }
    
  .benefits-box-icon .fa {
    font-size:2em;
    width:60px;
    height:60px;
    line-height:60px;
  }
  .benefits-box-info .benefit-label {
    font:18px/1.2em 'robotomedium',Arial;
  }  
  
  footer .footer-flex-wrapper .footer-box-logo-spiel {
    flex:0 0 100%;
    text-align:center;
  }
  footer .footer-flex-wrapper .footer-box-information,
  footer .footer-flex-wrapper .footer-box-contactUs {
    flex:0 0 48%;  
  }
  footer .footer-flex-wrapper .heading {
    font:24px/1em 'roboto_condensedbold',Arial;
  }

  
}
/*===========================================================================================================================*/
@media (max-width: 991px) {  
  header {
    padding:0;
  }
  .header-box {
    justify-content:center;
  }
  .header-wrapper {
    -webkit-flex-direction:column;
    -ms-flex-direction:column;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    flex-direction:column;
  }
  .logo-wrapper {
    margin:0 0 15px;
  }  
  
  .keypoint-box-1 .line1,
  .keypoint-box-2 .line1,
  .keypoint-box-3 .line1 {
    font:18px/1em 'robotomedium',Arial;  
  }
  .keypoint-box-1 .line2,
  .keypoint-box-2 .line2,
  .keypoint-box-3 .line2 {    
    font:16px/1em 'robotomedium',Arial;
  }
  
  .vehicle-categories-flex-wrapper {
	-webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -webkit-flex-direction:column;
    -ms-flex-direction:column;
    flex-direction:column;
  }
  .vehicle-category-box-wrapper {
    flex:0 0 100%;
  }
  .vehicle-category-box-caption {
    text-align:center;
  }
  
  .benefits-box-outer {
	-webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -webkit-flex-direction:column;
    -ms-flex-direction:column;
    flex-direction:column; 
  }
  .benefits-box-outer {
    flex:0 0 100%;
    text-align:center;
  }
  .benefits-box-icon .fa {
    font-size:2em;
    width:60px;
    height:60px;
    line-height:60px;
   margin:0 0 20px;
  }
    
  
}
/*===========================================================================================================================*/
@media (min-width: 991px) {  
}
/*===========================================================================================================================*/
@media (min-width: 992px) { 
}
/*===========================================================================================================================*/
@media (min-width: 992px) and (max-width: 1199px) {	

  h1 {
    font:28px/1em 'robotomedium',Arial;	
  }
  h2 {
    font:28px/1em 'robotomedium',Arial;
  }
  h3 {
    font:28px/1em 'robotomedium',Arial;
  }
  h4 {
    font:28px/1em 'robotomedium',Arial;
  }
    
  .keyHeading {
    font:22px/1em 'robotomedium',Arial;
  }
  .keyHeading-white {
    font:22px/1em 'robotomedium',Arial;
  }

  nav.navbar_abcr li a { 
    font:14px/50px 'robotomedium',Arial;  
    padding:0 16px;
  }  
  
  .vehicle-category-box-caption .vehicle-category-box-label {
    font:700 18px/1.2em 'open_sansregular',Arial;
  }
  
  footer .footer-flex-wrapper .footer-box-logo-spiel {
    flex:0 0 38%;
  }
  footer .footer-flex-wrapper .footer-box-information,
  footer .footer-flex-wrapper .footer-box-contactUs {
     flex:0 0 29%;
  }  
  footer .footer-box-contactUs .social .fa {
    width:36px; 
    height:36px;
    line-height:36px; 
  }
  
}
/*===========================================================================================================================*/
@media (max-width: 1199px) {
}
/*===========================================================================================================================*/
@media (min-width: 1200px) {
}
/*===========================================================================================================================*/
@media (max-width: 1200px) {
}
/*===========================================================================================================================*/
@media (min-width: 1200px) and (max-width: 1199px) {
}
/*===========================================================================================================================*/
@media (min-width: 1220px) { 
  .container {  
     padding: 0;
   } 

 }
/*===========================================================================================================================*/
@media (max-width: 1800px) { 
}