h1 {
  font-size : 40px;
  font-family : Zoho_Puvi_SemiBold;
  line-height : 1.2;
  margin-bottom : 20px
}
h2 {
  font : 30px/1.25 Zoho_Puvi_SemiBold;
  margin : 0 0 30px 0
}
h3 {
  font : 26px/1.25 Zoho_Puvi_SemiBold;
  margin-bottom : 15px
}
h4 {
  font : 22px/1.4 Zoho_Puvi_SemiBold;
  color : #000;
  margin-bottom : 10px
}
h5 {
  font : 20px/1.4 'Zoho_Puvi_SemiBold';
  margin-bottom : 5px
}
img {
  max-width : 100%
}
p {
  font-size : 18px;
  line-height : 1.6;
  margin : 0 0 30px;
  font-family : "Zoho_Puvi_Regular"
}
section#sdpcutomerlogos {
  display : none
}
section#ftrgetstd {
  display : none
}
section#allFea {
  display : none
}
.heading-menu {
  display : none
}
  header : not(.abheader) #MEmobPanel {
  top : 83px
}
#backToTop {
  position : fixed;
  right : 20px;
  bottom : 80px;
  color : #000;
  background : rgba(0, 0,0, 0.7) url(https : //www.manageengine.com/images/up-arrow.png) no-repeat 16px 17px;
  font-size : 12px;
  display : none;
  cursor : pointer;
  transition : all .1s ease 0s;
  width : 50px;
  height : 50px;
  border-radius : 50%;
  text-indent : -1000px;
  overflow : hidden
}
.container-new {
  max-width : 1000px;
  margin : 0 auto;
  padding : 0 30px
}
  .clearfix : after {
  content : "";
  clear : both;
  display : table
}
.last-updated {
  text-align : right;
  font-size : 20px;
  color : #00a9f4;
  font-weight : bold;
  margin-bottom : 50px
}
.banner-bgk {
  background : url(/sites/meweb/images/se/service-desk/images/itil-features-banner.jpg), url(/sites/meweb/images/se/service-desk/images/itil-features-banner.jpg);
  background-size : cover;
  padding : 100px 0
}
.banner {
  text-align : center
}
.banner p {
  font-size : 20px;
  margin : 10px 0 30px 0
}
ul.banner-cta {
  display : flex;
  justify-content : center;
  margin-bottom : 150px
}
.banner-cta li a {
  display : inline-block;
  background : #f0483d;
  color : #fff;
  padding : 10px 30px;
  font-size : 16px;
  font-weight : bold;
  margin : 5px;
  text-decoration : none;
  text-transform : uppercase;
  font-family : Zoho_Puvi_SemiBold;
  border-radius : 6px
}
.bread-crumb-sec {
  border-bottom : 1px solid #f2f2f2;
  padding-bottom : 10px;
  box-sizing : border-box
}
.bread-crumb-sec .bread-crumb {
  border-bottom : unset
}
.banner-wrap {
  display : flex;
  align-items : center
}
.banner-wrap>div {
  flex : 0 0 50%
}
.banner-wrap img {
  width : 80%
}
.banner-wrap h1 {
  font-size : 40px;
  font-family : Zoho_Puvi_SemiBold;
  line-height : 1.2
}
.banner-wrap p {
  font-size : 20px;
  line-height : 1.6;
  margin : 10px 0 30px 0;
  width : 100%
}
p.banner-custom-title {
  margin : 10px 0
}
.banner-wrap .banner-cta {
  justify-content : inherit;
  margin-bottom : 0
}
ol.toc {
  list-style : decimal;
  font-size : 20px;
  margin-left : 20px
}
ol.toc li {
  line-height : 1.5;
  margin-bottom : 10px
}
ol.toc li a {
  text-decoration : none;
  color : #138cd6;
  font-size : 20px;
  position : relative;
  padding-left : 5px;
  cursor : pointer
}
  ol.toc li a : before {
  content : "";
  width : 0;
  border-bottom : 1px solid #138cd6;
  position : absolute;
  top : 0;
  left : 0;
  bottom : 0;
  transition : width .5s
}
.fixed-header {
  position : fixed;
  top : 0;
  left : 0;
  width : 100%;
  z-index : 999999;
  background : #f9f9f9
}
.mobile-menu {
  display : none
}
p.menu-title {
  font-size : 14px !important;
  margin : 0 !important;
  color : rgba(0, 0,0, .4)
}
ul.category.drop-list-items li {
  cursor : pointer;
  margin-bottom : 20px;
  color : #fff
}
li.current_page_item span {
  color : #2296f3 !important
}
.dropdown-bar {
  display : flex;
  justify-content : space-between;
  align-items : center;
  background : #fff;
  z-index : 999999;
  cursor : pointer;
  max-width : 100%;
  padding : 10px 30px;
  box-shadow : 0 0 10px #dedede
}
.dropdown-up-arrow {
  transform : rotate(180deg)
}
ul.category.drop-list-items {
  padding : 15px 30px;
  line-height : 30px;
  background : #333;
  box-shadow : 0 2px 10px -2px rgba(0, 0,0, .2)
}
.drop-list-items {
  display : none
}
#current-text {
  font-size : 16px;
  color : #058ef7
}
#current-text p {
  margin : 0;
  font-size : 18px
}
span.mobile-cta {
  background : #f0483e;
  color : #fff;
  padding : 10px 20px;
  font-weight : bold
}
a.mobile-cta {
  background : #f0483e;
  color : #fff;
  padding : 10px 20px;
  font-weight : bold;
  text-decoration : none
}
.sidebar {
  background : #31383d;
  left : 0;
  top : 0;
  padding : 30px 0;
  width : 200px;
  height : 100vh;
  display : none
}
.sticky-sidebar {
  display : block;
  position : fixed;
  top : 100px;
  z-index : 999;
  padding : 75px 0;
  animation : fade-right .2s ease-in-out;
  width : 200px
}
p.sidebar-close {
  position : fixed;
  left : 15px;
  top : 110px;
  background : transparent;
  cursor : pointer;
  padding : 15px;
  width : 20px;
  height : 20px;
  z-index : 9999;
  display : none
}
  p.sidebar-close : before {
  content : "\2630";
  position : absolute;
  color : #fff;
  top : 10px;
  right : 0;
  bottom : 0;
  left : 15px
}
.close-button-move {
  left : -35px !important;
  background : #31383d !important;
  transform : rotate(45deg);
  border-radius : 10px;
  padding : 20px !important;
  transition : .5s
}
@keyframes fade-right {
  0%{transform : translateX(-100px)
}
100% {
  transform : translateX(0)
}
  }.close-button-move : before {
  color : #fff !important;
  transition : color 2s;
  transform : rotate(-45deg);
  left : 45px !important;
  top : 0 !important
}
p.sidebar-button {
  padding : 10px 30px;
  background : #34ad65;
  color : #fff;
  position : fixed
}
ul.sidebar li {
  font-size : 18px;
  transition : .3s;
  width : 200px
}
  ul.sidebar li : hover {
  background : #424c52
}
ul.sidebar li span {
  color : #fff;
  text-decoration : none;
  padding : 10px 30px;
  display : block;
  transition : .3s;
  line-height : 1.3;
  cursor : pointer;
  font-size : 18px
}
span.submenu {
  padding-left : 40px !important;
  font-size : 17px !important
}
.section-active {
  background : #00a9f4;
  color : #fff !important
}
.row-bg {
  padding : 100px 0
}
.row-min {
  overflow : hidden
}
.row-min-left-col {
  width : 37.5%;
  float : left;
  margin-right : 2.5%
}
.row-min-right-col {
  width : 57.5%;
  float : left;
  margin-left : 2.5%
}
.empty-content {
  float : right
}
.two-col .row-min-left-col {
  width : 47.5%
}
.two-col .row-min-right-col {
  width : 47.5%
}
.reverse .row-min-left-col {
  float : right;
  margin-right : 0;
  margin-left : 2.5%
}
.reverse .row-min-right-col {
  float : right;
  margin-right : 2.5%;
  margin-left : 0
}
.bread-crumb {
  border-bottom : 1px solid #f2f2f2
}
.bread-crumb p {
  margin-bottom : 0;
  font-size : 15px;
  padding : 5px 0 0 0
}
.bread-crumb a {
  color : #138cd6;
  text-decoration : none
}
#scroll.sec-pTB {
  padding : 0
}
.smlarlft {
  background : url(https : //www.manageengine.com/fr/service-desk/itil-incident-management/css/../../images/sdp-common-image.png) 0 0 no-repeat;
  width : 6px;
  height : 9px;
  margin : 0 5px 5px 5px;
  position : relative;
  top : 5px;
  display : inline-block
}
img.features-image {
  margin : 20px auto
}
img.workflow {
  margin : 40px auto;
  display : block;
  border : 1px solid #d7d7d7;
  box-sizing : border-box
}
img.block-diagram {
  margin : 40px auto;
  display : block;
  box-sizing : border-box
}
img.image-zoom {
  cursor : zoom-in
}
.no-bord {
  border : none !important
}
a.internal-links {
  text-decoration : none;
  color : #00a9f4;
  border-bottom : 1px solid
}
.quotes {
  width : 80%;
  margin : 75px auto
}
p.quotes-desc {
  font-style : italic;
  font-size : 26px;
  font-family : serif;
  font-weight : bold;
  margin : 20px 0;
  text-align : center;
  line-height : 1.3
}
p.quotes-author {
  text-align : center;
  font-size : 14px
}
ul.list-items {
  margin-left : 20px;
  margin-bottom : 50px
}
ul.list-items>li {
  font-size : 18px;
  line-height : 1.6;
  margin-bottom : 15px;
  position : relative;
  padding-left : 10px
}
  ul.list-items>li : before {
  content : "";
  background : #00a9f4;
  position : absolute;
  top : 10px;
  right : 0;
  bottom : 0;
  left : -20px;
  width : 7px;
  height : 7px;
  border-radius : 50px
}
.center {
  text-align : center
}
a.cta {
  display : inline-block;
  background : #f0483d;
  color : #fff;
  text-transform : uppercase;
  padding : 10px 30px;
  font-size : 16px;
  font-family : Zoho_Puvi_SemiBold;
  font-weight : bold;
  text-decoration : none !important;
  border-radius : 3px;
  cursor : pointer !important;
  margin-top : 10px
}
ul.footer-buttons {
  display : flex;
  justify-content : center
}
.footer-buttons li a {
  display : inline-block;
  background : #f0483d;
  color : #fff;
  padding : 10px 30px;
  font-size : 16px;
  font-weight : bold;
  margin : 5px;
  text-decoration : none;
  text-transform : uppercase;
  font-family : Zoho_Puvi_SemiBold
}
ul.footer-buttons span {
  font-size : 14px;
  display : block;
  margin-top : 5px
}
.awards {
  overflow : hidden;
  display : flex;
  align-items : center
}
.awards div {
  margin : 30px
}
.popup {
  position : fixed;
  top : 50%;
  left : 50%;
  width : 75% !important;
  transform : translate(-50%, -50%);
  z-index : 999999
}
.popup img {
  margin : 0 auto;
  display : block
}
.cancel {
  cursor : pointer;
  height : 65px;
  position : fixed;
  right : 10px;
  top : 10px;
  width : 65px;
  z-index : 999999;
  display : none
}
.bg-overlay {
  background : #000000e8;
  width : 100%;
  height : 100%;
  left : 0;
  top : 0;
  z-index : 999999;
  position : fixed;
  display : none
}
.video-play-button {
  background : url(../images/servicedesk-plus-customer.png);
  height : 400px;
  display : flex;
  justify-content : center;
  align-items : center;
  position : relative;
  width : 100%;
  max-width : 650px;
  background-size : cover;
  margin : -200px auto 0 auto;
  cursor : pointer
}
.video-play-button img {
  display : block;
  margin : 0 auto;
  width : 40px
}
  .video-play-button : before {
  content : "";
  position : absolute;
  z-index : 0;
  left : 50%;
  top : 50%;
  transform : translateX(-50%) translateY(-50%);
  display : block;
  width : 70px;
  height : 55px;
  background : #3383b1;
  animation : pulse-border 2000ms ease-out infinite
}
  .video-play-button : after {
  content : "";
  position : absolute;
  z-index : 1;
  left : 50%;
  top : 50%;
  transform : translateX(-50%) translateY(-50%);
  display : block;
  width : 70px;
  height : 55px;
  background : #3383b1;
  transition : all 300ms
}
  .video-play-button : hover : after {
  background-color : darken(#fa183d, 10%)
}
.video-play-button img {
  position : relative;
  z-index : 3;
  max-width : 100%;
  width : auto;
  height : auto
}
.video-play-button span {
  display : block;
  position : relative;
  z-index : 3;
  width : 0;
  height : 0;
  border-left : 32px solid #fff;
  border-top : 22px solid transparent;
  border-bottom : 22px solid transparent
}
@keyframes pulse-border {
  0%{transform : translateX(-50%) translateY(-50%) translateZ(0) scale(1);
  opacity : 1
}
100% {
  transform : translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
  opacity : 0
}
}.video-title {
  text-align : center;
  margin : 20px auto
}
.ctas {
  text-align : center;
  box-shadow : 0 0 5px #cccccc87;
  padding : 40px 20px;
  margin : 100px 0 50px 0;
  width : 100%;
  float : left;
  box-sizing : border-box
}
.no-effects {
  box-shadow : none;
  margin : 0 auto !important
}
.ctas p {
  font-family : Zoho_Puvi_SemiBold;
  font-size : 26px;
  margin : 0 auto 15px auto;
  line-height : 1.3;
  width : 70%
}
.ctas-button {
  display : flex;
  justify-content : center
}
.ctas a {
  display : inline-block;
  background : #f0483e;
  color : #fff;
  text-transform : uppercase;
  padding : 10px 30px;
  font-size : 16px;
  text-decoration : none !important;
  cursor : pointer !important;
  margin-top : 10px;
  text-align : center;
  font-family : Zoho_Puvi_SemiBold
}
.ctas-button a {
  margin : 5px
}
a.sec-button {
  background : transparent;
  border : 1px solid #ef483d;
  color : #ef483d
}
h2.custom-heading {
  text-align : center;
  margin-bottom : 75px
}
h2.fancy-heading {
  color : #000;
  margin-bottom : 20px
}
.zoom {
  position : relative
}
  .zoom : after {
  content : "";
  background : #ee483d url(https : //www.manageengine.com/fr/service-desk/itil-incident-management/css/../../help-desk-software/images/zoom.png);
  background-repeat : no-repeat;
  position : absolute;
  bottom : 1px;
  right : 1px;
  width : 16px;
  height : 16px;
  padding : 15px;
  background-position : center;
  z-index : 0;
  pointer-events : none
}
.case-study-title {
  width : 70%;
  text-align : center;
  margin : 20px auto
}
p.case-study-content {
  width : 70%;
  margin : 0 auto;
  text-align : center
}
ul.prev-next {
  display : flex;
  justify-content : space-between;
  align-items : center;
  margin : 100px 0 0 0
}
ul.prev-next li {
  position : relative
}
ul.prev-next a {
  color : #00a9f4;
  text-decoration : none
}
  ul.prev-next p : nth-child(1) {
  margin : 0;
  font-size : 18px;
  color : #ef483d
}
  ul.prev-next li : nth-child(2) p {
  text-align : right
}
span.right-arrow {
  float : right;
  color : #ef483d;
  font-size : 18px
}
span.left-arrow {
  color : #ef483d;
  font-size : 18px
}
p.prev-next-title {
  color : #00a9f4 !important;
  margin : 0
}
table {
  border-collapse : collapse;
  margin : 40px 0;
  width : 100%;
  box-sizing : border-box
}
table th {
  background : #03a9f4;
  color : #fff;
  font-size : 20px !important;
  font-weight : bold
}
table.two-col th, td {
  width : 50%
}
table.three-col th, td {
  width : 33.33%
}
table.four-col th, td {
  width : 25%
}
table.five-col th, td {
  width : 25%
}
table th, td {
  padding : 15px;
  text-align : center;
  line-height : 1.5;
  border : 1px solid #9ec6e9;
  font-size : 18px
}
tr.colsp td {
  background : #eaf4fd
}
.scrollable-table {
  width : 100%;
  overflow-x : scroll
}
.form-bg {
  background : #e5f2ff;
  padding : 100px;
  text-align : center
}
p.form-main-title {
  font : 30px/1.25 Zoho_Puvi_SemiBold;
  margin : 0 auto 20px auto;
  width : 75%
}
p.form-heading {
  text-align : center;
  color : #333;
  margin-bottom : 50px
}
ul.form-list-items {
  display : flex;
  justify-content : space-between;
  margin-bottom : 50px
}
ul.form-list-items li {
  padding : 30px;
  flex-grow : 1;
  flex-basis : 0
}
  ul.form-list-items li : nth-child(1) {
  background : #dce2d7
}
  ul.form-list-items li : nth-child(2) {
  background : #e4dbb7
}
  ul.form-list-items li : nth-child(3) {
  background : #dce2d7
}
ul.form-list-items img {
  display : block;
  margin : 0 auto;
  width : 150px
}
ul.form-list-items p {
  text-align : center;
  font-size : 20px;
  color : #333;
  font-weight : 600;
  line-height : 1.3;
  margin : 30px 0 0 0
}
p.form-des {
  font-size : 18px !important;
  font-weight : normal !important;
  line-height : 1.6 !important;
  margin : 20px 0 !important
}
.form-fields {
  display : flex;
  justify-content : center
}
input#user-detail {
  display : none
}
input[type="text"], input[type="email"], input[type="phone"], input[type="password"], textarea {
  border : none !important;
  border-radius : 0 !important
}
.apiform {
  width : 100%;
  font-family : "Zoho_Puvi_Regular"
}
label.formfild {
  position : relative
}
.formfild {
  position : relative
}
.formfild .error {
  border-bottom : 1px solid red !important
}
span.errormsg {
  position : absolute;
  top : -20px;
  right : 0;
  bottom : 0;
  left : -200px;
  color : red;
  z-index : 999;
  height : 10px
}
input#emailID {
  width : 50%;
  height : 50px;
  padding : 0 20px;
  font-size : 16px;
  margin-bottom : 10px;
  box-sizing : border-box
}
  input#emailID : :placeholder {
  color : #000
}
  input, select : focus {
  outline : 0
}
select#MECountryListing {
  border : 0
}
select {
  background : #fff url(https : //www.manageengine.com/products/service-desk/images/selectbox-arrow.png) !important;
  background-repeat : no-repeat !important;
  background-position : right !important;
  cursor : pointer;-moz-appearance : none;-webkit-appearance : none
}
.apiform select {
  width : 50%;
  padding : 0 0 0 20px;
  color : #000;
  height : 50px;
  box-sizing : border-box;
  border-radius : 0;
  font-size : 16px
}
select#country_state {
  border : 0;
  font-size : 16px
}
.submitdiv {
  float : inherit;
  width : 50%;
  padding : 0;
  max-width : 100%;
  box-sizing : border-box
}
.apiform input[type="submit"] {
  font-family : 'Zoho_Puvi_SemiBold';
  background : #f0483d;
  color : #fff;
  font-size : 14px;
  width : 100%;
  padding : 15px 30px;
  outline : 0;
  height : auto;
  border : none !important;
  margin : 0 auto;
  text-transform : uppercase;
  font-weight : bold;
  cursor : pointer;
  margin-top : 20px;
-webkit-appearance : none;
box-sizing:border-box
}
.prvcy-plicy {
  width : 50%;
  margin : 10px auto 0 auto;
  font-size : 14px;
  color : #000;
  text-align : center;
  line-height : 1.5
}
.prvcy-plicy a {
  font-size : 14px;
  color : #000;
  text-decoration : none;
  font-weight : 600
}
#meGDPRMessage {
  font-size : 14px;
  margin : 10px auto 0;
  color : #000;
  width : 50%;
  line-height : 1.5
}
.prvcy-plicy strong span, .prvcy-plicy a {
  font-family : 'Zoho_Puvi_SemiBold'
}
.sdp-form-api-main.apiform {
  width : 70%;
  margin : 0 auto
}
.sdp-form-api-main.apiform select, .sdp-form-api-main.apiform input#emailID, .sdp-form-api-main.apiform #meGDPRMessage, .sdp-form-api-main .submitdiv {
  width : 100%
}
.sdp-form-api-main .prvcy-plicy {
  width : 80%
}
.sdp-form-api-main .sdp-itsm-chk-box {
  text-align : left;
  padding : 0 10px;
  margin-bottom : 15px;
  margin-top : 5px
}
.sdp-form-api-main .sdp-itsm-chk-box p {
  font-size : 15px;
  margin-bottom : 5px
}
.sdp-form-api-main .sdp-itsm-chk-box .radio-button {
  display : flex;
  width : 140px
}
.sdp-itsm-chk-box .radio-button div {
  margin-right : 15px
}
.sdp-form-api-main select#country_state, .sdp-form-api-main select#MECountryListing {
  margin-bottom : 10px
}
  .sdp-form-api-main input#submit : hover {
  background-color : #ff1c0d
}
  .sdp-form-api-main #meGDPRMessage .checkmarkgdpr.enableCheckgdpr : before {
  box-sizing : unset;
  top : 0;
  left : 2px
}
.sdp-itsm-chk-box .radio-button div input {
  margin-right : 3px !important;
  position : relative;
  top : 0;
  left : 0;
  display : inline-block;
  vertical-align : middle;
  width : 13px
}
.sdp-form-api-main.apiform .sdp-itsm-chk-box .sdp-no-style input {
  width : auto;
  height : auto;
  position : unset
}
.sdp-pT0 {
  padding-top : 0
}
.fntwt400 {
  color : #138cd6
}
.resource-kit-section {
  background : #262626;
  color : #fff
}
.resource-kit-section .flex-wrap {
  align-items : unset
}
.resource-kit-container {
  max-width : 1100px;
  width : 95%
}
.resource-kit-container h2 {
  font : 38px/1.25 Zoho_Puvi_Extrabold;
  margin-bottom : 40px
}
.resource-kit-container ul.list-wrap li {
  margin-bottom : 22px;
  font-size : 17px;
  position : relative;
  box-sizing : border-box;
  padding : 0 20px 0 40px
}
  .resource-kit-container ul.list-wrap li : before {
  content : '';
  height : 20px;
  width : 20px;
  display : inline-block;
  vertical-align : middle;
  position : absolute;
  left : 0;
  top : 5px;
  background : url(../../images/tick-mark.png);
  background-size : cover
}
.resource-kit-container .prvcy-plicy {
  text-align : center;
  font-size : 12px;
  max-width : 350px;
  width : 100%
}
.resource-kit-container #meGDPRMessage {
  width : 100%;
  color : #fff;
  margin : 18px 0
}
.resource-kit-container .sdp-itsm-chk-box .radio-button {
  display : block;
  width : auto
}
.resource-kit-container .sdp-itsm-chk-box .radio-button div {
  display : inline-block
}
.resource-kit-container .sdp-itsm-chk-box {
  margin-top : 20px;
  padding : 0
}
.resource-kit-container .apiform select, .resource-kit-container .apiform input[type="submit"], .resource-kit-container input[type="text"] {
  border-radius : 3px !important
}
.resource-kit-container .apiform span.errormsg {
  position : unset;
  height : auto;
  margin : 0 !important
}
.prvcy-plicy, .prvcy-plicy a {
  color : #fff
}
.last-update-wrap {
  max-width : 280px;
  margin-left : auto;
  margin-bottom : 50px;
  font-weight : bold
}
.last-update-wrap p {
  margin-top : 0;
  font-size : 16px
}
  @media only screen and (max-width : 1440px) and (min-width : 1366px) {
  .container-new{max-width : 900px !important
}
.banner-wrap h1 {
  font-size : 34px
}
  }@media only screen and (max-width : 1400px) {
  .sidebar-wrapper{display : none !important
}
  }@media only screen and (max-width : 1024px) {
  .add-resources-bg .container{max-width : 100%;
  width : 100%
}
.banner-wrap p {
  width : 100%
}
.banner-wrap h1 {
  font-size : 36px
}
  }@media only screen and (max-width : 900px) {
  input#emailID{width : 70%
}
.apiform select {
  width : 70%
}
#meGDPRMessage {
  width : 70%
}
.submitdiv {
  width : 100%
}
.prvcy-plicy {
  width : 70%
}
ul.add-resources h4 {
  text-align : center
}
  }@media only screen and (max-width : 768px) {
  .row-min-left-col{width : 100%;
  margin-right : 0
}
.row-min-right-col {
  width : 100%;
  margin-left : 0
}
.two-col .row-min-left-col {
  width : 100%;
  margin-right : 0;
  margin-left : 0
}
.two-col .row-min-right-col {
  width : 100%;
  margin-left : 0;
  margin-right : 0
}
ul.banner-cta {
  margin-bottom : 0
}
.video-play-button {
  margin : 100px auto 0 auto
}
img.features-image {
  display : block;
  margin : 50px auto;
  width : 400px
}
.ctas p {
  width : 100%
}
.quotes {
  width : 100%
}
.popup {
  width : 90% !important
}
.case-study-title {
  width : 100%
}
p.case-study-content {
  width : 100%
}
.banner-wrap {
  flex-wrap : wrap;
  text-align : center
}
.banner-wrap>div {
  flex : 0 0 100%
}
.banner-wrap img {
  width : 400px;
  margin : 30px 0
}
.banner-wrap .banner-cta {
  justify-content : center
}
.banner-wrap h1 {
  font : 30px/1.2 Zoho_Puvi_SemiBold
}
.form-bg {
  padding : 50px
}
p.form-main-title {
  width : 100%
}
  }@media only screen and (max-width : 600px) {
  .container-new{padding : 0 20px
}
.dropdown-bar {
  padding : 10px 20px
}
ul.category.drop-list-items {
  padding : 15px 20px
}
ul.banner-cta {
  display : block
}
.row-bg {
  padding : 75px 0
}
ul.banner-cta {
  flex-wrap : wrap;
  margin-bottom : 0
}
.banner h1 {
  font : 30px/1.2
}
h2 {
  font-size : 26px;
  margin : 30px 0
}
h3 {
  font-size : 24px;
  margin-bottom : 10px
}
p {
  font-size : 16px;
  line-height : 1.8;
  margin : 0 0 20px
}
.ctas p {
  font-size : 22px
}
ul.list-items li {
  font-size : 16px;
  line-height : 1.6
}
.awards {
  display : block
}
.awards img {
  display : block;
  margin : 0 auto
}
.video-play-button {
  height : 250px;
  max-width : 450px
}
  .zoom : after {
  display : none
}
img.image-zoom {
  pointer-events : none
}
#current-text p {
  line-height : 1.3
}
table th, td {
  font-size : 16px
}
table th {
  font-size : 18px !important
}
ul.form-list-items {
  flex-wrap : wrap
}
ul.form-list-items li {
  padding : 30px;
  flex-grow : inherit;
  flex-basis : inherit;
  width : 100%
}
input#emailID {
  width : 100%;
  padding : 0 20px
}
.apiform select {
  width : 100%
}
.prvcy-plicy {
  width : 100%
}
#meGDPRMessage {
  width : 100%
}
.apiform input[type="submit"] {
  font-size : 10px;
  letter-spacing : 0;
  padding : 10px
}
input#emailID {
  height : 40px
}
.apiform select {
  height : 40px
}
.last-updated {
  font-size : 16px
}
  }@media screen and (max-width : 500px) {
  .ctas-button{display : block
}
  }@media only screen and (max-width : 414px) {
  .video-play-button{height : 220px
}
.video-play-button {
  margin : 50px auto 0 auto
}
.bread-crumb p {
  padding : 50px 0 0 0
}
p.prev-next-title {
  display : none
}
  }@media only screen and (max-width : 375px) {
  .video-play-button{height : 200px
}
  }@media only screen and (max-width : 360px) {
  .banner-wrap .banner-cta{min-width : 220px
}
.form-bg {
  padding : 50px 20px
}
  }@media only screen and (max-width : 320px) {
  .apiform input[type="submit"]{font-size : 10px
}
}