@charset "utf-8";
/*
 Media Queries 
 Author: Loic Ng Ah wai
*/

/* Accordion*/
@media screen and (min-width: 0) and (max-width:700px){
.tabs {display: none;}
.accordion-head {float: left;width: 100%;background-color: #ccc;color: #fff;margin: 0;display: block;cursor: pointer;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;font-weight: 700;font-size: 18px;height: 42px; line-height: 42px;position: relative;    text-align: center;}
.accordion-active {background-color: #666;color: #fff;}
.tabs-accordion-dark .tab_container .accordion-head { display: block; }
.tabs-accordion-dark .tab_container .accordion-head {background-color:#84888A;border-bottom: 1px solid #fff;   display: none;}
.tabs-accordion-dark .tab_container .accordion-head.accordion-active{color: #C27B10;background: #2E3438;}
.homepageacc .tabs-accordion-dark .tab_container .accordion-head {display: block;}
.tabs-accordion-dark-grey .tab_container .accordion-head { display: block; }
.tabs-accordion-dark-grey .tab_container .accordion-head { background: #F0F1F1; color: #C3C7C9;}
.tabs-accordion-dark-grey .tab_container .accordion-head.accordion-active{color: #063A70;background: #E6E9EB;border-bottom: 1px solid #fff;}
.tabs-accordion-light-grey .tab_content{ float: left; width: 100%;}
.tabs-accordion-light-grey .tab_container .accordion-head { display: block; }
	
.slick-board .slick-dots {position: Inherit; bottom: Inherit;  right: Inherit; text-align: center; width: 100%;margin-top: 15px;}
}

/*Menu mobile*/
@media screen and (min-width: 0) and (max-width: 979px){
.desktop{display: none}
.mobile-menu {display: block;}
#return-to-top{display: none !important}
.sticky-footer {background: transparent !important;}
header {height: 70px;}
.homepage-header {height: 70px;}
.homepage-header.shrink {height: 70px;}
.dl-menuwrapper {width: 100%;float: left;position: relative;-webkit-perspective: 1000px;perspective: 1000px;-webkit-perspective-origin: 50% 200%;perspective-origin: 50% 200%;}
.dl-menuwrapper:first-child {margin-right: 0px;}

#menu-toggle2 span{background: #0A253A;height: 1px;width: 100%;display: block;float: right;position: relative;}
#menu-toggle2 span:nth-child(1){ top: 0px;  width: 55%; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; }
#menu-toggle2 span:nth-child(2){top: 8px;transition: all 0.3s ease}
#menu-toggle2 span:nth-child(3){top: 16px;width: 35px;transition: all 0.3s ease}

#menu-toggle2 {width: 60px; height: 70px;cursor: pointer;position: relative; margin: inherit;margin-top: inherit;float: right;background: #F5F6F8;padding: 20px 5px;}
#menu-toggle2.dl-trigger.open {background: #05131F;}
#menu-toggle2.dl-trigger.open span{background: #fff}
#menu-toggle2.dl-trigger.open p{color: #fff}
#menu-toggle2.open span:nth-child(1) {transform: rotate(42deg);top: 8px; width: 35px;left: -8px;}
#menu-toggle2.open span:nth-child(2){display: none}
#menu-toggle2.open span:nth-child(3) { transform: rotate(-42deg);top: 6px;width: 35px; left: -9px;}
#menu-toggle2 p {left: 0; bottom: 5px;transform: translate(0,0);width: 100%;font-size: 10px;text-align: center;color: #0A253A;position: relative;top: 25px;}

.dl-menuwrapper ul {padding: 0;list-style: none;-webkit-transform-style: preserve-3d;transform-style: preserve-3d;}
.dl-menuwrapper li {position: relative;}
.dl-menuwrapper li a {display: block;position: relative;padding: 12px 20px;font-size: 13px;line-height: 20px;font-weight: 400;color: #fff;
	outline: none;text-transform: uppercase;padding: 12px 20px 3px;}
.no-touch .dl-menuwrapper li a:hover {background: rgba(255,248,213,0.1);}
.dl-menuwrapper li.dl-back > a {padding-left: 30px;background: rgba(0,0,0,0.1);}
.dl-menuwrapper ul li{background: #05131F;-webkit-backface-visibility: hidden;backface-visibility: hidden;}
.dl-menuwrapper li.dl-back:after,
.dl-menuwrapper li > a:not(:only-child):after {position: absolute;top: -2px;line-height: 50px;font-family: 'FontAwesome';content: "\f105";color: #fff;}
.dl-menuwrapper li.dl-back:after {left: 15px;-webkit-transform: rotate(180deg);transform: rotate(180deg);top:-2px;}
.dl-menuwrapper li > a:after {right: 20px;}
.dl-menuwrapper .dl-menu {background: #05131F;top: 70px;position: absolute;width: 100%;opacity: 0;pointer-events: none;
	-webkit-transform: translateY(10px);
	transform: translateY(10px);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}
#menu-toggle .dl-trigger.open {background: red}
.dl-menuwrapper .dl-menu.dl-menu-toggle {transition: all 0.3s ease;}
.dl-menuwrapper .dl-menu.dl-menuopen {opacity: 1;pointer-events: auto;-webkit-transform: translateY(0px);transform: translateY(0px);}

.dl-menuwrapper li .dl-submenu {display: none;}
.dl-menu.dl-subview li,
.dl-menu.dl-subview li.dl-subviewopen > a,
.dl-menu.dl-subview li.dl-subview > a {display: none;}
.dl-menu.dl-subview li.dl-subview,
.dl-menu.dl-subview li.dl-subview .dl-submenu,
.dl-menu.dl-subview li.dl-subviewopen,
.dl-menu.dl-subview li.dl-subviewopen > .dl-submenu,
.dl-menu.dl-subview li.dl-subviewopen > .dl-submenu > li {display: block;}
.dl-menuwrapper > .dl-submenu {position: absolute;width: 100%;top: 70px;left: 0;margin: 0;}
.dl-menu.dl-animate-out-1 {-webkit-animation: MenuAnimOut1 0.4s;animation: MenuAnimOut1 0.4s;}
@-webkit-keyframes MenuAnimOut1 {
	0% { }
	50% {
		-webkit-transform: translateZ(-250px) rotateY(30deg);
	}
	75% {
		-webkit-transform: translateZ(-372.5px) rotateY(15deg);
		opacity: .5;
	}
	100% {
		-webkit-transform: translateZ(-500px) rotateY(0deg);
		opacity: 0;
	}
}
@keyframes MenuAnimOut1 {
	0% { }
	50% {
		-webkit-transform: translateZ(-250px) rotateY(30deg);
		transform: translateZ(-250px) rotateY(30deg);
	}
	75% {
		-webkit-transform: translateZ(-372.5px) rotateY(15deg);
		transform: translateZ(-372.5px) rotateY(15deg);
		opacity: .5;
	}
	100% {
		-webkit-transform: translateZ(-500px) rotateY(0deg);
		transform: translateZ(-500px) rotateY(0deg);
		opacity: 0;
	}
}
.dl-menu.dl-animate-in-1 {
	-webkit-animation: MenuAnimIn1 0.3s;
	animation: MenuAnimIn1 0.3s;
}
@-webkit-keyframes MenuAnimIn1 {
	0% {
		-webkit-transform: translateZ(-500px) rotateY(0deg);
		opacity: 0;
	}
	20% {
		-webkit-transform: translateZ(-250px) rotateY(30deg);
		opacity: 0.5;
	}
	100% {
		-webkit-transform: translateZ(0px) rotateY(0deg);
		opacity: 1;
	}
}
@keyframes MenuAnimIn1 {
	0% {
		-webkit-transform: translateZ(-500px) rotateY(0deg);
		transform: translateZ(-500px) rotateY(0deg);
		opacity: 0;
	}
	20% {
		-webkit-transform: translateZ(-250px) rotateY(30deg);
		transform: translateZ(-250px) rotateY(30deg);
		opacity: 0.5;
	}
	100% {
		-webkit-transform: translateZ(0px) rotateY(0deg);
		transform: translateZ(0px) rotateY(0deg);
		opacity: 1;
	}
}
.dl-menuwrapper > .dl-submenu.dl-animate-in-1 {
	-webkit-animation: SubMenuAnimIn1 0.4s ease;
	animation: SubMenuAnimIn1 0.4s ease;
}

@-webkit-keyframes SubMenuAnimIn1 {
	0% {
		-webkit-transform: translateX(50%);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateX(0px);
		opacity: 1;
	}
}

@keyframes SubMenuAnimIn1 {
	0% {
		-webkit-transform: translateX(50%);
		transform: translateX(50%);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateX(0px);
		transform: translateX(0px);
		opacity: 1;
	}
}

.dl-menuwrapper > .dl-submenu.dl-animate-out-1 {
	-webkit-animation: SubMenuAnimOut1 0.4s ease;
	animation: SubMenuAnimOut1 0.4s ease;
}


@-webkit-keyframes SubMenuAnimOut1 {
	0% {
		-webkit-transform: translateX(0%);
		opacity: 1;
	}
	100% {
		-webkit-transform: translateX(50%);
		opacity: 0;
	}
}

@keyframes SubMenuAnimOut1 {
	0% {
		-webkit-transform: translateX(0%);
		transform: translateX(0%);
		opacity: 1;
	}
	100% {
		-webkit-transform: translateX(50%);
		transform: translateX(50%);
		opacity: 0;
	}
}
/* No JS Fallback */
.no-js .dl-menuwrapper .dl-menu {
	position: relative;
	opacity: 1;
	-webkit-transform: none;
	transform: none;
}

.no-js .dl-menuwrapper li .dl-submenu {
	display: block;
}

.no-js .dl-menuwrapper li.dl-back {
	display: none;
}

.no-js .dl-menuwrapper li > a:not(:only-child) {
	background: rgba(0,0,0,0.1);
}

.no-js .dl-menuwrapper li > a:not(:only-child):after {
	content: '';
}


/* menu */
.dl-menuwrapper .cnlogo{position: absolute;left: 15px;top: 10px;}
.dl-menuwrapper .cnlogo .logo{width: 200px}

.Milestone .cnleft .scroll__block { float: left; width: 100%; height: 100%;  cursor: all-scroll; overflow-x: hidden; overflow-y: hidden; overflow: hidden;}	
	
.Error_Content {padding: 0px 5px;}
.Error-title {font-size: 46px;margin-bottom: 5%;}
.Error-msg {font-size: 27px;}
.Error-link {margin-top: 6%;}
.Error-link ul {margin-top: 5%;}
	
}

/* Small Mobiles */
@media screen and (min-width: 0) and (max-width: 479px){
.core {margin-top: 70px;}
.core-homepage {margin-top: 70px;}
.cnt-1300 {width: 95%;}
.Homepage-banner .cnTitle {width: 100%;font-size: 25px;line-height: 27px;padding: 20px 0px 0px;}
.graph-status {margin-top: 15px;padding: 0px 11px;}
.Homepage-banner .graph-title {width: 100%;padding: 20px 11px;}
.Homepage-banner .graph-box {width: 100%;}
.Homepage-banner .graph-banner {width: 100%;}
.bottom-banner .align-right { width: 95%;float: right;}
.bottom-banner .align-right .block .title { font-size: 13px;text-align: left;width: 100%;}
.bottom-banner .align-right .block .market-slider {width: 100%;margin-left: 0px}
.bottom-banner .align-right .block .dem-slider {width: 100%;margin-left: 0px}
.bottom-banner .slide .sep {display: none;}

/* footer */

footer .flex-container {display: block; padding: 30px 0px 0px 0px; text-align: center;}
footer .flex-item { flex: inherit;padding: 10px 0px;width: 100%; float: left;}

.top-footer .cnleft {width: 100%; max-width: 100%; float: left;}
.top-footer .cnleft ul{    text-align: center;}
.top-footer .cnleft li {width: 48%;margin-right: 0%;margin-bottom: 6%;}
.top-footer .cnWrapper {position: relative;top: inherit;padding: 20px 0px;}

/* homepage-ads */
.Homepage-ads .cnleft { max-width: 100%;width: 100%;}
.Homepage-ads .cnleft .cnNews .slick-dots {bottom: -35px;left: 50%;transform: translate(-50%,0);}
.Homepage-ads .cnleft .cnNews {max-width: 100%;width: 100%;margin: 0px;}
.Homepage-ads .cnright {width: 100%;}
.Homepage-ads .cnright .ads-l {  margin-top: 60px;margin-left: 0;width: 100%;    height: auto;}
.ads-l .animate-img {    left: -10px;top: -9px; width: 50%;}
.ads-l .cnImg .cnText .img { width: 145px;margin-bottom: 5px;}
.ads-l .cnImg .cnText .title {font-size: 14px;}
.ads-l .cnImg .cnText .sub-title {font-size: 13px;}
.ads-l .cnImg .cnText .button {margin-top: 14px;}
.ads-l .cnImg .ads-store {bottom: -8px;right: 8px;}
.ads-l .cnImg .ads-store .button {width: 75px;}
.ads-l .cnImg .cnText .button a {    padding: 7px 35px 7px 20px;font-size: 12px;}
.ads-l .cnImg .cnText {width: 53.619%; padding: 8px 0px;}
.Homepage-ads .cnright .ads-s {padding: 20px 0px;width: 100%;}

/* block-sample */
.search input {padding: 0 10px;}
.block-sample {padding: 25px 0px 0px 0px;}
.block-sample .cnWrapper{position: relative;}
.block-sample .cnright.cntitle{width: 100%;} 
.block-sample .cnleft {width: 100%;float: left;padding: 75px 0px 0px 0px;}
.block-sample .cnright.cnSearch{ position: absolute;width: 100%;top: 25px;}
/*  dark-tab */
.tabs-accordion-dark .tab_content .tab-cnleft {width: 100%;padding: 20px 5px;}
.tabs-accordion-dark .tab_content .tab-cnright { width: 100%;}
.rate li {margin-right: 0%;width: 48%;margin-bottom: 10px}
.rate-info ul li .name {width: 50%;}
.rate-info ul li .price {width: 45%;}

.block-sample.full-width-acc .cnleft {padding: 20px 0px 0px 0px;}
.main-range-content {width: 100%;margin-bottom: 20px;}
.main-range-content .cnInner { float: initial;max-width: 100%;width: 95%;margin: 0 auto;}

.silder-tabs-container .links {width: 100%;}
.silder-tabs-container .links a { margin: 10px 0px;width: 100%;float: left;}
.block-slide .cnright .download {margin: 0px; width: 100%; padding-top: 10px;}
.silder-tabs .slick-arrow{display: none !important}
/* .silder-tabs {margin-top: -55px;} */

/* innerpage */
.Search-bar .cnleft {width: 100%;display: inline-block;vertical-align: middle;text-align: center;}
.Tabs-head {padding: 14px 10px;}
.Search-bar .cnright {width: 100%;margin-top: 30px;}
.Search-bar .cnright .search-bar-wrapper { width: 100%;}
.Search-bar .cnright .search-bar-wrapper .search-container {width: 100%; margin: 10px 0px;}
.index-description .body-text span.fa {margin-bottom: 15px;font-size: 23px;top: -5px;margin-right: 10px;}
.index-description .body-text .cnDesc {padding: 0px 0px 0px 32px;}

.filtering label { margin-right: 7px;width: 100%;float: left;margin-bottom: 13px;}
.filtering input, .filtering select { margin-bottom: 12px;}

.body__table table { width: 100%;margin-left: 0px;}
.body__table td {padding-left: 15px;}
.body__table td:before { float: left;position: inherit;top: inherit;left: inherit; width: 100%; padding-right: 0px;white-space: inherit;content: attr(data-column);color: #000;font-weight: bold;word-wrap: break-word;font-size: 15px; line-height: 20px;margin-bottom: 10px;}
.body__table td, .body__tableth {font-size: 14px;}

.block-slide .cnleft { float: left;width: 100%; padding: 0px;}
.block-slide .cnicn {font-size: 18px;margin-right: 2px;margin-bottom: 14px;}
.block-slide .cnDesc {display: inline-block;vertical-align: top;margin-top: 4px;}
.block-slide .cnright {width: 100%;padding: 1px 0px;text-align: right;}
.block-slide .cnright .text {width: 100%;margin: 0px}
.block-slide .cnright .date {width: 100%;margin: 0px}
.accordion-main .accordion-head { padding: 20px 25px 20px 0;height: auto; line-height: unset;}

.publication-block { width: 100%;float: left;margin: 25px 0px;}
.publication-block .cnImg { width: 50%;}
.publication-block .cnImg .download {display:none;}

.news-listing .news { width: 100%;}
.news-listing .news .cnImg {width: 100%;}
.news-listing .news .cnDesc {width: 100%;padding: 10px 0px;}

.news-details .cnWrapper {display: flex;flex-flow: column;}
.news-details .cnLeft {width: 100%;order: 2;}
.news-details .cnRight {width: 100%;order: 1;margin-bottom: 20px;}

.two-block .block {width: 100%;}
.two-block .block .cnImg {width: 100%;max-width: 100%;}
.two-block .block .cnDesc { width: 100%;padding: 25px 35px 25px 35px;}
.first-layer-icn ul li {width: 100%;}
.second-layer-icn ul li {margin: 0px;width: 100%;}
.second-layer-icn ul li .cnImg {width: 198px; margin: 0 auto;float: inherit;}
.second-layer-icn ul li .cnDesc {font-size: 18px;margin-left: 0px;margin-top: 30px;width: 100%;}
.num-block ul li {width: 100%;}
/*.floating-num ul li {margin: 7px 6%;} */
.floating-num ul li {width: 100%; margin: 4% 0%;}

.Milestone .cnWrapper {display: flex;flex-flow: column;}
.Milestone .cnleft {width: 100%;order: 2;}
.Milestone .cnright {width: 100%;order: 1;margin-bottom: 2px;margin-left: 9%;}
.scroll__block--Img {width: 100%;}
.scroll__block--desc {float: left; width: 100%;}


.scroll__block--content:nth-child(odd){display: flex;flex-flow: column;}
.scroll__block--content:nth-child(odd) .scroll__block--Img{order: 1;}
.scroll__block--content:nth-child(odd) .scroll__block--desc{order: 2;}

.anchor-block{    transform: rotate(-90deg); width: 100%;}
.anchor-block .date { transform: rotate(140deg);}

.Milestone { padding: 5px 0px 50px 0px;}
.Intro-team .team .block {float: left;width: 50%; max-width: 100%;margin-right: 0%;margin-bottom: 0%; height: 270px; padding: 0px 10px;}
.Intro-team .team .block .Text {font-size: 16px;}
.modal-board {position: fixed;top: 70px;overflow: scroll;}

.modal-box .cnImg{display: none}
.modal-box .cnDesc {width: 100%;padding: 55px 4% 5% 4%;}
.modal-box .cnDesc .text {font-size: 16px;line-height: 20px; margin-top: 15px;}
.slick-board .cnImg img { -webkit-filter: grayscale(0%);filter: grayscale(0%);}
.slick-board .cnImg::before{display: none}
	
#search-bar{width: 100%;padding: 5px;}
.icn-block-new .bg-photo .list-recog ul li {display: inline-block;width: 85%;background: #102E48;margin: 0%;min-height: 250px;vertical-align: top;margin-bottom: 10px;}
.icn-block-new .bg-photo {height: 100%;}
.icn-block-new {margin-bottom: 0px;}
.num-block { padding: 25px 0px;}
.num-block ul li .cnDesc {width: 70%;position: relative;right: -50px;}
.num-block ul li:first-child strong{ position: relative;left: -45px;}
.num-block ul li:last-child strong{    position: relative;left: -75px;}
.num-block ul li .num {font-size: 110px;}
.slick-board .cnText {display: none;}
.modal-close .close:before, .modal-close .close:after { background-color: #0A253A;}
.modal-close {right: 13%;}
.rate-info ul li {font-size: 13px;}
.tabs-accordion-dark-grey { padding: 13px 0px;}
.interactive-chart-filter-cn .companydropdown select{width:100%; border: 1px solid #E7EAEC;  margin-top: 10px;margin-bottom: 10px;border-left: 1px solid #E7EAEC;}
.interactive-chart-graph-cn { padding: 20px 20px 50px 20px;}
.body__table { width: 100% !important;} 
.listingLeft {width: 100%;}
.listingRight {width: 100%; padding-left: 0;}
.listingRight img {width: 100%; margin: 5% 0 0 0;}
.filtering input, .filtering select {margin: 0px 7px 12px 0px;}
.faq .accordion-body img{width:100% !important;height: auto !important;}
.publication-block .cnDesc {width: 100%; padding: 15px 0px;float: left; margin-left: 0;}
.video-gallery .video {width: 100%;}
.intro .sub-title h4 img{width: 100% !important;height: auto !important;}
	
.semyia-block-photo-text .cnRowContent .photo {width: 100%;margin-top: 15px;}
.semyia-block-photo-text .cnRowContent .content {width: 100%;padding-left: 0;padding-right: 0;}
	ul.calendar li { width: 100%; margin: 10px 0px;}
		.col-left {float: left;width: 100%;}
	.col-right {float: left;width: 100%; padding: 5%; margin-left: 0px;background: #0A253A; margin-top: 10px;}
		.contact-wrapper .google-map {  margin-top: 30px; margin-left: 0px; width: 100%;}
	.contact-wrapper .google-map iframe{width:100%}
	
	.body-text img{max-width:100%;    height: auto !important;}
	.simplePagerNav {bottom: -100px;}
	.Homepage-ads .cnleft .cnNews .cnslider .block .cnDesc .title {font-size: 14px;margin-bottom: 9px;}
	.cnNews .cnslider .block .cnDesc .txt {font-size: 12px;}
}

/* Medium Mobiles */
@media screen and (min-width: 480px) and (max-width: 639px){
.semyia-block-photo-text .cnRowContent .photo {width: 100%;margin-top: 15px;}
.semyia-block-photo-text .cnRowContent .content {width: 100%;padding-left: 0;padding-right: 0;}
	ul.calendar li { width: 100%; margin: 10px 0px;}
.core {margin-top: 70px;}
.core-homepage {margin-top: 70px;}
.cnt-1300 {width: 95%;}
.Homepage-banner .cnTitle {width: 100%;font-size: 25px;line-height: 27px;padding: 20px 0px 0px;}
.graph-status {margin-top: 15px; padding: 0px 10px;}
.Homepage-banner .graph-title {width: 100%;padding: 20px 10px;}
.Homepage-banner .graph-box {width: 100%;}
.Homepage-banner .graph-banner {width: 100%;}
.bottom-banner .align-right { width: 95%;float: right;}
.bottom-banner .align-right .block .title { font-size: 13px;text-align: left;width: 100%;}
.bottom-banner .align-right .block .market-slider {width: 100%;margin-left: 0px}
.bottom-banner .align-right .block .dem-slider {width: 100%;margin-left: 0px}
#return-to-top {bottom: 25px;right: 10px;width: 30px;height: 30px;}
/* footer */
footer .flex-container {display: block; padding: 30px 0px 0px 0px; text-align: center;}
footer .flex-item { flex: inherit;padding: 10px 0px;width: 100%; float: left;}
footer .copyright { text-align: center;}

.top-footer .cnleft {width: 100%; max-width: 100%; float: left;}
.top-footer .cnleft ul{    text-align: center;}
.top-footer .cnleft li {width: 32%;margin-right: 0%;margin-bottom: 6%;}
.top-footer .cnWrapper {position: relative;top: inherit;padding: 20px 0px;}

/* homepage-ads */
.Homepage-ads .cnleft { max-width: 100%;width: 100%;}
.Homepage-ads .cnleft .cnNews .slick-dots {bottom: -35px;left: 50%;transform: translate(-50%,0);}
.Homepage-ads .cnleft .cnNews {max-width: 100%;width: 100%;margin: 0px;}
.Homepage-ads .cnright {width: 100%;}
.Homepage-ads .cnright .ads-l {  margin-top: 60px;margin-left: 0;width: 100%;    height: auto;}
.ads-l .animate-img {left: -8px;top: -10px;width: 50%;}
.ads-l .cnImg .cnText .img { width: 145px;margin-bottom: 5px;}
.ads-l .cnImg .cnText .title {font-size: 16px;}
.ads-l .cnImg .cnText .sub-title {font-size: 15px;}
.ads-l .cnImg .cnText .button {margin-top: 20px;}
.ads-l .cnImg .ads-store {bottom: -8px;right: 8px;}
.ads-l .cnImg .ads-store .button {width: 80px;}
.ads-l .cnImg .cnText .button a {    padding: 7px 43px 7px 15px;font-size: 16px;}
.ads-l .cnImg .cnText {width: 53.619%; padding: 8px 0px;}
.Homepage-ads .cnright .ads-s {padding: 20px 0px;width: 100%;}
/* block-sample */
.search input {padding: 0 10px;}
.block-sample {padding: 25px 0px 0px 0px;}
.block-sample .cnWrapper{position: relative;}
.block-sample .cnright.cntitle{width: 100%;    float: left;} 
.block-sample .cnleft {width: 100%;float: left;padding: 75px 0px 0px 0px;}
.block-sample .cnright.cnSearch{ position: absolute;width: 100%;top: 25px;}
/*  dark-tab */
.tabs-accordion-dark .tab_content .tab-cnleft {width: 100%;padding: 20px 5px;}
.tabs-accordion-dark .tab_content .tab-cnright { width: 100%;}
.rate li {margin-right: 0%;width: 48%;margin-bottom: 10px}
.rate-info ul li .name {width: 50%;}
.rate-info ul li .price {width: 45%;}
.block-sample.full-width-acc .cnleft {padding: 20px 0px 0px 0px;}
.main-range-content {width: 100%;margin-bottom: 20px;}
.main-range-content .cnInner { float: initial;max-width: 100%;width: 95%;margin: 0 auto;}

.Search-bar .cnleft {width: 100%;display: inline-block;vertical-align: middle;text-align: left;}
.Tabs-head {padding: 14px 10px;}
.Search-bar .cnright {width: 100%;    margin-top: -15px;}
.Search-bar .cnright .search-bar-wrapper { width: 100%;}
.Search-bar .cnright .search-bar-wrapper .search-container {width: 100%; margin: 10px 0px;}
.Search-bar .cnright .title {margin-top: -14px;}

.filtering label { margin-right: 7px;width: 100%;float: left;margin-bottom: 13px;}
.filtering input, .filtering select { margin: 0px 4px; margin-bottom: 12px !important;   }

.body__table table { width: 100%;margin-left: 0px;}
.body__table td {padding-left: 15px;}
.body__table td:before { float: left;position: inherit;top: inherit;left: inherit; width: 100%; padding-right: 0px;white-space: inherit;content: attr(data-column);color: #000;font-weight: bold;word-wrap: break-word;font-size: 15px; line-height: 20px;margin-bottom: 10px;}
.body__table td, .body__tableth {font-size: 14px;}

.block-slide .cnleft { float: left;width: 100%; padding: 0px;}
.block-slide .cnicn {font-size: 18px;margin-right: 2px;margin-bottom: 14px;}
.block-slide .cnDesc {display: inline-block;vertical-align: top;margin-top: 4px;}
.block-slide .cnright {width: 100%;padding: 1px 0px;text-align: right;}
.block-slide .cnright .text {width: 100%;margin: 0px}
.block-slide .cnright .date {width: 100%;margin: 0px}
.block-slide .cnright .download {padding-top: 15px;}
.accordion-main .accordion-head { padding: 20px 25px 20px 0;height: auto; line-height: unset;}

.publication-block { width: 100%;float: left;margin: 25px 0px;}
.publication-block .cnImg { width: 50%;}
.publication-block .cnDesc {width: 100%;padding: 10px 0px;}
.publication-block .cnImg .download {display:none;}

.news-listing .news { width: 100%;}
.news-listing .news .cnImg {width: 100%;}
.news-listing .news .cnDesc {width: 100%;padding: 10px 0px;}
.news-details .cnWrapper {display: flex;flex-flow: column;}
.news-details .cnLeft {width: 100%;order: 2;}
.news-details .cnRight {width: 100%;order: 1;margin-bottom: 20px;}

.two-block .block {width: 100%;}
.two-block .block .cnImg {width: 100%;max-width: 100%;}
.two-block .block .cnDesc { width: 100%;padding: 25px 35px 25px 35px;}
.first-layer-icn ul li {width: 100%;}
.second-layer-icn ul li {margin: 0px;width: 100%;}
.second-layer-icn ul li .cnImg {width: 198px; margin: 0 auto;float: inherit;}
.second-layer-icn ul li .cnDesc {font-size: 18px;margin-left: 0px;margin-top: 30px;width: 100%;text-align: center;}
.num-block ul li {width: 100%;}
.floating-num ul li {width: 100%; margin: 4% 0%;}
.num-block ul li .num {font-size: 80px;}
.num-block ul li .cnDesc {width: 53%;margin-left: 13px;}


.Milestone {padding: 0px 0px 50px 0px;}
.Milestone .cnWrapper {display: flex;flex-flow: column;}
.Milestone .cnleft {width: 100%;order: 2;}
.Milestone .cnright {width: 100%;order: 1;margin-bottom: 2px;margin-left: 9%;}
.scroll__block--Img {width: 100%;}
.scroll__block--desc {float: left; width: 100%;}
.scroll__block--content:nth-child(odd){display: flex;flex-flow: column;}
.scroll__block--content:nth-child(odd) .scroll__block--Img{order: 1;}
.scroll__block--content:nth-child(odd) .scroll__block--desc{order: 2;}
.anchor-block{    transform: rotate(-90deg); width: 100%;}
.anchor-block .date { transform: rotate(140deg);}

.Intro-team .team .block {float: left;width: 50%; max-width: 100%;margin-right: 0%;margin-bottom: 0%; height: 290px; padding: 0px 10px;}
.Intro-team .team .block .Text {font-size: 16px;}

.modal-board {position: fixed;top: 70px;overflow: scroll;}
.modal-box .cnImg{display: none}
.slick-board .cnImg img { -webkit-filter: grayscale(0%);filter: grayscale(0%);}
.slick-board .cnImg::before{display: none}
.modal-box .cnDesc {width: 100%;padding: 55px 4% 5% 4%;}
.modal-box .cnDesc .text {font-size: 16px;line-height: 20px; margin-top: 15px;}

#search-bar{width: 100%;padding: 5px;}
.icn-block-new .bg-photo .list-recog ul li {display: inline-block;width: 85%;background: #102E48;margin: 0%;min-height: 250px;vertical-align: top;margin-bottom: 10px;}
.icn-block-new .bg-photo {height: 100%;}
.icn-block-new {margin-bottom: 0px;}
.num-block { padding: 25px 0px;}
.num-block ul li .cnDesc {width: 70%;position: relative;right: -50px;}
.num-block ul li:first-child strong{ position: relative;left: -45px;}
.num-block ul li:last-child strong{    position: relative;left: -75px;}
.num-block ul li .num {font-size: 110px;}
.slick-board .cnText {display: none;}
.modal-close .close:before, .modal-close .close:after { background-color: #0A253A;}
.modal-close {right: 13%;}
.rate-info ul li {font-size: 13px;}
.tabs-accordion-dark-grey { padding: 13px 0px;}
.interactive-chart-filter-cn .companydropdown select{width:100%; border: 1px solid #E7EAEC;  margin-top: 10px;margin-bottom: 10px;border-left: 1px solid #E7EAEC;}
.interactive-chart-graph-cn { padding: 20px 20px 50px 20px;}
.body__table { width: 100% !important;} 
.listingLeft {width: 100%;}
.listingRight {width: 100%; padding-left: 0;}
.listingRight img {width: 100%; margin: 5% 0 0 0;}
.filtering input, .filtering select {margin: 0px 7px 12px 0px;}
.faq .accordion-body img{width:100% !important;height: auto !important;}
.publication-block .cnDesc {width: 100%; padding: 15px 0px;float: left; margin-left: 0;}
.video-gallery .video {width: 100%;}
.intro .sub-title h4 img{width: 100% !important;height: auto !important;}
.Inner-banner .cnWrapper .title {bottom: 10px;}

	.col-left {float: left;width: 100%;}
	.col-right {float: left;width: 100%; padding: 5%; margin-left: 0px;background: #0A253A; margin-top: 10px;}
	.body-text img{max-width:100%;    height: auto !important;}
	.simplePagerNav {bottom: -100px;}
		.Homepage-ads .cnleft .cnNews .cnslider .block .cnDesc .title {font-size: 14px;margin-bottom: 9px;}
	.cnNews .cnslider .block .cnDesc .txt {font-size: 12px;}

	
}

/* Mobile Landscape - Small Tablets - Larger Mobiles */
@media screen and (min-width: 640px) and (max-width: 719px){
.Inner-banner .cnWrapper .title {bottom: 10px;}
.core {margin-top: 70px;}
.core-homepage {margin-top: 70px;}
.cnt-1300 {width: 95%;}
.Homepage-banner .cnTitle {width: 100%;font-size: 25px;line-height: 27px;padding: 20px 0px 0px;}
.Homepage-banner .graph-title {width: 100%;padding: 20px 20px;}
.Homepage-banner .graph-box {width: 100%;}
.Homepage-banner .graph-banner {width: 100%;}
.bottom-banner .align-right { width: 95%;float: right;}
.bottom-banner .align-right .block .title { font-size: 13px;text-align: left;width: 100%;}
.bottom-banner .align-right .block .market-slider {width: 100%;margin-left: 0px}
.bottom-banner .align-right .block .dem-slider {width: 100%;margin-left: 0px}
#return-to-top {bottom: 25px;right: 10px;width: 30px;height: 30px;}

/* footer */
footer .flex-container {display: block; padding: 30px 0px 0px 0px; text-align: center;}
footer .flex-item { flex: inherit;padding: 10px 0px;width: 100%; float: left;}
footer .copyright { text-align: center;}
.top-footer .cnleft {width: 100%; max-width: 100%; float: left;}
.top-footer .cnleft ul{    text-align: center;}
.top-footer .cnleft li {width: 32%;margin-right: 0%;margin-bottom: 6%;}
.top-footer .cnWrapper {position: relative;top: inherit;padding: 20px 0px;}

/* homepage-ads */
.Homepage-ads .cnleft { max-width: 100%;width: 100%;}
.Homepage-ads .cnleft .cnNews .slick-dots {bottom: -35px;left: 50%;transform: translate(-50%,0);}
.Homepage-ads .cnleft .cnNews {max-width: 100%;width: 100%;margin: 0px;}
.Homepage-ads .cnright { width: 100%;padding: 30px 0px;}

.ads-l .animate-img {left: -8px;top: -10px;width: 50%;}
.ads-l .cnImg .cnText .img { width: 145px;margin-bottom: 5px;}
.ads-l .cnImg .cnText .title {font-size: 16px;}
.ads-l .cnImg .cnText .sub-title {font-size: 15px;}
.ads-l .cnImg .cnText .button {margin-top: 20px;}
.ads-l .cnImg .ads-store {bottom: -8px;right: 8px;}
.ads-l .cnImg .ads-store .button {width: 80px;}
.ads-l .cnImg .cnText .button a {    padding: 5px 34px 5px 16px;font-size: 15px;}
.ads-l .cnImg .cnText {width: 48.619%; padding: 8px 0px;}

/* block-sample */
.search input {padding: 0 10px;}
.block-sample {padding: 25px 0px 0px 0px;}
.block-sample .cnWrapper{position: relative;}
.block-sample .cnright.cntitle{width: 100%;    float: left;} 
.block-sample .cnleft {width: 100%;float: left;padding: 75px 0px 0px 0px;}
.block-sample .cnright.cnSearch{ position: absolute;width: 100%;top: 25px;}
/*  dark-tab */
.tabs-accordion-dark .tab_content .tab-cnleft {width: 100%;padding: 20px 5px;}
.tabs-accordion-dark .tab_content .tab-cnright { width: 100%;max-width: 100%;}
.rate li {margin-right: 0%;width: 48%;margin-bottom: 10px}
.rate-info ul li .name {width: 50%;}
.rate-info ul li .price {width: 45%;}
.block-sample.full-width-acc .cnleft {padding: 20px 0px 0px 0px;}
.main-range-content {width: 100%;margin-bottom: 20px;}
.main-range-content .cnInner { float: initial;max-width: 100%;width: 95%;margin: 0 auto;}

.Search-bar .cnleft {width: 100%;display: inline-block;vertical-align: middle;text-align: left;}
.Tabs-head {padding: 14px 10px;}
.Search-bar .cnright {width: 100%;    margin-top: -15px;}
.Search-bar .cnright .search-bar-wrapper { width: 100%;}
.Search-bar .cnright .search-bar-wrapper .search-container {width: 100%; margin: 10px 0px;}
.Search-bar .cnright .title {margin-top: -14px;}

.filtering label { margin-right: 7px;width: 100%;float: left;margin-bottom: 13px;}
.filtering input, .filtering select { margin: 0px 4px; margin-bottom: 12px !important;   }

.body__table table { width: 100%;margin-left: 0px;}
.body__table td {padding-left: 15px;}
.body__table td:before { float: left;position: inherit;top: inherit;left: inherit; width: 100%; padding-right: 0px;white-space: inherit;content: attr(data-column);color: #000;font-weight: bold;word-wrap: break-word;font-size: 15px; line-height: 20px;margin-bottom: 10px;}
.body__table td, .body__tableth {font-size: 14px;}

.block-slide .cnright { margin-top: -10px;}
.block-slide .cnright .download {padding-top: 10px;}
.accordion-main .accordion-head { padding: 20px 25px 20px 0;height: auto; line-height: unset;}

.publication-block { width: 100%;float: left;margin: 25px 0px;}
.publication-block .cnImg { width: 20%;}
.publication-block .cnImg .download {display:none;}
.news-listing .news .cnDesc {width: 70%;}
.news-listing .news .txt {font-size: 13px;line-height: 18px;}

.two-block .block {width: 100%;}
.two-block .block .cnImg {width: 100%;max-width: 100%;}
.two-block .block .cnDesc { width: 100%;padding: 25px 35px 25px 35px;}


.Milestone {padding: 0px 0px 50px 0px;}
.Milestone .cnWrapper {display: flex;flex-flow: column;}
.Milestone .cnleft {width: 100%;order: 2;}
.Milestone .cnright {width: 100%;order: 1;margin-bottom: 2px;margin-left: 9%;}
.scroll__block--Img {width: 100%;}
.scroll__block--desc {float: left; width: 100%;}
.scroll__block--content:nth-child(odd){display: flex;flex-flow: column;}
.scroll__block--content:nth-child(odd) .scroll__block--Img{order: 1;}
.scroll__block--content:nth-child(odd) .scroll__block--desc{order: 2;}
.anchor-block{    transform: rotate(-90deg); width: 100%;}
.anchor-block .date { transform: rotate(140deg);}


.Intro-team .team .block {float: left;width: 33%; max-width: 100%; margin-right: 0%; margin-bottom: 0%; height: 270px; padding: 0px 10px;}
.Intro-team .team .block .Text {font-size: 16px;}

.modal-board {position: fixed;top: 70px;overflow: scroll;}
.modal-box .cnDesc {width: 70%;padding: 55px 4% 5% 4%;}
.modal-box .cnDesc .text {font-size: 16px;line-height: 20px; margin-top: 15px;}
.modal-box .cnImg { width: 25%; float: left;position: relative;left: 13px;top: 60px;}
.floating-num ul li {width: 100%; margin: 4% 0%;}
#search-bar{width: 100%;padding: 5px;}
.icn-block-new .bg-photo .list-recog ul li {display: inline-block;width: 85%;background: #102E48;margin: 0%;min-height: 250px;vertical-align: top;margin-bottom: 10px;}
.icn-block-new .bg-photo {height: 100%;}
.icn-block-new {margin-bottom: 0px;}
.num-block { padding: 25px 0px;}
.num-block ul li .cnDesc {width: 70%;position: relative;right: -50px;}
.num-block ul li:first-child strong{ position: relative;left: -45px;}
.num-block ul li:last-child strong{    position: relative;left: -75px;}
.num-block ul li .num {font-size: 110px;}
.slick-board .cnText {display: none;}
.modal-close .close:before, .modal-close .close:after { background-color: #0A253A;}
.modal-close {right: 13%;}
.rate-info ul li {font-size: 13px;}
.tabs-accordion-dark-grey { padding: 13px 0px;}
.interactive-chart-filter-cn .companydropdown select{width:100%; border: 1px solid #E7EAEC;  margin-top: 10px;margin-bottom: 10px;border-left: 1px solid #E7EAEC;}
.interactive-chart-graph-cn { padding: 20px 20px 50px 20px;}
.body__table { width: 100% !important;} 
.listingLeft {width: 100%;}
.listingRight {width: 100%; padding-left: 0;}
.listingRight img {width: 100%; margin: 5% 0 0 0;}
.filtering input, .filtering select {margin: 0px 7px 12px 0px;}
.faq .accordion-body img{width:100% !important;height: auto !important;}
.publication-block .cnDesc {width: 100%; padding: 15px 0px;float: left; margin-left: 0;}
.video-gallery .video {width: 100%;}
.intro .sub-title h4 img{width: 100% !important;height: auto !important;}

.semyia-block-photo-text .cnRowContent.f-right .content {padding-top: 10px;}		
.semyia-block-photo-text .cnRowContent .content {padding-top: 0px;}	
.semyia-block-photo-text .cnRowContent.f-right .photo {margin-top: 10px;}
.semyia-block-photo-text {padding: 10px 0px;}
ul.calendar li {float: left;margin-right: 0;width: 50%; margin: 10px 0px;}
	
	.col-left {float: left;width: 100%;}
	.col-right {float: left;width: 100%; padding: 5%; margin-left: 0px;background: #0A253A; margin-top: 10px;}
	.body-text img{max-width:100%;    height: auto !important;}
	.simplePagerNav {bottom: -100px;}

}

/* Ipad Portrait - Small Tablets */
@media screen and (min-width: 720px) and (max-width: 979px){
.graph-banner .block .name {font-size: 14px;}
.desktop{display: none}
.mobile-menu {display: block;}
#return-to-top{display: none !important}
.sticky-footer {background: transparent !important;}
header {height: 100px !important;}
.homepage-header {height: 100px !important;}
.homepage-header.shrink {height: 100px !important;}
.core-homepage {margin-top: 95px;}
.Homepage-banner .cnTitle { font-size: 22px;padding: 45px 0px 0px 15px;}	
.bottom-banner .align-right .block .market-slider {width: 95%;}
.bottom-banner .align-right .block .market-slider {width: 65%;}
.bottom-banner .align-right .block .dem-slider {width: 65%;}
.cnt-1300 {width: 97%;}
.top-footer .cnleft li {width: 20%;}
.cnbook .title {font-size: 12px;margin-bottom: 10px;}
.top-footer .cnright .address {font-size: 15px;line-height: 17px;}
	
.bottom-banner {padding: 30px 0px 40px 0px;}
.bottom-banner .align-right {width: 70%;}
.Homepage-ads .cnleft { width: 100%;}	
.Homepage-ads .cnright {width: 100%;margin-top: 29px;}
.Homepage-ads .cnleft .cnNews {margin-top: -50px;}
.ads-l .animate-img {left: -15px;top: -15px;}
.ads-l .animate-img img{ width: 85%;}
.ads-l .cnImg .cnText .img { width: 174px; margin-bottom: 1px;}
.ads-l .cnImg .ads-store .button {width: 101px;height: 30px;}
#search-bar{width: 100%;}
.rate-info {padding: 5px 0px 5px 0px;}
.rate li {margin-right: 7%;margin-bottom: 10px;}
.rate-info ul li .name {width: 100%;float: left;margin-bottom: 7px;}
.rate-info ul li .price {width: 100%;float: left;}
.main-range-content {width: 33.3333%; padding: 0px 10px;}
.range-block .title {font-size: 14px;}
.range-selector-content .main-range li.range-title {width: 55%;font-size: 12px;}
.range-progressive-left {width: 25%;font-size: 12px;}
.range-progressive-right {width: 70%; margin-left: 4%;}
	
.silder-tabs {width: 95%;}
.silder-tabs .slick-arrow { width: 25px; height: 25px;}
.silder-tabs .slick-prev.slick-arrow {background-size: 25px;top: 25px;}
.silder-tabs .slick-next.slick-arrow {background-size: 25px;bottom: 25px;}
.silder-tabs .slick-prev.slick-arrow:hover {background-size: 25px;}
.silder-tabs .slick-next.slick-arrow:hover{background-size: 25px !important;} 

.core {margin-top: 100px;}
.Inner-banner .cnWrapper .title {bottom: 35px;}
	
.two-block .block .cnDesc { padding: 10px 10px 10px 10px;}
.block .cnDesc .icn { width: 100px;}
.block .cnDesc .sub-title {font-size: 18px;padding: 15px 0px; line-height: 23px;}
.block .cnDesc .num {font-size: 16px;line-height: 16px;}
.two-block .block.two img{    width: 45px;}
.block .cnDesc .num strong {font-size: 30px;}
.icn-block-new .bg-photo .list-recog ul li {width: 25%;margin: 0 2%;}
.icn-block-new {margin-bottom: 120px;}
.num-block { padding: 40px 0px;}	
.num-block ul li {width: 45%;}
.num-block ul li .num {font-size: 70px;}
.floating-num ul li {margin: 10px 2%;}
.floating-num .cnWrapper {padding: 40px 2%;}
.anchor-block .date {font-size: 12px;}
.Milestone .cnright {width: 10.8461%;}
.index-description .body-text img{width:100% !important;height:auto !important}
.slick-board .cnText {line-height: 16px;padding: 5px;}
.slick-board .cnText .name {font-size: 18px;}
.slick-board .cnText .job-title {font-size: 15px; margin-top: 12px;}
.Intro-team .team .block {width: 20%; max-width: 275px;margin-right: 5%; margin-bottom: 0%;height: 290px;}
.Search-bar .cnright { margin-top: 5px;}
.Search-bar .cnright .search-bar-wrapper { margin-top: 7px; margin-bottom: 5px;}
.listingLeft { width: 100%;}
.body__table td {padding-left: 68% !important;}
.block-slide .cnleft {width: 60%;}
.block-slide .cnright {width: 40%;}
.block-slide .cnright .download {margin: 0px 0px;margin-top: 6px;}
.publication-block {width: 100%;margin: 10px 0px;padding: 20px;}
.video-gallery .video {width: 50%;}
.sub-title h4 p img{width: 100% !important;height: auto !important;}
.drop {top: 82px;right: 0px;}
.anchor-block .date {font-size: 14px;}
.Intro-team .team .block { width: 22%;margin-right: 3%;}
.listingRight {width: 38%;}	
.listingRight img {width: 100%;}
	
.semyia-block-photo-text .cnRowContent.f-right .content {padding-top: 10px;}		
.semyia-block-photo-text .cnRowContent .content {padding-top: 0px;}	
.semyia-block-photo-text .cnRowContent.f-right .photo {margin-top: 10px;}
.semyia-block-photo-text {padding: 10px 0px;}
ul.calendar li {float: left;margin-right: 0;width: 50%; margin: 10px 0px;}
	
	.col-right {width: 40%; padding: 5%; margin-left: 7%;}
	.contact-wrapper .google-map {margin-top: 30px; margin-left: -50px; width: 148%;}
	.contact-wrapper .google-map iframe{width:100%}
	
		
}

@media screen and (min-width: 980px) and (max-width: 1023px){
.cnt-1300 {width: 98%;}
.border-div {padding: 40px 4px 0px 4px;}
header .logo {width: 25.6923%;}
.contact--button {display: none;}
nav ul.main-ul {width: 100%;}
nav ul li.main-layer:first-child {width: 71px;}	
nav ul li.main-layer:nth-child(2) { width: 98px;}	
nav ul li.main-layer:nth-child(3) { width: 115px;}	
nav ul li.main-layer:nth-child(4) { width: 133px;}	
nav ul li.main-layer:nth-child(5) {width: 105px;}	
nav ul li.main-layer:last-child {width: 32px;}	
nav ul li.main-layer {font-size: 13px;}
.animate-img img{width: 75%;}	
.ads-l .animate-img { left: -16px;}
.ads-l .cnImg .cnText .img {margin-bottom: 4px;}	
.ads-l .cnImg .cnText .img {width: 117px;}	
.ads-l .cnImg .cnText .title {font-size: 12px;}
.ads-l .cnImg .cnText .sub-title {font-size: 12px;}
.ads-l .cnImg .cnText .button {margin-top: 12px;}
.ads-l .cnImg .ads-store .button {width: 89px;}
.silder-tabs {width: 95%;}
.num-block ul li .num {font-size: 90px;}
.block .cnDesc .sub-title {font-size: 21px;line-height: 20px;}
.two-block .block .cnDesc {padding: 11px 35px 0px 35px;}
.block .cnDesc .num strong {font-size: 35px;}
	
.semyia-block-photo-text .cnRowContent.f-right .content {padding-top: 20px;}		
.semyia-block-photo-text .cnRowContent .content {padding-top: 0px;}	
.semyia-block-photo-text .cnRowContent.f-right .photo {margin-top: 20px;}
.semyia-block-photo-text {padding: 20px 0px;}
.contact-wrapper .google-map {margin-top: 30px;margin-left: -98px;}
}

/*Ipad landscape*/
@media screen and (min-width: 1024px) and (max-width: 1199px){
	.nav {width: 68.3076%;}
	.slick-board .cnText .name { font-size: 22px; line-height: 24px; }
	.Intro-team .team .block {width: 20%;margin-right: 4%;}
	.cnt-1300 {width: 95%;}
	header .logo {width: 25%;}
	nav ul.main-ul {    width: 97%;float: left;}
	.contact--button { padding: 54px 0px 0px 0px; position: absolute;right: 0;z-index: 2;}
	nav ul li.main-layer {margin: 0px 0.1%;}
	nav ul li.main-layer:first-child {width: 75px;}
	nav ul li.main-layer:nth-child(2) {width: 104px;}
	nav ul li.main-layer:nth-child(3) {width: 126px;}
	nav ul li.main-layer:nth-child(4) { width: 144px;}
	nav ul li.main-layer:nth-child(5) {width: 116px;}
	nav ul li.main-layer:last-child { width: 35px;}
	.border-div {padding: 40px 3px 0px 3px;}
	.bottom-banner .align-right .block .market-slider {width: 75%;}
	.bottom-banner .align-right .block .dem-slider {width: 75%;}
	.bottom-banner .align-right {right: -4px;}
	.ads-l .animate-img {left: -13px;top: -9px;width: 185px;}
	.ads-l .cnImg .cnText .img {width: 130px;margin-bottom: 3px;}
	.ads-l .cnImg .cnText .button {margin-top: 10px;}
	.ads-l .cnImg .cnText .button a {padding: 5px 40px 3px 16px;font-size: 12px;}
	.ads-l .cnImg .ads-store .button {width: 80px;height: 23px;}
	.Homepage-ads .cnright {margin-top: -12px;}
	.rate-info ul li {padding: 15px 10px}
	.rate-info ul li .name {width: 65%;}
	.rate-info ul li .price {width: 35%;}
	.main-range-content {margin-right: 13px;}
	.silder-tabs {width: 95%;}
	.two-block .block .cnDesc {padding: 10px 10px 16px 11px;}
	.block .cnDesc .sub-title {font-size: 27px;padding: 12px 0px;line-height: 31px;}
	.block .cnDesc .num strong {font-size: 35px;}
	.block .cnDesc .num {font-size: 16px;line-height: 35px;}
	.num-block ul li .num {font-size: 90px;}
	.floating-num ul li {margin: 1% 2%;}
	.anchor-block .date {font-size: 15px;}
	.slick-board .cnText .job-title {font-size: 16px;}
	.listingRight {width: 38%;padding-left: 5%;}
.listingRight img {width: 100%;margin: 34% 0 0 0;}
.second-layer a {    height: 42px;font-size: 12px;padding: 8px 0px;}
.drop { top: 81px;right: 0px;}
.header .logo {width: 30.6923%;}

}
/* laptops 13inch */
@media only screen and (min-width: 1200px) and (max-width: 1366px){
	.cnt-1300 { width: 95%;}
	nav ul li.main-layer:last-child {width: 45px;}
	
	/*header*/
	header .logo {width: 30.6923%;}
	nav ul li.main-layer { font-size: 13px;margin: 0px ;}
	.bottom-banner .align-right .block .market-slider { width: 80.25%;}
	.bottom-banner .align-right .block .dem-slider {width: 80.25%;}
	.bottom-banner .align-right .block .dem-slider {width: 80.25%;}
	.slick-slider .icn { width: 6px;background-size: 6px;}
	.bottom-banner .slide .sep { margin-left: 1px;}
	.ads-l .animate-img {left: -20px;top: -6px; width: 50%;}
	.ads-l .cnImg .cnText .img {margin-bottom: 7px;}
	
	/*homepage*/
	.silder-tabs-container {padding: 20px 10px;}
	.silder-tabs {width: 95%;}
	.silder-tabs::before {right: -35px;}
	.range-selector-content .main-range li {margin-right: 20px;}
	.range-progressive-left {font-size: 12px;}
	.range-block .title {font-size: 15px;}
	.range-selector-content .main-range li.range-title {font-size: 12px;}
	
	/*footer*/
	.top-footer .cnleft li {margin-right: 1%;}
	
	/*faq*/
	.block .cnDesc .sub-title {font-size: 24px; line-height: 24px;}
	.block .cnDesc .num {font-size: 15px;line-height: 30px;}
	.block .cnDesc .num strong { font-size: 38px;}

	.slick-board .cnText .name { font-size: 20px; }
	.Intro-team .team .block {margin-right: 1%;    width: 24%;}

	nav ul li.main-layer:nth-child(4) {width: 145px;}
	nav ul li.main-layer:nth-child(5) {width: 120px;}
	.drop {top: 82px;}
	.num-block ul li .num {font-size: 110px;}
	.anchor-block .date {font-size: 16px;}
	.listingRight {width: 35%;}
	.listingRight img {width: 100%;}
	.second-layer a {font-size: 14px;}


}


@media only screen and (min-width: 1366px) and (max-width: 1400px){
nav ul.main-ul {position: relative;float: right;width: 86.5706%;}
.drop {right: 0px;}

}