section{padding:100px 0;display:block;width:100%;float:left;background-color:#fff}
h2{color:#000;font-size:35px;font-weight:600;position:relative;line-height:48px;margin-bottom:60px;text-align:center}
h3{color:#000;font-size:28px;font-weight:500;position:relative;line-height:31px;margin-bottom:40px;text-align:center}
p{line-height:28px;color:#3f3f3e}
.helpdesk-mobile .banner_cont{width:100%;height:auto;background-color:#E9F3FD;padding:0 0 50px;float:left;padding-bottom:0}
.helpdesk-mobile .banner-right img{margin-right:0;width:665px}
.helpdesk-mobile .banner-flex{display:flex;width:100%;flex-wrap:wrap}
.helpdesk-mobile .banner_content_cont{text-align:center;width:42%;position:relative;padding:160px 0 90px;bottom:0}
.helpdesk-mobile .banner_content_cont p{color:#000;margin-top:34px;font-size:20px;text-align:left;line-height:34px}
.helpdesk-mobile .banner_content_cont h1{color:#000;font-size:34px;font-weight:600;position:relative;line-height:50px;margin:0;text-align:left}
.helpdesk-mobile .offer_btn{border:1px solid #e85757;background-color:#fa665c;color:#fff;padding:10px 23px;border-radius:30px;display:flex!important;width:205px!important;font-weight:600;font-size:18px;transition:.2s all;justify-content:center;align-items:center;margin:50px 0 0!important;height:50px!important}
.helpdesk-mobile .offer_btn:hover{border:1px solid #98a9b2;background-color:#fff;color:#104a69;transition:.2s all}
.helpdesk-mobile .offer_btn{width:292px!important;height:60px!important;margin:40px 0 0!important;position:relative;z-index:0;padding:10px 0;background-color:#fa665c;border:0;border-radius:30px}
.helpdesk-mobile .offer_btn span:first-child{width:166px;text-align:center;font-weight:600;font-size:20px;display:flex;justify-content:center;align-items:center;border-top-left-radius:30px;border-bottom-left-radius:30px;padding:1px 13px 0 12px}
.helpdesk-mobile .offer_btn span:last-child{min-width:85px;border-radius:0 4px 4px 0;padding:15px 10px;position:relative;text-align:center;border-top-right-radius:30px;border-bottom-right-radius:30px;display:flex;align-items:center;border-left:1px solid #e09157}
.helpdesk-mobile .offer_btn span{display:table-cell;vertical-align:middle;height:60px}
.helpdesk-mobile .offer_btn span:last-child b{font-size:32px;line-height:30px}
.helpdesk-mobile .offer_btn span:last-child b sup{font-size:12px;position:relative;top:-10px;right:3px;font-weight:400}
.helpdesk-mobile .offer_btn span:last-child big{display:inline-block;font-size:16px;line-height:16px;text-align:left}
.helpdesk-mobile p.free-trial{margin-top:14px;font-size:13px}
.helpdesk-mobile .banner-right{width:58%;display:flex;align-items:flex-end;justify-content:end}
;
.mobile-intro{float:left;width:100%;padding:100px 0}
.mobile-intro h2{text-align:left;margin-bottom:30px}
.mobile-intro p{margin-bottom:20px}
.screen-share-sec{float:left;width:100%;background-color:#F7FAFF;padding:0}
.screen-share-sec .left-graphics{float:left;width:50%;padding-top:60px}
.screen-share-sec .left-graphics img{width:360px}
.screen-share-sec .screen-content{float:left;width:100%;padding:100px 20px;display:flex;flex-direction:column;justify-content:center}
.screen-share-sec .screen-content h2{text-align:left;font-size:32px;margin-bottom:23px}
.helpdesk-mobile .integrated_section{padding:100px 0 70px}
.helpdesk-mobile .integrated-flex{width:100%;float:left;display:flex;flex-wrap:wrap}
.integrated-boxes{width:25%;display:block;margin-bottom:30px}
.helpdesk-mobile .screen-content-box{display:flex;width:100%}
.helpdesk-mobile .left-graphics{display:flex;align-items:flex-end}
.helpdesk-mobile .screen-share-sec .left-graphics img{width:100%}
.helpdesk-mobile .integrated-item{background:#fffcf2;padding:30px 15px;border-radius:5px;border:1px solid #eee;box-shadow:1px 0 12px -3px #eee;margin:20px 7px;height:100%}
.helpdesk-mobile .integrated-item.int-item1{background-color:#fffcf2}
.helpdesk-mobile .integrated-item.int-item2{background-color:#F9F8FE}
.helpdesk-mobile .integrated-item.int-item3{background-color:#fff7f7}
.helpdesk-mobile .integrated-item.int-item4{background-color:#F3FFFF}
.helpdesk-mobile .integrated-item.int-item5{background-color:#F9FFF3}
.helpdesk-mobile .integration_section{background:#f7fafe;border-top:1px solid #ddd}
.helpdesk-mobile .integrated-item strong{color:#000;text-align:center;display:block;font-size:20px;margin-bottom:25px;font-weight:600}
.helpdesk-mobile .integrated-item p{color:#3f3e3e;text-align:center;font-size:15px}
.helpdesk-mobile .integrated-item p span.more_text{color:#3f3e3e}
.helpdesk-mobile .int-icon{width:135px;height:105px;background:url(../../source/images/helpdesk_mobile_icons.png) no-repeat;margin:0 auto 35px;background-position:0 0}
.helpdesk-mobile .int-icon.intimg2{background-position:0 -202px}
.helpdesk-mobile .int-icon.intimg3{background-position:0 -415px}
.helpdesk-mobile .int-icon.intimg4{background-position:0 -628px}
.helpdesk-mobile .int-icon.intimg5{background-position:0 -790px}
.sys-require-sec{float:left;width:100%;border-top:1px solid #eaeaea;background-color:#F7FAFF}
.sys-require-sec .sys-require-bannner{width:90%;border-radius:20px;margin:0 auto;float:none;height:auto}
.sys-require-sec .sys-require-bannner h3{color:#000;margin-bottom:70px;font-weight:600;font-size:30px}
.sys-require-sec .sys-require-content{float:left;width:41%}
.sys-require-sec .sys-require-content.fst{border-right:1px solid #ccc;width:50%;margin-right:75px}
.sys-require-sec .sys-require-content .icon{width:65px;height:65px;background:url(../../source/images/helpdesk_mobile_icons.png) no-repeat}
.sys-require-sec .sys-require-content .icon.ios{background-position:-44px -979px}
.sys-require-sec .sys-require-content .icon.andrriod{background-position:-44px -1110px}
.sys-require-sec .sys-require-content .sub-content{float:left;width:72%}
.sys-require-sec .sys-require-content .sub-content h4{font-size:23px;color:#000;margin-bottom:11px;font-weight:600}
.sys-require-sec .sys-require-content .sub-content p{color:#3f3e3e}
.footer{padding:0}
.footer-sec p.free-trial{text-align:center}
.helpdesk-mobile .sign_up_section h2{text-align:center;margin-bottom:35px;font-size:32px;cursor:pointer}
.helpdesk-mobile .sign_up_section{background:#fff;border-top:1px solid #ddd;cursor:pointer}
.helpdesk-mobile .sign_up_section .offer_btn{margin:38px auto 15px!important}
.helpdesk-mobile.helpdesk_cont .footerMain{padding:35px 0 70px}
.helpdesk-mobile.helpdesk_cont .copyright{background-color:#26343f}
.helpdesk-mobile.helpdesk_cont .copyright p{color:#82868f}
.helpdesk-mobile.helpdesk_cont .footerMain ul.footer_ul.first-ul{width:26%}
.helpdesk-mobile.helpdesk_cont .footerMain ul.footer_ul.first-ul li,.helpdesk_cont .footerMain ul.footer_ul li{margin-bottom:12px}
.integrated-cont h2{margin-bottom:75px}
.integrated-cont h3{margin-bottom:60px;font-weight:600;font-size:29px;color:#333}
.hover-animation{position:relative;top:0;transition:top ease .5s;cursor:pointer}
.hover-animation:hover{top:-10px}
.reveal{position:relative;opacity:0}
.reveal.active{opacity:1}
.active.fade-up{animation:fade-up .9s ease-in}
.active.fade-bottom{animation:fade-bottom .9s ease-in}
.active.fade-left{animation:fade-left .9s ease-in}
.active.fade-right{animation:fade-right .9s ease-in}
@keyframes fade-up {
0%{transform:translateY(20px);opacity:0}
100%{transform:translateY(0px);opacity:1}
}
@keyframes fade-bottom {
0%{transform:translateY(20px);opacity:0}
100%{transform:translateY(0);opacity:1}
}
@keyframes fade-left {
0%{transform:translateX(-20px);opacity:0}
100%{transform:translateX(0);opacity:1}
}
@keyframes fade-right {
0%{transform:translateX(20px);opacity:0}
100%{transform:translateX(0);opacity:1}
}
@media screen and (max-width: 1199px) {
.helpdesk-mobile .banner_content_cont h1{font-size:34px;text-align:center}
h2{font-size:32px}
.integrated-boxes{margin:20px 0;width:50%}
.integrated-cont h2{margin-bottom:55px}
.helpdesk-mobile .banner_content_cont{width:100%;padding:160px 0 80px;margin:auto}
.helpdesk-mobile .banner_content_cont p{text-align:center}
.helpdesk-mobile .offer_btn{margin:50px auto 0!important}
.helpdesk-mobile .banner-right{display:none}
}
@media screen and (max-width:1024px) {
.helpdesk-mobile .effective-item-left{width:40%;display:flex;align-items:center}
.helpdesk-mobile .effective-item-left img{width:100%}
.helpdesk-mobile .effective-item-right{width:60%}
.helpdesk-mobile .banner_content_cont h1{font-size:32px}
.sys-require-sec .sys-require-bannner{height:100%;float:left;width:100%}
.sys-require-sec .sys-require-content.fst{margin-right:0;padding-right:20px;margin-bottom:0}
.sys-require-sec .sys-require-content.sec{padding-left:75px;width:50%}
.helpdesk-mobile .sign_up_section h2,.screen-share-sec .screen-content h2{font-size:26px}
.helpdesk-mobile .integrated-item{padding:45px 25px;margin:20px 14px}
.sys-require-sec .sys-require-content .sub-content{width:80%}
}
@media screen and (max-width: 980px) {
.helpdesk-mobile .banner_content_cont{padding:100px 0;width:100%;margin:auto;text-align:center;display:flex;flex-direction:column;justify-content:center;align-items:center;float:none}
.helpdesk-mobile .banner-right{display:none}
.helpdesk-mobile .banner_content_cont h1{font-size:28px;text-align:center}
.helpdesk-mobile .banner_content_cont p{font-size:18px;text-align:center}
.helpdesk_cont .banner_content_cont a{float:none}
.helpdesk-mobile .banner_cont{padding-bottom:0}
.integrated-cont h2{font-size:32px}
.integrated-cont h3{font-size:25px;margin-bottom:15px}
.helpdesk-mobile .uninterrupted-item{width:48%;margin-top:40px;padding:50px 15px}
.helpdesk-mobile .uninterrupted_section h2{margin-bottom:20px}
.helpdesk-mobile .uninterrupted-flex{margin-top:0}
.helpdesk-mobile .security-box{padding:60px 35px}
.helpdesk-mobile .security-box h2{margin-bottom:40px}
.helpdesk-mobile .security-box ul{margin-top:20px}
.helpdesk-mobile .section.uninterrupted_section{padding-bottom:100px}
.helpdesk-mobile .security-box{margin-top:0}
.helpdesk-mobile .security-box ul li{padding-right:10px}
.helpdesk-mobile .effective-item-left{display:none}
.helpdesk-mobile .effective-item-right{width:100%;padding-left:0}
.helpdesk-mobile .section.effective_section{border-top:1px solid #eee}
.helpdesk-mobile h2{font-size:26px}
.helpdesk-mobile .int-logos{width:22.5%;margin-bottom:20px}
.helpdesk-mobile .int_logo_box{justify-content:center}
.helpdesk-mobile .left-graphics{display:none}
.screen-share-sec .screen-content{width:100%;padding:0}
.screen-share-sec{padding:100px 0}
.sys-require-sec .sys-require-content .sub-content{width:100%}
.sys-require-sec .sys-require-content.sec{padding-left:50px;width:50%}
.sys-require-sec .sys-require-bannner{padding:0}
.helpdesk-mobile .banner_content_cont p.free-trial{font-size:13px}
}
@media screen and (max-width:767px) {
.integrated-boxes{width:100%}
}
@media screen and (max-width:620px) {
.mobile-intro p,.screen-share-sec .screen-content p{text-align:left}
.helpdesk-mobile .banner_content_cont{width:100%}
.integrated-cont h2{margin-bottom:35px}
.sys-require-sec .sys-require-bannner{height:100%;float:left;width:100%}
.sys-require-sec .sys-require-content.fst{width:100%;border-bottom:1px solid #ffffff7a;border-right:0;padding-bottom:35px;margin-bottom:35px}
.sys-require-sec .sys-require-content.sec{padding-left:0;width:100%}
.screen-share-sec .screen-content h2{font-size:24px;text-align:left}
.helpdesk-mobile .sign_up_section h2{font-size:24px}
.sys-require-sec .sys-require-bannner h3{line-height:42px;font-size:25px;text-align:left;margin-bottom:35px}
.sys-require-sec .sys-require-content .sub-content h4{font-size:20px}
.sys-require-sec .sys-require-content .sub-content{text-align:left}
.helpdesk-mobile .uninterrupted-item{width:100%}
.helpdesk-mobile .security-box ul li{width:100%;border-right:0;border-bottom:1px dashed #eee;padding-bottom:30px;margin-bottom:30px}
.helpdesk-mobile .security-box{background-size:cover;background:#368fb2;margin-bottom:0;padding-bottom:0}
.helpdesk-mobile .security-box ul li:last-child{border-bottom:0}
.section.effective_section h2{font-size:24px}
.helpdesk-mobile .int-logos{width:60%;margin:20px 0}
.helpdesk-mobile .banner_content_cont h1{font-size:24px}
.helpdesk-mobile h2{font-size:26px;text-align:left}
.integrated-cont h2{text-align:center}
.integrated-cont h3{font-size:21px}
.helpdesk-mobile .integrated-item strong{font-size:22px}
.helpdesk-mobile .integrated-item{margin:0}
}