/* ===========================================================
 * Filename: responsive.css
 * Version: 0.3
 * Project:	~
 * Author: web360
 * =========================================================== */

@media screen and (max-width: 1365px){

	header {
	    border-color: white;
	    min-height: auto;
	}
	header #slider {
	    width: 100%;
	    min-height: auto;
	    height: auto;
	}
	header #slider .carousel-inner{
	    min-height: auto;
	    height: auto;
	}

	nav ul li { font-size: 0.8em; text-align: right !important;}

	#about-us a {font-size: 30px !important;}

	.moto {padding-left: 35px; padding-right: 50px;}

	.project-padding {padding-top: 150px !important;}

}

@media screen and (max-width: 1000px){

	.home-apartments-slider h3 {
		font-size: 2em;
	}

	.home-apartments-slider .jumbotron img {
		width: 100%;
	}

	.div-absolute {
	  width: 400px;
	}

	header h2 {
	    font-size: 1.4em;
	    top: 55%;
	}
	
	#about-us a {font-size: 20px !important;}
}


@media screen and (max-width: 992px){

.aboutus .button-resp { text-align: right;}
.moto {padding-left: 300px;}
	}
	
	.navbar-nav li {text-align: right !important;}
	.face-right {text-align: right !important; padding-top: 10px;}


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

.aboutus .button-resp { text-align: right;}
.moto {padding-left: 100px;}
	}

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

	.div-absolute {
	  position: absolute;
	  top: 50%;
	  left: 50%;
	  z-index: 10;
	  border-radius: 0px;
	  transform: translate(-50%, -50%);
	}

	#offer {
 		padding: 0 60px;
	}
	.about-us-img {width: 250px;}

	.logo{position: static; top: 0px; left: 0px; z-index: 995;}
	
	.project-padding {padding-top: 0px !important;}

}

@media screen and (min-width: 766px)  and (max-width: 1025px){

	.box-content h3 { font-size: 15px !important;}
	.box-content .post { font-size: 11px !important;}
}

@media screen and (max-width: 700px){

	header h2 {
	    display: none;
	}

	header .buttons {
		display: none;
	}

	.box-content h3 { font-size: 8px !important;}
	.box-content .post { font-size: 7px !important;}
}

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

	.div-absolute {
	  width: 300px;
	}

	.home-apartments-slider h3 {
		font-size: 1.4em;
	}
	
	.signature {
	    padding-left: 0;
	}
}

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

	.div-absolute {
	  width: 250px;
	}

	.home-apartments-slider h3 {
		font-size: 1.4em;
	}
	.sm {max-height: 300px;}
}