/* Start Media Queries */
/* Start Extra Small From Width 0 To 767px */

@media (max-width: 767px) {
	
	/* Start Global */
	.clearxs {
		clear: both
	}
	
	body {
		overflow-x: hidden
	}
	/* End Global */
	
	
	/* Start Header */
	header {
		background-image: url('../images/xs/background-header-xs.png');
		background-size: cover;
		height: 500px;
		padding-bottom: 60px
	}
	
	header nav .web-logo {
		width: 100%;
	}
	
	header nav {
		padding-top: 13px
	}
	
	header nav .web-logo h1 {
		width: 50%;
		float: left
	}
	header nav .web-logo i {
		width: 50%;
		float: right;
		text-align: center;
		font-size: 25px;
		color: #e5e5e5;
		background-color: #3472bc;
		width: 40px;
		height: 40px;
		line-height: 40px;
		border-radius: 5px;
		cursor: pointer;
		transition: all .3s ease-in-out;
	}
	
	header nav .web-logo i:hover {
		color: #FFF
	}
	
	header nav .web-links {
		background-image: url('../images/xs/background-web-links2.png');
		background-size: cover;
		box-shadow: 0 1px 6px rgba(57,73,76,0.35);
		width: 82%;
		height: 100%;
		position: fixed;
		top: 0;
		left: -100%;
		z-index: 999;
		padding-top: 150px
	}
	
	header nav .web-links ul li {
		display: block;
		margin: 0;
		text-align: center;
		transition: all .3s ease-in-out;
	}
	
	header nav .web-links ul li:hover {
		background-color: #ddddddeb
	}
	
	header nav .web-links ul li:hover a {
		color: #000
	}
	
	header nav .web-links ul li a {
		width: 100%;
		height: 100%;
		padding: 10px;
		display: block;
		color: #00000096;
		font-weight: bold
	}
	
	header nav .web-links ul li i {
		color: #000;
		padding: 13px
	}

	header nav .web-links ul li i:hover {
		color: #000
	}
	
	header nav .times-links {
		width: 100%;
		height: 100%;
		position: fixed;
		top: 0;
		left: 0;
		background-color: rgba(0, 0, 0, 0.6);
		z-index: 99;
		transition: all .3s ease-in-out;
	}
	
	header div.details {
		width: 100%
	}
	
	header div.details h2 {
		font-size: 24px;
		margin-top: 30px;
		text-shadow: 0px 2px 0px rgba(0, 0, 0, 0.9);
	}
	
	header div.details p {
		padding-right: 0;
		line-height: 1.5
	}
	
	header div.details button {
		padding: 13px;
		width: 140px
	}
	
	header div.details button:hover {
		width: 155px
	}
	/* End Header */
	
	
	/* Start Real Estate */
	.real-estate {
		background-size: cover;
		height: auto
	}
	
	.real-estate .heading-details h2 {
		font-size: 19px
	}
	
	.real-estate .real-box {
		padding: 15px;
		width: 100%;
		text-align: center
	}
	
	.real-estate .real-box img {
		width: auto;
		height: auto;
		margin-top: -37px;
	}
	
	.real-estate .real-box span {
		font-size: 82px
	}
	
	.real-estate .real-box h3 {
		font-size: 18px;
		margin-bottom: 20px
	}
	
	.real-estate .real-box p {
		font-size: 12.5px
	}
	/* End Real Estate */
	
	
	/* Start Testimonials */
	
	.bx_slideshow .testimonials-details {
		margin-bottom: 22px
	}
	
	.bx_slideshow .testimonials-details h2 {
		font-size: 20px
	}
	
	.bx-wrapper .bx-controls-direction a {
		display: none
	}
	
	.bx_slideshow .bxslider li div.slide {
		width: 90%;
		padding: 0 20px 20px 20px;
	}
	
	.bx_slideshow .bxslider li div.slide img {
		width: 90px;
		height: 90px;
		margin-top: -9%;
	}
	
	.bx_slideshow .bxslider li div.slide p {
		font-size: 13px
	}
	/* End Testimonials */
	
	
	/* Start Form Services */
	.services .services-form {	
		padding: 25px;
		background-image: url('../images/xs/background-form-xs3.png');
		height: auto;
		background-size: cover;
	}
	
	.services .services-form .services-left {
		width: 100%;
		float: none
	}
	
	.services .services-form .services-left .ser-details h2 {
		font-size: 24px
	}
	
	.services .services-form .services-left .ser-details p {
		padding-right: 0;
		color: #FFF;
	}
	
	.services .services-form .services-left form .form-left {
		width: 100%
	}
	
	.services .services-form .services-left form .form-right {
		width: 100%
	}
	
	.services .services-form .services-left form button {
		margin-bottom: 20px
	}
	
	.services .services-form .services-right {
		width: 100%;
		margin: auto;
		text-align: center
	}
	
	.services .services-form .services-right iframe {
		max-width: 100%;
		display: block;
		margin: auto
	}
	/* End Form Services */
	
	
	/* Start Footer */
	footer {
		background-image: url('../images/xs/background-footer-xs.png');
		background-size: cover
	}
	
	footer .footer-box {
		margin-bottom: 70px
	}
	
	footer .footer-box h3 {
		font-size: 20px	
	}
	
	footer hr {
		background-color: #2a2c2e
		
	}
	
	footer div.copyright p {
		width: 100%;
		text-align: center
	}
	
	footer div.copyright .social-media {
		text-align: center;
		float: none;
		width: 100%
	}
	
	footer div.copyright .social-media i {
		width: 35px;
		height: 35px;
		line-height: 35px;
	}
	/* End Footer */
	
}

/* End Media Queries */