@media all and (min-width: 1600px){
	#slideads1{width:180px;margin-left:-185px;}
	#slideads2{width:180px;margin-right:-185px;}
}
@media all and (min-width: 1501px) and (max-width: 1599px) {
	#slideads1{width:150px;margin-left:-155px;}
	#slideads2{width:150px;margin-right:-155px;}
}
@media all and (min-width: 1400px) and (max-width: 1500px) {
	#slideads1{width:100px;margin-left:-105px;}
	#slideads2{width:100px;margin-right:-105px;}
}
@media all and (max-width: 1399px) {
	#slideads{ display:none !important}
}
@media all and (max-width: 1204px) {
	#wrapper,#header,#menu,.ddsmoothmenu,.container,#body,#footer{ width:100%}
	.container{padding:15px;}
	#slideads{ display:none !important}
	#hotline{right:15px;}
}
@media all and (max-width: 1120px) {
.ddsmoothmenu ul li a {padding: 0 12px;}
}
@media all and (max-width: 960px) {
	#wrapper-service,#bottom-content,.boxgrid,.spe-body,.line-spe{ width:100%;}
	#wrapper{position:relative;}	
	#banner{ width:100%;padding:0 55px;float:none;text-align:center;}
	#banner img {max-height: 60px;width:auto; max-width:100%;}
	#hotline{ position:relative; top:0;right:0; margin:20px 0 0; text-align:center; float:none;}
	#hotline ul{display:inline-block;}
	.vSlider{display:none; width:100%; height:1px; overflow:hidden;}
	#menu-mobile-button{display:block; padding:0 10px; text-align:center; color:#fff; text-shadow:1px 1px 1px #333; font-size:1.29rem; height:40px; line-height:40px;}
	#menu-mobile-button a{color:#fff}
	#menu-mobile-button a.menuicon{display:block; font-size:1.86rem;}
	#body{width:auto !important; padding: 0 10px;}
	#left-panel{ width:22%;}
	#right-panel{ width:76%;padding-right: 0;}			
    #menu{ position:fixed;top:15px!important;left:15px; height:42px;width:auto!important;border-bottom:none;border-radius:6px;min-height:42px;z-index:1000001!important;}
	#hotline ul li.login{position:fixed;top:15px;right:15px; font-size:0;display:block;padding-left:0;z-index:1000;}
	#hotline ul li.login i {
		position:relative;
		font-size: 1.6rem!important;
		width: 40px!important;
		height: 40px!important;
		line-height: 40px!important;
		margin-top:0;
	}
  .boxgrid {
    width: 48%;
    margin: 10px 1% !important;
	height:auto;
  }
  .content table{ width:100% !important}
  .content img.img-customer{border:2px solid #FFF;margin:10px 0; width:100%;}
  .content img{ max-width:100%; height:auto !important}
  .phantrang ul {
    width: 100%;
    margin: 5px 0;
  } 
  #closemenu {
        position: fixed;
        top: 0;
        left: -350px;
        width: 300px;
        height: 40px;
        line-height: 40px;
        z-index: 30000;
        display: block;
        padding: 0 8px;
        color: #fff;
		font-size:1.3rem;
        text-align: left;
        background-color: #000;
        border-right: 1px solid #fff;
        -webkit-transition: all .5s ease-in-out;
        -moz-transition: all .5s ease-in-out;
        -o-transition: all .5s ease-in-out;
        -ms-transition: all .5s ease-in-out;
        transition: all .5s ease-in-out
    }
  .ddsmoothmenu {
	  display:block!important;
    width: 100%;
    position: absolute!important;
    top: 10px;
    padding: 0;
    height: 0;
    left: 0;
    z-index: 30000;
}
	.ddsmoothmenu > ul{	
	clear: both;
    position: fixed;
    top: 0;
    left: -350px;
    width: 300px!important;
    height: 100vh;
    padding-top: 40px;
    overflow: scroll!important;
    background: #2483c5;
    animation: fade .2s ease-out;
    z-index: 20000;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
	}

    .ddsmoothmenu ul li {
        display: block!important;
        width: 100%;
        background: none!important;
		height:auto;
    }

    .ddsmoothmenu ul li a {
        color: #fff!important;
        border-bottom: 1px solid #009ccc;
        padding: 8px 35px 8px 15px;
        height: auto;
        line-height: normal;
        text-align: left;
        float: none!important;
        min-height: 39px
    }

    .ddsmoothmenu ul li ul {
        width: 100%!important;
        position: relative;
        visibility: visible!important;
        top: 0!important;
        left: 0!important;
        border-top: none;
        background: none;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none
    }

    .ddsmoothmenu ul li ul li {
        border-bottom: none;
        float: none!important
    }

    .ddsmoothmenu ul li ul li>a {
        color: #fff!important;
        width: 100%;
        padding-left: 30px;
        background-color: #2da34a;
        line-height: normal
    }

    .ddsmoothmenu ul li ul li ul li>a {
        padding-left: 45px;
        background-color: #555
    }

    .ddsmoothmenu ul li .showhide-subul {
        display: block
    }
	.share-box,.fb-comments{display:none!important}
}
@media all and (max-width: 860px) {	
	#left-panel,#right-panel{ width:100%;}
	#left-panel{ margin-top:15px;}
	.col-tbl,.row-tbl{display:block;float:left;}
	.box33per{ width:100%; margin:10px 0; height:auto;
	padding:15px;
	border-bottom:1px solid #ccc;
	background: rgba(255,255,255,1);
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(242,239,242,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(100%, rgba(242,239,242,1)));
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(242,239,242,1) 100%);
background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(242,239,242,1) 100%);
background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(242,239,242,1) 100%);
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(242,239,242,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2eff2', GradientType=0 );
	}
	.box33per img {width: 18%;}
	.box33per .right {width: 79%;}
}
@media all and (max-width: 812px) {
	.news-vertical {width: 46%;margin: 10px 2% 20px 2%!important}
    .news-vertical:nth-child(2n) {clear: left}
    .news-vertical:nth-child(2n+1) {clear: right}
    .item-fm {display: block}
}
@media all and (max-width: 768px) {
	#footer-contact{ float:none; width:100%; padding:0; clear:both;}
	#footer-fanpage{width:50%;margin-bottom:20px;}
	#footer-police{ max-width:50%; margin-bottom:20px;}
	.hig-alo-phone span{display:none}
}
@media all and (max-width: 640px) {	
	#bottom-content ul li{width:100%; margin:10px 0;}		
	.about-us img{max-width:100%;max-height:300px; text-align:center;display:block; margin:0 auto 20px;float:none;}
	.about-us-content{ width:100%;}
}
@media all and (max-width: 568px) {
	#hotline ul li {padding-left: 36px; min-height:36px;}
	#hotline ul li i {font-size: 1.2rem; width: 30px; height: 30px;line-height: 30px; margin-top:-4px;}
	#hotline ul li span{display:none;}	
	#footer-contact,#footer-police,#footer-fanpage{width:100%; float:none;margin:15px 0;max-width:100%;}
	.boxgrid {width: 100%; margin:10px 0 !important; float:none}
	.boxgrid:before{padding-top: 0;}
	.boxgrid img{ position: relative;width: 100%; height:auto;}
	.news-vertical {width: 100%; margin: 10px 0!important}
    .news-vertical-img {width: 25%; margin: 0 15px 6px 0; float: left}
    .news-vertical-img:before {display: none}
    .news-vertical-img img {position: relative; float: left}
    .news-vertical .title {clear: none}
}
@media all and (max-width: 480px) {
	.captionfull .boxcaption {top: 70%;}
	.news a img{ width:120px;}
	.news-detail img.news-image{ width:100%;}
	.news-vertical {width: 100%; margin: 10px 0 20px 0!important}
    .news-vertical-img {overflow: visible; float: none}
    .news-vertical-img:before {display: none}
    .news-vertical-img img {float: none;display:block;}
    .news-vertical .title {clear: both}
    .news-vertical-img {width: 100%; margin: 0}
}
@media all and (max-width: 414px) {
	.box33per img {width: 20%;}
	.box33per .right {width: 77%;}
}
@media all and (max-width: 375px) {
	.box33per img{width:auto; margin:0 auto; max-width:100%; max-height:100px;float:none; display:block; margin-bottom:15px;}
	.box33per .right{width: 100%; float:none;}
	.box_top .left{ display:none;}
}
@media all and (max-width: 320px) {
	.news a img{ width:100%; clear:both;}
}