/*-----------------------------------------------------------------------------------------------------------------------------
    MOBILE FIRST LAYOUT STYLES 
-----------------------------------------------------------------------------------------------------------------------------*/
@media (max-width: 320px) {
 
}
/*---------------------------------------------------------------------------------------------------------------------------*/
@media (max-width: 560px) { 
   /*--Header Section--*/
  .header-flex-wrapper-outer .btn-payments,
  .header-flex-wrapper-outer .btn-store {
    font:14px/1em 'OswaldRegular',Arial; 
    padding:15px 24px 15px;
  }
  .header-flex-wrapper-outer .logo-motto-phone-section .logo-box img {
    max-width:90%;
    height:auto;
  }
  .header-flex-wrapper-outer .logo-motto-phone-section .motto-box p {
    font:20px/1.2em 'OswaldRegular',Arial;
  }
  .header-flex-wrapper-outer .logo-motto-phone-section .phone-box a { 
    font:20px/1em 'OswaldRegular',Arial;
  }
  .header-flex-wrapper-outer .logo-motto-phone-section .phone-box .fa-mobile {
    font-size:1.4em;
  } 
 
}
/*---------------------------------------------------------------------------------------------------------------------------*/
@media (max-width: 767px) {	
  h1 {
    text-align:center;
  }
 
  .section-content-wrapper .title-black {
    font:700 16px/1em 'ArimoRegular',Arial;
  }
  .section-content-wrapper .title-orange {
    font:700 16px/1em 'ArimoRegular',Arial;
  }  

  /*--Header Section--*/
  .header-flex-wrapper-outer .logo-motto-phone-section-inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align:center; 
  }	
  .header-flex-wrapper-outer .logo-motto-phone-section .logo-box {
    flex:0 0 100%;
	width:100%;
  }
  .header-flex-wrapper-outer .logo-motto-phone-section .motto-box {
    flex:0 0 100%;
	width:100%;
    margin:15px 0;
  }
  .header-flex-wrapper-outer .logo-motto-phone-section .phone-box {
    flex:0 0 100%;
	width:100%;
	text-align:center; 
  }  
   
  /*--Breadcrums Section--*/
  .bg-breadcrumbs {
    text-align:center;
  }
  
  /*--Page Top Text Wrapper--*/
    .pageTop-wrapper {text-align:center;}

  /*--Home Page Section 2 - PromoMachines--*/	
    .hp-promoMachines-wrapper {
    -webkit-box-orient: vertical;      /* OLD syntax */
    -webkit-box-direction: normal;     /* OLD syntax */
    -webkit-flex-direction: column;    /* Newer Safari */
    -ms-flex-direction: column;        /* IE 10 */
    flex-direction: column;
  }
  .hp-promoMachine-card {
    flex: 0 0 100%;
    width:100%;
    margin:0 0 15px 0;
  }
  
  /*--PromoMachine Pages - Carousel--*/
  .promoMachine-flex-wrapper {  
    -webkit-box-orient: vertical;      /* OLD syntax */
    -webkit-box-direction: normal;     /* OLD syntax */
    -webkit-flex-direction: column;    /* Newer Safari */
    -ms-flex-direction: column;        /* IE 10 */
    flex-direction: column;
    text-align:center;
  }
  .promoMachine-flex-wrapper .promoMachine-specs {  
    flex: 0 0 100%;
    width:100%;
    order:2;
    margin:50px 0 0 0;
  }
  .promoMachine-flex-wrapper .promoMachine-carousel {  
    flex: 0 0 100%;
    width:100%;
    order:1;
  }
  
  /*--Home Page Section 3 - Services--*/
  .hp-services-flex-wrapper .hp-services-box {
    flex: 0 0 100%;
    width:100%;    
    margin:10px 0 15px;
  }
  .hp-services-flex-wrapper .hp-services-box .title {
    color:#181818;
    font:20px/1.2em 'OswaldRegular',Arial;
    margin:0 0 10px;
    text-transform:uppercase;
  }
  
  /*--How to Videos Section--*/
  .videos-flex-wrapper .video-box {
    flex:0 0 100%;
    width:100%;	
  }
  
  /*--Body Section Flex Wrappers--*/
  /*--About, Services, Leasing, Consulting Section1 Flex Wrapper--*/
  .section1-flex-content {	
    text-align:center;	
  }  
  .about-services-flex-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align:center;
  }
  .section-content-left {
    flex:0 0 100%;
    width:100%;
	order:2;
  }
  .section-content-right {
    flex:0 0 100%;
    width:100%;
	margin:10px 0 15px 0;
	order:1;
  }

  /*--Serices + Consulting Section 2--*/ 
  .services-box,
  .consulting-box {
    flex: 0 0 100%;
    width: 100%;
  }
  .services-box .icon,
  .consulting-box .icon {
    width:90px;
    height:90px;
    line-height:80px;
    margin: 0 0 20px;
  }
  .services-box .icon .fa-wrench, .fa-usd, .fa-file, .fa-print, .fa-users, .fa-cloud, .fa-university, .fa-cogs,
  .consulting-box .icon .fa-file, .fa-cloud, .fa-university, .fa-cogs {
    font-size:2em;
    margin-bottom:4px;
  }
  
  /*--Product Boxes Section--*/
  .products-flex-wrapper .product-box {
    flex: 0 0 100%;
	width:100%
  }

  /*--leasing Section 2--*/
  .leasing-options-flex-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .leasing-options-box {
	flex:0 0 100%;
	width:100%;
  }
  .leasing-benefits-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .leasing-benefit-box {
    flex: 0 0 100%;
    width: 100%;
  }
  
    /*--Sitemap Section--*/
  .sitemap-flex-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align:center;
  }
  .sitemap-flex-wrapper .sitemap-column1,
  .sitemap-flex-wrapper .sitemap-column2,
  .sitemap-flex-wrapper .sitemap-column3 {
    flex:0 0 100%;
	width:100%;
    margin:0 0 25px;
  }
  .sitemap-column-list .smap-list a {
    padding:18px 0;
  } 
  
  /*--Blogs Posts Section--*/  
  .blogs-posts-flex-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }  
  .blogs-posts-flex-wrapper .blogs-posts-container {
    flex:0 0 100%;
    width:100%;
  }  
  
  /*--Testimonials Section--*/ 
  .testimonial-flex-comment-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .testimonial-box {	
    flex:0 0 100%;
    width:100%;
  }
  .testimonial-box-large {	
    flex:0 0 100%;
    width:100%;
  }
  
  /*--Privacy Policy Section--*/
  .privacy-flex-wrapper .privacy-box {
    text-align:center;
  }
  .privacy-flex-wrapper .privacy-box-heading p {
    font:18px/1em 'OswaldRegular', Arial;  
  }
    
  /*--Page Not Found - 404 Section--*/
  .pnf-flex-wrapper .btn {
    font:14px/1em 'OswaldRegular',Arial; 
	padding:12px; 
  }
  .pnf-flex-wrapper .pnf-error-box .title {
    font:130px/1.2em 'OswaldRegular', Arial;  
  }
  .pnf-flex-wrapper .pnf-error-box .description {
    font:20px/1.2em 'OswaldRegular',Arial;
  }	
  .pnf-flex-wrapper .pnf-error-box .error-msg {
    font:500 16px/1.2em 'ArimoRegular',Arial;
  }
 	
  /*--Brands Logo Section--*/
  .brands-flex-wrapper {
    -webkit-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
  }
  .brands-flex-wrapper .brand-logo-box {
    flex:0 0 30%;
	width:30%;
  }
  .brands-flex-wrapper .brand-logo-box img {
    width:100%;
  }

  /*--Footer Section--*/
  footer .footer-flex-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align:center; 
  }
  footer .footer-flex-wrapper .footer-box-1,
  footer .footer-flex-wrapper .footer-box-2,
  footer .footer-flex-wrapper .footer-box-3,
  footer .footer-flex-wrapper .footer-box-4 {
    flex:0 0 100%;
	width:100%;
	padding:20px 0 0 0;
  }
  footer .footer-flex-wrapper .title {
    font:20px/1em 'OswaldRegular',Arial;
  }
 
}
/*---------------------------------------------------------------------------------------------------------------------------*/
@media (max-width: 768px) {
  /*--Blogs Article Section--*/ 
    .blog-article-flex-wrapper {
    width:100%;
  }
  
}
/*---------------------------------------------------------------------------------------------------------------------------*/
@media (min-width: 768px) and (max-width: 1199px) {
  /*--Blogs Article Section--*/
  .blog-article-flex-wrapper { 
    width:76%;
  }

}
/*---------------------------------------------------------------------------------------------------------------------------*/
@media (max-width: 991px) {	
  h1 {
    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;
  }
  
  .btn-orange-black {
    font:16px/1.2em 'OswaldRegular',Arial;
    padding:14px;
  }  
  .btn-black-orange {
    font:16px/1.2em 'OswaldRegular',Arial;
    padding:14px;
  }
  .btn-green-black {
    font:16px/1.2em 'OswaldRegular',Arial;
    padding:14px;
  }  
  .btn-black-transparent {
    font:16px/1.2em 'OswaldRegular',Arial;
    padding:14px 14px;
  }
  .btn-orange-transparent {
    font:16px/1.2em 'OswaldRegular',Arial;
    padding:14px 14px;
  } 

  /*--About Services Section--*/
 .about-services-flex-wrapper .about-services-box {
	flex:0 0 100%;
	width:100%;
  }
  /*--About Section 2--*/ 
  .about-services-flex-wrapper .about-services-box .heading {
    font:18px/1.2em 'OswaldRegular', Arial;
  }  
  
  /*--FAQ Section--*/	
  .faq-flex-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .faq-flex-wrapper .faq-column1,
  .faq-flex-wrapper .faq-column2 {
    flex:0 0 100%;
    width:100%;
    margin:0;
  }
  
  /*--Contact Information Section--*/
  .contact-info-flex-wrapper {	
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .contactInfo-wrapper { 
    flex: 0 0 100%;
    width:100%;
  }
  .locationMap-wrapper { 
    flex: 0 0 100%;
    width:100%;
    margin:15px 0 0 0;
  }
  .contactFrom-wrapper {
    flex: 0 0 100%;
    width:100%;
    margin:15px 0 0 0;
  }
  
  /*--Page Not Found - 404 Section--*/
  .pnf-flex-wrapper .pnf-error-box .description {
    font:500 20px/1.4em 'OswaldRegular',Arial;
  }
 	  
}
/*---------------------------------------------------------------------------------------------------------------------------*/
@media (min-width: 768px) and (max-width: 991px) {  
  /*--Header Section--*/
  .header-flex-wrapper-outer .logo-motto-phone-section .logo-box img {
    max-width:90%;
  }
  .header-flex-wrapper-outer .logo-motto-phone-section .motto-box p {
    font:22px/1.2em 'OswaldRegular',Arial;
  }
  .header-flex-wrapper-outer .logo-motto-phone-section .phone-box a { 
    font:22px/1em 'OswaldRegular',Arial;
  }
  .header-flex-wrapper-outer .logo-motto-phone-section .phone-box .fa-mobile {
    font-size:1.6em;
  }
  
  /*--Home Page Section 2 - PromoMachines--*/
  .hp-promoMachine-card .hp-promoMachine-title p {
    color:#181818;
    font:18px/1.2em 'OswaldRegular', Arial;
  }
  .hp-promoMachine-card .hp-promoMachine-content .heading {
    color:#181818;
    font:18px/1.2em 'OswaldRegular', Arial;
    padding:0;
  }
  
  /*--Home Page Section 3 - Services--*/
  .hp-services-flex-wrapper .hp-services-box {
    flex: 0 0 48%;
    width:48%;
    padding:20px;
    margin:10px 0 15px; 
  }
  .hp-services-flex-wrapper .hp-services-box .title {
    font:18px/1.2em 'OswaldRegular',Arial;
  }
  
  /*--Product Boxes Section--*/ 
  .products-flex-wrapper .product-box {
    flex: 0 0 48%;
	width:48%;
  }
  
  /*--Leasing Options & Benefits Section 2--*/
  .leasing-options-box {
    flex:0 0 48%;
	width:48%;
  }
  .leasing-benefit-box {
    flex:0 0 48%;
	width:48%;
  }
  .leasing-options-box .info p {
    font:500 15px/1.2em 'ArimoRegular',Arial;
  }
  
  /*--How to Videos Section--*/
  .videos-flex-wrapper .video-box {
    flex:0 0 48%;
	width:48%;
  }
  
  /*--Blogs Posts Section--*/  
  .blogs-posts-flex-wrapper .blogs-posts-container {
    flex:0 0 48%;
	width:48%;
  }
  .blogs-posts-flex-wrapper .blogs-posts-container .blog-content .blog-title {
    font:18px/1.2em 'OswaldRegular', Arial;
  }
  
  /*--Blogs Articles--*/ 
  .blog-article-flex-wrapper .keyHeading {
    color:#181818;
    font:18px/1.2em 'OswaldRegular',Arial;
  }
  
  /*--Sitemap Section--*/
  .sitemap-column-heading p {    
    font:16px/1.2em 'OswaldRegular', Arial;
  }
   

  /*--Footer Section--*/
  footer .footer-flex-wrapper .title {
    font:20px/1em 'OswaldRegular',Arial;
  }
 
}
/*---------------------------------------------------------------------------------------------------------------------------*/
@media (min-width: 768px) and (max-width: 1199px) {  
  /*--Serices + Consulting Section 2--*/
  .services-box,
  .consulting-box {
    flex:0 0 48%;
    width:48%;
  }
  .services-box .title,
  .consulting-box .title {
    font:18px/1.2em 'OswaldRegular',Arial;   
  }
  .services-box .icon,
  .consulting-box .icon {
    width:90px;
    height:90px;
    line-height:80px;
    margin:0 0 20px;
  }
  .services-box .icon .fa-wrench, .fa-usd, .fa-file, .fa-print, .fa-users, .fa-cloud, .fa-university, .fa-cogs,
  .consulting-box .icon .fa-file, .fa-cloud, .fa-university, .fa-cogs {
    font-size:2em;
    margin-bottom:4px;
  }
  
  /*--Footer Section--*/
  footer .footer-flex-wrapper .footer-box-1,
  footer .footer-flex-wrapper .footer-box-3 {
    flex: 0 0 50%;
	width:50%;
	padding:20px 20px 20px 0;
  } 
  footer .footer-flex-wrapper .footer-box-2,
  footer .footer-flex-wrapper .footer-box-4 {
    flex: 0 0 50%;
	width:50%;
	padding:20px 0 20px 0;
  }

}
/*---------------------------------------------------------------------------------------------------------------------------*/
@media (min-width: 992px) and (max-width: 1199px) {
  h1 {
    font:22px/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;
  }

  /*--Home Page Services Boxes - Section3--*/
  .hp-services-flex-wrapper .hp-services-box .title {
    font:18px/1.2em 'OswaldRegular',Arial;
  }

  /*--Services & Consulting Pages--*/  
  .services-box .title,
  .consulting-box .title {
    font:18px/1.2em 'OswaldRegular',Arial;
  }

  /*--Product Boxes Section--*/ 
  .products-flex-wrapper .product-box {
    flex: 0 0 32%;
	width:32%
  }

  /*--Blogs Posts Section--*/ 
  .blogs-posts-flex-wrapper .blogs-posts-container .blog-content .blog-title {
    font:20px/1.2em 'OswaldRegular', Arial;
  }

  /*--Sitemap Section--*/
  .sitemap-column-heading p {
    font:18px/1em 'OswaldRegular', Arial; 
  } 
  
  /*--Footer Section--*/
  footer .footer-flex-wrapper .title {
    font:22px/1em 'OswaldRegular',Arial;
  }

}
/*---------------------------------------------------------------------------------------------------------------------------*/
@media (max-width: 1199px) {
} 
/*---------------------------------------------------------------------------------------------------------------------------*/
@media (min-width: 1220px) {
 .container {
    padding: 0;
  }  
  
}
/*---------------------------------------------------------------------------------------------------------------------------*/