www.gusucode.com > 200套html5精品模板101_150 > 200套html5精品模板101_150/111/css/media-screen.css

    /*
—————————————————————————————————————————––––––
custom style for some media screen
—————————————————————————————————————————––––––
*/

img.scale-grid {
	max-width:100%;
	height:auto;
}

img.maxfolio2{
	max-width:530px;
	height:auto;
}

img.maxfolio3{
	max-width:340px;
	height:auto;
}

img.maxfolio4{
	max-width:245px;
	height:auto;
}

.inner_wrap {
	width:1180px;
	margin:0px auto;
	padding:0px;
	position:relative;
}

.top_banner img.scale-grid {
	margin-left:18px;
	max-width:100%;
	height:auto;
}

@media only screen and (min-width: 960px) and (max-width: 1139px) {
	.inner_wrap { width:980px; }	
	.top_banner img.scale-grid {
		margin:0;
	}
	iframe.contact-map, img.contact-map{
		width:600px;
		height:262px;
	}	
	img.maxfolio2{
		max-width:440px;
		height:auto;
	}	
	img.maxfolio3{
		max-width:280px;
		height:auto;
	}	
	img.maxfolio4{
		max-width:200px;
		height:auto;
	}	
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
	.inner_wrap { width:788px; }	
	.top_banner img.scale-grid {
		margin:0;
	}
	iframe.contact-map, img.contact-map{
		width:490px;
		height:184px;
	}	
	img.maxfolio2{
		max-width:344px;
		height:auto;
	}	
	img.maxfolio3{
		max-width:216px;
		height:auto;
	}	
	img.maxfolio4{
		max-width:152px;
		height:auto;
	}
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
	.inner_wrap { width:480px; }		
	.top_banner img.scale-grid {
		margin:0;
	}
	
	
      nav ul     { display: none; }
      nav select { display: inline-block; }
	  nav select {
			width:450px;
			padding:10px;
		}
	iframe.contact-map, img.contact-map{
		width:468px;
		height:165px;
	}	
	img.maxfolio2, img.maxfolio3, img.maxfolio4{
		max-width:440px;
		height:auto;
	}	
	#filter li{
		float: left;
		width:100%;
		margin:0 0 1px 0;
		padding:0;
	}
	#filter a{
		width:100%;
		padding:5px 20px 5px 20px;
		color:#333333;
		background:#eeeeee;
	}	
	.pricing-box, .popular-box{
		margin:0 0 30px 0;
	}		
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
	.inner_wrap { width:300px; }	
	.top_banner img.scale-grid {
		margin:0;
	}
	
      nav ul     { display: none; }
      nav select { display: inline-block; }
	  nav select {
			width:265px;
			padding:10px;
		}
	.flexslider {
		margin-bottom:40px;
	}	
		
	ul.testimonial li .testimonial-text{
		float:left;
	}
	iframe.contact-map, img.contact-map{
		width:278px;
		height:156px;
	}
	img.maxfolio2, img.maxfolio3, img.maxfolio4{
		max-width:260px;
		height:auto;
	}
	#filter li{
		float: left;
		width:100%;
		margin:0 0 1px 0;
		padding:0;
	}
	#filter a{
		width:100%;
		padding:5px 20px 5px 20px;
		color:#333333;
		background:#eeeeee;
	}	
	.pricing-box, .popular-box{
		margin:0 0 30px 0;
	}	
}
@media print{}