/* CSS Document */

/* 10" netbook  */
@media screen and (max-width: 1240px) {
    *,
	*:before,
	*:after {
	  -webkit-box-sizing: inherit;
	  -moz-box-sizing: inherit;
	  box-sizing: inherit; }

	@-webkit-viewport{width:device-width} 
	@-moz-viewport{width:device-width} 
	@-ms-viewport{width:device-width} 
	@-o-viewport{width:device-width} 
	@viewport{width:device-width}
	body{min-width: 0;}
	.row{width:98%;}
	#main { width:98%;}
	#content.home dl{width:48.5%;}
	#content.home dl dt img{width:100%;}
}

@media screen and (max-width: 990px) {
/*	#header .info p bdi{display: block;}
	#header .info p span.wt{display: none;}*/
	#header{padding:2px 0 12px; background-size: cover;}
	#header .logo{float: none; margin: 0 auto; padding: 12px 0 0; max-width: 96%;}
	#header .info{float: none; margin: 12px auto 0;}
	#content.home dl dd{line-height: 50px; font-size: 18px;}
	#content #testi-section{background-size: 100% 100%; padding:16px 65px 12px;}
}


@media screen and (max-width: 890px) {
	.nivo-caption p{line-height: 33px;}
	#gallery-sect .pic{width:50%;}
	#gallery-sect .pic2,#gallery-sect .pic4{float: right; padding:0 0 10px 6px;}
	#gallery-sect .pic1,#gallery-sect .pic3{padding: 0 6px 10px 0; float: left;}
} 

@media screen and (max-width: 840px) {
	#head-nav nav ul li,#foot-nav nav ul li{font-size: 16px;}
}


@media screen and (max-width: 760px) {
	.js #menu {	display:none;	}
	.js .slicknav_menu {display:block;}
	#foot-nav{background: url(../images/testi.jpg) repeat-x center top; background-size: 100% 100%;}
	#foot-nav nav ul li{display: block; width:100%; background: none; line-height: 35px; border-bottom: 1px solid #fff;}
	#foot-nav nav ul li:last-child{border-bottom: none;}
	#foot-nav nav ul li:first-child{background: none;}

	/*#foot-nav nav > ul > li:nth-child(3) > a{display: none;}*/
	#foot-nav nav ul li ul{position: static; border:none;}
	#foot-nav nav ul li ul li{background: none;}
	#foot-nav nav ul li ul li a{padding: 4px 25px;}
	#foot-nav nav > ul > li:nth-child(4){padding: 6px 0;}
}

@media screen and (max-width: 630px) {
	#content.home dl{width:98%; float: none!important; display: block; margin: 0 auto 12px;}
	#content .article{padding: 20px 8px 25px;}
	#content p,#content p span{font-size: 18px; line-height: 27px;}
	#content #testi-section{padding:16px 12px 12px;}
	#content.inner .cat{width: 44%; vertical-align: top;}
	#content.inner .cat p{font-size: 13px;}
}


@media only screen and (max-width : 515px) {
	#header .info p bdi{display: block;}
	#header .info p span.wt{display: none;}
	#header .info p img{display: none;}
	#header .info{background-size: 100% 100%; padding: 0 0 3px;}

	#gallery-sect .pic2,#gallery-sect .pic4{float: right; padding:0 0 6px 4px;}
	#gallery-sect .pic1 img.big, #gallery-sect .pic3 img.big{margin: 0 0 6px;}
	#gallery-sect .pic2 img.big, #gallery-sect .pic4 img.big{margin: 8px 0 0;}
	#gallery-sect .pic1,#gallery-sect .pic3{padding: 0 4px 8px 0; float: left;}

	#footer-top .logo{max-width: 95%;}
	#footer-top table .wt,#footer-top table .yel{font-size: 22px; letter-spacing: 6px;}
}


@media screen and (max-width: 400px){
	#content #testi-section h2,#gallery-sect h2,#footer-top h2,#content h1{letter-spacing: 12px;}
	#gallery-sect p{padding: 0 10px 15px;}
	#gallery-sect h2{padding: 24px 0 20px;}
	#header .info p{font-size: 14px;}
	#header .info h2{padding: 6px 0;}
	#content.inner .cat{width:47%; margin: 0 0px 15px;}
	#content.inner .cat p.tl{font-size: 12px; line-height: 15px; margin: 0 0 4px;}
}