@media only screen and (max-width: 1400px) { 


}

@media only screen and (max-width: 1200px) { 

.tpo1, .tpo2, .tpo3, .tpo4{ padding-right:5px; /*width:200px*/}
/*tr.first{100% float:left}
tr.second_row{ width:100%; float:left}*/

.spacer{min-height: 186px;}

body{ font-size:10px}


/*td.bbb{ font-size:12px; line-height:27px}*/
.page{ width:96%; padding-top:0px}
#menu{ width:96%}
.content-right{ width:20%; right:20px;}
/*.content-right.right{ width:100%}*/


.story h5{ font-size:13px; line-height:18px}

table.dataTable thead .sorting, table.dataTable thead .sorting_asc, table.dataTable thead .sorting_desc, table.dataTable thead .sorting_asc_disabled, table.dataTable thead .sorting_desc_disabled{ background-position: right 3px!important}


}



@media only screen and (max-width: 1024px) {
	#menu li{ font-size:13px; line-height:18px} 
	.banner h1{ font-size:29px; line-height:29px}
	.topmenuR{ width:100%}
	.banner tbody tr + tr td + td{ width:35%!important}
	/*#pagecontent a{ font-size:13px;}*/
	
	.bbr p{ padding-left:10px}
	.bbr p{ padding-left:10px}
	
	.bbr{ padding:20px 20px 20px 8px; width:296px; float:left; border-right: solid 5px #fff}
	.bbr h2{ font-size:16px; padding-left:10px}
	
	.regstitle{ width:100%; position:relative}
	.regstitle-right h3{ font-size:13px; line-height:10px}
	#menu li ul li{ border: solid 1px #cccccc; font-size:12px; float:left; width:100%}
	#menu li ul{ background:#cccccc}
	/*#pagecontent .tpo1 { width:70px; float:left}
	#pagecontent .tpo2 { width:70px; float:left}
	#pagecontent .tpo3 { width:70px; float:left}
	#pagecontent .tpo4 { width:70px; float:left}*/
	
	#pagecontent img{ max-width:50px!important}
	 .tpo1 div{ top:20px!important; }
	 .bbb{ padding:35px 10px}
	
	
	.tpo2 div{top:16px!important}
	.tpo3 div{top:20px!important}
	.tpo4 div{top:21px!important}
	
	.spacer{ min-height:0px}
	.top{ position:relative}
	.spacer2{ min-height:0px}
	.bbr p{ line-height:20px}
	.page .spacer{ display:none}
	/*.bberp{ border-bottom:6px solid #ffffff; height:100px}*/
	
	.ws_images img{ /*max-width:100%!important; height:140px!important; max-height:inherit!important; float:left*/ height:167px!important; position:relative; z-index:9999999}
	/*.ws_images div.ws-title:nth-child(1){ background:#000000; height:84px}*/
/*	.ws_images div{ position:relative; height:171px!important}
	.ws_images div:nth-child(1):after{ position:absolute; width:100%; content:''; top:0px; background:#003366; height:100%; left:0px; bottom:0px; margin:0px!important}
	.ws_images div:nth-child(2):after{ position:absolute; width:100%; content:''; top:0px; background:#99ccff; height:100%; left:0px ;bottom:0px ;margin:0px!important}
	.ws_images div:nth-child(3):after{ position:absolute; width:100%; content:''; top:0px; background:#99ccff; height:100%; left:0px ;bottom:0px ;margin:0px!important}
	.ws_images div:nth-child(4):after{ position:absolute; width:100%; content:''; top:0px; background:#ff9901; height:100%; left:0px ;bottom:0px ;margin:0px!important}
	#wowslider-container1 .ws-title{ margin:0px!important; padding:0px!important}
	.ws_images .ws_controls div:after{ display:none}
	*/
	 


}


@media only screen and (min-width: 768px) and (max-width: 990px) {
	
	
	.bbbp ul{ padding-left:3em}
	.bbbp h2{ padding-left:10px}
	/*.bbr{ width:178px}*/
	.bbr p{ margin:5px 0}
	/*.story h1{ font-size:13px; line-height:18px}*/
	
	#menu li:nth-child(5n) ul{ right:95px; top:96%}
	
}


@media only screen and (max-width: 767px) { 
.banner h1{ font-size:19px; line-height:23px}
#menu li{ padding-left:2px; padding-right:2px}
#menu a:hover{ font-weight:normal}
.topmenuR td{ text-align:center!important}

.tpo2 img{ max-width:23px!important}
.tpo1 img{ max-width:23px!important}
.tpo3 img{ max-width:23px!important}
.tpo4 img{ max-width:23px!important}
.bbbp ul{ padding-left:24px}
.bbbp h2{ font-size:17px; line-height:22px}
.tpo1 div{top:4px!important}
.tpo2 div{top:4px!important}
.tpo3 div{top:4px!important}
.tpo4 div{top:4px!important}

.tpo1{ width:50px;  padding:9px; }
.tpo2{ width:50px; padding:9px ;}
.tpo3{ width:50px;  padding:9px ;}
.tpo4{ width:50px;  padding:9px ;}


.content-right{ position:static}
.content-left{ width:67%}
.content-right{ width:30%}
.content-right tr td img{ max-width:26px!important}
.story h2{ font-size:18px; line-height:19px}
#content-right-top h2{ font-size:16px; line-height:21px}
.content-left select{ width:169px!important}
#content-right-in h4{ font-size:12px; padding-left:6px}

.bbl img{ max-width:50px!important}
.bbr{ width:224px; padding:10px}
.bbr p{ margin:4px 0}

.bbr h2{ line-height:19px}
.content-right{ width:20%; right:28px}
.content-right.right{ width:100%}

.story h1{ font-size:20px; line-height:26px}


.regstitle{ width:100%}
.story h2{ font-size:14px!important; line-height:19px}
.regstitle-right{ width:40%}
.regstitle-right h3{ font-size:10px; line-height:15px}
#content-right-top h2{ font-size:17px!important; line-height:22px}
.bberp{ background:#003366}
body{ -webkit-text-size-adjust: none; -webkit-font-smoothing:antialiased; overflow-x: hidden;  }

.top{ position:relative}

/*.middle{ overflow:scroll; margin-top:40px}
.content{ overflow:scroll; width:647px}*/


}


@media only screen and (max-width: 640px) { 

.banner h1{ font-size:11px; line-height:5px; margin:0px}
.banner{ font-size:10px; line-height:13px}
.topbanner{font-size:12px; line-height:17px}

.banner table td img{ max-width:140px!important}
.footerfill{ height:auto}


.cse .gsc-search-button input.gsc-search-button-v2, input.gsc-search-button-v2{ padding:5px!important}
.gsc-search-box-tools .gsc-search-box .gsc-input{ padding-right:2px!important}
.bbr{ border-right: solid 6px #fff}

.content-right tr td img{ max-width:12px!important}
#content-right-in h4{ font-size:10px; line-height:16px}
#menu li:nth-child(4n) ul{ right:92px}
#menu li:nth-child(5n) ul{ right:48px; top:96%}



/*.spacer{ float:left; width:100%; min-height:210px}*/



}


@media only screen and (max-width: 479px) { 

.banner table td img{ vertical-align:top ;max-width: 67px !important}
#menu{ width:100%}
#menu li{ font-size:10px; line-height:14px}
.content-left select{ width:129px!important}
.content-right{ width:33%}
#content-right-in h4{ padding-left:2px}
.content-left{ width:63%}
.banner h1{ font-size:11px; line-height:5px; margin:0px}


}


