*{
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  -o-box-sizing:border-box;
  box-sizing:border-box;
  padding:0;
  margin:0;
}

#f1_container {
  position: relative;

  padding: 5px 10px;
  width: 33%;
  min-width:275px;
  height: 281px;
  z-index: 1;
  margin-right:-4px;
  display:inline-block;
  overflow: hidden;
}
#f1_container .front{
  position:relative;
  width:100%;
  height:100%;
  padding-top:30px;
  background-color: #CA4D0C;
  
}
#f1_container .front div p{
  text-align: center;
}
.face {
  position: absolute;
  left:0;
  right:0;
  top:0;
  height:281px;
  -webkit-transition: all .8s ease;
  -moz-transition: all .8s ease;
  -o-transition: all .8s ease;
  transition: all .8s ease;
}
.rotateXback{
  z-index: 1;
  background: rgba(0, 0, 0, 0.4);
}
.back{
  margin-top: 281px;
}
#f1_container:hover .back{
  margin-top: 0;
}
.face span{
  display:inline-block;
  position: absolute;
  left:50%;
  top:50%;
  height:auto;
  -webkit-transform: translate(-50%,-50%);
  -moz-transform: translate(-50%,-50%);
  -o-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
}
.face span a{
  background: #fff;
  color:#333;
  text-transform: uppercase;
}
.a2zsite-ui-intro{
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 99999999999999999;
  background-color: rgba(172, 207, 228, 0.8);
}

.ui-retail-traditionalbusiness
{
  position: absolute;
    top: 0px;
    right:0;
    bottom:0;
    left:0;
    background-image: url("images/intro.jpg");
    background-repeat: repeat;
    text-align: center;
    padding:5px 0;
    z-index: 9999999999999999999;
    padding-top:100px;
}
.ui-retail-traditionalbusiness h1{text-shadow:0 2px 1px #000;text-align: center;color:#fff;}
.ui-retail-traditionalbusiness div:first-child{margin-bottom: 50px;}
.ui-intro.sub{display:inline-block;width:50%;vertical-align: top;margin-right: -4px;box-sizing:border-box;padding: 0 20px;}
.ui-intro.sub-title{max-width: 400px;}
.ui-intro.sub-title h3{text-align: left;}
.ui-retail-traditionalbusiness > div span img{height: 100px;}
.intro-ul{display:block;width:100%;max-width:600px;margin: 0 auto;}
.intro-ul > h4{display:block;text-align: left;padding:5px 0;font-size:22px;}
.ui-intro.sub-title h3, .ui-intro.caption h4{color:#ededed;text-shadow:0 1px 1px #000;}
.support-link span, .support-link a{color:#ededed;text-shadow:0 1px 1px #000;}
.support-link{margin-top:40px;}
.support-link span{font-size: 22px;padding-right:15px;}
.support-link span .fa-facebook-square{font-size: 22px;color:#ededed;}
#retail-home-banner
{
  padding: 0;
  /*background: url("images/retail-background.jpg"); 
  background-repeat: repeat;*/
}
#retail-home-banner > .a2zsite-ui-page-slide-content{text-align: center;}
#retail-home-banner > .a2zsite-ui-page-slide-content >.retail-slide{display:inline-block;width:50%;vertical-align: top;margin-right:-4px;box-sizing:border-box;}
#retail-home-banner > .a2zsite-ui-page-slide-content > .retail-slide.description{text-align: left;padding-left:30px;max-width:600px;}
#retail-home-banner > .a2zsite-ui-page-slide-content >.retail-slide.image{margin-top: 150px;}
#retail-home-banner > .a2zsite-ui-page-slide-content >.retail-slide.image img{width:100%;}
#retail-home-banner > .a2zsite-ui-page-slide-content > div > span{display:inline-block;}
#retail-home-banner > .a2zsite-ui-page-slide-content > div > span img{height:250px;}
#retail-home-banner > .a2zsite-ui-page-slide-content > div h1
{
  text-shadow: rgb(0, 0, 0) 1px 3px 4px;
  font-size: 250%;
  color: #fff;
  text-align: left;
}
#retail-home-banner > .a2zsite-ui-page-slide-content > div h1 > span:nth-child(2){text-transform: lowercase;color: #fff;}
#retail-home-banner > .a2zsite-ui-page-slide-content > .description > .internet-startup-helpdesk > .retails-details{background-color: #df591c;border: none;line-height: 40px;}




/*#home-banner{background-color: #767d85;}*/
#home-banner{
  background: #dd5517;
}
#home-banner .a2zsite-ui-page-slide-content .header{
  width:100%;
  height:auto;
  min-height:50px;
  padding-bottom:40px;
}
#home-banner .a2zsite-ui-page-slide-content .header h1{
  text-transform:uppercase;
  padding:0;
  margin:0;
  text-shadow:rgba(215, 215, 215, 0.66) 1px 1px 1px;
  color:#000;
}
#home-banner .a2zsite-ui-page-slide-content .platform-sections{
  position:relative;
  bottom:0;
  width:100%;
  height:auto;
  overflow:hidden;
  margin:20px 0 0 0;
  padding-top:20px;
  text-align: center;
  margin:0;
}
.use-cases-content{
  margin: 0 auto;
  text-align: center;
  min-height:500px;
  overflow: hidden;
}
.use-cases-content > div:nth-child(1){
  margin-bottom: 7%;
}
.use-cases-content .leftRight-sec{
  display:inline-block;
  width:50%;
  max-width:600px;
  vertical-align: top;
  margin-right:-4px;
}
.case-right{text-align: center;float:right;padding-left:10px;}
.case-left{text-align: center;float:left;padding-right:10px;}
.content-right > .text-details p{
  font-size: 17px;
}
.content-right{max-width: 450px;width:100%;margin:0 auto;}
.content-right > div > ul{
  list-style-type:none;
  list-style-image: url("images/check_mark_green.png");
  padding:0;
  margin:0;
  padding-left:30px;
}
.content-right > div > ul > li{
  margin-bottom: 15px;
}
.ui-home-retail-usecase-image img{
  max-width: 450px;
  width:100%;
  height:auto;
}
.moreslide-content{background-color:#F7981D;height:140px;}

#company-logo-diff{background-color: #fff;min-height: 400px;}
#company-logo-diff h1{color:#2b80ad !important;text-shadow:rgba(179, 179, 179, 1) -2px 2px 1px;text-transform: uppercase;margin-top: 50px;}
#company-logo-diff > .a2zsite-ui-page-slide-content > div:nth-child(1){margin-bottom:75px;}
#company-logo-diff > .a2zsite-ui-page-slide-content > div:nth-child(2){text-align:center;width:85%;margin:0 auto;}
#company-logo-diff span{display:inline-block;height:auto;padding:30px 20px;}
#company-logo-diff img{
  width:150px;height:auto;
}
#retail-slide6{background-color: #e6e7e7;}
#retail-slide6 .a2zsite-ui-page-slide-content .retail-questions{width: 100%;overflow: hidden;}
.retail-questions-parts{width: 100%;height: auto;}
#retail-slide6 .a2zsite-ui-page-slide-content .retail-questions .retail-faq{width: 100%;  display:inline-block;   padding:45px;height:auto;}
#retail-slide6 .a2zsite-ui-page-slide-content .retail-questions .retail-faq .retail-inner-div{width:100%;height:100%;}


#retail-slide6 .a2zsite-ui-page-slide-content .retail-questions .retail-faq .faq-ans{
  color: #666666;
}

.a2zsite-ui-page-slide.use-cases h1{
  color:#525252 !important;
  text-shadow: 0px 2px 4px #d5d5d5;
  text-transform: uppercase;
  font-weight:400 !important;
}

#internet-startup
{
  background-image: url(images/colorCode/brightYellow.jpg);
  background-repeat: repeat;
}


.internet-startup-helpdesk{
  width:100%;
  text-align: center;
  line-height:35px;
  margin: 50px 0 50px 0;
}
.internet-startup-helpdesk span{
  display:inline-block;
  min-width:240px;
  background: #dd5517;
  padding:15px 0;
  font-size: 25px;
  text-align: center;
  color:#fff;
  font-weight: 400 !important;
  cursor: pointer;
}
.internet-startup-helpdesk span:hover{opacity:0.9;}

.jumper{
  display: block;
  width: 200px;
  height: 100%;
  padding: 20px 0;
  font-size: 20px;
}
.zero-coding{
  position: absolute;
  left: 50px;
  bottom: 15px;
  width: 50%;
  z-index: 999;
  text-align: center;
}
.zero-coding p{padding:0;color:#d8d8d8;text-align: center;margin-top:10px;}
.become-rich{display:block;width:200px;height:50px;margin:0 auto;z-index: 999999;line-height:50px;background: rgba(221, 85, 23, 0.77);color:#D8D8D8;font-size: 25px;text-align: center;}
.become-rich:hover{background: rgba(221, 68, 23, 0.75);}
@media screen and (max-width: 1024px){
  #retail-home-banner > .a2zsite-ui-page-slide-content >.retail-slide{width: 100%;text-align: center;} 
  #retail-home-banner > .a2zsite-ui-page-slide-content > .retail-slide.description{width:100%;max-width: 100%;text-align: center;padding:0 10px;}
  #retail-home-banner > .a2zsite-ui-page-slide-content >.retail-slide.image{margin-top: 0;}
  #retail-home-banner > .a2zsite-ui-page-slide-content > div h1{text-align: center;}
}
@media screen and (max-width: 1024px) and (min-width: 641px){
    #home-banner .a2zsite-ui-page-slide-content .platform-sections .app-store{width:300px;}
    .content-right-parent{width:48%;margin-left: -4px;}
    
}
@media screen and (max-width: 768px){
    #retail-home-banner{min-height:100%;}
    #retail-home-banner > .a2zsite-ui-page-slide-content > div:nth-child(2){display:none;}
    #retail-home-banner > .a2zsite-ui-page-slide-content > div:nth-child(1){width:100%;}
    .use-cases-content .leftRight-sec{width:100%;margin-right: 0;margin-bottom:50px;padding:0;float:none;}
    #f1_container{width:50%;margin-right:-4px;}
    .use-cases-content > div:nth-child(1){margin-bottom:10%;}
    .content-right{max-width: 100%;}
    .ui-retail-traditionalbusiness {padding-top:75px;}
}

@media screen and (max-width: 640px){
  .ui-intro.sub{display:block;width:100%;margin-right: 0;padding: 0 5px;margin: 10px 0;}
  .ui-intro.sub-title{max-width: 100%;}
  .ui-intro.sub-title h3{text-align: left;}
  #retail-home-banner > .a2zsite-ui-page-slide-content{margin: 0 20px;}
  #retail-home-banner > .a2zsite-ui-page-slide-content > div h1{font-size: 120%;}
  #f1_container{width:100%;margin-right:0;}

  .content-right-parent{width:100%;}
  .ui-home-retail-usecase-image{width:100%;margin-left:0;}
  #company-logo-diff > .a2zsite-ui-page-slide-content > div:nth-child(2){width:100%;}
  #retail-slide6 .a2zsite-ui-page-slide-content .retail-questions .retail-faq{width:100%; padding:0;margin-bottom:75px;}
  .ui-intro.caption h4, .support-link span{font-size: 20px;}
  .support-link span{display:block;text-align: left;padding:0 0 0 20px;}
  .ui-home-retail-usecase-image img{max-width:100%;}
  .ui-retail-traditionalbusiness
    {
        padding-top:50px;
    }

    .zero-coding p{font-size: 12px;}
    .become-rich{width:150px;height:40px;line-height: 40px;font-size: 20px;}

}

@media screen and (max-width: 480px){
    #retail-home-banner > .a2zsite-ui-page-slide-content > div h1{font-size: 100%;}
    #retail-home-banner > .a2zsite-ui-page-slide-content{margin: 0;padding:30px 0;}
    .content-right-parent{padding:0;}
    #retail-home-banner > .a2zsite-ui-page-slide-content > .description{text-align: center;}
    #retail-home-banner > .a2zsite-ui-page-slide-content > div > span img{height:150px;}
    .ui-retail-traditionalbusiness .facebook-link h4{font-size: 20px;}
    .ui-retail-traditionalbusiness div:first-child{margin:0 0 25px 0;}
    .ui-retail-traditionalbusiness > div h1{margin-top: 0;}
    .zero-coding{
      left: 10px;
      bottom: 5px;
    }
    .zero-coding p{font-size: 10px;position: absolute;bottom:0;}
    .become-rich{width: 115px; height: 35px;line-height: 35px;font-size: 14px; }
}

@media screen and (max-width: 320px){
  .zero-coding p{font-size: 10px;}
  .become-rich{
    height: 30px;
    width:100px;
    line-height: 30px;
  }
  .become-rich a{line-height: 30px;font-size: 12px;}
}

/*video responsive*/

.video-responsive{
  display:block;
  clear:both;
  padding-top:70px;
}
.video-responsive a{
  display:block;
  width:100%;
  height:auto;
  cursor:pointer;
}
.video-responsive a img{
  width:100%;
  max-width: 400px;
  height:auto;
}
@media screen and (max-width: 640px){
   #company-logo-diff img{
    width:100px;
  }
}  

#MoS-Online{background:#fff;}
#MoS-Marketplace{background: #F1F1F1;}
#MoS-Unichannel{background:#fff;}
#MoS-In-Store{background: #F1F1F1;}
#MoS-In-Field{background:#fff;}
#MoS-ERP{background: #F1F1F1;}