@media (max-width: 3000px) {
}

@media (max-width: 1530px) {
.priceplan .help_text_wrap ul{}
.priceplan .help_text_wrap ul h5{position:relative;margin-bottom:10px;}
.priceplan .help_text_wrap ul li{margin-left: 20px;list-style-type:square;}
}
 
@media (max-width: 1200px) {

section aside {width: 20%;}
section .content {width: 80%;}
}

@media (max-width: 992px) {
section{text-align:center;}
section .wrap { padding: 65px 27px 75px;}
section aside {float:none;width: auto;}
section .content {float:none;width: auto;}
section aside hr { margin: 0 auto 13px auto;}
section h4 {padding-bottom:70px;}

section .comment{text-align:left;font-size:11px !important;}
.business section{text-align:left;}
.business aside {width: auto;}
.business aside h4 {text-align:center;}
.business .content {width: auto;}

.essentail section .content h5{text-align:left;}
.essentail section .content p{text-align:left;}
.business section .content h3{text-align:left;}
.business section .content p{text-align:left;}
.business section ul li{text-align:left;}
.terms section .txt_group{text-align:left;}
.terms section h4{font-size:14px;}

.businesstype { height: 420px;}
.businesstype .carousel-inner { height: 420px;}
.businesstype .carousel-inner .who_wrap {  height: 420px;padding: 0 60px 0 330px;}
.businesstype .carousel-indicators li{padding:0 1.1%;}
.businesstype .who_mobile img { bottom: -420px;}
.businesstype .carousel-inner .item .menuimg { left: 73px;}
.businesstype .sub_title {  font-size: 30px;    padding: 60px 0 0;}
.businesstype .sub_txt { font-size: 14px;  margin: 30px 0;max-height:200px;overflow:auto;}

.explore .img_group a {padding: 25px 1.5% 0 1.5%;}

.add ul {max-width: 685px;margin: 0 auto;}

.support .office h4{padding:40px 0 20px;}
.support .office li {width:100%;padding:0 10px;}
.support .office li.name {width:100%;padding-top:20px;}

.corevalue .txt_group{text-align:left;}
.corevalue .txt_group h4{text-align:left;}

.reference .txt_group{display: inline-block;}
.reference .related .txt_group p {text-align:left; width: 440px; overflow: hidden;}
.reference .detail .txt_group{text-align:left;}
.reference .detail .txt_group li {padding: 10px 44px 10px 54px;width: auto;}

section.referencelist {text-align: left;}
.reference .referencelist .txt_group h3 i{padding:0 10px;}
.reference .referencelist li {padding: 5px 10px 5px 65px;}
.reference .related .newsimg{text-align:left;}
}


@media (max-width: 767px) {

.topimg h3{padding:190px 50px 25px;}

section h4 {padding-bottom:50px;}
.business section .content h3{text-align:center;}
.business section .content p{text-align:center;}
.business section ul li{text-align:center;}

.essentail section .content div { float: none;  width: auto;}
.essentail section .content h5 { padding: 5px 0 20px 0px;text-align:center;}
.essentail section .content span {padding-bottom: 20px; display: block; position: relative; top:auto; left:auto;}
.essentail section .ti-cloud small { left: 48.5%;}

.businesstype .who_mobile{width:222px;margin:0auto;padding:0;}
.businesstype .who_mobile img {width:222px;}
.businesstype .carousel-inner .item .menuimg {width:194px;left:50%;margin-left:-97px;}
.businesstype .carousel-indicators { top: -93px;}
.businesstype .carousel-indicators li {padding:6px 4px;}
.businesstype .carousel-indicators li i {display:none;}
.businesstype .sub_title {display:none;}
.businesstype .sub_txt {display:none;}
.businesstype a{display:none;}

.business .img_group { width: 50%; float: none; margin: 0 auto 20px;}
.business .txt_group {  float: none; width: 100%; padding-right: 0px;}

.explore .img_group .video1 iframe{width:88%;height:285px;}

.template .carousel-indicators {top: 26%;}

.downloads li { width: 50%;}

.editor #myCarousel{display:none;}

.agent .img_group li {float: none; width: 100%;}
.agent .img_group li.agent{width:100%;}
.agent .img_group li:after {display:block;content:'';clear:both;}
.agent .img_group li > div{width:25%;}
.agent .img_group li > p { left: 50%;right:auto; top: auto;	bottom:-28px;	
  -ms-transform: rotate(90deg); /* IE 9 */    -webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */    transform: rotate(90deg);}

.add li {float:none;}
.add li.agentin div{display:inline-block;border:0;width:24%;margin:auto 0;padding:20px 0;vertical-align:top;}
.add li > div .fa-caret-right { right: -190%; top: 55px; -ms-transform: rotate(90deg); /* IE 9 */    -webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */    transform: rotate(90deg);}

.support .office .wrap ul {width: 100%;}

.corevalue .img_group, .corevalue .txt_group { width: 100%;  float: none;text-align:center;}
.corevalue .txt_group h4{text-align:center;}
.corevalue .img_group{padding-bottom:40px;}

.ourstory .carousel-indicators li { width: 30.8%;  height: auto; margin: 0 2px 6px 0;  text-indent: 0;}

#press h3 {display:none;}
#press.carousel {max-width: 410px; margin: 0 auto;}
#press .carousel-inner {top:-10px;width:100%}
#press .carousel-inner .item {;padding-right:0;}
#press .carousel-indicators { text-align: left; width: 100%;top:20px;position:relative;left:0;}
#press .press_bg{width:100%;}

.priceplan .help_text_wrap ul { width: 100%;}
.priceplan .view_pc{display:none !important;}
.priceplan .view_mobile{display:inline-block;font-weight:bold;}
.priceplan > ul {width: 31.2%;}
.priceplan > ul > li.memo { height:auto;}
.prices .price table th:first-child { width:auto;}
.prices .view_mobile{display:block;}

.reference .detail .txt_group li {padding: 10px 0px 10px 80px;width: 49%;}
.reference .related img{display:none;}
.reference .related .txt_group p {width: auto;overflow: visible;}
.reference .related .txt_group p span {width:100%;}

.reference .referencelist .img_group{float: none;width: 100%;max-width: 500px;margin: 0 auto; }
.reference .referencelist .txt_group {float: none;display:block;width: 100%;max-width: 500px;margin: 20px auto 0;}
}

@media (max-width: 479px) {

.features .topimg{background:url('/uchef/img/fe_topimg.jpg')846px;background-size: auto 312px;}
.service .topimg{background:url('/uchef/img/se_topimg.jpg')576px;background-size: auto 312px;}
.membership .topimg{background:url('/uchef/img/me_topimg.jpg')474px;background-size: auto 312px;}
.support .topimg{background:url('/uchef/img/su_topimg.jpg')566px;background-size: auto 312px;}
.aboutus .topimg{background:url('/uchef/img/ab_topimg.jpg')712px;background-size: auto 312px;}
.membershiplog .topimg{background:url('/uchef/img/log_topimg.jpg')1px;background-size: auto 312px;}/* ?! */
.priceplan .topimg{background:url('/uchef/img/pr_topimg.jpg')700px;background-size: auto 312px;}
.reference .topimg{background:url('/uchef/img/re_topimg.jpg')806px;background-size: auto 312px;}

.snb-active {top: 51px;  width: 100%;}

.topimg{height:312px;color:#fff;}
.topimg h3{padding:110px 30px 25px;font-size:20px;}
.topimg p{padding:0 30px;font-size:14px;}

section aside h4 {padding-bottom:30px;}
section h3 { font-size: 15px; padding: 9px 0 17px; line-height: 19px;}
section .txt_group{letter-spacing: 0;font-size:12.5px}
.business section ul li{text-align:left;}
.membership section p {text-align:center;}
.essentail section .content div { float: none;  width: auto; padding: 13px 0 22px 0;}

.businesstype .carousel-indicators li {font-size:11px;padding:6px 6px;}
.businesstype .carousel-indicators { top: -103px;}
.businesstype .carousel-inner .who_wrap { padding: 0;}
.business .title { padding: 50px 15px;}
.business .title h1 {font-size:21px;}
.business .title p { font-size: 12px;}

.explore .modal-dialog {width: auto; margin: 10px;}
.explore .img_group .video1 iframe{width:100%;height:230px;}

.template .carousel-indicators { width: 50%;}
.template .carousel-indicators .active { width: 51px;}
.template .carousel-indicators li { width: 51px;margin:5px;display:inline-block;}
.template .carousel-indicators { top: 7%;text-align: center;left:-10px;}
.template .who_mobile {right:-10px;}
.template .carousel-inner {right:19px;}

.downloads li { width: 100%;}

.agent .img_group li > div{width:50%;}

.add li.agentin div {  width: 49%;}

.ourstory .carousel {width:100%;overflow:hidden;}
.ourstory .carousel-indicators { width: 100%;left:5px;top:auto;position:relative;padding-bottom:30px;}
.ourstory .carousel-inner { width: 100%; height:100%;}
.ourstory .carousel-inner .item {padding:0;}
.ourstory .carousel-inner .item img{width:100%;}
.ourstory .carousel .bg_img {width: 169%;}

.priceplan > ul { width: 100%;}

.reference .main_photo .wrap{padding:10px;}
.reference .detail .txt_group{padding:0 10px;}
.reference .detail .txt_group li {padding: 10px 0px 10px 40%;width: 100%;}
.reference .related .txt_group p span { width: 100%; padding: 10px 0; border-top: 1px solid #eee;}
.reference .related .txt_group p a{text-decoration:none;}
.reference .photo .wrap{margin:15px}
.reference .photo .txt_group li {width: 23%; height: auto;margin:2px 1px;}
.reference .photo .txt_group li img{border:2px solid #eee;}
.reference .ug-gallery-wrapper .ug-textpanel {display: none;}
.reference .ug-theme-default .ug-default-button-play {display: none;}

.reference .referencelist .txt_group .adminis{position:relative;width: 100%;margin:0;bottom:auto;}
.reference .referencelist .txt_group button {position:relative;width: 100%;margin-top:5px;}
.reference .referencelist .txt_group button.btn_learnmore{position:relative;width: 100%;margin-top:5px;bottom:auto;}
.reference .referencelist .txt_group h3 p { right: 0;top:9px;}
.reference .referencelist .txt_group h3 i{padding:0 5px;}
.reference .related .form-group,
.reference .related .form-group.newssubject{width:100%;}
}