@font-face {
    font-family: 'OpenSansLight';
    src: url('fonts/OpenSans-Light-webfont.eot');
    src: url('fonts/OpenSans-Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/OpenSans-Light-webfont.woff') format('woff'),
         url('fonts/OpenSans-Light-webfont.ttf') format('truetype'),
         url('fonts/OpenSans-Light-webfont.svg#OpenSansLight') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'OpenSansLightItalic';
    src: url('fonts/OpenSans-LightItalic-webfont.eot');
    src: url('fonts/OpenSans-LightItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/OpenSans-LightItalic-webfont.woff') format('woff'),
         url('fonts/OpenSans-LightItalic-webfont.ttf') format('truetype'),
         url('fonts/OpenSans-LightItalic-webfont.svg#OpenSansLightItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'OpenSansRegular';
    src: url('fonts/OpenSans-Regular-webfont.eot');
    src: url('fonts/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/OpenSans-Regular-webfont.woff') format('woff'),
         url('fonts/OpenSans-Regular-webfont.ttf') format('truetype'),
         url('fonts/OpenSans-Regular-webfont.svg#OpenSansRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'OpenSansItalic';
    src: url('fonts/OpenSans-Italic-webfont.eot');
    src: url('fonts/OpenSans-Italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/OpenSans-Italic-webfont.woff') format('woff'),
         url('fonts/OpenSans-Italic-webfont.ttf') format('truetype'),
         url('fonts/OpenSans-Italic-webfont.svg#OpenSansItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'OpenSansSemibold';
    src: url('fonts/OpenSans-Semibold-webfont.eot');
    src: url('fonts/OpenSans-Semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/OpenSans-Semibold-webfont.woff') format('woff'),
         url('fonts/OpenSans-Semibold-webfont.ttf') format('truetype'),
         url('fonts/OpenSans-Semibold-webfont.svg#OpenSansSemibold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'OpenSansSemiboldItalic';
    src: url('fonts/OpenSans-SemiboldItalic-webfont.eot');
    src: url('fonts/OpenSans-SemiboldItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/OpenSans-SemiboldItalic-webfont.woff') format('woff'),
         url('fonts/OpenSans-SemiboldItalic-webfont.ttf') format('truetype'),
         url('fonts/OpenSans-SemiboldItalic-webfont.svg#OpenSansSemiboldItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'OpenSansBold';
    src: url('fonts/OpenSans-Bold-webfont.eot');
    src: url('fonts/OpenSans-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/OpenSans-Bold-webfont.woff') format('woff'),
         url('fonts/OpenSans-Bold-webfont.ttf') format('truetype'),
         url('fonts/OpenSans-Bold-webfont.svg#OpenSansBold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'OpenSansBoldItalic';
    src: url('fonts/OpenSans-BoldItalic-webfont.eot');
    src: url('fonts/OpenSans-BoldItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/OpenSans-BoldItalic-webfont.woff') format('woff'),
         url('fonts/OpenSans-BoldItalic-webfont.ttf') format('truetype'),
         url('fonts/OpenSans-BoldItalic-webfont.svg#OpenSansBoldItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'OpenSansExtrabold';
    src: url('fonts/OpenSans-ExtraBold-webfont.eot');
    src: url('fonts/OpenSans-ExtraBold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/OpenSans-ExtraBold-webfont.woff') format('woff'),
         url('fonts/OpenSans-ExtraBold-webfont.ttf') format('truetype'),
         url('fonts/OpenSans-ExtraBold-webfont.svg#OpenSansExtrabold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'OpenSansExtraboldItalic';
    src: url('fonts/OpenSans-ExtraBoldItalic-webfont.eot');
    src: url('fonts/OpenSans-ExtraBoldItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/OpenSans-ExtraBoldItalic-webfont.woff') format('woff'),
         url('fonts/OpenSans-ExtraBoldItalic-webfont.ttf') format('truetype'),
         url('fonts/OpenSans-ExtraBoldItalic-webfont.svg#OpenSansExtraboldItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

body, html{
    margin:0px;
    padding:0px;
    font-family: 'OpenSansRegular',Arial,Helvetica,sans-serif;
    font-size:13px;
}
.txtArea{
    font-family: Arial,Helvetica,sans-serif;
}

img{ display:inline-block; border:none; border: 0px; }

h1, h2, h3, h4, h5{ color:#383435; text-transform: uppercase;}


a{color:#358fea; text-decoration:none;}
a:visited{ color:#660099; text-decoration:none;} /* HAVE VISITED AS A SEPERATE COLOR */
a:hover { color:#f1fc27; text-decoration:none; }
a:active{ color:#2db7f7; text-decoration:none;}
a:focus { color: #FF0000; }
a:focus:hover {color: #00FFCC; }

#header, #main, #footer, #navigation, #page_footer, .container{
    width:100%;
    display:table;
    background: #fff !important;
}

#header_inner, #main_inner, #footer_inner, #navigation_inner, #page_footer_inner, .container_inner{
    width:960px;
    margin-left:auto;
    margin-right:auto;
    display:table;
    position:relative;
}
.container_inner{
    height: 100%;
}

#logo{
    vertical-align: middle;
}

/*************************************** SITE SPECIFIC *****************************/

.floatRight{float: right; margin: 0 0 4px 4px;}
.floatLeft{float: left; margin: 0 4px 4px 0; }
.leftImg, .leftIMG{ margin: 6px 6px 6px 0px; }
.rightImg, .rightIMG{ margin: 6px 0px 6px 6px; }

.asTable{display: table;}
.fullWidth{ width: 100%; }
.hidden{ display: none; }

.hr{border:none;width: 100%;}
.clear{clear: both;}

iframe{ border: none; }
.colorWhite a{color: #fff !important;}
.centerText{ text-align: center; }
.middleAlign{text-align: center;}

/*********************************************************  HEADER  *************************************************/
#header{
    background: #141414; 
    color:#FFF;
    /*position: absolute !important;*/
}
#header_inner{
    border-top: solid 2px #e9e9e9;
    background: #fff;
    margin-bottom: 20px;
    
    /*width: 930px !important;*/
    /*padding: 0 15px 0 15px;*/
}
#header_inner img{
    /*position: absolute;*/
}
.cameraContainer{
    background: #141414;
    /*margin-top: 20px;*/
}
.cameraContainerInner{
    border-bottom: solid 2px #ffccff;
    
     /*-webkit-box-shadow: 0px 10px 20px 0px rgba(50, 50, 50, 0.75);
    -moz-box-shadow:    0px 10px 20px 0px rgba(50, 50, 50, 0.75);
    box-shadow:         0px 10px 20px 0px rgba(50, 50, 50, 0.75);*/
}

.strikingImage{
    height: 500px;
    background: url(images/striking.jpg);
    
    background-size: 100% auto;
    background-position: center;
}

.margin_top_logo{
    margin-top: 40px !important;
}

/*********************************************************  HEADER  *************************************************/

/*********************************************************NAVIGATION*************************************************/
.fullMobileMenu{
    z-index: 99;
    
    position: absolute;
    top: 0px;
    left: 0px;
}
.mobileMenu{
    width: 100%;
    line-height: normal;
    display: table;
    
    font-size: 13px;
    font-weight: bold;
    text-shadow: 0px 1px 0px #000;
}
.mobileMenu ul{
    list-style: none;
    margin: 0px;
    padding: 0px;
    
    width: 100%;
    margin: 0px auto;
}
.mobileMenu ul li{
    text-align: center;
    width: 100%;
    border-top: #FFF 1px solid;
    background: #ffccff !important;
}
.mobileMenu ul li a{
    color: #000;
    display: block;
    
    text-shadow: none !important;
    
    padding-bottom: 16px;
    padding-top: 16px;
}

#nav ul, #nav ol, #nav li {
    margin: 0px;
    padding: 0px;
    border: 0px;
}
#nav {
    margin: 0 auto; 
    text-align: center;
    z-index: 2;
}

#nav ul ul {
    display: none;
    z-index:3;
}

    #nav ul li:hover > ul {
	display: block;
	z-index:3;
    }


#nav ul {
    list-style: none;
    position: relative;
    display: inline-table;
    vertical-align: middle;
    z-index:4;
    
    width: 100%;
}
    #nav ul:after {
	content: "";
	clear: both;
	display: block;
	z-index:5;
    }

    #nav ul li {
	float: left;
	z-index:6;
	
	width: 14.28571428571429%; /*WIDTH OF A NAV ITEM*/
    }
	#nav ul li:hover, /*#active,*/ .mobileMenu ul li a:hover, .mobileMenu ul li a:active, .mobileMenu ul li.active a{	    
	    /*background: #ff8100;*/
	    /*background: -moz-linear-gradient(top,  #ff8100 0%, #ffa500 100%);*/
	    /*background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff8100), color-stop(100%,#ffa500));*/
	    /*background: -webkit-linear-gradient(top,  #ff8100 0%,#ffa500 100%);*/
	    /*background: -o-linear-gradient(top,  #ff8100 0%,#ffa500 100%);*/
	    /*background: -ms-linear-gradient(top,  #ff8100 0%,#ffa500 100%);*/
	    /*background: linear-gradient(to bottom,  #ff8100 0%,#ffa500 100%);*/
	    
	    z-index:7;
	    
	    text-align: center;
	    
	}
	#nav ul li a{
	    -webkit-transition: all 1s ease;
		-moz-transition: all 1s ease;
		-ms-transition: all 1s ease;
		-o-transition: all 1s ease;
		transition: all 1s ease;
	}
	    #nav ul li:hover a {
		color: #000; /* IS THE HOVER COLOUR */
		border-top: #ff48ff 5px solid;
		text-decoration: underline;
		
	    }
	
	    #nav ul li a {
		display: block;
		
		padding-top: 16px;
		padding-bottom: 16px;
		border-top: #ffccff 5px solid;
		text-align: center;
		
		width: 100%;
		max-width: 100%;
		
		text-decoration: none;
		
		text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
		color: #4b4b4b; /*NON-HOVER COLOUR*/
	    }
    
    #nav ul ul {
	background: #ff48ff; /* SUB NAV COLOUR */
	border-radius: 0px;
	padding: 0px;
	position: absolute;
	top: 100%;
	
	width: 25%; /*WIDTH OF A SUB NAV ITEM*/
    }
	    #nav ul ul li {
		float: none; 
		/*border-top: 1px solid #333; /* SUB NAV BORDER COLOUR */*/
		/*border-bottom: 1px solid #575f6a;  <- NICE EFFECT WHEN LEFT IN, TAKEN OUT ON SLATERS*/
		position: relative;
		border-top: none !important;
	    }
		    #nav ul li ul li a:hover{ /* ADDED FOR SUB-NAV HOVER COLOURS */
			color: #FFF;
		    }
		    #nav ul ul li a {
			/*padding: 15px 40px;*/
			min-width: 100px;
			max-width: 240px;
			padding: 11px 0;
		    }	
			#nav ul ul li a:hover {
			    background: #ffccff; /* SUB NAV HOVER COLOR */
			    color: #FFF;
			}
			
    #nav ul ul ul {
	position: absolute; left: 100%; top:0;
    }
    
    #nav ul ul li, #nav ul ul li a{
	width: 100%;
	max-width: 100%;
    }
    
    
#navigation{
    position: relative; 
}
#navigation{
   
}
#navigation_inner, mobileMenu{
    /* NOT USED IN WIDE NAV */
     text-shadow: 1px 1px 1px rgba(255,255,255,0.8);
     
    /*  -webkit-box-shadow: 0px 10px 20px 0px rgba(50, 50, 50, 0.75);
    -moz-box-shadow:    0px 10px 20px 0px rgba(50, 50, 50, 0.75);
    box-shadow:         0px 10px 20px 0px rgba(50, 50, 50, 0.75);*/
    
    background: #ffccff;
    /*background: -moz-linear-gradient(top,  #666 0%, #333 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#666), color-stop(100%,#333));
    background: -webkit-linear-gradient(top,  #666 0%,#333 100%);
    background: -o-linear-gradient(top,  #666 0%,#333 100%);
    background: -ms-linear-gradient(top,  #666 0%,#333 100%);
    background: linear-gradient(to bottom,  #666 0%,#333 100%);*/
        
    /*background: url(images/80_overlay.png);*/
    
    border-top: #eee 1px solid;
    /*text-transform: uppercase;*/
}
.onlyMobileNav{
    display: none;
}
#active, #active a, #active a:visited, #active a:active, #active a:hover, #nav #active, #nav #active a, #nav #active a:visited, #nav #active a:active, #nav #active a:hover{
    color:#4b4b4b;
    font-weight: bold;
}
.shadow{
    position: absolute;
    bottom: 0px;
    width: 100%;
    height: 1px;
    
    -webkit-box-shadow:0 2px 4px rgba(0, 0, 0, 0.8);
       -moz-box-shadow:0 2px 4px rgba(0, 0, 0, 0.8);
            box-shadow:0 2px 4px rgba(0, 0, 0, 0.8);
    
    z-index: 1;
}
/*********************************************************NAVIGATION*************************************************/

/*********************************************************   MAIN   *************************************************/
.serviceBoxContainer{
    border-top: 2px solid #cacaca;
}
.serviceBox{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    
    border: solid 15px #fff;
    background: #fff;
    border-bottom: 1px solid #cacaca;
}
/*************************SERVICE BOXES******************************/
.medicalServiceBox{height: 300px;}
.cosmeticServiceBox{height: 700px !important; overflow: hidden;}
.complimentryServiceBox{height: 550px;}
.pricesServiceBox{height: 650px;}
.testimonialsServiceBox{height: 350px;}

/*************************SERVICE BOXES******************************/


.sitemap{
    color: #141414 !important;
}

.serviceBox h2{
    color: #000;
    text-transform: uppercase;
}
.serviceItem{
    width: 90%;
    min-height: 100px;
    
    line-height: 160%;
    
    /*text-align: justify;*/
    padding: 5%;
    
    background: #fff;
    
    position: relative;
    
    /*-moz-border-radius: 8px; -webkit-right-radius: 8px; border-radius: 8px;*/
}
.readMoreSvc{
    padding: 6px 12px;
    background: #ffccff;
    margin-top: 40px;
    /*position: absolute;*/
    bottom: 0px;
    right: 0px;
    /*display: inline-block;    */
    display: block;
    text-align: center;
    color: #141414;
    /*text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.5);*/
}
.readMoreSvc{
    color: #141414 !important;
}
.readMoreSvc:hover{
    -webkit-transition: background 500ms ease;
    -moz-transition: background 500ms ease;
    -ms-transition: background 500ms ease;
    -o-transition: background 500ms ease;
    transition: background 500ms ease;
    background: #d3a5d3;
    color: #fff !important;
}
#main{
    background: #141414;

}
#main_inner{
    /*box-shadow: 6px 0px 10px -7px #000, -6px 0px 10px -7px #000;*/
    
    /*border-bottom: solid 4px #8dadc4;*/
    border-top: 4px solid #cacaca;
    
   /* -webkit-box-shadow: 0px 10px 20px 0px rgba(50, 50, 50, 0.75);
    -moz-box-shadow:    0px 10px 20px 0px rgba(50, 50, 50, 0.75);
    box-shadow:         0px 10px 20px 0px rgba(50, 50, 50, 0.75);*/
    
    /*margin-top: 20px;
    margin-bottom: 20px;*/
    background: #fff;
    
    
    padding: 5px 15px 40px 15px;
    width: 930px;
    
    color:#464646;
}
#main_inner p{
    line-height: 200%;
}

.medicalCosmeticH3{
    text-align: center;
    font-size: 20px;
    font-weight: 700;
}

/*********************************************************   MAIN   *************************************************/


/*****************************************************   CONTACT FORM   *********************************************/
.contactForm{
    width: 100%;
    float: left;
    margin-right: 2%;
}

.contactForm table{
    width: 100% !important;
}

/*.contactFormR{
    width: 50%;
    float: right;
}*/
.lightText{
    color: #898989;
}
.inactiveInput, .txtArea{
    color:#999999;
    /*width: 300px;*/
    width: 95%;
}
.txtArea{
    color: #000000;
    height: 150px;
}
.activeInput{
    /*width: 300px;*/
    width: 95%;
    color:#000000;
}
.inactiveInput, .activeInput{
    padding: 4px 6px;
    /*width: 288px;*/
    width: 95%;
}

.code{
    float:left; padding: 9px 4px; /*width: 180px;*/ margin: 0 0 0 10px; width: 50%;
}
.codeImg{
    vertical-align:middle; float:left;
}

#formComplete, #formError{
    padding: 2% 5%;
    width:90%;
    
    margin: 15px auto 15px auto;
    
    background-color: #0b9644;
    
    font-size:14px;
    font-weight:bold;
    
    color:#FFFFFF;
    text-align:center;
}
#formError{
    background-color: #960b0b;
}
.contactTable{width:100%;}
.map{ width: 100%; height: 500px; border:none;}
/*****************************************************   CONTACT FORM   *********************************************/

/***********************************************************FOOTER***************************************************/

body, #footer{
    background: #141414}

#footer_inner{
    width: 930px;
    background: #f5f2eb;
    margin-bottom: 15px;
    border-bottom: solid 4px #ffccff;
    
    background: #fff !important;
    /* -webkit-box-shadow: 0px 10px 20px 0px rgba(50, 50, 50, 0.75);
    -moz-box-shadow:    0px 10px 20px 0px rgba(50, 50, 50, 0.75);
    box-shadow:         0px 10px 20px 0px rgba(50, 50, 50, 0.75);*/
    
    padding: 0 15px 0 15px;
}
.footerTel{
    color: #a6a6a6 !important;
    font-size: 20px !important;
    font-weight: bold;
}

#footer h1, #footer h2, #footer h3, #footer h4, #footer h5{
    color: #000;
    text-transform: uppercase;
    border-bottom: 2px solid #cacaca;
}

#footer #footer_inner .footerContent a, #footer #footer_inner .footerConten  a:visited{
    color: #bbd2a0;
}
#footer #footer_inner .footerContent a:hover, #footer #footer_inner .footerContent a:active{
    color: #FFF;
}

#footer{font-size:12px; }
#footer a{ color:#333; }
#footer a:hover{ text-decoration: underline; }

.designBy{
    vertical-align:middle;
}
/***********************************************************FOOTER***************************************************/


/***************************************************** RESPONSIVE VIDEO *********************************************/
.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0; overflow: hidden;
}

.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
/***************************************************** RESPONSIVE VIDEO *********************************************/

/****************************************************** TWITTER WIDGET ********************************************/
#twitterWidget{
    float: right;
    display: table;
    width: 25%;
    
    min-width: 300px;
    
    overflow: hidden;
    
    margin: 0 0 0 6px;
}
#twitterWidget iframe{
    width: 100%;
}
/****************************************************** TWITTER WIDGET ********************************************/

/********************************************************   SOCIAL   ************************************************/
.shareText{
    float: left;
}
.socialShare{
    float:left;
    margin: 2px 10px;
}
.g-plusone{
    width: 40px;
    height: 21px;
    overflow: hidden;
    margin-right: 4px;
    float:right;
    vertical-align: middle;
    border: none;
}
.fbShare{
    border:none;
    overflow:hidden;
    width:46px;
    height:21px;
    margin-right: 4px;
    float:right;
    vertical-align: middle;
    border: none;
}
.twitterShare{
    width:60px;
    height:21px;
    margin: 0 4px 0 4px;
    float: right;
    vertical-align: middle;
    border: none;
}
.socialShare iframe {
    border: none;
}
/********************************************************   SOCIAL   ************************************************/

/*********************************************************COOKIES*************************************************/

#cookiewarning{
    position: fixed;
    bottom:0;
    width:100%;
    z-index:99999;
    border-top:1px #000 solid;
    background: #000;
}
.cookiewarning_inner{
    text-align:center;
    margin:0px;
    padding:10px;
    width:auto;
    color:#fff;
    font-size:90%;
}
/*********************************************************COOKIES*************************************************/

.onlyMobile, .mobileOnly, .loadHidden{
  display: none;
}

/*  GRID OF TWELVE   ============================================================================= */

.span_12_of_12 {
    width: 100%;
}
.span_11_of_12 {
    width: 91.46%;
}
.span_10_of_12 {
    width: 83%;
}
.span_9_of_12 {
    width: 74.54%;
}
.span_8_of_12 {
    width: 66.08%;
}
.span_7_of_12 {
    width: 57.62%; 
}
.span_6_of_12 {
    width: 49.16%; 
}
.span_5_of_12 {
    width: 40.7%; 
}
.span_4_of_12 {
    width: 32.24%; 
}
.span_3_of_12 {
    width: 23.78%;
}
.span_2_of_12 {
    width: 15.32%; 
}
.span_1_of_12 {
    width: 6.86%; 
}

/*  SECTIONS  ============================================================================= */
.section {
    clear: both;
    padding: 0px;
    margin: 0px;
}
/*  GROUPING  ============================================================================= */
.group:before,
.group:after {
    content:"";
    display:table;
}
.group:after {
    clear:both;
}
.group {
    zoom:1; /* For IE 6/7 (trigger hasLayout) */
}
/*  GRID COLUMN SETUP   ==================================================================== */

.col {
    display: block;
    float:left;
    margin: 1% 0 1% 1.6%;
}
.col img{
    max-width: 100%;
}
.col:first-child { margin-left: 0; } /* all browsers except IE6 and lower */

/* ###################################################################################################### RESPONSIVE */
@media all and (max-width: 960px) {
    * {
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
    }
    #header, #main, #footer, #navigation, .container, .classMain{
	width: 100%;
    }
    #header_inner, #main_inner, #footer_inner, #navigation_inner, #page_footer_inner, .container_inner, .classMain_inner{
	width: 100%;
    }
    
    
/*************************SERVICE BOXES******************************/
.medicalServiceBox{height: auto}
.cosmeticServiceBox{height: auto;}
.complimentryServiceBox{height: auto;}
.pricesServiceBox{height: auto;}
.testimonialsServiceBox{height: auto;}


/*************************SERVICE BOXES******************************/
    
.960Width100{
	width: 100% !important;
    }
    
    
    #logo{
	margin: 5px 0px 5px 0px;
	vertical-align: bottom;
	
	width: 100%;
	max-width:100%;
	height: auto;
    }
    
    
    #main_inner img{
	max-width: 100%;
	height: auto;
    }
    
    #nav ul{
	width: 100%;
    }
    /*#nav ul li{
	width: 25%;
    }*/
    #nav ul li a{
	width: 100%;
    }
    #nav ul ul{
	width: 25%;
    }
    #nav ul ul li, #nav ul ul li a{
	width: 100%;
	max-width: 100%;
    }
    
    .contactForm, .contactFormR{
	width: 100%;
    }
    .container_inner img{
	max-width: 100%;
	height: auto;
    }
    .contactForm table{
	width: 100%
    }
    .contactFormR iframe{
	width: 100%;
    }
    
    .onlyMobile, .mobileOnly, .loadHidden{
	display: none;
    }
    .serviceItem{
	width: 100%;
    }
    .readMoreSvc{
	position: relative;
	display: table;
	margin-top: 5px;
    }
}

@media all and (max-width: 550px) {
    #nav ul li a{
	font-size: 10px;
    }
}

@media all and (max-width: 480px) {
    .span_12_of_12 {
	width: 100%; 
    }
    .span_11_of_12 {
	width: 100%; 
    }
    .span_10_of_12 {
	width: 100%; 
    }
    .span_9_of_12 {
	width: 100%; 
    }
    .span_8_of_12 {
	width: 100%; 
    }
    .span_7_of_12 {
	width: 100%; 
    }
    .span_6_of_12 {
	width: 100%; 
    }
    .span_5_of_12 {
	width: 100%; 
    }
    .span_4_of_12 {
	width: 100%; 
    }
    .span_3_of_12 {
	width: 100%; 
    }
    .span_2_of_12 {
	width: 100%; 
    }
    .span_1_of_12 {
	width: 100%; 
    }
    .col { 
	margin: 1% 0 1% 0%;
    }
    
    /* MOBILE */
    * {
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
    }
    body{
	margin: 0px;
	padding: 0px;
	width: 100%;
	display: table;
    }
    
    .serviceBox{
	text-align: center;
    }
    
    .cameraContainerInner{width: 100% !important;}
    .serviceBoxContainer{width: 100% !important;}
    .serviceBox{max-width: 100%;} 
    
    #logo{
	width: 100% !important;
	max-width: none;
	height: auto;
    }
    
    
    #main_inner img{
	max-width: 100%;
	height: auto;
    }
    
    
    #contact{
	display: table;
	width: 100%;
	font-size: 20px;
	font-weight: normal;
	
	margin-bottom: 5px;
    }
    #header, #main, #footer, #navigation, #nav, .container{
	width: 100%;
    }
    #header_inner, #main_inner, #footer_inner, #navigation_inner, #page_footer_inner, .container_inner{
	width:100%;
    }
    #footer{
	text-align: center;
    }
    
    /************************************* NAVIGATION */
    #nav ul{
	list-style: none;
	display: list-item;
	padding: 0px;
    }
    #nav ul li{
	float: none;
	text-align: left;
	padding-left: 2%;
	border-bottom: #FFF 1px solid;
	
	font-weight: bold;
    }
    
    #nav ul ul li{
	display: none;
    }
    #nav ul li, #nav ul li a{
	padding: 0px;
	padding-top: 10px;
	padding-bottom: 10px;
	
	width: 100%;
    }
    .onlyMobileNav{
	display: inline-table;
	width: 100%;
    }
    /************************************* NAVIGATION */
    
    /************************************* CONTACT */
    .contactForm{
	width: 100%;
	max-width: 100%;
    }
    .inactiveInput, .activeInput{
	width: 100%;
    }
    
    .contactImg{
	max-width: 100%;
    }
    /************************************* CONTACT */
    
    /************************************* OTHER */
    .notMobile{
	display: none;
    }
    .onlyMobile{
	display: table;
    }
    table{
	width: 100%;
    }
    table tr{
	width: 50%;
    }
    #twitterWidget{
	width: 100%;
    }
    /************************************* OTHER */
    
    .loadHidden{
	display: none;
    }
    #header_inner{
	width: 100% !important;
    }
}