@charset "utf-8";
 .topStrip, a.nav-btn, body, ul.topMenu li a {
     font-family: Poppins 
}
 .bottombanner, a.nav-btn, body {
     text-align: center 
}
 .accordion, .acdnList li, .container, .container-fluid, .header, .s6Left, .section7, .section8, ul.topMenu li {
     position: relative 
}
 .topStrip p {
     letter-spacing: .5px;
     color: #fff;
     font-size: 14px;
     line-height: 22px;
     font-weight: 700 
}
 a.nav-btn, ul.topMenu li a {
     letter-spacing: .5px;
     color: #000 
}
 .mobilemenu, body {
     left: 0;
     right: 0;
     bottom: 0 
}
 .bnrStar, .bnrText1 {
     letter-spacing: .3px 
}
 .btnBox, .mob-mnu-ic span, ul.topMenu {
     vertical-align: top 
}
 .bnrStar img, .btn-arw, .btn-text1:before, .btn-txt p, .hourglass, .s5CompBox, .s7Mid, .testName img {
     vertical-align: middle 
}
 .colorName, .secName {
     text-transform: uppercase 
}
 body {
     top: 0;
     margin: auto;
     padding: 0;
     background: #fff;
     color: #000;
     font-weight: 400 
}
 div, form, h1, h2, h3, h4, h5, img, input, li, p, textarea, ul {
     margin: 0;
     padding: 0 
}
 article, aside, figure, footer, header, main, nav, section {
     display: block 
}
 table, td, tr {
     border: 0 
}
 a {
     outline: 0;
     color: inherit;
     text-decoration: none 
}
 img {
     border: none;
     height: auto 
}
 li {
     list-style: none 
}
 * {
     box-sizing: border-box 
}
 .img-full {
     max-width: 100% 
}
 .clearall {
     clear: both;
     font-size: 1px;
     line-height: 1px;
     height: 1px 
}
 .wrapper {
     overflow: hidden 
}
 .container {
     width: 1170px;
     margin: 0 auto;
     padding: 0 
}
 .container-fluid {
     width: 1300px;
     margin: 0 auto;
     padding: 0 
}
 .banner, .header, .mobilemenu li, .mobilemenu li a, .top-fix-bar, .topStrip, .topStrip p {
     width: 100%;
     float: left 
}
 .topStrip {
     background: #1b1c1f;
     padding: 6px 0 3px 
}
 .topStrip p span {
     color: #ffca11 
}
 .top-fix-bar {
     margin-bottom: 75px 
}
 .header {
     background: #fff;
     height: 75px;
     padding: 4px 0;
     margin-top: -75px;
     top: 75px;
     -webkit-box-shadow: 0 3px 4px 0 rgba(0, 0, 0, .1);
     box-shadow: 0 3px 4px 0 rgba(0, 0, 0, .1) 
}
 .fixed-nav .header {
     position: fixed;
     z-index: 11;
     -webkit-transition: margin .3s ease-out;
     transition: margin .3s ease-out;
     margin-top: 0;
     top: 0;
     -webkit-box-shadow: 0 3px 4px 0 rgba(0, 0, 0, .1);
     box-shadow: 0 3px 4px 0 rgba(0, 0, 0, .1) 
}
 .logo {
     float: left;
     margin-top: 18px;
     width: 200px 
}
 ul.topMenu {
     display: inline-block;
     margin: 18px 0 0 
}
 .galaxy-text, .mobilemenu, .show-mob, .show-tab, .vid_o, img.banner-sm-mob, ul.topMenu li:last-child:after {
     display: none 
}
 .bnrStar img, .btn-arw, .btn-text1:before, .btn-txt p, .btnBox, .faq-container, .hourglass, .mob-mnu-ic span, .s1-content, .s1-list, .testImage, .testName img, .testStar {
     display: inline-block 
}
 ul.topMenu li {
     float: left;
     padding: 4px 15px 
}
 ul.topMenu li a {
     font-size: 18px;
     line-height: 16px;
     font-weight: 500 
}
 ul.topMenu li a.active, ul.topMenu li a:hover {
     color: #1dd068 
}
 ul.topMenu li:after {
     content: '';
     width: 1px;
     background: #cfcfcf;
     top: 8px;
     bottom: 9px;
     position: absolute;
     right: 0 
}
 a.nav-btn {
     float: right;
     background: #1dd068;
     font-size: 20px;
     width: 160px;
     height: 40px;
     line-height: 40px;
     border-radius: 50px;
     margin-top: 14px;
     font-weight: 600;
     text-shadow: 1px 1px rgba(0, 0, 0, .2);
     -webkit-text-shadow: 1px 1px rgba(0, 0, 0, 0.2) 
}
 .mob-mnu-ic {
     cursor: pointer;
     position: absolute;
     right: 0;
     top: 22px;
     z-index: 16;
     height: 30px 
}
 .mob-mnu-ic button {
     outline: 0;
     -webkit-appearance: none;
     background: 0 0;
     padding: 0;
     cursor: pointer;
     border: none 
}
 .mob-mnu-ic span {
     color: #000;
     font-size: 16px;
     font-weight: 300;
     margin-top: 4px;
     margin-right: 5px 
}
 .bar1, .bar2, .bar3 {
     width: 25px;
     height: 3px;
     background-color: #000;
     transition: .4s;
     -webkit-border-radius: 2px 2px 2px 2px;
     border-radius: 2px 
}
 .bar2 {
     margin: 4px 0 
}
 .dl-active .bar1 {
     -webkit-transform: rotate(-45deg) translate(-5px, 5px);
     transform: rotate(-45deg) translate(-5px, 5px);
     background: #000 
}
 .dl-active .bar2 {
     opacity: 0 
}
 .dl-active .bar3 {
     -webkit-transform: rotate(45deg) translate(-5px, -5px);
     transform: rotate(45deg) translate(-5px, -5px);
     background: #000 
}
 .mobilemenu {
     position: fixed;
     top: 106px;
     background: #fff;
     z-index: 10;
     overflow: scroll;
     border-top: 1px solid #ddd 
}
 .mobimenu-top {
     top: 75px 
}
 .mobilemenu li {
     text-align: left;
     border-bottom: 1px solid #ddd 
}
 .mobilemenu li a {
     padding: 12px 20px;
     font-size: 17px;
     color: #000;
     font-weight: 500 
}
 .mobilemenu li a:hover {
     color: #000 
}
 .banner {
     background: url(../../images/index-v1/banneer_1.png);
     position: relative;
     background-position: 100%;
     background-repeat: no-repeat;
     background-size: cover;
}
 .bottombanner {
     background-color: #f8f8f8;
     padding: 39px 0;
     position: static;
     float: left;
     width: 100% 
}
 .banner-right {
     width: 45%;
     position: absolute;
     right: 0;
     z-index: 0;
     top: 0 
}
 .right-image-gif video {
     position: absolute;
     right: 0;
     width: 47%;
     height: 100%;
     object-fit: cover 
}
 .banner-left {
     float: left;
     width: 62%;
     text-align: left;
     padding: 40px 0 
}
 .acdnList, .bnrHeading, .bnrStar, .bnrText1, .prod-list, .prod-s2-row, .prod-s2-wrap, .s5Col1 ul, .s5Col2 ul, .s5Col2 ul li, .s5Col2Top, .section2, .section3, .section6 {
     float: left;
     width: 100% 
}
 .bnrStar {
     color: #fff;
     font-size: 14px;
     line-height: 18px;
     font-weight: 500 
}
 .bnrStar img {
     margin: -6px 12px 0 0 
}
 .bnrHeading {
     margin-top: 20px;
     font-size: 60px;
     font-style: normal;
     line-height: 57.5px;
     font-weight: 400;
     color: #091942;
     font-family: 'Russo One';
     padding-right: 60px 
}
 .bnrText1 {
     margin-top: 5px;
     font-size: 18px;
     line-height: 28px;
     color: #1b1c1f 
}
 .bnrList li, .comn-btn {
     font-size: 25px;
     font-family: Poppins;
     letter-spacing: .5px;
     width: 100%;
     float: left 
}
 .bnrList, .btn-txt {
     float: left;
     width: 100%;
     margin-top: 10px 
}
 .bnrList li {
     padding-left: 40px;
     background: url(../../images/index-v1/listStyle.png) 0 1px no-repeat;
     color: #000;
     margin-top: 15px;
     text-align: left;
     font-style: normal;
     font-weight: 500;
     line-height: 28px;
}
 .btn-txt, .btn-txt p, .btn-txt.blck, .comn-btn {
     color: #fff 
}
 .btnBox {
     max-width: 388px;
     width: 100%;
     margin-top: 23px;
     text-align: center 
}
 .comn-btn {
     background: #10af5a;
     line-height: 69px;
     height: 68px;
     font-weight: 600;
     border-radius: 50px;
     position: relative;
     padding: 0 20px;
     overflow: hidden;
     letter-spacing: 0;
     box-shadow: 0 3px 5px 3px rgb(0 0 0 / 20%);
     -webkit-box-shadow: 0 3px 5px 3px rgb(0 0 0 / 20%) 
}
 .black-rotate, .s3LeftImg {
     height: 100%;
     top: 0;
     position: absolute 
}
 .btn-txt p span, .secName {
     font-weight: 500 
}
 .btn-arw {
     margin: -4px 0 0 15px 
}
 .btn-txt_2, .prod-row-cont, .s1-bx-cont, .s3Inner, .section4 {
     text-align: left 
}
 .btn-txt p {
     padding: 0 8px;
     font-size: 12px;
     line-height: 17px;
     letter-spacing: 0 
}
 .commonText, .s5Col2Top p, .secName, .testName span {
     letter-spacing: .5px 
}
 .s1-list li p, .s5Col1 ul li, .testName {
     letter-spacing: .3px 
}
 .commonText.commonText2 {
     font-family: Saira;
     font-size: 20px;
     font-style: normal;
     font-weight: 400 
}
 .secName, .secName.sec_s2 {
     font-weight: 500;
     line-height: 18px;
     color: #000;
     font-style: normal;
     float: left 
}
 p.commonHead.commn-0h {
     font-family: 'Hammersmith One', sans-serif;
     font-size: 62px;
     font-style: normal;
     font-weight: 400;
     line-height: 61px;
     letter-spacing: 2.79px;
     margin-top: 0;
     padding: 10px 20px;
}
 .hourglass {
     margin: -2px 3px 0 0;
     animation: 2.5s ease-in-out infinite forwards rotateP 
}
 .s1-content, .s1-list {
     vertical-align: top 
}
 @keyframes rotateP {
     0% {
         transform: rotate(0) 
    }
     100%, 50% {
         transform: rotate(180deg) 
    }
}
 @keyframes rotate {
     0% {
         transform: rotate(00deg) 
    }
     100% {
         transform: rotate(360deg) 
    }
}
 .btn-text1:before {
     margin: -2px 5px 0 0;
     width: 9px;
     height: 9px;
     background: #6fb620;
     border-radius: 50%;
     content: "";
     animation: 1s ease-in-out infinite fade 
}
 @keyframes fade {
     0%, 100%, 70% {
         opacity: 100% 
    }
     50% {
         opacity: 30% 
    }
}
 .bnrProd1 {
     position: absolute;
     right: 0;
     bottom: -70px;
     width: 560px;
     z-index: 9;
}
 .s1-list, .s1-list2 {
     position: relative;
     z-index: 2 
}
 .section1 {
     float: left;
     width: 100%;
     padding: 59px 0 0;
     background: #fff;
     text-align: center;
     position: relative;
}
 .s1-content {
     width: 100%;
     max-width: 830px 
}
 .secName {
     width: 100%;
     font-size: 16px 
}
 .secName.sec_s2 {
     width: 100%;
     font-size: 32px 
}
 p.secName.secName_2.blackText {
     float: left;
     width: 100%;
     text-align: center;
     font-family: Poppins;
     font-size: 30px;
     font-style: normal;
     font-weight: 600;
     text-transform: none;
}
 .commonHead {
     float: left;
     width: 100%;
     font-size: 45px;
     line-height: 55.5px;
     font-weight: 600;
     color: #000;
     margin-top: 20px 
}
 .commonHead.new-head {
     font-family: 'Russo One';
     padding: 0 43px;
     font-weight: 400;
     color: #2E3A59;
}
 .commonHead2 {
     color: #77ff47 
}
 .commn-h {
     padding: 0 50px;
     font-size: 65px;
     font-style: normal;
     font-weight: 600;
     line-height: 57.5px;
     margin-top: 33px 
}
 .commonText, .s1-list, .s1-list2 {
     margin-top: 20px 
}
 .commonText {
     float: left;
     width: 100%;
     font-size: 17px;
     line-height: 26px;
     font-weight: 400;
     color: #000 
}
 .s1-list {
     width: 100%;
     max-width: 850px 
}
 .s1-list2 {
     width: 100%;
     max-width: 100% 
}
 .s1-left-shp, .s1-prod1, .s1-prod2, .s6Seal, .s6SealBg {
     position: absolute 
}
 .s1-list li {
     float: left;
     width: 25%;
     padding: 0 20px;
     margin-top: 30px;
     min-height: 85px 
}
 .s1-list2 li {
     float: left;
     width: 20%;
     padding: 0 20px;
     margin-top: 39px;
     min-height: 52px;
     align-items: center;
     display: flex 
}
 .s1-bx-cont h3, .s1-bx-cont p {
     color: #fff;
     z-index: 1;
     padding-left: 10px 
}
 .s1-list li img {
     margin: 0 auto;
     display: block;
     height: 61px;
     object-fit: cover;
     width: auto;
}
 .s1-list li p {
     color: #000;
     margin-top: 10px;
     font-family: Saira;
     font-size: 20px;
     font-style: normal;
     font-weight: 600;
     line-height: 27px 
}
 .s1-list2 li img {
     margin: 0 auto;
     display: block;
     height: auto;
     object-fit: contain 
}
 .s1-list2 li p {
     font-size: 14px;
     line-height: 20px;
     color: #000;
     margin-top: 10px 
}
 .s1-left-shp {
     top: 128px;
     left: 0px;
}
 .s1-prod2-right-ecl {
     position: absolute;
     top: 137px;
     right: 0px;
}
 .s1-prod1 {
     top: 13px;
     left: -182px 
}
 .s1-prod2 {
     top: 4px;
     right: -99px;
     z-index: 2;
     transform: translate(75px, 0) 
}
 .s1-box-list, .s1-box-list li {
     position: relative;
     float: left 
}
 .s1-box-list {
     width: 100%;
     margin-top: 35px;
     display: -webkit-flex;
     display: flex;
     flex-wrap: wrap;
     justify-content: center;
     z-index: 9;
}
 .s1-box-list li {
     width: 268px;
     min-height: 490px;
     border-radius: 12px;
     overflow: hidden;
     margin-right: 20px;
}
 .s1-bx-cont svg {
     position: absolute;
     bottom: 0;
     left: 0 
}
 .s1-bx-bg1 {
     background: url(../../images/index-v1/s1-bnr-img1.png) center top/contain no-repeat 
}
 .s1-bx-bg2 {
     background: url(../../images/index-v1/s1-bnr-img2.png) center top/contain no-repeat 
}
 .s1-bx-bg3 {
     background: url(../../images/index-v1/s1-bnr-img3.png) center top/contain no-repeat 
}
 .s1-bx-bg4 {
     background: url(../../images/index-v1/s1-bnr-img4.png) center top/contain no-repeat 
}
 .s1-bx-cont {
     position: absolute;
     left: 0;
     right: 0;
     bottom: 0;
     width: 100%;
     padding: 10px 10px 20px 0;
     min-height: 182px 
}
 .s1-bx-cont::before {
     position: absolute;
     content: "";
     background: 0 0/cover #9db1da;
     height: 194px;
     width: 100%;
     bottom: 0;
     padding-top: 10px;
}
 .strip-section2:before, .strip-section:before {
     position: absolute;
     left: 50%;
     width: 64px;
     margin-left: -32px;
     content: '' 
}
 .s1-bx-cont h3 {
     margin-top: 9px;
     position: relative;
     font-size: 16px;
     line-height: 21px;
     font-weight: 600 
}
 .s1-bx-cont p {
     margin-top: 8px;
     position: relative;
     font-size: 13px;
     font-style: normal;
     font-weight: 400;
     line-height: 20px;
     text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}
 .prod-row-cont h1, .step-box {
     font-size: 35px;
     color: #000;
     font-weight: 600 
}
 .prod-row-imgbox img, .s3-list li img {
     margin: 0 auto;
     display: block 
}
 .strip-section {
     float: left;
     width: 100%;
     background: #2e3a59;
     margin-top: -122px;
     padding: 175px 0 40px;
     position: relative 
}
 .strip-section:before {
     bottom: -15px;
     background: url(../../images/index-v1/dwn-arw-dark.png) center center no-repeat;
     height: 47px 
}
 .strip-section2 {
     float: left;
     width: 100%;
     background: #131314;
     position: relative;
     padding: 40px 0 
}
 .strip-section2:before {
     bottom: -16px;
     background: url(../../images/index-v1/dwn-arw.png) center center no-repeat;
     height: 37px 
}
 .strip-section2 .flex-img {
     display: flex;
     justify-content: space-around;
     align-items: center;
     width: 100%;
     margin: 20px 0;
     float: left;
     flex-wrap: wrap 
}
 .strip-section2 .flex-img img {
     width: 130px 
}
 .section2 {
     padding: 0 0 70px;
     background: #fff 
}
 .prod-s2-row {
     margin-top: 45px;
     display: -webkit-box;
     display: -moz-box;
     display: -ms-flexbox;
     display: -webkit-flex;
     display: flex;
     flex-wrap: wrap;
     justify-content: space-between;
     align-items: center 
}
 .prod-row-reverse {
     flex-direction: row-reverse 
}
 .prod-row-cont {
     width: 52%;
     position: relative 
}
 .pad-rgt {
     padding-right: 72px 
}
 .pad-lft {
     padding-left: 70px 
}
 .prod-row-cont h1 {
     line-height: 35px;
     position: relative;
     padding-bottom: 20px 
}
 .prod-h1:before, .prod-h2:before, .prod-h3:before, .prod-h4:before, .prod-h5:before {
     content: '';
     position: absolute;
     left: 0;
     bottom: 0;
     background: url(../../images/index-v1/prod-ln1.png) left bottom no-repeat;
     width: 60px;
     height: 4px 
}
 .prod-h2:before, .prod-h4:before, .prod-h5:before {
     background: url(../../images/index-v1/prod-ln1.png) left bottom no-repeat 
}
 .prod-h3:before {
     background: url(../../images/index-v1/prod-ln3.png) left bottom no-repeat 
}
 .step-box {
     position: absolute;
     top: 3px;
     line-height: 30px;
     height: 100% 
}
 .row3-bg, .s4Left, .section3 {
     position: relative 
}
 .step-box:before {
     content: '';
     position: absolute;
     top: 40px;
     left: 50%;
     bottom: 0;
     width: 1px;
     background: #AA7DCE;
     margin-left: 2px;
}
 .row3-bg::before {
     content: ' ';
     width: 430%;
     height: 100%;
     position: absolute;
     left: -200%;
     background: linear-gradient(90deg, #c6daf9 0%, #e6fdf3 100%);
     z-index: -1;
}
 .pad-rgt .step-box {
     right: 15px 
}
 .pad-lft .step-box {
     left: 0 
}
 .prod-row-imgbox {
     width: 44% 
}
 .prod-row-imgbox img {
     max-width: 100%;
     object-fit: contain 
}
 .prod-list, .section7 .btnBox {
     margin-top: 50px 
}
 .prod-list li {
     float: left;
     font-size: 26px;
     line-height: 26px;
     color: #131314;
     font-weight: 600;
     margin-right: 50px 
}
 .prod-list li:last-child, .s3-list li:last-child {
     margin-right: 0 
}
 .prod-list li span {
     font-size: 16px;
     line-height: 16px;
     font-weight: 500 
}
 .accordion, .colorName, .s5Col1 ul li, .s5Col2Top p, .testName {
     font-weight: 600 
}
 .row3-bg {
     z-index: 9;
     padding: 10px 
}
 .section3 {
     background: #000;
}
 .section3:before {
     content: '';
     position: absolute;
     top: -27px;
     left: 50%;
     background: url(../../images/index-v1/s3-arw.png) center center no-repeat;
     width: 82px;
     height: 41px;
     margin-left: -41px;
     z-index: 9 
}
 .s3Inner {
     float: right;
     width: 46%;
     padding: 70px 0 71px 
}
 .s3-list {
     float: left;
     width: 100%;
     margin-top: 40px 
}
 .s3-list li {
     float: left;
     text-align: center;
     margin-right: 35px 
}
 .s3-list li p {
     font-size: 14px;
     line-height: 20px;
     color: #fff;
     margin-top: 12px 
}
 .s3LeftImg {
     max-width: 100%;
     left: 0;
     width: 100%;
     object-fit: cover 
}
 .black-rotate {
     left: 0;
     width: 46%;
     background: radial-gradient(112% 50.52% at 45.05% 45.5%, rgba(0, 0, 0, 0) 33.3%, #000 100%) 
}
 .s3Inner .commonHead {
     font-size: 40px;
     padding: 0 0 20px;
     line-height: 50px;
}
 .s3Inner .commonText {
     line-height: 36px;
}
 .section4 {
     float: left;
     width: 100%;
     height: 70vh;
     overflow-x: clip 
}
 .s4Left, .s4Right {
     width: 50%;
     height: 70vh 
}
 .s4Left {
     float: left;
     padding: 60px 0 0;
    /* background: url(../../images/index-v1/video1.png) center/cover no-repeat */
}
 .s4LeftInner {
     float: left;
     position: absolute;
     bottom: 0;
     left: 0;
     right: 0;
     padding-left: 11px;
     background-color: #9db1da 
}
 .s4LeftInner .commonText {
     padding-right: 70px 
}
 .text-right {
     text-align: right 
}
 .s4Right {
     float: right;
     position: relative;
     padding: 60px 0 0 45px;
    /* background: url(../../images/index-v1/video2.gif) center/cover no-repeat */
}
 .s4LeftInner, .s4RightInner {
     padding-left: 0 !important;
}
 .s4RightInner p.commonHead.commn-0h{
     text-align: right;
}
 .s4RightInner {
     float: left;
     position: absolute;
     bottom: 0;
     right: 0;
     left: 0;
     padding-left: 11px;
     background-color: #2e3a59 
}
 .s5Col1, .section5 {
     position: relative 
}
 .s4RightInner .commonHead {
     color: #fff;
     line-height: 55px;
     padding-bottom: 7px 
}
 .s4LeftInner .commonHead {
     line-height: 55px;
     color: #000;
     padding-right: 25px;
     padding-bottom: 7px 
}
 .colorList {
     float: left;
     width: 100%;
     margin-top: 28px 
}
 .colorList li {
     float: left;
     width: 21%;
     text-align: center 
}
 .colorDot {
     display: block;
     margin: 0 auto;
     border-radius: 50%;
     width: 26px;
     height: 26px 
}
 .blackDot {
     background: #427991 
}
 .blueDot {
     background: red 
}
 .yellowDot {
     background: orange 
}
 .pinkDot {
     background: pink 
}
 .colorName {
     font-size: 14px;
     line-height: 14px;
     color: #000;
     margin-top: 10px 
}
 .section5 {
     float: left;
     width: 100%;
     padding: 60px 0;
     text-align: center 
}
 .s5Col1 ul li, .section6 {
     text-align: left;
     position: relative 
}
 .s5Col2 ul li, .section7, .section8 {
     text-align: center 
}
 .s5CompBox {
     display: inline-block;
     width: 100%;
     max-width: 1030px;
     background: #fff;
     border-radius: 20px;
     margin-top: 200px;
     margin-bottom: 30px;
     box-shadow: 0 0 15px 2px rgba(0, 0, 0, .2) 
}
 .s5Col2Prod, .s5Col3Prod, .s5Col4Prod {
     display: block;
     max-width: 100% 
}
 .s5Col1 {
     float: left;
     width: 37%;
     padding: 25px 0 
}
 .s5Col1 ul li {
     float: left;
     width: 100%;
     height: 70px;
     font-size: 19px;
     line-height: 32px;
     color: #000;
     padding: 0 0 0 60px;
     display: flex;
     flex-wrap: wrap;
     align-items: center;
     border-bottom: 1px solid #e7e7e7;
     background: url(../../images/index-v1/comp-point.png) 22px 25px no-repeat 
}
 .s5Col1 ul li:last-child {
     border: none 
}
 .s5Col1 ul li img {
     position: absolute;
     left: 0;
     top: 50%;
     margin-top: -13px 
}
 .s5Col2 {
     float: left;
     width: 19%;
     background: #2c7fba;
     border-radius: 20px;
     margin: -95px 20px -25px 0 
}
 .s5Col2Top {
     height: 115px 
}
 .s5Col2Prod {
     margin: -91px auto 10px;
     width: 140px;
}
 .s5Col3Prod {
     margin: -97px auto 15px;
}
 .s5Col4Prod {
     margin: -84px auto 14px;
}
 .s5Col2Top p {
     font-size: 28px;
     line-height: 30px;
     color: #fff 
}
 .s5Col3Top p, .s5Col4Top p {
     font-size: 19px;
     line-height: 19px 
}
 .s5Col2 ul {
     padding-top: 5px 
}
 .s5Col2 ul li {
     height: 70px;
     padding: 20px 0;
     border-bottom: 1px solid #4d82a8 
}
 .s5Col2 ul li:last-child {
     border: none;
     height: 115px 
}
 .s5Col3, .s5Col4 {
     background: #383838 
}
 .s5Col3 ul li, .s5Col4 ul li {
     border-bottom: 1px solid #484848 
}
 .section6 {
     background: #2e3a59;
     overflow: hidden 
}
 .s6SealBg {
     top: 0;
     left: 80px 
}
 .s6Seal {
     top: 97px;
     left: 103px 
}
 .s6Right {
     float: right;
     width: calc(100% - 500px);
     padding: 40px 0 60px 
}
 .section7, .testBox {
     float: left;
     width: 100% 
}
 .fs-50 {
     font-size: 50px;
     line-height: 54px 
}
 .s6Right .commonText {
     padding-right: 116px 
}
 .section7 {
     padding: 60px 0 70px 
}
 .s7Mid {
     display: inline-block;
     width: 100%;
     max-width: 1320px;
     margin-top: 40px 
}
 .testImage, .testStar {
     max-width: 100%;
     vertical-align: top 
}
 .testBox {
     display: -webkit-box;
     display: -moz-box;
     display: -ms-flexbox;
     display: -webkit-flex;
     flex-wrap: wrap;
     display: flex;
     justify-content: space-between 
}
 .testCol {
     float: left;
     width: 31% 
}
 .section8, .testName {
     float: left;
     width: 100% 
}
 .testStar {
     margin-top: 30px 
}
 .testCol .commonText.testhead {
     margin-top: 20px;
     font-weight: 600 
}
 .testCol .commonText {
     margin-top: 10px;
     padding: 0 13px 
}
 .testName {
     font-size: 17px;
     line-height: 18px;
     color: #000;
     margin-top: 25px 
}
 .testName img {
     margin: -1px 3px 0 10px 
}
 .testName span {
     color: #37b72d;
     font-size: 14px;
     font-weight: 400 
}
 .section8 {
     padding: 70px 0 60px;
     background: #f5f5f5 
}
 .accordion, .acdn-content {
     text-align: left;
     width: 100%;
     float: left 
}
 .faq-container {
     vertical-align: top;
     max-width: 830px;
     width: 100%;
     margin: 15px 0 
}
 .acdnImg, .footerLogo {
     display: inline-block;
     vertical-align: top;
     max-width: 100% 
}
 .up-slide-dwn {
     float: left;
     width: 100%;
     background: #fff;
     border-radius: 8px;
     -webkit-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, .1);
     box-shadow: 0 5px 10px 0 rgba(0, 0, 0, .1);
     margin-top: 25px;
     padding: 10px 25px 8px 30px 
}
 .accordion {
     background: url(../../images/index-v1/close.png) 100% center no-repeat;
     padding: 13px 45px 10px 0;
     font-size: 18px;
     line-height: 30px;
     color: #000;
     letter-spacing: .5px;
     cursor: pointer 
}
 .acdn-para, .acdnList li {
     font-size: 17px;
     font-weight: 400;
     letter-spacing: .5px;
     color: #000;
     width: 100%;
     float: left 
}
 .accordion.last {
     border-bottom: none 
}
 .acdn-heading.accordion-open {
     background: url(../../images/index-v1/open.png) 100% center no-repeat;
     border: none 
}
 .acdn-content {
     padding: 0 0 10px 
}
 .acdn-para {
     line-height: 26px;
     margin-top: 10px 
}
 .acdnImg {
     margin: 20px 10px 0 0 
}
 .acdnList li {
     margin-top: 16px;
     padding: 0 0 10px 70px;
     line-height: 23px 
}
 .acdnListNo {
     position: absolute;
     top: 0;
     left: 0;
     font-weight: 600 
}
 .acdnList.acdnListStyle li {
     padding-left: 25px 
}
 .acdnList.acdnListStyle li:before {
     position: absolute;
     top: 5px;
     left: 2px;
     content: '';
     width: 8px;
     height: 8px;
     background: #000;
     border-radius: 50% 
}
 .footer {
     float: left;
     width: 100%;
     padding: 59px 0;
     background: #fff;
     position: relative 
}
 .footerLogo {
     margin-bottom: 0;
     width: 232px;
     height: auto 
}
 .ftrText1 {
     float: left;
     width: 100%;
     font-size: 16px;
     line-height: 26px;
     font-weight: 400;
     color: #929292;
     margin-top: 10px;
     letter-spacing: .3px 
}
 .ftrText1 a {
     padding: 0 5px 
}
 .ftrText2 {
     font-size: 14px;
     line-height: 22px;
     color: #cacaca;
     padding: 0 94px;
     margin-top: 20px 
}
 .whiteText {
     color: #fff !important 
}
 .blackText {
     color: #000 !important 
}
 .ylwText {
     color: #ffe745 
}
 .p-5 {
     padding: 0 240px 
}
 .pulse {
     animation-name: pulse;
     -webkit-animation-name: pulse;
     animation-duration: 1.5s;
     -webkit-animation-duration: 1.5s;
     animation-iteration-count: infinite;
     -webkit-animation-iteration-count: infinite 
}
 @keyframes pulse {
     0%, 100% {
         transform: scale(.9) 
    }
     50% {
         transform: scale(1) 
    }
}
 @-webkit-keyframes pulse {
     0%, 100% {
         -webkit-transform: scale(.95) 
    }
     50% {
         -webkit-transform: scale(1) 
    }
}
 .fl {
     float: left 
}
 .fr {
     float: right 
}
 .gif_desktop {
     position: absolute;
     height: 100%;
     width: 50% 
}
 .gif_desktop::after {
     content: '';
     position: absolute;
     width: 100%;
     height: 100%;
     right: 0;
     background-repeat: no-repeat;
     bottom: 0;
     left: 1px;
     top: 0;
     background-position: 100%;
     background-size: cover 
}
 span.textGrey {
     color: #b5b3b3 
}
 .testBox.show-mob, .s1-box-list.show-mob{
     display: none;
}
 @media (max-width:1601.5px) {
     .s1-left-shp , .s1-prod2-right-ecl{
         width: 310px;
    }
}
 @media (max-width: 1440px){
     .banner {
         background-size: 100% 100%;
    }
     .bnrProd1{
         width: 470px;
    }
     .s1-left-shp , .s1-prod2-right-ecl{
         width: 210px;
    }
}
 @media only screen and (max-width:1200px) {
     .s1-bx-cont p {
         font-size: 11px;
         line-height: 16px 
    }
     .s1-bx-cont h3 {
         font-size: 15px;
         line-height: 15px 
    }
     .container, .container-fluid {
         width: 1004px 
    }
     ul.topMenu {
         margin: 18px 40px 0 0 
    }
     .banner-left {
         width: 70% 
    }
     .bnrText1 {
         font-size: 17px 
    }
     .bnrProd1 {
         right: 0;
         bottom: -59px;
         width: 420px;
         z-index: 9;
    }
     .commonHead {
         font-size: 48px;
         line-height: 60px 
    }
     .s1-prod1 {
         width: 250px;
         left: -45px 
    }
     .s1-left-shp {
         top: 0;
         left: -190px 
    }
     .s1-box-list li {
         width: 245px;
         min-height: 460px;
    }
     .s1-prod2 {
         right: -100px;
         transform: none;
         top: 13px 
    }
     .s1-prod2-right-ecl {
         top: 0;
         right: -150px 
    }
     .s4Left:before {
         right: -40px 
    }
     .s6Right {
         width: calc(100% - 410px);
         padding: 30px 0 36px 
    }
     .s6Right .commonText {
         padding-right: 22px 
    }
     .s6SealBg {
         left: 40px 
    }
     .s6Seal {
         left: 63px 
    }
}
 @media only screen and (max-width:1100px) {
     .s1-prod2 {
         right: -59px;
         transform: none;
         top: 13px;
         width: 200px 
    }
}
 @media only screen and (max-width:1021px) {
     .s3Inner .commonText {
         line-height: 26px;
    }
     .strip-section .p-5{
         padding: 0;
    }
     .banner, .section4 {
         height: auto 
    }
     .bnrHeading, .bnrList, .s7Mid, .testStar, .up-slide-dwn {
         margin-top: 20px 
    }
     .container, .container-fluid {
         width: 750px 
    }
     .strip-section2 .flex-img img {
         width: 100px;
         margin-right: 5px 
    }
     .s1-prod2-right-ecl, .show-desk {
         display: none 
    }
     .show-tab {
         display: block 
    }
     .banner {
         background-size: 100% 100%;
    }
     .banner-left {
         width:65% 
    }
     .bnrHeading {
         font-size: 38px;
         line-height: 52px;
    }
     .bnrList li {
         font-size: 20px;
         margin-top: 5px 
    }
     .bnrProd1 {
         bottom: -59px;
         right: 0;
         width: 350px;
    }
     .section1 {
         padding: 70px 0 
    }
     .s1Dotsleft {
         top: -55px;
         left: -120px;
         width: 200px 
    }
     .s1DotsRight {
         right: -290px;
         bottom: -130px;
         width: 460px 
    }
     .s1Left {
         width: 370px 
    }
     .s1Circle {
         top: 50px;
         width: 500px;
         height: 500px 
    }
     .s1Prod {
         top: 50px;
         right: 80px;
         width: 300px 
    }
     .s1Right {
         width: calc(100% - 330px) 
    }
     .s1Right .commonText, .s6Right .commonText {
         padding-right: 0 
    }
     .commonHead {
         font-size: 38px;
         line-height: 44px;
         margin-top: 15px 
    }
     .commonText {
         font-size: 16px;
         line-height: 24px;
         margin-top: 15px 
    }
     .s1-prod1 {
         top: 160px;
         display: none 
    }
     .s1-box-list li {
         width: 180px;
         min-height: 460px;
    }
     .s1-left-shp {
         left: -490px;
         display: none 
    }
     .strip-section {
         padding-top: 110px 
    }
     .prod-row-cont h1 {
         font-size: 30px;
         line-height: 40px 
    }
     .s5Col1 ul li, .s5Col3Top p, .s5Col4Top p {
         font-size: 17px 
    }
     .s3Inner {
         width: 47% 
    }
     .s3Inner .commonHead {
         font-size: 26px;
         line-height: 33px 
    }
     .s3LeftImg {
         left: 0;
         top: 0;
         object-fit: contain 
    }
     .black-rotate {
         top: 10px;
         background: 0 0;
         height: 100% 
    }
     .s4Left, .s4Right {
         width: 100%;
         padding: 0;
         height: auto;
    }
     .s5Col1 {
         padding: 15px 0;
         width: 40% 
    }
     .s5Col1 ul li {
         height: 60px;
         line-height: 22px;
         font-weight: 500;
         padding: 0 0 0 50px;
         background-position: 20px 20px 
    }
     .s5Col2 {
         width: 18%;
         margin: -95px 15px -25px 0 
    }
     .s5Col2Top {
         height: 105px 
    }
     .s5Col2Prod {
         margin: -57px auto 10px;
         max-width: 70%;
    }
     .s5Col2 ul li {
         height: 60px 
    }
     .s5Col2 ul li img {
         width: 24px 
    }
     .s5Col2 ul li:last-child {
         height: 95px 
    }
     .s5Col3Prod {
         margin: -32px auto 15px;
         width: 75px;
    }
     .s5Col4Prod {
         margin: -67px auto 15px;
         width: 95px;
    }
     .s5Col2Top p{
         font-size: 18px;
    }
     .s6Right {
         width: calc(100% - 340px) 
    }
     .s6SealBg {
         left: 10px;
         width: 295px 
    }
     .s6Seal {
         left: 33px;
         width: 250px;
         top: 86px 
    }
     .testBox {
         margin-top: 30px 
    }
     .testCol .commonText.testhead, .testName {
         margin-top: 15px 
    }
     .testName {
         font-size: 14px 
    }
     .section7 .btnBox {
         margin-top: 35px 
    }
     .faq-container {
         margin: 10px 0 
    }
     .accordion {
         padding: 15px 45px 12px 0;
         font-size: 17px;
         line-height: 22px 
    }
     .acdn-para {
         font-size: 16px;
         line-height: 25px;
         margin-top: 0 
    }
     .ftrText2 {
         padding: 0 30px 
    }
     .s1-prod1 {
         width: 220px !important;
         left: -45px 
    }
     .s1-prod2 {
         display: none;
         right: -59px;
         top: 13px;
         width: 176px 
    }
}
 @media (max-width:991px) {
     .commn-h, .testCol .commonText {
         padding: 0 
    }
     .bnrHeading {
         padding-right: 0 
    }
}
 @media only screen and (max-width:767px) {
     .banner-left, .btn-txt_2, .s6Left, .s6Right, .step-box {
         text-align: center 
    }
     .s1-box-list li{
         margin-right: 0;
    }
     .s4LeftInner, .s4RightInner{
         position: static;
    }
     .testBox.hide-mob, .s1-box-list.hide-mob{
         display: none;
    }
     .testBox.show-mob, .s1-box-list.show-mob{
         display: block;
    }
     .step-box, span.textGrey {
         color: #fff 
    }
     .s3Inner .commonHead {
         font-size: 20px;
         text-align: center 
    }
     .banner-left, .p-5, .pad-lft, .pad-rgt {
         padding: 0 
    }
     .banMob, .blck-circle {
         width: 100vw;
         position: relative;
         left: 50%;
         right: 50%;
         margin-left: -50vw;
         margin-right: -50vw 
    }
     .container, .container-fluid {
         width: 100%;
         padding: 0 15px;
         max-width: 600px;
         box-sizing: border-box 
    }
     .strip-section2 .flex-img img {
         width: 100px;
         margin-bottom: 6px;
         margin-right: 10px 
    }
    /* .s4RightInner {
         margin-top: 200px 
    }
     */
     .galaxy-text, .show-mob {
         display: block 
    }
     .banner-right, .bottombanner, .hide-mob, .prod-row-imgbox img, .right-image-gif, .step-box:before {
         display: none 
    }
     .bnrList, .bnrProd-mob {
         display: inline-block;
         vertical-align: top 
    }
     .topStrip {
         padding: 8px 0 5px;
         overflow: hidden 
    }
     .topStrip p {
         font-size: 11px;
         line-height: 11px 
    }
     .top-fix-bar {
         margin-bottom: 55px 
    }
     .header {
         height: 55px;
         padding: 5px 0;
         margin-top: -55px;
         top: 55px 
    }
     .logo {
         margin-top: 6px;
         width: 146px 
    }
     .mob-mnu-ic {
         top: 14px;
         right: 15px 
    }
     .mobilemenu {
         top: 79px 
    }
     .mobimenu-top {
         top: 55px 
    }
     .banner {
         padding: 25px 0;
         background: #daf6ff;
         overflow: visible 
    }
     .btn-txt_2 {
         margin-bottom: 15px 
    }
     .banner-left, .prd-m4, .prd-row-img-m, .prod-row-cont, .s6Left {
         width: 100% 
    }
     .bnrStar {
         font-size: 13px;
         line-height: 13px 
    }
     .bnrStar img {
         width: 75px;
         margin: -5px 4px 0 0 
    }
     .bnrHeading {
         font-size: 24px;
         line-height: 25.5px;
         margin: 25px 0;
    }
     .bnrProd-mob {
         margin: 0 0 10px -15px;
         width: calc(100% + 30px) 
    }
     .bnrList, .bnrList li {
         float: none;
         width: auto 
    }
     .bnrText1 {
         font-size: 16px;
         line-height: 24px;
         letter-spacing: .5px;
         padding: 0 10px 
    }
     .bnrList {
         margin-top: 0;
    }
     .bnrList li {
         font-size: 17px;
         margin-top: 0px;
         padding-left: 30px;
         background-position: 2px 3px;
         background-size: 18px;
         color: #000;
    }
     .vid_o {
         width: 100%;
         display: block;
         position: relative;
         margin-bottom: 8px;
    }
     img.banner-sm-mob {
         display: block;
         position: absolute;
         left: 220px;
         top: 498px;
         bottom: 0;
         width: 43% 
    }
     .ftrSec {
         padding: 20px 0 
    }
     .ftrText, .prod-list li span {
         font-size: 14px;
         line-height: 14px 
    }
     .ftrList {
         flex-wrap: wrap;
         margin-top: 0;
         justify-content: center 
    }
     .ftrList li {
         margin: 15px 15px 0;
         padding: 0 
    }
     .logo1 {
         width: 30px 
    }
     .logo2 {
         width: 100px 
    }
     .logo3, .s3-list li img, .star {
         width: 50px 
    }
     .logo4 {
         width: 90px 
    }
     .logo5 {
         width: 70px 
    }
     .section1 {
         padding: 30px 0 
    }
     .secName {
         font-size: 14px 
    }
     .commonHead {
         font-size: 26px;
         line-height: 32px;
         margin-top: 5px 
    }
     .s4RightInner .commonHead {
         font-size: 20px;
         text-align: left;
         line-height: 24px 
    }
     .commonText {
         font-size: 15px;
         line-height: 22px;
         margin-top: 15px 
    }
     .s1-prod1-mob {
         margin: 20px auto 0;
         width: 220px 
    }
     .s1-list, .s1-list2 {
         margin-top: 0;
         -webkit-display: flex;
         display: flex;
         flex-wrap: wrap;
         justify-content: center 
    }
     .s1-list li, .s1-list2 li {
         float: left;
         width: 25%;
         padding: 0;
         margin-top: 22px 
    }
     .s1-list li p, .s1-list2 li p {
         font-size: 13px;
         line-height: 18px 
    }
     .s1-box-list {
         width: calc(100% + 30px);
         margin: 25px 0 0 -15px 
    }
     .s1-box-list li {
         background-size: cover 
    }
     .s1-bx-cont h3 {
         font-size: 16px;
         line-height: 20px 
    }
     .s1-bx-cont p {
         font-size: 14px;
         line-height: 20px;
         margin-top: 10px 
    }
     .strip-section {
         padding: 45px 0;
         margin: 0 
    }
     .strip-section .commonHead {
         font-size: 24px 
    }
     .section2 {
         padding-bottom: 30px 
    }
     .prod-s2-row {
         margin-top: 35px 
    }
     .row3-bg {
         padding: 20px 0;
    }
     .step-box {
         top: 0;
         left: 0;
         width: 40px;
         height: 40px;
         line-height: 39px;
         background: #000;
         border-radius: 50%;
         font-size: 22px 
    }
     .accordion, .testCol .commonText.testhead {
         font-size: 16px 
    }
     .prod-h5 .step-box {
         top: 5px 
    }
     .prd-row-img-m {
         margin: 25px auto 0;
         max-width: 100% 
    }
     .prod-row-cont h1 {
         font-size: 22px;
         line-height: 26px;
         margin-top: 0;
         padding-bottom: 12px;
         padding-left: 55px 
    }
     .prod-h1:before, .prod-h2:before, .prod-h3:before, .prod-h4:before, .prod-h5:before {
         left: 55px 
    }
     .prod-list, .s3-list {
         margin-top: 25px 
    }
     .prod-list li {
         font-size: 22px;
         line-height: 22px;
         margin-right: 30px 
    }
     .section3 {
         padding: 20px 0 30px 
    }
     .s3LeftImg {
         position: static;
         width: 100%;
         margin: 24px auto 15px 
    }
     #ctabtn-mob a.order-btn, .s4Left, .s4Right {
         margin: 0 
    }
     .s3Inner {
         width: 100%;
         padding: 0 
    }
     .s3-list li {
         margin-right: 0;
         width: 25% 
    }
     .s3-list li p {
         font-size: 12px;
         line-height: 18px;
         margin-top: 10px 
    }
     .section4 {
         background: #f9f9f9 
    }
     .s4Left {
         width: 100%;
         padding: 0;
         height: auto;
    }
     .s4Left:before {
         height: 238px;
         background-size: 110% 
    }
     .s4Right {
         width: 100%;
         padding: 0;
         height: auto;
    }
     .s4RightInner {
         width: 100%;
         padding: 0 20px;
         padding-right: 0;
    }
     .s4RightInner p.commonHead.commn-0h , p.commonHead.commn-0h {
         text-align: center;
    }
     .s4RightBg {
         display: block;
         max-width: 100%;
         margin: 0 auto 
    }
     .section5, .section6, .section7, .section8 {
         padding: 30px 0 25px 
    }
     .s5CompBox {
         border-radius: 10px;
         margin-top: 160px 
    }
     .s5Col1 {
         width: 46%;
         padding: 10px 0 
    }
     .s5Col1 ul li {
         font-size: 14px;
         line-height: 18px;
         padding: 13px 0 13px 30px;
         background-position: 10px 22px;
         background-size: 14px 
    }
     .s5Col2 {
         width: 24%;
         margin: -95px 3% -25px 0 
    }
     .s5Col2Prod {
         margin: -21px auto 10px;
         width: 70px;
    }
     .s5Col2Top p {
         font-size: 10px;
         line-height: normal 
    }
     .s5Col2Top {
         height: 100px 
    }
     .s5Col3Top p, .s5Col4Top p {
         font-size: 11px 
    }
     .s5Col2Prod {
         margin: -21px auto 10px;
         width: 70px;
    }
     .s6SealBg {
         width: 300px;
         display: none 
    }
     .s6Seal {
         position: static;
         display: block;
         margin: 0 auto;
         width: 160px 
    }
     .s6Right {
         width: 100%;
         padding: 15px 0 0 
    }
     .s6Right .commonText {
         padding-right: 0 
    }
     .s7Mid {
         width: calc(100% + 30px);
         margin: 0 0 0 -15px 
    }
     .testBox {
         margin-top: 20px 
    }
     .testCol {
         width: 270px !important;
         margin: 0 8px 
    }
     .faq-container {
         margin-top: 0 
    }
     .up-slide-dwn {
         margin-top: 15px;
         padding: 0 15px 
    }
     .accordion {
         padding: 15px 24px 12px 0;
         line-height: 22px 
    }
     .acdn-para, .acdnList li {
         font-size: 15px 
    }
     .acdn-para {
         line-height: 23px 
    }
     .acdnImg img {
         width: 120px 
    }
     .footer {
         padding: 0 0 30px 
    }
     .footerLogo {
         margin: 25px 0 5px 
    }
     .ftrText1 {
         font-size: 14px;
         line-height: 20px 
    }
     .ftrText2 {
         font-size: 13px;
         line-height: 18px;
         padding: 0;
         margin-top: 12px 
    }
     #ctabtn-mob {
         background: #2d2d2d;
         padding: 7px 10px;
         position: fixed;
         bottom: 0;
         left: auto;
         z-index: 9;
         transition: bottom 1s;
         display: table;
         width: 100% 
    }
     .comn-btn {
         font-size: 22px;
         padding: 0 20px 
    }
     .btn-arw {
         margin: -4px 0 0 10px 
    }
     .row3-bg::after {
         top: 0;
         right: 99% 
    }
     .row3-bg::before {
         top: 0;
         left: -70%;
         background: linear-gradient(180deg, #84ACF6 0%, #FBD3EC 100%, #D2FFE6 100%);
    }
     p.commonHead.commn-0h {
         font-size: 32px 
    }
     .s1-list li img {
         width: 40px;
         height: auto 
    }
     .commonText.commonText2 {
         font-size: 13px;
         line-height: 22px 
    }
     .secName.sec_s2 {
         font-size: 14px;
         line-height: 18px;
         font-style: normal;
         font-weight: 500 
    }
}
 @media only screen and (max-width:673px) {
     img.banner-sm-mob {
         top: 455px 
    }
}
 @media only screen and (max-width: 598px) {
     img.banner-sm-mob {
         top: 385px;
         width: 52%;
         left: 100px;
    }
}
 @media only screen and (max-width:590px) {
     img.banner-sm-mob {
         top: 376px;
         left: 141px 
    }
}
 @media (max-width:575px) {
     .logo {
         float: left;
         margin-top: 0;
         width: 146px 
    }
     .s5Col1 ul li {
         padding: 0 0 13px 30px;
         align-items: center;
         background-position: 10px 17px 
    }
     img.banner-sm-mob {
         top: 361px 
    }
}
 @media only screen and (max-width:542px) {
     img.banner-sm-mob {
         top: 335px 
    }
}
 @media only screen and (max-width:491px) {
     img.banner-sm-mob {
         top: 313px 
    }
}
 @media only screen and (max-width:415px) {
     img.banner-sm-mob {
         top: 263px;
         left: 92px;
         width: 61% 
    }
}
 @media only screen and (max-width:360px) {
     .s3-list li {
         margin-right: 7px 
    }
     img.banner-sm-mob {
         top: 210px;
         left: 67px 
    }
}