/*
Theme Name: Chemclear/Drummuster
Author: Zoo
Author URI: http://zooadvertising.com.au
Description:
Version: 1.0
Tags: responsive
Text Domain: zoo
*/
@-webkit-viewport { width: device-width; }
@-moz-viewport { width: device-width; }
@-ms-viewport { width: device-width; }
@-o-viewport { width: device-width; }
@viewport { width: device-width; }
/*	Base
============================================================ */
body { background-image: url(assets/img/outer-wrap.png); }

img { max-width: 100%; height: auto; }

a { color: #2da199; }
a:hover, a:focus { color: #1c6560; }

/* Forms & Buttons
======================================================= */
.btn-default, .btn.color { background: #2da199; color: #fff; border-color: #2da199; }
.btn-default:hover, .btn-default:focus, .btn.color:hover, .btn.color:focus { background: #227973; color: #fff; border-color: #227973; }

.campaign-monitor .form-control { border: 1px solid #ddd; }

/*	General
============================================================ */
.wrapper { height: auto; /*min-width: 1040px;*/ }
.wrapper:before, .wrapper:after { content: " "; display: table; }
.wrapper:after { clear: both; }

.outer-container { max-width: 1040px; background-color: #fff; margin: 0 auto; }
.outer-container:before, .outer-container:after { content: " "; display: table; }
.outer-container:after { clear: both; }

.header .outer-container{
	background:none;	
}

.logo-container-left{	
	float:left;
}

.drummuster-header{
	background:#65ac24 url(images/header-angle.gif) right center no-repeat;
	padding:36px 20px;
	width:79%;
}

.chemclear-header{
	background:#00782c url(images/header-angle-chem.jpg) right center no-repeat;
	padding:26px 20px;
	width:79%;
}

.logo-container-right{
	background:#fff;
	float:left;
	width:17%;
	padding:10px 0px 10px 30px;
}

.logo-container-right img{
	float:right;
	min-width:135px;
}

/*.slider .container,*/ .home .container { /*width: 1010px; max-width:1110px; padding:0 50px; width:100%;  background-color: #fff;*/}

.sm-grid .row { margin-left: -6.5px; margin-right: -6.5px; }
.sm-grid [class^="col-"] { padding-left: 6.5px; padding-right: 6.5px; }

#map_canvas { margin-bottom: 30px; overflow: auto;}
#map_canvas img { max-width: none; }
#marker {display: none;}
.map-text-box{
	width: 280px;
}
.widgets_on_page ul { padding: 0; margin: 0; list-style: none; }

/*	Header
============================================================ */
.header { height: 34px; line-height: 34px; background-color: #3c3c3c; color: #fff; font-size: 13px; font-size: 1.3rem; }
.header a { color: #fff; }
.header a:hover, .header a:focus { color: #2da199; text-decoration: none; }
.header .subscribe .glyphicon { margin-right: 5px; top: 1.5px; }
.header .top-menu { margin: 0 15px 0 0; }
.header .top-menu a { -webkit-transition: color 0.3s ease; -o-transition: color 0.3s ease; transition: color 0.3s ease; }
.header .top-menu .on a { color: #2da199; }
.header .top-menu .agsafe a:hover, .header .top-menu .agsafe a:focus { color: #2da199; }
.header .top-menu .accreditation a:hover, .header .top-menu .accreditation a:focus { color: #F08900; }
.header .top-menu .chemclear a:hover, .header .top-menu .chemclear a:focus { color: #00782c; }
.header .top-menu .drummuster a:hover, .header .top-menu .drummuster a:focus { color: #65AC24; }

.search-form { position: relative; margin: 0; padding: 0; top: -2px; height: 18px; }
.search-form .form-control { margin-right: 10px; border: none; height: 18px; line-height: 18px; font-size: 12px; font-size: 1.2rem; padding: 0 10px; border-bottom-left-radius: 20px; border-top-left-radius: 20px; }
.search-form .btn { position: absolute; top: 10px; right: 0; height: 18px; background-color: #2da199; padding: 0 10px; border-radius: 20px; font-size: 11px; }

.socialIcons { padding: 5px 0 0 30px; display: inline-block; margin: 0; }
.socialIcons li { display: inline-block; text-decoration: none; list-style-type: none; }

/*	Footer
============================================================ */
.main-bottom { font-size: 13px; font-size: 1.3rem; color: #a2a2a2; background-color: #ebebeb; }
.main-bottom .outer-container { padding: 30px 0 15px; background-color: #ebebeb; }
.main-bottom hr { margin: 30px 0 15px; border-top-color: #3c3c3c; }
.main-bottom p { margin: 0; }

.bottom-menu:before, .bottom-menu:after { content: " "; display: table; }
.bottom-menu:after { clear: both; }
.bottom-menu ul { padding: 0; list-style: none; margin: 0; }
.bottom-menu a { color: #3c3c3c; }
.bottom-menu a:hover, .bottom-menu a:focus { color: #2da199; text-decoration: none; }
.bottom-menu li { width: 150px; float: left; line-height: 100%; }
.bottom-menu .sub-menu { margin-top: 10px; }
.bottom-menu .sub-menu li { margin-bottom: 8px; font-size: 11px; font-size: 1.1rem; line-height: 14px; }
.bottom-menu .sub-menu a { color: #a2a2a2; padding-left: 0px; padding-right: 5px; display: block; position: relative; }
.bottom-menu .sub-menu a:hover, .bottom-menu .sub-menu a:focus { color: #2da199; text-decoration: none; }
.bottom-menu .sub-menu a:before { }

.footer { font-size: 12px; font-size: 1.2rem; line-height: 100%; color: #2da199; background-color: #3c3c3c; }
.footer .outer-container { background-color: #3c3c3c; padding: 44px 0; }
.footer a { color: #fff; }
.footer p { margin: 0; }

a.zoo { background: url(assets/img/zoo.png) 0 0 no-repeat; float: right; width: 43px; height: 14px; display: block; margin-left: 15px; }

/*	Navigation
============================================================ */
.home .main-menu { margin-bottom: 15px; }
#site-navigation p{
	margin:0;	
}
.main-menu { height: 40px; line-height: 35px; background-color: #2da199; color: #fff; font-size: 15px; font-size: 1.5rem; font-weight: 400; }
.main-menu ul { margin: 0; padding: 0; list-style: none; }
.main-menu li { float: left; margin-left: 35px; height: 34px; position: relative; }
.main-menu li.menu-item-has-children:hover a, .main-menu li.menu-item-has-children:focus a { color: #3c3c3c; }
.main-menu a { color: #fff; display: block; height: 34px; }
.main-menu a:hover, .main-menu a:focus { color: #3c3c3c; text-decoration: none; }
.main-menu .current-menu-item a { color: #3c3c3c; }
.main-menu .sub-menu { background-color: #3c3c3c; position: absolute; display: none; list-style: none; z-index: 3000; margin: 0; left: 50%; margin-left: -95px; padding: 13px 0 0 0; width: 190px; opacity: 0; filter: alpha(opacity=0); -webkit-transition: opacity 0.3s ease; -o-transition: opacity 0.3s ease; transition: opacity 0.3s ease; }
.main-menu .sub-menu.show { opacity: 1; filter: alpha(opacity=100); display: block; }
.main-menu .sub-menu:after { content: ''; position: absolute; top: 0; left: 50%; margin-left: -7.5px; width: 0; height: 0; border-style: solid; border-width: 10px 7.5px 0 7.5px; border-color: #2da199 transparent transparent transparent; }
.main-menu .sub-menu li { margin: 1px; height: auto; float: none; }
.main-menu .sub-menu a { font-size: 12px; font-size: 1.2rem; line-height: 100%; padding: 12px; display: block; height: auto; color: #fff !important; -webkit-transition: background 0.3s ease; -o-transition: background 0.3s ease; transition: background 0.3s ease; }
.main-menu .sub-menu a:hover, .main-menu .sub-menu a:focus { background-color: #2da199; color: #fff; }

/*	Teaser
============================================================ */
.teaser .container { position: relative; /*min-height: 393px; */}
.teaser .carousel {  background-color: #fff; color: #fff; /*max-width:1110px; padding:0 50px; width:100%;*/}
.teaser .carousel:after { content: ''; position: absolute; z-index: 90; top: 0; left: 0; right: 0; bottom: 0; /*background: url(assets/img/side-gradient.png) repeat-y 0 0;*/ pointer-events: none; -webkit-user-select: none; -webkit-touch-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; }
.teaser .logo, .teaser .intro-text { z-index: 100; position: absolute; }
.teaser .logo { top: 58px; left: 50px; }
.teaser .intro-text {color: #fff; width: 550px; font-size: 24px; font-size: 2.4rem; line-height: 30px; text-shadow: 1px 1px 1px #000000; top: 80px; left: 50px; font-weight: 300;}
	
.teaser .intro-text-bg{   background: rgb(0, 04, 0); /* Fallback for older browsers without RGBA-support */
    background: rgba(0, 0, 0, 0.7); padding:10px;}

.carousel-fade .carousel-inner .item { opacity: 0; transition-property: opacity; }
.carousel-fade .carousel-inner .active { opacity: 1; }
.carousel-fade .carousel-inner .active.left, .carousel-fade .carousel-inner .active.right { left: 0; opacity: 0; z-index: 1; }
.carousel-fade .carousel-inner .next.left, .carousel-fade .carousel-inner .prev.right { opacity: 1; }
.carousel-fade .carousel-control { z-index: 2; }

/*	Content
============================================================ */
span.date { position: absolute; bottom: 0; left: 0; color: #fff; display: block; font-size: 14px; padding: 3px 10px 3px 35px; }

.courses-listing { margin-bottom: 15px; background-color: #f4f4f4; padding: 13px 13px 6.5px; }
.courses-listing:before, .courses-listing:after { content: " "; display: table; }
.courses-listing:after { clear: both; }

.item-course { background-color: #f4f4f4; }
.item-course img { max-width: 100%; width: 100%; vertical-align: middle; }
.item-course .date { background-color: #2da199; padding-left: 10px; }
.item-course .image { position: relative; margin-bottom: 10px; height: 150px; overflow: hidden; }
.item-course .entry-title { margin: 0; line-height: 100%; padding: 2px 10px; font-weight: 600; font-size: 16px; font-size: 1.6rem; }
.item-course .entry-title a { color: #2da199; }
.item-course .entry-content { padding: 10px; font-size: 13px; font-size: 1.3rem; }
.item-course .entry-content p { margin: 0; }
.item-course .read_more { display: block; }

.tabs-left .nav-tabs { margin: 0 0 13px; border: none; border-right: 1px solid #ddd; }
.tabs-left .nav-tabs > li { float: none; position: relative; border-bottom: none; font-size: 14px; font-weight: 600; margin: 0; }
.tabs-left .nav-tabs > li a { padding: 5px 10px; margin: 0; border: none !important; border-radius: 0; color: #2da199; }
.tabs-left .nav-tabs > li a:hover, .tabs-left .nav-tabs > li a:focus { background-color: #f4f4f4; }
.tabs-left .nav-tabs .active { position: relative; }
.tabs-left .nav-tabs .active a:after { content: ''; display: block; position: absolute; right: 0; top: 7px; width: 0; height: 0; border-style: solid; border-width: 7px 12.1px 7px 0; border-color: transparent #2da199 transparent transparent; }
.tabs-left .heading { padding-bottom: 20px; }
.tabs-left .heading h4 { font-weight: 600; line-height: 18px; margin: 0; text-transform: uppercase; }
.tabs-left .heading .position { display: block; font-family: inherit; font-weight: 300; margin-bottom: 10px; }
.tabs-left .heading .img-circle { margin: 5px 0 10px 15px; }
.tabs-left .btn-block { background-color: #2da199; border-radius: 0; color: #fff; }
.tabs-left .content { background-color: #2da199; color: #fff; padding: 15px; min-height: 232px; }
.tabs-left .content:before, .tabs-left .content:after { content: " "; display: table; }
.tabs-left .content:after { clear: both; }
.tabs-left .content .title { margin: 0 0 10px; font-size: 20px; font-size: 2rem; }
.tabs-left .content h4 { margin: 5px 0; font-size: 13px; font-size: 1.3rem; font-weight: 700; }
.tabs-left .content .numbers { display: inline-block; background: #fff; padding: 2px 4px; font-size: 12px; color: #2da199; margin-bottom: 10px; }

.event-item { padding: 8px; height: 87px; background-color: #f4f4f4; margin-bottom: 13px; }
.event-item .entry-title { margin: 0; line-height: 100%; font-weight: 500; font-size: 14px; font-size: 1.4rem; height: 57px; overflow: hidden; }
.event-item .entry-title a { color: #2da199; }
.event-item .date, .event-item .location { font-size: 12px; line-height: 100%; color: #666; margin-bottom: 2px; float: left; }
.event-item .date .glyphicon, .event-item .location .glyphicon { font-size: 13px; margin-right: 5px; top: 2px; }
.event-item .location { width: 60%; }
.event-item .date { width: 40%; }

.sidebar { padding: 15px 0 0; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAG0lEQVQIW2NkYGCQBOLnQAwGjDAGNgGwSgwVAE+2AgXahLM7AAAAAElFTkSuQmCC); background-color: rgba(45, 161, 153, 0.2); height: 100%; position: relative; min-height: 376px; }
.sidebar .image { position: absolute; bottom: 0; left: 0; right: 0; }
.sidebar .image img { width: 100%; }
.sidebar .image:after { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 14px; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAG0lEQVQIW2NkYGCQBOLnQAwGjDAGNgGwSgwVAE+2AgXahLM7AAAAAElFTkSuQmCC); background-color: rgba(255, 255, 255, 0.2); }

.callout { background-color: #2da199; background-repeat: no-repeat; background-position: 15px 20px; padding: 31px 20px 15px 70px; height: 110px; display: block; color: #fff; margin-bottom: 13px; font-size: 22px; line-height: 100%; font-weight: 300; position: relative; -webkit-transition: all 0.25s ease; -o-transition: all 0.25s ease; transition: all 0.25s ease; }
.callout:hover, .callout:focus { background-color: #3c3c3c; color: #fff; text-decoration: none; }
.callout .glyphicon { position: absolute; font-size: 34px; top: 34%; left: 15px; }

.event-infotabs { margin: 30px 0; }
.event-infotabs .nav-tabs { margin-bottom: 15px; border: none; background-color: #2da199; }
.event-infotabs .nav-tabs li { width: 25%; border-right: 1px solid #fff; }
.event-infotabs .nav-tabs li a { color: #fff; display: block; border-radius: 0; font-size: 16px; text-align: center; border: none !important; }
.event-infotabs .nav-tabs li a:hover, .event-infotabs .nav-tabs li a:focus { background-color: transparent; color: #3c3c3c; }
.event-infotabs .nav-tabs .active a { background-color: transparent; position: relative; }
.event-infotabs .nav-tabs .active a:after { position: absolute; left: 50%; margin-left: -16px; bottom: -8px; content: ''; display: block; width: 0; height: 0; border-style: solid; border-width: 12px 16px 0 16px; border-color: #2da199 transparent transparent transparent; }
.event-infotabs .nav-tabs .active a:hover, .event-infotabs .nav-tabs .active a:focus { color: #fff; }

.news-section .outer-container { padding: 10px 0; }

.locator { min-height: 232px; padding: 15px; background-color: #2da199; color: #fff; }
.locator .title { margin: 0 0 20px; font-size: 20px; font-size: 2rem; }
.locator .btn-submit { border: solid 1px #1c6560; color: #fff; background-color: #1c6560; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
.locator .btn-submit:hover, .locator .btn-submit:focus { background-color: #fff; border-color: #fff; color: #2da199; }

.banner .carousel { margin-bottom: 15px; }
.banner .item { text-align: center; }
.banner .item img { display: inline; }

/*	Pages
============================================================ */
.breadcrumbs { padding: 20px 0; font-size: 13px; font-size: 1.3rem; }
.breadcrumbs a, .breadcrumbs span { display: inline-block; position: relative; }
.breadcrumbs a { margin-right: 2px; }
.breadcrumbs a:hover, .breadcrumbs a:focus { text-decoration: none; }
.breadcrumbs a:after { content: '>'; position: relative; margin-left: 5px; top: 1px; }

.page-title { margin: 0 0 20px; background-color: #2da199; display: inline-block; padding: 8px 15px; line-height: 100%; font-size: 28px; font-size: 2.8rem; color: #fff; }

.page-content { padding-bottom: 20px; font-size: 13px; font-size: 1.3rem; }
.page-content .wpcf7 { float: right; background-color: #2da199; padding: 20px 20px 0; color: #fff; }
.page-content .wpcf7 label { color: #fff; }
.page-content .wpcf7 .wpcf7-form-control { display: block; width: 100%; height: 34px; padding: 6px 12px; font-size: 14px; line-height: 1.42857; color: #555555; background-color: #fff; background-image: none; border: none; border-radius: 4px; -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; }
.page-content .wpcf7 .wpcf7-form-control:focus { border-color: #66afe9; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); }
.page-content .wpcf7 .wpcf7-form-control::-moz-placeholder { color: #777777; opacity: 1; }
.page-content .wpcf7 .wpcf7-form-control:-ms-input-placeholder { color: #777777; }
.page-content .wpcf7 .wpcf7-form-control::-webkit-input-placeholder { color: #777777; }
.page-content .wpcf7 .wpcf7-form-control[disabled], .page-content .wpcf7 .wpcf7-form-control[readonly], fieldset[disabled] .page-content .wpcf7 .wpcf7-form-control { cursor: not-allowed; background-color: #eeeeee; opacity: 1; }
.page-content .wpcf7 .wpcf7-submit { margin-top: 20px; border: solid 1px #1c6560; color: #fff; background-color: #1c6560; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
.page-content .wpcf7 .wpcf7-submit:hover, .page-content .wpcf7 .wpcf7-submit:focus { background-color: #fff; border-color: #fff; color: #2da199; }

.submenu { padding: 10px 20px 5px; font-size: 16px; font-size: 1.6rem; line-height: 100%; }
.submenu li { margin-bottom: 15px; }
.submenu a { display: block; }

.list-news { margin-bottom: 20px; }
.list-news .title-entry { font-size: 18px; font-size: 1.8rem; line-height: 100%; margin: 0 0 5px; }
.list-news .content-entry { font-size: 13px; font-size: 1.3rem; }

/*	Members Section
============================================================ */
.member-section label.error { float: none; color: red; padding-left: .5em; vertical-align: top; }
.member-section .success { color: #000; border: 1px solid #000; background: #ccc; padding: 10px; margin: 20px; font-weight: bold; }
.member-section .err { color: #d00; border: 1px solid #000; background: #ccc; padding: 10px; margin: 20px; font-weight: bold; }
.member-section #address2 { margin-left: 15px; }
.member-section .btn-default { border: none !important; padding: 6px 12px !important; background: #fff !important; color: #2da199 !important; border-color: #fff !important; }
.member-section .btn-default:hover, .member-section .btn-default:focus { background: #e6e6e6 !important; color: #2da199 !important; border-color: #e6e6e6 !important; }
.member-section .form-wrapper { margin: 30px 0; padding: 15px; color: #fff; min-height: 234px; background-color: #2da199; }
.member-section .form-wrapper .title { margin: 0 0 10px; font-weight: bold; font-size: 16px; font-size: 1.6rem; text-transform: uppercase; }
.member-section .form-wrapper label { font-weight: normal; font-size: 13px; font-size: 1.3rem; }

/*	Pagination
============================================================ */
.pagination > li > a, .pagination > li > span { color: #2da199; }
.pagination > .active > a, .pagination > .active > a:hover, .pagination > .active > a:focus, .pagination > .active > span, .pagination > .active > span:hover, .pagination > .active > span:focus { background-color: #2da199; border-color: #2da199; }

/* Wordpress Core
======================================================= */
.alignnone { margin: 5px 20px 20px 0; }

.aligncenter { display: block; margin: 5px auto 5px auto; }

.alignright { float: right; margin: 5px 0 20px 20px; }

.alignleft { float: left; margin: 5px 20px 20px 0; }

.aligncenter { display: block; margin: 5px auto 5px auto; }

a img.alignright { float: right; margin: 5px 0 20px 20px; }

a img.alignnone { margin: 5px 20px 20px 0; }

a img.alignleft { float: left; margin: 5px 20px 20px 0; }

a img.aligncenter { display: block; margin-left: auto; margin-right: auto; }

.wp-caption { background: #fff; border: 1px solid #f0f0f0; max-width: 96%; padding: 5px 3px 10px; text-align: center; }
.wp-caption img { border: 0 none; height: auto; margin: 0; max-width: 98.5%; padding: 0; width: auto; }
.wp-caption wp-caption-text { font-size: 11px; line-height: 17px; margin: 0; padding: 0 4px 5px; }

.wp-caption.alignnone { margin: 5px 20px 20px 0; }

.wp-caption.alignleft { margin: 5px 20px 20px 0; }

.wp-caption.alignright { margin: 5px 0 20px 20px; }

/*	Internet Explorer
============================================================ */
.lt-ie9 .search-form { top: auto; margin-top: 7px; }
.lt-ie9 .search-form .btn { top: 0; }
.lt-ie9 .sidebar { background-color: white; }


/*Social Feeds
=========================================================================================*/

.social-feeds .container{
	padding-bottom:20px;	
	/*height:250px;
	overflow:scroll;*/
}


/*--------------------------------------------------------------
14.0 Responsive Structure
--------------------------------------------------------------*/
@media screen and (max-width: 1190px) {


}

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

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

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

	.main-menu{
		height:auto;
		background-color:#00782c;
	}

	.main-menu li { float: left; margin-left: 35px; height: auto; position: relative; }

}


@media screen and (max-width: 768px) {
	
		.header{height:auto;}
		
		.main-menu a:hover, .main-menu a:focus { color: #e6e6e6; text-decoration: none; }
		.main-menu .current-menu-item a { color: #e6e6e6; }
		.main-menu li.menu-item-has-children:hover a, .main-menu li.menu-item-has-children:focus a { color: #e6e6e6; }
		.search-form{
			top:10px;				
		}
		
		.search-form .btn{
			top:0px;	
			right:-8px;
		}
		
		.socialIcons{padding-left:0px;}					
		.image, .tabs-left{margin-bottom:20px;}
	    .item-course .image { position: relative; margin-bottom: 10px; height: auto; overflow: hidden; }
	    .teaser .logo{top:20px;  }	   
	    .teaser .intro-text{display:none;}
	   
	    iframe, object, embed {
		  width: 100%;
		  display: block !important;
		}
			   
		/*.drum-rinsing ul, .drum-rinsing li, .drum-rinsing h2, .post-1008 h1, .post-1008  p{
			max-width:80%;	
		}*/
			   
		.drummuster-table{
			width:70%;	
		}
			   
	   #sidebar{
			display:block;   
	   }
	   
	   .sidebar{
			height:100%;   
			float:left;
			width:100%; 
			min-height:0px;
	   }
	   
	   .sidebar .image{
			display:none;		   
		   }
	   
	   .submenu{
			float:left;  
			width:100%; 
	   }
	   
	  #page-content{
			float:left;  
	  }
	   
	   .page-content .wpcf7{
			width:100%;
			margin-bottom:15px;   
	   }
	   
	  /* .sidebar .image { display:none;}*/
	   
	   .bottom-menu li{
		   width:100%; 
	   }
	   
	   .bottom-menu li.menu-item-has-children{			  
			margin-bottom:20px;
			font-size:1em; 
	   }
	   
	   .bottom-menu .sub-menu li{
			font-size:1em;  
			padding:8px 0; 
	   }
   
}
@media screen and (max-width: 767px) {
  
  
}

@media screen and (max-width: 670px) {
	.logo-container-right{
	background:#fff;
	float:left;
	width:17%;
	padding:10px 0px 10px 10px;
}

.logo-container-right img{
	float:right;
	min-width:auto;
	width:100%;
}
	
	
}


@media screen and (max-width: 600px) {
	
	.header{
		line-height:28px;	
	}
	
	ul.top-menu {
		float:left !important;	
		padding-top:20px;
	}
	
	.teaser .intro-text{
		display:none;	
	}
	
	.drummuster-heading, .drummuster-heading em, .drummuster-heading strong{
			font-size:1.3em;
		}
 
.gm-style-iw {
   width:220px;
   font-size:0.9em;
}

.gm-style-iw < div{
	visibility:hidden;
}

#canvas-map {
  width:100%;
  height:100%;
  background:#333;
}

#map_canvas h1{
	font-size:24px;	
}

.map-text-box{
	width: 200px;
}

.infobox:before, .infobox:after {
  border-color: transparent transparent transparent #212121;
  border-style: solid;
  border-width: 20px 20px 0;
  bottom: -1px;
  content: "";
  display: block;
  height: 0;
  left: -1px;
  position: absolute;
  width: 0;
  z-index:2
}

.infobox:after {
  border-color: transparent transparent transparent #FFFFFF;
  border-width:24px 24px 0;
  z-index:1
}
   
}

@media only screen and (max-width: 460px) {
	
.drummuster-header{
	background:#65ac24;
	padding:10px 20px;
	width:100%;
}

.chemclear-header{
	background:#00782c;
	padding:10px 20px;
	width:100%;
}

.logo-container-right{
	display:none;
}	
}

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

	.search-form{
		float:left !important;	
	}
	
	.slider{
		background:#00782c;
		margin:0 16px;
	}
	
	.teaser .logo{
		position:static;	
		padding:10px;
		text-align:center;
	}
	
	
	#agsafe-carousel{
		display:none;	
	}
   
   a.logo img{
		height:auto;
		display: block;
    margin-left: auto;
    margin-right: auto;
	/*	padding:15px;8/
   }
   
   
}
@media screen and (max-width: 400px) {

}