/* - MOBILE STYLES
---------------------------------------------- */


/* 3 columnn (only) */
@media only screen and (min-width: 870px) and (max-width: 1169px){

.jPushMenuBtn-top, .jPushMenuBtn-bottom{visibility:visible;}

.nav-top, .nav-bottom{visibility: hidden;}


.browser {
    position: relative;
}

.logo {
    left: 15px;
   
}

}

/* 2 columnn (only) */
@media only screen and (min-width: 570px) and (max-width: 869px){


.jPushMenuBtn-top, .jPushMenuBtn-bottom{visibility:visible;}

.nav-top, .nav-bottom{display:none;}

.browser {
    position: relative;
}

.logo {
    left: 15px;
   
}

}

/* 1 columnn (only) */
@media only screen and (max-width: 569px){


.jPushMenuBtn-top, .jPushMenuBtn-bottom{visibility:visible;}

.nav-top, .nav-bottom{display:none;}

.logo {
    left: 15px;
   
}

}



/* 3 columnn (and below) */
@media only screen and (max-width: 1169px){

.jPushMenuBtn-top, .jPushMenuBtn-bottom{visibility:visible;}

.nav-top, .nav-bottom{display:none;}

.services-icon {
  
    min-height: 411px;
  
 }
 
.services_intro{padding: 50px 33px 100px;}

.hello{padding-right:30px; padding-left:30px;}

.logo {
    left: 5px;
   
}

}

/* 2 columnn (and below) */
@media only screen and (max-width: 869px){


.jPushMenuBtn-top, .jPushMenuBtn-bottom{visibility:visible;}

.nav-top, .nav-bottom{display:none;}

.services-icon {

    min-height: 411px;
    
 
}

.services_intro{padding: 50px 33px 100px;}


.who-are-we {
    background-image:none;
   
}
.privacy{display: none;}

.browser{position: relative;}


.case-studies-inner .six {
    min-height: 0;
    height: auto;
}

}

/* 1 columnn (and below) */
@media only screen and (max-width: 569px){



.jPushMenuBtn-top, .jPushMenuBtn-bottom{visibility:visible;}

.nav-top, .nav-bottom{display:none;}

.services-icon {

    min-height: 411px;
 
}
.logo {
    left: 0;
    top: 7px;
    width: 210px;
}

.who-are-we {
    background-image:none;
   
}

.privacy{display: none;}

.browser{position: relative;}


.case-studies-inner .six {
    min-height: 0;
    height: auto;
}

.bannertext h1, .bannertext h2, .bannertext h3, .bannertext h4 {
    font-size: 2em !important;
    line-height: 39px;
}
.bannertext p {
    font-size: 1em;
    line-height: 26px;
    padding-left: 2em;
    padding-right: 2em;
}

.slides-navigation, .slides-pagination{display: none;}

.who-are-we-inner h3 {
    font-size: 2.4em;
}
.who-are-we-inner {
    padding: 36px 0 0 !important;
}

.who-are-we {
 
    min-height: 541px;
}

h1, h2, h3, h4{
    font-size: 3em;

}

.services_container {

    padding: 39px 0 0;

}

.testimonial-inner p {
    font-size: 1.5em;
 
}

.testimonial-inner {

    padding-top: 111px;
 
}

.post-5 .hello {
    padding: 119px 0;
}

.jPushMenuBtn-top{right: 14px;}

}
