.proban p{
    font-size: 18px;
    line-height: 2;
    text-align: justify;
    font-family: 'Open Sans', sans-serif;
}

.pro p{
    font-size: 18px;
}

.bg-website {
    background: url(../img/banner/website.webp) top no-repeat;
    background-attachment: fixed;
    background-size: auto 100%;
}

.bg-corporate {
    background: url(../img/banner/corporate.webp) top no-repeat;
    background-attachment: fixed;
    background-size: auto 100%;
}

.bg-smallbusiness {
    background: url(../img/banner/smallbusiness.webp) top no-repeat;
    background-attachment: fixed;
    background-size: auto 100%;
}

.bg-ecommerce {
    background: url(../img/banner/ecommerce.webp) top no-repeat;
    background-attachment: fixed;
    background-size: auto 100%;
}

.bg-crm {
    background: url(../img/banner/crm.webp) top no-repeat;
    background-attachment: fixed;
    background-size: auto 100%;
}

.bg-cms {
    background: url(../img/banner/cms.webp) top no-repeat;
    background-attachment: fixed;
    background-size: auto 100%;
}

.bg-android {
    background: url(../img/banner/android.webp) top no-repeat;
    background-attachment: fixed;
    background-size: auto 100%;
}

.bg-iosapp {
    background: url(../img/banner/iosapp.webp) top no-repeat;
    background-attachment: fixed;
    background-size: auto 100%;
}

.bg-webapp {
    background: url(../img/banner/webapp.webp) top no-repeat;
    background-attachment: fixed;
    background-size: auto 100%;
}

.bg-seo {
    background: url(../img/banner/seo.webp) top no-repeat;
    background-attachment: fixed;
    background-size: auto 100%;
}

.bg-social {
    background: url(../img/banner/social.webp) top no-repeat;
    background-attachment: fixed;
    background-size: auto 100%;
}


.bg-branding {
    background: url(../img/banner/branding.webp) top no-repeat;
    background-attachment: fixed;
    background-size: auto 100%;
}

.product {
    padding: 30px;
}

.product container{
    padding: 60px;
}

.others {
    padding: 0px;
}

.others container{
    padding: 0px;
}


.product .head {
    margin-bottom: 0px;
}

.product .subhead {
    line-height: 1.8;
    text-align: left;
    font-size: 14px;
    color: #203647;
    margin-bottom: 5px;
}

.product .tag {
font-size: 12px;
color: #203647;
}

.product .price {
font-size: 20px;
color: #12232e;
margin-bottom: 10px;
}

.btngrp div {
    padding: 10px;
}

.product .descript{
     padding: 30px;
    }

.product .descript p{
    color: #203647;
    padding: 0;
    text-align: center;
    font-size: 16px;
}


.product .descript h3{
    color: #12232e;
        font-size: 22px;
}


.product .featbox div{
    padding: 10px;
}
.product .features h3{
    color: #12232e;
    text-align: left;
    font-size: 22px;
}

.product .features p{
    color: #203647;
    text-align: justify;
    font-size: 16px;
}

div .featarea{
    border-radius: 10px;
    border: 1px solid #eee;
    padding: 10px 30px;
}

section .featarea p{
    font-size: 14px;
    color: #203647;
    text-align: justify;
}

section .featarea h3{
    color:#12232e;
    text-align: left;
    font-size: 16px;
}


.product .benefits h4{
    color: #12232e;
    text-align: left;
    font-size: 22px;
}

.product .benefits h3{
    color: #12232e;
    text-align: left;
    font-size: 14px;
}

.product .benefits p{
    font-size: 16px;
    color: #203647;
    text-align: justify;
}

.product .steps h4{
    color: #12232e;
    text-align: left;
    font-size: 22px;
}

.product .steps p{
    font-size: 16px;
    color: #203647;
    text-align: justify;
}

.product .support h4{
    color: #12232e;
    text-align: left;
    font-size: 22px;
}

.product .support p{
    font-size: 16px;
    color: #203647;
    text-align: justify;
}


@media only screen and (max-width:768px){

    .proban p{
        font-size: 15px;
        text-align: justify;
    }

    .product .features {
        padding: 5px;
    }

    .product .features div {
        padding: 5px;
    }

    .product .features h3{
        text-align: center;
        font-size: 18px;
    }
    
    .product .features p{
        text-align: justify;
        font-size: 16px;
    }

    .product .descript{
        padding: 5px;
       }

   .product .descript p{
       text-align: justify;
       font-size: 16px;
   }

   .product .descript h3{
    font-size: 18px;
    text-align: center;
}

div .featarea{
    padding: 10px 20px;
}

.product .benefits h3{
    font-size: 14px;
}

.product .benefits h4{
    text-align: center;
    font-size: 18px;
}

.product .benefits p{
    font-size: 16px;
}

.btngrp{
    background-color: dimgray;
}

.btngrp a{
    font-size: 14px;
    padding: 10px;
    color: #eee;
}

.product .steps h4{
    text-align: center;
    font-size: 18px;
}

.product .steps p{
    text-align: justify;
    font-size: 16px;
}

.product .support h4{
    text-align: center;
    font-size: 18px;
}

.product .support p{
    text-align: justify;
    font-size: 16px;
}

.subhead{
    padding-top: 10px;
}

.contsupport{
    margin: 0px;
    padding: 0px ;
}


}