/*
* 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
================================================== */

	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 1170px) {
		.container{width:1000px; }
		.coloums{margin:0px 15px;  }
		.pro-col{ margin:15px;}
		.col4{width:200px;}
		.pro-img{width:200px; height:200px;}
		.pro-img img{width:200px; height:200px;}
		.pro-title{font-size:17px;  }
		.col5{width:380px;}
		.contact-col2{width:370px; float:right;}
		.col7{width:670px; }
		
	
.inner-left{width:570px; float:left;}
.col11{width:45%; float:left;}
.col12{width:45%; float:right;}	
.inner-title-main{font-size:25px; padding:30px 0px; }
		}

	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 960px) and (max-width: 1000px) {
		
.container{width:900px;}
		.coloums{margin:0px 18px;  }
		.pro-col{ margin:15px 22px;}
		.col4{width:160px;}
		.pro-img{width:160px; height:160px;}
		.pro-img img{width:160px; height:160px;}
		.pro-title{font-size:17px;  }
		.col5{width:300px;}
		.col6{width:440px; margin-top:10px;}
		.news-input{width:220px;}
		.contact-col2{width:270px; float:right;}
		.col7{width:550px; }
		.col3{width:250px;}	
		#slidebox{width:250px;}
#slidebox .content{width:250px;}

.clear-div{ margin:0px 0px; }
.inner-left{width:480px; float:left;}
.col11{width:100%; float:left; margin-bottom:20px;}
.col12{width:100%; float:right; margin-bottom:20px;}	
.inner-title-main{font-size:25px; padding:30px 0px; }

		}

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (min-width: 767px) and (max-width: 960px) {
		.top-main{background:#0c3793; height:auto; padding:15px 0px;}
		.logo{position:relative; margin:10px auto; display:block; width:370px; height:114px; float:none;}
		.container{width:700px;}
		.coloums{margin:0px 25px;  }
		.pro-col{ margin:15px 30px;}
		.col4{width:270px;}
		.pro-img{width:270px; height:270px;}
		.pro-img img{width:270px; height:270px;}
		.pro-title{font-size:17px;  }
		.col5{width:100%; text-align:center;}
		.col6{width:100%; margin-top:10px; }
		.news-input{width:100%; margin-bottom:10px;}
		.contact-col2{width:100%; float:left;}
		.contact-col{width:100%; float:left;}
		.col7{width:300px; }
		.col3{width:400px;}	
		#slidebox{width:400px;}
#slidebox .content{width:400px;}

.nav{float:left; display:block; width:100%;}
.nav ul{display:block; margin:0px; padding:0px; text-align:center;}
.nav ul li{display:inline-block; margin:0px; padding:0px;  height:90px; line-height:90px; }
.col1{width:100%; margin-bottom:40px; box-sizing:border-box;  -moz-box-sizing:border-box;}
		.news-bu{width:211px; float:none; height:60px; background:url(../images/news-letter-bu.jpg) no-repeat top; cursor:pointer; border:none; margin:0px auto; display:block; clear:both;}
		
		
		.clear-div{ margin:0px 0px; }
.inner-left{width:100%; float:left;}
.col11{width:100%; float:left; margin-bottom:20px;}
.col12{width:100%; float:left; margin-bottom:20px;}	
.col13{width:100%; float:left; margin-bottom:20px;}	
.inner-title-main{font-size:25px; padding:30px 0px; }
.sidebar{width:100%; box-sizing:border-box;  -moz-box-sizing:border-box; margin-top:30px;}
		}

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 300px) and (max-width: 767px) {
		
		.inner-img{width:100%;}
		
		.top-main{background:#0c3793; height:auto; padding:15px 0px;}
		.logo{position:relative; margin:10px auto; display:block; width:50%; height:auto; float:none;}
		.logo img{display:block; width:100%;}
		
		.container{width:100%; padding:0px 30px !important; float:left !important; box-sizing:border-box !important;  -moz-box-sizing:border-box  !important;}
		.coloums{margin:0px 0px;  }
		.pro-col{ margin:10px auto; float:none; width:300px; display:block; }
		.col4{width:300px; text-align:center;}
		.pro-img{width:300px; height:300px;}
		.pro-img img{width:300px; height:300px;}
		.pro-title{font-size:17px;  }
		.col5{width:100%; text-align:center;}
		.col6{width:100%; margin-top:10px; }
		.news-input{width:100%; margin-bottom:10px;}
		.contact-col2{width:100%; float:left;}
		.contact-col{width:100%; float:left;}
		.col7{width:100%; }
		.col8{width:100%;  margin-top:50px;}

		#slidebox{width:300px; float:left;}
#slidebox .content{width:280px;}

.nav{display:none;}
.nav-collapse{display:block !important;}
.nav-toggle{display:block !important;}

.col1{width:100%; margin-bottom:40px; box-sizing:border-box;  -moz-box-sizing:border-box; }
.col2{width:100%; margin-bottom:40px; box-sizing:border-box;  -moz-box-sizing:border-box;}
.col3{width:100%;   box-sizing:border-box;  -moz-box-sizing:border-box;}	
		.news-bu{width:211px; float:none; height:60px; background:url(../images/news-letter-bu.jpg) no-repeat top; cursor:pointer; border:none; margin:0px auto; display:block; clear:both;}
		.social-media{} 
		social-media img{display:inline-block; float:none;}
		.footer-main{height:auto;}
		.col9{width:100%; text-align:center; float:left; margin-bottom:10px;}
		.col10{width:100%; text-align:center; float:left; margin-bottom:10px;}
		
				.clear-div{ margin:0px 0px; }
.inner-left{width:100%; float:left;}
.col11{width:100%; float:left; margin-bottom:20px;}
.col12{width:100%; float:left; margin-bottom:20px;}	
.col13{width:100%; float:left; margin-bottom:20px;}	
.inner-title-main{font-size:25px; padding:30px 0px; }
.sidebar{width:100%; box-sizing:border-box;  -moz-box-sizing:border-box; margin-top:30px;}
		}





