@import url("https://www.manageengine.com/css/fonts.css"); @import url("https://www.manageengine.com/products/service-desk-msp/style/pacifico.css"); @media screen and (max-width:2600px){ .dc-vrsn{display:block !important;} .mob-vrsn{ display:none !important;} .ipad-75{width:73%;padding:0 1%;float:left} .ipad-25{width:23%;padding:0 1%;float:left} .ipad-per50 {width: 46%;padding: 0 2%;float: left;} .ipad-per30 {width: 30%;padding: 0 1.5%;float: left;} .plystorebtn-ml{margin-left: 55px;} .p15{ padding:15px !important;} .btmpdn2{ padding:18px 18px 54px 18px !important;} .btmpdn1{ padding:20px 20px 52px 20px !important;} .p25{ padding:25px !important;} .mT15{ margin-top:15px !important;} .wbdr-right{ border-right:1px solid #e47a7a;} .wbdr-left{ border-left:1px solid #e47a7a;} .pB10{ padding-bottom:10px !important} .pB20{ padding-bottom:20px !important} .pB30{ padding-bottom:30px !important} .pB40{ padding-bottom:40px !important} .pB50{ padding-bottom:50px !important} .ls-per20{ width: 20%;padding: 0 1.5%; float:left;} .ls-per80{width: 74%;padding: 0 1.5%; float:left;} .appsbtns img { width: 50%; } .resource-form .prvcy-plicy{ font-size:10px; color:#aba7a7;margin-top:0px;} .resource-form .prvcy-plicy strong{ font-weight:600;color:#fff;} .resource-form .prvcy-plicy a{ font-size:10.5px; color:#fff; text-decoration:none;} .formfild{ padding-bottom:5px;} .fieldset { margin: 0; padding: 0; border: 0; } .form-label { position: relative; } .form-label label { position: absolute; left: 10px; padding-left: 2px; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; margin-top: -47px; font-size:16px !important; color:#444; } .form-js-label input[type='text']:focus, .form-js-label input[type='number']:focus, .form-js-label select:focus { border: 1px solid rgba(121, 187, 238, 0.75) !important; box-shadow: 0 0 3px rgba(82, 168, 236, 0.5); outline: none; } .form-js-label input[type='text'].error:focus, .form-js-label select.error:focus { outline: none !important; border: 1px solid red!important; } .form-js-label input[data-empty="false"] + label, .form-js-label input:focus + label { color: #00A5FF; font-weight:400; font-size: 12px; -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } .posn-rltive{ position:relative !important; padding-bottom:10px;} span.errormsg { position: absolute; left: 5px; margin-top: -16px; font-size: 12px; color: red; } input.error{border: 1px solid red !important} div.bnertxt { font-family: 'Zoho_Puvi_SemiBold'; font-size: 54px; line-height: 60px; color: #333; padding: 2% 10px 2% 10px; font-weight: 800; width: 100%; margin: 0 auto; max-width: 600px; } div.bnertxt span { font-family: 'Pacifico'; font-size: 50px; line-height: 70px; color: #b93739; font-weight: 400; position:relative; } .typintxtbg { background-color: #f6f7ec21; overflow: hidden; height: 80px; text-align: center; left: 5px; right: 0px; position: relative; margin: 0 auto; width: 92%; } .wrap{ position:absolute;} .msphmbaner1{ background-image:url(https://www.manageengine.com/products/service-desk-msp/style/../images/sdp-msp-home-banner.png); background-size:cover; background-position:center; background-repeat:no-repeat; min-height:400px; height:100%; width:100%;padding: 20px 0px;} a.hmbnrdwnld { background: #E9142B; color: #fff; font-size: 25px; line-height: 30px; padding: 10px 30px; display: inline-block; width: auto; border-radius: 5px; text-decoration: none; text-align: center; } #hmdownloadbt {background-color: #e3142b !important;border: medium none;border-radius: 5px; color: #fff; cursor: pointer; float: none !important; font-size: 18px; line-height: 24px; margin: 20px auto; } } @media screen and (max-width:1440px){ div.bnertxt { font-family: 'Zoho_Puvi_SemiBold'; font-size: 54px; line-height: 60px; color: #333; padding: 3% 10px 2% 10px; font-weight: 800; margin: 0 auto; } div.bnertxt span { font-family: 'Pacifico'; font-size: 50px; line-height: 70px; color: #b93739; font-weight: 400; } .typintxtbg { background-color: #f6f7ec21; overflow: hidden; height: 80px; text-align: center; left: 5px; right: 0px; position: relative; margin: 0 auto; width: 81%; } .wrap{ position:absolute;} .msphmbaner1{ min-height:435px; height:100%; width:100%} a.hmbnrdwnld { background: #E9142B; color: #fff; font-size: 25px; line-height: 30px; padding: 10px 30px; display: inline-block; width: 148px; border-radius: 5px; text-decoration: none; text-align: center; } #hmdownloadbt {background-color: #e3142b !important;border: medium none;border-radius: 5px; color: #fff; cursor: pointer; float: none !important; font-size: 18px; line-height: 24px; margin: 20px auto; } } @media screen and (max-width:1300px){ div.bnertxt span {font-size: 35px;line-height: 45px;} .typintxtbg { height: 54px; width: 88%;} a.hmbnrdwnld {font-size: 20px; line-height: 30px; padding: 5px 5px; display: inline-block; width: 150px;} } /* iPhone < 5: */ @media screen and (device-aspect-ratio: 2/3) { select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"]{ font-size: 16px; } } /* iPhone 5, 5C, 5S, iPod Touch 5g */ @media screen and (device-aspect-ratio: 40/71) { select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"]{ font-size: 16px; } } /* iPhone 6, iPhone 6s, iPhone 7 portrait/landscape */ @media screen and (device-aspect-ratio: 375/667) { select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"]{ font-size: 16px; } } /* iPhone 6 Plus, iPhone 6s Plus, iPhone 7 Plus portrait/landscape */ @media screen and (device-aspect-ratio: 9/16) { select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"]{ font-size: 16px; } } /* iPad screen styles start*/ @media screen and (max-width:1024px){ body { font: 500 16px/28px 'Zoho_Puvi_Regular', 'Open Sans', sans-serif; line-height: 20px; color: #444; -webkit-tap-highlight-color: transparent; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; } h1, h2{font-family:'Zoho_Puvi_SemiBold', 'Open Sans', sans-serif;} h3, h4{font-family:'Zoho_Puvi_Regular', 'Open Sans', sans-serif;} .ipd1024px{display:block !important; width:100% !important;} .ipd900px{ display:none !important;} .bnrcta { text-align: center; } .bnrcta>div { display: inline-block; padding: 0px 5px; } .bnrcta>div>div { box-sizing: border-box; padding: 4px 20px; } ul.ipadmenu{ margin-top: 40px; position: relative; width: 600px; display: block; margin-left: auto;} ul.ipadmenu li{float:left !important; margin-left:2%; width:100px; margin:0 auto; text-align:center; font-size:14px !important;font-family:'Zoho_Puvi_SemiBold', 'Open Sans', sans-serif;} ul.ipadmenu li a{ color:#444;border:1px solid #fff0;border-radius:5px;} ul.ipadmenu li a:hover{ color:#000; text-decoration:none;border:1px solid #ccc;border-radius:5px;} a.signinbtn{ border:1px solid #0d89d1 !important; color:#000 !important} a.signupbtn{ background:#c92632; color:#fff !important; font-family:'Zoho_Puvi_SemiBold', 'Open Sans', sans-serif;padding: 6px 18px;} a.signinbtn:hover{background:#0d89d1; border:1px solid #0d89d1; color:#fff !important} a.signupbtn:hover{ background:#bd0714; border:1px solid #c92632 !important; color:#fff !important} /*ul.ipadmenu li.signinbtn a{ color:#fff;border-radius:5px;border:1px solid #0d89d1 !important} ul.ipadmenu li a:hover{color:#fff !important; text-decoration:none;border:1px solid #ccc;border-radius:5px;} li.signinbtn{ border-radius:5px; } li.signinbtn:hover{background:#0d89d1; color:#fff !important; } li.signinbtn a:hover{background:#0d89d1; color:#fff !important; } li.signupbtn{ background:#c92632;border-radius:5px;border:1px solid #c92632 !important; margin-left:2%} li.signupbtn a{ color:#fff !important; }*/ .heading-menu{ display:none;} .dc-vrsn{display:none !important;} .mob-vrsn{ display:block !important;} .bar1, .bar2, .bar3 { width: 35px; height: 4px; background-color: #b93739; margin: 4px 0; transition: 0.2s; cursor:pointer; border-radius:3px; } .change .bar1 { -webkit-transform: rotate(-45deg) translate(-8px, 8px) ; transform: rotate(-45deg) translate(-8px, 8px) ; z-index:999999; background:#fff; position:relative; } .change .bar2 {opacity: 0;} .change .bar3 { -webkit-transform: rotate(45deg) translate(-3px, -4px) ; transform: rotate(45deg) translate(-3px, -4px) ; z-index:999999; background:#fff; position:relative; } .mcloseemty{ background:url(https://www.manageengine.com/products/service-desk-msp/style/../images/empty.png) no-repeat; width:35px; height:35px;position: relative; margin-top: -30px;z-index: 999999;} .ipadmob-fixd{ width:100%; top:0px; position:fixed; z-index:999999; height:102px;background:#fff;} .contentare{ margin-top:102px; padding-bottom:40px;} .contentare h1{ font-size:35px; line-height:40px; margin-top:5%;} .contentare h2{ font-size:30px; line-height:35px; margin-top:5%;} .ipad-75{width:73%;padding:0 1%;float:left} .ipad-25{width:23%;padding:0 1%;float:left} .menu-open { top: 45px; margin-right: 10px; width: 25px; position: relative; height: 25px; } .ovrly{opacity:0;visibility:hidden;transition:all .1s;top:10px; width:100%; height:100%; left: 0; right: 0;} .ovrly.active {opacity: 1; visibility: visible; height: 100%; position: fixed; background: #afafafe6; top: 0px; z-index: 9999; width: 100%; left: 0; right: 0;} ul.mobmenu-slide { width: 50%; display: block; position: absolute; z-index: 999; right:-450px !important; text-align: left; color: #fff; transition:all .2s; top:0px; padding-top:64px; } ul.mobmenu-slide.active { right: 0px!important; height: 100%; position: fixed; background: #333; z-index:99999; top:0px; padding-top:64px; } ul.mobilemenu{width: 100%;right: 0;float: right;height: 100%;background: #333; min-height:922px;} ul.mobilemenu li { width: 100%; padding: 30px 0px 30px 0px; font-size:20px; border-bottom:2px solid #3e3e3e; font-family: 'Nunito Sans', sans-serif; } li.btmbdrdn{ border-bottom:none;} li.contact{bottom: 70px; right:10px; z-index: 99999 !important; position: absolute;font-size:27px;border-top:2px solid #3e3e3e;width:90%; text-align:center;} a.contactus{ color:#fff !important; text-decoration:none; font-family: 'Zoho_Puvi_SemiBold';} ul.mobilemenu li a{ color: #fff; text-decoration:none; padding: 0px 20px; font-weight:600;} .ipad-per50 {width: 46%;padding: 0;float: left;} .ipad-per30 {width: 30%;padding: 0 1.5%;float: left;} .p15{ padding:15px !important;} .btmpdn2{ padding:18px 18px 54px 18px !important;} .btmpdn1{ padding:20px 20px 52px 20px !important;} .p25{ padding:25px !important;} .mT15{ margin-top:15px !important;} .wbdr-right{ border-right:1px solid #e47a7a;} .wbdr-left{ border-left:1px solid #e47a7a;} .headerbg{ background-image:url(https://www.manageengine.com/products/service-desk-msp/style/../images/header-bg-1024.png); background-position:top; background-size:cover; min-height: 102px; background-repeat:no-repeat;} .headerbg.active { background-image:url(https://www.manageengine.com/products/service-desk-msp/style/../images/bg-white.png) !important; background-size:cover;box-shadow: 0 3px 5px 0 rgba(0,0,0,.1); } .prdLogo { float: none; margin-top: 2px; } .prdLogo a { display: block !important; } a.melogosvg{ margin-top:10px !important;} .sdplogosvg img{ margin-top:0px;} .menuicn{ background:url(https://www.manageengine.com/products/service-desk-msp/style/../images/servicedesk-plus-sprite-image.png) no-repeat -706px -15px; width:32px; height:20px; position:relative; top:40px;} .sec-banner{ height:715px; overflow:hidden} .bnr-sec{ background-image:url(https://www.manageengine.com/products/service-desk-msp/style/../images/bg-1024.png); background-position:top; background-size:cover;min-height: 666px;background-repeat:no-repeat; top:102px; position:relative;} div.bnertxt { font-family: 'Zoho_Puvi_SemiBold'; font-size: 44px; line-height: 55px; color: #333; padding: 3% 10px 2% 10px; font-weight: 800; margin: 0 auto; } div.bnertxt span { font-family: 'Pacifico'; font-size: 45px; line-height: 70px; color: #b93739; font-weight: 400; } .typintxtbg { background-color: #f6f7ec21; overflow: hidden; height: 80px; text-align: center; left: 5px; right: 0px; position: relative; margin: 0 auto; width: 89%; } .wrap{ position:absolute;} p.bannersubtxt { font-size: 30px !important; font-weight: 400; margin-top: 0; padding: 0 12%; } .play-icon{ margin-top:3%;} .play-icon img{ width:6%;} /* .video-container { position:fixed; top: 00px; left: 0px; right:0px; width:100%; height:100%; z-index: 9999; background: white; box-shadow: 0 0 1000px 1000px rgba(0,0,0,0.8); display: none; } .close-video { position:absolute; top:0px; right:0px; background:#211f1f; padding: 5px 20px; margin-top: 0px; } .close-video a { color:#fff; text-decoration:none; } */ .whtc-video{ font-size:14px;} .bnrcta{ width: 100%; margin: 0 auto; max-width: 500px; } .starturfreetrial{ background:#c92632; color:#fff; border-radius:5px; padding:12px 0px; border:2px solid #c92632; text-decoration:none; font-variant:normal; width:100%; margin: auto;} .scheduldemo{ color:#c92632; border-radius:5px; padding:12px 0px; border:2px solid #c92632; text-decoration:none; font-variant:normal; width:100%; margin: auto;} .starturfreetrial a{ color:#fff; font-size:18px; text-decoration:none; line-height:28px;} .scheduldemo a{ color:#c92632; font-size:18px; text-decoration:none; line-height:28px; } .ipdmob-btmbar{background:#444; width:100%;} .ipdmob-btmbar a{ color:#f1f1f1; font-size:20px; text-decoration:none;} .ls-per20{ width: 20%;padding: 0 1.5%; float:left;} .ls-per80{width: 74%;padding: 0 1.5%; float:left;} a.btmfxlink img {width: 10%;} .white-rbdr{ border-right:1px solid #737373} .white-lbdr{ border-left:1px solid #737373} .btmfxlinpdn{ padding:8%;} span.ml10{ margin-left:10px;} .reqstdemotxt{ margin-top:7px} .comparetxt{ margin-top:10px} .getqutetxt{ margin-top:10px} .timersticky{ position:fixed;display:none;right: 0px;bottom: 0px; width:100%; z-index: 9999;} .secbgptrn{ background:#fff;} /*.bgptrn{ background-image:url(https://www.manageengine.com/products/service-desk-msp/style/../images/mobile-site-bg.png); background-repeat:repeat; display:block}*/ h1.ithdstxt{ font-size:34px; line-height:48px; color:#000; padding:2% 4% 5% 4%; margin:0px; font-weight:600;letter-spacing:-1px;} p.hdsdiscptin{font-size:20px; line-height:30px; color:#333; padding:0% 5% 1% 5%;margin:0px; text-align:center;} section h2{font-size: 30px;line-height: 50px;font-weight:600; color:#000;} .featuresec h2{text-align: center; padding:0% 0% 5% 0;margin: 0px;} .editsctin h2{text-align: center; margin: 0px; padding:2% 0% 5% 0} .resourcssec h2{text-align: center; margin: 0px; padding:2% 0% 5% 0} .custmrquotesec h2{text-align: center; margin: 0px; padding:2% 0% 5% 0} .custmrlogosec h2{text-align: center; margin: 0px; padding:2% 0% 5% 0} .appsbtnsec h2{text-align: center; margin: 0px; padding:2% 0% 5% 0 } .footer-ctasec h2 {text-align: center; margin: 0px; padding:2% 0% 2% 0 } .resourcelinks{ display:none} .custmrlogs{ padding-bottom:3%;} .featuresec a{text-decoration:none;} .featuresec a h2{font-size:22px; font-weight:400; line-height:35px; color:#3792c6; padding:0; text-align:center; margin:0px;} section p {font-size:18px; line-height:28px; color:#444; padding:1%; text-align:center; margin:0px;} .sdphmimg{background-image:url(https://www.manageengine.com/products/service-desk-msp/style/../images/help-desk-software-msp-sprite.svg); background-repeat: no-repeat; display: inline-block; margin-top: 13%; height: 60px !important; } .mobftr-acontmgnt { background-position: -645px -1px; width: 70px; height: 55px; display: block; } .mobftr-incident { background-position: 0px -1px; width: 68px; height: 55px; display: block; } .mobftr-problem { background-position: -572px 0px; width: 65px; height: 55px; display: block; } .mobftr-change { background-position: -82px -1px; width: 68px; height: 55px; display: block; } .mobftr-autmtbling { background-position: -161px -1px; width: 70px; height: 55px; display: block; } .mobftr-service { background-position: -250px -1px; width: 57px; height: 55px; display: block; } .mobftr-asset { background-position: -325px -1px; width: 75px; height: 55px; display: block; } .mobftr-cmdb { background-position: -414px -1px; width: 56px; height: 55px; display: block; } .mobftr-dashbod { background-position: -797px 8px; width: 62px; height: 55px; display: block; } .mobftr-timesheet { background-position: -725px -1px; width: 62px; height: 55px; display: block; } .mobftr-fildser { background-position: -860px -1px; width: 62px; height: 55px; display: block; } .mobftr-integration { background-position: -489px 0px; width: 62px; height: 55px; display: block; } .ftrs-hdrtxt{ margin-top:1%;} .ftrs-hdrtxt h3 { font-family: 'Zoho_Puvi_Regular'; min-height: 25px; margin-top: 5%; margin-bottom: 0px; font-size: 24px; font-weight:600; } p.ftrs-ptxt{margin-top:5%; font-size:17px; line-height:25px;} .ftr-powerrpting{width: 40%; padding: 0 1.5%; margin:0 auto} /* Editon new design styles start */ .ednmain{} .edn-per10{ width:8%; padding:0 1%; float:left} .edn-per20{ width:18%; padding:0 1%; float:left} .edn-per25{ width:23%; padding:0 1%; float:left} .edn-per30{ width:28%; padding:0 1%; float:left} .edn-per35{ width:33%; padding:0 1%; float:left} .edn-per40{ width:38%; padding:0 1%; float:left} .edn-per50{ width:48%; padding:0 1%; float:left} .edn-per60{ width:58%; padding:0 1%; float:left} .edn-per70{ width:68%; padding:0 1%; float:left} .edn-per75{ width:73%; padding:0 1%; float:left} .edn-per80{ width:78%; padding:0 1%; float:left} .edn-per90{ width:88%; padding:0 1%; float:left} .edn-per100{ width:98%; padding:0 1%; float:left} .ednhdr-cont .edn-per10{ width:0%; padding:0 1%; float:left} .ednhdr-cont .edn-per40 { width: 98%; padding: 5% 1% 0% 1%; float: none; } .ednhdr-cont .edn-per50 { width: 98%; padding: 0 1%; float: none; } .openclose{ display:none} .openclose img {position: absolute; right: 7%; margin-top: 45px; width: 3%; cursor:pointer;} .strtsfrmtxt{ font-size:12px; color:#000; margin-top:5px; text-align:right;} .tectmonthtxt{ font-size: 13px; line-height: 23px; font-weight: 300; color: #444; width:100%;text-align:left;} .pricetxt{ font-size: 30px; line-height: 40px; font-weight: 800; color: #000;text-align:left;} .pricetxt span{ font-weight: 300; } .ednhdr-cont{border-top:none;padding:3% 5% 3% 5%;} .ednftr-cont{padding:0% 5% 5% 5%; cursor:pointer;} .edn-hdrtxt { font-size: 30px; line-height: 40px; font-weight: 800; color: #000; } .edn-subhdrtxt { font-size: 13px; line-height: 23px; font-weight: 400; color: #000; letter-spacing:-0.3px;} .edn-valuetxt { font-size: 20px; line-height: 35px; font-weight: 400; color: #e65555; margin-top:1%;} span.ppinfont{ font-weight:400} span.anntxt{ font-size:15px !important;font-family: 'Zoho_Puvi_SemiBold';} .ednctadiv{ padding:10% 0} a.ednstrtfre{background: #c92632; color: #fff; border-radius: 5px; padding: 5px 30px; text-decoration: none; font-size:22px; text-align:center;} ul.edn-ftrslist{ margin:0px; padding:0;list-style-type:none; color:#000; font-size: 18px; font-weight:400; line-height:30px;} ul.edn-ftrslist li{ padding:2% 0; border-bottom:1px solid #d7d7d7} ul.edn-ftrslist li:last-child {border-bottom:none} ul.edn-ftrslist li a{ list-style-type:none; color:#000;text-decoration:none;} .openclose{ display:none} /* Editon new design styles end */ .std-edn-tblbg{ background:#7662a2; border-radius:10px;padding-top: 8px;} .prf-edn-tblbg{ background:#4ab38d; border-radius:10px;padding-top: 8px;} .ent-edn-tblbg{ background:#3086c5; border-radius:10px;padding-top: 8px;} .std-edn-hdr{ color:#c0adea; font-size:40px; font-weight:600; } .std-edn-cptn{ color:#c0adea; font-size:16px; line-height:28px; font-weight:500; padding:7% 5% 0 5%;} .prf-edn-hdr{ color:#6cdbb3; font-size:40px; font-weight:600; } .prf-edn-cptn{ color:#6cdbb3; font-size:16px; line-height:28px; font-weight:500; padding:7% 3% 0 3%;} .ent-edn-hdr{ color:#61bdff; font-size:40px; font-weight:600; } .ent-edn-cptn{ color:#61bdff; font-size:16px; line-height:28px; font-weight:500; padding:7% 5% 0 5%;} ul.editns-ftrslist{ margin:0px; padding:5% 0;list-style-type:none; color:#fff; font-size: 18px; font-weight:300; line-height:30px; text-align:center; min-height:280px} ul.editns-ftrslist li{ padding:1% 0;} ul.editns-ftrslist li a{ list-style-type:none; color:#fff; font-size: 18px; line-height:30px; font-weight:300; text-align:center; text-decoration:none;} a.grtguotebtn{ color:#fff; background:#484949; font-size:22px; padding:15px 70px; text-align:center; text-decoration:none; border-radius:5px;} .resourcssec{ background-image:url(https://www.manageengine.com/products/service-desk-msp/style/../images/mobile-site-bg.png); background-repeat:repeat;} .resourcssec img{ width:90%;margin-left:0px;} img.scndrs-imgml { margin-left: -155px; } .rsourcectabg{position: absolute; width: 324px; background: #000000ad; height: 150px; left: 12px; bottom: 40px;} .resource-form{ padding:20px;} .resource-form input{ width:96%; padding:15px 0px 5px 10px;outline:none;border: 1px solid #ccc; border-radius:5px !important; font-size:15px; margin:0px auto 15px auto; -webkit-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out; height:25px;} .resource-form input.viewbtn{ background:#03A9F4; color:#fff; font-size:20px; font-weight:400; width:50%; padding:8px 0px;outline:none;border-radius:5px; height:auto; margin-top:5px !important; border:none; margin-bottom: 5px;} input[type='reset']:focus{border:none !important;} #reset { background: none; padding: 0px; color: #bdbdbd; border: none !important; outline: none !important; } .slideUp { position: absolute; bottom: 40px; left: 119px; } .slide { background-color: rgba(0, 0, 0, 88); display: none; width: 321px; height: 410px; } .scndrsc{left: 50px !important;} .slideUp1 { position: absolute; bottom: 40px; left: 50px; } .slide1 { background-color: rgba(0, 0, 0, 88); display: none; width: 320px; height: 410px; } .whitepaper-form{ padding:7% 9% 0 9%;} #reverse { position: relative; } #reverse1 { position: relative; } .rsrce-close { margin-top: 30%; position: absolute; left: 0; right: 0; bottom: 25px; font-size:20px; color:#ccc; font-weight:300; z-index:99; } .resource-form{ margin-top:20%} .inpt{ width: 100%; color: rgb(68, 68, 68); border: 1px solid rgb(222, 222, 222); text-indent: 5px; box-sizing: border-box; padding: 10px 5px; border-radius: 5px; font-size: 15px; } .smitbtn{ padding:10px; text-align:center} .submitbtn{cursor: pointer; outline: none medium; text-align: center; font-size: 20px; border-style: solid; border-width: 5px; border-radius: 5px; padding: 10px 30px; background:none; color:#fff; border:2px solid #fff} .submitbtn:hover{ background:#000; color:#fff; border:2px solid #fff} .formpdn { padding: 0% 8%; } .emlmtp{ margin-top:10px;} .phntp{ margin-top:20px;} .custmr-bdr{ border-top:1px solid #e4c9c4;padding-bottom: 10px; margin-top: 10px;} p.custmrquote { font-size: 18px; color: #444; line-height: 30px; margin-top: 5%; padding: 0 20%; } .custmrnamsec{ width:50%; float:right; margin-right:-15px; position:relative;} img.custmr-qutimg{ width:7%; padding-bottom:0%;} .custmrimg{ width:25%; float:left;} .custmrimg img{ width:85%;} .custmr-name{ color:#c34d36; font-size:20px; font-weight:600;padding-top: 2%; padding-bottom:3%;} .custmr-discpn{ color:#444; font-size:17px;} .custmrlogosec{ background-image:url(https://www.manageengine.com/products/service-desk-msp/style/../images/mobile-site-bg.png); background-repeat:repeat; padding:5% 0} .appsbtnsec{ background-image:url(https://www.manageengine.com/products/service-desk-msp/style/../images/mobile-site-bg.png); background-repeat:repeat; padding:5% 0} .custmrlogosec ul li { list-style-type: none; float: left; padding: 0%; width: 19%; margin: 3% 3%; height: 15px; } .custmrlogosec ul li.logo9{ display:none;} /* .custmrlogosec ul li.logo1{ width: 10%;} .custmrlogosec ul li.logo4{ width: 10%;} .custmrlogosec ul li.logo3{ width: 10%;} .custmrlogosec ul li.logo5{ width: 10%;margin-top: -3px; position:relative;} */ .custmrlogosec ul li img{ width:80%;} img.disnylogo{ margin-top:-10px; position:relative;} img.rbslogo{ margin-top: -3px; position:relative;} img.dellogo{ width:80% !important;} .appstoresec{ background-image:url(https://www.manageengine.com/products/service-desk-msp/style/../images/apps-buttons-bg-768.png);background-position: 80px 0; background-repeat:no-repeat; background-size:cover; padding-top: 77%; padding-bottom: 8%;} .appsbtns{ position:relative;} .appsbtns img{ width:50%} .thnkscont{ padding:5%;} .thnkscont h2{ font-size:30px; line-height:45px; margin-top:0px;} .thnkscont p{ font-size:17px; line-height:20px;} .footer-ctasec{ background:#202020;} .footer-ctasec h2{ color:#fff; font-weight:300; padding-top: 0px;} .ftr-startfretrl{font-family: 'Zoho_Puvi_SemiBold'; background:#c92632; color:#fff; border-radius:2px; padding:15px 0px; border:2px solid #c92632; text-decoration:none; width: 40%;margin: 0 auto;} .ftr-startfretrl a { color: #fff; font-size: 25px; text-decoration: none; } p.ftrsignin{ color:#969696; font-weight:300; margin-bottom:2%;} .ftrsignin a{ color:#55a6d9; text-decoration:none;} #footer { background: none; color: #474747; } .ftr-links{ width:57%; margin:0 auto;} .ftr-links a{ color:#474747; text-decoration:none; text-align:center; padding:0 2%;} .per-20{ width:18%; padding:0 1%; margin:0 auto;text-align:center; float:left !important;} .per-25{ width:23%; padding:0 1%; margin:0 auto;text-align:center; float:left !important;} .per-30{ width:28%; padding:0 1%; margin:0 auto;text-align:center; float:left !important;} .tolemail{width:61%; margin:0 auto;} .tolemail a{ color:#55a6d9; text-decoration:none;} .tolemail span{ color:#55a6d9;} .per-50{ width:48%; padding:0 1%; margin:0 auto;text-align:center; float:left !important;} .ftrgraybdr{ background:#d7d7d7; width:90%; height:1px; margin:3% auto;} section.footer-ctasec.sec-pTB{ padding:10px 0 35px 0} .social-icons{width:40%; margin:0 auto;} .social-icons img { width: 100%; max-width: 90%; } .copyright{ padding:2% 0 3% 0} .copyright a{ color:#55a6d9; text-decoration:none;} /*getquote page styles start */ .gtqtform{ width:600px; margin:0 auto; position:relative;} .gtqtform input{ width:100%; padding:20px 10px 10px 10px;outline:none;border: 1px solid #ccc; border-radius:5px; font-size:16px; margin-bottom:15px; -webkit-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;} .gtqtform select{ width:104%;padding:15px 10px; height: 50px !important;outline:none;border: 1px solid #ccc; border-radius:5px; font-size:16px; margin-bottom:15px} .gtqtform textarea{ width:103%;border: 1px solid #ccc; border-radius:5px;} .dmo-opodchk{ width:50%; margin:0 auto} input.dmo-rdiobtn{width:20px; height:15px; } .dmo-sbhdr{ font-size:17px; padding: 0px 0px 20px 0px; line-height:30px;} input.gtqte-submit{ background:#0d89d1; color:#fff; font-size:20px; font-weight:400; width:270px; padding:15px 15px;outline:none;border-radius:15px; margin-top:20px;} .gtdmo{ text-align:center; font-size:14px; font-weight:300; padding-bottom:10px;} .fieldset { margin: 0; padding: 0; border: 0; } .gtqte-label { position: relative; } .gtqte-label label { position: absolute; left: 10px; padding-left: 2px; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; margin-top: -50px; font-size:16px; color:#444; } .gtqte-js-label input:focus { outline: 0; background: white; } .gtqte-js-label input[data-empty="false"] + label, .gtqte-js-label input:focus + label { color: #00A5FF; font-weight:300; font-size: 12px; -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } /*getquote page styles end */ /*Edition page styles start */ .endcontent h2{ margin-bottom:10px;padding-bottom: 0px;} /*Edition page styles end */ a.facbk-gry{ background:url(https://www.manageengine.com/products/service-desk-msp/style/../images/facebook-gray-icon.png) no-repeat; width:60px; height:60px; margin:0 auto; display:block} a.twit-gry{ background:url(https://www.manageengine.com/products/service-desk-msp/style/../images/twitter-gray-icon.png) no-repeat; width:60px; height:60px; margin:0 auto; display:block} a.linkin-gry{ background:url(https://www.manageengine.com/products/service-desk-msp/style/../images/linkedin-gray-icon.png) no-repeat; width:60px; height:60px; margin:0 auto; display:block} a.youtb-gry{ background:url(https://www.manageengine.com/products/service-desk-msp/style/../images/youtube-gray-icon.png) no-repeat; width:60px; height:60px; margin:0 auto; display:block} a.gogle-gry{ background:url(https://www.manageengine.com/products/service-desk-msp/style/../images/googleplus-gray-icon.png) no-repeat; width:60px; height:60px; margin:0 auto; display:block} a.instgrm-gry{ background:url(https://www.manageengine.com/products/service-desk-msp/style/../images/instagram-gray-icon.png) no-repeat; width:60px; height:60px; margin:0 auto; display:block} a.facbk-gry:hover{ background:url(https://www.manageengine.com/products/service-desk-msp/style/../images/facebook-color-icon.png) no-repeat; width:60px; height:60px; margin:0 auto; display:block;-webkit-transition-property: background-image; -webkit-transition-duration: 0.2s; -webkit-transition-timing-function: ease-out; outline:none} a.twit-gry:hover{ background:url(https://www.manageengine.com/products/service-desk-msp/style/../images/twitter-color-icon.png) no-repeat; width:60px; height:60px; margin:0 auto; display:block;-webkit-transition-property: background-image; -webkit-transition-duration: 0.2s; -webkit-transition-timing-function: ease-out; outline:none} a.linkin-gry:hover{ background:url(https://www.manageengine.com/products/service-desk-msp/style/../images/linkedin-color-icon.png) no-repeat; width:60px; height:60px; margin:0 auto; display:block;-webkit-transition-property: background-image; -webkit-transition-duration: 0.2s; -webkit-transition-timing-function: ease-out; outline:none} a.youtb-gry:hover{ background:url(https://www.manageengine.com/products/service-desk-msp/style/../images/youtube-color-icon.png) no-repeat; width:60px; height:60px; margin:0 auto; display:block;-webkit-transition-property: background-image; -webkit-transition-duration: 0.2s; -webkit-transition-timing-function: ease-out; outline:none} a.gogle-gry:hover{ background:url(https://www.manageengine.com/products/service-desk-msp/style/../images/googleplus-color-icon.png) no-repeat; width:60px; height:60px; margin:0 auto; display:block;-webkit-transition-property: background-image; -webkit-transition-duration: 0.2s; -webkit-transition-timing-function: ease-out; outline:none} a.instgrm-gry:hover{ background:url(https://www.manageengine.com/products/service-desk-msp/style/../images/instagram-color-icon.png) no-repeat; width:60px; height:60px; margin:0 auto; display:block;-webkit-transition-property: background-image; -webkit-transition-duration: 0.2s; -webkit-transition-timing-function: ease-out; outline:none} /*Mobile web download GDPRmessage start*/ #meGDPRMessage label{ position:relative !important;} /*Mobile web download GDPRmessage start*/ } @media screen and (max-width:900px){ .ipd1024px{display:none !important;} .ipd900px{ display:block !important;} .flexBnrslides, .flex-control-nav, .flex-direction-nav{ display:block;} .menu-open {top: 35px;} ul.mobilemenu li {padding: 15px 0px 15px 0px; font-size: 16px;} ul.mobilemenu li a{ color: #fff; text-decoration:none; padding: 0px 20px;} .signupctadiv{ position:relative; top:40px;} a.signupcta{background:#c92632; color:#fff !important; text-decoration:none; padding:10px 20% !important; text-align:center; border-radius:5px; } .sec-pTB {padding: 40px 0;} .headerbg{ background-image:url(https://www.manageengine.com/products/service-desk-msp/style/../images/ipads-768-header-bg.png) !important; background-position:top; background-size:cover; min-height: 102px; background-repeat:no-repeat;} .bnr-sec{ background-image:url(https://www.manageengine.com/products/service-desk-msp/style/../images/ipads-768-banner-bg.png) !important; background-position:top; background-size:cover;min-height:922px;background-repeat:no-repeat;} .sec-banner {height:990px;overflow: hidden;} div.bnertxt { font-size: 45px; line-height: 60px; color: #333; padding: 7% 10px 3% 10px; font-weight:700; } div.bnertxt span{ font-family:'Pacifico'; font-size: 60px; line-height: 75px; } .typintxtbg { width: 95%;} p.bannersubtxt { font-size: 30px !important; font-weight: 400; margin-top: 0px; padding: 0 21%; line-height: 40px; } .play-icon{ margin-top: 3%;} .play-icon img{ width:5%;} .btmfxlinpdn{ padding:7% 3%;} .ipad-per50 { width: 84%; padding: 0 8%; float: none; margin: 3% 0; } .featuresec .ipad-per30 { margin: 1% 0; float: left; width: 40%; padding: 0 5%; min-height: 300px; } .sdphmimg{margin-top: 6%;} .ftrs-hdrtxt{ margin-top:3%;} .ftricn1 img {display: block;max-width: 22%;} .ftricn2 img {display: block;max-width: 22%;} .ftricn3 img {display: block;max-width: 22%;} .ftricn4 img {display: block;max-width: 22%;} .ftricn5 img {display: block;max-width: 20%;padding-bottom: 0px;} .ftricn6 img {display: block;max-width: 20%;} .ftricn7 img {display: block;max-width: 22%;} h3, a.qstinhdr { color: #272727; text-decoration: none; font-size: 25px !important; line-height: 30px !important; font-weight: 500; cursor:auto !important; } .ednhdr-cont .edn-per10{ width:8%; padding:0 1%; float:left} .ednhdr-cont .edn-per40{ width:38%; padding:0 1%; float:left} .ednhdr-cont .edn-per50{ width:48%; padding:0 1%; float:left} .strtsfrmtxt{ font-size:12px; color:#000; margin-top:0px;} .edn-subhdrtxt { font-size: 17px; line-height: 23px; font-weight: 400; color: #000;letter-spacing:normal;} .pricetxt{ font-size: 30px; line-height: 30px; text-align:right;} .tectmonthtxt{ text-align:right;} .openclose{ display:block !important} .openclose img {position: absolute; right: 7%; margin-top: 25px; width: 3%;} .featuresec img { display: block; } .ednhdr-cont { border-top: none; padding: 5%; } .edn-hdrtxt { font-family:'Zoho_Puvi_SemiBold', 'Open Sans', sans-serif; font-size: 23px; line-height: 40px; font-weight: 600; color: #000; } .editsctin .ipad-per30 { margin: 0; float: none; width: 97%; } a.ednstrtfre { background: #c92632; color: #fff; border-radius: 5px; padding: 12px 70px; text-decoration: none; font-size: 25px; text-align: center; } ul.edn-ftrslist{font-size: 18px;font-weight: 400;line-height: 30px;} .ednhdr-cont{ border-top:1px solid #d7d7d7 !important;} .ednctadiv {padding: 5% 0;} .editns-hdrbg{ padding:5% 1%;} .std-edn-hdr, .prf-edn-hdr, .ent-edn-hdr { font-size: 65px; line-height: 60px; font-weight: 600; } .std-edn-cptn, .prf-edn-cptn, .ent-edn-cptn { font-size: 25px; line-height: 40px; font-weight: 400; padding: 3% 10% 0 10%; } ul.editns-ftrslist li a { font-size: 20px;} ul.editns-ftrslist li { font-size: 20px;} h1.ithdstxt { font-size: 30px; line-height: 45px; color: #000; padding: 2% 1% 8% 1%; margin: 0px; font-weight: 600; } p.hdsdiscptin { font-size: 20px; line-height: 32px; color: #333; padding: 1% 5% 1% 5%; margin: 0px; text-align: center; } h1 span{ margin-left:0px;float: left;width: 100%;} h2 span{ margin-left:0px;float: left;width: 100%;} h2 span.edition{ margin-left:5px;float: none !important;width:auto !important;} section h2 {text-align: center;margin: 0px;line-height: 45px;font-size: 30px;} .featuresec h2{padding:1% 0% 10% 0% !important; } .ftrs-hdrtxt h3 { min-height: 30px; margin-top: 0%; margin-bottom: 0px; font-size: 23px !important; font-weight: 600; } p.ftrs-ptxt { margin-top: 5%; font-size: 18px; line-height: 30px; } .editsctin h2{padding:3% 0% 3% 0% !important; } .resourcssec h2{padding: 3% 0% !important;} .custmrquotesec h2 { text-align: center; margin: 0px; padding: 5% 0%; } .custmrlogosec h2 { text-align: center; margin: 0px; padding: 5% 0%; line-height: 50px; } .appsbtnsec h2{padding: 8% 0% 3% 0% !important; } .footer-ctasec h2 {padding: 0% 0% 3% 0% !important;font-size: 30px;line-height: 40px;} p.custmrquote { font-size: 18px; color: #444; line-height: 30px; margin-top: 1%; padding: 2% 10%; } .custmr-name { padding-bottom: 5%;} .resourcssec.ipad-per30 { margin: 5% 0; float: none; width: 80%; padding: 0 10%; } .rsrce-close { margin-top: 30%; position: absolute; left: 0; right: 0; font-size: 18px; color: #ccc; font-weight:300; } .resourcssec img { width: 115%; margin-left: -177px; } img.scndrs-imgml{margin-left: -200px;} .ipdmob-btmbar a { color: #fff; font-size: 18px; text-decoration: none; } .resourcssec img { width: 110%; margin-left: -120px; } img.scndrs-imgml{margin-left: -155px;} .slideUp { bottom: 65px; left: 65px; } .scndrsc { left: 65px !important; } .slide{ width: 538px; height: 689px; } .slideUp1 { bottom: 65px; left: 65px; } .slide1 { width: 538px; height: 689px; } .form-label label { left: 70px; } .inpt{ width: 100%; color: rgb(68, 68, 68); border: 1px solid rgb(222, 222, 222); text-indent: 5px; box-sizing: border-box; padding: 10px 5px; border-radius: 5px; font-size: 18px; } .submitbtn{cursor: pointer; outline: none medium; text-align: center; font-size: 20px; border-style: solid; border-width: 5px; border-radius: 5px; padding: 10px 30px; background:none; color:#fff; border:2px solid #fff} .submitbtn:hover{ background:#000; color:#fff; border:2px solid #fff} .formpdn{ padding:10% 10%} .emlmtp{ margin-top:10px;} .phntp{ margin-top:20px;} .custmrnamsec { width: 37%; float: right; margin-right: -15px; position: relative; margin-top:1%; } .custmrlogosec ul li img {width: 90%;} .custmrlogosec ul li { list-style-type: none; float: left; padding: 2% 1%; width: 22.9%; margin: 0 auto; height: auto; line-height: 70px; } .custmrlogosec{ padding:0px} img.disnylogo{ margin-top:-3px; position:relative;} img.rbslogo{ margin-top:0px; position:relative;} .appstoresec { background-position: 0px; padding-bottom: 13%; margin-top: 3%; } .appstoresec div.ipad-per50 { width: 46%; padding: 0 2%; float: left; } .appsbtns img { width: 65%; } .appsbtns { top:65px; position: relative; } .ftr-links{ width:91%; margin:0 auto;} .ftr-links a{ padding:0 3%;} .per-25{ width:98%; padding:0 1%;float:none; margin:2% 0;} .tolemail{width:61%; margin:0 auto; font-size:18px;} .per-50{ width:98%; padding:0 1%;float:none; margin:2% 0;} .ftrgraybdr{ margin:3% auto;} .ftr-links a{ color:#474747; text-decoration:none; text-align:center; padding:0% 5%; font-size:18px;} .social-icons{width:50%; margin:3% auto;} .ftr-links .per-20{ width:98%; padding:0 1%;float:none !important; margin:2% 0;} .per-30{ width:98%; padding:4px 1%; margin:0 auto;text-align:center; float:none !important;} .social-icons .per-20{ width:18%; padding:0 1%;float:left !important;} .social-icons img {width: 100%;max-width: 90%;} .copyright {font-size:18px;} .copyright a{font-size:18px;} .thnkscont { padding:5% 8% 0% 8%; } } @media screen and (max-width:853px) and (min-width:820px){ .contentare {margin-top: 60px;} .ipadmob-fixd { width: 100%; top: 0px; position: fixed; z-index: 999999; height: 61px; } .headerbg { background-image: url(https://www.manageengine.com/products/service-desk-msp/style/../images/ipads-768-header-bg.png) !important; background-position: top; background-size: cover; background-repeat: no-repeat; } .prdLogo { float: none; margin-top: 15px; } a.melogosvg { margin-top: 0 !important; } .melogosvg img { width: 100px!important; height: auto; margin: 2px 0 0 0; } .menu-open { top: 35px; height: 22px; } ul.mobmenu-slide.active { right: 0px!important; height: 100%; position: fixed; background: #333; z-index: 99999; top: 0px; padding-top: 60px; } ul.mobilemenu li { padding: 5px 0px 5px 0px; font-size: 16px; } ul.mobilemenu li:nth-child(2){ border-top: 0px !important;} ul.mobilemenu li:nth-child(3){ border-top: 0px !important;} .signupctadiv { position: relative; top: 23px; } a.signupcta { background: #c92632; color: #fff !important; text-decoration: none; padding: 6px 10% !important; text-align: center; border-radius: 5px; } li.contact { right: 10px; z-index: 99999 !important; position: absolute; font-size: 20px; border-top: 2px solid #3e3e3e; width: 90%; text-align: center; } } @media screen and (max-width:800px){ div.bnertxt { font-size: 67px; line-height: 75px; color: #333; padding: 10% 0px 5% 0px; font-weight: 700; } } @media screen and (max-width:768px){ .sec-pTB {padding: 40px 0;} .headerbg{ background-image:url(https://www.manageengine.com/products/service-desk-msp/style/../images/ipads-768-header-bg.png) !important; background-position:top; background-size:cover; min-height: 102px; background-repeat:no-repeat;} .bnr-sec{ background-image:url(https://www.manageengine.com/products/service-desk-msp/style/../images/ipads-768-banner-bg.png) !important; background-position:top; background-size:cover;min-height:922px;background-repeat:no-repeat;} div.bnertxt span{ font-family:'Pacifico'; font-size: 60px; line-height: 75px; } .sec-banner {height:990px;overflow: hidden;} .ipad-per50 {width: 84%;padding: 0 8%;float: none;margin: 3% 0;} div.bnertxt {font-size: 60px;line-height: 68px;color: #333;padding: 10% 0% 5% 0%;} .play-icon img {width: 9%;} .featuresec a h2 {font-size: 30px;} .ipdmob-btmbar a {color: #fff;font-size: 18px;text-decoration: none;} .resourcssec img {width: 110%;margin-left: -120px;} img.scndrs-imgml{margin-left: -155px;} .slideUp { bottom: 65px; left: 65px;} .scndrsc {left: 65px !important;} .slide{width: 538px; height: 689px;} .slideUp1 {bottom: 65px; left: 65px;} .slide1 {width: 538px; height: 689px;} .ftr-startfretrl a {font-size: 22px;} .form-label label {left: 70px; } } @media screen and (max-width:736px) and (min-width:700px){ .contentare {margin-top: 60px;} .ipadmob-fixd { width: 100%; top: 0px; position: fixed; z-index: 999999; } .headerbg { background-image: url(https://www.manageengine.com/products/service-desk-msp/style/../images/ipads-768-header-bg.png) !important; background-position: top; background-size: cover; background-repeat: no-repeat; } .prdLogo { float: none; margin-top: 0px; } a.melogosvg { margin-top: 0 !important; } .melogosvg img { width: 100px!important; height: auto; margin: 2px 0 0 0; } .sdplogosvg img { margin-top: -7px; width: 150px; height: 24px; } .menu-open { top: 12px; height: 22px; } ul.mobmenu-slide{right: -406px !important;} ul.mobmenu-slide.active { right: 0px!important; height: 100%; position: fixed; background: #333; z-index: 99999; top: 0px; padding-top: 60px; } ul.mobilemenu li { padding: 5px 0px 5px 0px; font-size: 20px; } ul.mobilemenu li:nth-child(2){ border-top: 0px !important;} ul.mobilemenu li:nth-child(3){ border-top: 0px !important;} .signupctadiv { position: relative; top: 20px; } a.signupcta { background: #c92632; color: #fff !important; text-decoration: none; padding: 6px 10% !important; text-align: center; border-radius: 5px; } li.contact { right: 0px; z-index: 99999 !important; position: absolute; font-size: 20px; border-top: 2px solid #3e3e3e; width: 90%; text-align: center; } } /* iPad screen styles end*/ @media screen and (max-width:667px) and (min-width:600px){ .contentare {margin-top: 60px;} .ipadmob-fixd { width: 100%; top: 0px; position: fixed; z-index: 999999; height: 61px; } .headerbg { background-image: url(https://www.manageengine.com/products/service-desk-msp/style/../images/ipads-768-header-bg.png) !important; background-position: top; background-size: cover; background-repeat: no-repeat; } .prdLogo { float: none; margin-top: 0px; } a.melogosvg { margin-top: 0 !important; } .melogosvg img { width: 100px!important; height: auto; margin: 2px 0 0 0; } .sdplogosvg img { margin-top: -7px; width: 150px; height: 24px; } .menu-open { top: 12px; height: 22px; } ul.mobmenu-slide{right: -406px !important;} ul.mobmenu-slide.active { right: 0px!important; height: 100%; position: fixed; background: #333; z-index: 99999; top: 0px; padding-top: 60px; } ul.mobilemenu li { padding: 5px 0px 5px 0px; font-size: 17px; } ul.mobilemenu li:nth-child(2){ border-top: 0px !important;} ul.mobilemenu li:nth-child(3){ border-top: 0px !important;} .signupctadiv { position: relative; top: 20px; } a.signupcta { background: #c92632; color: #fff !important; text-decoration: none; padding: 6px 10% !important; text-align: center; border-radius: 5px; } li.contact { right: 0px; z-index: 99999 !important; position: absolute; font-size: 20px; border-top: 2px solid #3e3e3e; width: 90%; text-align: center; } } @media screen and (max-width:600px){ div.bnertxt { font-size: 50px; line-height: 60px; color: #333; } div.bnertxt span{ font-family:'Pacifico'; font-size: 50px; line-height: 65px; } p.bannersubtxt { font-size: 30px !important; font-weight: 400; margin-top: 0px; padding: 0 13%; line-height: 40px; } .featuresec .ipad-per30 { float: none; width: 80%; padding: 0 10%; margin-top: 5%; } .ftrs-hdrtxt h3 { min-height: 25px; margin-top: 5%; margin-bottom: 0px; font-size: 30px !important; font-weight: 600; } .custmrlogosec h2 { text-align: center; margin: 0px; padding: 5% 13%; line-height: 50px; } p.ftrs-ptxt { margin-top: 5%; font-size: 20px; line-height: 30px; } ul.edn-ftrslist { margin: 0px; padding: 0; list-style-type: none; color: #000; font-size: 20px; font-weight: 400; line-height: 30px; } p.custmrquote { font-size: 20px; color: #444; line-height: 30px; margin-top: 1%; padding: 2% 10%; } .ftr-startfretrl { background: #c92632; color: #fff; border-radius: 5px; padding: 15px 0px; border: 2px solid #c92632; text-decoration: none; width: 60%; margin: 0 auto; } .social-icons { width: 65%; margin: 3% auto; } } @media screen and (max-width:480px){ .bnrcta>div{ display: inline-block; padding: 10px 5px; } .flexslider { width: 100% !important; margin-bottom: 5%; } .ipadmob-fixd {height:63px !important;} .contentare{ margin-top:60px;} .melogosvg img { width: 120px !important;margin-top: -2px !important;} .sdplogosvg img { margin-top: -5px !important; width: 200px !important; } .bnr-sec{top: 60px !important;} .headerbg {background-image:url(https://www.manageengine.com/products/service-desk-msp/style/../images/480x853-header-bg.png) !important;} .bnr-sec {background-image: url(https://www.manageengine.com/products/service-desk-msp/style/../images/480x853-banner-bg.png) !important; min-height: 793px; } .sec-banner {height: 853px;overflow: hidden; } div.bnertxt {font-size: 40px; line-height: 53px; color: #333; padding: 10% 7% 3% 7%; font-weight: 700; width:90%; } div.bnertxt span{ font-family:'Pacifico'; font-size: 40px; line-height: 40px; } p.bannersubtxt { font-size: 23px !important; font-weight: 400; margin-top: 0%; line-height: 30px; padding: 0 9%; } .typintxtbg { height: 59px; } .play-icon { margin-top: 8%; } .starturfreetrial a { color: #fff; font-size: 25px; text-decoration: none; line-height: 25px; } .scheduldemo a { color: #c92632; font-size: 25px; text-decoration: none; line-height: 25px; } .btmfxlinpdn { padding: 12% 1%; } a.btmfxlink img { width: 20%; } span.ml10 { margin-left: 10px; font-size: 14px; } .ednhdr-cont { border-top: none; padding: 3% 5% 3% 3%; } .ednhdr-cont .edn-per50 { padding: 5% 1% 0 1%; } .menu-open {top: 20px !important; margin-right: 10px !important; z-index: 999999;} .change .bar1 { -webkit-transform: rotate(-45deg) translate(-8px, 8px) ; transform: rotate(-45deg) translate(-8px, 8px) ; z-index:999999; background:#fff; position:relative; width:27px; } .change .bar3 { -webkit-transform: rotate(45deg) translate(-3px, -4px) ; transform: rotate(45deg) translate(-2px, -2px) ; z-index:999999; background:#fff; position:relative; width:27px; } .bar1, .bar2, .bar3 { width: 30px; height: 3px; background-color: #b93739; margin: 4px 0; transition: 0.4s; cursor: pointer; border-radius: 3px; } .mobmenu-slide{top: 0px !important;} .mobmenu-slide.active{top: 0px !important;} .ovrly, .ovrly.active { top: 0px;} ul.mobmenu-slide { padding-top:60px; } ul.mobmenu-slide.active { right: 0px!important; height: 100%; position: fixed; background: #333; z-index:99999; top:0px; padding-top:60px; } ul.mobilemenu li { width: 100%; font-size:15px; padding: 20px 0px 20px 0px; } ul.mobilemenu li a { color: #fff; text-decoration: none; } li.contact{font-size:14px;} h1.ithdstxt { font-size: 22px; line-height: 28px; padding: 2% 1% 10% 1%; } .contentare h1 { font-size: 22px; line-height: 25px; margin-top: 5%; } section h2 { font-size: 22px !important; line-height: 28px !important; } .ftr-powerrpting{width: 80%; padding: 0 1.5%; margin:0 auto} .ftr-powerrpting img{ width:20%;} a.signupcta { padding: 7px 18% !important; font-size: 19px !important; font-weight: 600 !important; } .sdphmimg{margin-top: 3%;} .featuresec .ipad-per30 { float: none; width: 96%; padding: 0 2%; margin-top: 5%; min-height: 175px; } .mspfeatures .ipad-per30 { float: none; width: 96%; padding: 0 2%; margin-top: 0%; min-height: 175px; } .ftricn1 img {display: block;max-width: 12%;} .ftricn2 img {display: block;max-width:12%;} .ftricn3 img {display: block;max-width: 12%;} .ftricn4 img {display: block;max-width: 12%;} .ftricn5 img {display: block;max-width: 10%;padding-bottom: 0px;} .ftricn6 img {display: block;max-width: 10%;} .ftricn7 img {display: block;max-width: 12%;} .sec-pTB { padding: 20px 0; } ul.edn-ftrslist li { padding: 2% 0; border-bottom: 1px solid #d7d7d7; font-size: 15px; } .contentare h2 { font-size: 30px; line-height: 35px; margin-top: 5%; } .contentare h2 { font-size: 24px; line-height: 30px; margin-top: 5%; } .footer-ctasec h2 { font-size: 24px; line-height: 30px; } p.hdsdiscptin { font-size: 16px; line-height: 25px; } p.ftrs-ptxt { margin-top: 2%; font-size:16px; line-height:25px;} .ftrs-hdrtxt h3 { margin-top: 2%; margin-bottom: 0px; font-size: 19px !important; min-height: 22px; font-weight: 600; } .featuresec img { display: block; max-width: 15%; } .ftricn1, .ftricn2, .ftricn3, .ftricn4, .ftricn5, .ftricn6, .ftricn7 { min-height: 45px; } .edn-hdrtxt { font-size: 16px; line-height: 20px; font-weight: 700; color: #000; } .edn-subhdrtxt { font-size: 14px; line-height: 23px; font-weight: 400; color: #000; letter-spacing: normal; } .pricetxt { font-size: 25px; line-height: 30px; } .custmrlogosec ul li { list-style-type: none; float: left; padding: 0% 1%; width: 23%; margin: 0 auto; height: auto; line-height: 60px; } .custmrlogosec ul li img{ width: 90%;} .custmrlogs { padding-bottom: 2%; } .resourcssec img { width: 125%; margin-left: -90px; } .custmrnamsec { width: 60%;} img.custmr-qutimg { width: 10%; padding-bottom: 0%; } p.custmrquote { font-size: 15px; color: #444; line-height: 25px; margin-top: 5%; padding: 2% 10%; } .custmr-name{font-size: 14px;} .slideUp, .slideUp1 { bottom: 39px; left: 7px; } .scndrsc { left: 7px !important; } .slide, .slide1 { background-color: rgba(0, 0, 0, 88); display: none; width: 315px; height: 403px; } #reverse { position: relative; } .inpt{ width: 100%; color: rgb(68, 68, 68); border: 1px solid rgb(222, 222, 222); text-indent: 5px; box-sizing: border-box; padding: 10px 5px; border-radius: 5px; font-size: 15px; } .submitbtn{cursor: pointer; outline: none medium; text-align: center; font-size: 20px; border-style: solid; border-width: 5px; border-radius: 5px; padding: 10px 30px; background:none; color:#fff; border:2px solid #fff} .submitbtn:hover{ background:#000; color:#fff; border:2px solid #fff} .formpdn { padding: 0% 8%; } .emlmtp{ margin-top:10px;} .phntp{ margin-top:20px;} img.scndrs-imgml { margin-left: -110px; } .form-label label { left: 45px; } .appsbtns { top: 50px; position: relative; } .thnkscont { padding: 1%; } .ftr-startfretrl { padding: 5px 0px;width:48%;} .ftr-startfretrl a {font-size: 17px;} .ftr-links a {font-size: 15px;} .tolemail {font-size: 13px;} .copyright {font-size: 14px;} .copyright a {font-size: 14px;} .heading-menu h1.ftrmnhdr{ font-size:28px;} .heading-menu .ftrpg-inrhdr{ font-size:18px; padding:2% 4% 0px 4%;} a.ednstrtfre { font-size: 16px; padding: 5px 30px; } a.facbk-gry{ background:url(https://www.manageengine.com/products/service-desk-msp/style/../images/facebook-gray-iconx40.png) no-repeat; width:40px; height:40px; margin:0 auto; display:block} a.twit-gry{ background:url(https://www.manageengine.com/products/service-desk-msp/style/../images/twitter-gray-iconx40.png) no-repeat; width:40px; height:40px; margin:0 auto; display:block} a.linkin-gry{ background:url(https://www.manageengine.com/products/service-desk-msp/style/../images/linkedin-gray-iconx40.png) no-repeat; width:40px; height:40px; margin:0 auto; display:block} a.youtb-gry{ background:url(https://www.manageengine.com/products/service-desk-msp/style/../images/youtube-gray-iconx40.png) no-repeat; width:40px; height:40px; margin:0 auto; display:block} a.gogle-gry{ background:url(https://www.manageengine.com/products/service-desk-msp/style/../images/googleplus-gray-iconx40.png) no-repeat; width:40px; height:40px; margin:0 auto; display:block} a.instgrm-gry{ background:url(https://www.manageengine.com/products/service-desk-msp/style/../images/instagram-gray-iconx40.png) no-repeat; width:40px; height:40px; margin:0 auto; display:block} a.facbk-gry:hover{ background:url(https://www.manageengine.com/products/service-desk-msp/style/../images/facebook-color-iconx40.png) no-repeat; width:40px; height:40px; margin:0 auto; display:block;-webkit-transition-property: background-image; -webkit-transition-duration: 0.2s; -webkit-transition-timing-function: ease-out; outline:none} a.twit-gry:hover{ background:url(https://www.manageengine.com/products/service-desk-msp/style/../images/twitter-color-iconx40.png) no-repeat; width:40px; height:40px; margin:0 auto; display:block;-webkit-transition-property: background-image; -webkit-transition-duration: 0.2s; -webkit-transition-timing-function: ease-out; outline:none} a.linkin-gry:hover{ background:url(https://www.manageengine.com/products/service-desk-msp/style/../images/linkedin-color-iconx40.png) no-repeat; width:40px; height:40px; margin:0 auto; display:block;-webkit-transition-property: background-image; -webkit-transition-duration: 0.2s; -webkit-transition-timing-function: ease-out; outline:none} a.youtb-gry:hover{ background:url(https://www.manageengine.com/products/service-desk-msp/style/../images/youtube-color-iconx40.png) no-repeat; width:40px; height:40px; margin:0 auto; display:block;-webkit-transition-property: background-image; -webkit-transition-duration: 0.2s; -webkit-transition-timing-function: ease-out; outline:none} a.gogle-gry:hover{ background:url(https://www.manageengine.com/products/service-desk-msp/style/../images/googleplus-color-iconx40.png) no-repeat; width:40px; height:40px; margin:0 auto; display:block;-webkit-transition-property: background-image; -webkit-transition-duration: 0.2s; -webkit-transition-timing-function: ease-out; outline:none} a.instgrm-gry:hover{ background:url(https://www.manageengine.com/products/service-desk-msp/style/../images/instagram-color-iconx40.png) no-repeat; width:40px; height:40px; margin:0 auto; display:block;-webkit-transition-property: background-image; -webkit-transition-duration: 0.2s; -webkit-transition-timing-function: ease-out; outline:none} .rsrce-close { bottom:10px;} } /* iPhone 6+, 7+ ----------- */ @media screen and (max-width:414px){ .form-label label { margin-top: -40px; font-size: 14px; } .sec-pTB { padding: 20px 0; } .headerbg{ background-image:url(https://www.manageengine.com/products/service-desk-msp/style/../images/iphone6plus-414-header-bg.png)!important; background-position:top; background-repeat:no-repeat; min-height: auto;} .menuicn { right: 10px; } ul.mobilemenu li { width: 100%; font-size:17px; padding: 15px 0px; } ul.mobilemenu li a { color: #fff; text-decoration: none; } li.contact{font-size:16px;} .sec-banner{ height:692px; overflow:hidden} .signupctadiv { position: relative; top: 30px; } .btmfxlinpdn { padding: 12% 1%; } a.btmfxlink img { width: 20%; } span.ml10 { margin-left: 10px; font-size: 12px; } a.signupcta { padding: 10px 25% !important; font-size: 17px !important; font-weight:600 !important; } .thnkscont { padding: 3%; } .bnr-sec{ background-image:url(https://www.manageengine.com/products/service-desk-msp/style/../images/iphone6plus-414-banner-bg.png)!important; background-position:top; background-size:contain;min-height:736px;background-repeat:no-repeat;} h1.ithdstxt { font-size: 20px; line-height: 28px;} p.hdsdiscptin { font-size: 16px; line-height: 25px; } .typintxtbg { height: 51px; } section h2 { font-size: 20px !important;line-height: 28px !important; } .ftricn1, .ftricn2, .ftricn3, .ftricn4, .ftricn5, .ftricn6, .ftricn7 { min-height: 50px; } .ftrs-hdrtxt h3 { margin-top: 0%; margin-bottom: 0px; font-size: 18px !important; min-height: 20px; font-weight: 600; } p.ftrs-ptxt { margin-top: 2%; font-size: 16px; line-height: 25px; } .openclose img {margin-top:25px;} .ftrs-icons { min-height: 55px; margin-top: 5%; } .featuresec .ipad-per30 { float: none; width: 80%; padding: 0 10%; } .editsctin .ipad-per30 { margin:0;} .ednctadiv {padding: 8% 0;} .ednftr-cont{padding: 0% 5% 10% 5%;} .editns-hdrbg{padding:5% 1%} .std-edn-hdr, .prf-edn-hdr, .ent-edn-hdr{font-size:40px; line-height:40px; font-weight:500; } .std-edn-cptn, .prf-edn-cptn, .ent-edn-cptn{ font-size:15px; line-height:25px; font-weight:400; padding:3% 5% 0 5%;} ul.editns-ftrslist li a { font-size: 15px; line-height: 20px;} ul.editns-ftrslist li { padding: 0; font-size: 16px; } ul.editns-ftrslist { min-height: 210px; } a.grtguotebtn { font-size: 20px; padding: 5px 30px;} .editsctin div.pT70{ padding-top:0px !important;} .editsctin div.pb60{ padding-bottom:30px !important;} .ipad-per50 { width: 84%; padding: 0 8%; float: none; margin: 3% 0; } div.bnertxt { font-size: 35px !important; line-height: 48px; color: #333; padding: 13% 35px 0% 35px; font-weight: 700; width:55%; } div.bnertxt span{ font-family:'Pacifico'; font-size: 35px; line-height: 40px; } p.bannersubtxt { font-size: 23px !important; font-weight: 400; margin-top: 3%; line-height: 30px; padding: 0 9%; } .play-icon img { width: 10%; margin-top:0%; } .bnr-sec div.pT50{ padding-top:6%;} .whtc-video { margin-top: 10px !important; font-size:15px; } .ipdmob-btmbar a{ color:#fff; font-size:12px;} .comparetxt { margin: 5px auto 0 auto; text-align: center; width: 100%; } .getqutetxt { margin: 5px auto 0 auto; text-align: center; width: 100%; } .starturfreetrial { padding: 11px 0px; border-radius: 5px; } .scheduldemo { border-radius: 5px; padding: 11px 0px; } .starturfreetrial a { font-size: 21px; } .scheduldemo a { font-size: 21px; } .rsourcecta{width: 50%; background: #03A9F4; color: #fff; padding: 10px 0; font-size: 20px; border-radius: 5px; margin: 0 auto; top: 50px; position: relative;} .rsourcectabg{position: absolute; width: 324px; background: #000000ad; height: 150px; left: 12px; bottom: 40px;} .btmpdn2 { padding: 10px 10px 2px 10px !important; } .btmpdn1 { padding: 10px 8px 3px 8px !important; } .ls-per20{ width: 100%;padding:0; float:none;} .ls-per80{width: 100%;padding:0; float:none;} .btm-rqst-demo img { width: 50%; } .btm-compare img { width: 54%; } .btm-getquote img { width: 49%; } .resourcssec h2{ padding:3% 10% 3% 10% !important;} .slideUp, .slideUp1 {bottom: 40px;left: 8px;} .slide, .slide1 { width:330px; height: 430px; } .inpt{ width: 100%; padding: 10px 5px; border-radius: 5px; font-size: 15px; } .submitbtn{ font-size: 20px; padding: 10px 30px; } .formpdn { padding: 0% 8%; } .emlmtp{ margin-top:10px;} .phntp{ margin-top:20px;} .custmrnamsec { width: 60%;} .custmrimg img { width: 95%; } p.custmrquote { font-size: 17px; line-height: 26px;} .custmr-name {font-size: 14px;} .custmr-discpn {font-size: 14px;} .custmrlogosec ul li { line-height:50px; margin:2% auto; width: 23%;} .appsbtns { top: 35px; position: relative; } .ftr-startfretrl { border-radius: 5px; padding: 6px 0px; width: 60%; margin: 1% auto 0% auto;} .ftr-startfretrl a{ font-size:16px;} .ftrgraybdr { margin: 5% auto; } .tolemail { width: 100%;} .ftr-links{ width:100%; margin:0 auto;} .ftr-links a{ padding:0 3%;} .per-20{ width:98%; padding:0 1%;float:none !important; margin:2% 0;} .per-25{ width:98%; padding:0 1%;float:none !important; margin:2% 0;} .tolemail{width:100%; margin:0 auto; font-size:15px;} .per-50{ width:98%; padding:0 1%;float:none !important; margin:2% 0;} .ftrgraybdr{ margin:3% auto;} .footer-ctasec h2 {font-size: 20px;padding: 0 10%;line-height: 37px;} .ftr-links a{ color:#474747; text-decoration:none; text-align:center; padding:0% 5%; font-size:15px;} .social-icons {width: 65%; margin: 8% auto 5% auto;} .social-icons img {width: 100%;max-width: 90%;} .copyright {font-size:15px;} .copyright a{font-size:15px;} } @media screen and (max-width:412px){ div.bnertxt { font-size: 34px !important; line-height: 45px; color: #333; padding: 13% 35px 0% 35px; font-weight: 700; } } @media screen and (max-width:411px){ .headerbg { border: none;} ul.mobilemenu li a { color: #fff; text-decoration: none; } div.bnertxt { font-size: 34px !important; line-height: 45px; color: #333; padding: 13% 35px 0% 35px; font-weight: 700; } } /*Android (Nexus 4) portrait · width: 384px*/ @media screen and (max-width:384px){ ul.mobilemenu li { width: 100%; font-size:15px; } ul.mobilemenu li a { color: #fff; text-decoration: none; } li.contact{font-size:14px;} .sec-banner{ height:670px; overflow:hidden} .headerbg{ background-image:url(https://www.manageengine.com/products/service-desk-msp/style/../images/iphone6-375-header-bg.png)!important; background-position:top; background-repeat:no-repeat;} .menuicn { right: 10px; } .bnr-sec{ background-image:url(https://www.manageengine.com/products/service-desk-msp/style/../images/iphone6-375-banner-bg.png)!important; background-position:top; background-size:cover;min-height:607px;background-repeat:no-repeat;} .prvcy-plicy{font-size: 9px;} .prvcy-plicy a {font-size: 9px;} div.bnertxt { font-size: 32px !important; line-height: 35px; color: #333; padding: 13% 35px 0% 35px; font-weight: 700; } div.bnertxt span{ font-family:'Pacifico'; font-size: 30px; line-height: 40px; } .typintxtbg { height: 45px; margin: 0 auto; width: 100%; } p.bannersubtxt { font-size: 20px !important; font-weight: 400; margin-top: 3%; line-height: 30px; padding: 0 9%; } .btmfxlinpdn { padding: 12% 0%; } span.ml10 { font-size: 11px; margin-left:5px; } .featuresec a h2 { font-size: 20px; } p.hdsdiscptin { font-size: 15px; line-height: 25px; padding: 1% 5%;} section p { font-size: 14px !important; line-height: 25px !important; } .ftrs-icons { min-height: 55px; margin-top: 5%; } .featuresec .ipad-per30 { margin: 5% 0; float: none; width: 80%; padding: 0 10%; } .ipad-per50 { width: 84%; padding: 0 8%; float: none; margin: 3% 0; } .play-icon img { width: 10%; } ul.edn-ftrslist { font-size: 14px; line-height: 25px; } ul.edn-ftrslist li { padding: 1% 0; border-bottom: 1px solid #d7d7d7; font-size: 14px; } .pricetxt { font-size: 20px; line-height: 30px; } .tectmonthtxt { font-size: 10px;} .custmrlogosec ul li.logo9 { display: block; } .custmrlogosec ul li { line-height: 50px; margin: 0% auto; } .footer-ctasec h2 { font-size: 18px; padding: 0 10%; line-height: 25px; } .ftrs-hdrtxt h3 { margin-top: 0%; margin-bottom: 0px; font-size: 16px !important; min-height: 20px; font-weight: 600; letter-spacing: 0px; } .ipdmob-btmbar a{ color:#fff; font-size:10px;} .ftr-startfretrl { border-radius: 5px; padding: 3px 0px; width: 55%; margin: 1% auto 0% auto; } .ftr-startfretrl a { font-size: 14px; } .ftr-links a { color: #474747; text-decoration: none; text-align: center; padding: 0% 5%; font-size: 14px; } .tolemail { width: 100%; margin: 0 auto; font-size: 14px; } .copyright { font-size: 14px; } .bnr-sec div.pT50{ padding-top:5%;} .edn-subhdrtxt {font-size: 10px;} .btmpdn2 { padding: 10px 10px 2px 10px !important; } .btmpdn1 { padding: 10px 8px 3px 8px !important; } .ls-per20{ width: 100%;padding:0; float:none;} .ls-per80{width: 100%;padding:0; float:none;} .btm-rqst-demo img { width: 50%; } .btm-compare img { width: 54%; } .btm-getquote img { width: 49%; } } /* iPhone 6 ----------- */ @media screen and (max-width:375px){ .headerbg{ background-image:url(https://www.manageengine.com/products/service-desk-msp/style/../images/iphone6-375-header-bg.png)!important; background-position:top; background-repeat:no-repeat; min-height:auto;} .menuicn { right: 10px; } ul.mobilemenu li { width: 100%; font-size:18px; } ul.mobilemenu li a { color: #fff; text-decoration: none; } .sec-banner{ height:692px; overflow:hidden} .bnr-sec{ background-image:url(https://www.manageengine.com/products/service-desk-msp/style/../images/iphone6-375-banner-bg.png)!important; background-position:top; min-height:607px;background-repeat:no-repeat;} div.bnertxt { font-size: 30px !important; line-height: 35px; padding: 13% 35px 0% 35px; } p.bannersubtxt { font-size: 18px !important; margin-top: 5%; padding: 0 10%; line-height: 25px; } .typintxtbg { height: 46px; } .play-icon img { width: 12%; } section h2 { font-size: 18px !important; line-height: 25px !important; letter-spacing: 0px; } .ftrs-icons { min-height: 55px; margin-top: 5%; } .featuresec .ipad-per30 { margin: 5% 0; float: none; width: 80%; padding: 0 10%; } .ipad-per50 { width: 84%; padding: 0 8%; float: none; margin: 3% 0; } .play-icon img { width: 10%; } .whtc-video { margin-top: 10px !important; font-size:10px; } .ipdmob-btmbar a{ color:#fff; font-size:10px;} .bnr-sec div.pT50{ padding-top:20px;} .custmrlogosec ul li { list-style-type: none; float: left; padding: 0% 4%; width: 25%; margin: 0 auto; height: auto; line-height: 50px; } .dn360{ display:none} .resourcssec img { width: 125%; margin-left: -80px; } img.scndrs-imgml { margin-left: -95px; } .slide, .slide1 { width: 285px; height: 365px; } .slideUp, .slideUp { bottom: 36px; left: 8px; } .scndrsc { left: 8px !important; } .btmpdn2 { padding: 10px 10px 2px 10px !important; } .btmpdn1 { padding: 10px 8px 3px 8px !important; } .ls-per20{ width: 100%;padding:0; float:none;} .ls-per80{width: 100%;padding:0; float:none;} .btm-rqst-demo img { width: 50%; } .btm-compare img { width: 54%; } .btm-getquote img { width: 49%; } .footer-ctasec h2 {font-size: 18px;padding: 0 12%;line-height: 27px;} .heading-menu h1.ftrmnhdr{ font-size:25px;} .heading-menu .ftrpg-inrhdr{ font-size:15px; padding:2% 7% 0px 7%;} } /* samsung galaxy ----------- */ @media screen and (max-width:360px){ .headerbg{ background-image:url(https://www.manageengine.com/products/service-desk-msp/style/../images/iphone6-375-header-bg.png) !important; background-position:top; background-size:cover; background-repeat:no-repeat;} div.bnertxt { font-size: 28px !important; line-height: 35px; padding: 13% 35px 0% 35px; } .menuicn { right: 10px; } ul.mobilemenu li { width: 100%; font-size:14px; padding: 15px 0px 15px 0px; } ul.mobilemenu li a { color: #fff; text-decoration: none; } a.signupcta { padding: 5px 17% !important; font-size: 20px !important; } .sec-banner{ height:570px; overflow:hidden} .bnr-sec{ background-image:url(https://www.manageengine.com/products/service-desk-msp/style/../images/iphone6-375-banner-bg.png) !important; background-position:top; background-size:cover;min-height:636px !important;background-repeat:no-repeat;} .starturfreetrial { padding: 7px 0px; width:100%; } .starturfreetrial a { font-size: 19px; } .scheduldemo { padding: 7px 0px; width:100%; } .scheduldemo a { font-size: 19px; } .contentare h1 { font-size: 20px; line-height: 25px; margin-top: 5%; } .contentare h2 { font-size: 20px; line-height: 30px; margin-top: 5%; } .ftrs-hdrtxt h3 { margin-top: 0%; margin-bottom: 0px; font-size: 15px !important; min-height: 20px; font-weight: 600; letter-spacing: 0px; } p.ftrs-ptxt { margin-top: 2%; font-size: 15px; line-height: 20px; } .ftricn1, .ftricn2, .ftricn3, .ftricn4, .ftricn5, .ftricn6, .ftricn7 { min-height: 30px; } .mspfeatures .pT30 { padding-top: 5px !important; } .custmrquotesec h2 { padding: 0 13% 8% 13% !important; } .custmrlogosec h2 { padding: 5% 10% !important; } .custmrlogosec ul li { list-style-type: none; float: left; padding: 0% 4%; width: 25%; margin: 0 auto; height: auto; line-height: 45px; } p.hdsdiscptin { font-size: 14px; line-height: 22px; padding: 1% 5%;} section p { font-size: 14px !important; line-height: 25px !important; } .ftrs-icons { min-height: 55px; margin-top: 5%; } .featuresec .ipad-per30 { margin: 5% 0; float: none; width: 80%; padding: 0 10%; } .ipad-per50 { width: 84%; padding: 0 8%; float: none; margin: 3% 0; } .play-icon img { width: 10%; } .ipdmob-btmbar a{ color:#fff; font-size:10px;} .bnr-sec div.pT50{ padding-top:10px;} .resourcssec img { width: 125%; margin-left: -80px; } img.scndrs-imgml { margin-left: -95px; } .slide, .slide1 { width: 285px; height: 366px; } .slideUp, .slideUp1 { bottom: 34px; left: 7px; } .scndrsc { left: 7px !important; } .btmpdn2 { padding: 10px 10px 2px 10px !important; } .btmpdn1 { padding: 10px 8px 3px 8px !important; } .ls-per20{ width: 100%;padding:0; float:none;} .ls-per80{width: 100%;padding:0; float:none;} .btm-rqst-demo img { width: 50%; } .btm-compare img { width: 54%; } .btm-getquote img { width: 49%; } .footer-ctasec h2 { font-size: 18px; padding: 0% !important; line-height: 37px; } .resource-form { margin-top: 6%; } .prvcy-plicy{font-size: 8px;} .prvcy-plicy a {font-size: 8px;} } @media screen and (max-width:340px){ div.bnertxt { font-size: 28px; line-height: 33px; padding: 13% 35px 0% 35px; } section h2 { font-size: 17px !important; line-height: 25px !important; letter-spacing: 0px; } .resourcssec h2 { padding: 3% 10% 3% 10% !important; } .custmrquotesec h2 { font-size: 27px; line-height: 32px; padding: 5% 10% 8% 10% !important; } .custmrlogosec h2 { font-size: 27px; line-height: 32px; padding: 5% 9% !important; } .appsbtnsec h2 { font-size: 27px; line-height: 32px; padding: 10% 18% !important; } .footer-ctasec h2 { font-size: 17px; padding: 0% !important; line-height: 37px; } .slide, .slide1 { width: 267px; height: 345px; } .slideUp, .slideUp1 { bottom: 34px; left: 6px; } .scndrsc { left: 6px !important; } } /* iPhone 6 ----------- */ @media screen and (max-width:320px){ .headerbg{ background-image:url(https://www.manageengine.com/products/service-desk-msp/style/../images/iphone5-320-header-bg.png) !important; background-position:top; background-repeat:no-repeat;} .menuicn { right: 10px; } ul.mobilemenu li a { color: #fff; text-decoration: none; padding: 0px 20px; } .signupctadiv { position: relative; top: 25px; } .sec-banner{ height:550px; overflow:hidden} .bnr-sec{ background-image:url(https://www.manageengine.com/products/service-desk-msp/style/../images/iphone5-320-banner-bg.png) !important; background-position:top; background-size:cover;min-height:489px !important;background-repeat:no-repeat;} div.bnertxt { font-size: 27px !important; line-height: 30px; padding: 13% 25px 0%; } p.bannersubtxt { font-size: 16px !important; } .play-icon img { width: 12%; } .bnr-sec div.pT50 { padding-top: 24px; } .starturfreetrial { padding: 7px 0px; border-radius: 5px; width:100%; } .starturfreetrial a { font-size: 18px; } .scheduldemo { border-radius: 5px; padding: 7px 0px; width:100%; } .scheduldemo a { font-size: 18px; } h1.ithdstxt { font-size: 17px; line-height: 25px; letter-spacing: 0px; } section h2 { font-size: 16px !important; line-height: 25px;} .appstoresec h2 {padding: 0 18%;} .custmrquotesec h2 { padding: 5% 8% 8% 8% !important; } .editsctin h2 { padding: 0 10% !important; } .featuresec a h2 { font-size: 20px; } .custmrlogosec h2 { padding: 5% 7% !important; } .appsbtnsec h2 { padding: 10% 16% !important; } .contentare h1 { font-size: 19px; line-height: 22px; margin-top: 5%; } .contentare h2 { font-size: 18px; line-height: 25px; margin-top: 5%; } .ftrs-hdrtxt h3 {font-size: 14px !important;} p.ftrs-ptxt { margin-top: 2%; font-size: 14px; line-height: 20px; } p.hdsdiscptin { padding: 1% 5%;} section p { font-size: 14px; line-height: 25px; } .ftrs-icons { min-height: 55px; margin-top: 5%; } .featuresec .ipad-per30 { margin: 5% 0; float: none !important; width: 80% !important; padding: 0 10%; } .mspfeatures .ipad-per30 { min-height: 145px; } .ipad-per50 { width: 84%; padding: 0 8%; float: none; margin:0 0 3% 0; } .resource-form input.viewbtn { font-size: 14px !important; width: 50%; padding: 7px 15px !important; height: auto; margin-top: 5px !important; } .ipdmob-btmbar a{ color:#fff; font-size:10px;} .btmpdn2 { padding: 10px !important; } .btmpdn1 { padding: 10px 8px 9px 8px !important; } .btm-rqst-demo img { width: 40%; } .btm-compare img { width: 54%; } .btm-getquote img { width: 49%; } .reqstdemotxt{ margin-top:5px} .comparetxt{ margin-top:0px} .getqutetxt{ margin-top:0px} .resourcssec img { margin-left: -65px; } img.scndrs-imgml { margin-left: -80px; } .slideUp, .slideUp1 { bottom: 30px; left: 8px; } .scndrsc { left: 8px !important; } .slide, .slide1 { width: 256px; height: 326px; } .emlmtp { margin-top: 0px; } .phntp { margin-top: 10px; } .submitbtn { font-size: 15px; padding: 8px 30px; } .smitbtn{ padding:0 !important;} .custmrnamsec { width: 67%; margin-right: -7px; } p.custmrquote { font-size: 14px; line-height: 24px; padding: 2% 5%; } .custmr-name { font-size: 14px; padding-top: 1%; } .custmr-discpn { font-size: 13px; padding-top: 1%; } .ftr-links{ width:100%; margin:0 auto;} .footer-ctasec h2 { font-size: 18px; padding: 0 !important; line-height: 25px; font-weight: 500; } .ftr-startfretrl { width: 60%; } .ftr-startfretrl a { font-size: 15px; } .ftr-links a{ padding:0 3%;} .per-20{ width:98%; padding:0 1%;float:none !important; margin:2% 0;} .per-25{ width:98%; padding:0 1%;float:none !important; margin:2% 0;} .tolemail{width:100%; margin:0 auto; font-size:14px;} .per-50{ width:98%; padding:0 1%;float:none; margin:2% 0;} .ftrgraybdr{ margin:3% auto;} .ftr-links a{ color:#474747; text-decoration:none; text-align:center; padding:0% 5%; font-size:14px;} .social-icons {width: 80%; margin: 8% auto 5% auto;} .social-icons img {width: 100%;max-width: 90%;} .copyright {font-size:14px;} .copyright a{font-size:14px;} } @media (min-width: 1020px) and (max-width: 1100px){ #header-mainsec { top: 44px; } } @media only screen and (min-width:1024px) and (max-width:1100px) { nav .pr { margin-top: 0px; } nav .nav-dwn{ margin-top: 0px; } nav ul.productmenu{ margin-bottom: 0px; } } /* phone screen styles end*/