.our-clients h3 {
text-align: center;
}
.Testimo-textnewbgba {
background-color: #dfdfdf;
padding: 4%}
.nEw_tEstmoNal_MI {
display: none;
}
.Testimo-textnewbgba img {
display:  block;
margin-left:  auto;
margin-right:  auto;
padding: 4% 0;
}
.TeSt_backba {
background-color: #fff;
margin: 2%;
color: #000;
}
.TeSt_backbatXt {
padding: 6%;
color: #000;
font-family: roboto;
font-size: 18px;
font-weight: 400;
min-height: 300px;
}
.Talk-to-us, .Talk-to-us:active, .Talk-to-us:focus, .Talk-to-us:hover, .aboutus p, .blog p, .expertise h2, .expertise h3, .expertise p, .font h3, .font p, .ourusp h3, .text a {
font-family: Roboto, sans-serif;
}
.ourusp h3 b{font-weight: 700}
.TeSt_backbatXt span {
color: #000;
font-size: 50px;
font-weight: 700;
}
.fOoTeR-SnGLe {
margin-left: -17%}
.FoOtEr-nEw54 li {
margin: 2px 0;
}
.oUruSpBdR {
border: 2px solid #9c3;
padding: 3%;
box-shadow: 2px 2px 15px 3px #9c3;
background-color: #fff;
}
.FoOtEr-nEw54_bOx {
background-color: #001f2e;
margin: 4% 0 2%;
padding: 2% 0;
color: fff;
box-shadow: 2px 1px 10px 5px #055075;
}
.social_agileinfo li {
display: inline-block;
margin: 0 2px;
}
.social_agileinfo li a {
width: 50px;
height: 50px;
display: block;
border: 2px solid #ec2d26;
text-align: center;
color: #fff;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-o-border-radius: 50%;
-ms-border-radius: 50%;
border-radius: 50%}
.social_agileinfo span {
color: #fff;
font-weight: 500;
font-size: 18px;
margin: 3% 0 0 4%}
.SociL_Mar-Txt, .SociL_Mar-Txt1 {
color: #fff;
font-size: 18px !important;
font-weight: 500;
}
.SociL_Mar-Txt {
margin: 0 0 5% 14%}
.SociL_Mar-Txt1 {
margin: 0 0 3% 18%;
}
.nEwsOciAl-iMg {
margin: 15% 0 0;
}
.Soc_facebook:active, .Soc_facebook:focus, .Soc_facebook:hover {
background-color: #4b67a1;
border: 2px solid #4b67a1;
}
.Soc_twitter:active, .Soc_twitter:focus, .Soc_twitter:hover {
background-color: #8B3FAC;
border: 2px solid #8B3FAC;
}
.Soc_google:active, .Soc_google:focus, .Soc_google:hover {
background-color: #cd3b28;
border: 2px solid #cd3b28;
}
.Soc_in:active, .Soc_in:focus, .Soc_in:hover {
background-color: #0073b2;
border: 2px solid #0073b2;
}
.What-We-D0:active, .What-We-D0:focus, .What-We-D0:hover, .What-We-Did:active, .What-We-Did:focus, .What-We-Did:hover {
background-color: #ec2d26;
border: 2px solid #ec2d26;
}
.hidden-MD {
display: none!important;
}
.Explore-More {
color: #ec2d26;
padding: .5% 1%;
font-weight: 500;
}
.TECHNOLOGIES-Img {
margin-top: 2%}
.Akuna-Anm-bg {
background: url(../image/footer/Akuna-star.png) left top #001F2E;
box-shadow: 0 5px 7px -7px #1c1b32 inset;
-webkit-box-shadow: 0 5px 7px -7px #1c1b32 inset;
-moz-box-shadow: 0 5px 7px -7px #1c1b32 inset;
}
.Akuna-new-footer {
background-image: url(../image/footer/Akuna-Footer-bg.png);
background-repeat: no-repeat;
background-position: center bottom;
background-size: 100%;
padding-bottom: 13%}
.getstarted-gradient {
color: #fff!important;
cursor: pointer;
display: block;
font-weight: 500;
position: relative;
text-align: center;
border-radius: 6px;
background: linear-gradient(to left, #5d1473 0, #d90c13 100%);
transition: all .4s cubic-bezier(.42, 0, .58, 1) 0s;
width: 100%;
padding: 10px 16px;
}
.btn, .pop_button {
border: none;
color: #fff;
}
.getstarted-gradient:hover {
background: linear-gradient(to left, #d90c13 0, #5d1473 100%);
color: #fff;
}
.technology, .testimonial {
-webkit-background-size: cover;
}
.aboutus, .technology, .testimonial {
background-attachment: fixed;
}
.technology, .testimonial {
-moz-background-size: cover;
}
.NewBt-Ma {
margin: 2% 0;
}
.btn {
width: 200px;
margin-left: 10px;
}
.pop_button {
width: 100%!important;
background-color: #e52625;
margin-top: 2%;
height: 57px;
font-size: 20px;
margin-left: 0!important;
}
.pop_button:hover {
background-color: #9c3;
}
.pop_head_Clr {
color: #fff;
}
.pop_form_HHasO {
width: 54.5%;
height: 50px;
}
.Talk-to-us, .Talk-to-us:active, .Talk-to-us:focus, .Talk-to-us:hover {
display: inline-block;
padding: 10px 30px;
width: auto;
margin: 0;
line-height: 1.42;
font-size: 21px;
vertical-align: middle;
white-space: nowrap;
cursor: pointer;
-webkit-appearance: none;
-moz-appearance: none;
color: #000;
text-align: center;
font-weight: 400;
text-decoration: none;
}
.Talk-to-us {
border: 1px solid transparent;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
border-radius: 3px;
background-color: #fff;
}
.Talk-to-us:active, .Talk-to-us:focus, .Talk-to-us:hover {
border: 1px solid transparent;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
border-radius: 3px;
background-color: #9c3;
}
.service-text {
text-align: center;
margin-bottom: 0;
padding: 2%;
font-weight: 400;
color: #fff;
}
.Abt_wit_vw {
text-align: justify;
width: 70%}
.nbs-flexisel-inner {
overflow: hidden;
width: 90%;
margin: 0 auto;
}
.h1, h1 {
font-size: 25px;
}
b, strong {
font-weight: 500;
}
.center_text {
text-align: center;
}
.div-bottom-inside h3 {
font-size: 19px;
font-weight: 600;
}
.TECm5s {
font-size: 30px;
}
.startbutton {
border-radius: 0;
background-color: #ec4949;
border: none;
color: #fff;
padding: 10px 48px;
cursor: pointer;
margin-right: 70px;
font-weight: 500;
margin-top: 36px;
font-size: 16px;
}
.about-button, .blogbutton, .demobutton {
padding: 10px 38px;
font-size: 16px;
cursor: pointer;
}
.startbutton:active, .startbutton:hover, .startbutton:visited {
background-color: #e52625;
color: #000!important;
}
/*.logo {
width: 16%}
*/.about-button {
border-radius: 0;
background-color: #333;
border: none;
color: #fff;
font-weight: 500;
margin-bottom: 10px;
}
.blogbutton, .div-bottom {
margin-bottom: 20px;
}
.about-button:active, .about-button:hover, .about-button:visited {
background-color: #9c3;
color: #000!important;
}
.blogbutton {
border-radius: 0;
background-color: #e52625;
border: none;
color: #fff;
margin-right: 70px;
margin-top: 20px;
font-weight: 400;
}
.blogbutton:active, .blogbutton:hover, .blogbutton:visited {
background-color: #9c3;
color: #000!important;
}
.demobutton {
border-radius: 0;
background-color: #fff;
border: none;
color: #0e0e0e!important;
margin-right: 70px;
font-weight: 600;
}
.blog p, .expertise h2, .font h3 {
font-weight: 800;
}
.technology {
background-image: url(../image/Technologie-Bg.png);
background-size: cover;
height: 200px;
padding: 0;
}
.testimonial {
background-image: url(../image/Testimonialbg.png);
background-size: cover;
padding-bottom: 30px;
color: #fff;
height: 100%}
.blog p {
font-size: 18px;
}
.aboutus p, .font p {
font-size: 16px;
}
.blog {
height: 630px;
}
.how-sub-service, .post-service {
height: 300px;
box-shadow: 2px 3px 8px 3px rgba(0, 0, 0, .42);
}
.font p {
margin-top: 30px;
margin-bottom: 40px;
color: #000;
}
.aboutus p {
color: #fff;
text-align: justify;
}
.blog-service h2, .how-service, .how-sub-service, .how-sub-service p {
text-align: center;
}
.how-sub-service p {
text-align: center;
padding: 0% 2%;
}
.aboutus h1 {
color: #fff;
font-family: Roboto, sans-serif;
}
.aboutus {
background-image: url(../image/Aboutus-bg.png);
-webkit-background-size: cover;
-moz-background-size: cover;
background-size: cover;
width: 100%}
.ourusp h3 {
font-size: 20px;
text-align: center;
}
.ourusp img {
width: 70px;
}
.expertise h3 {
font-size: 24px;
}
.expertise h2 {
font-size: 30px;
}
.expertise p {
font-size: 16px;
}
.expertise {
margin-top: 30px;
background-color: #dfdfdf;
}
.blog-service {
background: #dbdbdb;
margin-bottom: 0;
}
.blog-service h2 {
margin-top: 3%}
.post-service {
background: #fff;
padding: 10px;
margin-bottom: 10px;
}
.post-service p {
font-weight: 600;
padding-top: 5%;
}
.request-service {
background: #ad2b2b;
padding-bottom: 20px;
}
.qu-image {
width: 30px;
margin: 10px;
}
.footer-menu a {
color: #fff;
margin: 15px;
}
.shopping-back {
background: #9c3;
padding-bottom: 35px;
}
.shopping-logo {
margin-top: 10px;
margin-bottom: -45px;
}
.shopping-logo h1 {
margin-top: 15px;
font-size: 15px;
}
.how-service {
margin-bottom: 1%;
margin-top: 1%}
.how-sub-service {
background: #fff;
/*padding: 0%;*/
margin-bottom: 14%;
min-height: 350px;
}
.how-sub-service h3 {
font-weight: 600;
text-align: center;
height: 30px;
padding: 0% 2%;
}
.service-expertise {
background: #454545;
}
@media screen and (min-width:1025px) {
.our-clients h3, .servicebox p {
font-family: Roboto, sans-serif;
}
.overlay, .text {
position: absolute;
overflow: hidden;
}
.header-button {
float: right;
margin: 2.5% -.5%}
.topbutton {
border-radius: 0;
background-color: #e52625;
border: none;
color: #fff;
padding: 10px 38px;
cursor: pointer;
margin-right: servicebox;
font-weight: 500;
margin-top: 5px;
font-size: 16px;
}
.logo-size img {
margin-left: 10%;
width: 220px;
margin-top: -3%}
.banner-top {
margin-top: 5%;
padding: 0;
}
.get-start {
text-align: right;
}
.use-setting {
text-align: center;
}
.service-text {
text-align: center;
margin-bottom: 25px;
font-weight: 400;
color: #fff;
}
.service-back {
background: #ccc;
}
.menubar {
margin-top: 15px;
margin-bottom: 15px;
}
.div-bottom-inside {
background-color: #fff;
height: 480px;
width: 100%;
padding: 20px;
}
.testm {
display: none;
}
li {
list-style-type: none;
}
.image {
display: block;
width: 100%;
height: auto;
}
.overlay {
bottom: 0;
left: -15px;
right: 0;
background-image: url(../image/banner.jpg);
background-repeat: no-repeat;
width: 100%;
height: 0;
transition: .5s ease;
margin: 0 0 0 15px;
}
.div-bottom:hover .E-Commerce-hover, .div-bottom:hover .Other-Service-Hover, .div-bottom:hover .Shopify-Hover, .div-bottom:hover .catalog-Hover, .div-bottom:hover .digital-Hover, .div-bottom:hover .new_2 {
height: 100%}
.text {
white-space: nowrap;
color: #fff;
font-size: 20px;
top: 50%;
left: 45%;
transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
}
.bannertitle h3, .bannertitle_sopyfi h3 {
color: #e52625;
font-weight: 500;
font-size: 25px;
font-family: Roboto, sans-serif;
}
.bannertitle {
margin-top: -5%;
left: 40%}
.bannertitle_sopyfi {
margin-top: -5%;
left: 50%}
.bannerbutton {
margin-top: 30%}
.bannerbutton button {
background: #000;
border: 2px solid #fff;
color: #fff;
padding-bottom: 5px;
padding-left: 10px;
padding-right: 10px;
font-size: 18px;
}
.bannerbutton button:hover {
background-color: #e52625;
border: 2px solid #e52625;
}
.servicebox p {
text-align: justify;
padding: 20% 35px 35px;
margin-bottom: 50px;
font-weight: initial;
}
.servicebox a {
color: #f55a5a;
font-weight: 700;
padding: 35px;
}
.carosel-text {
background: #fff;
color: #000;
padding: 37px;
margin-top: 20px;
text-align: left;
font-size: 16px;
margin-bottom: 20px;
}
.carousel-control.left, .carousel-control.right {
border: none;
background: 0 0;
}
.carouselsub {
background: #ccc;
padding: 20px;
text-align: center;
height: 485px;
}
.right-quote {
text-align: right;
}
.our-clients {
background-image: url(../image/Clients-bg.png);
-webkit-background-size: cover;
-moz-background-size: cover;
background-size: cover;
background-attachment: fixed;
color: #fff;
}
.our-clients h3 {
font-size: 28px;
}
}@media screen and (max-width:1024px) and (min-width:756px) {

.how-sub-service p {
text-align: center;
padding: 0%;
}
.bannertitle h3, .our-clients h3, .ourusp h3, .servicebox p {
font-family: Roboto, sans-serif;
}
.social_agileinfo li a {
width: 40px;
height: 40px;
display: block;
border: 2px solid #ec2d26;
text-align: center;
color: #fff;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-o-border-radius: 50%;
-ms-border-radius: 50%;
border-radius: 50%}
.nEwsOciAl-iMg {
margin: 8% 0 0;
}
a.animated-button.thar-three {
color: #fff;
cursor: pointer;
display: block;
font-weight: 400;
position: relative;
border-radius: 6px!important;
background-color: #2a273f;
transition: all .4s cubic-bezier(.42, 0, .58, 1) 0s;
width: 100%}
a.animated-button:link, a.animated-button:visited {
position: relative;
display: block;
margin: 0 auto;
padding: 10px 16px;
color: #fff;
font-size: 13px;
border-radius: 0;
font-weight: 400;
text-align: center;
text-decoration: none;
text-transform: uppercase;
overflow: hidden;
letter-spacing: .08em;
text-shadow: 0 0 1px rgba(0, 0, 0, .2), 0 1px 0 rgba(0, 0, 0, .2);
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease;
}
.overlay, .text {
position: absolute;
overflow: hidden;
}
.ourusp h3 {
font-size: 16px;
text-align: center;
}
.btn {
width: 140px;
color: #fff;
border: none;
margin-left: 10px;
}
.header-button {
float: right;
}
.post-service {
height: 255px;
}
.topbutton {
border-radius: 0;
background-color: #e52625;
border: none;
color: #fff;
padding: 5px 25px;
cursor: pointer;
margin-right: servicebox;
font-weight: 500;
margin-top: 9px;
}
.logo-size img {
margin-left: 10%;
width: 150px;
margin-top: 0;
}
.banner-top {
margin-top: 5%;
padding: 0;
}
.get-start {
text-align: right;
margin-bottom: 25px;
}
.use-setting {
text-align: center;
}
.service-text {
text-align: center;
margin-bottom: 25px;
color: #fff;
}
.service-back {
background: #ccc;
}
.menubar {
margin-top: 15px;
margin-bottom: 15px;
}
.div-bottom-inside {
background-color: #fff;
height: 600px;
width: 100%;
padding: 55px;
}
li {
list-style-type: none;
}
.image {
display: block;
width: 100%;
height: auto;
}
.overlay {
bottom: 0;
left: 0;
right: 0;
background-image: url(../image/banner.jpg);
background-repeat: no-repeat;
width: 100%;
height: 0;
transition: .5s ease;
margin: 0 0 0 15px;
}
.div-bottom:hover .E-Commerce-hover, .div-bottom:hover .Other-Service-Hover, .div-bottom:hover .Shopify-Hover, .div-bottom:hover .catalog-Hover, .div-bottom:hover .digital-Hover, .div-bottom:hover .new_2 {
height: 100%}
.text {
white-space: nowrap;
color: #fff;
font-size: 20px;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
}
.bannertitle h3 {
color: red;
}
.bannertitle {
margin-top: -5%;
left: 56%}
.bannerbutton {
margin-top: 30%}
.bannerbutton button {
background: #f55a5a;
border: 0;
color: #fff;
padding-bottom: 5px;
padding-left: 10px;
padding-right: 10px;
font-size: 21px;
}
.servicebox p {
text-align: justify;
padding: 20% 0 0;
margin-bottom: 50px;
}
.servicebox a {
color: #f55a5a;
font-weight: 700;
padding: 35px;
}
.carosel-text {
background: #fff;
color: #000;
padding: 37px;
margin-top: 20px;
text-align: left;
font-size: 11px;
margin-bottom: 20px;
}
.carousel-control.left, .carousel-control.right {
border: none;
background: 0 0;
}
.carouselsub {
background: #ccc;
padding: 20px;
text-align: center;
min-height: 535px;
}
.right-quote {
text-align: right;
}
.our-clients {
background-image: url(../image/Clients-bg.png);
-webkit-background-size: cover;
-moz-background-size: cover;
background-size: cover;
background-attachment: fixed;
color: #fff;
}
.our-clients h3 {
font-size: 28px;
}
.testm {
display: none;
}
.request-service h2 {
font-size: 25px;
}
.post-service {
background: #fff;
padding: 10px;
margin-bottom: 10px;
}
.TeSt_backbatXt {
padding: 6%;
color: #000;
font-family: roboto;
font-size: 18px;
font-weight: 400;
min-height: 510px;
}
.testimonial {
height: 775px;
}
.pad-para {
padding-bottom: 68px;
}
}@media only screen and (min-device-width :375px) and (max-device-width :667px) {
.shopify-index-section .heading h4 {
font-size: 22px !important;
text-align: center;
padding: 5% 0% 0% 0% !important;
color: #3e3e3e;
font-weight: 600;
margin: 0px;
}
.index-experts-section-border {
border-right: none !important;
padding-top: 0% !important;
margin-top: 0% !important;
min-height: 0px !important;
}
.index-experts-section-text p {
font-size: 18px !important;
color: #3e3e3e;
letter-spacing: 0;
font-weight: 600;
text-align: justify;
}
.index-experts-section-text h3 {
font-size: 20px !important;
line-height: 30px;
color: #5f8e3e;
font-weight: 600;
letter-spacing: 2px;
padding: 0px !important;
margin-top: 0px !important;
}
.shopify-section-new .experts {
margin: 5% 0% !important;
float: left;
}
.shopify-section-new .trail {
margin: 5% 0% !important;
float: right;
}
.arrow-expert {
width: 0;
top: 45%;
right: 0%;
position: absolute;
height: 0;
border-top: 15px solid transparent;
border-left: 15px solid transparent !important;
border-bottom: 15px solid transparent;
}
.New-fOOtEr-rEsmA {
margin-left: -3%!important;
}
.New-fOOtEr-rEsmA_1 {
margin-left: 1%!important;
}
.SociL_Mar-Txt1 {
color: #fff;
font-weight: 700;
margin: 0 0 3% 11%;
font-size: 22px;
}
}@media only screen and (min-device-width :360px) and (max-device-width :640px) {
.New-fOOtEr-rEsmA {
margin-left: -5%!important;
}
.New-fOOtEr-rEsmA_1 {
margin-left: 0!important;
}
}@media only screen and (min-device-width :412px) and (max-device-width :732px) {
.New-fOOtEr-rEsmA {
margin-left: -2%!important;
}
.New-fOOtEr-rEsmA_1 {
margin-left: 2%!important;
}
}@media screen and (min-width:768px) and (max-width:1023px) {
.how-sub-service h3 {
font-weight: 600;
text-align: center;
}
.h_banner {
margin-top: 0!important;
background-repeat: no-repeat;
background-position: center center;
background-size: 100% auto;
position: relative;
}
.mobile-view {
display: block!important;
}
.New-fOOtEr-rEsmA {
margin-left: -33%!important;
}
.New-fOOtEr-rEsmA_1 {
margin-left: -9%}
.SociL_Mar-Txt {
color: #fff;
font-weight: 500;
margin: 0 0 5% 10%;
font-size: 18px;
}
}@media screen and (max-width:990px) and (min-width:781px) {
.container {
width: 790px;
}
}@media screen and (min-width:1024px) and (max-width:2240px) {
.carosel-text {
background: #fff;
color: #000;
padding: 37px;
margin-top: 20px;
text-align: left;
font-size: 16px;
margin-bottom: 28px;
}
}@media screen and (max-width:755px) and (min-width:640px) {
.overlay, .text {
position: absolute;
overflow: hidden;
}
.bannertitle h3, .our-clients h3, .servicebox p {
font-family: Roboto, sans-serif;
}
.header-button {
float: right;
}
.topbutton {
border-radius: 0;
background-color: #e52625;
border: none;
color: #fff;
padding: 10px 38px;
cursor: pointer;
margin-right: servicebox;
font-weight: 500;
margin-top: 5px;
}
.logo-size img {
margin-left: 10%;
width: 150px;
margin-top: -10px;
}
.banner-top {
margin-top: 5%;
padding: 0;
}
.get-start {
text-align: right;
margin-bottom: 15px;
}
.use-setting {
text-align: center;
}
.service-text {
text-align: center;
margin-bottom: 25px;
}
.service-back {
background: #ccc;
}
.menubar {
margin-top: 15px;
margin-bottom: 15px;
}
.div-bottom-inside {
background-color: #fff;
height: 600px;
width: 100%;
padding: 25px;
}
.testm {
display: none;
}
li {
list-style-type: none;
}
.image {
display: block;
width: 100%;
height: auto;
}
.overlay {
bottom: 0;
left: 0;
right: 0;
background-image: url(../image/banner.jpg);
background-repeat: no-repeat;
width: 100%;
height: 0;
transition: .5s ease;
margin: 0 0 0 15px;
}
.div-bottom:hover .E-Commerce-hover, .div-bottom:hover .Other-Service-Hover, .div-bottom:hover .Shopify-Hover, .div-bottom:hover .catalog-Hover, .div-bottom:hover .digital-Hover, .div-bottom:hover .new_2 {
height: 100%}
.text {
white-space: nowrap;
color: #fff;
font-size: 20px;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
}
.bannertitle h3 {
color: red;
}
.bannertitle {
margin-top: -5%;
left: 40%}
.bannerbutton {
margin-top: 30%}
.bannerbutton button {
background: #f55a5a;
border: 0;
color: #fff;
padding-bottom: 5px;
padding-left: 10px;
padding-right: 10px;
font-size: 21px;
}
.servicebox p {
text-align: justify;
padding: 20% 35px 35px;
margin-bottom: 50px;
}
.servicebox a {
color: #f55a5a;
font-weight: 700;
padding: 35px;
}
.carosel-text {
background: #fff;
color: #000;
padding: 37px;
margin-top: 20px;
text-align: left;
font-size: 16px;
margin-bottom: 20px;
}
.carousel-control.left, .carousel-control.right {
border: none;
background: 0 0;
}
.carouselsub {
background: #ccc;
padding: 20px;
text-align: center;
}
.right-quote {
text-align: right;
}
.our-clients {
background-image: url(../image/Clients-bg.png);
-webkit-background-size: cover;
-moz-background-size: cover;
background-size: cover;
background-attachment: fixed;
color: #fff;
}
.our-clients h3 {
font-size: 28px;
}
.request-service h2 {
font-size: 16px;
}
}@media screen and (max-width:639px) and (min-width:479px) {
.overlay, .text {
position: absolute;
overflow: hidden;
}
.bannertitle h3, .servicebox p {
font-family: Roboto, sans-serif;
}
.topbutton {
border-radius: 0;
background-color: #e52625;
border: none;
color: #fff;
padding: 10px 38px;
cursor: pointer;
margin-right: servicebox;
font-weight: 500;
margin-top: 5px;
}
.logo-size img {
margin-left: 10%;
width: 150px;
margin-top: -10px;
}
.banner-top {
margin-top: 5%;
padding: 0;
}
.get-start {
text-align: right;
margin-bottom: 15px;
}
.use-setting {
text-align: center;
}
.service-text {
text-align: center;
margin-bottom: 25px;
}
.service-back {
background: #ccc;
}
.menubar {
margin-top: 15px;
margin-bottom: 15px;
}
.div-bottom-inside {
background-color: #fff;
height: 600px;
width: 100%;
padding: 25px;
}
.testm-view {
display: none;
}
li {
list-style-type: none;
}
.image {
display: block;
width: 100%;
height: auto;
}
.overlay {
bottom: 0;
left: 0;
right: 0;
background-image: url(../image/banner.jpg);
background-repeat: no-repeat;
width: 100%;
height: 0;
transition: .5s ease;
margin: 0 0 0 15px;
}
.div-bottom:hover .E-Commerce-hover, .div-bottom:hover .Other-Service-Hover, .div-bottom:hover .Shopify-Hover, .div-bottom:hover .catalog-Hover, .div-bottom:hover .digital-Hover, .div-bottom:hover .new_2 {
height: 100%}
.text {
white-space: nowrap;
color: #fff;
font-size: 20px;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
}
.bannertitle h3 {
color: red;
}
.bannertitle {
margin-top: -5%;
left: 40%}
.bannerbutton {
margin-top: 30%}
.bannerbutton button {
background: #f55a5a;
border: 0;
color: #fff;
padding-bottom: 5px;
padding-left: 10px;
padding-right: 10px;
font-size: 21px;
}
.carosel-text, .request-service h2 {
font-size: 16px;
}
.servicebox p {
text-align: justify;
padding: 20% 35px 35px;
margin-bottom: 50px;
}
.servicebox a {
color: #f55a5a;
font-weight: 700;
padding: 35px;
}
.carosel-text {
background: #fff;
color: #000;
padding: 37px;
margin-top: 20px;
text-align: left;
margin-bottom: 20px;
}
.carousel-control.left, .carousel-control.right {
border: none;
background: 0 0;
}
.carouselsub {
background: #ccc;
padding: 20px;
text-align: center;
}
.right-quote {
text-align: right;
}
}@media screen and (max-width:480px) and (min-width:319px) {
.blogbutton, .topbutton {
border-radius: 0;
background-color: #e52625;
color: #fff;
cursor: pointer;
}
.overlay, .text {
position: absolute;
overflow: hidden;
}
.bannertitle h3, .our-clients h3, .servicebox p {
font-family: Roboto, sans-serif;
}
.topbutton {
border: none;
padding: 10px 38px;
margin-right: servicebox;
font-weight: 500;
margin-top: 5px;
}
.blogbutton {
border: none;
padding: 8px 30px;
margin-right: 0;
margin-bottom: 20px;
margin-top: -2%;
font-weight: 200;
font-size: 16px;
}
.about-button, .demobutton, .startbutton {
cursor: pointer;
font-weight: 500;
font-size: 15px;
}
.demobutton {
border-radius: 0;
background-color: #FFF;
border: none;
color: red;
padding: 7px 32px;
margin-right: 0;
}
.startbutton {
border-radius: 0;
background-color: #e52625;
border: none;
color: #fff;
padding: 8px 16px;
}
.about-button {
border-radius: 0;
background-color: #333;
border: none;
color: #fff;
padding: 8px 30px;
margin-bottom: 10px;
}
.aboutus p {
color: #fff;
font-size: 14px;
}
.logo-size img {
margin-left: 10%;
width: 150px;
margin-top: -10px;
}
.banner-top {
margin-top: 5%;
padding: 0;
}
.get-start {
text-align: right;
margin-bottom: 15px;
}
.use-setting {
text-align: center;
}
.service-text {
text-align: center;
margin-bottom: 25px;
}
.service-back {
background: #ccc;
}
.menubar {
margin-top: 15px;
margin-bottom: 15px;
}
.div-bottom-inside {
background-color: #fff;
height: 440px;
width: 100%;
padding: 25px;
}
.testm-view {
display: none;
}
li {
list-style-type: none;
}
.image {
display: block;
width: 100%;
height: auto;
}
.overlay {
bottom: 0;
left: 0;
right: 0;
background-image: url(../image/banner.jpg);
background-repeat: no-repeat;
width: 100%;
height: 0;
transition: .5s ease;
margin: 0 0 0 15px;
}
.div-bottom:hover .E-Commerce-hover, .div-bottom:hover .Other-Service-Hover, .div-bottom:hover .Shopify-Hover, .div-bottom:hover .catalog-Hover, .div-bottom:hover .digital-Hover, .div-bottom:hover .new_2 {
height: 100%}
.text {
white-space: nowrap;
color: #fff;
font-size: 20px;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
}
.bannertitle h3 {
color: red;
}
.bannertitle {
margin-top: -5%;
left: 54%}
.bannerbutton {
margin-top: 30%}
.bannerbutton button {
background: #f55a5a;
border: 0;
color: #fff;
padding-bottom: 5px;
padding-left: 10px;
padding-right: 10px;
font-size: 21px;
}
.servicebox p {
text-align: justify;
padding: 20% 0 0;
margin-bottom: 50px;
}
.servicebox a {
color: #f55a5a;
font-weight: 700;
padding: 35px;
}
.carosel-text {
background: #fff;
color: #000;
padding: 37px;
margin-top: 20px;
text-align: left;
font-size: 16px;
margin-bottom: 20px;
}
.carousel-control.left, .carousel-control.right {
border: none;
background: 0 0;
}
.carouselsub {
background: #ccc;
padding: 20px;
text-align: center;
}
.right-quote {
text-align: right;
}
.our-clients {
background-image: url(../image/Clients-bg.png);
-webkit-background-size: cover;
-moz-background-size: cover;
background-size: cover;
background-attachment: fixed;
color: #fff;
}
.our-clients h3 {
font-size: 28px;
}
.request-service h2 {
font-size: 20px;
}
}@media only screen and (min-device-width :320px) and (max-device-width :480px) {
.TeSt_backbatXt {
padding: 6%;
color: #000;
font-family: roboto;
font-size: 16px;
font-weight: 400;
min-height: 350px;
}
.nEw_tEstmoNal_DI {
display: none;
}
.nEw_tEstmoNal_MI {
display: block;
}
.SociL_Mar-Txt1 {
color: #fff;
font-weight: 500;
margin: 0 0 3% 13%;
font-size: 22px;
}
.TECHNOLOGIES-Img {
margin: 2% 5%}
.New-fOOtEr-rEsmA {
margin-left: -10%}
.New-fOOtEr-rEsmA_1 {
margin-left: -3%}
.pop_form_HHasO {
width: 100%;
height: 35px;
}
.oUruSpL {
display: none;
margin-left: none;
}
.oUruSpR {
display: none;
margin-right: none;
}
.navbar-inverse .navbar-nav>li>a:active, .navbar-inverse .navbar-nav>li>a:focus, .navbar-inverse .navbar-nav>li>a:hover {
color: #000!important;
}
.navbar-inverse .navbar-nav>li>a {
color: #241c17;
font-family: Roboto, sans-serif;
line-height: 1;
font-weight: 500;
font-size: 15px;
}
.social_agileinfo li a {
width: 37px;
height: 37px;
display: block;
border: 2px solid #ec2d26;
text-align: center;
color: #fff;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-o-border-radius: 50%;
-ms-border-radius: 50%;
border-radius: 50%}
.nEwsOciAl-iMg {
margin: 5% 0 0;
}
.SociL_Mar-Txt {
color: #fff;
font-weight: 500;
margin: 0 0 5% 13%;
font-size: 22px;
}
.social_agileinfo span {
color: #fff;
font-weight: 500;
font-size: 15px;
margin: 3% 0 0 4%}
.fOoTeR-SnGLe {
margin-left: 0;
}
.pop_text {
font-weight: 300;
font-size: 22px!important;
color: #fff;
line-height: 30px;
text-align: center;
position: relative;
margin-bottom: 10px;
}
.pop_button {
width: 100%!important;
background-color: #e52625;
border: none;
height: 40px;
font-size: 16px;
color: #fff;
margin-left: 0!important;
}
}@media screen and (max-width:320px) and (min-width:239px) {
.overlay, .text {
overflow: hidden;
}
.bannertitle h3, .our-clients h3, .servicebox p {
font-family: Roboto, sans-serif;
}
.pop_form_HHasO {
width: 100%;
height: 35px;
}
.nEw_social_agileinfo {
margin-left: 1%}
.close {
color: #fff!important;
opacity: 1;
font-size: 34px;
}
.navbar-inverse {
background-color: #fff;
border-radius: 0;
height: 60px!important;
width: 100%;
position: fixed;
z-index: 999;
border-bottom: 4px solid #ec2d26;
border-bottom-color: #ec2d26;
-webkit-box-shadow: 0 2px 7px 0 rgba(0, 0, 0, .75);
transition: all ease .8s;
-moz-box-shadow: 0 2px 7px 0 rgba(0, 0, 0, .75);
box-shadow: 0 2px 7px 0 rgba(0, 0, 0, .75);
}
.navbar-brand img {
height: auto;
margin-left: 20px;
margin-top: 0;
width: 150px!important;
transition: all ease .8s;
}
a.menu {
display: block!important;
margin: 4px 2px!important;
float: right;
color: rgba(255, 46, 56);
border: 0 solid;
background: 0 0;
font-size: 30px;
position: relative;
cursor: pointer;
}
.overlay, .text {
position: absolute;
}
.pop_button {
width: 100%!important;
background-color: #e52625;
border: none;
height: 40px;
font-size: 16px;
color: #fff;
margin-left: 0!important;
}
.Talk-to-us, .Talk-to-us:active, .Talk-to-us:focus, .Talk-to-us:hover {
display: inline-block;
padding: 7px 15px;
width: auto;
margin: 0;
line-height: 1.42;
font-weight: 400;
font-size: 15px;
text-decoration: none;
text-align: center;
vertical-align: middle;
-webkit-appearance: none;
-moz-appearance: none;
color: #000;
cursor: pointer;
white-space: nowrap;
font-family: Roboto, sans-serif;
}
.Talk-to-us:active, .Talk-to-us:focus, .Talk-to-us:hover {
border: 1px solid transparent;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
border-radius: 3px;
background-color: #9c3;
}
.Talk-to-us {
border: 1px solid transparent;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
border-radius: 3px;
background-color: #fff;
}
.topbutton {
border-radius: 0;
background-color: #e52625;
border: none;
color: #fff;
padding: 10px 38px;
cursor: pointer;
margin-right: servicebox;
font-weight: 500;
margin-top: 5px;
}
.logo-size img {
margin-left: 10%;
width: 150px;
margin-top: -8%}
.banner-top {
margin-top: 5%;
padding: 0;
}
.get-start {
text-align: right;
margin-bottom: 15px;
}
.use-setting {
text-align: center;
}
.service-text {
text-align: center;
margin-bottom: 25px;
color: #fff;
}
.div-bottom, .menubar {
margin-bottom: 15px;
}
.service-back {
background: #ccc;
}
.menubar {
margin-top: 15px;
}
.div-bottom-inside {
background-color: #fff;
height: 470px;
width: 100%;
padding: 20px;
}
.testm-view {
display: none;
}
li {
list-style-type: none;
}
.image {
display: block;
width: 100%;
height: auto;
}
.overlay {
bottom: 0;
left: 0;
right: 0;
background-image: url(../image/banner.jpg);
background-repeat: no-repeat;
width: 100%;
height: 0;
transition: .5s ease;
margin: 0 0 0 15px;
}
.div-bottom:hover .E-Commerce-hover, .div-bottom:hover .Other-Service-Hover, .div-bottom:hover .Shopify-Hover, .div-bottom:hover .catalog-Hover, .div-bottom:hover .digital-Hover, .div-bottom:hover .new_2 {
height: 100%}
.text {
white-space: nowrap;
color: #fff;
font-size: 20px;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
}
.bannertitle h3 {
color: red;
}
.bannertitle {
margin-top: -5%;
left: 40%}
.bannerbutton {
margin-top: 30%}
.bannerbutton button {
background: #f55a5a;
border: 0;
color: #fff;
padding-bottom: 5px;
padding-left: 10px;
padding-right: 10px;
font-size: 21px;
}
.servicebox p {
text-align: justify;
padding: 20% 0 0;
margin-bottom: 50px;
}
.servicebox a {
color: #f55a5a;
font-weight: 700;
padding: 35px;
}
.carosel-text {
background: #fff;
color: #000;
padding: 37px;
margin-top: 20px;
text-align: left;
font-size: 16px;
margin-bottom: 20px;
}
.carousel-control.left, .carousel-control.right {
border: none;
background: 0 0;
}
.carouselsub {
background: #ccc;
padding: 20px;
text-align: center;
}
.right-quote {
text-align: right;
}
.our-clients {
background-image: url(../image/Clients-bg.png);
-webkit-background-size: cover;
-moz-background-size: cover;
background-size: cover;
background-attachment: fixed;
color: #fff;
}
.our-clients h3, .request-service h2 {
font-size: 20px;
}
}@media screen and (max-width:240px) and (min-width:200px) {
.overlay, .text {
position: absolute;
overflow: hidden;
}
.bannertitle h3, .our-clients h3, .servicebox p {
font-family: Roboto, sans-serif;
}
.topbutton {
border-radius: 0;
background-color: #e52625;
border: none;
color: #fff;
padding: 10px 38px;
cursor: pointer;
margin-right: servicebox;
font-weight: 500;
margin-top: 5px;
}
.logo-size img {
margin-left: 10%;
width: 150px;
margin-top: -10px;
}
.banner-top {
margin-top: 5%;
padding: 0;
}
.get-start {
text-align: right;
margin-bottom: 15px;
}
.use-setting {
text-align: center;
}
.service-text {
text-align: center;
margin-bottom: 25px;
}
.service-back {
background: #ccc;
}
.menubar {
margin-top: 15px;
margin-bottom: 15px;
}
.div-bottom-inside {
background-color: #fff;
height: 600px;
width: 100%;
padding: 25px;
}
.testm-view {
display: none;
}
li {
list-style-type: none;
}
.image {
display: block;
width: 100%;
height: auto;
}
.overlay {
bottom: 0;
left: 0;
right: 0;
background-image: url(../image/banner.jpg);
background-repeat: no-repeat;
width: 100%;
height: 0;
transition: .5s ease;
margin: 0 0 0 15px;
}
.div-bottom:hover .E-Commerce-hover, .div-bottom:hover .Other-Service-Hover, .div-bottom:hover .Shopify-Hover, .div-bottom:hover .catalog-Hover, .div-bottom:hover .digital-Hover, .div-bottom:hover .new_2 {
height: 100%}
.text {
white-space: nowrap;
color: #fff;
font-size: 20px;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
}
.bannertitle h3 {
color: red;
}
.bannertitle {
margin-top: -5%;
left: 40%}
.bannerbutton {
margin-top: 30%}
.bannerbutton button {
background: #f55a5a;
border: 0;
color: #fff;
padding-bottom: 5px;
padding-left: 10px;
padding-right: 10px;
font-size: 21px;
}
.servicebox p {
text-align: justify;
padding: 20% 35px 35px;
margin-bottom: 50px;
}
.servicebox a {
color: #f55a5a;
font-weight: 700;
padding: 35px;
}
.carosel-text {
background: #fff;
color: #000;
padding: 37px;
margin-top: 20px;
text-align: left;
font-size: 16px;
margin-bottom: 20px;
}
.carousel-control.left, .carousel-control.right {
border: none;
background: 0 0;
}
.carouselsub {
background: #ccc;
padding: 20px;
text-align: center;
}
.right-quote {
text-align: right;
}
.quat {
height: 25px!important;
}
.our-clients {
background-image: url(../image/Clients-bg.png);
-webkit-background-size: cover;
-moz-background-size: cover;
background-size: cover;
background-attachment: fixed;
color: #fff;
}
.our-clients h3 {
font-size: 28px;
text-align: center;
}
.request-service h2 {
font-size: 16px;
}
}.techbg {
background-image: url(../image/Technologie-Bg.png);
}
.text a {
color: #fff;
font-size: 16px;
text-decoration: none;
}
.text a:hover {
color: red;
}
.carousel-control.left {
border: none;
background: #761718;
}
.carousel-control.right {
border: none;
background-color: #761718;
}
.carousel-control {
position: absolute;
top: 45%;
bottom: 45%;
left: 2%;
width: 3.5%;
font-size: 20px;
color: #fff;
border-radius: 20%;
text-align: center;
text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
background-color: rgba(0, 0, 0, 0);
filter: alpha(opacity=50);
opacity: 2.5;
}
.carousel-control .glyphicon-chevron-left, .carousel-control .icon-next, .carousel-control .icon-prev {
width: 30px;
height: 30px;
margin-top: -10px;
margin-left: -15px;
font-size: 20px;
}
.carousel-control .glyphicon-chevron-right, .carousel-control .icon-next, .carousel-control .icon-prev {
width: 30px;
height: 30px;
margin-top: -10px;
margin-right: -15px;
font-size: 20px;
}
.right_carousel45Rm {
margin-right: 2%}
.STORE_TODAY {
padding: .5%}
.tech_bac_IImg {
background-image: url(../image/techimg.png);
-webkit-background-size: cover;
-moz-background-size: cover;
background-size: cover;
background-attachment: fixed;
color: #000;
height: 100%;
padding: 1% 0 5%}
.Pst_55 a {
color: #666;
}
.Pst_55 a:hover {
color: #c33;
text-decoration: none;
}
.Client_pdE {
padding: 0 3%}
.arrow a, .arrow a:hover {
color: #fff;
}
@media screen and (max-width:1000px) and (min-width:758px) {
.oUruSpBdR2 {
border: 4px solid #0f82fc;
padding: 12% 3%;
/* box-shadow: 2px 2px 15px 3px #9c3; */
background-color: #fff;
min-height: 193px;
}
.oUruSpBdR1 {
border: 4px solid #a6d845;
padding: 12% 3%;
/* box-shadow: 2px 2px 15px 3px #9c3; */
background-color: #fff;
min-height: 193px;
}
.oUruSpBdR6 {
border: 4px solid #0f82fc;
padding: 12% 3%;
/* box-shadow: 2px 2px 15px 3px #9c3; */
background-color: #fff;
min-height: 193px;
}
.shopify-section-new .trail a {
background-color: #e52625;
color: #ffffff;
padding: 10px 10px;
/*font-weight: 700;*/
letter-spacing: 0px !important;
}
.div-bottom-inside {
background-color: #fff;
height: 600px;
width: 100%;
padding: 22px;
}
}.close {
color: #fff!important;
opacity: 1;
font-size: 40px;
}
#first-child {
top: 0;
left: 0;
background-color: #9acd32;
}
#second-child {
top: 0;
left: 50%;
background-color: #E6537D;
color: #000;
}
#third-child {
top: 50%;
left: 0;
background-color: #dc143c;
}
#fourth-child {
top: 50%;
left: 50%;
background-color: #20b2aa;
color: #000;
}
.big-box {
position: absolute;
width: 50%;
height: 50%;
color: #fff;
}
.big-box h2 {
text-align: center;
margin-top: 20%;
padding: 20px;
width: 100%;
font-size: 1.8em;
letter-spacing: 2px;
font-weight: 700;
text-transform: uppercase;
cursor: pointer;
}
@media screen and (max-width:46.5em) {
.big-box h2 {
font-size: 16px;
padding-left: 0;
}
}@media screen and (max-width:20.5em) {
.big-box h2 {
font-size: 12px;
padding-left: 0;
margin-top: 30%}
}.modal-dialog {
width: 102%;
height: 100%;
padding: 0;
margin: 0;
}
.modal-content {
height: 100%;
border-radius: 0;
color: #fff;
overflow: auto;
}
.modal-title {
font-size: 3em;
font-weight: 300;
margin: 0 0 20px;
}
.pop_subtitle, .pop_text {
color: #fff;
font-weight: 300;
text-align: center;
margin-bottom: 10px;
}
.modal-content-one {
background-color: #1c1e2a;
border-top: 6px solid #e4287c;
}
.modal-header {
padding: 15px;
border-bottom: none;
}
.pop_text {
font-size: 28px;
line-height: 30px;
position: relative;
}
.pop_subtitle {
font-size: 18px;
line-height: 26px;
}
.footer a:hover {
color: #fff!important;
}
@media screen and (max-width:960px) and (min-width:600px) {
.navbar-inverse {
background-color: #fff;
border-radius: 0;
height: 80px;
width: 100%!important;
position: fixed;
z-index: 999;
border-bottom: 4px solid #ec2d26;
border-bottom-color: #ec2d26;
-webkit-box-shadow: 0 2px 7px 0 rgba(0, 0, 0, .75);
transition: all ease .8s;
-moz-box-shadow: 0 2px 7px 0 rgba(0, 0, 0, .75);
box-shadow: 0 2px 7px 0 rgba(0, 0, 0, .75);
}
.nav>li>a {
position: relative;
display: block;
padding: 10px 7px!important;
font-size: 14px;
}
.navbar-brand img {
height: auto;
margin-left: -40px!important;
margin-top: 9%!important;
width: 150px!important;
transition: all ease .8s;
}
}.fOotEr-wArning {
padding: 1% 4% 0;
}
.fOotEr-wArning p {
font-size: 14px;
color: #fff;
text-align: center;
}
.modal-header .close  {
margin-top:  -18px;
}

.ppe ul {
margin:  0px;
padding-left:  0px;
}

.nEwaBout {
font-size: 25px;
}

.fooTer_pAtneR {

background-color:  #001f2e;

margin: 2% 0%;

padding:  2% 0;

color:  fff;

box-shadow:  2px 1px 10px 5px #055075;

}
.imaGe-cEnteR img {

display:  block;

margin-left:  auto;

margin-right:  auto;

}
.oUruSpBdR img {

display:  block;

margin-left:  auto;

margin-right:  auto;

}
.shopify_badge_img img {

display:  block;

margin-left:  auto;

margin-right:  auto;

padding:  1% 0%;

}
.footer_new_img img {

display:  block;

margin-left:  auto;

margin-right:  auto;

}
.img_new_center img {

display:  block;

margin-left:  auto;

margin-right:  auto;

}
.know-more {

display:  block;

margin-left:  auto;

margin-right:  auto;

width: 175px;

}
.shopify-index-section {
background:  #f9fbf1;
padding-bottom:  35px;
}

.shopify-index-section .heading h4 {
font-size:  30px;
text-align: center;
padding:  2% 0%;
color: #3e3e3e;
font-weight: 600;
margin:  0px;
}

.index-experts-section-border {

border-right:  2px solid #707070;

padding-top:  15%;

margin-top:  4%;

min-height:  300px;
}

.index-experts-section-image img {
display:  block;
margin-left:  auto;
margin-right:  auto;
}

.index-experts-section-text h3 {
font-size:  25px;
line-height:  30px;
color:  #5f8e3e;
font-weight:  600;
letter-spacing:  2px;

padding:  3% 0%;
}

.index-experts-section-text p {
font-size:  20px;
color:  #3e3e3e;
letter-spacing:  1.5px;
font-weight: 600;
}

.shopify-section-new .experts {
margin:  10% 0%}
.shopify-section-new .trail {
margin:  10% 0%}
.shopify-section-new .experts a {
background-color:  #e52625;
color:  #ffffff;
padding:  10px 12px;
/*font-weight:  700;*/

letter-spacing:  2px;
}

.shopify-section-new .trail a {
background-color:  #e52625;
color:  #ffffff;
padding:  10px 12px;
/*font-weight:  700;*/

letter-spacing:  2px;
}

.shopify-section-new .experts a:hover {
background-color: #5d1473;
}
.shopify-section-new .trail a:hover {
background-color: #5d1473;
}
.arrow-expert {

	width:  0;

top:  45%;

right:  0%;

position:  absolute;

height:  0;

border-top:  15px solid transparent;

border-left:  15px solid #707070;

border-bottom:  15px solid transparent;

}

.oUruSpBdR1  {

border:  4px solid #a6d845;

padding: 12% 3%;

/*box-shadow:  2px 2px 15px 3px #9c3;
*/
background-color:  #fff;

}
.oUruSpBdR2  {

border:  4px solid #0f82fc;

padding: 12% 3%;

/*box-shadow:  2px 2px 15px 3px #9c3;
*/
background-color:  #fff;

}
.oUruSpBdR3  {

border:  4px solid #e30ffc;

padding: 12% 3%;

/*box-shadow:  2px 2px 15px 3px #9c3;
*/
background-color:  #fff;

}
.oUruSpBdR4  {

border:  4px solid #fd9112;

padding: 12% 3%;

/*box-shadow:  2px 2px 15px 3px #9c3;
*/
background-color:  #fff;

}
.oUruSpBdR5  {

border:  4px solid #8a45d8;

padding: 12% 3%;

/*box-shadow:  2px 2px 15px 3px #9c3;
*/
background-color:  #fff;

}
.oUruSpBdR6  {

border:  4px solid #0f82fc;

padding: 12% 3%;

/*box-shadow:  2px 2px 15px 3px #9c3;
*/
background-color:  #fff;

}
.use-back {
background-color:  #041124;
padding:  3% 0%;
}

.use-back img {
display:  block;

margin-left:  auto;

margin-right:  auto;
}

@media screen and (max-width: 766px) and (min-width: 481px){
.index-experts-section-border {
border-right: none !important;
padding-top: 0px !important;
margin-top: 0px !important;
min-height: 0px !important;
}
.arrow-expert {
width: 0;
top: 45%;
right: 0%;
position: absolute;
height: 0;
border-top: 15px solid transparent;
border-left: 15px solid transparent !important;
border-bottom: 15px solid transparent;
}
.index-experts-section-text h3 {
font-size: 25px;
line-height: 30px;
color: #5f8e3e;
font-weight: 600;
letter-spacing: 2px;
padding:0% !important;
}
.shopify-section-new .experts {
margin: 3% 0% !important;
float: left;
}
.shopify-section-new .trail {
margin: 3% 0%  !important;
float: right ;
}
}
@media only screen and (max-device-width: 480px) and (min-device-width: 320px){
.index-experts-section-border {
border-right: none !important;
padding-top: 0px !important;
margin-top: 0px !important;
min-height: 0px !important;
}
.shopify-index-section .heading h4 {
font-size: 18px !important;
text-align: center;
padding: 2% 0%;
color: #3e3e3e;
font-weight: 600;
margin: 0px;
}
.arrow-expert {
width: 0;
top: 45%;
right: 0%;
position: absolute;
height: 0;
border-top: 15px solid transparent;
border-left: 15px solid transparent !important;
border-bottom: 15px solid transparent;
}
.index-experts-section-text h3 {
font-size: 16px !important;
line-height: 20px;
color: #5f8e3e;
font-weight: 600;
letter-spacing: 2px;
padding: 0px;
margin-top: 0px;
}
.index-experts-section-text p {
font-size: 14px !important;
color: #3e3e3e;
letter-spacing: 0.5px;
font-weight: 600;
text-align: justify;
}
.shopify-section-new .trail a {
background-color: #e52625;
color: #ffffff;
padding: 10px 12px;
font-weight: 700;
letter-spacing: 0px !important;
}
.shopify-section-new .trail {
margin: 5% 0% !important;
float: right;
}
.shopify-section-new .experts {
margin: 5% 0% !important;
float: left;
}
}
.how-sub-service img{width: 100%;}
.how-sub-service .we-expert{
background-color: #601471;
color:#ffffff;
padding: 2% 0%;
box-shadow: 2px 3px 8px 3px rgba(0, 0, 0, .42);
}
.how-sub-service .we-expert a{color:#ffffff;}
.how-sub-service .we-expert:hover{background-color: #e52625;}
@media only screen and (max-width: 959px) and (min-width: 768px){
.how-sub-service h3 {
    font-weight: 600;
    text-align: center;
    height: auto !important;
    padding: 0% 2%;
}
.how-sub-service {
text-align: center;
background: #f3f3f3;
margin-bottom: 15px;
height: 370px !important;
}
}    
.badge-outer {
margin: 0 auto;
max-width: 202px;
position: relative;
}
.shopify-badge .inner p{text-align: center;color:#ffffff;}
.badge-inner .votes {
color: #ffffff;
font-size: 28px;
font-weight: bold;
left: 50%;
position: absolute;
top: 35px;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
}
.badge-inner .best {
color: #ffffff;
font-weight: 400;
left: 75%;
position: absolute;
top: 68PX;
transform: translate(-50%);
-webkit-transform: translate(-50%);
width: 100%;
}
.badge-inner .rating {
border-radius: 2px;
color: #ffcc00;
height: inherit;
left: 52%;
margin-right: 0;
padding: 0;
position: absolute;
top: 86px;
transform: translateX(-50%);
vertical-align: middle;
width: 100px;
}
.badge-inner .company {
font-size: 12px;
font-weight: 800;
left: 65%;
position: absolute;
top: 110px;
transform: translateX(-50%);
width: 155px;
}
.Quantify-app{margin-top: 3%;
padding: 3% 0%;
background-image: url(../image/shopify-apps/quantify-background.jpg);
background-size: cover;
}
.Quantify-app .app-try-button {margin-top: 3%;}
.Quantify-app .app-try-button1 .button {
display: inline-block;
padding: 6px 12px;
margin-bottom: 0;
/*float: right;*/
margin-top: 3%;
font-size: 22px;
font-weight: 400;
line-height: 1.42857143;
text-align: center;
white-space: nowrap;
vertical-align: middle;
-ms-touch-action: manipulation;
touch-action: manipulation;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background-image: none;
/*border: 1px solid transparent;*/
border-radius: 4px;
}
.Quantify-app .app-name{position: relative;margin-top: 7%;}
.Quantify-app .app-name h2{text-align: center;font-size: 30px;color: #ffffff;margin: 0px 0px 10px 0px;
text-transform: uppercase;}
.Quantify-app .app-name h3{
text-align: center;
color: #ffffff;
font-size:30px;
padding: 0px;
margin-bottom: 1%
margin: 0px;text-transform: uppercase;}
.Quantify-app .app-name p{text-align: center;
color: #ffffff;
font-size:16px;
padding: 0px;
margin: 0px;}
.Quantify-app .app-name h1{text-align: center;font-size: 70px;color: #ffffff;text-transform: uppercase;margin-top: 5%;}
.Quantify-app .app-name span{font-size: 18px;}
.Quantify-app .image img{margin: 0 auto;}

.Quantify-app .free-trail h3{text-align: center;font-size: 20px;color: #ffffff;}
.Quantify-app .free-trail .button {
display: inline-block;
padding: 6px 12px;
margin-bottom: 0;
font-size: 22px;
font-weight: 400;
line-height: 1.42857143;
text-align: center;
white-space: nowrap;
vertical-align: middle;
-ms-touch-action: manipulation;
touch-action: manipulation;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background-image: none;
/*border: 1px solid transparent;*/
border-radius: 4px;
margin-top: 2%;
}
.shopify-app-button{color: #fff;
background-color: #6b9024;
border-color: #6b9024;}
.shopify-app-button:hover{background: linear-gradient(to left, #d90c13 0, #5d1473 100%) !important;}
.free-trail p{color:#ffffff;font-size: 18px;font-weight: inherit;}
.free-trail ul{padding: 15px;color:#ffffff}
.free-trail ul li{padding: 4px 0px;list-style-type: circle;}
.free-trail h4{color:#ffffff;font-size: 20px;margin:2% 0%;margin-bottom: 2%}
.border-limits{padding: 6% 0% 0% 10%;background: rgba(107, 144, 36, 0.17);}
.app-name img {
    margin: 0 auto;
}
.quantify-app-logo{margin-top: 2%;}
.quantify-app-logo img{margin: 0 auto;}
.apps-shopify-trail {margin-top: 4%;}
.apps-shopify-trail h3{font-size: 30px;color: #ffffff;margin: 8px; float: right;}
.apps-shopify-trail .button {
    display: inline-block;
    padding: 1em 1.675em;
    border-radius: 5px;
    font-size: 1em;
    line-height: 1.133;
    -webkit-font-smoothing: antialiased;
    -webkit-transition: 150ms ease;
    transition: 150ms ease;
    -webkit-transition-property: background-color, border-color, color, -webkit-box-shadow;
    transition-property: background-color, border-color, color, -webkit-box-shadow;
    transition-property: background-color, border-color, box-shadow, color;
    transition-property: background-color, border-color, box-shadow, color, -webkit-box-shadow;
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer;
    -webkit-box-shadow: 0 5px 15px 0 rgba(0,0,0,0.15);
    box-shadow: 0 5px 15px 0 rgba(0,0,0,0.15);
    background-color: #5c6ac4;
    color: #ffffff;
    border-width: 0;
    border-style: solid;
    border-color: transparent;
}
.apps-shopify-trail .button:hover, .apps-shopify-trail .button:focus {
    background-color: #202e78;
    color: #ffffff;
}
.apps-shopify-trail .button:active {
    background-color: #000639;
    color: #ffffff;
    border-color: #000639;
}
@media only screen and (max-width: 1199px) and (min-width: 960px){
.Quantify-app .app-name {
    position: relative;
    margin-top: 18%;
}
.apps-shopify-trail .button {
    display: inline-block;
    padding: 1em 1em;
    border-radius: 5px;}
.Quantify-app .app-try-button {
    margin-top: 12%;
}
.apps-shopify-trail h3 {
    font-size: 24px;
    color: #ffffff;
    margin: 12px;
    float: right;
}
}
@media only screen and (max-width: 959px) and (min-width: 768px){
.Quantify-app .app-try-button {
margin-top: 5%;
}
.Quantify-app .app-name {
    position: relative;
    margin-top: 12%;
}
.apps-shopify-trail h3 {
    font-size: 25px;
    color: #ffffff;
    margin: 8px;
    float: right;
}
}

@media only screen and (max-width: 767px){
.Quantify-app .app-try-button {
    margin-top: 16%;
}
.Quantify-app .app-name {
    position: relative;
    margin-top: 20%;
}
.Quantify-app .app-name h3 {
    text-align: center;
    color: #ffffff;
    font-size: 16px !important;
    padding: 0px;
    margin: 0px;
    margin-bottom: 1%
    text-transform: uppercase;
}
.Quantify-app .app-name h2 {
    text-align: center;
    font-size: 16px !important;
    color: #ffffff;
    margin: 0px 0px 10px 0px;
    text-transform: uppercase;
}
.Quantify-app .free-trail h3 {
    text-align: center;
    font-size: 16px;
    color: #ffffff;
}
.Quantify-app .app-name h1 {
    text-align: center;
    font-size: 50px;
    color: #ffffff;
    text-transform: uppercase;
    margin-top: 5%;
}
.apps-shopify-trail h3 {
    font-size: 16px;
    color: #ffffff;
    margin: 8px;
    float: left;
}
.apps-shopify-trail .button {
    display: inline-block;
    padding: 0.5em 0.5em;
    border-radius: 5px;
    font-size: 1em;}
}