body {
    font: 17px / 1.5 Zoho_Puvi_Regular, sans-serif;
}

h1,
h2,
h3,
h4,
h5,
p,
span,
a,
ul,
li,
table {
    box-sizing: border-box;
    color: #000;
}

h1 {
    font: 48px/1.1 Zoho_Puvi_ExtraBold;
}

h2 {
    font: 34px/1.2 Zoho_Puvi_Bold;
    margin: 0px 0px 0px 0px;
}

h3 {
    font: 28px/1.2 Zoho_Puvi_Bold;
}

h4 {
    margin-left: 0px;
}

#main-container section p {
    font: 18px/1.6 Zoho_Puvi_Regular
}

#main-container a {
    text-decoration: none;
}

.cmn-breadcrum a,
.cmn-breadcrum .root-page,
.cmn-breadcrum .bread-crumb-arrow,
.cmn-breadcrum a:hover {
    color: #fff;
}

.cmn-breadcrum a::after {
    background: #fff;
}

section img,
section source,
section picture {
    width: 100%;
}

.prd-nav li {
    width: calc( 99% / 3);
}

#main-container {
    margin: 0px 0px;
    padding: 0px 0px;
    position: relative;
    width: 100%;
    box-sizing: border-box;
    overflow-x: hidden;
}

.sd-op-section {
    padding: 100px 0px;
    position: relative;
}

.sd-op-content-wrap {
    max-width: 1200px;
    margin: 0px auto;
    width: 90%;
}

.sd-op-cta-wrap a {
    background: #f0483e;
    padding: 10px 30px;
    color: #fff;
    margin-top: 10px;
    display: inline-block;
    font: 16px / 1.6 Zoho_Puvi_Semibold;
    border-radius: 5px;
    transition: .3s ease;
    cursor: pointer;
    text-transform: uppercase;
}

.sd-op-cta-wrap a:hover {
    background: #E9142B;
    transition: .3s ease;
}

.sd-op-banner-section .banner-cont,
.sd-op-advantage-section .sd-op-top-wrap,
.sd-op-tab-section .sd-op-top-wrap,
.sd-op-download-section .sd-op-top-wrap,
.sd-op-features-section .sd-op-top-wrap,
.sd-op-deploy-section .sd-op-top-wrap,
.sd-op-awwards-section .sd-op-top-wrap,
.sd-op-getquote-section .sd-op-top-wrap,
.sd-op-slick-section .sd-op-top-wrap,
.sd-op-footer-section .sd-op-top-wrap {
    margin: 0px auto;
    text-align: center;
    width: 100%;
}

#main-container p.large-para {
    font: 22px / 1.4 Zoho_Puvi_Regular
}

.link-wrap {
    text-align: center;
    display: block;
    margin: 25px auto 0px;
    width: 200px;
}

.link-wrap .internal-links {
    color: #1c6dad;
}

.link-wrap .sdp-cta-arrow {
    display: inline-block;
    vertical-align: middle;
    color: #1d6dad;
    transform: translateX(0px);
    transition: 0.3s ease-in;
}

.link-wrap:hover .sdp-cta-arrow {
    transform: translateX(5px);
    transition: 0.3s ease-in;
}


/*sd-op-banner-section-start-here*/

.sd-op-banner-section {
    background-image: url(../images/hosted-help-desk.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: bottom center;
    overflow: hidden;
    padding: 0px 0px 100px;
}

.sd-op-banner-section::after {
    position: absolute;
    content: '';
    background-color: rgba(0, 103, 255, 1);
    top: 0;
    left: 50%;
    z-index: -1;
    width: 100px;
    height: 100px;
    transform: translate(-50%, -50%) scale(0);
    border-radius: 50%;
}

.sd-op-banner-section.active::after {
    transform: translate(-50%, -50%) scale(100);
    transition: 2.2s ease;
}

.sd-op-banner-section h1,
.sd-op-banner-section p {
    color: #fff;
    transition-delay: 2s;
}

.sd-op-banner-section p {
    max-width: 850px;
    margin: 30px auto;
}

.sd-op-banner-section .banner-cont {
    padding-bottom: 260px;
    position: relative;
    z-index: 22;
    margin-top: 50px;
}

.sd-op-banner-section .banner-cont,
.sd-op-advantage-section .sd-op-top-wrap {
    max-width: 900px;
}

.banner-anim-icons-parent span {
    position: absolute;
    background-image: url(../images/banner-anim-sprites.png);
    background-repeat: no-repeat;
}

.banner-anim-icons-parent span.gold-star {
    height: 80px;
    width: 70px;
    background-size: 370px;
    background-position: -60px 2px;
    transition: 1.5s ease;
    opacity: 1;
}

@keyframes gold-start_large {
    50% {
        transform: rotate(40deg) scale(.8);
    }
}

@keyframes gold-start_medium {
    50% {
        transform: rotate(40deg) scale(.6);
    }
}

@keyframes gold-start_small {
    50% {
        transform: rotate(40deg) scale(.4);
    }
}

.golden-star-parent .gold-star:nth-child(1) {
    left: -30px;
    top: 310px;
    animation: gold-start_large 5s infinite;
    transform: scale(.5);
}

.golden-star-parent .gold-star:nth-child(2) {
    left: 45%;
    top: -75px;
    animation: gold-start_small 5s infinite;
    transform: scale(.2);
    animation-delay: 1.5s;
}

.golden-star-parent .gold-star:nth-child(3) {
    left: -50px;
    top: 160px;
    opacity: .25;
    animation: gold-start_medium 5s infinite;
    transform: scale(.4);
    animation-delay: 2s;
    height: 60px;
    width: 60px;
    background-size: 250px;
    background-position: -40px 0px;
}

.golden-star-parent .gold-star:nth-child(4) {
    right: -90px;
    top: 40px;
    opacity: .5;
    animation: gold-start_small 5s infinite;
    transform: scale(.2);
    animation-delay: 2.5s;
}

.black-star-parent .black-star {
    height: 20px;
    width: 20px;
    position: absolute;
    opacity: .7;
    background-position: -270px -27px;
}

.black-star-parent .black-star:nth-child(1) {
    left: -160px;
    top: 130px;
}

.black-star-parent .black-star:nth-child(2) {
    top: 320px;
    right: 80px;
    opacity: 1;
}

.banner-middle-bottom-wrap {
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translate(-50%, 0%);
    width: 500px;
    height: 300px;
}

.scale-star {
    transform: scale(1.5) !important;
    opacity: 0 !important;
}

.chat-icon {
    height: 70px;
    width: 70px;
    opacity: 0;
}

.chat-left {
    background-position: -186px 0px;
    left: -50px;
    transform: scale(.5);
    transform-origin: right bottom;
}

.banner-middle-bottom-wrap.active .chat-icon {
    transition: .6s ease;
    opacity: 1;
}

.banner-middle-bottom-wrap.active .chat-left {
    transform: scale(1);
    transition-delay: .3s;
}

.chat-right {
    background-position: -186px 0px;
    right: 220px;
    top: 50px;
    transform-style: preserve-3d;
    transform: rotateY(180deg) scale(.5);
    transform-origin: right bottom;
}

.banner-middle-bottom-wrap.active .chat-right {
    transform: rotateY(180deg) scale(.7);
    transition-delay: .6s;
}

.sand-clock {
    background-position: 0px 0px;
    height: 70px;
    width: 50px;
    bottom: 14px;
    left: -101px;
    animation: shaking 8s infinite;
    transform: rotate(-20deg);
    transition: .6s ease;
    opacity: 0;
}

.banner-middle-bottom-wrap.active .sand-clock {
    opacity: 1;
    transition-delay: .9s;
}

.thump {
    height: 30px;
    width: 40px;
    background-position: -300px -17px;
}

.thump-parent>div {
    position: absolute;
}

.thump-parent>div:nth-child(1) span.thump {
    transform-style: preserve-3d;
    transform: rotateY(180deg) scale(1.2);
}

.thump-parent>div:nth-child(1) {
    left: -170px;
    top: 40px;
    height: 40px;
    width: 40px;
    transform: rotate(-25deg) scale(1.3);
    opacity: 0.6;
}

.thump-parent>div:nth-child(2) span.thump {
    right: -290px;
    top: -30px;
    transform: rotate(0deg) scale(1.3);
}

.thump-parent>div:nth-child(2) {
    right: 5%;
    top: 10px;
}

@keyframes shaking {
    0% {
        transform: rotate(-20deg);
    }
    25% {
        transform: rotate(20deg);
    }
    50% {
        transform: rotate(-20deg);
    }
    75% {
        transform: rotate(20deg);
    }
    100% {
        transform: rotate(-20deg);
    }
}

.smile {
    background-position: -162px -28px;
    height: 30px;
    width: 30px;
    background-size: 400px;
    animation: smile 9s infinite;
    transform: translateY(0px) scale(1);
}

@keyframes smile {
    0% {
        transform: translateY(0px) scale(1);
    }
    25% {
        transform: translateY(25px) scale(1.3);
    }
    50% {
        transform: translateY(0px) scale(1);
    }
    75% {
        transform: translateY(-25px) scale(1.3);
    }
    100% {
        transform: translateY(0px) scale(1);
    }
}

.smile-a {
    left: 40px;
    top: 130px;
    animation-delay: 1s;
    opacity: 0.4;
}

.smile-b {
    left: 57%;
    bottom: 240px;
    animation-delay: 3s;
    width: 25px;
    height: 25px;
    background-size: 360px;
    background-position: -147px -24px;
}

.smile-c {
    right: 64px;
    top: 240px;
    animation-delay: 2s;
}


/*sd-op-banner-section-end-here*/


/*sd-op-advantage-section-start-here*/

.sd-op-advantage-section {
    padding: 100px 0px 0px;
}

.sd-op-advantage-section .sd-op-top-wrap {
    margin-bottom: 100px;
}

.sd-op-zig-zag-parent .sd-op-zig-zag-flex:nth-child(even) {
    flex-direction: row-reverse;
}

.sd-op-zig-zag-parent .zig-zag-b .img-wrap {
    max-width: 500px;
}

.sd-op-zig-zag-parent .sd-op-zig-zag-flex .img-wrap {
    transition: 1s ease;
    opacity: 0;
}

.sd-op-zig-zag-parent .sd-op-zig-zag-flex:nth-child(odd) .img-wrap {
    transform: translateX(50px);
}

.sd-op-zig-zag-parent .sd-op-zig-zag-flex .cont-wrap {
    max-width: 480px;
    margin: 0px auto;
}

.sd-op-zig-zag-parent .sd-op-zig-zag-flex:nth-child(even) .img-wrap {
    padding-right: 30px;
    transform: translateX(-50px);
}

#main-container .sd-op-zig-zag-parent .parent-active .img-wrap {
    transform: translateX(0px);
    opacity: 1;
    transition: 1s ease;
}

.sd-op-zig-zag-flex .img-wrap {
    box-sizing: border-box;
    max-width: 410px;
    margin: 0px auto;
}

.sd-op-zig-zag-flex {
    margin-bottom: 100px;
    justify-content: space-between;
}


/*sd-op-advantage-section-end-here*/


/*sd-op-tab-section-start-here*/

.sd-op-tab-section {
    background: rgba(225, 238, 255, 1);
}

.sd-op-tab-section .sd-op-top-wrap {
    max-width: 800px;
}

.sd-op-tab-section .sd-op-top-wrap p {
    max-width: 650px;
    margin: 20px auto 0;
}

.sd-op-tab-list-parent {
    display: flex;
    justify-content: space-between;
    max-width: 800px;
    margin: 30px auto;
    position: relative;
}

.sd-op-tab-list-parent span {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    background: rgba(107, 171, 255, 1);
    color: #fff;
    border-radius: 40px;
    transition: .5s ease;
}

.sd-op-tab-list-parent li {
    padding: 10px 24px;
    font-family: 'Zoho_Puvi_SemiBold';
    font-size: 18px;
    color: #000;
    border-radius: 40px;
    position: relative;
    cursor: pointer;
    z-index: 2;
}

.sd-op-tab-list-parent li.active {
    color: #fff;
    transition: .2s ease;
    transition-delay: .2s;
}

.sd-op-tab-section .sd-op-middile-wrap {
    padding-top: 40px;
    padding-bottom: 50px;
}

.sd-op-tab-section .tab-screenshot {
    padding-bottom: 80px;
    margin-top: 80px;
}

.sd-op-tab-section::after {
    content: '';
    position: absolute;
    bottom: 120px;
    right: 0;
    width: 50%;
    background: rgba(180, 212, 255, 1);
    height: 45%;
    border-radius: 30px 0px 0px 30px;
}

.tab-screenshot .left-wrap>div {
    max-width: 530px;
    margin-right: auto;
    width: 100%;
}

.tab-screenshot .right-wrap {
    padding-left: 40px;
}

.sd-op-tab-section .flex-wrap {
    align-items: center;
}

.tab-screenshot-parent {
    position: relative;
}

.tab-screenshot-parent img {
    width: 600px;
}

.tab-content-parent>div {
    display: none;
}

.tab-content-parent .mobile {
    display: none;
}

.tab-content-parent>div.active {
    display: block;
}

.tab-content-parent>div h3,
.tab-content-parent>div p,
.tab-content-parent>div img {
    opacity: 0;
    transform: translateY(50px);
    transition: .5s ease;
}

.tab-content-parent>div h3.active,
.tab-content-parent>div p.active,
.tab-content-parent>div img.active {
    opacity: 1;
    transform: translateY(0px);
    transition: .5s ease;
}

.tab-content-parent>div h3.active {
    transition-delay: .2s;
}

.tab-content-parent>div p.active {
    transition-delay: .3s;
}

.tab-content-parent>div img.active {
    transition-delay: .4s;
}

.tab-screenshot-parent>div {
    position: absolute;
    top: -190px;
    z-index: -1;
    transform: translateX(100px);
    transition: .6s ease transform;
}

.tab-screenshot-parent>div.active {
    z-index: 1;
    transform: translateX(0px);
    transition: .6s ease transform;
}


/*sd-op-tab-section-end-here*/


/*sd-op-download-section-start-here*/

.sd-op-download-section {
    background: rgba(1, 27, 64, 1);
}

.sd-op-download-section h2 {
    color: #fff;
}

.sd-op-download-section .sd-op-top-wrap {
    max-width: 600px;
}

.sd-op-download-section .sd-op-cta-wrap a {
    margin-top: 40px;
}


/*sd-op-download-section-end-here*/


/*sd-op-features-section-start-here*/

.sd-op-features-section .sd-op-top-wrap {
    max-width: 900px;
}

.sd-op-features-coloumn {
    margin-top: 50px;
}

.sd-op-features-coloumn>div {
    padding: 30px 20px;
    box-sizing: border-box;
    flex: 0 0 calc(90% / 3);
    max-width: calc(90% / 3);
    word-wrap: break-word;
    box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.1);
    height: 400px;
    margin: 20px 17px;
    border-radius: 17px;
}

.sd-op-features-coloumn>div h4 {
    font: 24px / 1.55 Zoho_Puvi_SemiBold;
}

.sd-op-fea-sprites {
    background-image: url(../images/op-topic-sprites.png);
    height: 80px;
    width: 70px;
    background-repeat: no-repeat;
    background-size: 600px;
    display: block;
}

.sd-op-features-coloumn>div:nth-child(1) .sd-op-fea-sprites {
    background-position: -533px 0px;
}

.sd-op-features-coloumn>div:nth-child(2) .sd-op-fea-sprites {
    background-position: 0px 0px;
}

.sd-op-features-coloumn>div:nth-child(3) .sd-op-fea-sprites {
    background-position: -71px 0px;
}

.sd-op-features-coloumn>div:nth-child(4) .sd-op-fea-sprites {
    background-position: -136px 0px;
}

.sd-op-features-coloumn>div:nth-child(5) .sd-op-fea-sprites {
    background-position: -266px 0px;
}

.sd-op-features-coloumn>div:nth-child(6) .sd-op-fea-sprites {
    background-position: -400px 0px;
}

.sd-op-features-coloumn>div:nth-child(7) .sd-op-fea-sprites {
    background-position: -201px 0px;
}

.sd-op-features-coloumn>div:nth-child(8) .sd-op-fea-sprites {
    background-position: -331px 0px;
}

.sd-op-features-coloumn>div:nth-child(9) .sd-op-fea-sprites {
    background-position: -463px 0px;
}


/*sd-op-features-section-end-here*/


/*sd-op-deploy-section-start-here*/

.sd-op-deploy-section {
    background: rgba(225, 238, 255, 1);
}

.sd-op-deploy-section .sd-op-top-wrap {
    max-width: 550px;
    margin-bottom: 50px;
}

.sd-op-deploy-section table {
    max-width: 925px;
    margin: 0px auto;
    width: 100%;
}

.sd-op-deploy-section table .table-head td {
    font: 24px / 1.55 Zoho_Puvi_SemiBold;
    text-align: center;
    padding: 30px 0px;
}

.sd-op-deploy-section table .table-head td:nth-child(1) {
    background: rgba(255, 238, 150, 1);
    border-radius: 10px 0px 0px 0px;
}

.sd-op-deploy-section table .table-head td:nth-child(2) {
    background: rgba(150, 193, 255, 1);
    border-radius: 0px 10px 0px 0px;
}

.sd-op-deploy-section table tbody {
    margin-top: 30px;
}

.sd-op-deploy-section table tbody tr td {
    font: 20px / 1.55 Zoho_Puvi_SemiBold;
    padding: 20px 25px;
    box-sizing: border-box;
}

.sd-op-deploy-section table tbody tr:nth-child(1) {
    border-bottom: 2px solid #fff;
}

.row-left {
    background: rgba(255, 249, 216, 1);
}

.row-right {
    background: rgba(194, 219, 255, 1);
}

.sd-op-deploy-section table tbody tr:nth-child(2) .row-left {
    border-radius: 0px 0px 0px 10px;
}

.sd-op-deploy-section table tbody tr:nth-child(2) .row-right {
    border-radius: 0px 0px 10px 0px;
}


/*sd-op-deploy-section-end-here*/


/*sd-op-awwards-section-start-here*/

.sd-op-awwards-section .sd-op-top-wrap {
    max-width: 740px;
}

.sd-op-awards-sprite-wrap {
    max-width: 760px;
    margin: 35px auto 0px;
}

.sd-op-awards-sprite-wrap span {
    background-image: url(../../images/rewards-sprites.png);
    background-size: 870px;
    background-repeat: no-repeat;
    display: block;
    height: 90px;
    width: 100%;
    margin: 0px auto;
    position: relative;
}

.sd-op-awards-sprite-wrap>div:nth-child(1) span {
    max-width: 190px;
    background-size: 1280px;
    height: 150px;
    background-position: 22px 0px;
}

.sd-op-awards-sprite-wrap>div:nth-child(2) span {
    background-position: -110px -1px;
    background-size: 900px;
    max-width: 285px;
    transition-delay: .2s;
    height: 100px;
}

.sd-op-awards-sprite-wrap>div:nth-child(3) span {
    background-position: -1100px 4px;
    max-width: 190px;
    transition-delay: .5s;
    background-size: 1280px;
    height: 150px;
}


/*sd-op-awwards-section-end-here*/


/*sd-op-get-quote-section-start-here*/

.sd-op-getquote-section {
    background: rgba(1, 27, 64, 1);
}

.sd-op-getquote-section h2 {
    color: #fff;
}

.sd-op-getquote-section .sd-op-top-wrap {
    max-width: 750px;
}

.sd-op-getquote-section .sd-op-cta-wrap a {
    margin-top: 50px;
}


/*sd-op-get-quote-section-end-here*/


/*sd-op-slick-section-start-here*/

.sd-op-slick-section::after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 77%;
    background: rgba(225, 238, 255, 1);
    z-index: -1;
}

#main-container .sd-op-slick-section .sd-op-top-wrap p {
    max-width: 550px;
    width: 100%;
    margin: 15px auto 0px;
}

.sd-op-slick-section .flex-wrap {
    align-items: flex-start;
}

.sd-op-slick-section .testimonial-quotes-content {
    margin-top: 80px;
}

.sd-op-slick-section .sd-op-bottom-wrap {
    margin-top: 100px;
}

.slick-slider {
    box-sizing: border-box;
    margin: 0px auto;
    padding: 30px 60px 60px;
    background: rgba(0, 103, 255, 1);
    box-shadow: 0px 2px 10px 2px rgba(0, 0, 0, 0.25);
    border-radius: 60px;
}

.testi-content {
    color: #fff;
    font: 28px / 1.3 Zoho_Puvi_SemiBold;
    font-weight: bold;
}

.testi-slider .cont-anim {
    padding: 0px 30px;
    box-sizing: border-box;
}

.testi-slider a {
    font: 22px / 1.6 Zoho_Puvi_Regular;
    word-wrap: break-word;
    color: rgba(251, 255, 35, 1);
    text-decoration: underline !important;
}

#main-container section .testi-slider p {
    font-size: 20px;
    color: rgba(151, 193, 255, 1);
    margin-top: 30px;
}

.slick-dots {
    text-align: left;
    display: flex;
    align-items: center;
    margin-top: 50px;
    justify-content: end;
    max-width: 1000px;
    width: 90%;
}

.slick-dots li.slick-active {
    background: rgba(239, 245, 255, 1);
    border: 1px solid rgba(239, 245, 255, 1);
    height: 10px;
    width: 30px;
    border-radius: 10px;
}

.slick-dots li {
    background: rgba(100, 163, 255, 1);
    border: 1px rgba(100, 163, 255, 1);
    height: 10px;
    width: 10px;
}

.testi-slider .slick-prev,
.testi-slider .slick-next {
    top: unset;
    bottom: 50px;
}

.testi-slider .slick-prev {
    right: 60px;
    left: unset;
}

.testi-slider .slick-next {
    right: 37px;
}

.slick-next:after,
.slick-next:before,
.slick-prev:after,
.slick-prev:before {
    width: 3px;
}

#main-container .testimonial-quotes-content p {
    font: 26px/1.55 Zoho_Puvi_SemiBold;
    padding: 0px 0px;
}

.slick-next:hover:after,
.slick-next:hover:before,
.slick-prev:hover:after,
.slick-prev:hover:before {
    background: #ffffff;
}


/*sd-op-slick-section-end-here*/


/*sd-op-footer-section-start-here*/

.sd-op-footer-section {
    padding: 20px 0px 130px;
}

.sd-op-footer-section .sd-op-top-wrap {
    max-width: 650px;
}

.sd-op-footer-section .sd-op-cta-wrap {
    margin-top: 30px;
}


/*sd-op-footer-section-end-here*/


/*media-qurey-start*/

@media only screen and (max-width:1200px) {
    .sd-op-features-coloumn>div {
        padding: 30px 17px;
        margin: 20px 15px;
    }
    .sd-op-features-coloumn>div h4 {
        font: 22px / 1.55 Zoho_Puvi_SemiBold;
    }
    #main-container section p {
        font: 18px / 1.6 Zoho_Puvi_Regular;
    }
    .testi-content {
        font: 26px / 1.2 Zoho_Puvi_Regular;
    }
    .testi-slider a {
        font: 20px / 1.6 Zoho_Puvi_Regular;
    }
    #main-container .testimonial-quotes-content p {
        font: 24px / 1.55 Zoho_Puvi_SemiBold;
        margin-left: 20px;
    }
    .tab-content-parent>div {
        box-sizing: border-box;
        padding-right: 30px;
    }
}

@media only screen and (max-width:1024px) {
    .sd-op-banner-section {
        background-image: unset;
    }
    .banner-anim-icons-parent {
        display: none;
    }
    .sd-op-banner-section .banner-cont {
        padding-bottom: 0px;
    }
    .sd-op-features-coloumn>div {
        flex: 0 0 calc(90% / 2);
        max-width: calc(90% / 2);
        margin: 20px 10px;
    }
    h1 {
        font: 36px / 1.1 Zoho_Puvi_Bold;
    }
    h2 {
        font: 32px/1.2 Zoho_Puvi_Bold;
    }
    h3 {
        font: 28px / 1.2 Zoho_Puvi_Bold;
    }
}

@media only screen and (max-width:992px) {
    #main-container .tab-screenshot h3,
    #main-container .tab-screenshot p {
        text-align: center;
    }
    .tab-content-parent>div {
        padding-right: 0px;
    }
    #main-container .tab-screenshot p {
        font: 18px / 1.6 Zoho_Puvi_Regular;
    }
    .tab-screenshot-parent,
    .sd-op-tab-section::after {
        display: none;
    }
    .tab-content-parent .mobile,
    .sd-op-tab-section .flex-wrap {
        display: block;
    }
    .sd-op-tab-section .two-column>div {
        max-width: 100%;
    }
    .tab-screenshot .left-wrap>div {
        max-width: 700px;
        margin: 0px auto;
    }
    .tab-content-parent .mobile {
        margin-top: 40px;
    }
    .sd-op-awards-sprite-wrap {
        transform: scale(1);
    }
}

@media only screen and (min-width:768px) and (max-width:992px) {
    .sd-op-tab-list-parent li {
        font-size: 16px;
    }
    .sd-op-tab-section .sd-op-middile-wrap {
        padding-bottom: 0px;
    }
}

@media only screen and (max-width:767px) {
    h1 {
        font: 34px / 1.1 Zoho_Puvi_Bold;
    }
    h2 {
        font: 30px/1.2 Zoho_Puvi_Bold;
    }
    h3 {
        font: 26px / 1.2 Zoho_Puvi_Bold;
    }
    .sd-op-tab-section::after,
    .sd-op-slick-section::after,
    .tab-screenshot-parent .web,
    .sd-op-tab-section .sd-op-middile-wrap,
    .banner-anim-icons-parent {
        display: none;
    }
    .sd-op-zig-zag-parent .sd-op-zig-zag-flex .cont-wrap {
        padding-right: 0px;
    }
    .sd-op-zig-zag-parent .sd-op-zig-zag-flex:nth-child(even) .cont-wrap {
        padding-left: 0;
    }
    .sd-op-features-coloumn>div {
        max-width: 100%;
        margin-bottom: 50px;
        height: auto;
        margin: 40px 0px;
    }
    .sd-op-advantage-section .sd-op-top-wrap {
        margin-bottom: 50px;
    }
    .sd-op-zig-zag-parent .sd-op-zig-zag-flex .cont-wrap p {
        max-width: 100%;
    }
    .sd-op-zig-zag-parent .sd-op-zig-zag-flex:nth-last-child(1) {
        margin-bottom: 0;
    }
    .sd-op-tab-section .tab-screenshot {
        padding-bottom: 0px;
        margin-top: 0px;
    }
    .tab-screenshot .left-wrap>div {
        max-width: 100%;
    }
    .sd-op-zig-zag-flex .img-wrap {
        margin: 50px auto 0px;
    }
    .sd-op-awards-sprite-wrap>div:nth-child(2) span {
        max-width: 241px;
        background-position: -122px -1px;
    }
    .tab-content-parent .mobile,
    .tab-content-parent>div {
        display: block;
    }
    .tab-content-parent .mobile.img-wrap {
        margin-top: 50px;
    }
    .tab-content-parent>div {
        margin-bottom: 50px;
    }
    .sd-op-deploy-section table .table-head td {
        font: 20px / 1.55 Zoho_Puvi_SemiBold;
    }
    .sd-op-deploy-section table tbody tr td {
        font: 18px / 1.55 Zoho_Puvi_SemiBold;
        padding: 20px 20px;
    }
    .slick-slider {
        padding: 60px 10px 60px;
    }
    .testi-slider .cont-anim {
        padding: 0px 15px;
    }
    .testi-slider .slick-prev,
    .testi-slider .slick-next {
        bottom: 50px;
    }
    .testi-content {
        font: 26px / 1.2 Zoho_Puvi_Regular;
    }
    .testi-slider a {
        font: 20px / 1.6 Zoho_Puvi_Regular;
    }
    .slick-dots {
        margin-left: 15px;
        justify-content: start;
        margin-top: 20px;
    }
}