/* BIG Tablets to 1200px (width smaller that the 1140px row)*/
@media only screen and (max-width: 1200px) {
	.slogan_text_box{
	width:100%;
	padding: 0 2%;}
	
	.row{padding: 0 2%;}
}



/* SMALL Tablets to BIG Tablets 767 to 1023px*/
@media only screen and (max-width: 1023px) {
	body {font-size: 18px;}
	section {padding: 60px 0;}
	
	.steps-box{margin-top:10px;}
	.step-box:last-child{margin-top:10px;}
	.works-step{margin-bottom:40px;}
	.works-step:last-of-type {margin-bottom:60px;}
	
	.icon_small {width:16px;
		margin-right:5px;}
	.city-feature{font-size:90%;}
	
	
	.plan-box{width:100%;
		margin-left:0%;}
	.plan-price{font-size:250%;}
	.plan-price-house{font-size: 70%;}
	
	footer {font-size:70%;}
	
}



/* SMALL Phones to SMALL Tablets 481 to 767px*/
@media only screen and (max-width: 767px) {
	
	nav{background:#fff;
	width:100%;
	height:180px;}	
	
	.logo{height: 55px;
	width: auto;}
	
	.main_nav{display:none;}
	
	.main_nav{margin-top:30px;
		float:left;}
		
	.main_nav li{display:block;}	
	
	.main_nav li a:link, 
	.main_nav li a:visited{display:block;
		border: 0;
		padding: 10px 0;
		font-size:80%;}
		
		
	.sticky .main_nav{margin-top:20px;}	

	.sticky .main_nav li a:link,
	.sticky .main_nav li a:visited {padding: 12px 0;}
	.sticky .mobile-nav-icon i {color:#555;}
		
		
	
	.mobile-nav-icon{display:inline-block;}
	
	body{font-size:16px;}
	section {padding:30px 0;}
	
	.row, .slogan_text_box{padding:0 4%;
	font-size:20px;}
	
	.col{width:100%;
		margin: 0 0 4% 0;}
	
	.first_text{width:100%;
		margin-left:0%;}
		
	h1 {font-size:180%;}	
	h2 {font-size:150%;}	
	
	.works-step div{height:40px;
		width:40px;
		margin-right:15px;
		padding:4px;
		font-size:120%;}
		
	.works-step{margin-bottom:20px;}	
	.works-step:last-of-type {margin-bottom:20px;}
	
	.step-box:first-child{text-align:center;}
	
	.logo_chik{width:60%;}
	
	.contact-box:first-child{text-align:center;}
	
	.footer-nav, .social-links{width:100%;
		text-align:center;}
	
}









/* SMALL PHONES from 0 to 480px*/
@media only screen and (max-width: 480px) {
	
	section{padding: 25px 0;}
	
}
































