/*==========  Non-Mobile First Method  ==========*/



/* Large Devices, Wide Screens */
@media only screen and (max-width : 2500px) {



/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
.service-img {
    margin-top: 30px;
}

    
/* Small Devices, Tablets */
    
@media only screen and (max-width : 770px) {
#carousel {
display: none;
}
h1 {
font-size: 3.5em;
}
h3 {
font-size: 1.2em;
}
h4 {
font-size: 1.1em;
} 
.servicegroup {
margin-top: 4%;
margin-bottom:6%;
}
.contentgroup {
    padding: 60px 0 20px 0; 
}
#portfoliogroup {
margin-top: 20px;
}
}
    

/* MOBILE PHONE  LANDSCAPE SIZE */  
    
@media only screen and (min-width: 401px) and (max-width : 750px) and (orientation: landscape) {    

.quarter-landscape {
width: 25%;
}
.third-landscape {
width:33.33333%;
margin: auto;
float: left;
}
.half-landscape  {
width:50%;
margin: auto;
}
.contentgroup {
padding: 43px 0 23px 0; 
}
#servicebanner {
height: 220px;
padding-top: 7%;
}
.servicegroup {
    margin-bottom: 30px;
}
#portfoliobanner {
height: 220px;
padding-top: 7%;
}
#map-canvas {
display: none;
}
h1 {
font-size: 2.3em;
}
h2 {
font-size: 1.9em;
}
h3 {
font-size: 1.2em;
}
h4 {
font-size: 0.95em;
}
h5 {
font-size: 0.5em;
}
p {
font-size: 0.9em;
}
.homecontent h3 {
font-size: 1.2em;
}
.homecontent p {
font-size: 0.9em;
}
}
    
    
    

/* MOBILE PHONE SIZE */
    
@media only screen and (max-width : 400px) {
h1 {
font-size: 2.3em;
}
h2 {
font-size: 1.9em;
}
h3 {
font-size: 1.2em;
}
h4 {
font-size: 1.1em;
}
h5 {
font-size: 0.85em;
}
p {
font-size: 0.9em;
}
#services {
padding: 0 20px;
}
.homecontent h3 {
font-size: 1.2em;
}
.homecontent p {
font-size: 0.9em;
}
#servicebanner {
height: 275px;
padding-top: 5%;
}
#portfoliobanner {
height: 275px;
padding-top: 10%;
}
.sector-list {
margin-bottom: 40px;
}
#map-canvas {
width: 100%;
height: 150px;
}

}