@media (max-width:1200px) {
	h4 {
		font-size: 22px;
	}
	.service-area .back-flip p {
		font-size: 16px;
	}
}



@media (max-width:992px) {
	.contact-area .head-line h3 {
		font-size: 25px;
	}
	.buyer-area .timeline-photo {
    	margin-right: 19px;
	}
	.rental-area .timeline-photo {
   		margin-left: 19px;
	}
}

@media (max-width: 768px) {
	.container {
		max-width: 97%;
		width: 100%;
	}
	p {
		font-size: 14px;
	}
	h1 {
		font-size: 25px;
	}
	h2 {
		font-size: 20px;
	}
	h4 {
		font-size: 18px;
	}
	.contact-area .head-line h3 {
		text-align: center;
	}
	.head-line {
		padding-bottom: 10px;
	}
	.contact-area .border-btn {
		margin: 0px;
	}
	.footer ul li a {
		padding: 10px 15px;
	}
	.service-area .fornt-flip, .service-area .back-flip {
		padding: 20px;
	}
	.service-area .back-flip p {
		font-size: 14px;
	}
	.rental-area .timeline-photo .round-shape, .buyer-area .timeline-photo .round-shape-left {
		display: none;
	}
	.rental-area .timeline-block, .buyer-area .timeline-block {
		width: 100%;
		padding: 0 0 30px 60px;
	}
	.buyer-area .timeline-block {
		padding: 0 60px 30px 0;
	}
	.banner-area .mid-table {
		height: 80vh;
	}
	
}
@media (max-width: 550px) {
	.brand-logo {
		max-width: 200px;
		margin: 0 auto;
	}
	.banner-area .mid-banner-content {
		width: 100%;
		text-align: center;
	}
	.banner-area .mid-table {
		height: 50vh;
	}
	.banner-area .mid-banner-content h2 {
		margin:0;
		line-height: initial;
	}
	h2 {
		font-size: 22px;
	}
	.price-buy-area .col-xs-6 {
		width: 100%;
		text-align: center;
	}
	.price-buy-area {
		padding: 20px 0;
	}
	.price-buy-area .rent-block, .price-buy-area .buyer-block  {
		border: 2px solid #fbe4a6;
   		padding: 10px;
    	margin-bottom: 20px;
    	border-radius: 0px;
	}
	.price-buy-area .buyer-block {
		margin-bottom: 0px;
	}
	.price-buy-area .border-btn {
		margin-bottom: 9px;
	}
	.footer ul li {
		display: block;
	}
	h4 {
		font-size: 16px;
	}
	.service-area .col-xs-6 {
		width: 100%;
	}
	.banner-area {
		background-image:none;
	}
	.banner-area .mid-banner-content .btn-primary {
		padding: 7px 15px;
		font-size: 12px;
	}
	.price-buy-area .border-btn, .contact-area .border-btn {
		padding: 7px 28px;
    	font-size: 12px;
	}
	.footer .logo-bidcents img {
		max-width: 200px;
	}
	
}
@media (max-width: 480px) {
 	.banner-area .mid-banner-content .btn-primary, .price-buy-area .border-btn, .contact-area .border-btn {
 		padding: 8px 15px 5px 15px;
 		font-size: 13px;
 	}
 	h1 {
    	font-size: 22px;
	}
	h5, .rental-area .timeline-block .content-box h5 {
    	font-size: 15px;
	}

}

@media (max-width: 320px) {
  	body {
  		overflow-x: scroll;
    	min-width: 320px;
  	}
 
}