@media all and (max-width: 1050px) {
	ul.whichpest-display li{
		width:30%;
	}
}	

@media all and (max-width: 1200px) {
	
	.banner .text{
		top:20%;
		left:50px;
	}
	
	.services .table{
		border-spacing:5px;	
	}	

}

@media all and (max-width: 1005px) {

	.navigation ul#nav li a{
		padding:16px 25px;
	}
}	


@media all and (max-width: 990px) {
	

	.services a.service{
		width:26%;
		margin:20px 0;
	}
	
	.rightside-images{
		width: 25%;
	}

	#page-main-content{
		width:68%;
	}		
	
	ul.whichpest-display li a span{
		font-size:15px;
	}

}


@media all and (max-width: 900px) {

	.case-studies .casestudy-images .casetsudy-mainimage a{
		height:180px;
	}

	.case-studies .casestudy-images{
		width:43%;	
	}

	.case-studies .casestudy-desc{
		width:52%;
	}	
	
	#footer-form .contact-left,
	#footer-form .contact-right{
		float:none;
		width:100%;
		clear:both;
		text-align:left;
	}
	
	#footer-form .submit{
		width:100%;
	}
	
}

@media all and (max-width: 860px) {
	ul.whichpest-display li{
		width:48%;
		display:block;
		float:left;
	}
	
	ul.whichpest-display li:nth-child(odd) {
		float:right;
	}	
}

@media all and (max-width: 850px) {

	#page-main-content{
		width:64%;
	}		
	
	#mobile-nav{
		display:block;
	}

	#header{
		padding-top:15px;
	}
	
	#header .setwidth{
		padding:0;
	}
	
	.navigation{
		margin-top:0;
	}
	
	.logo-wrapper,
	.header-contact{
		float:none;
		width:100%;
		text-align:center;
	}

	.header-contact:after {
		margin-bottom: 0;
	}		
	
	a.header-covid{
		margin:20px auto;
	}	
	
	.header-contact{
		background:#eee;
		margin-top:10px;
		padding:8px 0;
	}
	
	.header-contact .tel-wrapper{
		float:none;
		display:inline-block;
		margin-left:0;
		padding:0 20px;
	}
	
	.header-contact h4,
	.header-contact a{
		text-align:center;	
	}
	
	.header-contact h4{
		font-size:13px;
		font-weight:400;
	}
	
	.header-contact a{
		font-size:21px;
	}

	.logo-wrapper  a.logo img{
		width:300px;
	}

	.navigation {
		margin: 0;
		border:none;
		position: absolute;
		top: 10px;
		left: 0;
		right:auto;
	}

	.navigation #wp-megamenu-top-navigation .wp-megamenu-sub-menu {
		padding: 2px 0;
		left: auto !important;
		transform: none !important;
		background:none;
	}
	
	.navigation .wpmm-mobile-menu a.wpmm_mobile_menu_btn {
		margin-right:20px;	
	}	
}	

@media all and (max-width: 790px) {

	#page-main-content{
		width:62%;
	}			
	
	.main-page-main-content .wp-caption{
		width:100% !important;
		max-width:100%;
	}
	
	.main-page-main-content .wp-caption img{
		width:100%;
		max-width:100%;
		height:auto;
	}
	
	.case-studies .casestudy-images .casetsudy-mainimage a{
		height:160px;
	}	
	
	
	.rightside-images{
		float: none;
		width: 100%;	
		margin-left:0;
	}	

	.main-page-main-content .rightside-images{
		display:table;
    border-collapse: separate;
    border-spacing: 4px;
		table-layout: fixed;
		width:100%;
	}
	
	.main-page-main-content .rightside-images .wp-caption{
		width:25% !important;
		display:table-cell;
	}
	
	.main-page-main-content .rightside-images:after {
		content: "";
		display: table;
		clear: both;
	}
	
	
	.videos .video,
	.videos .video:nth-of-type(3n){
		float:none;
		width:100%;
		margin:0 0 40px 0;
	}
		
	
}	



@media all and (max-width: 768px) {


	.banner{
		height:400px;
	}

	.banner.small .text h1,
	.banner .text h2{
		font-size:48px;
	}		
	
	.banner .text h3{
		padding:8px 12px;
		font-size:22px;
	}	

	.banner .text{
		top:40px;
		left: 50px;
	}

	#page-main-content{
		width:60%;
	}	
	
	.blocks .block{
		padding-bottom:30px;
	}
	
	.blocks .block.last{
		clear:both;
		float:none;
		padding-top:40px;
		text-align:left;
	}
	
	.blocks .block.last h4{
		padding-right:40px;
		padding-left:0;
	}

	#footer ul.social{
		float:none;
	}	

	#footer ul.social li{
		margin-right:10px;
		margin-left:0;
	}	
	
	
}

@media all and (max-width: 700px) {
	.services a.service{
		width:31%;
		margin:20px 0;
	}
	
	.services a.service .title{
		font-size:18px;
	}
	
	.intro-box .actions a.btn{
		width:240px;
	}
	

	#page-main-content{
		width:58%;
	}	

}

@media all and (max-width: 670px) {

	#sidebar,
	#page-main-content{
		width:100%;
		float:none;
	}	
	
	#sidebar .wpcf7{
		display:none;
	}
	
	.wpcf7 input[type=text],
	.wpcf7 textarea,
	.wpcf7 input[type=email],
	.wpcf7 select{
		width:100%;
	}	
	
	#sidebar ul.social{
		display:none;
	}	

	.page-main-content-container{
		display:table;
		width:100%;
		padding:30px 0;
	}

	#page-main-content{
		display: table-header-group;
	}

	
	#sidebar{
		display: table-footer-group;
	}
	
	ul.service-submenu{
		padding-top:30px;
	}
	
}

@media all and (max-width: 600px) {

	.banner.small .text,
	.banner .text{
		top:40px;
		left:0;
		width:100%;
		text-align:center;
	}

	.banner.small .text h1,	
	.banner .text h2{
		font-size:42px;
	}		
	
	.banner .text h3{
		padding:8px 12px;
		font-size:22px;
	}	
	

	.banner .actions{
		margin:20px auto 0 auto;
		text-align:center
	}
	
	.banner .actions .tel-wrapper {
		float: none;
		display:inline-block;
		margin: 0;
		padding:0 20px;
	}	
	
	.banner .actions .title {
		margin:0 auto;
	}
	
	
	.services .table{
		padding:0;
	}	
	
	.services a.service{
		width:30%;
		margin:10px 0;
		padding:15px 20px 15px 20px;		
	}
	
	.services h3{
		font-size:28px;
	}	
	

	.intro-box{
		padding-bottom:40px;
	}
	
	.boxes{
		display:block;
		width:100%;
	}

	.boxes .box{
		display:block;
		width:100%;
		margin:20px 0 0 0;
	}

	.endofpage-actions a.btn{
		margin-bottom:20px;
	}	

}


@media all and (max-width: 590px) {	

	.logo-wrapper{
		text-align:left;
		padding-left:15px;
	}

	.logo-wrapper  a.logo img {
		width: 260px;
	}	

	#mobile-nav{
		top:0px;
	}

}	


@media all and (max-width: 520px) {	
	.services a.service{
		width:42%;
	}
	
	#footer-form .contact-left .field{	
		float:none;
		width:100%;
		clear:both;
	}
}	


@media all and (max-width: 500px) {

	.banner,
	.banner.small{
		height:320px;
	}
	
	.banner .actions{
		display:none !important
	}
	
	.banner.small{
		background-position: right center;
	}
	
	/* pest-control-services/bed-bugs/treatments page */
	.page-id-70 .banner.small{
		background-position: 80% center;
	}	
	
	.banner.small .text,
	.banner .text{
		left:0;
		width:100%;
		text-align:center;
	}

	.banner.small .text h1,
	.banner .text h2{
		font-size:35px;
	}		
	
	.banner.small .text h3,
	.banner .text h3{
		padding:8px 12px;
		font-size:16px;
		margin-top:10px;
	}	
	
	.services a.service{
		width:48%;
	}	
	
	.main-page-main-content ul.ticks{
		margin:20px 30px 30px 15px;
	}	
	
	.case-studies .casestudy-images,
	.case-studies .casestudy-desc{
		width:100%;
		float:none;
	}	
	
	.case-studies .casestudy-images .casetsudy-mainimage a{
		height:230px;
	}
	
}

@media all and (max-width: 410px) {
	ul.whichpest-display li{
		width:100% !important;
		margin:0 0 20px 0 !important;
		float:none !important;
	}
}

@media all and (max-width: 360px) {

	.services a.service{
		display:block;
		width:65%;
		margin:0 auto;
	}	

	.blocks .block{
		float:none;	
		margin-right:0;
		margin-bottom:40px;
	}

	.blocks .block.last{
		padding-top:0px;
	}	
	
}