@media(min-width: 768px) and (max-width: 1024px){
	#wrap{
		width: 100%;
		overflow-x:hidden;
	}
	#footer{
		width: 100%;
	}
	.top_nav ul li a{
		padding:10px 13px 12px 13px;
	}
	#slider img {
	    margin: 0 !important;
	    width: 98%;
	}
	/*body .scroll-img{
		width: 100%;
		height: auto;
	}
	body #demo5.scroll-img ul{
		width: 100%;
	}
	body .scroll-img ul li{
		width: 32.5%;
	}*/
	body .imageBox2{
		width: 234px;
	}
	body .col1 p{
		margin: 15px;
	}
	body .imageBox3 {
	    width: 168px;
	    padding: 0;
	}
	body img.med {
	    max-width: 100%;
	    margin: 0;
	}
	body .col1 > img {
	    height: auto;
	    width: 100%;
	}
	body .box_wrap:first-of-type{
		margin: 0 !important;
	}
	body .box_wrap{
		margin: 0 0 5px 0;
		width: 33%;
	}
	body .box_wrap > img{
		margin: 0;
	}
	body .scroll-img{
		width: 97%;
	}
	body #demo5-forward,
	body .demo-forward{
		left: auto;
		right: 0;
	}
	body #demo1,
	body #demo2{
		width: 95%;
	}
	body .demo-forward{
		right: 25px;
	}
	#slider .left-banner {
	    width: 65%;
	    float: left;
	}
	#slider .left-banner img {
	    height: auto;
	    width:100%;
	}
	#slider .right-banner{
		width: 34%;
	}
	#slider .right-banner img {
	    width: 72%;
	}
	/*body .scroll-img{
		width: 100%;
		height: auto;
	}
	body .scroll-img ul {
	  width: 100%;
	}
	body .scroll-img ul li{
		**width: 21.3333%;
		height: 120px;***
	}
	#demo5.scroll-img ul {
		width: 100% !important;
	}*/
}
@media(max-width: 767px){
	#wrap{
		width: 100%;
		overflow-x:hidden; 
	}
	.threecol .colmid{
		left: 0;
	}
	.threecol .col1 {
	    float: right;
	    width: 100%;
	    padding: 5px;
	    -webkit-box-sizing: border-box;
	    -moz-box-sizing: border-box;
	    -ms-box-sizing: border-box;
	    -o-box-sizing: border-box;
	    box-sizing: border-box;
	}
	.threecol .col2 {
	    float: left;
	    left: 0;
	}
	.threecol .col1{
		left: 0;
		width: 100% !important;
	}
	.threecol .colleft{
		right: 0 !important;
	}
	.threecol .col2{
		width: 100%;
	}
	.col1 table tr td{
		display: block;
	}
	.logo{
		width: 100%;
	}
	.imageBox3 {
	    text-align: center;
	    width: 100%;
	    padding: 0;
	}
	.imageBox3 strong {
	    display: inline-block;
	    width: 100%;
	}
	#footer{
		width: 100%;
		height: auto;
		background-size: contain;
	}
	.logo{
		margin: 0;
		padding: 5px;
		text-align: center;
		-webkit-box-sizing: border-box;
	    -moz-box-sizing: border-box;
	    -ms-box-sizing: border-box;
	    -o-box-sizing: border-box;
	    box-sizing: border-box;
	}
	#slider img {
	    height: auto;
	    margin: 0 !important;
	    width: 100% !important;
	}
	#demo5.scroll-img ul{
		width: 100% !important;
	}
	.box_wrap img {
	    margin: 0;
	}
	.col1 p{
		margin: 0 0 10px 0;
	}
	#slider > div {
	    width: 100%;
	    text-align: center;
	    height: auto;
	}
	.imageBox2{
		display: inline-block;
	}
	.search-outer{
		float: left;
		width: 100%;
		text-align: center;
	}
	.search-outer #searchbox_main{
		display: inline-block;
		float: none;
	}
	body .col1 > img {
	    height: auto;
	    width: 100%;
	}
	.col1 p img {
	    margin: 0;
	    width: 100%;
	}
	table {
	    margin: 0 !important;
	    width: 100%;
	}
	body .box_wrap{
		margin: 5px 2px !important;
	}
	body .tinynav {
	    border: medium none;
	    display: block;
	    height: 30px;
	    left: 0;
	    position: absolute;
	    top: 5px;
	    width: 100%;
	}
	body .scroll-img{
		width: 100%;
		height: auto;
	}
	body .scroll-img ul {
	  width: 100%;
	}
	body img.med{
		max-width: 100%;
	}
	#slider .right-banner img {
	    width: auto !important;
	}
}
@media(max-width: 480px){
	#wrap{
		width: 100%;	 
	}
	body .box_wrap{
		margin: 5px 0 !important;
		width: 100%;
		text-align: center;
	}
	body .box_title,
	body .box{
		display: inline-block;
	}
	.logo{
		margin: 0;
		padding: 5px;
		text-align: center;
		-webkit-box-sizing: border-box;
	    -moz-box-sizing: border-box;
	    -ms-box-sizing: border-box;
	    -o-box-sizing: border-box;
	    box-sizing: border-box;
	}
	.logo img{
		width: 100%;
	}
	.label-scroll li{width:100%;text-align:center;}

}