/*
Free Html5 Responsive Templates
Author: Kimmy
Author URI: http://www.zerotheme.com/
*/
/* -------------------------------------------- */
/* ------------------Grid System--------------- */ 
.zerogrid{ width: 1320px; margin: 0 auto; padding: 0px;}
.zerogrid:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }

.zerogrid .row{}
.zerogrid .row:before,.row:after { content: '\0020'; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; }
.zerogrid .row:after{clear: both; }
.zerogrid .row{zoom: 1;}

.zerogrid .wrap-col{margin:0px;}

.zerogrid .col-1-2, .zerogrid .col-1-3, .zerogrid .col-2-3, .zerogrid .col-1-4, .zerogrid .col-2-4, .zerogrid .col-3-4, .zerogrid .col-1-5, .zerogrid .col-2-5, .zerogrid .col-3-5, .zerogrid .col-4-5, .zerogrid .col-1-6, .zerogrid .col-2-6, .zerogrid .col-3-6, .zerogrid .col-4-6, .zerogrid .col-5-6{float:left; display: inline-block;}
.zerogrid .col-1-7{display:inline-block;float:right;}
.zerogrid .col-full{width:100%;}

.zerogrid .col-1-2{width:50%;}

.zerogrid .col-1-3{width:17.05%; margin-right:9px;}
.zerogrid .col-2-3{width:100%; /*border:1px solid #9997a5;*/}

.zerogrid .col-1-4{width:20%; max-height:180px;}
.zerogrid .col-2-4{width:50%;}
.zerogrid .col-3-4{width:75%;}

.zerogrid .col-1-5{width:15%;height:170px;margin-left:7px;margin-right:7px;}
.zerogrid .col-1-7{width:15%;height:170px;margin-left:7px;margin-right:7px;}
.zerogrid .col-2-5{width:40%;}
.zerogrid .col-3-5{width:60%;}
.zerogrid .col-4-5{width:100%;}

.zerogrid .col-1-6{width:82%; display:inline-block;}
.zerogrid .col-2-6{width:33.33%;}
.zerogrid .col-3-6{width:50%;}
.zerogrid .col-4-6{width:66.66%;}
.zerogrid .col-5-6{width:83.33%;}
#tag-bor{border-left:10px solid #444444; padding:10px;}
#tag{width:50%; height:64px; float:left; text-align:center; background: none repeat scroll 0 0 #fff; /*margin-top: -800px;*/ margin-left:0px; font:bold 14pt Calibri, sans-serif;line-height:60px; letter-spacing: 0.5px; display:none;}
	#tagline{width:97%; height:0px; float:left; text-align:center; background-color:#fff; margin-left: 6px;}

@media only screen and (min-width: 960px) and (max-width: 1300px) {
	.zerogrid{width:98%;}
	.zerogrid .col-4-5{width:100%;}
	.zerogrid .col-1-3{width:13%;}
	.inner{ background: transparent; padding: 0px; /*margin:10px; display:none;*/ width:100%;}
	
}


@media only screen and (min-width: 768px) and (max-width: 959px) {
	.zerogrid{width:98%;}
	.zerogrid .col-4-5{width:100%;}
	.zerogrid .col-1-3{width:17.05%;}
	.zerogrid .col-1-2, .zerogrid .col-1-3, .zerogrid .col-2-3, .zerogrid .col-1-4, .zerogrid .col-2-4, .zerogrid .col-3-4, .zerogrid .col-1-5, .zerogrid .col-2-5, .zerogrid .col-3-5, .zerogrid .col-4-5, .zerogrid .col-1-6, .zerogrid .col-2-6, .zerogrid .col-3-6, .zerogrid .col-4-6, .zerogrid .col-5-6{display: inline-block; width: 100%;}
	#main-i{width:100% !important; display:inline-block; margin-top:10px !important;}
	header {background:#fff; margin-bottom:30px;}
	header .wrap-header{height: 200px !important;}
	header #logo {position:absolute; top:40px; padding:5px; width: 98% !important; display:block !important;}
	.inner{ background: transparent; padding: 0px; /*margin:10px;*/ display:none; width:100%;}
	header #search{/*bottom: 0px;*/ width: 90px; top:17px !important; /*left: 5px; margin-right: -18px;*/}
	header #search input{width: 180px !important;}


	.leftbar_web{
		display: none;
	}
	.leftbar_mobile{
		display: block !important;
	}

	.menu ul li a{
		padding: 6px 5px !important;
	}
	#tag{width:67%; height:35px; /*float:left;*/ text-align:center; background-color:#fff; margin-top: -44px; margin-left:142px; color: #1F497D;font:bold 16pt Calibri, sans-serif;line-height:60px; letter-spacing: 0.5px; line-height:20px !important; display:block;}
	#tagline{width:97%; height:0px; float:left; text-align:center; background-color:#fff; margin-left: 6px;}
}

@media only screen and (max-width: 767px) {
	.zerogrid{width:100%;}
	.zerogrid .col-1-2, .zerogrid .col-1-3, .zerogrid .col-2-3, .zerogrid .col-1-4, .zerogrid .col-2-4, .zerogrid .col-3-4, .zerogrid .col-1-5, .zerogrid .col-2-5, .zerogrid .col-3-5, .zerogrid .col-4-5, .zerogrid .col-1-6, .zerogrid .col-2-6, .zerogrid .col-3-6, .zerogrid .col-4-6, .zerogrid .col-5-6{display: inline-block; width: 99%;}
	.zerogrid .row{ width:100%;}

	.leftbar_web{
		display: none;
	}
	.leftbar_mobile{
		display: block !important;
	}
	
}

@media only screen and (min-width: 700px) and (max-width: 767px) {
	.zerogrid{width:100%;}
	.zerogrid .col-1-3{width:17.05%;}
	.zerogrid .wrap-col{margin:0px;}
	.gallery{ background: transparent; padding: 0px;}
	.zerogrid .col-4-5{width:100%;}
	
	.zerogrid .col-1-2, .zerogrid .col-1-3, .zerogrid .col-2-3, .zerogrid .col-1-4, .zerogrid .col-2-4, .zerogrid .col-3-4, .zerogrid .col-1-5, .zerogrid .col-2-5, .zerogrid .col-3-5, .zerogrid .col-4-5, .zerogrid .col-1-6, .zerogrid .col-2-6, .zerogrid .col-3-6, .zerogrid .col-4-6, .zerogrid .col-5-6{display: inline-block; width: 99%;}
	#main-i{width:100% !important; display:inline-block; margin-top:50px !important;}
	header {background:#a4a639 !important; margin-bottom:30px;}
	header .wrap-header{height: 100px !important;}
	header #logo {position:absolute; top:40px; padding:5px; width: 99%; display:block !important;}
	.inner{ background: transparent; padding: 0px; margin:10px; display:none;}
	header #search{/*bottom: 0px;*/ width: 90px; top:17px !important; /*left: 5px; margin-right: -18px;*/}
	header #search input{width: 180px !important;}
	#t_row{width:15% !important; float:left; text-align: center;}
.NFSelectRight{height: 21px; width: 14% !important;}
.menu  ul li {position: relative;float: left;padding: 6px 5px 0px 5px; background:#fff; width:99%;}
	
	.leftbar_web{
		display: none;
	}
	.leftbar_mobile{
		display: block !important;
	}
	/*header #innerlogo {position:absolute; top:0px; padding:0px; width: 150px; display:block !important;}*/
	#content .wrap-content{margin-top: 0px; width:100%;}
	#tag{width:67%; height:35px; /*float:left;*/ text-align:center; background-color:#fff; margin-top: -65px; margin-left:142px; color: #1F497D;font:bold 13pt Calibri, sans-serif;line-height:60px; letter-spacing: 0.5px; line-height:20px !important; display:block;}
	#tagline{width:97%; height:0px; float:left; text-align:center; background-color:#fff; margin-left: 6px;}
}
@media only screen and (min-width: 620px) and (max-width: 699px) {
	.zerogrid{width:100%;}
	.zerogrid .col-1-3{width:17.05%;}
	.zerogrid .wrap-col{margin:0px;}
	.gallery{ background: transparent; padding: 0px;}
	.zerogrid .col-4-5{width:100%;}
	
	.zerogrid .col-1-2, .zerogrid .col-1-3, .zerogrid .col-2-3, .zerogrid .col-1-4, .zerogrid .col-2-4, .zerogrid .col-3-4, .zerogrid .col-1-5, .zerogrid .col-2-5, .zerogrid .col-3-5, .zerogrid .col-4-5, .zerogrid .col-1-6, .zerogrid .col-2-6, .zerogrid .col-3-6, .zerogrid .col-4-6, .zerogrid .col-5-6{display: inline-block; width: 99%;}
	#main-i{width:100% !important; display:inline-block; margin-top:10px !important;}
	header {background:#fff; margin-bottom:30px;}
	header .wrap-header{height: 150px !important; width:100%;}
	header #logo {position:absolute; top:40px; padding:5px; width: 99%; display:block !important;}
	.inner{ background: transparent; padding: 0px; margin:10px; display:none;}
	header #search{/*bottom: 0px;*/ width: 90px; top:17px !important; /*left: 5px; margin-right: -18px;*/}
	header #search input{width: 180px !important;}
	#t_row{width:15% !important; float:left; text-align: center;}
.NFSelectRight{height: 21px; width: 14% !important;}
.menu  ul li {position: relative;float: left;padding: 6px 5px 0px 5px; background:#fff; width:99%;}
	
	.leftbar_web{
		display: none;
	}
	.leftbar_mobile{
		display: block !important;
	}
	/*header #innerlogo {position:absolute; top:0px; padding:0px; width: 150px; display:block !important;}*/
	#content .wrap-content{margin-top: 0px; width:100%;}
	#tag{width:67%; height:35px; /*float:left;*/ text-align:center; background-color:#fff; margin-top: -65px; margin-left:142px; color: #1F497D;font:bold 13pt Calibri, sans-serif;line-height:60px; letter-spacing: 0.5px; line-height:20px !important; display:block;}
	#tagline{width:97%; height:0px; float:left; text-align:center; background-color:#fff; margin-left: 6px;}
}

@media only screen and (min-width: 480px) and (max-width: 619px) {
	.zerogrid{width:100%;}
	.zerogrid .col-1-3, .zerogrid .col-2-3{width:100%;}
	.zerogrid .col-1-4{width:50%;}
	.zerogrid .col-1-6, .zerogrid .col-2-6, .zerogrid .col-3-6, .zerogrid .col-4-6, .zerogrid .col-5-6{width:100%;}
	.zerogrid .col-4-5{width:100%;}
	
	.zerogrid .col-1-2, .zerogrid .col-1-3, .zerogrid .col-2-3, .zerogrid .col-1-4, .zerogrid .col-2-4, .zerogrid .col-3-4, .zerogrid .col-1-5, .zerogrid .col-2-5, .zerogrid .col-3-5, .zerogrid .col-4-5, .zerogrid .col-1-6, .zerogrid .col-2-6, .zerogrid .col-3-6, .zerogrid .col-4-6, .zerogrid .col-5-6{display: inline-block;}
	#main-i{width:100% !important; display:inline-block; margin-top:0px !important;}
	header {background:#fff; margin-bottom:30px;}
	header .wrap-header{height: 120px !important;}
	header #logo {position:absolute; top:40px; padding:5px; width: 44%; display:block !important;}
	.inner{ background: transparent; padding: 0px; margin:10px; display:none;}
	header #search{/*bottom: 0px;*/ width: 90px; top:17px !important; /*left: 5px; margin-right: -18px;*/}
	header #search input{width: 180px !important;}
	#t_row{width:22% !important; float:left; text-align: center;}
.NFSelectRight{height: 21px; width: 21% !important;}
.menu  ul li {position: relative;float: left;padding: 6px 5px 0px 5px; background:#fff; width:98%;}
	.leftbar_web{
		display: none;
	}
	.leftbar_mobile{
		display: block !important;
	}
	/*header #innerlogo {position:absolute; top:0px; padding:0px; width: 122px; display:block !important; margin-top:7px; }*/
	#content .wrap-content{margin-top: 0px !important; width:100%;}
	#tag{width:67%; height:35px; /*float:left;*/ text-align:center; background-color:#fff; margin-top: -48px; margin-left:115px; color: #1F497D;font:bold 13pt Calibri, sans-serif;line-height:60px; letter-spacing: 0.5px; line-height:20px !important; display:block;}
	#tagline{width:97%; height:0px; float:left; text-align:center; background-color:#fff; margin-left: 6px;}
}

@media only screen and (min-width: 320px) and (max-width: 479px) {
	.zerogrid .zerogrid .col-1-2, .zerogrid .col-1-3, .zerogrid .col-2-3, .zerogrid .col-1-4, .zerogrid .col-2-4, .zerogrid .col-3-4, .zerogrid .col-1-5, .zerogrid .col-2-5, .zerogrid .col-3-5, .zerogrid .col-4-5, .zerogrid .col-1-6, .zerogrid .col-2-6, .zerogrid .col-3-6, .zerogrid .col-4-6, .zerogrid .col-5-6{width:100%;}
	#main-i{width:96% !important; display:inline-block; margin-top: 0px !important; padding: 0 2%;}
	header {background:#fff; margin-bottom:30px;}
	header .wrap-header{height: 100px !important;}
	header #logo {position:absolute; top:40px; padding:5px; width: 35%; display:block !important;}
	.inner{ background: transparent; padding: 0px; margin:10px; display:none;}
	
	header #search{bottom: 50px; width: 173px !important; top:6px !important; /*left: 5px;*/ margin-right: 0px;}
	header #search input{width:140px !important; /*margin-left:30px;*/}
	header .button-search {	position: absolute;	right: 0px;	background: url('../images/button-search.png') center center no-repeat;	width: 28px; height: 35px;cursor: pointer; margin-right:0px !important;}
		#t_row{width:28% !important; float:left; text-align: center;}
.NFSelectRight{height: 21px; width: 28% !important;}
.menu  ul li {position: relative;float: left;padding: 6px 5px 0px 5px; background:#fff; width:98%;}
	
	.leftbar_web{
		display: none;
	}
	.leftbar_mobile{
		display: block !important;
	}
/*	header #innerlogo {position:absolute; top:0px; padding:0px; width: 121px; display:block !important; margin-top:6px; margin-left:2px;}*/
	#content .wrap-content{margin-top: 20px !important; width:100%;}
	#tag{width:67%; height:35px; /*float:left;*/ text-align:center; background-color:#fff; margin-top: -18px; margin-left:123px; color: #1F497D;font:bold 10pt Calibri, sans-serif;line-height:60px; letter-spacing: 0.5px; line-height:20px !important; display:block;}
	#tagline{width:97%; height:0px; float:left; text-align:center; background-color:#fff; margin-left: 6px;}
}


@media only screen and (min-width: 240px) and (max-width: 319px) {
	.zerogrid .zerogrid .col-1-2, .zerogrid .col-1-3, .zerogrid .col-2-3, .zerogrid .col-1-4, .zerogrid .col-2-4, .zerogrid .col-3-4, .zerogrid .col-1-5, .zerogrid .col-2-5, .zerogrid .col-3-5, .zerogrid .col-4-5, .zerogrid .col-1-6, .zerogrid .col-2-6, .zerogrid .col-3-6, .zerogrid .col-4-6, .zerogrid .col-5-6{width:100%;}
	#main-i{width:99% !important; display:inline-block; margin-top: -15px !important;}
	header {background:#fff; margin-bottom:30px;}
	header .wrap-header{height: 100px !important;}
	header #logo {position:absolute; top:40px; padding:5px; /*width: 25%;*/ display:block !important;}
	.inner{ background: transparent; padding: 0px; margin:10px; display:none;}
	
	header #search{/*bottom: 50px; */ width: 137px !important; top:6px !important; /*left: 5px;*/ margin-right: -5px !important; right:40px;}
	header #search input{width: 100px !important;}
	header .button-search {	position: absolute;	right: 0px;	background: url('../images/button-search.png') center center no-repeat;	width: 28px; height: 35px;cursor: pointer; margin-right:0px !important;}
		#t_row{width:28% !important; float:left; text-align: center;}
.NFSelectRight{height: 21px; width: 28% !important; font: 10px/21px Calibri !important;}
.menu  ul li {position: relative;float: left;padding: 6px 5px 0px 5px; background:#fff; width:98%;}

	.leftbar_web{
		display: none;
	}
	.leftbar_mobile{
		display: block !important;
	}
	/*header #innerlogo {!*position:absolute;*! top:0px; padding:0px; width: 121px; display:block !important; margin-top:2px; margin-left:2px;}*/
	#content .wrap-content{margin-top: 0px !important; width:100%;}
	#tag{width:67%; height:35px; /*float:left;*/ text-align:center; background-color:#fff; margin-top: -82px; margin-left:115px; color: #1F497D;font:bold 10pt Calibri, sans-serif;line-height:60px; letter-spacing: 0.5px; line-height:20px !important; display:block;}
	#tagline{width:97%; height:0px; float:left; text-align:center; background-color:#fff; margin-left: 6px;}
}