/* reset.css is here */
*{margin:0; padding:0; box-sizing:border-box; }
table {border-collapse:collapse; border-spacing:0;}
fieldset,img{border:0;}
img{display: inline-block;height: auto;max-width: 100%;}
address,caption,cite,code,dfn,em,strong,th,var {font-style:normal; font-weight:normal; }
ol,ul { list-style:none;}
caption,th {text-align:left;}
q:before,q:after {content:'';}
abbr,acronym { border:0;}
a {color:#000;text-decoration:none;outline:0 none !important;transition: all 0.2s ease-in-out;-webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;}
a:hover, a:focus {text-decoration:none; outline:0 none !important;}
header,nav,section,article,aside,footer,hgroup,figure,main {display: block; }
.clear{clear:both; font-size:1px;line-height:1px; display:block; height:0;}
.clearfix:after {content: ''; clear:both; font-size:1px;line-height:1px; display:block; height:0;}
/* reset.css ends here */ 
/*--fonts--*/ 
@font-face {
  font-family: 'CircularStd-Bold';
  src: url('../fonts/CircularStd-Bold/CircularStd-Bold.woff2') format('woff2'),
       url('../fonts/CircularStd-Bold/CircularStd-Bold.woff') format('woff'),
       url('../fonts/CircularStd-Bold/CircularStd-Bold.ttf')  format('truetype');
}
 @font-face {
  font-family: 'CircularStd-Book';
  src: url('../fonts/CircularStd-Book/CircularStd-Book.woff2') format('woff2'),
       url('../fonts/CircularStd-Book/CircularStd-Book.woff') format('woff'),
       url('../fonts/CircularStd-Book/CircularStd-Book.ttf')  format('truetype');
}
/*--layout--*/
.wrapper{max-width: 1439px;margin: 0 auto;}
.container{max-width: 1246px;margin: 0 auto;padding: 0;}
header{}
.header-main{padding: 8px 0 0 0;font-size: 0;}
.header-left{display: inline-block;width: 20%;vertical-align: middle;}
.header-left a{}
.header-left a img{}
.header-right{display: inline-block;width: 80%;vertical-align: middle;padding: 8px 0 0 0;}
.header-right nav{}
.header-right nav ul{}
.header-right nav ul li{padding: 0px 29px;display: inline-block;}
.header-right nav ul li a{font-size: 17px;line-height: 22px;color: #000000;font-weight: 500;font-family: 'Roboto', sans-serif;padding: 13px 0 0 0;display: block;}
.btn{padding: 0 16px;}
.btn .log{}
.btn .log a{width: 100%;height: 42px;background: #3f4af5;font-size: 20px;line-height: 42px;color: #ffffff;font-family: 'Roboto', sans-serif;font-weight: 500;border-radius: 30px;display: block;text-align: center;letter-spacing: 0px;margin-left: auto;}
.banner{}
.banner-main{}
.banner-left{padding: 136px 0 0 116px;}
.banner-left h1{font-size: 44px;line-height: 49px;color: #000000;font-weight: 600;font-family: 'CircularStd-Bold', sans-serif;}
.banner-left p{font-size: 22px;line-height: 24px;color: #000000;font-weight: 400;font-family: 'CircularStd-Book', sans-serif;padding: 4px 0 0px 0;}
.banner-left p .start1{}
.banner-left > p.start1 > span{font-size: 22px;line-height: 24px;color: #000000;font-weight: 700;font-family: 'CircularStd-Bold', sans-serif;letter-spacing: -0.2px;text-align: left;}
/*.banner-left > p span{font-size: 22px;line-height: 24px;color: #000000;font-weight: 700;font-family: 'CircularStd-Bold', sans-serif;display: block;padding: 28px 0 0 0;letter-spacing: -0.2px;text-align: left;}*/
.banner-left ul{}
.banner-left ul li{display: inline-block;padding: 0 0 0 0;position: relative;}
.banner-left ul li input{font-size: 14px;line-height: 52px;font-weight: 400;font-family: 'CircularStd-Book', sans-serif;width: 100%;height: 52px;color: #9e9e9e;background: #f2f3f9;border-radius: 30px;padding: 0 21px;border: none;outline: none;}
.banner-left ul li  a{width: 195px;height: 44px;background: #3f4af5;font-size: 16px;line-height: 44px;color: #ffffff;font-family: 'CircularStd-Bold', sans-serif;border-radius: 30px;display: block;font-weight: 700;text-align: center;letter-spacing: 0px;padding: 0 23px 0 0;position: relative;margin: 3px 0 0 0;}
.banner-left ul li  a:after{background: url(../images/arrow.png)no-repeat;width: 13px;height: 13px;content: '';background-size: cover;position: absolute;top: 16px;right: 14px;}
.banner-left ul li:nth-child(1){width: 83%;position: relative;}
.banner-left ul li:nth-child(2){position: absolute;right: 14%;}
.start{}
.start > p{font-size: 16px;line-height: 18px;color: #000000;font-weight: 400;font-family: 'CircularStd-Book', sans-serif;padding: 14px 0 11px 0;margin: 0;}
.start > p.srt{font-size: 16px;line-height: 18px;color: #000000;font-weight: 400;font-family: 'CircularStd-Book', sans-serif;padding: 0px 0 0px 0;}
.start p a{font-size: 16px;line-height: 15px;color: #000000;font-weight: 700;font-family: 'CircularStd-Bold', sans-serif;border-bottom: 1px solid #3f4af5;width: 76px;height: 46px;}
.banner-right{padding: 60px 0 5px 14px;}
.banner-right figure{}
.banner-right figure img{}
.alian{background-color: #f2f3f9;}
.alian-in{padding: 27px 0 24px 11px;vertical-align: middle;}
.alian-in ul{font-size: 0;}
.alian-in ul li{width: 11%;display: inline-block;vertical-align: top;position: relative;}
.alian-in ul li h5{font-size: 14px;line-height: 18px;color: #0d0663;font-weight: 700;padding: 0 0 10px 0;margin: 0;letter-spacing: -0.1px;}
.alian-in ul li p{font-size: 14px;line-height: 19px;color: #0d0663;font-weight: 400;padding: 0 0 0 35px;letter-spacing: 0.1px;}
.alian-in ul li a{color: #ffc700;padding: 0 3px;font-size: 10px;}
.alian-in ul li:nth-child(2){width: 39%;}
.alian-in ul li:nth-child(3){width: 13%;}
.alian-in ul li:nth-child(4){width: 37%;padding: 0 0 0 13px;}
.alian-in ul li:nth-child(2) p{/* position: relative; */display: inline-block;}
.amazing:before{width: 33px;height: 33px;color: #3e49f5;background: #ffffff;border-radius: 15px;position: absolute;line-height: 33px;top: 0;text-align: center;left: -25px;border-radius: 50px;content: "\f10d";font-family: 'FontAwesome';}
 .amazing:after{width: 33px;height: 33px;color: #3e49f5;background: #ffffff;border-radius: 15px;position: absolute;top: 0;text-align: center;right: -52px;border-radius: 50px;content: "\f10e";font-family: 'FontAwesome';line-height: 33px;}
   .amazing:before{width: 33px;height: 33px;color: #3e49f5;background: #ffffff;border-radius: 15px;position: absolute;top: 0;text-align: center;left: 0px;border-radius: 50px;content: "\f10d";font-family: 'FontAwesome';line-height: 33px;z-index: 999;font-size: 14px;}
.amazing:after{width: 33px;height: 33px;color: #3e49f5;background: #ffffff;border-radius: 15px;position: absolute;top: 2px;text-align: center;right: -34px;border-radius: 50px;line-height: 33px;content: "\f10e";font-family: 'FontAwesome';font-size: 14px;}
 .alian-in ul li h5.alian{font-size: 14px;line-height: 18px;color: #0d0663;font-weight: 700;padding: 0 0 9px 31px;margin: 0;letter-spacing: -0.1px;}
.alian-in ul li a.star{color: #ffc700;padding: 0 0 0 36px;font-size: 10px;}
.alian-in ul li p.easy{font-size: 14px;line-height: 19px;color: #0d0663;font-weight: 400;padding: 0 0 0 56px;letter-spacing: 0.1px;max-width: 325px;margin: 0 auto;position: relative;}
.amazing{max-width: 466px;margin: 0 auto;padding: 0 15px;position: relative;display: inline-block;}
.interface{padding: 76px 0 55px 0;}
.interface-in{max-width: 1216px;margin: 0 auto;}
.interface-in ul{}
.interface-in ul li{padding: 0 27px;}
.interface-in ul li .inter{background: #f2f3f9;text-align: center;padding: 30px 0 34px;border-radius: 15px;}
.interface-in ul li h3{font-size: 28px;line-height: 33px;color: #000000;font-weight: 700;letter-spacing: -0.4px;font-family: 'CircularStd-Bold', sans-serif;padding: 0;margin: 0;min-height: 60px;}
.interface-in ul li p{font-size: 16px;line-height: 18px;color: #000000;font-weight: 400;letter-spacing: 0.1px;font-family: 'CircularStd-Book', sans-serif;padding: 26px 0 0 0;}
.interface-in ul li a{line-height: 22px;color: #3f4af5;font-weight: 700;letter-spacing: 0;font-family: 'CircularStd-Bold', sans-serif;position: relative;padding: 17px 20px 0 0;display: inline-block;}
.interface-in ul li a:after{background: url(../images/arrowblue.png)no-repeat;width: 13px;height: 13px;content: '';background-size: cover;position: absolute;top: 22px;right: -10px;color: #3f4af5;}
.interface-in ul li:nth-child(2) .inter{padding: 42px 0 37px 10px;}
.interface-in ul li:nth-child(2) h3{font-size: 28px;line-height: 30px;color: #000000;font-weight: 700;letter-spacing: -0.4px;font-family: 'CircularStd-Bold', sans-serif;padding: 0;margin: 0;min-height: 51px;}
.interface-in ul li a.ask{
    padding: 17px 51px 0 0;
}
.interface-in ul li a.ask:after{
    right: 23px;
}
.digi{background: #f2f3f9;}
.digi-main{position: relative;padding: 80px 0 53px 0;}
.digi-main h2{font-size: 44px;line-height: 46px;color: #000000;font-weight: 700;letter-spacing: 0px;font-family: 'CircularStd-Bold', sans-serif;text-align: center;padding: 0 0 35px 0;}
.digi-main ul{font-size: 0;padding: 0;margin: 0;}
.digi-main ul li{padding: 8px 10px 24px 10px;position: relative;display: inline-block;width: 50%;}
.digi-main ul li a{}
.digi-main ul li a img{}
.digi-main ul li .legal{position: absolute;left: 11%;top: 48%;}
.digi-main ul li .legal h4{font-size: 30px;line-height: 37px;color: #ffffff;font-weight: 400;letter-spacing: -0.4px;font-family: 'CircularStd-Bold', sans-serif;}
.digi-main ul li .legal p{font-size: 22px;line-height: 42px;color: #ffffff;font-weight: 400;letter-spacing: -0.4px;font-family: 'CircularStd-Book', sans-serif;letter-spacing: 0.1px;}
.experience{padding: 0;}
.experience-in{max-width: 1214px;margin: 0 auto;padding: 89px 0 99px 0;}
.experience-in h2{font-size: 44px;line-height: 46px;color: #000000;font-weight: 700;letter-spacing: 0px;font-family: 'CircularStd-Bold', sans-serif;text-align: center;padding: 0 0 72px 0;}
.experience-in ul{font-size: 0;padding: 0;}
.experience-in > ul > li{padding: 0 26px 4px 26px;}
.experience-in ul li .repeat{padding: 36px 0 0 0;text-align: center;background: #f2f3f9;border-radius: 15px;margin: 0 23px 0 0;}
.experience-in ul li .repeat h6{font-size: 18px;line-height: 20px;color: #0d0663;font-weight: 700;letter-spacing: 0px;font-family: 'CircularStd-Bold', sans-serif;text-align: center;}
.experience-in ul li .repeat a{color: #ffc700;padding: 0 0 0 3px;font-size: 16px;position: relative;}
.experience-in ul li .repeat a.expe{width: 35px;height: 35px;color: #3e49f5;background: #ffffff;border-radius: 50px;position: absolute;top: 32%;left: 47%;display: block;}
.experience-in ul li .repeat p{font-size: 16px;line-height: 28px;color: #0d0663;font-weight: 400;letter-spacing: -0.1px;font-family: 'CircularStd-Book', sans-serif;padding: 74px 0 35px 0;}
.about{background: #f2f3f9;padding: 0 0 129px 0;}
.about-main{max-width: 1218px;margin: 0 auto;padding: 87px 0 0px 0;}
.about-main h2{font-size: 43px;line-height: 46px;color: #000000;font-weight: 700;letter-spacing: 0.8px;font-family: 'CircularStd-Bold', sans-serif;text-align: center;}
.about-main ul{font-size: 0;}
.about-main ul li{padding: 67px 22px 0 22px;}
.about-main ul li .about-in{text-align: center;padding: 24px 0 0 7px;background: #ffffff;border-radius: 15px;}
.about-main ul li .about-in h6{font-size: 30px;line-height: 35px;color: #0d0663;font-weight: 700;letter-spacing: 0px;font-family: 'CircularStd-Bold', sans-serif;text-align: center;margin: 0 0 12px 0;}
.about-main ul li .about-in p{font-size: 18px;line-height: 20px;color: #9e9e9e;font-weight: 400;letter-spacing: 0px;font-family: 'CircularStd-Book', sans-serif;text-align: center;padding: 0 0 18px 0;}
.about-main ul li .about-in figure{padding: 0 0 17px 0;}
.about-main ul li .about-in figure img{}
.something{background: #2053cd;padding: 78px 0 91px 44px;}
.something-in{padding: 0px 0 0 0;}
.something-left{display:inline-block;width: 14%;float: left;padding: 0 0 0 0;}
.something-left a{}
.something-left a img{}
.something-right{display:inline-block;width: 77%;padding: 3px 0 0px 5px;}
.something-right h3{font-size: 36px;line-height: 39px;color: #ffffff;font-weight: 700;letter-spacing: -0.3px;font-family: 'CircularStd-Bold', sans-serif;padding: 0 0 15px 0;}
.something-right p{font-size: 26px;line-height: 35px;color: #ffffff;font-weight: 400;letter-spacing: -0.1px;font-family: 'CircularStd-Book', sans-serif;padding: 0 0 22px 0;}
.something-right a{font-size: 36px;line-height: 38px;color: #ffffff;font-weight: 700;letter-spacing: 0px;font-family: 'CircularStd-Bold', sans-serif;padding: 0 0 0 0;}
.something-right a.sup{font-size: 26px;line-height: 35px;color: #ffffff;font-weight: 400;letter-spacing: -0.1px;font-family: 'CircularStd-Book', sans-serif;padding: 0 0 22px 0;}
.content{background: #2762ed;padding: 68px 0 0 70px;}
.content-in{}
.content-left{display: inline-block;float: left;width: 24%;padding: 20px 0 0 0;}
.content-left a{}
.content-left a img{}
.content-right{display: inline-block;float: right;width: 68%;padding: 21px 0 68px 0;}
.content-right ul{font-size: 0;margin: 0 -23px;}
.content-right ul li{display: inline-block;width: 23%;padding: 0 23px;vertical-align: top;}
.content-right > ul > li:nth-child(2){display: inline-block;width: 30%;padding: 0 23px;vertical-align: top;}
.content-right ul li .service{padding: 0px 0  0 0;}
.content-right ul li .service ul{font-size: 0;}
.service ul li{display: block;width: auto;padding: 0 23px 10px;}
.service ul li a{font-size: 18px;line-height: 20px;color: #ffffff;font-weight: 400;font-family: 'CircularStd-Book', sans-serif;}
footer{background: #2053cd;}
.footer-in{padding: 41px 0 24px 0px;text-align: center;}
.footer-main{}
.footer-main p{font-size: 14px;line-height: 18px;color: #ffffff;font-weight: 400;font-family: 'CircularStd-Book', sans-serif;letter-spacing: 0;padding: 0 0 0 0;margin: 0;padding: 0   5px 11px 11px;}
.footer-main ul{font-size: 0;padding: 8px 0 6px 0;margin: 0;}
.footer-main ul li{display: inline-block;padding: 0 14px;font-size: 19px;color: #ffffff;vertical-align: middle;}
.footer-main ul li a{padding: 0 0 0 0;color: #ffffff;font-size: 24px;}
.footer-main ul li:nth-child(2) a{padding: 0 0 0 12px;}
.footer-main ul li:nth-child(3) a{padding: 0 0 0 12px;}
.footer-main ul li:nth-child(4) a{padding: 0 0 0 12px;}
.footer-main ul li:nth-child(5){font-size: 24px;padding: 0 0 0 27px;}
.footer-main ul li:nth-child(5) a i{font-size: 28px;line-height: 33px;padding: 7px 0 0 0;}
.slick-dots li button:before {width: 12px;height: 12px;border-radius: 50px;background: #3f4af5;content: '';position: absolute;top: 0;left: 16px;right: 0;margin: 0 auto;}
.slick-dots li:last-child button:before {opacity: 0;}
.slick-dots li{margin: 0;}
.side_bar {display: none;}
.menu_icon {display: none;}
/*reposive starts */
@media only screen and (max-width:1500px){
    .banner-left{padding: 85px 0 0 53px;}
    .banner-main{padding: 0 15px;}
    .banner-main.row{margin: 0;}
    .content-right ul{margin: 0;}  
}
@media only screen and (max-width:1439px) {
    .row{margin: 0;}
    .container{padding: 0 15px;}
    .banner-main{padding: 0 15px;}
    .header-right nav ul li a{font-size: 16px;line-height: 22px;}
    .banner-left{padding: 40px 0;}
    .content{padding: 71px  0 0 0;}
    .alian-in ul li p.easy{font-size: 13px;line-height: 19px;padding: 0 0 0 42px;}
    .alian-in ul li h5.alian{padding: 0 0 9px 0;}
    .alian-in ul li a.star{padding: 0;}
    .alian-in ul li:nth-child(4) p:after{right: -36px;}
    .alian-in{padding: 31px 0 24px 0;}
    .alian-in ul li:nth-child(2) p:before{left: -20px;}
    .alian-in ul li:nth-child(2) p:after{right: -45px;}
    .alian-in ul li:nth-child(4) p:before{left: -10px;}
    .alian-in ul li p.easy{font-size: 12px;line-height: 19px;padding: 0 0 0 32px;}
    .alian-in ul li p{font-size: 12px;line-height: 19px;padding: 0 0 0 32px;}
 .service ul li{padding: 0 5px 10px;}
    .content-right ul li{padding: 0 5px;}
    .something-right p br{display: none;}
}
@media only screen and (max-width:1260px) {
    .banner-left ul li:nth-child(2) {position: absolute;right: 5%;}
    .something-right p {font-size: 24px;line-height: 32px;}
}
@media only screen and (max-width:1100px) {
    .header-right nav ul li a {font-size: 15px;line-height: 22px;}
.header-right nav ul li {padding: 0px 22px;}
    .banner-left {padding: 62px 0 0 0px;}
    .banner-left h1 {font-size: 38px;line-height: 46px;}
    .banner-left ul li:nth-child(2){right: 0;}
    .digi-main ul li .legal{top: 43%;}
    .something-right p {font-size: 22px;line-height: 25px;}
    .alian-in ul li h5,.alian-in ul li h5.alian{font-size: 12px;line-height: 18px;}
    .amazing:after{right: 0;}
    .alian-in ul li:nth-child(2) {width: 38%;    padding: 0 21px;}
    .alian-in ul li:nth-child(3) {width: 11%;}
    .alian-in ul li:nth-child(4){width: 40%;}
    .alian-in ul li p{padding: 0 10px;}
    .amazing:after {right: -18px;}
    .amazing:before{    left: -14px;}
    .content-right ul li {padding: 0px 4px;}
    .service ul li a {font-size: 16px;}
    .interface-in ul li a {font-size: 15px;line-height: 22px;}
    .interface-in ul li:nth-child(2) h3{min-height: 50px;}
    .interface-in ul li {padding: 0px 5px;}
}
@media only screen and (max-width:1024px) {
    .header-left{width: 30%;}
    .header-right{width: 70%;}
    .header-right nav ul li {padding: 0px 20px;}
   .banner-left ul li:nth-child(1){display: block;width: 100%;padding: 0 0 20px 0;}
   .banner-left ul li:nth-child(2){display: block;width: 100%;}
    .banner-left ul li:nth-child(2){position: static;}
    .banner-left ul li a{width: 100%;}
    .banner-left ul li input{width: 100%;}
    .interface-in ul li a{font-size: 13px;line-height: 22px;}
    .interface-in ul li p{font-size: 15px;line-height: 18px;}
    .interface-in ul li h3{font-size: 23px;line-height: 30px;}
    .interface-in ul li p {font-size: 12px;line-height: 18px;}
    .interface-in ul li .inter{padding: 17px 0;}
    .interface-in ul li:nth-child(2) .inter {padding: 18px 0 13px 0px;}
    .interface-in ul li h3 {font-size: 20px;line-height: 26px;}
    .interface-in ul li p{padding: 22px 0 0 0;}
    .interface-in ul li {padding: 0px 10px;}
    .interface-in ul li:nth-child(2) h3{font-size: 20px;line-height: 26px;}
    .digi-main ul li .legal p{font-size: 17px;line-height: 29px;}
    .digi-main ul li .legal h4{font-size: 22px;line-height: 30px;}
    .experience-in ul li .repeat p br{display: none;}
    .experience-in ul li .repeat a.expe{top: 28%;}
    .alian-in ul li{width: 50% !important;display: inline-block;text-align: center;padding:  0 0 20px !important;}
   .amazing {max-width: 100%;}
    .content-left{width: 21%;}
    .content-right{width: 75%;} 
@media(max-width:991px){
    .header-right nav{padding: 0;}
     .header-left{width: 26%;}
    .header-right{width: 74%;padding: 0 0 0 39px;}
    .header-right nav ul li {padding: 0px 10px;}
    .banner-left p br{display: none;}
    .banner-left p{font-size: 18px;line-height: 24px;text-align: center;}
     .header-right nav ul li a{font-size: 13px;line-height: 22px;}
    .interface-in ul li a{font-size: 12px;line-height: 22px;}
    .about-main ul li .about-in h6{font-size: 24px;line-height: 26px;}
    .about-main ul li {padding: 44px 0px 0 20px;}
    .something-right h3{font-size: 28px;line-height: 32px;}
    .something-right p {font-size: 16px;line-height: 22px;}
    .content-left{width: 25%;}
    .content-right{width: 75%;padding: 21px 0 68px 30px;}
    .content-right > ul > li{width: 33%;padding:  0 20px 10px;}
}
    @media only screen and (max-width:767px) {
        .content-right{padding:0 0 40px 10px;width: 65%;}
        .content-left{width: 35%;}
        .content-right > ul > li{width: 50%;    padding: 0 5px 10px;}
    /*--menu--*/
    .menu_icon {display: block;float: right;background: none;border: 0 none;cursor: pointer;outline: none !important;margin: 0px 0 0 0;position: absolute;top: 38px;right: 20px;z-index: 1;transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);}
	.menu_icon span {width: 35px; height: 3px; background: #000000; display: block; position: relative;}
	.menu_icon span + span {margin: 6px 0 0 0;} 
    .side_bar{position: fixed;top: 0;height: 100%;width: 250px;z-index: 99;transition: all 0.5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-ms-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;overflow: auto;background: #f5f5f5;right:  -250px;display: block;/*box-shadow: 12px 3px 10px 9px rgb(0 0 0 / 30%);*/}
	.open_menu .side_bar {right: 0; }
	.open_menu .menu_icon span:nth-child(1) {transform: rotate(45deg); top: 9px;}
	.open_menu .menu_icon span:nth-child(2) {opacity: 0;}
	.open_menu .menu_icon span:nth-child(3) {transform: rotate(-45deg); top: -9px;}
	.wrapper {position: relative;left: 0;width: 100%;transition: all 0.5s ease-in-out;-webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out;-ms-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;}
	.open_menu .wrapper {left: -250px;position: absolute;}
    .side_bar nav {display: block !important;padding: 120px 0 0 !important;}
    nav > ul > li{width: 100%;text-align: center;padding: 8px 0;}
    .header-right{display: none;}
    .log{margin: 15px auto;}
        .side_bar nav ul{margin: 0;}
        .header-main{padding:20px 0 0 0;}
          .banner-left ul li:nth-child(1){display: inline-block;width: 80%;padding: 0 0 0px 0;}
   .banner-left ul li:nth-child(2){display: inline-block;width: auto;}
    .banner-left ul li:nth-child(2){position: absolute;}
    .banner-left ul li a{width: 195px;}
    .banner-left ul li input{width: 100%;}
        .banner-left h1{text-align: center;}
        .banner-left > p span{text-align: center;}
        .interface-in ul li{padding: 0 0 20px 0;}
        .digi-main ul li{display: block;width: 100%;text-align: center;}
        .digi-main ul li .legal{top: 30%;left: 10%;right: 0;margin: 0 auto;}
        .experience-in ul li .repeat p{padding: 47px 0 47px 0; }
        .experience-in ul li .repeat a.expe {top: 34%;}
        .experience-in h2{padding: 0 0 30px 0;}
        .about-main ul li {padding: 15px 0px 0 20px;}
        .about-main h2 {font-size: 33px;line-height: 37px;}
        .something-left{display: block;width: 100%;float: none;text-align: center;}
        .something-right{display: block;width: 100%;float: none;text-align: center;padding: 23px 0 0px 8px;}
        .something-right p br{display: none;}
        .something-right h3 {font-size: 24px;line-height: 26px;}
        .something {padding: 51px 0 84px 0;}
        .alian-in ul li{width: 100% !important;display: inline-block;text-align: center;padding:  0 0 20px !important;}
        .digi-main ul li{padding: 0 0px 20px 0;}
    }
@media only screen and (max-width:576px) {
    .amazing:before {left: 0;}
    .amazing:after {right: 0px;}
    .alian-in ul li p{padding: 0 25px;}
     .header-left{width: 70%;}
    .banner-left ul li:nth-child(1){display: block;width: 100%;padding: 0 0 20px 0;}
   .banner-left ul li:nth-child(2){display: block;width: 100%;}
    .banner-left ul li:nth-child(2){position: static;}
    .banner-left ul li a{width: 100%;}
    .banner-left ul li input{width: 100%;}
    .experience-in h2 {font-size: 34px;line-height: 37px;}
    .alian-in ul li p.easy {font-size: 11px;line-height: 19px;padding: 0 0 0 16px;}
    .alian-in ul li:nth-child(4) p:after {right: -25px;}
    .alian-in ul li:nth-child(2) p:after {right: -40px;}
    .alian-in ul li p br{display: none;}
    .footer-main p {font-size: 12px;line-height: 18px;}
    .content-left{width: 100%;text-align: center;}
    .content-right{width: 100%;text-align: center;padding: 24px 0 0 0;}
    .content-right > ul > li{width: 100%;}
    }
    @media only screen and (max-width:479px) {
       .banner-left h1 {font-size: 34px;line-height: 42px;}
        .banner-left p {font-size: 13px;line-height: 24px;text-align: center;}
        .banner-left > p span {text-align: center;font-size: 19px;line-height: 24px;}
        .digi-main ul li .legal h4 {font-size: 19px;line-height: 24px;}
        .digi-main ul li .legal p {font-size: 13px;line-height: 21px;}
        .digi-main h2 {font-size: 34px;line-height: 36px;}
        .experience-in h2 {font-size: 24px;line-height: 26px;}
         .experience-in ul li .repeat a.expe {top: 30%;}
        .about-main h2 {font-size: 21px;line-height: 25px;}
        .something-right p{padding: 0;font-size: 14px;line-height:17px;}
        .something-right h3 {font-size: 17px;line-height: 19px;}
        .something-right a {font-size: 27px;line-height: 30px;}
        .footer-main p {font-size: 12px;line-height: 18px;
        }
    }