@media screen and (max-width: 600px)
{
	@-webkit-keyframes bugfix { from {padding:0;} to {padding:0;} }
	img{max-width:100%;height:auto;}
	h1 {margin-top:15px;}
	object, iframe {width:100%;margin:10px 0px;} 
	input[type="text"], input[type="tel"], input[type="email"], input[type="password"], select, textarea {padding: 8px 4%;}
	select {width: 99%;padding:7px 0px;}
	
	.waze {display:block;}
	.accessibility {display:none}
	.header_wrap, .hpfeature_wrap, .index_and_content_wrap, .indextext, .f_carousel, .footer {width:100%;height:auto;}
	 .leftcol, .centercol, .centercolHide {margin:0px;padding:0px;width:100%;height:auto;min-height:10px;}
	.sliderwrap, #slide {width: 100%;height: 225px;}
	#slide img {width:210%;max-width:210%;margin-left: -100px;}
	
	.header_wrap {padding:0 0 10px 0}

	.index_and_content_wrap, .cols_wrap {width:96%;}
		
	.full_width_content_wrap {position:relative;overflow: hidden;}
		.full_width_strip_wrap {margin: 90px 0 0 0;}

		.sliderwrap {margin: 90px 0 0 0;}

	.page {width:96%;} 
	.footer_text {float:none;width:96%;padding:0px;margin:0px;}
	
	.strip {width:100%;height:35px; background-size: 100% auto !important;}
	.borderbox .cut {width:30%;margin: 0 0 0 10px;}
	.borderbox .cut img, .borderbox {width:100%;}
	
	.imageStrip img {max-width: 100% !important;}
	
	.borderbox .read_more, .g_map_wrap, .formtable_left, .formtable_right {margin:0px;width:100%;}
	
	.formtable span {display:block;float:none !important;width:100%;}
	.formtable input[type="text"], .formtable input[type="password"], .formtable input[type="tel"], .formtable input[type="email"] {display:block;float:none !important;width:98% !important;padding:1% !important;}
	.formtable textarea {display:block;float:none !important;width:98%;padding:1%;}
	
	.infoboxes {width: 90%;margin: 20px 0px 20px 0px;padding: 5%;}

	.leftmenu {margin: 20px 0px 40px 0px;}

	.tablein td, .tablein th {padding:2px;font-size:12px;}
	.tablein td p {font-size:12px;}

	.bxsliderplace, .bxsliderplace div, .bxsliderplace .bx-viewport {width:100%;height:200px !important;}
	.bxsliderplace {direction:ltr;}
	.bxsliderplace img {max-height: 200px;max-width: 100%;}
	.bxcarousel {display:none;}
	.bxsliderplace a {display:block;width: 100%;height: 200px;}
	
	.slick-slide img {height:230px;max-width:none}

	.borderbox p {height:auto;margin: 0px 0px 15px 0px;}
	
	.image {width:45%;margin: 0 0px 0 0px;}
	.image img {max-width: 90%;max-height: 100%;margin: 0px;padding:0px;}

	 .mapword, .topmenu {display:none;} 
	 .search {margin: 0;
        width: 97%;
        position: absolute;
        right: 10px;
        top: 60px;}
	 .search input {padding: 0px !important;width: 88%;height: 30px !important;}
	 .search input[type="text"] {padding:0px 5px !important;}
	 .social {margin: 5px 0 0 20px;}
	 .jcarousel-skin-youtube .jcarousel-container {padding:0px 5%;width:90%;}
	 .go {background: url(../images/Search_Icon.png) no-repeat 4px 4px !important;}
	.indextext {margin-bottom:15px;} 
	.indextext h1 {line-height:30px;margin:0px;}
	 
	.topmenu, .socialicons {top:auto;bottom:55px;text-align:center;width:100%;padding:10px 5px 5px 5px;border-top:1px dotted #cccccc;}
	
	.sliderhome h1 {right:auto;left:10px;width:50%;margin:0}

	.bullets a {font-size:14px;width: 150px;line-height:22px;}
	 
	 .projects {width: 100%;min-height: 20px;}
	.primg {position: relative;width: 100%;height: auto;}
	.projects img {max-width: 100%;max-height: 100%;}
	.projects h2 {margin:5px 0px 15px 0px;color:#000;font-size:16px;}

	.socialicons {bottom:0px;}
	.socialicons a {float:none;margin:0px 5px;}
	
	.content {width:100%;min-height:100% !important;height:100% !important;padding-bottom:30px;margin:0px;}
	
	.contactform label {width:100%;margin:0px 0px 15px 0px;}
	.contactform label.even {float:left;}
	.contact input.submit {margin:10px 0px;}
	.contact {min-height:10px;width:96%;padding:2%;margin:15px 0px;}
	.contact span {display:block;float:none !important;}
	.contact input[type="text"], .contact select, .contact textarea {width:99.5%}
	
	.bxsliderhome {height:auto;}
	.bxsliderhome .bx-viewport, .bxslider div {max-height:200px;}
	 
	.logo {margin:5px 0px 0px 0px;width:120px;position:static;float:left;}
	.logo img {height:auto;width: 120px;float: left;}
	.f_carousel .jcarousel-skin-tango .jcarousel-container {width: 100%;padding:0px;}
	.f_carousel .jcarousel-skin-tango .jcarousel-prev-horizontal, .f_carousel .jcarousel-skin-tango .jcarousel-next-horizontal {top:3px}
	.f_carousel .jcarousel-skin-tango li {margin: 20px 40px 0px 0px;}
	.youtubelist {margin:0px 0px 20px 0px;width:100%;max-width: 100%;}
	.youtubelist img {width:100%;}
	
	.footertext {padding-bottom:90px;}
	.footer {padding:10px 0px;}
	.leftcolumn, .indexcontent {width:100%;margin:10px 0px 10px 0px;}

	.features {width:100%;max-width:40%;margin:10px 4% 10px 2%;padding: 0px 0px 0px 20px;}
	.features.margin_l_r.bg_none {margin-right:4% !important}
	.features h2 {width:100%;display:block;height:auto;text-align:center;line-height: 24px;}
	.features:nth-child(even) {margin-left:0px !important;background:none;padding-left:0px !important;}
	
	.breadcrumbs {font-size: 11px;margin: 0px 0px 5px 0px;}

	.login, .forgotpass {padding:5% 2.5%;width:95%;}
	.pp_pic_holder, .pp_content  {width:100% !important}
	 
	.imgboxes, .imgboxes.nomargin, .clients {width:45% !important;margin:0px 2.5% 20px 2.5% !important;line-height:19px;padding:0px;border:none;}
	.imgboxes img, .imgboxes .imgplacemain, .imgboxes .imgplace {width:100%;}
	.imgboxes h2 {line-height:24px;font-size:20px;margin:5px 0px;}
	
	.listview div {overflow:visible;line-height:16px;}
	.listview img {width:100%;margin:0px 0px 5px 0px;}
	
	.credits {width:90%;margin:10px 0px 20px 0px;padding:0px 5%;text-align:center;}
	
	.locations {display:block;width:100%;float:none;border-right:none;border-bottom: 1px solid #ccc;margin: 0px 0px 20px 0px;padding: 0px 0px 20px 0px;}
	.locations h2 {margin:0px;}
	.mainmenu a:first-child:before {display:none}
	.mainmenu {
		
		height:auto;
		position:absolute;
		left:0;
		top:65px;
		width:100%;
		display:none;
		-webkit-transition: all .6s ease;
		-moz-transition: all .6s ease;
		-ms-transition: all .6s ease;
		-o-transition: all .6s ease transition: all .6s ease;
		background: url(../images/orange.png);
		z-index:9999;
	}
		
	.mainmenu a{
		display:block;
		border:none;
		background:none;
		float:none;
		font-size:16px;
		padding:10px 10px !important;
		margin:0px !important;
		line-height:21px;
		background-image: linear-gradient(bottom, rgb(227,227,227) 0%, rgb(249,249,249) 66%);
		background-image: -o-linear-gradient(bottom, rgb(227,227,227) 0%, rgb(249,249,249) 66%);
		background-image: -moz-linear-gradient(bottom, rgb(227,227,227) 0%, rgb(249,249,249) 66%);
		background-image: -webkit-linear-gradient(bottom, rgb(227,227,227) 0%, rgb(249,249,249) 66%);
		background-image: -ms-linear-gradient(bottom, rgb(227,227,227) 0%, rgb(249,249,249) 66%);
		background-image: -webkit-gradient(
			linear,
			left bottom,
			left top,
			color-stop(0, rgb(227,227,227)),
			color-stop(0.66, rgb(249,249,249))
		);
	}
	
	.mainmenu .menuitem.opened:before {content:"-"}

	.mainmenu .menuitem:hover .submenu {display:none}
	.mainmenu .menuitem.opened .submenu {display:block}

	.menuitem {float:none;display:block}
	.submenu {position:static;width:96%;padding:10px 3%;}
	.submenu a {padding:5px 10px;background:none}
	.submenu.opened, .mainmenu .menuitem:hover .submenu.opened {display:block}

	.openmenu {display:inline-block;}
	.openmenu.opened {    background: url(../images/x.png) center center no-repeat;}
	input#menu {display: block}
	.quickbox a {padding:5px}
    .contact_sticky {width:auto}
	.contact_sticky a.whatsupbig {text-indent: -200px;overflow: hidden;}
    .contact_sticky a {padding: 10px 12px;border-radius: 20px;font-size: 18px;font-size: 18px;}
	.contact_sticky span {display:none}

	.moremenu {   
    position: absolute;
    left: 10px;
    top: 5px;
    font-size: 22px;
    width: 30px;
    height: 30px;
    background: #fff;
    border: 1px solid #ccc;
    z-index: 2;
    text-align: center;
    line-height: 145%;
    cursor: pointer;display: block;}
	.moremenu:before, .moremenu:after {content:"";display:block;position:absolute;left:9px;top:13px;width:10px;height:1px;background:#000;}
	.moremenu:after {transform:rotate(-90deg)}
	.moremenu.opened:after {display:none}

}

@media screen and (min-width: 321px) and (max-width: 599px) 
{}

@media screen and (min-width: 601px) and (max-width: 1000px) 
{
	body {zoom:.8}
	.page {width:96%;}
	
}