
@media all and (max-width:1800px) {
.em .banner::before {
	top: -30%;
}
}

@media all and (max-width:1600px) {
.em .banner::before {
	top: -43%;
}
}

@media all and (max-width:1350px) {
.em .banner::before {
	height: 120%;
}
.em .right-banner {
	width: 56%;
	top: 62px;
	right: 0;
}
.em .top-banner {
	padding: 60px 0;
}
}

@media all and (max-width:1250px) {
.em .sec3_slider {
	padding: 0 60px;
}
.em .section3 .slick-arrow, .em .section4 .slick-arrow, .em .section5 .slick-arrow {
	left: 0;
}
.em .section3 .slick-next, .em .section4 .slick-next {
	right: 0;
	left: inherit;
}
.em .section3 .slick-arrow, .em .section4 .slick-arrow, .em .section5 .slick-arrow {
	width: 35px;
	height: 35px;
	background-size: 35px;
}
.em .section5 .slick-list {
	padding: 0 0 !important;
}
.em .top-s5 {
	padding: 0 60px;
}
.em .section5 .slick-arrow {
	left: -60px !important;
}
.em .section5 .slick-next {
	right: -60px;
	left: inherit !important;
}
}

@media all and (max-width:1200px) {
.em .main {
	padding: 0 20px;
}
.em .banner::before {
	-webkit-transform: rotate(35deg);
	-moz-transform: rotate(35deg);
	transform: rotate(48deg);
	top: -53%;
}
.em h2, .em h2 div {
	font-size: 36px;
}
.em h4, .em h4 div {
	font-size: 20px;
}
.em .left-banner ul {
	padding-top: 12px;
}
.em .left-banner .btn-area {
	padding-top: 6px;
}
.em h3, .em h3 div {
	font-size: 28px;
}
}
@media all and (max-width:1050px) {
.em .section5 .border-s5{min-height:inherit !important;}	
}


@media all and (max-width:1024px) {
.em .left-banner {
	width: 48%;
}
.em .right-banner {
	width: 50%;
	top: 22%;
	right: 0;
	bottom: 0;
}
.em .top-banner {
	padding: 45px 0;
}
.em .padd-bottom {
	padding: 40px 0;
}
.em .mktoForm .mktoFormRow {
	padding: 0 10px !important;
	width: 50% !important;
}
.em .mktoForm .mktoFormRow:nth-child(2), .em .mktoForm .mktoFormRow:nth-child(3), .em .mktoForm .mktoFormRow:nth-child(4) {
	width: 50% !important;
	margin-right: 0 !important;
}
.em .mktoForm .mktoButtonRow {
	width: 50% !important;
	margin-top: 0 !important;
	padding: 0 10px !important;
}
.em .section5 .border-s5 .txt1 {
	min-height: inherit !important;
	height: auto !important;
}	
}

@media all and (max-width:900px) {
.em h2, .em h2 div {
	font-size: 31px;
}
.em .banner::before {
	top: -58%;
}
.em .left-header img {
	max-width: 140px;
}
.em header {
	padding: 18px 0;
	border-bottom: 6px solid #c1cccd;
}
.em .txt1 div {
	font-size: 14px;
}
.em h3, .em h3 div {
	font-size: 25px;
}
.em .txt2 div {
	font-size: 13px;
}
.em h5, .em h5 div {
	font-size: 18px;
}
}

@media all and (max-width:767px) {
.em .banner::before {
	display: none;
}
.em .right-banner {
	width: 100%;
	top: inherit;
	right: inherit;
	bottom: inherit;
	position: relative;
	text-align: center;
}
.em .right-banner img {
	max-width: 500px;
	width: 100%;
}
.em .top-banner {
	padding: 30px 0;
}
.em .left-banner {
	width: 100%;
}
.em h2, .em h2 div {
	font-size: 29px;
}
.em .left-banner ul li {
	font-size: 15px;
	padding-bottom: 13px;
}
.em .left-banner .btn-area {
	margin: 0 auto;
	text-align: center;
}
.em .section1 ul li {
	width: 31%;
	margin-right: 3%;
}
.em .section1 .btn-area a, .em .section5 .btn-area a {
	font-size: 14px;
	padding: 7px 20px;
}
.em .left-banner .btn-area a {
	padding: 9px 28px;
	font-size: 14px;
}
.em .section2 h3 {
	padding-bottom: 10px;
}
.em .section2 .txt1 div {
	padding-bottom: 10px;
}
.em h3, .em h3 div {
	font-size: 22px;
}
.em .section3 .slick-arrow, .em .section4 .slick-arrow, .em .section5 .slick-arrow {
	width: 28px;
	height: 28px;
	top: 50%;
	background-size: 28px;
}
.em .sec3_slider {
	padding: 0 40px;
}
.em .area {
	height: 110px;
	width: 110px;
}
.em .sec4_slider {
	padding: 0 40px;
}
.em .slick-list {
	padding: 20px 0 10px !important;
}
.em .top-s5 {
	padding: 0 40px;
}
.em .section5 .slick-arrow {
	left: -40px !important;
}
.em .section5 .slick-next {
	right: -40px;
	left: inherit !important;
}
.em .section5 .border-s5 {
	padding: 15px 15px;
}
.em .right-inner-bottom img {
	width: 50px;
}
.em .right-inner-bottom, .right-inner-bottom iframe {
	height: 158px;
}
.em .txt-s5 {
	padding-top: 14px;
}
.em .bottom-ftr ul li {
	padding-right: 12px;
}
.em .bottom-ftr ul li::before {
	right: 3px;
}
.em footer {
	padding: 28px 0;
}
.em .video-control {
	top: 38%;
}
.em .section5 h5 {
	padding-top: 12px;
}
.em .section5 .border-s5 .btn-area {
	padding-top: 15px;
}
.em .btn-area a {
	font-size: 14px;
}
.em .section3 .slick-arrow, .em .section4 .slick-arrow, .em .section5 .slick-arrow {
	top: 42%;
}	
}

@media all and (max-width:640px) {
.em .left-header img {
	max-width: 120px;
}
.em h4, .em h4 div {
	font-size: 18px;
}
.em h2, .em h2 div {
	font-size: 27px;
}
.em .section1 ul li {
	width: 100%;
	margin-right: 0;
	margin-bottom: 30px;
}
.em .section1 ul li:last-child {
	margin-bottom: 0;
}
.em .section1 ul {
	padding-top: 25px;
	margin: 0 auto;
	max-width: 300px;
}
.em .section1 .txt1 {
	padding-top: 15px;
}
.em .txt1 div.btn-area {
	padding-top: 15px;
}
.em .padd-bottom {
	padding: 32px 0;
}
.em .bottom-ftr ul li {
	padding-right: 12px;
	margin-bottom: 5px;
}
.em .mktoForm .mktoFormRow:nth-child(2), .em .mktoForm .mktoFormRow:nth-child(3), .em .mktoForm .mktoFormRow:nth-child(4) {
	width: 100% !important;
	margin-right: 0 !important;
}
.em .mktoForm .mktoFormRow {
	padding: 0 0 !important;
	width: 100% !important;
}
.em .mktoForm .mktoButtonRow {
	width: 100% !important;
	padding: 0 0px !important;
}
	.em .section5 .border-s5{height:auto !important;}	
}

@media all and (max-width:600px) {
}

@media all and (max-width:480px) {
.em .left-header img {
	max-width: 100px;
}
.em .left-header {
	width: 40%;
}
.em .right-header {
	width: 60%;
	padding-top: 2px;
}
.em .btn-area a {
	font-size: 12px;
	padding: 10px 10px;
}
.em h2, .em h2 div {
	font-size: 23px;
}
.em h2, .em h2 div {
	font-size: 23px;
}
.em .left-banner ul {
	padding-top: 8px;
}
.em h3, .em h3 div {
	font-size: 21px;
}
.em .section5 .border-s5 {
	margin: 0 5px !important;
}
.em .section5 .slick-arrow {
	left: -40px !important;
}
.em .section5 .slick-next {
	right: -40px;
	left: inherit !important;
}
.em .top-s5 {
	padding: 0 30px;
}
.em .section4 .slick-list {
	padding: 10px 0 0 !important;
}
.em .section4 .slick-arrow, .em .section3 .slick-arrow {
	top: 43%;
}
.em .bottom-ftr ul li a, .em .bottom-ftr ul li div {
	font-size: 13px;
}
.em .right-inner-bottom, .right-inner-bottom iframe {
	height: 134px;
}
.em .right-inner-bottom img {
	width: 40px;
}
.em .mktoForm {
	padding: 0 !important;
}
}
