#scroll{display:none!important}
  .heading-menu{display:none}
  ul.btns-tab{list-style-type:none;}
  img{max-width: 100%}
  .ncmPlus{width: 100%;height: auto;text-align: center;}
  .ncmPlusBanner{background: #f0f2f0;float: left;width: 100%;}
  .ncmPlusBanner a {background: #e03860;font: 400 19px/35px 'Poppins', sans-serif;color: #fff;padding: 10px 40px;margin: 33px auto 37px;border-radius: 4px;display: inline-block;}
  .ncmPlusBanner h2{font-size: 34px!important;}
  .ncmPlusBanner h2{font: 100 31px/120% Roboto Slab;color: #0b4c5d;margin: 10px 0 10px;}
  .ncmPlusBanner span{font: 100 27px Roboto Slab;color: #ababab;display: block;}
  .ncmPlusBanner img{float: left;width: 100%;height: auto;}
  .ncmPlus .section{width: 100%;max-width: 1155px;margin: 0 auto;transition: all .2s ease-in 0s;display: inline-block;text-align:center;}
  .ncm-h2{color: #0b4c5d;}
  .bg{min-height:480px;}
  .ncmPlusBanner a{background:#ec1331;padding:8px 15px;color:#fff;text-decoration:none;border-radius:5px;transition:all ease 0.5s;font-size:17px;font-weight:600;display:inline-block;}
  .ncmPlusBanner a:hover{background:#E3142B;text-decoration:none;}
  .btn a:link, .btn a:visited {background:#E3142B;color:#fff;padding:8px 10px;text-decoration:none;border-radius:6px;} .btn a:hover{opacity:.85}
  .bg2 {background: #d9d9d9 !important;}
  .bannerbg2{background:#0e3aa2;}
  @media screen and (max-width:800px){
  .per50{max-width:650px;width:80%;margin:0 auto;float:none;box-sizing:border-box;}
  }
  /*index page style start*/
  body {    font-size: 16px;    line-height: 28px}
  .slider-5-bg {    background: #001a8c}
  .main-slider {    background: #f0f2f0}
  .yellow-bg {    background: #fc0}
  .orange-bg {    background: #fda31a}
  .blue-bg-0b3090 {    background: #0b3090}
  .blue-bg-0D2092 {    background: #0d2092}
  .blue-bg-1a1b49 {    background: #1a1b49}
  .blue-bg-1946ab {    background: #1946ab}
  .blue-bg-091E8C {    background: #091e8c}
  .blue-bg-001A89 {    background: #001a89}
  .white-bg-f9f9f9 {    background: #f9f9f9}
  .nutanix-bg {    background: #080f46 url(/itom/images/hero-banners/nutanix-banner-bg.png) top center no-repeat;    background-size: cover}
  .future-it-operation-bg {    background: #00177d;    position: relative;    z-index: 1}
  .future-opr-img {    max-width: 254px}
  .halloween-bg:before {    content: "";    background: url(../../../itom/images/banner/halloween-spider-bg.svg) top left no-repeat;    position: absolute;    width: 100%;    height: 100%;    opacity: .5;    z-index: -1}
  .aiops-day-banner {    position: relative;    background: #000 url("/itom/images/hero-banners/2025/sweden-banner-mar25.webp") no-repeat scroll center;    background-size: auto;    background-size: cover;    z-index: 1}
  .swiper-slide {    display: -webkit-box;    display: -ms-flexbox;    display: flex;    -webkit-box-align: center;    -ms-flex-align: center;    align-items: center;    -webkit-box-pack: center;    -ms-flex-pack: center;    justify-content: center;    z-index: 0;    padding: 24px 0;    min-height: 312px}
  .banner-wrapper h1 {    font-size: 40px;    font-weight: 800;    line-height: 1.3;    margin-bottom: 8px}
  .banner-wrapper h2 {    font-weight: 800;    font-size: 30px;    line-height: 1.3;    margin: 0;    margin-bottom: 8px}
  .banner-wrapper h2>strong {    font-weight: 900}
  .banner-wrapper h3 {    font-size: 22px;    font-weight: 500;    margin: 0}
  .banner-wrapper p {    font-size: 18px;    margin-bottom: 0 !important}
  .banner-wrapper a {    display: inline-block;    padding: 8px 24px;    border-radius: 4px;    text-align: center;    font-weight: 600;    font-size: 18px;    -webkit-transition: all .3s;    transition: all .3s;    margin-top: 16px}
  .banner-wrapper a:hover {    text-decoration: none;    opacity: .9;}
  .txt-black * {    color: #000}
  .txt-white * {    color: #fff}
  .yellow-txt {    color: #ffc901}
  .btn-red {    background: #E80E19;    color: #fff;}
  .btn-yellow {    background: #ffc800;    color: #000}
  .btn-black {    background: #000;    color: #fff !important}
  .btn-white {    background: #fff;    color: #000 !important}
  .hero-content-row {    display: -webkit-box;    display: -ms-flexbox;    display: flex;    -webkit-box-pack: center;    -ms-flex-pack: center;    justify-content: center;    -webkit-box-align: center;    -ms-flex-align: center;    align-items: center;    text-align: left;    -ms-flex-wrap: wrap;    flex-wrap: wrap;    max-width: 1120px;    width: 100%;    gap: 40px;    margin: 0 auto}
  .main-slider:before {    height: 100%;    background-image: url(images/fwa-banner-bg.png);    background-repeat: no-repeat;    width: 100%;    position: absolute;    content: "";    top: 0;    left: 0;    opacity: .2;    -webkit-user-select: none;    -moz-user-select: none;    -ms-user-select: none;    user-select: none;    overflow: hidden;    background-size: cover; }
  .gartner-bg:before {    height: 100%;    background-image: url(images/hero-banners/banner-bg-color.svg);    background-repeat: no-repeat;    width: 100%;    position: absolute;    content: "";    top: 0;    left: 0;    opacity: .8;    -webkit-user-select: none;    -moz-user-select: none;    -ms-user-select: none;    user-select: none;    overflow: hidden;    background-size: cover;    z-index: -1}
  .banner-container {    max-width: 1120px}
  .hero-content-row>.cell:first-child {    width: 60%}
  .hero-content-row>.cell:last-child {    width: calc(40% - 40px);    text-align: center}
  .hero-content-row>.cell>img {    width: 100%}
  .yellow-hglt {    display: inline-block;    background: #ffcc02;    color: #000;    text-transform: uppercase;    padding: 9px 11px;    font-size: 12px;    letter-spacing: 1px;    line-height: 1.15;    font-weight: 600;    margin-bottom: 16px}
  .white-box {    display: inline-block;    background: #fff;    text-transform: uppercase;    padding: 9px 11px;    font-size: 12px;    letter-spacing: 1px;    line-height: 1.15;    color: #000;    margin-bottom: 16px}
  .gray-box {    background: #333;    color: #fff !important}
  .list-disc-white {    margin: 0;    padding: 0;    margin-left: 16px;    color: #fff}
  .list-disc-white>li {    list-style: disc;    padding: 0}
  .mt1 {    margin-top: 16px !important}
  .mrg-btm-sm {    margin-bottom: 8px !important}
  .mrg-btm-md {    margin-bottom: 16px !important}
  .mrg-btm-l {    margin-bottom: 24px !important}
  .itom-day-img {    max-width: 270px;    margin-bottom: 24px}
  .mob-hide {    display: block}
  .mob-show {    display: none}
  .itom-day-con>img {    max-width: 190px;    margin-bottom: 8px}
  .date-location {    display: -webkit-box;    display: -ms-flexbox;    display: flex;    gap: 24px;    margin-top: 8px}
  .date-location>.split {    display: -webkit-box;    display: -ms-flexbox;    display: flex;    -webkit-box-orient: vertical;    -webkit-box-direction: normal;    -ms-flex-direction: column;    flex-direction: column;    -webkit-box-align: start;    -ms-flex-align: start;    align-items: flex-start;    border: 1px solid #3a43b0;    padding: 4px 12px}
  .date-location div {    display: -webkit-box;    display: -ms-flexbox;    display: flex;    -webkit-box-align: center;    -ms-flex-align: center;    align-items: center;    -webkit-column-gap: 8px;    -moz-column-gap: 8px;    column-gap: 8px}
  .date-location div>img {    max-width: 24px}
  .date-location div p {    font-size: 14px;    margin: 0}
  .border-lt-yellow {    border: 1px solid #ffe19e !important}
  .date-location>.evt-details {    display: -webkit-box;    display: -ms-flexbox;    display: flex;    -webkit-box-align: start;    -ms-flex-align: start;    align-items: flex-start;    -webkit-box-orient: vertical;    -webkit-box-direction: normal;    -ms-flex-direction: column;    flex-direction: column;    -webkit-box-flex: 1;    -ms-flex: 1;    flex: 1;    border: 1px solid #283d9d;    border-radius: 8px;    padding: 8px;    text-align: left}
  .evt-details>h3.evt-city {    font-size: 18px;    font-weight: 600;    margin-bottom: 6px}
  .evt-details>p.evt-date-time {    font-size: 16px;    line-height: 24px;    padding-bottom: 6px;    font-weight: 700}
  .evt-details>p.evt-address {    font-size: 14px;    line-height: 22px}
  .col2-row {    display: -webkit-box;    display: -ms-flexbox;    display: flex;    gap: 16px;    -webkit-box-align: center;    -ms-flex-align: center;    align-items: center;    margin-top: 16px}
  .col2-row img {    max-width: 100px;    margin: 0 !important}
  .cover-bg {    position: relative}
  .cover-bg:before {    content: "";    position: absolute;    width: 100%;    height: 180%;    background: #ffd600;    z-index: -1;    left: 0;    -webkit-transform: rotate(18deg);    transform: rotate(18deg);    top: -40%}
  .border-6c7bc0 {    border-color: #6c7bc0 !important}
  .img-max-width-s {    max-width: 200px !important}
  .img-max-width1 {    max-width: 250px !important}
  .img-max-width2 {    max-width: 300px !important}
  .img-max-width3 {    max-width: 350px !important}
  .img-max-width4 {    max-width: 400px !important}
  @media screen and (max-width: 1200px) {    .hero-content-row {        max-width: 100%;        width: 95%    }
  }
  @media screen and (max-width: 1024px) {    #commonHeader {        min-height: 90px;        height: 90px    }
      .hero-content-row>.cell {        width: 100% !important;        text-align: center    }
      .hero-content-row>.cell:last-child {        display: none    }
      .date-location {        -webkit-box-pack: center;        -ms-flex-pack: center;        justify-content: center    }
      .mob-hide {        display: none    }
      .mob-show {        display: block    }
      .col2-row {        -webkit-box-pack: center;        -ms-flex-pack: center;        justify-content: center    }
  }
  @media screen and (max-width: 500px) {    .date-location {        -ms-flex-wrap: wrap;        flex-wrap: wrap    }
      .date-location>.split {        width: 95%    }
      .date-location>.evt-details {        -webkit-box-flex: 1;        -ms-flex: auto;        flex: auto;        width: 100%;        -webkit-box-align: center;        -ms-flex-align: center;        align-items: center;        text-align: center    }
  }
  .main-slider:before {    height: 100%;    background-image: url(https://www.manageengine.com/network-configuration-manager/images/op-banner-bg.png);    background-repeat: no-repeat;    width: 100%;    position: absolute;    content: "";    top: 0;    left: 0;    opacity: .2;    -webkit-user-select: none;    -moz-user-select: none;    -ms-user-select: none;    overflow: hidden;    background-position: top center;    background-size: 85%}
  .banner-wrapper {    font: 300 16px/30px "Zoho_Puvi_Regular", sans-serif}
  .sec-pTB {    padding: 60px 0}
  .sec-pTB h2 {    margin-top: 0}
  .ncm-fea {    display: -webkit-box;    display: -ms-flexbox;    display: flex;    -ms-flex-wrap: wrap;    flex-wrap: wrap;    gap: 24px}
  .ncm-fea>li {    width: calc(33.33% - 72px);    -webkit-box-shadow: 0 0 24px 0 rgba(207, 207, 207, .2431372549);    box-shadow: 0 0 24px 0 rgba(207, 207, 207, .2431372549);    padding: 24px;    border-radius: 6px}
  .ncm-fea>li h4 {    margin: 0}
  .fea-title {    display: -webkit-box;    display: -ms-flexbox;    display: flex;    -webkit-box-align: center;    -ms-flex-align: center;    align-items: center}
  .fea-title span.ncm-sprite {    width: 85px}
  #banner-area img {    width: 100%;    max-width: 100%}
  .flex-row2 {    display: -webkit-box;    display: -ms-flexbox;    display: flex;    -ms-flex-wrap: wrap;    flex-wrap: wrap;    gap: 24px;    -webkit-box-align: center;    -ms-flex-align: center;    align-items: center}
  .flex-row2 .col:nth-child(1) {    width: 55%}
  .flex-row2 .col:nth-child(2) {    width: calc(45% - 24px)}
  @media(max-width: 1024px) {    .ncm-fea>li {        width: calc(50% - 72px)    }
  }
  @media(max-width: 768px) {    .flex-row2 .col {        width: 100% !important    }
  }
  @media(max-width: 650px) {    .ncm-fea>li {        width: calc(100% - 72px)    }
  }
  .txt-cyan {    color: #a6f4ff}
  .txt-light-blue {    color: #a0a9d3}
  .ban_show {    display: -webkit-inline-box !important;    display: -ms-inline-flexbox !important;    display: inline-flex !important;    -webkit-box-align: center !important;    -ms-flex-align: center !important;    align-items: center !important;    -webkit-box-pack: center !important;    -ms-flex-pack: center !important;    justify-content: center !important}
  .itom-banner img {    float: left;    width: 100%;    height: auto;    height: 360px;    max-width: 1200px}
  #sgbanner {    display: none}
  .opmPlusBanner {    background: #f0f2f0;    float: left;    width: 100%;    margin: 0 auto;    float: none;    -webkit-box-shadow: none;    box-shadow: none;    display: -webkit-box;    display: -ms-flexbox;    display: flex;    -webkit-box-align: center;    -ms-flex-align: center;    align-items: center;    -webkit-box-pack: center;    -ms-flex-pack: center;    justify-content: center}
  .spacing1 {    padding: 50px 0}
  .pad1 {    padding: 50px 0;    position: relative;    -webkit-animation: AnimFadeUp 2s ease-in-out;    animation: AnimFadeUp 2s ease-in-out}
  @-webkit-keyframes AnimFadeUp {    0% {        -webkit-transform: translateY(20px);        transform: translateY(20px);        opacity: 0    }
      100% {        -webkit-transform: translateY(0px);        transform: translateY(0px);        opacity: 1    }
  }
  @keyframes AnimFadeUp {    0% {        -webkit-transform: translateY(20px);        transform: translateY(20px);        opacity: 0    }
      100% {        -webkit-transform: translateY(0px);        transform: translateY(0px);        opacity: 1    }
  }
  .nutanix-bg {    background: #080f46 url(images/banner/nutanix-banner-bg.png) top center no-repeat;    background-size: cover}
  .itom-banner {    display: -webkit-box;    display: -ms-flexbox;    display: flex;    -webkit-box-align: center;    -ms-flex-align: center;    align-items: center;    -webkit-box-pack: center;    -ms-flex-pack: center;    justify-content: center;    height: 100%}
  iframe {    width: 100%}
  .survey-bannerbg {    background: #ffd101 !important}
  .view-details a {    font-size: 18px;    text-decoration: underline;    color: #545454}
  .clearfix.divEdition .per50 {    width: 29%}
  #btmBar ul li:nth-child(2) {    display: none}
  #btmBar ul li:nth-child(4) {    display: none}
  .free-dwn-btn {    display: none;    text-align: center}
  .btnDownloads {    background: #feb40a;    padding: 10px 23px;    color: #000;    text-decoration: none;    border-radius: 5px;    -webkit-transition: all ease .5s;    transition: all ease .5s;    font-size: 22px;    font-weight: 600;    display: inline-block}
  .div-key-fea .row {    text-align: center;    width: 100%;    display: inline-block}
  .div-key-fea .row .col {    width: 20%;    margin: 2%;    display: inline-block;    vertical-align: top;    position: relative}
  .div-key-fea .row .col span {    display: inline-block;    width: 100px;    height: 100px;    border-radius: 50%;    border: solid 1px #666;    margin: 2%;    position: relative;    zoom: .75}
  .div-key-fea .row .col a {    display: inline-block;    clear: both}
  .mid .col .me-ncm {    zoom: 1.5 !important}
  .mid .col {    vertical-align: middle !important}
  .btn a:link,.btn a:visited {    background: #e3142b;    color: #fff;    padding: 8px 10px;    text-decoration: none;    border-radius: 6px}
  .btn a:hover {    opacity: .85}
  .icon-fea {    background: #fff url(https://www.manageengine.com/network-configuration-manager/images/ncm-key-feature-sprite.png) top center no-repeat}
  .ic-cca {    background-position: 7px 4px}
  .ic-scd {    background-position: -80px 4px}
  .ic-idr {    background-position: -167px 8px}
  .ic-cc {    background-position: -254px 5px}
  .ic-pci {    background-position: -82px -78px}
  .ic-js {    background-position: -343px 6px}
  .ic-rfu {    background-position: 7px -80px}
  .ic-cram {    background-position: -168px -78px}
  .ic-cr {    background-position: -255px -78px}
  .ic-rbac {    background-position: -340px -82px}
  .bounce {    -webkit-animation: bounce 1s;    animation: bounce 1s;    -webkit-transform: translateY(0px);    transform: translateY(0px);    -webkit-animation-iteration-count: infinite;    animation-iteration-count: infinite}
  .bounce1 {    -webkit-animation: bounce 1.5s;    animation: bounce 1.5s;    -webkit-transform: translateY(0px);    transform: translateY(0px);    -webkit-animation-iteration-count: infinite;    animation-iteration-count: infinite}
  @-webkit-keyframes bounce {    0% {        top: 0;        -webkit-animation-timing-function: ease-in    }
      50% {        top: 4px;        -webkit-animation-timing-function: ease-out    }
      100% {        top: 0;        -webkit-animation-timing-function: ease-in    }
  }
  @keyframes bounce {    0% {        top: 0;        -webkit-animation-timing-function: ease-in    }
      50% {        top: 4px;        -webkit-animation-timing-function: ease-out    }
      100% {        top: 0;        -webkit-animation-timing-function: ease-in    }
  }
  @-webkit-keyframes bounce1 {    0% {        top: 0;        -webkit-animation-timing-function: ease-in    }
      50% {        top: 8px;        -webkit-animation-timing-function: ease-out    }
      100% {        top: 0;        -webkit-animation-timing-function: ease-in    }
  }
  @keyframes bounce1 {    0% {        top: 0;        -webkit-animation-timing-function: ease-in    }
      50% {        top: 8px;        -webkit-animation-timing-function: ease-out    }
      100% {        top: 0;        -webkit-animation-timing-function: ease-in    }
  }
  #commonHeader {    min-height: 92px !important}
  .bg {    background: #fff;    padding-bottom: 25px;    min-height: 830px;    position: relative}
  .bg h3 {    margin: 0;    padding: 5px 0}
  .ncmapps {    padding: 30px 0}
  .ncmapps .per40 img {    width: 85%}
  .divEdition {    width: 100%;    text-align: left;    margin: 0 auto}
  .divEdition .per50 h3 {    margin: 0;    padding: 25px 0;    border-bottom: solid 1px #e1e1e1}
  .divEdition ul {    margin: 0 auto;    display: block;    width: 90%;    padding: 15px 0;    min-height: 305px}
  .divEdition ul li {    list-style-type: disc;    line-height: 30px;    text-align: left;    margin-left: 30px}
  .divEdition .per50 a:link,.divEdition .per50 a:visited {    background: #ec1331;    color: #fff;    display: inline-block;    padding: 8px 25px;    text-decoration: none;    transition: all .3s ease-in;    -webkit-transition: all .3s ease-in;    -moz-transition: all .3s ease-in;    border-radius: 6px;    position: absolute;    bottom: 15px;    left: 30%}
  .divEdition .per50 a:hover {    background: red;    transform: scale(1.05);    -webkit-transform: scale(1.05);    -moz-transform: scale(1.05)}
  .ncm-bg {    background: #eaeaea url(https://www.manageengine.com/network-configuration-manager/images/ncm-bg.png) no-repeat center top;    background-size: cover}
  .pt0 {    padding-top: 0}
  .ncm-sprite {    background: url(https://www.manageengine.com/network-configuration-manager/images/ncm-index-sprite.png) top center no-repeat;    display: inline-block;    width: 80px;    height: 80px;    margin-right: 7px;    float: left;    background-size: 260px 220px}
  .icon1 {    background-position: -6px -5px}
  icon2 {    background-position: -100px -11px}
  .icon3 {    background-position: -180px 0}
  .icon4 {    background-position: 0px -80px}
  .icon5 {    background-position: -90px -90px}
  .icon6 {    background-position: -4px -150px}
  .icon7 {    background-position: -87px -150px}
  .trainingad-strip {    background-image: -webkit-gradient(linear, left top, left bottom, from(#ff0023), to(#ff4d00));    background-image: linear-gradient(#ff0023, #ff4d00);    text-align: center}
  .feaImg {    display: inline-block;    height: 30px;    margin: 5px 10px 0 0;    width: 32px;    background: url(images/nfa-fea-icons_sprite.png) no-repeat 0 0;    float: left}
  .fea-npm2 {    background-position: -61px -216px}
  .fea-npm7 {    background-position: -60px -61px}
  .fea-npm17 {    background-position: -207px -114px}
  .fea-npm13 {    background-position: -10px -212px}
  .fea-npm10 {    background-position: -208px -64px}
  .fea-npm19 {    background-position: -161px -163px}
  .de-trainingad-strip {    text-align: center;    display: none;    background: #fff}
  .ie-trainingad-strip {    background: #edf8f9;    text-align: center;    display: none}
  .play-icon {    max-width: 695px;    height: 390px;    margin: 0 auto;    cursor: pointer}
  .app-store {    display: -webkit-box;    display: -ms-flexbox;    display: flex;    -webkit-box-pack: left;    -ms-flex-pack: left;    justify-content: left;    -webkit-box-align: center;    -ms-flex-align: center;    align-items: center;    -ms-flex-wrap: wrap;    flex-wrap: wrap}
  .app-store a {    width: 140px;    display: block;    margin: 30px 0}
  .app-store a img {    max-width: 100%}
  .appLeftalign {    padding-top: 10px}
  .appLeftalign ul {    margin: 0 0 0 35px}
  .appLeftalign ul li {    list-style-type: disc}
  .eff-skew {    -webkit-transform: perspective(900px) rotateX(10deg) scale(1);    transform: perspective(900px) rotateX(10deg) scale(1);    max-width: 1150px;    -webkit-transition: all .5s ease-in-out;    transition: all .5s ease-in-out}
  .eff-skew:hover {    -webkit-transform: perspective(900px) rotateX(0deg) scale(1.1);    transform: perspective(900px) rotateX(0deg) scale(1.1);    -webkit-box-shadow: 0 0 16px 0 #b7b7b7;    box-shadow: 0 0 16px 0 #b7b7b7}
  @media(max-width: 768px) {    .itom-banner img {        max-width: 1200px;        width: 100%;        height: auto    }
      .clearfix.divEdition .per50 {        width: 46%    }
      #btmBar ul li:nth-child(2) {        display: block    }
      #btmBar ul li:nth-child(4) {        display: block    }
      #btmBar ul li:nth-child(3) {        display: none    }
      #btmBar ul li:nth-child(5) {        display: none    }
      #btmBar ul li:nth-child(7) {        display: none    }
      #btmBar ul li {        width: 32%    }
      .btmBar {        display: block !important    }
      .hTag1,    h1,    .pg-head {        font-size: 31px !important;        line-height: 40px !important    }
      .free-dwn-btn {        display: block    }
      #combanner .row .per50 {        width: 100%    }
      #cont-iframe iframe {        height: 235px    }
      #cont-iframe img {        width: 100%    }
  }
  @media(max-width: 760px) {    .swiper-slide {        min-height: 285px;        display: -webkit-inline-box;        display: -ms-inline-flexbox;        display: inline-flex;        -webkit-box-align: center;        -ms-flex-align: center;        align-items: center    }
      .clearfix.divEdition .per50 {        width: 98%    }
  }
  @media(max-width: 650px) {    .opmPlusBanner .h2 {        font-size: 21px !important    }
      .opmPlusBanner span {        font-size: 18px !important    }
      .swiper-slide {        min-height: 240px !important    }
      .divEdition {        width: 90% !important    }
      .divEdition .per50 {        width: 98%    }
      .div-key-fea .row .col {        -webkit-transform: scale(0.8);        transform: scale(0.8)    }
  }
  @media(max-width: 1025px) {    .divEdition {        width: 100%    }
  }
  @media(min-width: 768px) {    #combanner .row .per50 {        width: 100%;        min-height: 335px    }
  }
  @media(min-width: 1024px) {    #combanner .row {        width: 99%    }
      #combanner .row .per50 {        width: 49%    }
      #cont-iframe img {        width: 98%    }
  }
  @media(min-width: 1200px) {    #combanner .row {        width: 99%    }
      #combanner .row .per50 {        width: 49.5%    }
      #cont-iframe img {        width: 85%    }
  }
  @media(min-width: 1400px) {    #combanner .row {        width: 80%    }
      #combanner .row .per50 {        width: 45%;        min-height: 335px    }
      #cont-iframe img {        width: 80%    }
  }
  @media(max-width: 499px) {    .swiper-slide {        min-height: 185px !important    }
      .pad1 {        padding: 15px 0px !important    }
      .opmPlusBanner .h2 {        font-size: 15px !important;        line-height: 1 !important    }
      .opmPlusBanner span {        font-size: 13px !important    }
      .opmPlusBanner a {        padding: 12px 20px;        font-size: 12px !important    }
  }
  @media(max-width: 400px) {    .swiper-slide {        min-height: 200px !important    }
  }
  .btnDownload {    background: #ec1331;    padding: 8px 15px;    color: #fff;    text-decoration: none;    border-radius: 5px;    -webkit-transition: all ease .5s;    transition: all ease .5s;    font-size: 17px;    font-weight: 600;    display: inline-block}
  .btnDownload:hover {    background: #e3142b;    text-decoration: none}
  .opmPlusSlider {    padding: 0 0 20px}
  .bglightdark {    background: #ddd;    -webkit-box-shadow: none;    box-shadow: none}
  .section {    width: 100%;    max-width: 1155px;    margin: 0 auto;    -webkit-transition: all .2s ease-in 0s;    transition: all .2s ease-in 0s;    display: inline-block}
  .h2 {    padding: 15px 0;    font-size: 30px}
  .opmPlusSlider {    width: 100%;    height: auto;    text-align: center}
  .fnt20 {    font-size: 20px;    text-decoration: underline}
  .fnt20:hover {    text-decoration: none;    cursor: pointer}
  .uk-trainingad-strip {    background: #dbeffa;    text-align: center;    display: none}
  .in-trainingad-strip {    background: url(../itom/images/india-seminar-band-bg.png) repeat-x 0 0;    text-align: center;    display: none}
  flexBnrslides li:first-child {    display: block}
  .webinar-banner {    background: url("images/ncm-webinar-banner-bg.jpg") repeat}
  #adRhsLnk {    position: absolute;    top: 570px;    z-index: 4}
  .scrolltable {    height: 400px;    overflow-y: scroll;    border: 3px solid #efefef;    font-size: 12px;    background: #fff}
  .scrolltable .table th {    background: #fff}
  a.slideShareLnk {    padding: 10px 20px;    -webkit-box-shadow: 4px 4px 5px #eee;    box-shadow: 4px 4px 5px #eee;    border-top: 2px solid #00ade9;    margin-top: 30px;    display: inline-block;    color: #00ade9}
  a.slideShareLnk:hover {    text-decoration: none;    background: #00ade9;    color: #fff}
  .slideShareImg {    -webkit-box-shadow: 0 0 5px #ccc;    box-shadow: 0 0 5px #ccc}
  #scroll {    display: none !important}
  .flexslider .flexBnrslides li:first-child img {    margin: auto}
  .heading-menu {    display: none}
  .container2 {    width: 95%;    max-width: 1155px;    margin: 0 auto;    -webkit-transition: all .2s ease-in 0s;    transition: all .2s ease-in 0s}
  img {    max-width: 100%}
  .ncmPlus {    width: 100%;    height: auto;    text-align: center}
  .ncmPlusBanner {    background: #f1f0f0;    float: left;    width: 100%;    display: -webkit-box;    display: -ms-flexbox;    display: flex;    -webkit-box-align: center;    -ms-flex-align: center;    align-items: center;    -webkit-box-pack: center;    -ms-flex-pack: center;    justify-content: center}
  .ncmPlusBanner .section {    display: -webkit-box;    display: -ms-flexbox;    display: flex;    -webkit-box-align: center;    -ms-flex-align: center;    align-items: center;    -webkit-box-pack: center;    -ms-flex-pack: center;    justify-content: center}
  .ncmPlus .section {    width: 100%;    max-width: 1155px;    margin: 0 auto;    -webkit-transition: all .2s ease-in 0s;    transition: all .2s ease-in 0s;    display: inline-block;    text-align: center}
  .ncmPlusBanner h2 {    font: 100 31px/120% Roboto Slab;    color: #0b4c5d;    margin: 60px 0 10px}
  .ncmPlusBanner span {    font: 100 27px Roboto Slab;    color: #ababab;    display: block}
  .ncmPlusBanner img {    float: left;    width: 100%;    height: auto;    height: 360px}
  .ncm-h2 {    color: #0b4c5d;    font-size: 30px;    font: 100 31px/120% Roboto Slab}
  .btns-tab {    text-align: center;    padding: 30px 0}
  .btns-tab li {    display: inline-block;    margin: 0 5px;    width: auto !important}
  .free-dwn-btn a,.demo-btn a {    display: inline-block}
  .free-dwn-btn a img,.demo-btn a img {    height: 40px}
  .grey-band {    height: 70px;    background: #222;    position: relative;    margin: -1px 0 0 0}
  .hTag2 {    font-size: 23px}
  .box-content li {    display: inline-table;    width: 345px;    margin-bottom: 30px;    text-align: left}
  .box-content li:hover img {    -webkit-filter: gray;    filter: gray;    filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale");    -webkit-filter: grayscale(100%)}
  .box-content li:nth-child(2),.box-content li:nth-child(5) {    margin: 0 56px}
  .box-content li h4 {    color: #333;    margin: 10px 0 22px;    display: block;    height: 55px;    line-height: 1.5;    font: 300 19px Roboto Slab}
  .box-content li a:hover {    text-decoration: none}
  .box-content li p {    min-height: 55px;    display: block;    transition: .3s ease;    -webkit-transition: .3s ease;    font: 300 14px Roboto Slab;    letter-spacing: .5px;    line-height: 24px;    margin-top: 30px}
  .box-content li a img {    width: 100%;    margin-bottom: 20px;    transition: .3s ease;    -webkit-transition: .3s ease}
  .customer-box-content li {    display: inline-table;    width: 240px;    padding: 0 45px;    margin-bottom: 30px;    text-align: left}
  .customer-box-content li h4 {    margin: 10px 0;    display: block;    font-size: 18px;    line-height: 1.5}
  .customer-box-content li a {    color: #113ebf;    cursor: pointer}
  .customer-box-content li p {    font-size: 13px}
  .customer-box-content li img {    width: 250px;    margin-bottom: 20px}
  .key-fea {    background: #0bbe4a;    color: #fff;    padding: 20px 0}
  .key-fea .container {    position: relative;    height: auto}
  .icon-animation {    position: relative;    text-align: center;    height: 450px;    transition: .3s ease;    -webkit-transition: .3s ease}
  .center-icon {    position: relative;    margin: 0 auto;    width: 140px;    height: 140px;    top: 160px;    background: url("images/ncm-logo-round.png") no-repeat;    background-size: contain;    z-index: 1}
  .icon-animation li img {    width: 60%;    transition: .3s ease;    -webkit-transition: .3s ease}
  .icon-animation li a {    font-size: 13px;    color: #fff}
  .icon-animation li {    position: absolute;    display: block;    line-height: 18px}
  .icon-animation li a:hover {    text-decoration: none}
  .icon-animation li {    transition: .9s ease;    -webkit-transition: .9s ease}
  .icon-animation li.icon-1 {    left: 386px;    top: -11px}
  .icon-animation li.icon-2 {    left: 579px;    top: 17px}
  .icon-animation li.icon-3 {    left: 556px;    top: 161px}
  .icon-animation li.icon-4 {    left: 693px;    top: 141px}
  .icon-animation li.icon-5 {    left: 621px;    top: 300px}
  .icon-animation li.icon-6 {    left: 455px;    top: 323px}
  .icon-animation li.icon-7 {    left: 250px;    top: 351px}
  .icon-animation li.icon-8 {    left: 329px;    top: 233px}
  .icon-animation li.icon-9 {    left: 152px;    top: 188px}
  .icon-animation li.icon-10 {    left: 242px;    top: 46px}
  .icon-animation .icon-1.middle,.icon-animation .icon-2.middle,.icon-animation .icon-3.middle,.icon-animation .icon-4.middle,.icon-animation .icon-5.middle,.icon-animation .icon-6.middle,.icon-animation .icon-7.middle,.icon-animation .icon-8.middle,.icon-animation .icon-9.middle,.icon-animation .icon-10.middle {    top: 29%;    left: 41%;    opacity: 0}
  .full-icons {    display: none;    margin: -10px 0;    width: 100%;    text-align: center}
  .full-icons img {    width: 623px;    position: relative;    z-index: 2;    max-width: 90%}
  .flexslider {    width: 100%;    max-height: none}
  .bannerflex {    margin: 0;    background: #efefef}
  .flexslider .flexBnrslides>li,.flexslider .flexBnrslides img {    width: 100%}
  .screen-shots {    background: #fff}
  .halfsec {    width: 50%;    float: left;    display: table;    height: 300px}
  .halfsec.free-forever {    background: #10d869;    text-align: center}
  .halfsec.professional-edition {    background: #322364;    text-align: center}
  .free-forever .inner-img,.professional-edition .inner-img {    display: table-cell;    vertical-align: middle}
  .free-forever .inner-img img,.professional-edition .inner-img img {    width: 270px}
  .yellow-band {    padding: 20px 0;    background: #ffe034}
  .yellow-band li img {    width: 70px}
  .yellow-band li:nth-child(2) {    position: relative;    top: 15px}
  .yellow-band li {    display: inline-block;    margin: 0 10px}
  .mT60 {    margin-top: 60px}
  .mT40 {    margin-top: 40px !important}
  .explore-more {    text-align: right}
  .explore-more a {    color: #fff}
  .hTag1 {    font-size: 40px;    margin: 40px 0 0 0}
  .fw300 {    font-weight: 300}
  .ncm-bnr {    background: #f0f2f0;    text-align: center}
  .ncm-bnr .hTag1 {    font-size: 45px;    font-weight: lighter;    line-height: 60px;    color: #0b4c5d;    margin: 60px 0 10px}
  .ncm-bnr .hTag1 span {    font-size: 27px;    display: block;    color: #ababab}
  .robot {    font-weight: 300;    font-family: Roboto Slab}
  .fea-list-cont ul {    padding: 0 3% 0 0 !important}
  .slides li {    display: none}
  .slides li img {    max-height: 450px;    width: 90% !important}
  .slides li:first-child {    display: block}
  .slide-frame {    position: relative;    overflow: hidden}
  .slides {    position: relative}
  .slide-nav {    position: relative;    top: -250px}
  .slide-nav .navs {    cursor: pointer;    opacity: .4;    -webkit-transition: all .2s ease-in-out 0s;    transition: all .2s ease-in-out 0s;    text-align: center}
  .slide-nav .navs:hover {    opacity: 1}
  .slide-nav .navs img {    width: 60%}
  .bnrtxt {    position: absolute;    text-align: center;    font: 100 32px/120% Roboto Slab;    right: 18%;    top: 27%}
  .bnrtxt a {    color: #fff;    text-decoration: none}
  .bnrtxt span {    font-size: 22px;    margin: 10px 0px;    display: block}
  .app-btn {    width: 60% !important}
  .slides h3 {    margin: 10px 0;    display: block}
  .white {    color: #fff !important}
  @media screen and (max-width: 1280px) {    .box-content li {        width: 300px    }
      .bnrtxt {        right: 15%;        top: 25%;        font: 100 28px/120% Roboto Slab    }
      .bnrtxt span {        font-size: 18px    }
  }
  @media screen and (max-width: 1000px) {    .bnrtxt {        right: 11%;        top: 20%;        font: 100 25px/120% Roboto Slab    }
      .bnrtxt span {        font-size: 15px    }
      .app-btn {        width: 50% !important    }
      .full-icons {        display: block    }
      .icon-animation {        display: none    }
      .box-content li {        margin: 0 50px !important    }
      .customer-box-content li {        width: 220px    }
  }
  @media screen and (max-width: 650px) {    .ncmPlus .section {        text-align: center    }
      .per40 {        width: 98%    }
      .per60 {        width: 98%    }
      .box-content li {        width: 70%    }
      .divBtnPos {        padding-left: 0;        text-align: center    }
  }
  @media screen and (max-width: 760px) {    .halfsec {        float: none;        width: 100%    }
      .slides li img {        width: 65% !important    }
      .slide-nav .navs img {        width: 40% !important    }
      .slide-nav {        top: -90px    }
      .mc {        text-align: center !important    }
  }
  @media screen and (min-width: 1450px) {    .customer-box-content li {        padding: 0 30px    }
      .free-forever .inner-img img,    .professional-edition .inner-img img {        width: auto    }
      .halfsec {        height: 670px    }
      .yellow-band {        padding: 30px    }
      .yellow-band li img {        width: auto    }
      .bnrtxt {        top: 23%;        right: 20%;        font: 100 40px/120% Roboto Slab    }
      .bnrtxt span {        font-size: 25px;        margin: 10px 0px    }
      .app-btn {        width: 100% !important    }
      .icon-animation {        height: 650px;        margin-top: 100px !important    }
      .center-icon {        width: 180px;        height: 190px;        top: 190px    }
      .icon-animation li img {        width: 100%    }
      .icon-animation li.icon-1 {        left: 386px;        top: -70px    }
      .icon-animation li.icon-2 {        left: 680px;        top: 10px    }
      .icon-animation li.icon-3 {        left: 630px;        top: 220px    }
      .icon-animation li.icon-4 {        left: 860px;        top: 190px    }
      .icon-animation li.icon-5 {        left: 710px;        top: 440px    }
      .icon-animation li.icon-6 {        left: 455px;        top: 460px    }
      .icon-animation li.icon-7 {        left: 190px;        top: 470px    }
      .icon-animation li.icon-8 {        left: 250px;        top: 280px    }
      .icon-animation li.icon-9 {        left: 0px;        top: 230px    }
      .icon-animation li.icon-10 {        left: 130px;        top: 10px    }
  }
  .bannerbg1 {    background: #eff2f0}
  .bannerbg2 {    background: #ffc05a}
  .bannerbg3 {    background: #0b3090}
  .bannerbg4 {    background: #fefabf}
  .bannerbg5 {    background: #fe8b00}
  .opmPlusBanner,.webinar-banner {    margin: 0 auto;    float: none}
  #scroll {    padding: 0 !important}
  .ncmPlusBanner h2 {    font-size: 38px !important;    margin: 20px 0 10px}
  .ncmPlusBanner span {    font: 100 24px Roboto Slab}
  .swiper-container {    width: 100%;    height: 100%;    margin-left: auto;    margin-right: auto}
  .swiper-container {    margin: 0 auto;    position: relative;    overflow: hidden;    list-style: none;    padding: 0;    z-index: 1}
  .swiper-slide {    text-align: center}
  .swiper-button-next,.swiper-button-prev {    -webkit-filter: grayscale(100%);    filter: grayscale(100%)}
  .slide-content {    width: 85%;    margin: 0 auto;    display: -webkit-box;    display: -ms-flexbox;    display: flex;    -webkit-box-align: center;    -ms-flex-align: center;    align-items: center;    -ms-flex-wrap: wrap;    flex-wrap: wrap;    padding-bottom: 10px}
  .slide-content div:nth-child(1) {    width: 15%;    padding: 10px 30px;    border-right: solid 1px #d0d0d0}
  .slide-content div:nth-child(2) {    width: 60%;    text-align: left;    padding: 10px 30px}
  .bannerbg {    background: #011215;    text-align: center}
  .swiper-container .swiper-pagination-bullet {    width: 12px;    height: 12px;    display: inline-block;    border-radius: 100%;    background: #000;    opacity: .4;    border: 1px solid #fff}
  .swiper-container .swiper-pagination-bullet-active {    opacity: 1;    background: #007aff}
  .swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction {    bottom: 10px;    display: inline-block;    text-align: center;    right: 10px;    bottom: 10px;    z-index: 90;    left: inherit !important;}
  .flexslider,.flexslider1 {    width: 100%;    max-height: none}
  .flexslider .flexBnrslides img,.flexslider1 .flexBnrslides img {    width: 100%}
  .flexslider1 {    margin: 0 auto;    position: relative;    overflow: hidden;    max-height: 365px;    position: relative;    display: block;    max-width: 100%}
  .nl-trainingad-strip {    background: #f8f5da;    text-align: center;    display: none}
  .sa-trainingad-strip {    background: #c7d6e0;    text-align: center;    display: none}
  .ae-trainingad-strip {    background: url(images/dubi-bg-img.png);    text-align: center;    display: none}
  .au-trainingad-strip {    background: #01b3a4;    text-align: center;    display: none}
  @media screen and (max-width: 760px) {    .flexMobile {        display: none    }
      .play-icon {        max-height: 390px;        height: auto    }
      .supported-devices ul li {        float: none;        margin: 24.7px auto    }
      .app-store a img {        margin: 0 100px    }
      .slider-2-bg img {        height: inherit    }
      .ncmPlusBanner,    .itom-banner {        display: -webkit-box;        display: -ms-flexbox;        display: flex;        -webkit-box-align: center;        -ms-flex-align: center;        align-items: center;        -webkit-box-pack: center;        -ms-flex-pack: center;        justify-content: center;        height: inherit    }
      .opmPlusBanner .h2 {        font-size: 34px;        line-height: 1.2;        margin: 0px 0px 0px    }
      .opmPlusBanner {        min-height: auto    }
      .slider-2-bg {        height: auto    }
      .pad1 {        padding: 31px 0px    }
      .opmPlusBanner a {        margin: 15px 0px    }
      .ncmPlusBanner img {        height: auto    }
  }
  @media screen and (max-width: 1023px) {    .ncmPlusBanner img {        height: auto    }
  }
  .ncm-mobile-apps-btn {    display: -webkit-box;    display: -ms-flexbox;    display: flex;    -webkit-box-align: center;    -ms-flex-align: center;    align-items: center;    -ms-flex-wrap: wrap;    flex-wrap: wrap;    gap: 0 12px;    margin-top: 32px}
  .ncm-mobile-apps-btn .ncm-app-btn {    width: 140px;    cursor: pointer}
  .list-style-number {    list-style-type: number;    padding-left: 16px}
  .promotion-middle-banner {    -webkit-box-sizing: border-box;    box-sizing: border-box;    display: inline-block;    width: 100%;    background-color: #292929;    color: #fff;    font-family: "ZohoPuvi", sans-serif;    padding: 60px 0;    position: relative;    z-index: 1}
  .promotion-middle-banner::before {    content: "";    position: absolute;    width: 100%;    height: 100%;    top: 0;    left: 0;    z-index: -1;    background-image: linear-gradient(to right, #323232 1px, transparent 1px), linear-gradient(to bottom, #323232 1px, transparent 1px);    background-size: 72px 72px}
  .promotion-middle-banner * {    -webkit-box-sizing: border-box;    box-sizing: border-box}
  .promotion-middle-banner h2 {    font-weight: 600;    font-size: 32px;    line-height: 1.3;    color: #f3c16a;    margin: 0 0 8px}
  .promotion-middle-banner p {    font-size: 17px;    line-height: 1.75;    margin: 0 0 8px;    text-align: left}
  .promotion-middle-banner .text-highlight {    color: #f3c16a}
  .promotion-middle-banner .row {    display: -webkit-box;    display: -ms-flexbox;    display: flex;    -ms-flex-wrap: wrap;    flex-wrap: wrap;    margin-right: -0.75rem;    margin-left: -0.75rem;    padding-top: 0;    padding-bottom: 0}
  .promotion-middle-banner .row>* {    padding-left: 12px;    padding-right: 12px;    max-width: 100%}
  .promotion-middle-banner .row.g-0 {    margin-right: 0;    margin-left: 0}
  .promotion-middle-banner .row.g-0>* {    padding-left: 0;    padding-right: 0}
  .promotion-middle-banner .col-12 {    -webkit-box-flex: 0;    -ms-flex: 0 0 auto;    flex: 0 0 auto;    width: 100%}
  @media only screen and (min-width: 768px) {    .promotion-middle-banner .col-md-4 {        -webkit-box-flex: 0;        -ms-flex: 0 0 auto;        flex: 0 0 auto;        width: 33.33333333%    }
      .promotion-middle-banner .col-md-5 {        -webkit-box-flex: 0;        -ms-flex: 0 0 auto;        flex: 0 0 auto;        width: 41.66666667%    }
      .promotion-middle-banner .col-md-6 {        -webkit-box-flex: 0;        -ms-flex: 0 0 auto;        flex: 0 0 auto;        width: 50%;        display: unset    }
      .promotion-middle-banner .col-md-7 {        -webkit-box-flex: 0;        -ms-flex: 0 0 auto;        flex: 0 0 auto;        width: 58.33333333%    }
      .promotion-middle-banner .col-md-8 {        -webkit-box-flex: 0;        -ms-flex: 0 0 auto;        flex: 0 0 auto;        width: 66.66666667%    }
  }
  @media only screen and (min-width: 992px) {    .promotion-middle-banner .col-lg-4 {        -webkit-box-flex: 0;        -ms-flex: 0 0 auto;        flex: 0 0 auto;        width: 33.33333333%    }
      .promotion-middle-banner .col-lg-5 {        -webkit-box-flex: 0;        -ms-flex: 0 0 auto;        flex: 0 0 auto;        width: 41.66666667%    }
      .promotion-middle-banner .col-lg-6 {        -webkit-box-flex: 0;        -ms-flex: 0 0 auto;        flex: 0 0 auto;        width: 50%    }
      .promotion-middle-banner .col-lg-7 {        -webkit-box-flex: 0;        -ms-flex: 0 0 auto;        flex: 0 0 auto;        width: 58.33333333%    }
      .promotion-middle-banner .col-lg-8 {        -webkit-box-flex: 0;        -ms-flex: 0 0 auto;        flex: 0 0 auto;        width: 66.66666667%    }
  }
  .promotion-middle-banner .btn-primary {    display: -webkit-inline-box;    display: -ms-inline-flexbox;    display: inline-flex;    -webkit-box-align: center;    -ms-flex-align: center;    align-items: center;    -webkit-box-pack: center;    -ms-flex-pack: center;    justify-content: center;    font-weight: 400;    cursor: pointer;    padding: 10px 16px;    line-height: 1.2;    font-size: 17px;    -webkit-transition: all .15s ease-in;    transition: all .15s ease-in;    border-radius: 4px;    background: #e80e19;    color: #fff !important;    border: 1px solid #e80e19;    position: relative}
  .promotion-middle-banner .btn-primary:hover,.promotion-middle-banner .btn-primary:focus,.promotion-middle-banner .btn-primary:focus-within,.promotion-middle-banner .btn-primary:active {    background: #c80420;    text-decoration: none}
  .promotion-middle-banner .btn-primary .chevron-right-icon {    position: relative;    display: inline-block;    width: 14px;    height: 14px}
  .promotion-middle-banner .btn-primary .chevron-right-icon::before {    content: "";    right: 0;    position: absolute;    width: 1.5px;    height: 8px;    background-color: #fff;    border-radius: 2px;    top: 1px;    right: 4px;    -webkit-transform: rotate(-45deg);    transform: rotate(-45deg)}
  .promotion-middle-banner .btn-primary .chevron-right-icon::after {    content: "";    right: 0;    position: absolute;    width: 1.5px;    height: 8px;    background-color: #fff;    border-radius: 2px;    top: 6px;    right: 4px;    -webkit-transform: rotate(45deg);    transform: rotate(45deg)}
  .promotion-middle-banner .mt-3 {    margin-top: 12px !important}
  .promotion-middle-banner .align-items-center {    -webkit-box-align: center !important;    -ms-flex-align: center !important;    align-items: center !important}
  .promotion-middle-banner .promotion-img-wrapper {    text-align: center}
  .promotion-middle-banner .promotion-img-wrapper img {    max-width: 320px;    width: 100%;    margin-right: auto;    margin-left: auto}
  @media only screen and (max-width: 768px) {    .promotion-middle-banner .promotion-img-wrapper {        margin-top: 40px    }
  }
  
  .promotion-middle-banner .promotion-middle-banner-content {    text-align: left}
  
  
  /*Index page style end*/
  .supported-devices{width: 800px;margin: 0 auto;max-width:100%}
.supported-devices ul{background:#fff;border:1px solid #ddd}
.supported-devices ul li{background:url('https://www.manageengine.com/network-configuration-manager/images/ncm-supported-devices-sprite.png') no-repeat; height:70px;width:150px;float:left;margin:24.7px}
.bg-yellow{background-color:#fdffe3;padding:10px;}
.mrgn0{margin:0;}
.mrgnlr{margin:0 5px}
.sd-dlink{background-position:0 0;}
.sd-fortinet{background-position:-150px 0!important;}
.sd-hewlett{background-position:-300px 0!important;}
.sd-juniper{background-position:-450px 0!important;}
.sd-netgear{background-position:0 -70px!important;}
.sd-brocade{background-position:-150px -70px!important;}
.sd-meru{background-position:-300px -70px!important;}
.sd-paloatto{background-position:-450px -70px!important;}
.sd-cisco{background-position:0 -140px!important;}
.sd-watchguard{background-position:-150px -140px!important;}
.sd-hitachi{background-position:-303px -140px!important;}
.sd-huawei{background-position:-450px -140px!important;}