@charset "utf-8";
/* CSS Document */

@media only screen and (min-width:240px) and (max-width:319px){
	body{width:100% !important}
	.our-content{padding:10px}
	.wrap{text-align: center;height: auto !important;width: 94%;overflow: hidden}
	.logo{margin: 0px;text-align: center;height: 100px;background-size: 100px;width: 100px}
	.abc{width:100%;margin:0 !important}
	.abc ul li{display:block;width: 100%;text-align: center;border: none}
	.abc ul li a{border: none !important}
	.abc ul li.home,.main,h3.homeslider{display:none !important}
	.top-header, .top{height: 100px !important}
	.head p, .head h3 {line-height:normal}
	.head p {font-size:12px}
	.head h3{font-size:14px;padding-bottom:10px}
	.head span{font-size:11px;padding:5px}
	.head span a{text-decoration:none;color:#fff}
	.content .box h2{font:lighter 1em/normal 'Roboto', sans-serif }
	.content .box{width: 89% !important;background: rgba(200, 210, 216,0.6);margin-bottom:20px;margin-left: 11px}
	
	.content  .box:nth-child(1) aside {background-position: -76px 11px;background-size: 360%}
	.content .box:nth-child(2) aside {background-position: 47.9%;background-size: 431%;margin: 0;}
	.content .box:nth-child(3) aside {background-position: -593px 11px;background-size: 633%;/* margin: 0 20px */}
	 .content .box:nth-child(4) aside {background-position: -782px 10px}
	
	.container{display:none }
	
	.hide{display:none !important}
	section.hm-blk {height:1450px;background-repeat:repeat}
	footer .left{width:100%;margin:0}
	footer .left p {text-align:center}
	footer .right {width:100%;top: 15px;left: 0px}
	.fa-3x {font-size:1.5em !important}
	.mod p {font-size: 0.8em;padding: 10px 0}
	.mod {padding: 25px 0;width:auto !important}
	.customer_support .cat article a{font-size: 10px;padding: 13px 10px;line-height: normal;}
	.mobile-view{display:block}
}