/*
* Skeleton V1.2
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 6/20/2012
*/

/* Table of Content
==================================================
	#Site Styles
	#Page Styles
	#Media Queries
	#Font-Face */

/* #Site Styles
================================================== */

/* #Page Styles
================================================== */

/* #Media Queries
================================================== */

	@media only screen and (min-width: 1601px) {
		/* sliderHome*/
		.arrowSection{  width:1285px; height:152px;  margin:-162px 0; background-size:100% auto;}

		/*services*/
		.services{margin-top:725px;}
	}
	
	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (min-width: 960px) and (max-width: 1600px) {
		/* sliderHome*/
		.sliderHome .item span{margin: 168px 0 0 115px;}
		.sliderHome .owl-buttons .owl-prev{background-size: 75%!important; width:50px; height:50px;}
		.sliderHome .owl-buttons .owl-next{background-size: 75%!important; width:50px; height:50px;}
		.arrowSection{  width: 640px; height: 75px;  margin: -85px 0; background-size: 100% auto;}
		.sliderHome .item{height:580px;}


		/* menu */
		.btnRespMenu{display: none;}

		/*services*/
		.services .boxes .four.columns .bgBox{height:202px; width: 93%; margin: 7px auto;}
		.services {margin-top: 590px;}
		/* about us */
		
		/* contact us */
		.bgContact{background: url('../images/bgContact.jpg')47% 0 no-repeat; top:1995px;}
		.contact .form {background: none;}
		.contact .eight.columns textarea{width: 82%;}

		/* customers */
		.bgCustomers{top:2734px; height:540px;}

	}

	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px) {
		header{height:53px;}
		.btnRespMenu{margin:12px 20px;}
		header .menu img {margin: 3px 0;width: 15%;}
		.respMenu{top:53px;}

		/* sliderHome*/
		.sliderHome .item span{margin: 129px 0 0 70px;}
		.sliderHome .item span h1{font-size: 90px; font-weight: bold; line-height: 60px;}
		.sliderHome .item span h2 {font-size: 74px; line-height: 64px;}
		.sliderHome .item span h3{font-size: 60px; width: 525px; line-height: 53px;}
		.sliderHome .item span h4 {font-size: 50px; line-height: 40px;}
		.sliderHome .owl-buttons .owl-prev{background-size: 75%!important; width:50px; height:50px;}
		.sliderHome .owl-buttons .owl-next{background-size: 75%!important; width:50px; height:50px;}
		.arrowSection{  width: 512px; height: 60px;  margin: -70px 0; background-size: 100% auto;}
		.sliderHome .item{height:480px;}
		
		/* menu */
		.menu ul{display:none!important;}
		.btnRespMenu{display: block;}

		/*services*/
		.services .boxes .four.columns .bgBox{height:204px; width: 92%; margin: 6px auto;}
		.services .boxes .four.columns .bgBox img{left: 39%;}
		.services .boxes .four.columns .bgBox span{padding:0; margin: -50px 0;}
		.services {margin-top: 490px;}
		.services .owl-detailServices .item p{width:84.3%;}

		/* about us */
		.about .cornerWhite{right:10px;}
		.about p{font-size:43px; line-height:43px;}
		.about span{margin-bottom:20px;}

		/* contact us */
		.bgContact{background: url('../images/bgContact.jpg')47% 0 no-repeat; top:1900px;}
		.contact .form {background: none;}
		.contact .eight.columns textarea{width: 80%;}
		.contact .eight.columns:first-child{padding: 0;}
		
		/* customers */
		.bgCustomers{top:2639px;}

	}

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {
		header{height:53px;}
		.btnRespMenu{margin:12px 20px;}
		header .menu img {margin: 2px 0;width: 30%;}
		.respMenu{top:53px;}

		/* sliderHome*/
		.sliderHome .item span{margin: 175px 0 0 16px;}
		.sliderHome .item span h1{font-size: 60px; font-weight: bold; line-height: 40px;}
		.sliderHome .item span h2 {font-size: 45px; line-height: 35px;}
		.sliderHome .item span h3{font-size: 41px; width: 378px; line-height: 38px;}
		.sliderHome .item span h4 {font-size: 35px; line-height: 25px;}
		.sliderHome .owl-buttons .owl-prev{background-size: 85%!important; width:40px; height:40px;}
		.sliderHome .owl-buttons .owl-next{background-size: 85%!important; width:40px; height:40px;}
		.sliderHome .owl-theme .owl-controls .owl-buttons div{padding: 3px 0px;}
		.sliderHome{height:480px;}
		.sliderHome .item{height:480px;}
		.sliderHome .owl-buttons{top: 55%;}
		.arrowSection{  width: 320px; height: 37px;  margin: -47px 0; background-size: 100% auto;}

		/* menu */
		.menu ul{display:none!important;}
		.btnRespMenu{display: block;}

		/*services*/
		.services .boxes .four.columns .bgBox{height:204px; width: 97.2%; margin: 6px auto;}
		.services .boxes .four.columns .bgBox img{left: 45.5%;}
		.services {margin-top: 490px;}
		.services .owl-detailServices .item p{width:95.3%;}
		.services .boxes .sixteen.columns .close{margin:-24px -21px;}
		.services .owl-detailServices .item{width:100%; background-size: auto 100%!important; height:300px;}
		.services .owl-detailServices .owl-controls{top: -200px;}
		.services .owl-detailServices .owl-buttons .owl-next{right:-16px;}
		.services .owl-detailServices .owl-buttons .owl-prev{left: 1px;}
		.services .owl-detailServices .title{font-size:19px; width:50%; padding:13px;}

		/* about us */
		.about .cornerWhite{display:none;}
		.about p{font-size:50px; line-height:50px;}
		.about span{margin-bottom:20px;}

		/* contact us */
		.bgContact{display:none;}
		.contact .form {background: none;}
		input[type=text], input[type=email], input[type=password]{width:98%;}
		.contact label{color:#333; margin: 10px 0;}
		.contact .eight.columns textarea{width: 90%;}

		/* customers */
		.bgCustomers{display: none;}
		.customers{font-size: 76px; top: 127px; background-color:#333; padding:50px 0 10px 0!important;}

		/* preFooter */
		.preFooterCus{height:108px;}
		.preFooter .eleven.columns div {width: 100%; border:none;}
		.preFooter .eleven.columns img{display: block; margin:50px auto; width: 95%;}
		.preFooter ul.five.columns {list-style:none; margin-top:40px; text-align:center;}
		.preFooter ul.five.columns li{float:none;}

	}

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {
		header{height:53px;}
		.btnRespMenu{margin:12px 20px;}
		header .menu img {margin:9px; width:30%;}
		.respMenu{top:53px;}

		/* sliderHome*/
		.sliderHome .item span{margin:117px 0 0 10px;}
		.sliderHome .item span h1{font-size: 42px; font-weight: bold; line-height: 22px;}
		.sliderHome .item span h2 {font-size: 30px; line-height: 20px;}
		.sliderHome .item span h3{font-size: 31px; width: 250px; line-height: 28px;}
		.sliderHome .item span h4 {font-size: 25px; line-height: 15px;}
		.sliderHome .owl-buttons .owl-prev{display:none; }
		.sliderHome .owl-buttons .owl-next{display:none; }
		.sliderHome .owl-theme .owl-controls .owl-buttons div{display:none;}
		.sliderHome{height:320px;}
		.sliderHome .item{height:320px;}
		.sliderHome .owl-buttons{top: 55%;}
		.arrowSection{  width: 180px; height: 21px;  margin: -30px 0; background-size: 100% auto;}

		/* menu */
		.menu ul{display:none!important;}
		.btnRespMenu{display: block;}

		/*services*/
		.services .boxes .four.columns .bgBox{height:204px; width: 97.2%; margin: 6px auto;}
		.services .boxes .four.columns .bgBox img{left: 43.5%;}
		.services {margin-top: 340px;}
		.services .title p{font-size: 34px; text-align: center;}
		.services .owl-detailServices .item{width:100%; background-size: auto 100%!important; height:300px;}
		.services .owl-detailServices .owl-controls{top: -200px;}
		.services .owl-detailServices .owl-buttons .owl-next{right:-16px;}
		.services .owl-detailServices .owl-buttons .owl-prev{left: 1px;}
		.services .owl-detailServices .title{font-size:17px; width:92%; padding:13px;}
		.services .owl-detailServices .item p{font-size:11px; width:93.9%; line-height:13px;}
		.services .boxes .sixteen.columns .close{margin:-24px 0px;}
		.services .clearX.top{display: none;}

		/* about us */
		.about .cornerWhite{right:12px;}
		.about p{font-size:30px; line-height:30px;}
		.about span{margin-bottom:20px;}
		.betweenHomeServices{margin-top: 10px;}

		/* contact us */
		.bgContact{display:none;}
		.contact .form {background: none;}
		input[type=text], input[type=email], input[type=password]{width:96%;}
		.contact label{color:#333; margin: 10px 0;}
		.contact .eight.columns textarea{width: 85%;}

		/* customers */
		.bgCustomers{display: none;}
		.customers{font-size: 50px; top: 127px; background-color:#333; padding:50px 0 10px 0!important;}

		/* preFooter */
		.preFooterCus{height:108px;}
		.preFooter .eleven.columns div {width: 100%; border:none;}
		.preFooter .eleven.columns img{display: block; margin:50px auto; width: 95%;}
		.preFooter ul.five.columns {list-style:none; margin-top:40px; text-align:center;}
		.preFooter ul.five.columns li{float:none;}
	}




/* #Font-Face
================================================== */
/* 	This is the proper syntax for an @font-face file
		Just create a "fonts" folder at the root,
		copy your FontName into code below and remove
		comment brackets */

/*	@font-face {
	    font-family: 'FontName';
	    src: url('../fonts/FontName.eot');
	    src: url('../fonts/FontName.eot?iefix') format('eot'),
	         url('../fonts/FontName.woff') format('woff'),
	         url('../fonts/FontName.ttf') format('truetype'),
	         url('../fonts/FontName.svg#webfontZam02nTh') format('svg');
	    font-weight: normal;
	    font-style: normal; }
*/