/* mobile xs ( xtra-small screen sizes ) style for this page, maximum screen size is 0 - 768px */

@media(max-width:768px){  

header div.header-logo {
            
    background: url('/public/img/logo-xs.png') no-repeat center center;
    min-height: 109px;
    max-height:109px;
    position:relative;
    top:40px;
            
}  

section.intro    { padding-bottom: 20px; }
section.intro h1 { padding:20px 20px 20px 20px; margin-top:10px; font-size: 1.8em;}

section.services { padding-bottom: 20px; }
section.services div.service-inner h1   { font-size:1.4em !important; }  
section.services div.service-inner i.fa { float:left; position: relative; top:-4px; font-size: 1.9em; }
section.services div.service-inner span { border-top:10px solid #775e7a; margin-top: 20px; }
section.customers { padding-bottom: 0px; }
section.customers h1 { padding:20px 0 0 0; font-size: 1.8em; }
section.customers h3 { padding:0 0 30px 0; font-size: 1.2em; } 

/* section customers boxes */

section.customers .box h1,
section.customers .box2 h1,
section.customers .box3 h1

{ font-size: 1.6em; padding: 0 0 20px 0; }

section.customers .box h2,
section.customers .box2 h2,
section.customers .box3 h2

{ font-size: 1.3em; padding:10px 20px 0 20px; }

section.company-choose li i { margin-right: 5px;  }
section.company-choose li { padding: 10px; max-width: 90%; line-height:25px; font-size: 1.1em; }
section.company-choose h1 { padding-top:20px; font-size: 1.9em; }
section.company-choose h3 { padding:0 0 30px 0; font-size: 1.2em; } 
section.company-choose span { display:block; padding: 0px; font-size:1.2em; }
section.company-choose div.service-inner h1 { font-size: 1.4em;}
section.company-choose div.service-inner i.fa { width: 30px; position:relative; top:7px; margin-right: 20px; border-right: none !important; padding-bottom: 10px; margin-left: 10px; padding-right:0px;}


}