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

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

	.sliderSection #logo { bottom: 20px; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); text-align: center;}
	.sliderSection #logo img { width: 60%; position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);}

	
}

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

	header .menu-icon { display: block; position: absolute; right: 20px; top: 20px; cursor: pointer; z-index: 999;}
	header .menu-icon i { font-size: 3em; color: #fff; }
	header { position: absolute; z-index: 999; width: 100%; height: auto; min-height: 80px; font-family: "Roboto"; border-top: 5px solid #A67C00; text-align: center;}
	header nav ul { display: none; float: none; width: 100%; position: absolute; top: 75px; left: 0; background-color: #433022; z-index: 999;}
	header nav ul li { display: block; margin: 20px 0; border-top: 5px solid transparent; transition: .5s all ease-in-out;}
	header nav ul li:first-child { margin-top: 0px; }
	header nav ul li:last-child { margin-right: 0; } 
	header nav ul li:hover { border-color: #fff; }
	header nav ul li a { font-size: 1.6em; color: #fff; display: block; padding-top: 25px; text-transform: uppercase; font-weight: bold;}
	header .langFaceBox { float: left; }
	.facebook { position: absolute; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); top: 20px; width: 40px;}
	.facebook a i {padding: 8px 0px 0px 1px; font-size: 2em; color: #fff; }

	.container60 { width: 80%; }



}

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

	#facebookContainer { display: none; }
	#facebookContainerResponsive { display: block; width: 80%; float: none; margin: 0 auto; }

	.responsive { display: block; }
	.noResponsive { display: none; }

	.centerText h2 { font-size: 3em; }
	.textContainer h2 { font-size: 3em; }
	.offerNavig { font-size: 2.5em; }
	.imageContainerBig { height: 250px; }

	.photoGallerySection .span12 { width: 100%; }
	.photoGallerySection .centerText { height: auto; padding: 50px 0; }
	.photoGallerySection .gallery { margin-top: 20px; }

	table { font-size: 1.6em; }

	.contactSection .span12 { width: 100%; }

}

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

	.aboutUsSection .textResponsive .span12 { width: 100%; float: left;}
	.aboutUsSection .imageContainer,.aboutUsSection .textContainer { height: 200px; }

	.sliderSection #logo img { width: 100%;}

	.responsive { display: block; }
	.noResponsive { display: none; }

	form input { width: 80%; display: block; font-size: 1.6em; height: 40px; padding-left: 20px; margin-bottom: 20px; background-color: transparent; font-family: "Roboto";}
	form .submitContainer { display: block; width: calc(100% - 40px); }
	form input[type="submit"] { margin-top: 20px; width: 80%; float: right; padding: 8px 20px 15px 20px; outline: none; color: #fff; border: none; cursor: pointer; background-color: #B6613C;}
	form textarea { width: calc(100% - 40px); height: 200px; font-size: 1.6em; padding: 20px; background-color: transparent; font-family: "Roboto";}

	.textContainerDouble { height: auto; }
	.textContainerDouble p { position: relative; top: 0; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }


}

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

	.aboutUsSection .textResponsive .span12:first-child { width: 100%; }
	.aboutUsSection .textResponsive .span12:last-child { display: none; }
	.aboutUsSection .imageContainer,.aboutUsSection .textContainer { height: 150px; }

	table { font-size: 1.2em; }
	.offerNavig { font-size: 1.6em; }

	.facebook { display: none; }

	/*.sectionScroll { background-attachment: initial; background-size: 100%; }*/

}