/* Custom CSS
------------------------------------------------------------ */
/* header */
.phonebutton {
	display: none;	
}
/* end header */

/* form*/
.wpcf7 input.wpcf7-text { 
	width: 95%; 
	line-height: 125%;
	-moz-border-radius: 2px 2px 2px 2px;
	-webkit-border-radius: 2px 2px 2px 2px;
	border-radius: 2px 2px 2px 2px;
	background: #FAFAFA;
	border: 1px solid #cccccc;
	margin: 0 0 10px 0;
	padding: 5px;
}
.wpcf7 textarea {
	width: 95%;
	height: 110px;
	-moz-border-radius: 2px 2px 2px 2px;
	-webkit-border-radius: 2px 2px 2px 2px;
	border-radius: 2px 2px 2px 2px;
	background: #FAFAFA;
	border: 1px solid #cccccc;
	margin: 0 0 10px 0;
	padding: 5px;
}
button, input, select, textarea {
    font-family: inherit;
    font-size: 100%;
    margin: 0;
	-moz-border-radius: 2px 2px 2px 2px;
	-webkit-border-radius: 2px 2px 2px 2px;
	border-radius: 2px 2px 2px 2px;
	background: #FAFAFA;
	border: 1px solid #cccccc;
	margin: 0 0 10px 0;
}
.wpcf7 select {
	width: 100%; 
	line-height: 125%;
	-moz-border-radius: 2px 2px 2px 2px;
	-webkit-border-radius: 2px 2px 2px 2px;
	border-radius: 2px 2px 2px 2px;
	background: #FAFAFA;
	border: 1px solid #cccccc;
	margin: 0 0 10px 0;
	font-weight: 300;
}
.wpcf7 input[type="submit"] {
	background-image: url("https://www.topnotchcarpetclean.com.au/wp-content/uploads/send3.png");
	background-repeat: no-repeat;
	background-color: transparent;
	width: 240px;
	height: 80px;
	text-indent: -1000em;
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
	border: none;
	margin: 0 0 0 -5px;
}
.wpcf7 input[type="submit"]:hover {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
}
span.wpcf7-list-item { 
	display: block; 
}
.wpcf7-response-output {
	clear: both;
}
.schedappt {
	margin: -20px 15px 0px 0px;
    padding: 15px 30px 20px 15px;
	font-size: 15px;
	line-height: 200%;
	width: 215px;
	text-align: left;
}
.required {
	color: #CD0000;
}
.contact {
	float: left;
	margin: 0 -25px 0 75px;	
	width: 250px;
}
.contact2 {
	float: left;
	margin: 0 0 0 385px;	
}
.feedback {
	width: 50%;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
/* end forms*/

/* home */
#ez-feature-top-1 .widget-area ez-widget-area ez-only {
	height: auto !important;
}
.mobiletiles {
	display: none !important;
}
.mobile_service_links {
	display: none !important;
}
.content-sidebar #ez-feature-top-container {
    max-width: 100%;
}
.homecontent {
	padding: 0 5%;
}
.navpicsrow {
	padding: 0 8%;
}
.navpics:hover {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
}
.homereviewsrow {
	padding: 0 4%;
}
.sociallinksrow {
	padding: 0 25%;
}
#pg-w5972432652570-0.panel-no-style, #pg-w5972432652570-0.panel-has-style > .panel-row-style {
	flex-direction: row !important;
	-webkit-flex-direction: row !important;
}
.ez-widget-area ul li {
    list-style-type: none !important;
}
/* end home */

/* general */
h2 {
	margin: 0px 0px 18px 0px !important;
}
/* use if navcircles have title
h3 {
	text-align: center;
	color: #636363;
	font-size: 13px;
	font-family: 'Roboto', san-serif;
	font-weight: 300;
	padding: 5px 0 0 0;
}
*/
/* end general */

/* call to action */
.calltoaction {
	margin: 0px;
	font-family: 'HK Grotesk', sans-serif;
	color: #15273F;
	font-size: 25px;	
	font-weight: 400;
}
.ctanumber {
	color: #cd0000;
}
/* end call to action */

/* circle nav */
.navcircles {
	margin: -10px 0 0 0;
}
.navcircles {
	padding: 0 250px 0 250px;
}
/* end circle nav */

/* footer */
.footer {
	color: #1f1f1f;
	text-align: center;
	text-transform: uppercase;
	font-weight: 300;
	font-size: 12px;
}
.footer .serviceareas {
	font-size: 16px;
	font-family: 'HK Grotesk', sans-serif;
	color: #4EC9F1;
}
.social_links_footer img {
	width:50%;
	float: left;
}
/*
.social_links_footer_container {
	padding: 0 0 0 15%;
}*/
/* end footer */

iframe, object, embed {
	max-width: 100%;
}


/* Custom Responsive CSS
------------------------------------------------------------ */
@media only screen and (max-width: 1140px) {

}

@media only screen and (min-width: 668px) and (max-width: 1140px) {
.contact {
	float: left;
	margin: 0 -15px 0 50px;	
	width: 260px;
}

.homereviews {
	padding: 0 2% !important;
}
.homecontent {
	padding: 0 2% !important;
}
.sociallinksrow {
	padding: 0 5% !important;
}

.navpicsrow {
	padding: 0 1% !important;
}

}

@media only screen and (min-width: 480px) and (max-width: 1140px) {

}

@media only screen and (max-width: 667px) {
#header .wrap {
	display:none;
} 
.phonebutton {
        display:inline;
}
.navpicsrow {
	display: none !important;
}
.mobile_service_links {
	display: inline !important;

}
.mobile_service_links img {
	width: 50%;
	float: left;
	margin: 0;
}
#ez-feature-top-1 {
    margin-bottom: -40px !important;
}
.homereviews {
	padding: 0 2% !important;
}
.homecontent {
	padding: 0 2% !important;
}
.sociallinksrow {
	padding: 0 5% !important;
}
.feedback {
	width: 90%;
}
.schedappt {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.homeslider {
	display: none !important;
}
.social_links_footer img {
	width: 33% !important;
}
.social_links_footer_container {
	display: block !important;
	margin-left: auto !important;
	margin-right: auto !important;
}
}

@media only screen and (min-width: 480px) and (max-width: 667px) {
.respheader {
	background-image: url("http://www.topnotchcarpetclean.com.au/wp-content/uploads/dynamik-gen/theme/images/mobile_bg2.jpg") !important;
}



.contact {
	float: left;
	margin: 0 -15px 0 50px;	
	width: 260px;
}
.contact2 {
	float: left;
	margin: 0 0 0 50px;	
	width: 250px;
}

}

@media only screen and (max-width: 479px) {
.respheader {
	background-image: url("http://www.topnotchcarpetclean.com.au/wp-content/uploads/dynamik-gen/theme/images/mobile_header_bg1.jpg") !important;
}
.schedulebutton {
	width: 90% !important;
	display: block;
	margin-right: auto;
	margin-left: auto;
}
.mobiletiles {
	display: inline !important;
}

.contact2 {
	float: left;
	margin: 0;
	width: 225px;
}
.contact {
	float: left;
	margin: 0;
	width: 225px;
}

}