.showTell { position: relative; width: 100%; height: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; }
.showTell_app_section { position: relative; height: 800px !important; margin: 0 auto; max-width: 1350px;padding-top: 100px; }
.labtopSec .slick-dots { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; top: 0; position: absolute; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; z-index: 9 }
.labtopSec .slick-dots span { display: inline-block; width: 10px; height: 10px; margin: 0 5px; cursor: pointer; background-color: #d0d4d2; border-radius: 50%; }
.labtopSec .slick-dots .slick-active span { background-color: #07ae4f; }
.hwMobileSec { position: relative; left: 0; top: 0; height: 100%; width: 100%; }
.hwMobile { position: absolute; top: 9%; left: 0; width: 611px; z-index: 1; height: auto;    transform: scale(.7); }
.hwSlide1 { position: absolute;top: 44px;left: 1px; width: 437px;height: 475px;}
.hwSlide2 { position: absolute;top: 31px;left: 168px; width: 466px; height: 497px; }
.hwSlide3 {position: absolute;top: 1px;left: 302px;width: 557px;height: 650px; }
.hw_arrow_blue {position: absolute; bottom: 66px;right: auto;left: 120px;}
.hwShare { position: absolute;left: auto;top: auto; right: auto; bottom: -351px;width: 316px;height: 116px;background: url(../images/mid_arrow.png) no-repeat;background-size: 316px 116px; background-position: right top; }
.hwShareMob { display: none }
.hw_video_layer { position: absolute; top: -110px; right: 130px; z-index: 99999999; }
.hw_arrow_red {position: absolute;top: 40px; left: 96px;}
.hw_audio_layer {position: absolute;top: 39px; right: 288px; z-index: 999999; }
.hw_user_layer { position: absolute;top: 84px;right: 345px; max-width: 85px; }
.labtopSec { width: 600px;height: 350px; background: url(../images/labtop_web.png) no-repeat center center; background-size: contain; position: absolute; right: 0%;top:125px;}
.video_gif { border-radius: 100px; overflow: hidden; border: 1px solid #666; left: 15%; top: 13%; position: absolute; width: 50px; height: 50px; }
.video_gif img { width: 100%; }
.labtop_frame { position: absolute; top: 26px; left: 100px; width: 425px; height: 246px; }
.lab_ST_top_layer { position: absolute; width: 100%; height: 100%; }
#labtopSlider.labtop_slider { position: absolute; top: 1px; left: -1px; width: 100%; height: 100%; }
#labtopSlider .slick-list, #labtopSlider .slick-track, #labtopSlider .webImg { width: 100%; height: 100%; }
#labtopSlider .slick-dots span { width: 3px; height: 3px; }
.webImg img { width: auto; height: inherit; margin: auto; }
.lab_ST_top_layer img { width: 100%; height: auto; }
.mobileSec { width: 350px; height: 525px; background: url(../images/mobile_web.png) no-repeat center center; background-size: contain; position: absolute; right: -0%; bottom: -15%; }
.mobileSec .video_gif { width: 75px; height: 75px; left: 0; top: 13%; right: 0; }
.mob_frame { position: absolute; top: 30px; left: 64px; width: 221px; height: 475px; }
.mobImg img { width: 100%; height: auto; margin: auto; }
#mobSlider.mob_slider { position: absolute; top: 0; left: 0px; width: 100%; height: 100%; }
.mob_ST_top_layer, .mob_ST_top_layer img, .mobImg { width: 100%; height: 100%; position: relative; }
.mobImg img { width: 100%; height: auto; position: absolute; top: 0; bottom: 0; margin: auto }
#mobSlider .slick-list, #mobSlider .slick-track, #mobSlider { width: 100%; height: 100%; }
#mobSlider .slick-dots span { width: 3px; height: 3px; }
#mobSlider .slick-dots { top: 10% }
.share_text {color: #000;font-size: 14px;font-weight: bold;text-align: center;position: absolute;left: -177px;right: 0;bottom: 17%;margin-right: 0px;z-index: 111;}
/* Slick Slider */
.slick-slider { position: relative; display: block; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }
.slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; }
.slick-list:focus { outline: none; }
.slick-list.dragging { cursor: pointer; cursor: hand; }
.slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.slick-track { position: relative; top: 0; left: 0; display: -webkit-box; display: -ms-flexbox; display: flex; margin-left: auto; margin-right: auto; }
.slick-track:before, .slick-track:after { display: table; content: ''; }
.slick-track:after { clear: both; }
.slick-loading .slick-track { visibility: hidden; }
.slick-slide { display: none; float: left; height: 100%; min-height: 1px; }
[dir='rtl'] .slick-slide { float: right; }
.slick-slide img { display: block; }
.slick-slide.slick-loading img { display: none; }
.slick-slide.dragging img { pointer-events: none; }
.slick-initialized .slick-slide { display: block; }
/* Slick Slider */
/* Animation */
.animated { -webkit-animation-duration: 0.5s; -webkit-animation-fill-mode: both; animation-duration: 0.5s; animation-fill-mode: both }
.animated.infinite { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite }
@-webkit-keyframes fadeIn { from {
 opacity: 0;
}
to { opacity: 1; }
}
 @keyframes fadeIn { from {
 opacity: 0;
}
to { opacity: 1; }
}
.fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; }
 @-webkit-keyframes AnihwSlide2 { from {
 -webkit-transform: translate(-55px, -10px) scale(0.9);
 transform: translate(-55px, -10px) scale(0.9);
 opacity:0
}
to { -webkit-transform: translate(0, 0) scale(1); transform: translate(0, 0) scale(1); opacity: 1 }
}
 @keyframes AnihwSlide2 { from {
 -webkit-transform: translate(-55px, -10px) scale(0.9);
 transform: translate(-55px, -10px) scale(0.9);
opacity:0
}
to { -webkit-transform: translate(0, 0) scale(1); transform: translate(0, 0) scale(1); opacity: 1 }
}
.AnihwSlide2 { -webkit-animation-name: AnihwSlide2; animation-name: AnihwSlide2; }
 @-webkit-keyframes AnihwSlide3 { from {
 -webkit-transform: translate(-70px, 26px) scale(0.9);
 transform:translate(-70px, 26px) scale(0.9);
 opacity:0
}
to { -webkit-transform: translate(0, 0) scale(1); transform: translate(0, 0) scale(1); opacity: 1 }
}
 @keyframes AnihwSlide3 { from {
 -webkit-transform: translate(-70px, 26px) scale(0.9);
 transform: translate(-70px, 26px) scale(0.9);
opacity:0
}
to { -webkit-transform: translate(0, 0) scale(1); transform: translate(0, 0) scale(1); opacity: 1 }
}
.AnihwSlide3 { -webkit-animation-name: AnihwSlide3; animation-name: AnihwSlide3; }
 @-webkit-keyframes AniAudio { from {
 -webkit-transform: translate(45px, -56px) scale(1.24);
transform: translate(45px, -56px) scale(1.24);
 opacity:0
}
to { -webkit-transform: translate(0, 0) scale(1); transform: translate(0, 0) scale(1); opacity: 1 }
}
 @keyframes AniAudio { from {
 -webkit-transform: translate(45px, -56px) scale(1.24);;
transform: translate(45px, -56px) scale(1.24);
opacity:0
}
to { -webkit-transform: translate(0, 0) scale(1); transform: translate(0, 0) scale(1); opacity: 1 }
}
.AniAudio { -webkit-animation-name: AniAudio; animation-name: AniAudio; }
 @-webkit-keyframes AniUser { from {
 -webkit-transform: translate(45px, -56px) scale(1.24);
transform: translate(45px, -56px) scale(1.24);
 opacity:0
}
to { -webkit-transform: translate(0, 0) scale(1); transform: translate(0, 0) scale(1); opacity: 1 }
}
 @keyframes AniUser { from {
 -webkit-transform: translate(45px, -56px) scale(1.24);;
transform: translate(45px, -56px) scale(1.24);
opacity:0
}
to { -webkit-transform: translate(0, 0) scale(1); transform: translate(0, 0) scale(1); opacity: 1 }
}
.AniUser { -webkit-animation-name: AniUser; animation-name: AniUser; }
 @-webkit-keyframes AniShare { from {
 width: 0;
}
to { width: 837px; }
}
 @keyframes AniShare { from {
 width: 0;
}
to { width: 837px; }
}
.AniShare { -webkit-animation-name: AniShare; animation-name: AniShare; }
 @-webkit-keyframes AniShareMob { from {
 height: 0;
}
to { height: 882px; }
}
 @keyframes AniShareMob { from {
 height: 0;
}
to { height: 882px; }
}
.AniShareMob { -webkit-animation-name: AniShareMob; animation-name: AniShareMob; }
.hw_delay1 { -webkit-animation-delay: 0.5s; animation-delay: 0.5s; }
.hw_delay2 { -webkit-animation-delay: 0.9s; animation-delay: 0.9s; }
.hw_delay3 { -webkit-animation-delay: 1.3s; animation-delay: 1.3s; }
.hw_delay4 { -webkit-animation-delay: 1.7s; animation-delay: 1.7s; }
.hw_delay5 { -webkit-animation-delay: 2.1s; animation-delay: 2.1s; }
.hw_delay6 { -webkit-animation-delay: 2.5s; animation-delay: 2.5s; }
.hw_delay7 { -webkit-animation-delay: 2.9s; animation-delay: 2.9s; }
.hw_delay8 { -webkit-animation-delay: 3.3s; animation-delay: 3.3s; }

/*Media Querys*/
@media screen and (min-width:1920px){
  .app-edu-footer-section {
    padding-top: 188px;
    background-position: 0px 0px;
    background-size: 100% 100%;
}
  .hwMobile{
    position: absolute;
    top: 1vw;
    left:-3vw;
    width: 611px;
    z-index: 1;
    height: auto;
    transform: scale(.65);
  }
  .labtopSec{
    right: 4%;
  }
  .mobileSec{
    bottom: -27%;
  }
  .hwShare{
    right: -392px;
  }
  .mob_frame {
    position: absolute;
    top: 33px;
    left: 87px;
    width: 181px;
    height: 404px;
  }
  .showTell_app_section{
    height: 710px !important;
  }
}
@media only screen and (min-width: 1651px) and (max-width: 1920px){
.hwShare{left: 698px; height: 290px;bottom: -519px;}
.mob_frame {
  position: absolute;
  top: 32px;
  left: 88px;
  width: 180px;
  height: 403px;
}
}
@media screen and (max-width:1650px) {
.showTell_app_section { max-width: 1440px; height: 650px !important; }
.hwMobile { top: 9%; left: 10%; -webkit-transform: scale(0.65); transform: scale(0.65); -webkit-transform-origin: top left; transform-origin: top left; }
.labtopSec { width: 600px; height: 350px;top: 102px;right: 2%; }
.video_gif { width: 50px; height: 50px; }
.mobileSec .video_gif { width: 65px; height: 65px; }
.labtop_frame { top: 28px; left: 83px; width: 434px; height: 246px; }
.mobileSec { width: 350px; height: 500px; }
.mob_frame {top: 25px;left: 85px; width: 184px;height: 395px; }
.home_labtop { -webkit-transform: scale(0.78); transform: scale(0.78) }
.hwShare{ right: -430px; height: 116px;}
}

@media screen and (max-width:1450px) {
.showTell_app_section { max-width: 1340px; height: 630px !important; }
.labtopSec { width: 510px;height: 310px;top: 85px; right: 8%;}
.video_gif { width: 50px; height: 50px; }
.mobileSec .video_gif { width: 55px; height: 55px; left:10px; }
.labtop_frame {top: 29px;left: 72px; width: 366px;height: 210px; }
.mobileSec { width: 270px; height: 400px; }
.mob_frame {top: 22px;left: 67px;width: 140px;height: 306px; }
.hwMobile { top: -4vw; left: 4%; -webkit-transform: scale(0.65); transform: scale(0.65); -webkit-transform-origin: top left; transform-origin: top left; }
.home_showsec { max-width: 700px; }
.share_text {position: absolute;left: -58px;right: 0;bottom: 19%;}
}
@media screen and (min-width:1651px) {
  .labtop_frame{
    top: 28px;
      left:84px;
  }
}
@media screen and (max-width:1370px) {
.showTell_app_section { max-width: 1240px; }
.labtopSec { width: 510px; height: 310px; right: 5%; }
.labtop_frame { top: 30px; left: 71px; width: 367px; height: 208px; }
.mobileSec { width: 270px; height: 400px; }
.mob_frame { top: 22px;left: 67px;width: 140px; height: 306px;}
.hwMobile { top: -4vw; left: 0;-webkit-transform: scale(0.65); transform: scale(.65); -webkit-transform-origin: top left; transform-origin: top left; }
}

@media screen and (max-height:950px) and (max-width:1450px) {
}
@media screen and (max-height:800px) and (max-width:1450px) {
.hor_arrow { width: 60%; }
.showTell_app_section { height: 640px !important; }
}

@media screen and (max-height:800px) and (max-width:1370px) {
.showTell_app_section { height: 550px !important; }
}

@media screen and (max-height:700px) and (max-width:1370px) {
.home_labtop { -webkit-transform: scale(0.72); transform: scale(0.72); }
}

@media screen and (max-width:1300px) {
}

@media screen and (max-width:1280px) {
}

@media screen and (max-width:1230px) {
.hwMobile { top: 8%; left: 7%; -webkit-transform: scale(0.68); transform: scale(0.68); -webkit-transform-origin: top left; transform-origin: top left; }
.labtopSec { width: 450px; height: 320px; }
.labtop_frame { top: 16px; left: 57px; width: 288px; height: 162px; }
.mobileSec { width: 230px; height: 330px; bottom: -5%; }
.mob_frame { top: 17px; left: 34px; width: 122px; height: 261px; }
.mobileSec .video_gif { width: 60px; height: 60px; }
}

@media screen and (max-width:1150px) {
.showTell_app_section { max-width: 1150px; }
.labtopSec { width: 450px; height: 320px; }
.labtop_frame { top: 16px; left: 57px; width: 288px; height: 162px; }
.mobileSec { width: 230px; height: 350px; bottom: -5%; }
.mob_frame { top: 17px; left: 34px; width: 122px; height: 261px; }
.mobileSec .video_gif { width: 60px; height: 60px; }
}

@media screen and (width:1024px) {
.labtopSec{top:137.5px;}
.hwMobileSec{top:10px;}
.app-edu-banner-text h1 {font-size: 60px;font-weight: 700;padding-bottom: 25px;padding-top: 30px;}
.showTell_app_section { margin: 0 20px; padding-top: 60px;}
.labtopSec { width: 420px; height: 240px; right: 2%; }
.labtop_frame { top: 16px; left: 61px; width: 302px; height: 171px; }
.video_gif { width: 35px; height: 35px; }
.mobileSec { width: 230px; height: 323px; bottom: -15%; }
.mob_frame { top: 13px;left: 57px; width: 116px;height: 258px;}
.mobileSec .video_gif { width: 55px; height: 55px; top: 18%; margin: auto;}
.hwMobile { -webkit-transform: scale(0.55);transform: scale(0.55);-webkit-transform-origin: top left; transform-origin: top left;top: 26%; left: 1%; }
.home_showsec { max-width: 620px; margin: auto; }
#labtopSlider.labtop_slider{top: 2px;left: -2px;}
.home_labtop { -webkit-transform: scale(1); position: relative; transform: scale(1); height: 72%; }
}

@media screen and (max-width:1023px) {
}
  
/*IPAD*/
/* Portrait */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 1) {
.labtopSec {top: 72px !important;}
.share_text {top: -40px !important;font-size: 12px !important;left: -40px !important;} 
}

/* Landscape */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: landscape) 
  and (-webkit-min-device-pixel-ratio: 1) {
.share_text {position: absolute;left: -58px;right: 0;bottom: 35%;}	  
}

@media screen and (width:812px) and (orientation:portrait) {	
.home_showsec{max-width:100% !important;}	
}

@media screen and (width:724px) and (orientation:portrait) {	
.home_showsec{max-width:100% !important;}
}

@media screen and (max-width:768px) and (orientation:portrait) {
.showTell_app_section { height: 810px !important; margin: 0 15px; }
.app-edu-about-section{padding: 0;}
.for_buisness_row{ padding: 40px 0 0 0;}
#stage{ padding: 60px 0 0;}
.no-pad-mob{ margin-top:40px;}
.txtCaptcha{ font-size: 15px;}
.showTell_contact_section { padding: 0 15px; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; }
.app-edu-banner-text h1 {font-size: 50px;}
.showTell_howit_section, .showTell_stage_section { padding-top: 65px; }
.labtopSec { top: 70px; right: 0; margin: auto; left: 0; width: 320px; height: 250px; }
.labtop_frame { top: 46px;left: 45px;width: 230px; height: 131px; }
.mobileSec { width: 170px; height: 250px;bottom: -5%;right: -5%; }
.mob_frame { top: 14px;left: 42px;width: 88px; height: 197px; }
.video_gif { width: 30px; height: 30px; }
.mobileSec .video_gif { width: 40px; height: 40px; top:18%; margin: auto; }
#mobSlider .slick-dots { top: 4%; }
.hwMobile { position: absolute; top: 13.5%; left: 5%; -webkit-transform: scale(0.4); transform: scale(0.4); -webkit-transform-origin: top left; transform-origin: top left; }
.hwShare { display: none; }
.hwShareMob { position: absolute;left: 360px; top: 558px; width: 186px; height: 552px; background: url(../images/hwShareMob.png) no-repeat;background-size: 166px 477px; display: block; }
.home_labtop { height: 60%; -webkit-transform: scale(1.15); transform: scale(1.15); }
.share_text {top: 15px;bottom: 0;margin: auto; height: 50px;font-size: 12px;left: 45px;}
}

/* ----------- iPhone X ----------- */
/*Portrait*/
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 812px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: portrait) { 
.app-edu-banner-text h1 {font-size: 30px;}	
.showTell_app_section{padding-top: 0px;}
.labtopSec {top: 500px;}
}

/* Landscape */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 812px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: landscape) { 
.showTell_app_section{padding-top: 0px;}
.labtopSec {top: 38px; right: 35px;}
.share_text {bottom: 40%;font-size: 11px;}
}

@media screen and (device-width: 1024px) and (device-height: 1366px) {
}

@media screen and (device-width: 1024px) and (device-height: 768px) { 
}

@media screen and (max-width: 1023px) {
  .app-edu-about-text {
      padding-top: 0px;
  }
}

@media screen and (max-width: 991px) { 
.app-edu-banner-text h1 {font-size: 30px;}
.app-edu-banner-text p {font-size: 18px;}	
.showTell_app_section{padding-top: 0px;}
.labtopSec {top: 40px;}
}

@media screen and (max-width: 767px) {
  .app-edu-about-list li{     padding-left: 25px;}
}
@media screen and (max-width: 506px) { 
  .copyright-menu,
  .copyright-text {
      float: left !important;
    }
    .app-edu-footer-copyright {
      padding-bottom: 10px;
  }
  .copyright {
    padding: 10px 0 0;
  }
}
@media screen and (max-width: 414px) { 
  .thanks_content {
    max-width: 300px;
    height: 120px;
  }
 
}

@media screen and (device-width: 768px) {
  #txtCompare{
    max-width:210px;
  }
}

@media screen and (max-width: 1023px) and (orientation: landscape) {
  .for_buisness_row{
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }
  .captcha-group {
    margin-left: -11px;
}
  .app-edu-about-img img{
    width: 90% !important;
}
    .business_image_section {
      width: 50%;
      text-align: center !important;
      margin: 0;
      margin-top: 50px;
  }
  .app-edu-scrollup{
    bottom: 70px
  }
}

@media screen and (device-width: 1366px) and (orientation: landscape) {
}

@media screen and (max-width:400px) and (orientation:portrait) {
.home_labtop { height: 60%; -webkit-transform: scale(1); transform: scale(1); }
}

@media screen and (width:768px) and (orientation:portrait) {
showTell_howit_section{ padding-top: 0px; }
/* .captcha-group {margin-left: -54px;} */
.showTell_app_section { height: 450px !important; padding-top: 0px; }
.labtopSec {width: 320px;height: 183px;left: unset;}
.labtop_frame { top: 13px; left: 46px; width: 230px; height: 130px; }
.video_gif { width: 30px; height: 30px; border: 1px solid #03ae4f; }
.mobileSec { width: 170px; height: 230px; bottom: -12%; }
.mob_frame { top: 5px;left: 44px;width: 86px; height: 191px;}
.mobileSec .video_gif { width: 35px; height: 35px; }
#mobSlider .slick-dots span, #labtopSlider .slick-dots span { width: 3px; height: 3px; margin: 0 3px; }
.hwMobile { position: absolute; top: 9%; left: 0%; -webkit-transform: scale(0.45); transform: scale(0.45); }
.hwShare { display: block; }
.hwShareMob { display: none }

.thanks_pop{ max-width: 80%;}
}

@media screen and (max-width:413px) and (orientation:portrait) {
.hwMobile{top: 17%;}
.share_text {top: -215px;}
.captcha-group { margin-left: -11px;}
}

@media screen and (max-width:360px) and (orientation:portrait) {
.showTell_app_section { height: 750px !important;padding-top: 0px; }
.labtopSec { width: 280px; height: 220px; }
.labtop_frame { top: 41px; left: 40px; width: 201px; height: 114px; }
.mobileSec { width: 163px; height: 235px; }
.mob_frame { top: 13px;left: 40px; width: 85px; height: 184px; }
.hwMobile { position: absolute;top: 16%;left: -26px; -webkit-transform: scale(0.38);transform: scale(0.38); -webkit-transform-origin: top left; transform-origin: top left; }
}

@media screen and (max-width:1023px) and (orientation:landscape) {
.showTell_app_section { margin: 0 auto; height: 400px !important; max-width: 700px; }
.showTell_howit_section { padding-top: 20px; }
.labtopSec { width: 295px; height: 190px; right: 10px; }
.labtop_frame { top: 22px; left: 42px; width: 212px; height: 121px; }
.mobileSec { width: 220px;height: 280px;right: -10%; bottom: -32%; }
.mob_frame { top: 7px;left: 60px; width: 105px; height: 230px; }
#howitSlick .slick-dots span { width: 2px; height: 2px; margin: 0 3px; }
.video_gif { width: 30px; height: 30px; }
.mobileSec .video_gif { width: 35px; height: 35px; }
#mobSlider .slick-dots { top: 4%; }
.hwMobile { -webkit-transform: scale(0.43); transform: scale(0.43); -webkit-transform-origin: top left; transform-origin: top left; top: 9%; left: 0%; }
.home_labtop { -webkit-transform: scale(0.8); transform: scale(0.8); height: 65%; }
}

@media screen and (max-width:823px) and (orientation:landscape) {
.showTell_app_section{padding-top: 0px;}	
.labtopSec {top: 42px;}
}

@media screen and (max-width:667px) and (orientation:landscape) {
}

@media screen and (max-width:640px) and (orientation:landscape) {
}

@media screen and (max-width:340px) and (orientation:portrait) {
.home_labtop { height: 60%; -webkit-transform: scale(1); transform: scale(1); }
}

@media screen and (max-width:720px) and (orientation:landscape) {
.showTell_app_section { height: 325px !important; max-width: 650px; }
.labtopSec { width: 280px; height: 167px; right: 10px; }
.labtop_frame { top: 15px; left: 39px; width: 201px; height: 114px; }
.mobileSec {width: 164px;height: 230px;right: -5%;bottom: -25%; }
.mob_frame { top: 10px;left: 41px;width: 84px; height: 186px; }
.video_gif { width: 30px; height: 30px; }
.mobileSec .video_gif { width: 35px; height: 35px; top:20%; margin: auto; }
#mobSlider .slick-dots { top: 4%; }
.hwMobile { -webkit-transform: scale(0.35);transform: scale(0.35);-webkit-transform-origin: top left; transform-origin: top left;top: 4vw; left: 2%; }
}

@media screen and (max-width:600px) and (orientation:landscape) {
.showTell_app_section { height: 320px !important; max-width: 540px;padding-top: 0px; }
.labtopSec { width: 230px; height: 140px;top: 45px; }
.labtop_frame { top: 13px; left: 33px; width: 165px; height: 94px; }
.mobileSec { width: 136px; height: 215px; }
.mob_frame { top: 20px;left: 34px;width: 71px; height: 157px;}
.hwMobile {-webkit-transform: scale(0.35);transform: scale(0.35);-webkit-transform-origin: top left; transform-origin: top left;top: 3vw;left: -3%; }
}

@media screen and (max-width:480px) and (orientation:landscape) {
.showTell_app_section { margin: 0 15px; height: 260px !important; }
.hwMobile { -webkit-transform: scale(0.3); transform: scale(0.3); -webkit-transform-origin: top left; transform-origin: top left; top: 12%; left: 1%; }
.labtopSec { width: 190px; height: 130px; }
.mobileSec { width: 75px; height: 145px; bottom: -9%; }
.labtop_frame { top: 18px; left: 27px; width: 137px; height: 78px; }
.mob_frame { top: 8px; left: 8px; width: 60px; height: 130px; }
}

@media screen and (max-width:414px){
	.hwMobile{top: 15%;}
	.labtopSec{top: 500px;}
  .app-edu-banner-text h1{font-size: 28px; }
  h2{ font-size: 24px;}
  #submit, .banner-btn{ width: 100%;}
  .business_content_section{ width: 100%;}
  .app-edu-logo img{ max-width: 150px;}
}


@media (max-width: 844px) {
  .app-edu-logo img {
      width: 160px;
      max-width: 160px;
  }
  .app-edu-header-main{
    padding: 0px;
  }
}


/* ----------- iPhone 6, 6S, 7 and 8 ----------- */
/* Portrait */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) { 
.showTell_app_section{padding-top: 0px;}
.labtopSec{top: 401px;}
.share_text {top: -205px;}

}

/* Landscape */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) { 
.showTell_app_section{padding-top: 0px;}
.labtopSec{top: 42px;}
.showTell_app_section {height: 310px !important;}
.share_text {font-size: 10px;left: -57px;bottom: 48%;}
}

@media screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3){
	.labtopSec{top: 430px;}
}
@media screen  and (max-width:360px)  and (orientation: portrait){
	.labtopSec{top: 380px;}
  .app-edu p{    font-size: 13px;}
}
@media screen and (max-width:320px){
	.hwMobile{top: 19%;}
	.labtopSec{top: 390px;}
  .app-edu-logo img{
    max-width: 250px;
  }
}


@media (max-width: 844px) {
  .app-edu-logo img {
      width: 160px;
  }
}


@media all and (max-width: 644px){
  .labtopSec {
  top: 390px;
}
}






/*------ Contact Us floating button ------ START*/

.contactUsVerticalButton {
  letter-spacing: 1px;
  color: #fff;
  font-size: 20px;
  font-weight: 700;
  border: 0px;
  cursor: pointer;
  text-decoration: none;
  position: fixed;
  z-index: 99;
  padding: 0px;
  border-radius: 0px;
  top: auto;
  bottom: 65px;
  left: auto;
  right: 50px;
}


.contactUsVerticalButton.fltLeft {
  text-align: center;
}
.contactUsIcon {
  width: 50px;
  height: 50px;
  background-image: url(../images/email.png);
  background-size: contain;
  display: inline-block;
}

.contactUsText {
  font-size: 12px;
  color: #ffffff;
  background-image: linear-gradient(to right, #fd7e14, #f35e50, #e83e8c);
  padding: 5px 14px;
  border-radius: 20px;
  letter-spacing: 0.5px;
}
/*------ Contact Us floating button ------ END*/



.appOverridePadding9853{
  padding-top: 0px;
}

.appOverridePadding2212 {
  padding-top: 120px;
  background-position: 0px 0px;
}



.app-edu-section-title.nospecialspans span {
  color: initial;
  font-weight: 500;
}


@media all and (max-width:770px) {
  .contactUsVerticalButton {
      left: auto;
      right: 10px;
  }
}