@media only screen and (max-width :500px) {
    .contactUs{width:auto;float:none;border-left:none;border-bottom:1px solid rgb(241, 241, 241);margin-bottom:20px;min-height:0}
    .footerlinks{width:auto;float:none;border-left:none;border-bottom:1px solid rgb(241, 241, 241);margin-bottom:20px;min-height:0}
    .newsletter{width:auto;float:none;min-height:0}
    .newsCms{width:auto;float:none}
    .newsh2{padding:30px 0;}
    .artbox{width:auto;float:none}
    .archiveholder{float:none;width:auto;margin-top:30px;}
    .servicesList > li{width:auto;height:auto;margin-bottom:20px;float:none}
    .redsubBg:before{width:20px;}
    .socialBg{padding-top:15px;}
    .socialBg h2{margin-bottom:10px;}
    .aboutUs{margin-right:0;}
    .newsMain{height:auto;width:auto;float:none;margin-top:20px;}
    .newsMain figure{display:none}
    .newslist{position:static;}
    .redtitle{width:auto;height:100px;line-height:100px;}
    .slogan{height:50px;line-height:50px;right:0;font-size:12px;text-indent:0;text-align:center}
    .artItem figure{display:none}
    .copyright{font-size:11px;padding:10px 0}
    .copyright .center{font-size:11px;}
    .newslist > li{height:auto;}
    .artDesc a{font-size:21px;}
}

@media only screen and (min-width : 500px) and (max-width :759px) {
    .center{width:480px;}
    .contactUs{width:auto;float:none;border-left:none;border-bottom:1px solid rgb(241, 241, 241);margin-bottom:20px;min-height:0}
    .footerlinks{width:auto;float:none;border-left:none;border-bottom:1px solid rgb(241, 241, 241);margin-bottom:20px;min-height:0}
    .newsletter{width:auto;float:none;min-height:0}
    .newsCms{width:auto;float:none}
    .newsh2{padding:30px 0;}
    .artbox{width:auto;float:none}
    .archiveholder{float:none;width:auto;margin-top:30px;}
    .servicesList > li{width:50%;height:auto;}
    .redsubBg:before{width:20px;}
    .socialBg{padding-top:15px;}
    .socialBg h2{margin-bottom:10px;}
    .aboutUs{margin-right:0;}
    .newsMain{height:auto;width:auto;float:none;margin-top:20px;}
    .newsMain figure{display:none}
    .newslist{position:static;}
    .redtitle{width:auto;height:100px;line-height:100px;}
    .slogan{height:50px;line-height:50px;right:0;font-size:15px;}
    .artItem figure{display:none}
    .newslist > li{height:auto;}
}

@media only screen and (min-width : 760px) and (max-width :1020px) {
    .center{width:700px;}
    .contactUs{width:50%}
    .footerlinks{width:50%;border-left:none}
    .newsletter{width:auto;float:none}
    .redtitle{height:100px;line-height:100px;}
    .newsCms{width:auto;float:none}
    .newsh2{padding:30px 0;}
    .newsMain{width:auto;float:none;margin-top:20px;}
    .artbox{width:auto;float:none}
    .archiveholder{float:none;width:auto;margin-top:30px;}
    .servicesList > li{width:50%;height:auto;}
    .redsubBg:before{width:20px;}
    .socialBg{padding-top:15px;}
    .socialBg h2{margin-bottom:10px;}
    .aboutUs{margin-right:0;}
}

@media only screen and (min-width : 1020px) and (max-width :1230px){
    .center{width:980px;}
    .newsh2{padding:30px 0;}
    .cmspage{line-height:25px;}
    .newsCms{width:30%;}
    .newsMain{width:70%}
    .newslist > li p{line-height:20px;}
    .artbox{width:980px;float:none}
    .archiveholder{float:none;width:auto;margin-top:30px;}
    .redsubBg:before{width:20px;}
}

@media only screen and (max-width : 1230px){
    .tgmenu{display:block}
    .navigation .center{width:auto !important}
    .navigation{height:50px;}
    .navigation .logo img{height:50px;width:auto;}
    .navigation .topmenu{margin-top:5px;}
    .topmenu{width:100%;max-width:350px;display:none;z-index:10000;position:absolute;top:45px;right:0;line-height:40px;margin-top:50px;font-weight:normal;font-size:14px;-moz-transition:0s; -o-transition:0s; -webkit-transition:0s; transition:0s;}
    .topmenu > li{background:rgba(0,0,0,.6)}
    .topmenu > li > a{color:#fff;padding:0 10px;display:block}
    .topmenu > li.active > a{background:#e00000;}
}
@media only screen and (min-width : 1230px){
    .center{width:1200px;}
    .topmenu{display:block !important;float:left;line-height:40px;margin-top:50px;font-weight:normal;font-size:14px;-moz-transition:.3s; -o-transition:.3s; -webkit-transition:.3s; transition:.3s;}
    .topmenu > li{float:right;}
    .topmenu > li > a{color:#fff;padding:0 10px;margin:0 10px;}
    .topmenu > li.active > a{background:#e00000;}
}