div.lpbody{padding: 0; margin: 0; color: #363636; font-size: 16px; line-height: 22px;font-family: 'Forma DJR Micro Greek',Arial,Helvetica,sans-serif;}

@font-face {font-family: 'Forma DJR Display';src: url('FormaDJRDisplay-Regular.woff2') format('woff2'), url('FormaDJRDisplay-Regular.woff') format('woff');font-weight: normal;font-style: normal;font-display: swap;}
@font-face {font-family: 'Forma DJR Micro';src: url('FormaDJRMicro-Regular.woff2') format('woff2'), url('FormaDJRMicro-Regular.woff') format('woff');font-weight: normal;font-style: normal;font-display: swap;}
@font-face { font-family: Helvetica; src: url("Fonts/Helvetica.ttf") format("ttf")}
@font-face { font-family: 'Forma DJR Display Greek';  src: url('FormaDJRDisplayGreek-Regular.woff2') format('woff2'), url('FormaDJRDisplayGreek-Regular.woff') format('woff');font-weight: normal; font-style: normal; font-display: swap;}
@font-face {font-family: 'Forma DJR Micro Greek'; src: url('FormaDJRMicroGreek-Regular.woff') format('woff2'), url('FormaDJRMicroGreek-Regular.woff2') format('woff'); font-weight: normal; font-style: normal;font-display: swap;}

div.lpbody .container-wrap h1{font-size: calc(28px + (50 - 25) * ((100vw - 300px) / (2500 - 300))); font-family: 'Forma DJR Micro Greek',Arial,Helvetica,sans-serif; color: #000000;}
div.lpbody .container-wrap h2{font-size: calc(24px + (40 - 20) * ((100vw - 300px) / (2500 - 300))); font-family: 'Forma DJR Micro Greek',Arial,Helvetica,sans-serif;color: #000000;}
div.lpbody .container-wrap h3{font-size: calc(18px + (28 - 18) * ((100vw - 300px) / (2500 - 300))); font-family: 'Forma DJR Micro Greek',Arial,Helvetica,sans-serif;color: #000000;}
div.lpbody .container-wrap h4{font-size: calc(16px + (24 - 16) * ((100vw - 300px) / (2500 - 300))); font-family: 'Forma DJR Micro Greek',Arial,Helvetica,sans-serif;color: #000000;}
div.lpbody .container-wrap h5{font-size: calc(16px + (20 - 16) * ((100vw - 300px) / (2500 - 300))); font-family: 'Forma DJR Micro Greek',Arial,Helvetica,sans-serif;color: #000000;}
div.lpbody .container-wrap h6{font-size: calc(16px + (18 - 16) * ((100vw - 300px) / (2500 - 300))); font-family: 'Forma DJR Micro Greek',Arial,Helvetica,sans-serif;color: #000000;}
div.lpbody .container-wrap p{font-family: 'Forma DJR Micro Greek',Arial,Helvetica,sans-serif;}
div.lpbody *{padding: 0px; margin: 0px;outline:none;box-sizing:border-box;-webkit-box-sizing:border-box;-ms-box-sizing:border-box;-moz-box-sizing:border-box;}
div.lpbody .container-wrap .h1, div.lpbody .container-wrap .h2, div.lpbody .container-wrap .h3, div.lpbody .container-wrap .h4, div.lpbody .container-wrap .h5, div.lpbody .container-wrap .h6, div.lpbody .container-wrap h1, div.lpbody .container-wrap h2, div.lpbody .container-wrap h3, div.lpbody .container-wrap h4, div.lpbody .container-wrap h5, div.lpbody .container-wrap h6 { padding: 0px; margin: 0px; font-weight: 500; line-height: 1.2;}
div.lpbody .container-wrap a:focus {outline: 0px auto -webkit-focus-ring-color;outline-offset: 0px;}
div.lpbody .container-wrap a, div.lpbody .container-wrap img {text-decoration: none;outline: none;}
div.lpbody .container-wrap ul{margin:0;padding:0;list-style:none;}
div.lpbody .container-wrap a:hover{-webkit-transition: all 0.5s;-moz-transition: all 0.5s;transition: all 0.5s;}
div.lpbody .container-wrap img{ max-width: 100%; }

div.lpbody .hp_btnPrimary {display: inline-block;padding: 0 0 11px 30px;}
div.lpbody .hp_btnPrimary a{color: #FFFFFF;background-color: #000000;border: 2px solid #000000; white-space: nowrap; padding: 7px 30px;font-size: 20px;display: inline-block;-webkit-transition: all .3s ease;transition: all .3s ease;}
div.lpbody .hp_btnPrimary a:hover{   background:#b456f3;border-color:#b456f3; text-decoration: none;}
div.lpbody .container-wrap *:hover{ transition: all .5s;outline:0;}
div.lpbody .container-wrap sub, div.lpbody .container-wrap sup { position: relative; font-size: 75%; line-height: 0; vertical-align: baseline;}
div.lpbody .container-wrap sup {top: -0.5em;}
div.lpbody .container-wrap .btn-close:focus {outline: 0;box-shadow: 0 0 0 0;}
div.lpbody .container-wrap  {max-width:1280px; margin: auto; width: 100%; padding: 0 15px; font-family: 'Forma DJR Micro Greek',Arial,Helvetica,sans-serif;}

/* Header css*/
div.lpbody .hp_header{float: left;position: relative;width: 100%; background: #b456f3; margin: 0px 0 -1px;}
div.lpbody .hp_logo {float: left;padding: 68px 0 65px 74px;}
div.lpbody .hp_logo img{max-height: 125px;}
/* Header css*/

/* Ink video css*/
div.lpbody .Instant_Ink_video {float: left;width: 100%; padding: 18px 0 18px;}
div.lpbody a.open_popup{position: relative;width: 100%;display: block; }
div.lpbody .hp_ink{width: 100%;display: flex;align-items: center;justify-content: space-between;}
div.lpbody .img_vid{max-width: 500px;width: 100%; display: flex;}
div.lpbody .head_text_vid{font-size: 60px;line-height: 90px;width: 100%;max-width:480px;}
div.lpbody .play_video{ max-width: 166px; width: 100%; padding: 0 15px;}
/* Ink video css*/

/* Banner css*/
div.lpbody .banner {position: relative;display: flex;width: 100%;overflow-x: hidden;flex-direction: row-reverse;justify-content: space-between;}
div.lpbody .banner_img{display: flex;width: 100%;max-width: 49%; background: url("https://static.msystems.gr/images/page/instant-ink3/images/banner.jpg") 50% 50% / cover no-repeat scroll rgb(98, 112, 119); }
div.lpbody .banner_img img{display: none;}
div.lpbody .titleName {width: 100%;background: #e8ccfb;max-width: 49%;padding-bottom: 26px;}
div.lpbody .titleName h2{background: #b456f3;color: #ffffff;font-size: 36px;line-height: 32px;float: left;padding: 27px 20px 34px 30px;margin: 0;width: 100%;}
div.lpbody .titleName h2 img{height: 65px;}
div.lpbody .titleName h2 span{padding-left: 58px;display: block;}
div.lpbody .titleName h1 {background: #e8ccfb;color: #000;float: left;width: 100%;font-size: 72px;line-height: 78px;padding: 35px 20px 30px 30px;font-family: 'Forma DJR Display Greek',Arial, sans-serif;border-bottom: 2px solid #b456f3;}
div.lpbody .titleName h4 {background: #e8ccfb;color: #000;float: left;width: 100%;font-size: calc(20px + (32 - 18) * ((100vw - 300px) / (2500 - 300)));padding: 7px 0 5px 30px;}
div.lpbody .titleName p {color: #000;font-size: 26px;line-height: 34px;float: left;padding: 23px 20px 29px 30px;margin: 0;width: 100%;}
div.lpbody .titleName a{ display: block;line-height: 26px; padding: calc(10px) calc(36px);}
/* Banner css*/

/* Discover css*/
div.lpbody .discover_icon{padding: 28px 0px 39px;width: 100%;float: left; text-align: left;}
div.lpbody .discover_icon h2 {background: #b456f3;color: #fff; display: inline-block; width: 100%;font-size: 56px;line-height: 56px; margin: 0 0 47px; text-align: center; padding:9px 20px 4px 20px;font-family: 'Forma DJR Display Greek',Arial, sans-serif;}
div.lpbody .discover_icon h3{ color: #000000;font-size: 30px;line-height: 32px;float: left; padding-bottom: 10px; padding-left: 5px; width: 100%;}
div.lpbody .discover_icon h4{color: #000000;font-size: 28px;line-height: 35px;float: left;width: 100%;padding: 0 0 25px; min-height: 136px;}
div.lpbody .discover_icon p{font-weight: 400;font-size: 19px;line-height: 26px;color: #000000;}
div.lpbody .discover_icon .slick-prev, div.lpbody .discover_icon .slick-next{top: 36%;}
div.lpbody .col_slide{ padding: 0 28px;}
div.lpbody .col_slide img{display: inline;max-height: 125px;margin-bottom: 15px;}
div.lpbody .discover_icon .slick-initialized .slick-slide:nth-child(5){border: 0;}
div.lpbody .discover_icon .hp_btnPrimary{padding-top: 30px;}
/* Discover*/

/* Modal custom css*/
div.lpbody a.open_popup{ cursor: pointer;}
div.lpbody .popup_body{ opacity: 0;visibility: hidden;overflow: hidden;height: 0;position:fixed;z-index: 999999;top:0;left:0;right:0;bottom:0;-webkit-transition: 300ms;-moz-transition: 300ms;-o-transition: 300ms;-ms-transition: 300ms;transition: 300ms;}
div.lpbody .popup_body_show{ opacity: 1;visibility: visible;overflow: visible;height: auto;-webkit-transition: 300ms;-moz-transition: 300ms;-o-transition: 300ms;-ms-transition: 300ms;transition: 300ms;}
div.lpbody .popup_back{background: rgba(0,0,0,0.4);position: fixed;left:0;right:0;top:0;bottom:0;}
div.lpbody .popup_contain{ position: absolute; background: #fff; max-width: 80%; width: 100%; margin: 0 auto 0; min-height: 150px; left: 50%;    top: 50%;    -webkit-transform: translate(-50%, -50%);    transform: translate(-50%, -50%);}
div.lpbody .popup_close{background: #e2e2e2;padding:3px 10px 5px;position: absolute;z-index: 99;right: -38px;top: -30px;font-size: 20px;color: #121212;border-radius: 50%;cursor: pointer;width: 48px;padding: 16px;height: 48px;}
div.lpbody .vid_modal_body{max-width:850px; width: 100%; background: transparent;}
div.lpbody .vid_modal_body iframe { min-height: 490px; width: 100%;}
/* Modal custom css*/

/* Plans css*/
div.lpbody .plans-section{display: inline-block; width: 100%;text-align: center; padding: 34px 0 20px;}
div.lpbody .coursesSlide .slick-slide {margin: 0 0px;padding: 0 0 0;text-align: center; }
div.lpbody .plans_head_2 {width: 100%;height: 22px;display: flex;border-top: 2px solid #000;border-bottom: 2px solid #000;margin: 10px 0 27px;}
div.lpbody .plans_head h1 { color: #000; font-size: 68px;line-height: 70px; padding: 0 30px 0 30px;font-family: 'Forma DJR Display Greek',Arial, sans-serif;}
div.lpbody .plans_head h4 {color: #000;font-size:calc(22px + (34 - 16) * ((100vw - 300px) / (2500 - 300)));padding: 4px 0 70px 0px;}
div.lpbody .coursesSlide .slick-slide a{ color: #000000;  display: block;  padding: 0 0 0;}
div.lpbody .coursesSlide .slick-slide:nth-child(3) .beq {background-color:#d19af8; }
div.lpbody .coursesSlide .slick-slide:nth-child(5) .beq {background-color: #d19af8; border-right: 2px solid #000; }
div.lpbody .coursesSlide .slick-slide:nth-child(3) .resetin, div.lpbody .coursesSlide .slick-slide:nth-child(5) .resetin, div.lpbody .coursesSlide .slick-slide:nth-child(3) .beq p, div.lpbody .coursesSlide .slick-slide:nth-child(5) .beq p{background-color:#b456f3; }
div.lpbody .coursesSlide .slick-slide:nth-child(1) .resetin, div.lpbody .coursesSlide .slick-slide:nth-child(2) .resetin, div.lpbody .coursesSlide .slick-slide:nth-child(4) .resetin{border: transparent;}
div.lpbody .beq{float: left; position: relative;width: 100%; background-color: #e8ccfb; border-top: 2px solid #000; border-left: 2px solid #000; border-bottom: 2px solid #000; display: flex;align-items: center;justify-content: center;text-align: center; flex-direction: column;}
div.lpbody .beq h4{font-size: 38px;color: #000000;line-height: 41px;padding:6px 0 6px;font-family: 'Forma DJR Display Greek',Arial, sans-serif;} 
div.lpbody .beq p{background-color:#d19af8;font-size: 20px;border-bottom: 2px solid #000;width: 100%;padding: 10px 3px 11px;font-family: 'Forma DJR Display Greek',Arial, sans-serif;} 
div.lpbody .beq h5{font-size: 21px;color: #000000;padding: 0 0 0;font-family: 'Forma DJR Display Greek',Arial, sans-serif;} 
div.lpbody .resetin{width: 100%;text-align: center;font-size: 20px;height: 97px;background: white;border: 2px solid #000;border-bottom: 0;color: #000000;display: flex;align-items: center;justify-content: center;font-family: 'Forma DJR Display Greek',Arial, sans-serif;}
div.lpbody .mid_text{min-height: 150px;display: flex;flex-direction: column;width: 100%;align-items: center;justify-content: center;}
div.lpbody .bottom_text{min-height: 390px;display: flex;flex-direction: column;text-align: left;align-items: baseline;padding: 36px 30px 12px 30px;border-top: 2px solid #000;}
div.lpbody .bottom_text h6{font-size: 21px;padding: 0px 0 16px;}
div.lpbody .bottom_text li{font-size: 16px;padding: 12px 0 0;list-style-type: disc;margin-left: 16px;}
/* Plans */

/* Service type css*/
div.lpbody .service_card {display: flex;justify-content: space-between;padding: 0 0 0;}
div.lpbody .service_type { display: flex;width: 49.2%; margin-bottom: 20px; /* flex-direction: row-reverse; */}
div.lpbody .service_type_img{display: flex; width: 100%;}
div.lpbody .service_title {background: #e8ccfb;max-width: 342px;position: relative;}
div.lpbody .service_title h1 {background: #b456f3;color: #fff;float: left;width: 100%;font-size: 36px;min-height: 130px;padding: 14px 20px 15px 30px;font-family: 'Forma DJR Display Greek',Arial, sans-serif;line-height: 40px;display: flex;align-items: center;}
div.lpbody .service_title p {color: #000;font-size: 18px;line-height: 22px;float: left;padding:20px 20px 20px 20px;margin: 0;width: 100%;}
div.lpbody .service_title .hp_btnPrimary{position: absolute; bottom: 20px; left: 0;}
div.lpbody .service_title p span { display: block; padding: 10px 0 0;}
div.lpbody .service_title a{ display: block;line-height: 25px; padding: calc(4px) calc(24px);}
div.lpbody .service_type_img img{display: none;}
div.lpbody .Livraison{background: url(https://static.msystems.gr/images/page/instant-ink3/images/Instant_save.jpg) no-repeat;background-size: cover;background-position: center;}
div.lpbody .prints_price{background: url(https://static.msystems.gr/images/page/instant-ink3/images/Effortless.jpg) no-repeat;background-size: cover;background-position: center;}
div.lpbody .Service_transparent{background: url(https://static.msystems.gr/images/page/instant-ink3/images/Same_price.jpg) no-repeat;background-size: cover;background-position: center;}
div.lpbody .Recyclage{background: url(https://static.msystems.gr/images/page/instant-ink3/images/Service_transparent.jpg) no-repeat;background-size: cover;background-position: center top;}
/* Service type css*/

/* Recycling css */
div.lpbody .recycling {position: relative;display: flex;width: 100%; min-height: 600px; flex-direction: row-reverse;justify-content: space-between;}
div.lpbody .recycling_img{display: flex;width: 100%;max-width: 49%; background: url("https://static.msystems.gr/images/page/instant-ink3/images/recycling_made.jpg") 50% 50% / cover no-repeat scroll rgb(98, 112, 119); }
div.lpbody .recycling_img img{display: none;}
div.lpbody .cartridge_text {width: 100%;background: #e8ccfb;max-width: 49%;padding-bottom: 26px;}
div.lpbody .cartridge_text h2{background: #b456f3;color: #ffffff;font-size: 65px;line-height: 74px;display: flex;padding: 25px 20px 25px 30px;margin: 0;width: 100%;align-items: center;}
div.lpbody .cartridge_text h2 img{height: 120px;}
div.lpbody .cartridge_text h2 span{padding-left: 18px;display: block;}
div.lpbody .cartridge_text h1 {background: #e8ccfb;color: #000;float: left;width: 100%;font-size: 28px;line-height: 36px;padding: 35px 72px 30px 30px;font-family: 'Forma DJR Micro Greek',Arial,Helvetica,sans-serif;}
div.lpbody .cartridge_text p {color: #000;font-size: 24px;line-height: 24px;float: left;padding: 23px 20px 16px 30px;margin: 0;width: 100%;}
/* Recycling css */

/* Get started css*/
div.lpbody .get_started_text{background: #b456f3;color: #fff;width: 100%;margin: 20px 0 20px;padding:30px 58px 30px 42px;display: flex;align-items: center;justify-content: space-between;}
div.lpbody .get_started_text h2 {color: #ffffff;font-size: 40px;padding: 0 20px 0 0px;font-family: 'Forma DJR Display Greek',Arial, sans-serif;line-height: 42px;width: 100%;max-width: 801px;}
div.lpbody .get_started_text .hp_btnPrimary a:hover{ background: #deb2fa;border-color:#deb2fa; text-decoration: none; color: #000;}
div.lpbody .get_started_text .hp_btnPrimary {padding-bottom: 0;}
/* Get started */

/* Perfect office css*/
div.lpbody .perfect_office {display: flex;justify-content: space-between;padding: 0 0 0;}
div.lpbody .perfect_office_type {display: flex;width: 49.2%;margin-bottom: 20px; flex-direction: column;}
div.lpbody .perfect_office_img{display: flex; width: 100%;}
div.lpbody .perfect_office_title {background: #5557f3;max-width: 100%;height: 100%;position: relative;}
div.lpbody .perfect_office_title h1 {background: #5557f3;color: #000;float: left;width: 100%;font-size: 60px;padding: 14px 20px 15px 30px;font-family: 'Forma DJR Display Greek',Arial, sans-serif;line-height: 59px;display: flex;align-items: center;}
div.lpbody .perfect_office_title p {color: #000;font-size: 18px;line-height: 22px;float: left;padding:20px 20px 20px 20px;margin: 0;width: 100%;}
div.lpbody .perfect_office_title .hp_btnPrimary{background: #969af7;max-width: 100%;padding: 20px 30px 20px 31px;width: 100%;}
div.lpbody .perfect_office_title a{  line-height: 25px; padding:calc(4px) calc(31px);}
div.lpbody .pr_of_2 h1{background: #61dcf9;  }
div.lpbody .pr_of_2 .hp_btnPrimary {background: #99e9fb; }
div.lpbody .perfect_office_title .hp_btnPrimary a:hover{background: #464646;border-color: #363636;text-decoration: none;/* color: #000; */}

div.lpbody .set_hello h1{background: #3bcf74;  }
div.lpbody .set_hello .hp_btnPrimary {background: #76e2ab; }
div.lpbody .set_hello  .perfect_office_title{background: #76e2ab;}
div.lpbody .ex_printer h1 {background: #ffffff;color: #000;float: left;width: 100%;font-size: 90px;line-height: normal;display: flex;align-items: center;padding: 7px 20px 15px 30px;font-family: 'Forma DJR Display Greek',Arial, sans-serif;}
div.lpbody .ex_printer .hp_btnPrimary { background: transparent; position: absolute; bottom: 0; left: 0px;}
div.lpbody .ex_printer .perfect_office_title{background: #ffffff; }
/* Perfect office end */

/* FAQ css*/
div.lpbody .head_text{background: #deb2fa;color: #fff;width: 100%;margin: 0 0 24px;display: flex;align-items: center;}
div.lpbody .head_text div{background: #b655f5;width: 150px;height: 150px; display: flex;align-items: center;justify-content: center;}
div.lpbody .head_text div img{ height: 100px;}
div.lpbody .head_text h2 { color: #ffffff; font-size: 64px; padding: 0 20px 0 30px;font-family: 'Forma DJR Display Greek',Arial, sans-serif;line-height: 63px;}
div.lpbody .faq h2{font-size: 36px;color: #000000;line-height: normal;padding: 23px 0 32px;font-family: 'Forma DJR Display Greek',Arial, sans-serif;letter-spacing: .5px;} 
div.lpbody .faq p{font-size: 22px;color: #000000;padding: 0 0 33px;border-bottom: 1px solid #000;line-height: 28px;} 
/* FAQ end*/

/*Footer css */
div.lpbody .textfooter{background-color:#ffffff;float: left;width: 100%;padding: 84px 0 54px;}
div.lpbody .textfooter .maindiv{padding: 33px 43px 23px;background-color: #fff; float: left; width: 100%;}
div.lpbody .textfooter ol{list-style-type:decimal; padding: 0;margin-left: 12px;}
div.lpbody .textfooter p, div.lpbody .textfooter  li {padding: 2px  0;color: #292929;line-height: 22px;font-size: 18px;margin: 0 0 5px 15px;list-style: decimal;}
div.lpbody .textfooter p a, div.lpbody .textfooter li a{text-decoration: underline;color: #474747; word-break: break-all}
div.lpbody .textfooter p{margin: 0 0 5px ;}
div.lpbody .textfooter p a:hover, div.lpbody .textfooter li a:hover{text-decoration: underline;color: #0077C0;}
/*footer end*/





/* Mobile view css*/
@media screen and (max-width:1180px) {
div.lpbody .titleName h1 { min-height: auto; font-size:  calc(30px + (90 - 18) * ((100vw - 300px) / (2500 - 300))); padding-bottom: 15px; }
div.lpbody .discover_icon h2{ padding: 9px 20px 4px 30px;}
div.lpbody .titleName h1, div.lpbody .discover_icon h2, div.lpbody .plans_head h1, div.lpbody .head_text h2, div.lpbody .cartridge_text h2, div.lpbody .perfect_office_title h1   {  line-height: normal;font-size:  calc(28px + (90 - 18) * ((100vw - 300px) / (2500 - 300))); }
div.lpbody .faq h2, div.lpbody .service_title h1, div.lpbody .beq h4{font-size: calc(24px + (40 - 20) * ((100vw - 300px) / (2500 - 300)));line-height: normal;}
div.lpbody .faq p, div.lpbody .textfooter p, div.lpbody .textfooter li{font-size: calc(18px + (20 - 16) * ((100vw - 300px) / (2500 - 300))); line-height: 25px;}
div.lpbody .ex_printer h1 { line-height: normal;font-size:  calc(45px + (100 - 18) * ((100vw - 300px) / (2500 - 300))); }
div.lpbody .head_text_vid {font-size: 67px; line-height: 65px; max-width: 427px; } 
div.lpbody .discover_icon h4{padding: 0 0 8px;}
}

@media screen and (max-width:1100px) {
div.lpbody .service_title{ max-width: 273px;}
div.lpbody .discover_icon .slick-initialized .slick-slide {min-height: 375px;}
div.lpbody .hp_logo {padding: 32px 0 32px 30px;}
div.lpbody .hp_logo img { max-height: 100px;}
div.lpbody .container-wrap{padding: 0;}
div.lpbody .plans-section .container-wrap{padding: 0 15px;}
div.lpbody .lptslide {padding: 0 15px;}
div.lpbody .slick-prev{left: 5px;}
div.lpbody .slick-next{ right: 5px;}
div.lpbody .faq {padding: 0 15px;}
div.lpbody .textfooter{padding: 63px 15px 54px;}
div.lpbody .resetin{background: #ffffff; }
div.lpbody .coursesSlide .slick-slide:nth-child(1) .resetin, div.lpbody .coursesSlide .slick-slide:nth-child(2) .resetin, div.lpbody .coursesSlide .slick-slide:nth-child(4) .resetin{border: 2px solid #fff;}
div.lpbody .faq h2{padding: 23px 0 15px;}
div.lpbody .plans-section{padding: 0px 0 74px;}
div.lpbody .coursesSlide .slick-slide { margin: -1px 0px 0 0px; }
div.lpbody .head_text div{ padding: 8px 6px 8px;}
div.lpbody .head_text_vid {font-size: 55px; line-height: 60px; } 
div.lpbody .cartridge_text h2 img{ height: 82px;}
div.lpbody .discover_icon h4 {min-height: fit-content;}
div.lpbody .bottom_text { min-height: 206px;}
}

@media screen and (max-width:992px) {
div.lpbody .popup_close{ right: 0;top: -33px; color: #121212; width: 34px;padding: 6px 11px 6px;height: 34px;}
div.lpbody .service_type_img img{display: inline-block;width: 100%;}
div.lpbody .service_type_img{background: none;}
div.lpbody .service_type {display: flex; width: 48%; flex-direction: column;}
div.lpbody .service_title{ max-width: 100%;height: 100%;}
div.lpbody .head_text div{ width: 101px; height: 101px;}
div.lpbody .head_text div img {height: 48px;}
div.lpbody .plans_head h4{padding: 15px 0 25px 8px;}

div.lpbody .banner, div.lpbody .recycling{ flex-direction: column;}
div.lpbody .titleName, div.lpbody .cartridge_text{max-width: 100%;padding: 0 0 30px;}
div.lpbody .titleName h1{padding: 23px 20px 21px 30px;}
div.lpbody .vid_modal_body { max-width: 623px;}
div.lpbody .vid_modal_body iframe {min-height: 344px;}
div.lpbody .discover_icon .slick-initialized .slick-slide {min-height: 350px;}
div.lpbody .popup_body{ top: 49px;}

div.lpbody .banner_img, div.lpbody .recycling_img{max-width: 100%; background: none;}
div.lpbody .banner_img img, div.lpbody .recycling_img img{display: inline-block;width: 100%;}
div.lpbody .cartridge_text h1{padding: 30px 30px 0px 30px;}
div.lpbody .head_text_vid {font-size: 45px;line-height: 47px; }  
div.lpbody .get_started_text{ padding: 30px 30px 30px 30px;flex-direction: column;}
div.lpbody .plans_head h4{padding: 4px 0 34px 0px;}
div.lpbody .get_started_text h2{padding: 0 0 27px;max-width: 100%; text-align: center;}
div.lpbody .get_started_text h2 br{display: none;}
}

@media screen and (max-width:767px) {
div.lpbody .hp_logo img {max-height: 60px;}
div.lpbody .hp_logo { padding: 19px 0 14px 30px;}
div.lpbody .discover_icon p{font-size: 20px; line-height: 25px;}
div.lpbody .discover_icon .slick-initialized .slick-slide { min-height: 316px;}
div.lpbody .play_video {max-width: 125px;}
div.lpbody .head_text_vid {font-size: 32px;line-height: 38px; }  
div.lpbody .get_started_text h2{font-size: calc(24px + (40 - 20) * ((100vw - 300px) / (2500 - 300)));line-height: normal;}
}

@media screen and (max-width:600px) {
div.lpbody .hp_logo { padding: 19px 0 14px 15px;}
div.lpbody .hp_logo img {max-height: 50px;}
div.lpbody .titleName a{padding: calc(6px) calc(16px);line-height: 24px;}
div.lpbody .discover_icon p  {font-size: 16px;}
div.lpbody .discover_icon {padding: 20px 0px 16px;}
div.lpbody .plans-section .container-wrap p{font-size: 17px; }
div.lpbody .plans-section{ padding: 10px 0px 14px 0px;}
div.lpbody .textfooter{ padding: 43px 0 22px;}
div.lpbody .vid_modal_body{max-width:350px; width: 100%; background: transparent;}
div.lpbody .vid_modal_body iframe { min-height: 245px; width: 100%;}
div.lpbody .titleName{ padding: 0 0 14px;}
div.lpbody .titleName h1 {padding: 17px 15px 17px 15px;}
div.lpbody .titleName p{padding: 17px 15px 18px 15px;}
div.lpbody .titleName h4, div.lpbody .titleName p, div.lpbody .hp_btnPrimary{padding-left: 15px;padding-right: 15px;}
div.lpbody .discover_icon .slick-initialized .slick-slide { min-height:fit-content; border-right: 0px solid #000000;}
div.lpbody .col_slide {padding: 0 10px;}
div.lpbody .col_slide img{ margin-bottom: 8px;}
div.lpbody .plans_head h1{padding: 0;}
div.lpbody .service_title h1{font-size: 28px; line-height: 34px;min-height: fit-content;    padding: 14px 15px 15px 15px;}
div.lpbody .service_card{flex-direction: column;}
div.lpbody .service_type{ width: 100%;}
div.lpbody .service_title p{ padding: 23px 15px 25px 15px;}
div.lpbody .service_title h1 br{display: none;}
div.lpbody .head_text{ margin: 5px 0 0px;}
div.lpbody .faq p{padding: 0 0 23px;}
div.lpbody ul.footnotes-list {padding: 0 15px;}
div.lpbody .head_text div {width: 69px;height: 69px;}
div.lpbody .discover_icon h2{margin: 0 0 16px;padding: 11px 14px 14px 15px;}
div.lpbody .hp_btnPrimary a{font-size: 17px;}
div.lpbody .perfect_office_type, div.lpbody .perfect_office{flex-direction: column; width: 100%;}
div.lpbody .ex_printer .hp_btnPrimary{position: relative;}
div.lpbody .ex_printer h1 br, div.lpbody .plans_head h4 br, div.lpbody .discover_icon h4 br, div.lpbody .perfect_office_title h1 br, div.lpbody .cartridge_text h2 span br{display: none;}
div.lpbody .ex_printer h1 { padding: 0;line-height: normal; font-size: calc(28px + (60 - 18) * ((100vw - 300px) / (2500 - 300)));}
div.lpbody .titleName h2{font-size: 20px; line-height: 22px;padding: 20px 15px 20px 15px;}
div.lpbody .titleName h2 img {height: 44px;}
div.lpbody .titleName h2 span{padding-left: 39px;}
div.lpbody .get_started_text {padding: 18px 15px 13px 15px;}
div.lpbody .titleName p{ font-size: 20px; line-height: 25px;}
div.lpbody .titleName, div.lpbody .cartridge_text{ padding: 0 0 11px;}
div.lpbody .cartridge_text h2 img {height: 50px;}
div.lpbody .plans_head h4 {padding: 4px 0 21px 0px;}
div.lpbody .bottom_text h6 { padding: 0px 0 0px;}
div.lpbody .bottom_text{ padding: 22px 15px 22px 15px; min-height: fit-content;}
div.lpbody .perfect_office_title .hp_btnPrimary, div.lpbody .ex_printer h1, div.lpbody .perfect_office_title h1, div.lpbody .cartridge_text h1, div.lpbody .cartridge_text p, div.lpbody .cartridge_text h2, div.lpbody .head_text h2{padding-left: 15px;padding-right: 15px;}
div.lpbody .titleName h1, div.lpbody .discover_icon h2, div.lpbody .plans_head h1, div.lpbody .head_text h2, div.lpbody .cartridge_text h2, div.lpbody .perfect_office_title h1{ font-size: calc(26px + (90 - 18) * ((100vw - 300px) / (2500 - 300)));}
div.lpbody .discover_icon h4{font-size: calc(24px + (40 - 20) * ((100vw - 300px) / (2500 - 300)));line-height: normal;}
div.lpbody .cartridge_text h1, div.lpbody .cartridge_text p, div.lpbody .plans_head h4{font-size: calc(16px + (40 - 20) * ((100vw - 300px) / (2500 - 300)));line-height: normal;}
}

@media screen and (max-width:520px) {
div.lpbody .titleName p br{display: none;}
div.lpbody .play_video{ max-width: 96px;}
div.lpbody .head_text_vid {font-size: 21px;line-height: 23px; }
div.lpbody .mid_text {min-height:fit-content;padding: 14px 10px 14px;}
div.lpbody .coursesSlide .slick-slide:nth-child(1) .resetin, div.lpbody .coursesSlide .slick-slide:nth-child(2) .resetin, div.lpbody .coursesSlide .slick-slide:nth-child(4) .resetin{display: none;}
}