@media only screen and (max-width: 320px) { 
	.wrap{width:300px;}
	.topinfo{display:none;}
	#maincontent-htar #maincol{ float: none; width: 100%;}
    #maincontent-htar #rightcol{float: none; width: 100%;}
	.item-page h1, .page-header h1, .page-header h2{font-size:25px; display:block;}
	.navbar-toggle{margin-top:10px;}
}

@media only screen and (min-width:321px) and (max-width:375px) {
	.wrap{width:355px;}
	.topinfo{display:none;}
	#maincontent-htar #maincol{ float: none; width: 100%;}
    #maincontent-htar #rightcol{float: none; width: 100%;}
	.item-page h1, .page-header h1, .page-header h2{font-size:30px;display:block;}
}

@media only screen and (min-width:376px) and (max-width:414px) {
	.wrap{width:394px;}
	.topinfo{display:none;}
	#maincontent-htar #maincol{ float: none; width: 100%;}
    #maincontent-htar #rightcol{float: none; width: 100%;}
}

@media only screen and (min-width:415px) and (max-width:480px) {
	.wrap{width:460px;}
	.topinfo{display:none;}
	#maincontent-htar #maincol{ float: none; width: 100%;}
    #maincontent-htar #rightcol{float: none; width: 100%;}
}

@media only screen and (min-width:481px) and (max-width:568px) {
	.logo {width: 45%!important;}
	#maincontent-htar #maincol{ float: none; width: 100%;}
    #maincontent-htar #rightcol{float: none; width: 100%;}
}

@media only screen and (min-width:569px) and (max-width:640px) {
	.logo {width: 45%!important;}
}

@media only screen and (min-width:641px) and (max-width:667px) {
	.logo { width: 55%!important;}
}

@media only screen and (min-width:668px) and (max-width:736px) {
	
}

@media only screen and (max-width:736px) {
	.hide-mobile{display:none;}
	.navbar-toggle {display: block;}
	#mainmenu{display:none;}
	.banner-left{float:none; width:75%; margin:0 auto 15px; padding:0;}
	.banner-right{float:none; width:100%; }
	#above-content{background:#333;padding: 20px 0 12px 0; position:relative;}
	#above-content .moduletable{background:none;min-height: 10px;}
	#above-content .moduletable p:last-child{display:none;}
	.logo{width:60%;}#banner{min-height:135px;}
	body.home .item-page img { margin: 0 0 10px 0;}
	body.home #banner{background-size:cover;}
	#above-content:after{    background: url(../images/arrow-down.png) no-repeat top center;
    width: 100%;
    content: '';
    position: absolute;
    z-index: 999;
    display: block;
    bottom: -14px;
    height: 15px;}
}

@media only screen and (min-width:769px) and (max-width:1024px) {
	
}