@charset "UTF-8";
/* CSS Document */
p {
  font-size: 18px;
  line-height: 1.6;
}
.container-fix {
  max-width: 1280px !important;
  margin: 0 auto;
}
#scroll {
  display: none;
}
.recourcnavsec {
  display: none;
}
.pr {
  position: relative
}
.pa {
  position: absolute
}
.m0 {
  margin: 0 !important
}
.p0 {
  padding: 0 !important
}
.b0 {
  border: none !important
}
.mT0 {
  margin-top: 0 !important
}
.pT0 {
  padding-top: 0 !important
}
.mB0 {
  margin-bottom: 0 !important
}
.mB10 {
  margin-bottom: 10px
}
.pB0 {
  padding-bottom: 0 !important
}
.m0auto {
  margin: 0 auto
}
.h0 {
  height: 0;
  line-height: 0
}
.wAuto {
  width: auto !important
}
.fr {
  float: right
}
.fl {
  float: left
}
.tar {
  text-align: right
}
.tal {
  text-align: left !important
}
.tac {
  text-align: center !important
}
.show {
  display: block !important
}
.show-in-bl {
  display: inline-block !important
}
.inBlk {
  display: inline-block !important
}
.max {
  max-width: 100% !important
}
.mT10 {
  margin-top: 10px !important
}
.mT20 {
  margin-top: 20px !important
}
.mT30 {
  margin-top: 30px !important
}
.mT40 {
  margin-top: 40px !important
}
.mT50 {
  margin-top: 50px !important
}
.mT60 {
  margin-top: 60px !important
}
.mT70 {
  margin-top: 70px !important
}
.pT10 {
  padding-top: 10px !important
}
.pT20 {
  padding-top: 20px !important
}
.pT30 {
  padding-top: 30px !important
}
.pT40 {
  padding-top: 40px !important
}
.pT50 {
  padding-top: 50px !important
}
.pT60 {
  padding-top: 60px !important
}
.pT70 {
  padding-top: 70px !important
}
.mL10 {
  margin-left: 10px !important
}
.mL20 {
  margin-left: 20px !important
}
.mR10 {
  margin-right: 10px !important
}
.mR30 {
  margin-right: 30px !important
}
.pL10 {
  padding-left: 10px !important
}
.pL20 {
  padding-left: 20px !important
}
.f300 {
  font-weight: 300 !important
}
.fs12 {
  font-size: 12px !important
}
.pB20 {
  padding-bottom: 20px !important;
}
.pB30 {
  padding-bottom: 30px !important;
}
.pB40 {
  padding-bottom: 40px !important;
}
.pB50 {
  padding-bottom: 50px !important;
}
li.listnon {
  list-style-type: none !important
}
/*Banner section */
#lamp-anim {
  width: 100%;
  height: 570px;
  mix-blend-mode: color-burn;
}
.blob {
  background: url(../../images/service-catalog-blob-bg.webp), url(../../images/service-catalog-blob-bg.png);
  background-size: cover;
}
.banner-bg {
  position: absolute;
  left: 0;
  right: 0;
  top: 100px;
}
.banner {
  text-align: center;
  padding: 100px 0px;
}
.banner h1 {
  font: 50px / 1.1 "Zoho_Puvi_ExtraBold" !important;
  margin: 0 0 20px 0;
}
.banner p {
  font: 23px / 1.5 "Zoho_Puvi_Regular";
  margin: 5px 0px 20px 0px;
}
a.custmrsaycta {
  display: inline-block;
  text-transform: uppercase;
  padding: 12px 30px;
  font-size: 16px;
  font-family: Zoho_Puvi_Bold;
  text-decoration: none;
  border-radius: 2px;
  cursor: pointer;
  letter-spacing: .3px;
  background: #e9152b;
  color: #fff;
}
/*Banner CTA section */
ul.banner-buttons {
  display: flex;
  justify-content: center;
}
ul.banner-buttons li {
  background: #ed4a44;
  margin: 10px;
  padding: 8px 10px;
  color: #fff;
  min-width: 213px;
  border-radius: 5px;
  cursor: pointer;
}
ul.banner-buttons li h4 {
  margin: 0;
  padding: 0;
}
ul.banner-buttons li p {
  margin: 0;
  padding: 0;
  font-size: 12px !important;
  color: #fdf4f4;
}
ul.banner-buttons li:hover {
  background: #ff463f;
}
ul.banner-buttons a {
  text-decoration: none;
}
/*Banner VIDEO section */
.iframe-video {
  height: 350px;
  width: 720px;
  display: block;
  margin: -180px auto 0 auto !important;
}
/*Breadcrumb section */
/*.bread-crumb {
	margin: 100px 0px 50px 0px;
}
.bread-crumb a {
	color: #000 !important;
	font-size: 16px;
}*/
span.bc-highlight {
  color: #03a9f5;
  font-weight: 600;
  font-size: 16px;
}
#workflowimgsec {
  background: #f3fcff;
  padding: 3% 0;
}
/* Lazy Load Styles start */
li.card {
  width: 100%;
}
li.card img {
  display: block;
  max-width: 75%;
  margin: 0 auto;
  text-align: center;
}
.card-image {
  display: block;
  background: center center no-repeat;
  background-size: cover;
  /*filter: blur(3px);*/ /* blur the lowres image */
  width: 100%;
}
.card-image > img {
  display: block;
  width: 100%;
  opacity: 0; /* visually hide the img element */
}
.card-image.is-loaded {
  filter: none; /* remove the blur on fullres image */
  transition: filter 1s ease-in-out;
}
.card-list {
  display: block;
  margin: 1rem auto;
  padding: 0;
  font-size: 0;
}
.card {
  display: inline-block;
  text-decoration: none;
  transition: transform 0.1s ease-in-out, box-shadow 0.1s;
}
/* Layout Styles end */
/*Feature screenshot section */
#featurescrensec {
  background: #fff;
  padding: 3% 0;
}
ul.screenshots {
  display: flex;
  align-items: center;
}
ul.screenshots h3 {
  margin-top: 0px;
}
ul.screenshots li {
  flex-grow: 1;
  flex-basis: 0;
}
ul.screenshots li img {
  max-width: 100%;
  border: 1px solid #ccc;
}
ul.points li {
  font-size: 18px;
  line-height: 1.5;
  margin-bottom: 10px;
}
ul.screenshots > li {
  margin: 0px 50px 10px 0px;
  padding: 20px;
}
ul.points {
  margin-left: 20px;
}
ul.points li {
  position: relative;
}
ul.points li:before {
  content: "";
  width: 7px;
  height: 7px;
  background: #23b9f8;
  position: absolute;
  border-radius: 50%;
  top: 10px;
  right: 0px;
  bottom: 0;
  left: -20px;
}
/* Feature checklist section start */
#astmgmnt-chcklist {
  background: #fff;
  padding: 3% 0;
}
.desktpview {
  display: block
}
.mobileview {
  display: none
}
.ast-cheklist {
  width: 100%;
  margin: 0 auto;
}
.checklisttab {
  margin: 0px;
  padding: 0px 1px 0px 1px;
  list-style: none;
  background: #fff;
  display: flex;
  flex-direction: row;
}
.checklisttab li {
  display: inline-block;
  cursor: pointer;
  width: 15%;
}
.checklisttab li p {
  font-size: 15px !important;
  margin: 0 1px;
  background: #dff1f9;
  padding: 15px;
  text-align: center;
  color: #000;
  min-height: 50px;
}
.checklisttab li p:hover {
  border-bottom: 3px solid #23b9f8;
  color: #3582cf;
}
.checklisttab li p:hover:after {
  content: "";
  bottom: -22px;
  left: calc(50% - 6px);
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid #21b9f8;
  z-index: 2;
  margin-top: -10px;
}
.checklisttab li p.cmdb:hover:after {
  bottom: -34px;
}
.checklisttab li p.cmdb {
  padding: 19% 0;
}
.checklisttab li p.current {
  color: #3582cf;
  border-bottom: 3px solid #23b9f8;
  font-weight: bold;
}
.checklisttab li p.cmdb.current:after {
  bottom: -34px;
}
.tab-content {
  display: none;
  background: #fbfeff;
  padding: 5%;
  line-height: 1.4;
}
.tab-content.current {
  display: inherit;
  z-index: 1;
  -webkit-animation: fadein 1s; /* Safari, Chrome and Opera > 12.1 */
  -moz-animation: fadein 1s; /* Firefox < 16 */
  -ms-animation: fadein 1s; /* Internet Explorer */
  -o-animation: fadein 1s; /* Opera < 12.1 */
  animation: fadein 1s;
}
@keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/* Firefox < 16 */
@-moz-keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/* Internet Explorer */
@-ms-keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/* Opera < 12.1 */
@-o-keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
ul.checklistcont {
  display: flex;
  margin: 0px;
  padding: 0px;
  align-items: center;
}
ul.checklistcont > li:nth-child(1) {
  width: 40%;
}
ul.checklistcont > li:nth-child(2) {
  width: 60%;
  padding-left: 5%;
}
ul.checklistcont li img {
  align-items: center;
  text-align: center;
  max-width: 100%;
}
ul.listcont {
  margin: 0px 0px 0px 20px;
  list-style-type: none;
}
ul.listcont li {
  font: 17px / 1.5 "Zoho_Puvi_Regular";
  margin: 0px 0px 10px 0px;
  position: relative;
}
ul.listcont li:before {
  content: "";
  width: 7px;
  height: 7px;
  background: #23b9f8;
  position: absolute;
  border-radius: 50px;
  top: 10px;
  left: -20px;
}
a.checklist-hyperlink {
  margin: 5px 0px 0px 20px;
  display: inline-block;
  text-decoration: none;
  border-bottom: 1px solid #138cd6;
}
/* Feature checklist section end */
/* Best practices AE with SDP section start */
#bestpractce-aesdp {
  background: #f3fcff;
  padding: 3% 0;
}
#bestpractce-aesdp .cont {
  width: 1060px;
  margin: 0 auto
}
ul.bestprctis-aesdp {
  display: flex;
  margin: 20px 0;
  padding: 10px 0;
  align-items: center;
}
ul.bestprctis-aesdp:hover {
  background: #fff; /*box-shadow: 1px 1px 4px 0px #cfd4da;*/
}
ul.bestprctis-aesdp li h4 {
  font-size: 22px;
  color: #3180d2
}
ul.bestprctis-aesdp li p {
  margin: 0px;
}
ul.bestprctis-aesdp li:nth-child(1) {
  width: 13%;
  border-right: 1px solid #3180d2;
  padding: 0 2%;
}
ul.bestprctis-aesdp li:nth-child(2) {
  width: 30%;
  margin: 0 5%;
}
ul.bestprctis-aesdp li:nth-child(3) {
  width: 45%;
  margin: 0 5%;
}
ul.bestprctis-aesdp li:nth-child(3) p {
  font-weight: bold;
  letter-spacing: 0.5px;
}
.bstprtice-aesdp {
  background-image: url("http://manageengine.com/products/service-desk/it-asset-management/images/asset-management-sprite-50.svg");
  background-repeat: no-repeat;
  width: 50px;
  height: 50px;
  display: block;
  margin: 0 auto;
}
.bp-aesdp01 {
  background-position: -6px -7px;
}
.bp-aesdp02 {
  background-position: -58px -7px;
}
.bp-aesdp03 {
  background-position: -117px -7px;
}
.bp-aesdp04 {
  background-position: -176px -7px;
}
.bp-aesdp05 {
  background-position: -236px -9px;
}
.bp-aesdp06 {
  background-position: -292px -9px;
}
.bp-aesdp07 {
  background-position: -353px -8px;
}
.bp-aesdp08 {
  background-position: -412px -9px;
}
.bp-aesdp09 {
  background-position: -467px -7px;
}
.bp-aesdp10 {
  background-position: -532px -8px;
}
/* Best practices AE with SDP section end */
/* AE operations section start */
#ae-operationssec {
  background: #fff;
  padding: 3% 0;
}
#ae-operationssec h2 {
  padding: 0 10%
}
ul.ae-operations {
  display: flex;
  padding: 0;
  align-items: center;
  width: 70%;
  margin: 50px auto 0 auto;
}
ul.ae-operations li {
  width: 50%;
  margin-left: 30px;
}
ul.ae-operations ul {
  margin: 0px;
  padding: 0px;
}
ul.ae-operations ul li {
  color: #23b9f8;
  width: 100%;
  list-style-type: disc;
  font-size: 25px;
}
ul.ae-operations ul li p {
  color: #000;
  font-size: 18px !important;
  line-height: 1.6 !important;
  margin: 0px;
}
/* AE operations section end */
/* AE footer main cta start */
#ftrgetstd {
  background: #000;
  padding: 3% 0;
}
#ftrgetstd h2 {
  color: #fff;
}
/* AE footer main cta end */
/*Footer additional links section */
#additionalsec {
  background: #fff;
  padding: 3% 0
}
ul.add-resources {
  display: flex;
  align-items: center;
}
ul.add-resources li {
  flex-grow: 1;
  flex-basis: 0;
}
ul.add-resources h4 {
  margin-left: 0px;
  text-transform: uppercase;
  font-size: 19px;
}
ul.add-resources h2 {
  width: 80%;
  font-size: 28px;
  color: #3180d2;
  margin: 10px 0px 30px 0px;
}
img.add-res {
  display: block;
  margin: 40px auto 0px 60px;
}
h4.other {
  margin: 50px 0px 10px 0px !important;
  text-transform: inherit !important;
  font-size: 18px !important;
}
p.lot-more {
  width: 80%;
}
ul.add-resources a {
  color: #3180d2;
  font-size: 18px;
  text-decoration: underline;
}
ul.watch li {
  font-size: 18px;
  line-height: 1.8;
}
ul.luxury {
  margin: 30px 0px;
}
ul.luxury li {
  font-size: 18px;
  line-height: 1.8;
}
ul.lnks li {
  font-size: 18px;
  line-height: 1.8;
}
ul.add-resources > li:nth-child(1) {
  /*border-right: 1px solid #e6e6e6;*/
}
ul.add-resources > li:nth-child(2) {
  margin-left: 50px;
}
ul.lnks li a {
  position: relative;
  text-decoration: none;
}
ul.lnks li a:before {
  content: "";
  width: 0%;
  border-bottom: 1px solid #3180d2;
  position: absolute;
  top: 0;
  left: 0px;
  bottom: 0;
  transition: width 0.5s;
}
ul.lnks li a:hover:before {
  width: 100%;
}
ul.luxury li a {
  position: relative;
  text-decoration: none;
}
ul.luxury li a:before {
  content: "";
  width: 0%;
  border-bottom: 1px solid #3180d2;
  position: absolute;
  top: 0;
  left: 0px;
  bottom: 0;
  transition: width 0.5s;
}
ul.luxury li a:hover:before {
  width: 100%;
}
ul.addresorcs li a {
  position: relative;
  text-decoration: none;
  font-size: 16px;
}
ul.addresorcs li a:before {
  content: "";
  width: 0%;
  border-bottom: 1px solid #3180d2;
  position: absolute;
  top: 0;
  left: 0px;
  bottom: 0;
  transition: width 0.5s;
}
ul.addresorcs li a:hover:before {
  width: 100%;
}
ul.otherlinkcont {
  display: flex;
}
ul.otherlinkcont li.left {
  width: 50%;
}
ul.otherlinkcont li.right {
  width: 50%;
}
ul.otherlinks li a {
  position: relative;
  text-decoration: none;
  font-size: 16px;
}
ul.otherlinks li a:before {
  content: "";
  width: 0%;
  border-bottom: 1px solid #3180d2;
  position: absolute;
  top: 0;
  left: 0px;
  bottom: 0;
  transition: width 0.5s;
}
ul.otherlinks li a:hover:before {
  width: 100%;
}
/*Testimonials section */
#testimonials {
  background: #f3fcff;
}
.testqout {
  font-size: 150px;
  color: #5094c4;
  font-weight: bolder;
  line-height: 0;
  margin-top: 5%;
}
.testimonials-bg {
  text-align: center;
}
i.fa.fa-quote-left {
  font-size: 60px;
  color: #5094c4;
}
.testimonials h2 {
  font-size: 36px;
}
.testimonials p {
  width: 75%;
  display: block;
  margin: 0 auto;
}
.testimonials h3 {
  margin: 20px 0px 0px 0px;
  color: #5094c4;
  font-style: italic;
  font-size: 20px;
}
.testimonials p:last-child {
  color: #5094c4;
  font-size: 16px !important;
}
/*Footer CTA section start */
#footerctasec {
  background: #f3fcff;
  padding: 3% 0
}
/*Footer CTA section end */
/*media query starts here */
@media only screen and (max-width:1600px) {
  .head-container {
    width: 90% !important;
  }
  #workflowimgsec, #featurescrensec, #testimonials, #astmgmnt-chcklist, #bestpractce-aesdp, #ae-operationssec, #footerctasec, #additionalsec {
    padding: 5% 0
  }
}
@media only screen and (max-width:1024px) {
  .container-fix {
    padding: 0px 30px;
    width: auto;
  }
  .screenshots {
    padding: 50px 50px !important;
  }
  ul.screenshots {
    display: block;
    align-items: center;
    flex-wrap: wrap;
  }
  .imgswap {
    flex-flow: column-reverse;
    display: flex !important;
  }
  .checklisttab li p {
    margin: 0 1px;
    padding: 10% 0%;
    font-size: 15px !important;
  }
  .checklisttab li {
    width: 12.5%;
  }
  .checklisttab li p.current:after {
    bottom: -21px;
  }
  .checklisttab li p:hover:after {
    bottom: -21px;
  }
  .checklisttab li p.cmdb {
    padding: 20% 0;
  }
  .checklisttab li p.cmdb.current:after {
    bottom: -33px;
  }
  #bestpractce-aesdp .cont {
    width: 100%;
    margin: 0 auto;
  }
  ul.best-pract > li {
    max-width: 50%;
    min-width: 50%;
  }
  ul.add-resources > li:nth-child(1) {
    border-right: none;
  }
  ul.add-resources > li:nth-child(2) {
    margin-left: 0px;
  }
}
@media only screen and (max-width:980px) {
  #lamp-anim {
    height: 0px;
  }
  .container-fix {
    padding: 20px !important;
  }
  .iframe-video {
    width: 100%;
  }
  .checklisttab {
    display: none
  }
  ul.bestprctis-aesdp li:nth-child(1) {
    padding: 0 0%;
  }
  ul.bestprctis-aesdp li:nth-child(2) {
    margin: 0 3%;
  }
  ul.bestprctis-aesdp li:nth-child(3) {
    margin: 0 1%;
  }
  ul.ae-operations {
    margin: 50px auto 0 0px;
    width: 97%;
    padding: 0px;
  }
  ul.screenshots > li {
    margin: 0px 0 10px 0px;
    padding: 20px;
  }
  ul.add-resources {
    display: block;
    flex-wrap: wrap;
  }
  ul.add-resources h2 {
    width: auto;
    font-size: 25px;
  }
  img.add-res {
    display: block;
    margin: 0 auto;
    text-align: center;
    align-items: center;
  }
  .checklisttab {
    display: flex;
    flex-wrap: wrap;
  }
  .checklisttab li {
    width: 100%;
    padding: 2%;
    text-align: left;
  }
  span.brrmv {
    display: none
  }
  .cmdbmt {
    margin: auto !important;
  }
  .desktpview {
    display: none
  }
  .mobileview {
    display: block;
    margin-top: 50px;
  }
  .aechklist-title {
    padding: 0px;
    background: #dfedf3 url(https://www.manageengine.com/products/service-desk/it-asset-management/images/asset-management-icon-sprite-30.svg) 680px -171px no-repeat !important;
    cursor: pointer;
    color: #000000;
    border-bottom: 1px solid #fff;
    width: 100%;
    margin: 0 auto;
  }
  .aechklist-title p {
    padding: 10px;
    margin: 0px;
  }
  .on {
    background: #317fd2 url(https://www.manageengine.com/products/service-desk/it-asset-management/images/asset-management-icon-sprite-30.svg) 680px -210px no-repeat !important;
    font-weight: bold;
    color: #fff;
  }
  .aechklist-content {
    display: none;
    background-color: #fff;
    border: none;
    padding: 3%;
    width: 94%;
    margin: 0 auto;
  }
  ul.ae-operations {
    margin: 30px auto 0 30px;
    width: 95%;
    padding: 0px;
    flex-wrap: wrap;
    display: block;
  }
  ul.ae-operations li {
    width: 100%;
  }
}
@media only screen and (max-width:660px) {
  ul.screenshots {
    flex-wrap: wrap;
    flex-direction: column-reverse;
  }
  .drive ul.screenshots.imgswap {
    flex-direction: column-reverse !important;
  }
  ul.screenshots li {
    flex-grow: inherit;
    flex-basis: inherit;
  }
  ul.screenshots > li {
    margin: 0px 0px 10px 0px;
  }
  ul.listcont {
    margin-left: 20px;
  }
  ul.listcont li p {
    color: #000;
    margin: 0px;
  }
  ul.add-resources {
    flex-wrap: wrap;
  }
  ul.add-resources li {
    flex-grow: inherit;
    flex-basis: inherit;
  }
  ul.add-resources h2 {
    width: 100%;
  }
  p.lot-more {
    width: 100%;
  }
  ul.best-pract-list {
    flex-wrap: wrap;
    padding: 20px;
  }
  ul.bestprctis-aesdp li h4 {
    font-size: 16px;
    color: #3180d2;
    margin: 0;
    font-weight: bold;
  }
  ul.best-pract-list li:nth-child(2) {
    width: 100%;
    margin-left: 0px;
    text-align: center;
  }
  ul.best-pract-list li img {
    display: block;
    margin: 0 auto;
  }
  ul.best-pract-list li:nth-child(1) {
    width: 100%;
  }
  ul.bestprctis-aesdp {
    margin: 25px 0 20px 0 !important;
  }
  ul.bestprctis-aesdp li:nth-child(1) {
    padding: 0 0%;
    display: none
  }
  ul.bestprctis-aesdp li:nth-child(2) {
    width: 45%;
    margin: 0 1%;
  }
  ul.bestprctis-aesdp li:nth-child(3) {
    width: 48%;
    margin: 0 2%;
  }
  ul.bestprctis-aesdp li:nth-child(3) p {
    font-weight: bold;
    word-break: break-word;
  }
  .bp-header {
    /*set animation*/
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
  }
  .bp-header.sticky {
    font-size: 24px;
    line-height: 48px;
    height: auto;
    background: #007bda;
    text-align: left;
    /* padding-left: 20px; */
    position: fixed;
    display: block;
    top: 96px;
    left: 0;
    right: 0;
    color: #fff;
    z-index: 9;
  }
  .bp-header.sticky ul.bestprctis-aesdp {
    margin: 5px 0 !important;
    padding: 5px;
  }
  .bp-header.sticky ul.bestprctis-aesdp li h4 {
    font-size: 16px;
    color: #fff;
    margin: 0;
    font-weight: bold;
  }
}
@media only screen and (max-width:500px) {
  .container-fix {
    padding: 13px !important;
  }
  p {
    font-size: 15px !important;
    line-height: 1.4 !important;
  }
  .blob {
    background: #b3ebf5;
  }
  #lamp-anim {
    height: 430px;
  }
  ul.banner-buttons {
    flex-wrap: wrap;
  }
  .banner {
    text-align: center;
    padding: 38px 0;
  }
  .banner h1 {
    font-size: 35px;
  }
  .banner p {
    margin: 10px 0px 20px 0px;
  }
  /*.bread-crumb {
	margin: 100px 0px 30px 0px;
}*/
  .iframe-video {
    margin: 20px auto 0 auto !important;
    height: 200px;
  }
  /*.bread-crumb {
	margin: 30px 0px 30px 0px;
}*/
  .container-wrapper h2 {
    font-family: 'Zoho_Puvi_SemiBold';
    font-size: 25px;
    line-height: 1.25;
  }
  ul.ae-operations {
    margin: 30px auto 0 0;
    width: 80%;
  }
  ul.what-is-IT-service-catalog {
    flex-wrap: wrap;
    flex-direction: column-reverse;
  }
  ul.what-is-IT-service-catalog li {
    flex-grow: inherit;
    flex-basis: inherit;
  }
  ul.best-pract > li {
    max-width: 100%;
    min-width: 100%;
  }
  .band {
    padding: 40px 30px 50px 30px;
  }
  .aechklist-title {
    background: #dfedf3 url(https://www.manageengine.com/products/service-desk/it-asset-management/images/asset-management-icon-sprite-30.svg) 350px -171px no-repeat !important;
  }
  .on {
    background: #317fd2 url(https://www.manageengine.com/products/service-desk/it-asset-management/images/asset-management-icon-sprite-30.svg) 348px -210px no-repeat !important;
  }
  a.strtur30dys, a.startyrfre {
    margin: 10px 5px !important;
  }
  a.startyrfre {
    font-size: 18px !important;
    padding: 7px 20px !important;
  }
  a.ftrdemo {
    background: #167ac6;
  }
  ul.otherlinkcont {
    display: flex;
    flex-wrap: wrap;
  }
  ul.otherlinkcont li.left, ul.otherlinkcont li.right {
    width: auto;
  }
}
@media only screen and (max-width:375px) {
  .banner {
    padding: 45px 20px 50px 20px;
  }
  .banner h1 {
    font-size: 30px;
  }
  .iframe-video {
    margin: 20px auto 0 auto !important;
    height: 130px;
  }
  .best-practices-bg {
    padding: 20px 0px;
  }
  .aechklist-title {
    background: #dfedf3 url(https://www.manageengine.com/products/service-desk/it-asset-management/images/asset-management-icon-sprite-30.svg) 328px -171px no-repeat !important;
  }
  .on {
    background: #317fd2 url(https://www.manageengine.com/products/service-desk/it-asset-management/images/asset-management-icon-sprite-30.svg) 325px -210px no-repeat !important;
    display: block; /* position: absolute; */
  }
}
@media only screen and (max-width:360px) {
  a.startyrfre {
    font-size: 18px !important;
    padding: 7px 15px !important;
  }
}
@media only screen and (max-width:320px) {
  #lamp-anim {
    height: 450px;
  }
  .banner {
    text-align: center;
    padding: 65px 30px 50px 30px;
  }
  .banner h1 {
    font-size: 33px;
  }
  .banner p {
    font-size: 19px !important;
  }
  .iframe-video {
    height: 100px;
  }
  .container-fix {
    padding: 20px 20px !important;
  }
  .best-practices h3 {
    margin-bottom: 30px;
  }
}
/*media query ends here */