/*
Theme Name: Clean Green Strata
Theme URI: http://www.cleangreenstrata.com.au/
Description: Clean Green Strata provide complete strata maintenance services in Sydney and the Central Coast with over 15 years experience.
Author: Web Profits
Author URI: http://www.webprofits.com.au/
*/

#responsive-menu-title>a {
	font-family: "helvetica_ceregular" !important;
}

.home-info:nth-child(2) {
	background: none repeat 0 0 rgba(0, 0, 0, 0) !important;
}

.home-info {
	width: 450px;
}

.enquire-form label.bigger {
	margin-bottom: 5px;
}

.form-piece {
	margin: 15px 5px 0 0;
}

.form-piece.last {
	margin-right: 5px;
}


/*ul.menu-main-menu li a {  font-size: 18px; }*/

.content-left>p:nth-child(15) {
	float: right;
	width: 98%;
}

.content-internal .content-left ul.half:nth-child(14) {
	margin-right: 0 !important;
	width: 100% !important;
}

.content-internal .content-left ul.half:nth-child(14)>ul.half {
	width: 100%;
	margin: 0;
}

.social>li:first-child {
	display: none;
}


/*new css -menu*/

ul.menu-main-menu li#menu-item-41 {
	position: relative;
}

ul.menu-main-menu li#menu-item-41 ul.sub-menu {
	position: absolute;
	top: 20px;
	left: 0;
	padding: 0;
	display: none;
}

ul.menu-main-menu li#menu-item-41:hover ul.sub-menu {
	display: block;
}

ul.menu-main-menu li#menu-item-41 ul.sub-menu li {
	background: #68ac44;
	padding: 10px 20px !important;
	margin: 0 !important;
	text-align: center;
}

@media screen and (min-width:768px) {
	#logo-mobilephone {
		display: none;
	}
}

@media screen and (min-width:992px) and (max-width:1199px) {
	.header {
		width: 980px!important;
	}
	.banner {
		width: 980px!important;
		margin: 0 auto;
	}
	/*.home-content { width:980px!important; }*/
	.clean-body-class .title-box-wide.internal {
		width: 980px!important;
		margin: 0 auto;
	}
	.clean-body-class .content-internal {
		width: 980px!important;
	}
	/*.footer-wide { width:980px!important; margin: 0 auto;}*/
	.footer-bottom-content {
		width: auto !important;
	}
	.title-box {
		margin-bottom: 0 !important;
		margin-left: 5px !important;
		margin-right: auto !important;
		margin-top: 0 !important;
		width: 98% !important;
	}
	.footer-info {
		float: left;
		margin: 0 53px 0 3px !important;
	}
	.footer-info.last {
		margin-right: 0 !important;
	}
}

@media screen and (min-width:768px) and (max-width:991px) {
	/*.logo { float: none !important; margin: 15px auto 20px !important; }*/
	/*.header { width:750px!important; }*/
	.banner {
		width: 750px!important;
		margin: 0 auto;
	}
	/*.home-content { width:750px!important; }*/
	/*.title-box-wide.internal { width:750px!important;  margin: 0 auto;}*/
	.clean-body-class .content-internal {
		width: 750px!important;
	}
	/*.footer-wide { width:750px!important; margin: 0 auto; height: 490px !important; }*/
	/*.footer { float: left; padding: 20px 0; width: auto !important; }*/
	.footer-info {
		float: left;
		margin: 25px 0 0 40px;
		padding: 0;
		width: 40%;
	}
	.sidebar-testimonial {
		margin: 15px 0 45px !important;
	}
	.content-left {
		border-right: medium none !important;
	}
	.sidebar {
		width: 100% !important;
	}
	.title-box {
		width: 98% !important;
	}
}

@media screen and (max-width:991px) {
	/*body {background: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important;}*/
	.header-right {
		text-align: center !important;
		width: 100% !important;
	}
	/*ul.top-menu li a { color: #6ac359 !important; text-shadow: 0 1px 0 #1cacd2 !important; }*/
	.contact-top {
		font-size: 24.5px !important;
		float: none !important;
		display: inline-block !important;
		margin: 0 0 20px !important;
	}
	.contact-top.last {
		margin-right: 8px !important;
	}
	.navbar-wme {
		display: inline-block;
		margin: 0 auto;
	}
	/*ul.menu-main-menu li a { font-size: 15px !important; }*/
	/*ul.menu-main-menu li { margin: 0 0 0 10px !important; padding: 0 0 8px 15px !important; }*/
	/*ul.top-menu { margin: 0 0 25px !important; display: inline-block !important; float: right !important; padding: 0 !important;}*/
	.title-box h1 {
		font-size: 22px !important;
	}
	.home-info {
		background: none repeat 0 0 rgba(0, 0, 0, 0) !important;
		width: 100% !important;
	}
	/*.footer { width: auto !important; }*/
	.title-box {
		margin-bottom: 0 !important;
		margin-left: 5px !important;
		margin-right: auto !important;
		margin-top: 0 !important;
		width: 100% !important;
	}
	.title-box h1 {
		font-size: 20px !important;
	}
	.black-50 h2 {
		font-size: 35px;
	}
	.black-60 h2 {
		font-size: 35px;
	}
	.black-70 h2 {
		font-size: 35px;
	}
	.black-50 h3 {
		font-size: 25px;
	}
	.bContainer {
		width: auto!important;
	}
	.portfolio-thumbs {
		width: 45%;
		margin-right: 5%;
	}
	.portfolio-thumbs.last {
		margin-right: 5%;
	}
	.portfolio-thumbs img {
		max-width: 100%;
		margin-bottom: 5px;
	}
	/*.portfolio-thumbs, .portfolio-thumbs.last-3 {min-height:750px;}*/
	.portfolio-thumbs.last-3.last-2 {
		min-height: inherit;
	}
}

@media screen and (max-width:767px) {
	.logo {
		display: block !important;
		padding: 0 15px;
	}
	.header-right {
		display: none;
	}
	.footer-wide button#responsive-menu-button {
		display: block;
		position: absolute !important;
	}
	.clean-services-menu {
		display: none;
	}
	.header {
		width: 100%!important;
	}
	.banner {
		width: 100%!important;
	}
	.home-banner-arrow {
		display: none;
	}
	/*.home-content { width:90%!important; }*/
	.title-box-wide.internal {
		width: 100%!important;
	}
	/*.content-internal { width:90%!important; }*/
	.footer-wide {
		width: 100%!important;
		margin: 0 auto;
		/*height: 485px !important;*/
	}
	.sidebar-testimonial {
		margin: 15px 0 45px !important;
	}
	.content-left {
		border-right: medium none !important;
	}
	.sidebar {
		width: 100% !important;
	}
	.title-box {
		margin: 0!important;
		width: 100% !important;
	}
	.top-menu:nth-child(2) {
		display: none !important;
	}
	.menu-main-menu {
		margin: 0 auto !important;
		width: 450px;
	}
	ul.menu-main-menu li {
		margin: 0 0 3px 35px !important;
		padding: 0 4px 0 0 !important;
	}
	ul.menu-main-menu li {
		background: none repeat 0 0 rgba(0, 0, 0, 0) !important;
	}
	.footer {
		width: auto !important;
	}
	.footer {
		float: left;
		padding: 20px 0;
		width: auto !important;
	}
	.footer-info {
		float: left;
		margin: 25px 0 0 40px;
		padding: 0;
		width: 25%;
	}
	.sidebar-testimonial {
		margin: 15px 0 45px !important;
	}
	#slider-nav {
		display: none!important;
	}
	/*.content-left {width: 90% !important;}*/
	.special-box.second.short {
		width: 90% !important;
	}
	.special-box.second {
		width: 90% !important;
	}
	.answer {
		width: 90% !important;
	}
	.answer-title {
		background-color: #68ac45 !important;
		background-image: none !important;
		width: 95.5% !important;
	}
	.input-textarea {
		background: none repeat 0 0 rgba(0, 0, 0, 0) !important;
		border: 1px solid #c4c4c4 !important;
		border-radius: 8px !important;
		width: 90% !important;
	}
	.input-textarea textarea {
		width: 90% !important;
	}
	.download-brochure {
		margin: 0 auto !important;
	}
	iframe {
		width: 90%!important;
	}
	.gallery-slider {
		height: auto !important;
		width: 100% !important;
	}
	table {
		width: 100%;
	}
	.choose-one {
		width: 50%;
	}
	.gray-box {
		background-color: #f4f4f4 !important;
		width: 100% !important;
	}
	.gray-box-middle {
		background-color: #f4f4f4 !important;
	}
	.gray-box-bottom {
		background-color: #f4f4f4 !important;
		width: 100%!important;
	}
	.menu-main-menu {
		display: none;
	}
	.footer-bottom-content {
		width: auto !important;
	}
	/*HEADER*/
	#click-menu {
		right: 2%!important;
		top: 10px!important;
		margin-top: 0!important;
	}
	#logo-mobilephone {
		display: none !important;
		width: 100%;
		margin-top: 30px;
	}
	#logo-mobilephone img {
		width: auto;
	}
	.contact-top.last>img {
		display: none;
	}
	.navbar-wme {
		position: absolute;
		right: 10px;
		width: auto!important;
		top: 50px;
	}
	ul.top-menu {
		display: inline-block !important;
		float: none !important;
		margin: 0 !important;
		padding: 23px 0 !important;
		z-index: 999!important;
	}
	.contact-top.last {
		font-size: 20px !important;
		width: 100%;
		margin: 0!important;
		background-color: #6bc257!important;
		color: white!important;
		padding: 10px 0!important;
	}
	.contact-top.last span {
		color: white;
		font-weight: bold;
	}
	.contact-top {
		display: inline-block !important;
		float: none !important;
		font-size: 18px !important;
		margin: 10px 0 10px 0!important;
		padding: 0!important;
	}
	.contact-top>img {
		margin-right: -10px!important;
		margin-top: 5px!important;
		width: 20%!important;
	}
}

@media screen and (max-width:680px) {
	/*slider*/
	.rsContent {
		background-size: 235% auto !important;
	}
	.black-70 {
		margin: 35px 30px;
	}
	.black-50,
	.black-60,
	.black-70 {
		padding: 0;
		width: auto !important;
	}
	.black-50 h2,
	.black-60 h2,
	.black-70 h2 {
		background: none repeat 0 0 rgba(0, 0, 0, 0) !important;
		border-right: medium none !important;
		margin: 5px 0 0 0 !important;
		padding: 0 0 0 15px !important;
		text-align: left;
		width: 85%;
	}
	.black-50 h3,
	.black-70 h3 {
		border-top: 1px solid white;
		margin: 10px 0 0 10px !important;
		padding: 10px 5px !important;
		width: auto;
	}
	.black-60 h3 {
		border-top: 1px solid white;
		margin: 5px 0 0 10px !important;
		padding: 5px!important;
		width: auto;
	}
	.open-video {
		background-size: 100%;
		height: 45px;
		margin: 1px 14px 0;
		width: 100px;
	}
	.get-quote {
		background-size: 100%;
		height: 45px;
		margin: 2px 0 0;
		width: 135px;
	}
	.get-quote:hover,
	.open-video:hover {
		background-position: 0 0 !important;
		background-size: 100% auto !important;
	}
	#slider-nav {
		display: none!important;
	}
	.banner {
		height: 420px !important;
	}
	.commercial {
		height: auto!important;
	}
	.commercial ul {
		width: auto!important;
		padding: 0!important;
	}
	.commercial ul li {
		margin: 0 0 10px 0;
		width: 100%;
		text-align: center!important;
	}
}

@media screen and (max-width:529px) {
	/*.footer-wide { height: 690px !important; }*/
	.footer-info {
		width: 40%;
	}
	.title-box h1 {
		font-size: 16px !important;
	}
	.black-70 {
		margin: 0!important;
	}
	.banner {
		height: 350px !important;
	}
	ul.menu-main-menu li a {
		width: 175px !important;
	}
	#gallery-1 .gallery-slider img {
		height: 50% !important;
		width: 69% !important;
	}
	.portfolio-thumbs {
		width: 100%;
		margin-right: 0;
		float: none;
	}
	.portfolio-thumbs.last {
		margin-right: 0;
	}
	.portfolio-thumbs img {
		width: 45%;
	}
	.portfolio-thumbs,
	.portfolio-thumbs.last-3 {
		min-height: inherit;
		margin-bottom: 40px;
	}
}

@media screen and (max-width:330px) {
	.enquire-form {
		margin: 0 -10px 35px !important;
	}
}

@media screen and (max-width:420px) {
	#logo-mobilephone img {
		width: 90%!important;
	}
	.portfolio-thumbs img {
		width: auto;
	}
}


/*homebanner*/

@media screen and (max-width:470px) {
	.black-50 h2 {
		font-size: 30px;
	}
	.black-60 h2 {
		font-size: 30px;
		line-height: 1 !important;
	}
	.black-70 h2 {
		font-size: 30px;
		line-height: 1 !important;
	}
	.black-50 h3 {
		font-size: 20px;
	}
	.banner {
		height: 320px !important;
	}
	.open-video {
		height: 38px!important;
		width: 85px!important;
	}
	.get-quote {
		height: 39px!important;
		margin: 1px 0 0!important;
		width: 119px!important;
	}
}


/*footer*/

@media screen and (max-width:667px) {
	/*.footer-wide { height: 500px !important; }*/
}

@media screen and (max-width:635px) {
	.footer-info {
		width: 30% !important;
	}
	/*.footer-wide { height: 850px !important; }*/
}

@media screen and (max-width:498px) {
	/*.footer-wide { height: 955px !important; }*/
}

@media screen and (max-width:360px) {
	.footer-info {
		width: 40% !important;
	}
	/*.footer-wide { height: 850px !important; }*/
	.footer-info .email {
		font-size: 10px!important;
	}
	/*.footer-info { margin: 5px 0 0 10px; }*/
	ul.footer-list.services {
		margin-right: 0;
	}
	.footer-bottom-content {
		width: auto !important;
	}
	#gallery-1 .gallery-slider img {
		height: 50% !important;
		width: 50% !important;
	}
}


/*nav*/

@media screen and (max-width:390px) {
	ul.menu-main-menu li a {
		width: 140px !important;
	}
	.black-50 h2 {
		font-size: 20px;
	}
	.black-60 h2 {
		font-size: 20px;
		line-height: 1 !important;
	}
	.black-70 h2 {
		font-size: 20px;
		line-height: 1 !important;
	}
	.black-70 h3 {
		font-size: 20px;
		line-height: 1 !important;
	}
	.black-70 h3 span {
		font-size: 17px !important;
	}
	.black-60 h3 {
		font-size: 17px;
		line-height: 1 !important;
	}
	.black-50 h3 {
		font-size: 17px;
	}
	.banner {
		height: 260px !important;
	}
	.contact-top {
		display: inline-block !important;
		float: none !important;
		font-size: 18px !important;
		margin: 10px 0 0px 8px!important;
		padding: 0!important;
	}
	@media screen and (max-width:345px) {
		ul.menu-main-menu li {
			margin: 0 0 3px 15px !important;
		}
		/*.footer-wide {   height: 765px !important;}*/
	}
	@media screen and (max-width:320px) {
		.banner {
			height: 225px !important;
		}
		#gallery-1 .gallery-slider img {
			height: 50% !important;
			width: 42% !important;
		}
	}