@charset "utf-8";

@media screen and (max-width: 475px) {

#services{

width: 300px !important;

margin: 0 auto;

}



#services img{

padding: 5px !important;

}



.middleservice{

margin: 0 75px; 

}



#menu{

width: 100% !important;

color: #fff !important;

}



#menu ul, #menu li, #menu a, #menu ul li, #menu ul a{

width: 100%;

}



#menu a{

color: #fff !important;

width: 100%;

}



#menu0, #menu1, #menu2, #menu3, #menu4, #menu5{

display: none;

}



#menu6{

text-align: center;

margin: 0 auto;

display: block;

float: right;

padding: 0 !important;

width: 100%;

}



#menu6 a{

background: #dc0000;

padding: 5px 0 !important;

color: #fff;

font-weight: bold;

display: block;

}



	#menu6 a:hover{

	background: #dddddd !important;

	}

	

	

	#menu a.main_current {

	color: #fff;

	}







/* Drop Down Styles */



#menu ul ul {

max-height: 0px;

float: left;

position: absolute;

background: #dc0000 !important;

z-index: 200;

color: #fff !important;

overflow: hidden;

}



#menu li:hover ul {

max-height: 600px;

clear: left;

z-index: 1000;

 -webkit-transition: all 0.7s ease-in-out;

  -moz-transition: all 0.7s ease-in-out;

  -o-transition: all 0.7s ease-in-out;

  transition: all 0.7s ease-in-out;

}



#menu6 ul li {

float: none;

width: 100%;

}



#menu ul ul a {

display: block;

width: 100%;

font-size: 14px;

line-height: 20px;

text-align: center;

color: #fff !important;

border-top: 1px solid #fff;

padding: 9px 0 0px 5px;

border-right: none;

}



#menu .firstItem a {

border: none;

}



#menu ul ul a:hover{

background: #dddddd;

color: #fff;

}



#menu ul ul ul{

display: none;

}

/* End Drop Down Styles */



#howwework img{

width: 156px !important;

margin: 0 auto;

}



#slideshowoutside{

display: none;

}



#footer{

width: 300px !important;

margin: 0 auto;

}



/* Responsive Grid System */



.col { 

	margin: 1% 0 1% 0%;

}



/*  GRID OF FIVE   ============================================================================= */

	.span_1_of_5 {

		width: 100%; 

	}

/* END GRID OF FIVE   ========================================================================== */



	.span_5_of_6 {

		width: 100%; 

	}



	.span_1_of_6 {

		width: 100%; 

	}



/* End Responsive Grid System */



.work-width {

margin: 0px;

}



.work-2-col-left {

margin-right: 0px !important;

}



.work-2-col-right {

margin-left: 0px !important;

}



.work-3-col-left {

margin-right: 0px !important;

}



.work-3-col-mid {

margin-right: 0px !important;

margin-left: 0px !important;

}



.work-3-col-right {

margin-left: 0px !important;

}



}