.pagewrapper {
    overflow: hidden;
}
.pagewrapper *,*, :after, :before {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}

.pagewrapper .content-wrap {
    max-width: 1280px;
    padding: 90px 0;
}

.banner .content-wrap {
    padding-bottom: 0px
}

.act-btn {
    padding: 12px 30px;
}

h1,
h2,
h3 {
    font-family: var(--zf-primary-bold);
}
h1{
    font-family: var(--zf-secondary-extrabold);
}

/*menu overwriiten*/
.flex-content{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.text-center{
text-align:center ;
}
.app-making-sprite{
    background:url(/sites/zweb/images/creator/app-making-sprite.png) no-repeat;
    background-size: 724px 101px;
}
.step-bold{
    font-family: var(--primaryfont-semibold);
}
.step-button{
    background: #f0483e;
    color: #fff;
}
/* Banner  */
.bnr-cnt{
    max-width: 680px;
    margin: 0 auto;
}
.bnr-cnt span{
    font-size: 40px;
    line-height: 1.6;
    display: inline-block;
}
.bnr-cnt h1{
    max-width: 540px;
}
.app-banner{
    position: relative;
    max-width:1920px;
    margin:0 auto;
}
.app-text{
    font-size: 10px;
    line-height: 1.6;
    color: #fff;
    display: block;
    margin-bottom: 10px;
    font-family: var(--primaryfont-semibold);
}
.block-text{
    display: block;
}
.market-research,.dev-research,.user-research,.marketing-research,.app-research,.ideas-research,.revenue-research{
    display: block;
    margin: 0 auto;
}
.market-research{
    width: 115px;
	height: 101px;
    background-position: -98px 0;
}
.dev-research{
    width: 91px;
	height: 101px;
    background-position:-327px 0;
}
.user-research{
    width: 91px;
	height: 101px;
    background-position: -418px 0;
}
.marketing-research{
    width: 118px;
	height: 101px;
    background-position: -509px 0;
}
.app-research{
    width: 97px;
	height: 101px;
    background-position: -627px 0;
}
.ideas-research{
    width: 98px;
	height: 101px;
    background-position: 0 0;
}
.revenue-research{
    width: 113px;
	height: 101px;
    background-position: -213px 0;
}
.market-bg,.dev-bg,.user-bg,.marketing-bg,.app-bg,.ideas-bg,.revenue-bg{
    display: inline-block;
    position: absolute;
    z-index: 1;
    height: auto;
    width: auto;
    padding: 10px;
    text-align: center;
    -webkit-transform: scale(0.5);
        -ms-transform: scale(0.5);
            transform: scale(0.5);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all ease 0.5s;
    -o-transition: all ease 0.5s;
    transition: all ease 0.5s;
}
.in-view .market-bg,.in-view .dev-bg,.in-view .user-bg,.in-view .marketing-bg,.in-view .app-bg,.in-view .ideas-bg,.in-view .revenue-bg{
    -webkit-transform: scale(1);
        -ms-transform: scale(1);
            transform: scale(1);
    opacity: 1;
    visibility: visible;
}
.in-view .market-bg{
    -webkit-transition-delay:0.8s;
         -o-transition-delay:0.8s;
            transition-delay:0.8s;
}
.in-view .dev-bg{
    -webkit-transition-delay:1s;
         -o-transition-delay:1s;
            transition-delay:1s;
}
.in-view .user-bg{
    -webkit-transition-delay:1.2s;
         -o-transition-delay:1.2s;
            transition-delay:1.2s;
}
.in-view .marketing-bg{
    -webkit-transition-delay:1.4s;
         -o-transition-delay:1.4s;
            transition-delay:1.4s;
}
.in-view .app-bg{
    -webkit-transition-delay:1.6s;
         -o-transition-delay:1.6s;
            transition-delay:1.6s;
}
.in-view .ideas-bg{
    -webkit-transition-delay:1.8s;
         -o-transition-delay:1.8s;
            transition-delay:1.8s;
}
.in-view .revenue-bg{
    -webkit-transition-delay:2s;
         -o-transition-delay:2s;
            transition-delay:2s;
}
.market-bg:before,.dev-bg:before,.user-bg:before,.marketing-bg:before,.app-bg:before,.ideas-bg:before,.revenue-bg:before{
    content: "";
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 77%;
    z-index: -1;
    border-radius: 10px;
}
.market-bg{
    left: 5%;
    top: 20%;
}
.dev-bg{
    left: 13%;
    top: 35%;
}
.user-bg{
    left: 3%;
    top: 49%;
}
.marketing-bg{
    right:5%;
    top: 21%;
}
.app-bg{
    right: 15%;
    top: 33%;
}
.ideas-bg{
    right: 5%;
    top: 48%;
}
.revenue-bg{
    right: 15%;
    top: 56%;
}
/* End Banner */
/* Step Guide */
.step-blue-bg,.step-black-bg{
    color: #fff;
}
.step-blue-bg{
    background:#15012E;
}
.step-black-bg .read-article{
background-color:#fff;
color:#000;
border-color:#fff;
}
.step-black-bg{
    background:#000;
}
.pagewrapper .step-guide .content-wrap{
padding-bottom: 140px;
}
.step-guide-cnt{
    text-align: center;
    max-width: 620px;
    margin:0 auto;
}
.step-guide-cnt h2{
    max-width: 580px;
}
.step-guide ul{
    -webkit-box-pack: space-evenly;
        -ms-flex-pack: space-evenly;
            justify-content: space-evenly;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    max-width: 1000px;
    margin: 0 auto;
}
.step-guide ul.steps-lists{
    max-width: 680px;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin-top: 50px;
}
.step-guide ul.steps-lists li{
    width: 31.3%;
    max-width: 210px;
}
.step-guide ul li{
    width: 21%;
    text-align: center;
    margin-top: 50px;
    max-width: 210px;
}
.step-guide ul li p{
    font-size: 16px;
    line-height: 1.6;
    font-family: var(--primaryfont-semibold);
    position: relative;
    padding-top: 15px;
    border-top: 1px dashed #777676;
    width: 85%;
    margin: 15px auto 0;
    color: #fff;
}
.step-guide ul li p:before,.step-guide ul li p:after{
    content: "";
    position: absolute;
    top: -9px;
    z-index: 1;
    height: 15px;
    width: 15px;
    background: #15012E;
    border-radius: 50px;
}
.step-guide ul li p:before{
    left: -9px;
}
.step-guide ul li p:after{
    right:-9px;
}
.step-guide ul li p span{
display: block;
}
.step-guide ul li div{
    position: relative;
    z-index: 1;
    margin-top: 10px;
    padding: 20px 0px;
    -webkit-transition: all ease 0.5s;
    -o-transition: all ease 0.5s;
    transition: all ease 0.5s;
}
.step-guide ul li div:before{
    content: "";
    position: absolute;
    left: 8%;
    top: 0;
    height: 100%;
    width: 85%;
    z-index: -1;
    border-radius: 20px;
}
.step-guide ul li div:hover{
    -webkit-transform: translateY(-10px);
        -ms-transform: translateY(-10px);
            transform: translateY(-10px);
}
.steps-values{
    font-size: 80px;
    line-height: 1;
    font-family: var(--primaryfont-semibold);
    display: block;
}
.generating-value{
    color:rgba(255,255,255,0.1);
}
.conducting-value{
    color: rgba(160,226,255,.15);
}
.choosing-value{
    color: rgba(0,81,103,.5);
}
.planing-value{
    color: rgba(0,67,67,.5);
}
.desiging-value{
    color:rgba(116,50,50,.3);
}
.marketing-value{
    color:rgba(119,81,0,.43);
}
.optimizing-value{
    color:rgba(62,70,70,.5);
}
/* End Step Guide */
/* Step One  */
.step-one{
    overflow: hidden;
}
.step-one .content-wrap,.step-two .content-wrap,.step-six .content-wrap{
    padding-top: 0;
}
.step-one .flex-content,.step-four .flex-content,.step-five .flex-content,.step-seven .flex-content,.step-six .flex-content{
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
}
.step-number{
    color: #f2f2f2;
    font-size: 230px;
    line-height: 1;
    display: block;
    font-family: var(--primaryfont-bold);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all ease 0.5s;
    -o-transition: all ease 0.5s;
    transition: all ease 0.5s;
    -webkit-transform: scale(0.5);
        -ms-transform: scale(0.5);
            transform: scale(0.5);
}
.in-view .step-number{
    opacity: 1;
    visibility: visible;
    -webkit-transform: scale(1);
        -ms-transform: scale(1);
            transform: scale(1);
}
.step-one-part{
    width: 30%;
}
.generating-growth img{
    max-width: 150%;
    position: relative;
    top: -100px;
    -webkit-transition: all ease 1s;
    -o-transition: all ease 1s;
    transition: all ease 1s;
}
.in-view .generating-growth img{
top:-40px;
}
.generating-img-one{
    position: relative;
    left: -160px;
    margin: 170px 0 100px;
}
.ideas-icons{
    border-bottom: 1px solid #000;
}
.ideas-icons,.market-icons,.apps-icons,.planing-icons,.users-app-icons,.plans-icons,.app-research-icons{
    position: relative;
    z-index: 1;
    display: inline-block;
    padding: 10px 10px 0;
    margin: 40px 0 10px;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all ease 0.5s;
    -o-transition: all ease 0.5s;
    transition: all ease 0.5s;
    -webkit-transform: scale(0.5);
        -ms-transform: scale(0.5);
            transform: scale(0.5);
}
.in-view .ideas-icons,.in-view .market-icons,.in-view .apps-icons,.in-view .planing-icons,.in-view .users-app-icons,.in-view .plans-icons,.in-view .app-research-icons{
    opacity: 1;
    visibility: visible;
    -webkit-transform: scale(1);
        -ms-transform: scale(1);
            transform: scale(1);
    -webkit-transition-delay: 0.6s;
         -o-transition-delay: 0.6s;
            transition-delay: 0.6s;
}
.ideas-icons:before,.market-icons:before,.apps-icons:before,.planing-icons:before,.users-app-icons:before,.plans-icons:before,.app-research-icons:before{
    content: "";
    position: absolute;
    left: 0%;
    top: -35%;
    width: 110%;
    height: 120%;
    z-index: -1;
    border-radius: 10px;
}
.gen-app-ideas{
    position: relative;
    z-index: 1;
}
/* End Step One */
/* Step Two */
.step-two .content-wrap,.step-six .content-wrap{
    background: #fff;
    padding: 90px 90px;
    margin-top: -140px;
}
.step-two .flex-content,.step-three .flex-content,.step-six .flex-content{
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
}
.step-two-part{
    width: 46%;
}
.steps-points li{
    position: relative;
    z-index: 1;
    padding-left: 20px;
    margin-bottom: 20px;
    font-size: 17px;
    line-height: 1.6;
}
.steps-points li:before{
    content: "";
    position: absolute;
    width: 8px;
    height: 8px;
    z-index: 1;
    top: 8px;
    left: 0px;
    background-color: #000;
    border-radius: 50px;
    }
/* End Step Two */
/* Step Three  */
.monetization-img{
    margin-top: 50px;
}
.monetization-sec-img{
    margin: 0 0 70px;
}
.monetization-sec-img img{
    max-width: 150%;
}
.moetization-cnt{
    background-color: #fff;
    padding:60px;
    position: relative;
    z-index: 1;
    margin:-150px 30px 0 30px;
}
/* End Step Three */
/* Step Four  */
.step-four .step-number{
    color: rgba(255,255,255,0.3);
}
.req-img,.req-img,.planing-img{
    margin-bottom:20px;
}
.step-four .steps-points li:before{
    background-color: #fff;
}
/* End Step Four  */
/* Step Five  */
.step-five .content-wrap{
    padding-bottom: 0;
}
.step-five h2,.step-six h2{
    max-width: 440px;
}
.mbl-img{
    margin-top:50px;
    max-width: 300px;
}
.mbl-img img{
    display: block;
}
/* End Step Five */
/* Step Seven  */
.step-seven,.step-three{
    background:#f8f8f8;
}
.step-seven .step-number,.step-three .step-number{
    color: rgba(0,0,0,.1);
}
.step-launch{
    margin-bottom:50px;
}
.step-launch img{
    max-width: 150%;
}
/* End Step Seven   */
/* Bottom CTA */
.step-cta{
    text-align: center;
}
.step-cta h2,.step-cta p{
    max-width: 600px;
}
.step-cta h2{
    margin: 0 auto 15px;
}
.step-cta p{
    margin: 0 auto 20px;
}
/* End Bottom CTA */
/* Background Gradient  */
.market-bg:before,.step-guide ul li:nth-child(2) div:before,.market-icons:before{
    background: -o-linear-gradient(225deg, #262A4F, #12284B);
    background: linear-gradient(225deg, #262A4F, #12284B);
}
.dev-bg:before,.step-guide ul li:nth-child(4) div:before,.planing-icons:before{
    background: -o-linear-gradient(225deg, #124242, #0E1110);
    background: linear-gradient(225deg, #124242, #0E1110);
}
.user-bg:before,.step-guide ul.steps-lists li:nth-child(1) div:before,.users-app-icons:before{
    background: -o-linear-gradient(129deg, #381720, #512736);
    background: linear-gradient(321deg, #381720, #512736);
}
.marketing-bg:before,.step-guide ul.steps-lists li:nth-child(2) div:before,.plans-icons:before{
    background: -o-linear-gradient(225deg, #3E2C0A, #6C4F0C);
    background: linear-gradient(225deg, #3E2C0A, #6C4F0C);
}
.app-bg:before,.step-guide ul.steps-lists li:nth-child(3) div:before,.app-research-icons:before{
    background: -o-linear-gradient(344deg, #1B1B1B, #383D3D);
    background: linear-gradient(106deg, #1B1B1B, #383D3D);
}
.ideas-bg:before,.step-guide ul li:first-child div:before,.ideas-icons:before{
    background: -o-linear-gradient(134deg, #1F092C, #4E2162);
    background: linear-gradient(316deg, #1F092C, #4E2162);
}
.revenue-bg:before,.step-guide ul li:nth-child(3) div:before,.apps-icons:before{
    background: -o-linear-gradient(225deg, #659BB1, #0B2933);
    background: linear-gradient(225deg, #659BB1, #0B2933);
}
/* End Background Gradient  */
.step-two-parallex{
    max-width: 1920px;
    margin: 0 auto;
    text-align: center;
}
.read-article{
    display: inline-block;
    border: 1px solid #000;
    padding: 7px 20px;
    border-radius: 3px;
    font-size: 15px;
    text-transform: uppercase;
    line-height: 28px;
    color: #fff;
    background: #000;
    font-family: var(--primaryfont-semibold);
-webkit-transition: all ease 0.5s;    -o-transition: all ease 0.5s;    transition: all ease 0.5s;
}
.read-article:hover {
    padding: 7px 25px;
}
.pagewrapper .zwc-key-pnts .content-wrap{
    max-width: 680px;
    margin: auto;
    padding-top: 0;
}
.zwc-key-pnts .content-wrap div{
    background-color: #E4EDFF;
    padding: 32px;
    border: 3px solid #9AB6FF;
    border-radius: 8px;
}
.zwc-key-pnts ul{
    padding-left: 20px;
}
.zwc-key-pnts ul li{
    font-size: 17px;
    margin-bottom: 20px;
    list-style-type: disc;
}
.zwc-key-pnts ul li:last-child{
margin-bottom:0;
}
@media(min-width:1600px){
.pagewrapper .step-guide .content-wrap{
max-width: 1400px;
}
    .step-guide ul,.step-guide ul.steps-lists{
        max-width: 100%;
    }
    .steps-full-view{
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
    .step-guide ul,.step-guide ul.steps-lists{
        margin: 0;
    }
    .step-guide ul li p{
        font-size: 14px;
        padding: 15px 5px 0;
    }
    .step-guide ul{
        width: 56.8%;
    }
    .step-guide ul.steps-lists{
        width: 42.6%;
    }
    .step-guide ul li{
        width: 25%;
    }
    .step-guide ul.steps-lists li{
        width: 33.3%;
    }
}
@media(min-width:1200px) and (max-width:1399px){
/* Banner  */
.in-view .market-bg, .in-view .dev-bg, .in-view .user-bg, .in-view .marketing-bg, .in-view .app-bg, .in-view .ideas-bg, .in-view .revenue-bg{
    -webkit-transform: scale(0.8);
        -ms-transform: scale(0.8);
            transform: scale(0.8);
}
.market-bg{
    left: 3%;
}
.dev-bg{
    left: 10%;
}
.user-bg{
    left: 1%;
}
.marketing-bg{
    right: 2%;
}
.app-bg{
    right: 10%;
}
.ideas-bg{
    right: 2%;
}
.revenue-bg {
    right: 10%;
    top: 59%;
}
/* End Banner */
}
@media all and (min-width:1200px) {
    .inup1,
    .inup2,
    .inup3,
    .inup4,
    .inup5,
    .inup6,
    .inup7 {
        -webkit-transform: translate3d(0px, 40px, 0);
        transform: translate3d(0px, 40px, 0);
        -webkit-transition: -webkit-transform 1s cubic-bezier(0.39, 0.575, 0.565, 1.3);
        transition: -webkit-transform 1s cubic-bezier(0.39, 0.575, 0.565, 1.3);
        -o-transition: transform 1s cubic-bezier(0.39, 0.575, 0.565, 1.3);
        transition: transform 1s cubic-bezier(0.39, 0.575, 0.565, 1.3);
        transition: transform 1s cubic-bezier(0.39, 0.575, 0.565, 1.3), -webkit-transform 1s cubic-bezier(0.39, 0.575, 0.565, 1.3);
    }
    .in-view .inup1,
    .in-view .inup2,
    .in-view .inup3,
    .in-view .inup4,
    .in-view .inup5,
    .in-view .inup6,
    .in-view .inup7 {
        -webkit-transform: translate3d(0px, 0px, 0);
        transform: translate3d(0px, 0px, 0);
    }
    .fadeinup1,
    .fadeinup2,
    .fadeinup3,
    .fadeinup4,
    .fadeinup5,
    .fadeinup6,
    .fadeinup7,
    .fadeinup8,
    .fadeinup9 {
        -webkit-transform: translate3d(0px, 60px, 0);
        transform: translate3d(0px, 60px, 0);
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        -webkit-transition: opacity 1s ease-in, -webkit-transform 1s cubic-bezier(0.39, 0.575, 0.565, 1.2);
        transition: opacity 1s ease-in, -webkit-transform 1s cubic-bezier(0.39, 0.575, 0.565, 1.2);
        -o-transition: opacity 1s ease-in, transform 1s cubic-bezier(0.39, 0.575, 0.565, 1.2);
        transition: opacity 1s ease-in, transform 1s cubic-bezier(0.39, 0.575, 0.565, 1.2);
        transition: opacity 1s ease-in, transform 1s cubic-bezier(0.39, 0.575, 0.565, 1.2), -webkit-transform 1s cubic-bezier(0.39, 0.575, 0.565, 1.2);
    }
    .fadeindown1 {
        -webkit-transform: translate3d(0px, -60px, 0);
        transform: translate3d(0px, -60px, 0);
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        -webkit-transition: opacity 1s ease-in, -webkit-transform 1s cubic-bezier(0.39, 0.575, 0.565, 1.2);
        transition: opacity 1s ease-in, -webkit-transform 1s cubic-bezier(0.39, 0.575, 0.565, 1.2);
        -o-transition: opacity 1s ease-in, transform 1s cubic-bezier(0.39, 0.575, 0.565, 1.2);
        transition: opacity 1s ease-in, transform 1s cubic-bezier(0.39, 0.575, 0.565, 1.2);
        transition: opacity 1s ease-in, transform 1s cubic-bezier(0.39, 0.575, 0.565, 1.2), -webkit-transform 1s cubic-bezier(0.39, 0.575, 0.565, 1.2);
    }
    .in-view .fadeinup1,
    .in-view .fadeinup2,
    .in-view .fadeinup3,
    .in-view .fadeinup4,
    .in-view .fadeinup5,
    .in-view .fadeinup6,
    .in-view .fadeinup7,
    .in-view .fadeinup8,
    .in-view .fadeinup9,
    .in-view .fadeindown1,
    .in-view .fadeindown2,
    .in-view .fadeindown3,
    .in-view .fadeindown4 {
        -webkit-transform: translate3d(0px, 0px, 0);
        transform: translate3d(0px, 0px, 0);
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    }
    .fadeindown1,
    .fadeinup1,
    .inup1,
    .bnrimg1,
    .bnrimg4 {
        -webkit-transition-delay: 100ms;
        -o-transition-delay: 100ms;
           transition-delay: 100ms;
    }
    .fadeindown2,
    .fadeinup2,
    .inup2,
    .bnrimg2,
    .bnrimg5 {
        -webkit-transition-delay: 300ms;
        -o-transition-delay: 300ms;
           transition-delay: 300ms;
    }
    .fadeindown3,
    .fadeinup3,
    .inup3,
    .bnrimg3,
    .bnrimg6 {
        -webkit-transition-delay: 500ms;
        -o-transition-delay: 500ms;
           transition-delay: 500ms;
    }
    .fadeinup4,
    .inup4 {
        -webkit-transition-delay: 700ms;
        -o-transition-delay: 700ms;
           transition-delay: 700ms
    }
    .fadeinup5,
    .inup5 {
        -webkit-transition-delay: 900ms;
        -o-transition-delay: 900ms;
           transition-delay: 900ms
    }
    .fadeinup6,
    .inup6 {
        -webkit-transition-delay: 1100ms;
        -o-transition-delay: 1100ms;
           transition-delay: 1100ms
    }
    .fadeinup7,
    .inup7 {
        -webkit-transition-delay: 1300ms;
        -o-transition-delay: 1300ms;
           transition-delay: 1300ms
    }
    .fadeinup8,
    .inup8 {
        -webkit-transition-delay: 1500ms;
        -o-transition-delay: 1500ms;
           transition-delay: 1500ms
    }
    .fadeinup9,
    .inup9 {
        -webkit-transition-delay: 1700ms;
        -o-transition-delay: 1700ms;
           transition-delay: 1700ms
    }
}

@media all and (min-width:1400px) {
    .i18n-en h1 {
        font-size: 52px;
    }
    .i18n-en h2 {
        font-size: 36px
    }
}
@media(max-width:1199px){
    /* Banner  */
    .market-bg, .dev-bg, .user-bg, .marketing-bg, .app-bg, .ideas-bg, .revenue-bg{
        display: none;
    }
    .bnr-cnt{
        max-width: 100%;
    }
    .bnr-cnt span{
        font-size: 22px;
        margin-bottom: 10px;
    }
    /* End Banner */
    /* Steps  */
    .generating-img-one,.gen-app-ideas{
        display: none;
    }
    /* End Steps */
}
@media all and (min-width:992px) and (max-width:1199px) {
    .pagewrapper .content-wrap {
        width: 94%;
    }
}

@media all and (max-width:991px) {
    .pagewrapper .content-wrap {
        padding: 70px 0;
    }
    .zwc-key-pnts .content-wrap div{
        padding: 24px;
    }
.zwc-key-pnts ul li{
    font-size: 15px;
}
}
@media(min-width:768px) and (max-width:1199px){
    /* Steps Guide  */
    .step-guide ul,.step-guide ul.steps-lists{
        max-width: 730px;
    }
    .step-guide ul.steps-lists{
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
    }
    .step-guide ul li,.step-guide ul.steps-lists li{
        width: 25%;
    }
    .step-guide ul li p{
        font-size: 15px;
    }
    /* End Steps Guide */
    /* Steps  */
    .step-one-part{
        width: 48%;
    }
    .pagewrapper .step-one .content-wrap{
        padding:0px 0px 70px
    }
    .step-two .content-wrap,.step-six .content-wrap{
        margin-top: 0;
    padding: 70px 0;
    }
    .moetization-cnt{
            margin: 20px auto 0;
            padding: 0;
            background: transparent;
    }
    .monetization-img{
        margin-top:20px;
    }
    .monetization-sec-img{
        margin-bottom: 20px;
    }
    .pagewrapper .step-five .content-wrap{
        padding-bottom: 0;
    }
    /* End Steps */
}
@media all and (max-width:767px) {
    .pagewrapper .content-wrap {
        padding: 60px 0;
        max-width: 600px;
    }
    /* Step Guide  */
    .step-guide ul li,.step-guide ul.steps-lists li{
        width: 100%;
    }
    .step-guide ul.steps-lists{
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        margin-top: 0;
    }
    .steps-values{
        font-size: 70px;
        margin-bottom: 5px;
    }
    .step-guide ul{
        max-width: 430px;
    }
    /* End Step Guide */
    /* Step One  */
    .step-one-part{
        width: 100%;
    }
    .step-number{
        margin-bottom: 10px;
        font-size: 100px;
    }
    .in-view .generating-growth img{
        top: 0;
    }
    .generating-growth{
        display: none;
    }
    .generating-growth img{
        max-width: 100%;
    }
    /* End Step One */
    /* Step Two */
    .step-two-part{
        width: 100%;
    }
    .step-two .content-wrap,.step-six .content-wrap{
        margin-top: 0px;
        padding:30px 0 60px; 
    }
    .steps-points li{
        font-size: 15px;
    }
    .moetization-cnt{
        margin: 20px 0px 0 0;
        padding: 0;
        background: #f8f8f8;
    }
    /* End Step Two */
    /* Step Three  */
    .monetization-sec-img {
        margin: 0 0 20px;
    }
    .monetization-sec-img img,.step-launch img {
        max-width: 100%;
    }
    /* End Step Three */
    /* Step Four  */
    .mbl-img,.step-launch{
        margin-bottom:20px;
    }
    .mbl-img{
        max-width: 200px;
        margin-top: 30px;
    }
    .monetization-img{
        margin-top: 20px;
    }
    /* End Step Four */
}