@media (min-width:280px) and  (max-width:767px) { 

h1 {font-size:32px;}
h2 {font-size:24px;}

/* COLUMN STRUCTURE - 12 COLUMNS */

.three-col {width:47% !important;}
.four-col {width:98% !important;}
.six-col {width:98% !important;}
.eight-col {width:98% !important;}

/* END COLUMN STRUCTURE - 12 COLUMNS */

#logo {width:100px;}

#nav li a {font-size:18px;}

.full-height-width {height:auto !important;}
#header .center-center-bg, .content .center-center {height:100%; width:auto;}
#header .six-col, #header.contact .six-col {position:relative; float:left; margin:150px 0 125px 0 !important; top:0; left:0; height:auto !important;}
#header.contact .six-col .four-col {width:46% !important;}
#header.contact .six-col .four-col:last-child {display:none;}

#footer .four-col, #footer .four-col.right-align { text-align:center !important;}
.four-col.right-border {-webkit-box-shadow:none; box-shadow:none;}

#home-services .four-col {padding:0 1%;}
#home-services .four-col li {text-align:center !important;}

#process-process > .center-content > .three-col {width:22% !important; padding:10px 1% 0 1% !important;}
#process-process > .center-content > .six-col {width:73% !important; text-align:left !important; padding:0px 1% 10px 1% !important;}

#client-square.eight-col {width:98% !important;}
#client-square .four-col {width:46% !important;}


}

@media (min-width:480px) and  (max-width:767px) { 






}

@media (min-width:320px) and  (max-width:479px) { 

#process-process > .center-content > .three-col {width:29% !important; text-align:left !important;}
#process-process > .center-content > .three-col img {margin:0 !important;}
#process-process > .center-content > .six-col {width:96% !important;}

}