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

	h2 {
		font-size: 38px;
	}

	
}


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

	#header{
		padding:0;
	}

	#header .logo{
		margin:10px;
	}	

	#header .logo img {
		height: 58px;
		width:auto;
	}	
	

	#header .navigation{
		display:none;
	}
	
	.hamburger{
		display:block;
	}
	
	#header .navigation {
		margin: 0;
		width: 100%;
		float: none;		
		padding:10px 0;
	}	
	
	#header .navigation ul li{
		width:100%;
		padding:5px 20px;
	}
	
	#header .navigation ul li a{
		font-size:15px;
		text-align:left;
		display:block;
		width:100%;
	}

	#header .navigation ul.sub-menu {
		position: relative;
		right: 0;
		top: 0;
		width: 100%;
		padding: 0 0 20px 0;
		background:none;
		border:0;
	}
	
	#header .navigation ul.sub-menu li {
		float: none;    
		text-align: right;
		padding: 5px 25px 5px 20px;
		line-height: 1.1em;
	}

	#header .navigation ul.sub-menu li:before {
			content: "";
	}

}	

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

	#footer .col, 
	#footer .col.col-3 {
		position: relative;
		width: 100%;
		float: none;
		padding-bottom: 40px;
		padding-top: 0;
	}

	#main-content .sidebar {
		float: none;
		width: 100%;
		min-width: 100%;
		bottom: auto;
		margin: 0;
	}

	#main-content .content-left {
		float: none;
		width: 100%;
		padding-top:0;
	}
	
	#main-content .content-right {
		float: none;
		width: 100%;
		padding-top:0;
	}	
	
	#main-content .content-left .post-content, 
	#main-content .content-center .post-content {
		padding: 20px 0 20px 0;
	}	
	
	#how-it-works.table-cell {
		padding-right: 0;		
	}	
	
	#wpgmza_map{
		width:100% !important
	}

}	

@media all and (max-width: 950px) {
	
	.setwidth {
		padding: 0 15px;
	}	
	
	#banner .text-box {
		position: relative;
		width: 100%;
		bottom: auto;
		left: auto;
		padding: 40px 40px;
	}	
}	


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

	.clear.hidemobile{
		display:none;
	}

	#footer{
		margin-top:60px;
	}

	.blocks {		
		padding-bottom: 0px;
	}

	.image-strap {
		margin: 0 0 50px 0;
		padding: 50px;
	}

	.image-strap img {
		top:auto;
		width: 100%;
		height: auto;
		margin-bottom:50px;
	}	

	.image-strap .text {
		float: none;
		width: 100%;
		padding: 0;
	}

	.blocks.col-3 {
		grid-template-columns: repeat(1, 1fr);
		grid-gap: 40px;
	}	
	
	#service-blocks .blocks .block .title-box{
		height:auto !important
	}

}



@media (max-width: 760px) {

	#footer .col.customer-service {
		position:relative;
		right: 0;
		top: 0;
		width: 100%;
	}
	
}

@media (max-width: 580px) {

	.image-strap {
		padding: 30px;
	}

	.wpcf7 {
		padding: 30px;
	}

	p, .post-content ol, .post-content ul {
		font-size: 16px;
	}

	#footer .copyright {
		text-align: center;
		padding: 20px;
	}

	#footer .copyright ul li {
		display: block;
		padding: 0px;
	}	
	
	
	.steps .step .icon {
		width: 60px;
	}	
	
	.steps .step .icon i {
		font-size: 24px;
		padding: 18px 10px;
	}	
	
}


@media (max-width: 460px) {

	p, .post-content ol, .post-content ul {
		font-size: 15px;
	}

	.steps .step .icon {
			width: 35px;
	}


	.steps .step .icon i {
		font-size: 16px;
		padding: 10px 6px;
	}

	.steps .step .desc h4 a {
		font-size:17px;
	}
}	


@media (max-width: 400px) {

	.hamburger {
		top: 20px;
	}

	#header .logo img {
		height: 45px;
	}
	
	#header .logo span.titles {
		line-height: 1.2em;
		padding-top: 0px;
	}	

	#header .logo span.sub-title {
		font-size: 13px;
	}

	#header .logo span.title {
		font-size: 18px;
	}

}