.modimg {
    display: block;
    width: 100%;
    height: auto;
    max-width: 120px;
    margin: 5px auto;
    border-radius: 50%;
    position: relative;
}

#growthsection {
    display: none;
}

#scalesection {
    display: none;
}

@media screen and (min-width: 1080px) {
    .modbgimgt1s1 {
        width: 120px;
        height: 120px;
        background-color: #a30d2d;
        border-radius: 50%;
        position: absolute;
        top: 25px;
        left: 173px;
        display: none;
    }
    .modbgimgt1s2 {
        width: 120px;
        height: 120px;
        background-color: #a30d2d;
        border-radius: 50%;
        position: absolute;
        top: 24px;
        left: 602px;
        display: none;
    }
    .modbgimgt2s1 {
        width: 120px;
        height: 120px;
        background-color: #a30d2d;
        border-radius: 50%;
        position: absolute;
        top: 24px;
        left: 168px;
        display: none;
    }
    .modbgimgt2s2 {
        width: 120px;
        height: 120px;
        background-color: #a30d2d;
        border-radius: 50%;
        position: absolute;
        top: 24px;
        left: 602px;
        display: none;
    }
    .modbgimgt2s3 {
        width: 120px;
        height: 120px;
        background-color: #a30d2d;
        border-radius: 50%;
        position: absolute;
        top: 252px;
        left: 168px;
        display: none;
    }
    .modbgimgt2s4 {
        width: 120px;
        height: 120px;
        background-color: #a30d2d;
        border-radius: 50%;
        position: absolute;
        top: 252px;
        left: 602px;
        display: none;
    }
    .tab1sec1:hover .modbgimgt1s1 {
        display: block !important;
    }
    .tab1sec2:hover .modbgimgt1s2 {
        display: block !important;
    }
    .tab2sec1:hover .modbgimgt2s1 {
        display: block !important;
    }
    .tab2sec2:hover .modbgimgt2s2 {
        display: block !important;
    }
    .tab2sec3:hover .modbgimgt2s3 {
        display: block !important;
    }
    .tab2sec4:hover .modbgimgt2s4 {
        display: block !important;
    }
    .tab1sec1:hover .tabsecp2 {
        color: #a30d2d !important;
    }
    .tab1sec2:hover .tabsecp2 {
        color: #a30d2d !important;
    }
    .tab2sec1:hover .tabsecp2 {
        color: #a30d2d !important;
    }
    .tab2sec2:hover .tabsecp2 {
        color: #a30d2d !important;
    }
    .tab2sec3:hover .tabsecp2 {
        color: #a30d2d !important;
    }
    .tab2sec4:hover .tabsecp2 {
        color: #a30d2d !important;
    }
}

.tabs-container {
    position: relative;
    background: #fff;
    width: 230px;
    height: 50px;
    float: left;
    z-index: 20;
}


/* tabs names */

.tabs-container label {
    position: relative;
    padding: 10px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    display: block;
    font-size: 20px;
    color: #051f6b;
    font-family: Roboto, sans-serif !important;
    cursor: pointer;
    user-select: none;
}


/* Hover effect on tabs names */

.tabs-container label:hover {
    background: rgba(0, 0, 0, 0.2);
}


/* Content area for tabs */

.tab-content {
    position: relative;
    width: 900px;
    min-height: 200px;
    padding: 15px;
    float: left;
    box-sizing: border-box;
    z-index: 19;
    display: none;
    text-align: center;
}

.tab-content:after {
    content: "";
    clear: both;
}


/* Hide input radio from users */

input[name="tab"] {
    display: none;
}


/* Show tab when input checked */

input[name="tab"]:checked+.tab-content {
    display: block;
}

*::after,
*::before {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

a,
a:link {
    font-family: Roboto, sans-serif !important;
    text-decoration: none;
    font-size: 14px;
}

.container {
    position: absolute;
    z-index: 21;
    display: none;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 50%;
}

.container:target {
    display: flex;
}

.modalsec {
    width: 1000px;
    border-radius: .8rem;
    color: #000;
    background: #fff;
    box-shadow: .4rem .4rem 2.4rem .2rem hsla(236, 50%, 50%, 0.3);
    position: fixed;
    overflow: hidden;
    padding: 20px;
    left: 170px;
    top: 70px;
}

.details {
    text-align: center;
    margin-bottom: 2px;
    padding-bottom: 0px;
}

.title {
    font-family: Roboto, sans-serif !important;
    font-size: 20px !important;
    color: #051f6b;
    padding: 5px;
}

.title1 {
    font-family: Roboto, sans-serif !important;
    font-size: 20px !important;
    color: #545454;
    padding: 5px;
}

.description {
    font-style: italic;
    margin-top: 2px;
    margin-bottom: 0px;
    font-family: Roboto, sans-serif !important;
    font-size: 14px !important;
    color: #545454;
    font-style: italic;
}

.txt {
    padding: 22px;
    line-height: 2;
    font-family: Roboto, sans-serif !important;
    font-size: 14px !important;
    color: #545454;
    text-align: justify;
}

.txt::before {
    content: '';
    position: absolute;
    top: 0%;
    left: 100%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 18rem;
    height: 18rem;
    border: 1px solid hsla(0, 0%, 100%, .2);
    border-radius: 100rem;
    pointer-events: none;
}

.btn {
    padding: 1rem 1.6rem;
    border: 1px solid hsla(0, 0%, 100%, .4);
    border-radius: 100rem;
    color: inherit;
    background: transparent;
    font-size: 1.4rem;
    font-family: Roboto, sans-serif !important;
    letter-spacing: .2rem;
    transition: .2s;
    cursor: pointer;
}

.btn:hover,
.btn:focus {
    border-color: hsla(0, 0%, 100%, .6);
    -webkit-transform: translateY(-.2rem);
    transform: translateY(-.2rem);
}

.link-1 {
    font-size: 1.8rem;
    color: hsl(0, 0%, 100%);
    background: linear-gradient(to right bottom, #009FFF, #ec2F4B);
    box-shadow: .4rem .4rem 2.4rem .2rem hsla(236, 50%, 50%, 0.3);
    border-radius: 100rem;
    padding: 1.4rem 3.2rem;
    transition: .2s;
}

.link-1:hover,
.link-1:focus {
    -webkit-transform: translateY(-.2rem);
    transform: translateY(-.2rem);
    box-shadow: 0 0 4.4rem .2rem hsla(236, 50%, 50%, 0.4);
}

.link-2 {
    width: 4rem;
    height: 4rem;
    border: 1px solid hsla(0, 0%, 100%, .4);
    border-radius: 100rem;
    color: inherit;
    font-size: 2.2rem;
    position: absolute;
    top: 2rem;
    right: 2rem;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: .2s;
}

.link-2::before {
    content: '×';
    -webkit-transform: translateY(-.1rem);
    transform: translateY(-.1rem);
}

.link-2:hover,
.link-2:focus {
    border-color: hsla(0, 0%, 100%, .6);
    -webkit-transform: translateY(-.2rem);
    transform: translateY(-.2rem);
}

@media screen and (min-width: 1080px) {
    .aboutsho {
        font-family: Roboto, sans-serif !important;
        font-size: 25px !important;
        color: #1d1c1c !important;
        margin-left: 60px !important;
        margin-right: 60px !important;
        padding-left: 170px !important;
        padding-right: 170px !important;
        margin-top: 40px !important;
    }
}

@media screen and (max-width: 639px) {
    .aboutsho {
        font-family: Roboto, sans-serif !important;
        font-size: 16px !important;
        color: #545454 !important;
        margin-left: 10px !important;
        margin-right: 10px !important;
        padding-left: 20px !important;
        padding-right: 20px !important;
        margin-top: 30px !important;
    }
    p br {
        display: none;
    }
}

@media screen and (max-width: 1079px) and (min-width: 640px) {
    .aboutsho {
        font-family: Roboto, sans-serif !important;
        font-size: 18px !important;
        color: #545454 !important;
        margin-left: 50px !important;
        margin-right: 50px !important;
        padding-left: 30px !important;
        padding-right: 30px !important;
        margin-top: 30px !important;
        top: 5px !important;
    }
}

@media screen and (min-width: 1080px) {
    .aboutmis {
        font-family: Roboto, sans-serif !important;
        font-size: 32px !important;
        color: #a30d2d !important;
    }
}

@media screen and (max-width: 639px) {
    .aboutmis {
        font-family: Roboto, sans-serif !important;
        font-size: 28px !important;
        color: #a30d2d !important;
        text-align: center !important;
        padding-left: 15px;
        padding-right: 15px;
        margin-left: 10px;
    }
}

@media screen and (max-width: 1079px) and (min-width: 640px) {
    .aboutmis {
        font-family: Roboto, sans-serif !important;
        font-size: 28px !important;
        color: #a30d2d !important;
    }
}

@media screen and (min-width: 1080px) {
    .aboutmiscon {
        font-family: Roboto, sans-serif !important;
        font-size: 18px !important;
        color: #545454 !important;
        line-height: 2 !important;
        margin-bottom: 50px !important
    }
}

@media screen and (max-width: 639px) {
    .aboutmiscon {
        font-family: Roboto, sans-serif !important;
        font-size: 14px !important;
        color: #545454 !important;
        line-height: 1.5 !important;
        margin-bottom: 30px !important
    }
}

@media screen and (max-width: 1079px) and (min-width: 640px) {
    .aboutmiscon {
        font-family: Roboto, sans-serif !important;
        font-size: 12px !important;
        color: #545454 !important;
        line-height: 2 !important;
        margin-bottom: 40px !important;
    }
}

@media screen and (min-width: 1080px) {
    .misdiv {
        margin-left: 75px !important;
        margin-right: 120px !important;
    }
}

@media screen and (max-width: 639px) {
    .misdiv {
        margin-left: 5px !important;
        margin-right: 5px !important;
    }
}

@media screen and (max-width: 1079px) and (min-width: 640px) {
    .misdiv {
        margin-left: 15px !important;
        margin-right: 15px !important;
    }
}

@media screen and (max-width: 639px) {
    .abouticon {
        display: none;
    }
}

@media screen and (max-width: 1079px) and (min-width: 640px) {
    .abouticon {
        width: 255px;
        height: 238px !important;
        background: url(../images/aboutus-icons.png)-24px 27px no-repeat;
        margin: 0px auto;
        position: absolute;
        left: 503px;
        background-size: 644px auto;
        top: 20px;
    }
    .bannerabo {
        position: relative;
        padding: 0px;
        top: 160px;
        width: 50%;
    }
    .abohead {
        font-size: 32px !important;
        color: #a00e2c !important;
    }
    .aboheadp {
        text-align: left !important;
        font-size: 14px !important;
    }
}

@media screen and (max-width: 1079px) and (min-width: 640px) {
    .reqdembt {
        padding: 20px !important;
        font-family: Roboto, sans-serif !important;
        font-size: 25px !important;
    }
    .abouval {
        margin-top: 62px;
        font-family: Roboto, sans-serif !important;
        font-size: 32px !important;
        color: #a30d2d;
    }
}

@media screen and (min-width: 1080px) {
    .reqdembt {
        padding: 20px !important;
        font-family: Roboto, sans-serif !important;
        font-size: 25px !important;
    }
    .abouval {
        margin-top: 62px;
        font-family: Roboto, sans-serif !important;
        font-size: 32px !important;
        color: #a30d2d;
    }
    .modalsecstart {
        width: 1200px;
        margin-left: 60px;
        padding: 20px;
        min-height: 540px;
    }
    .tab1contain {
        width: 100%;
    }
    .tab2contain {
        width: 100%;
    }
    .tab1sec1 {
        width: 50%;
        float: left;
        padding: 5px;
    }
    .tab2sec1 {
        width: 50%;
        float: left;
        padding: 5px;
    }
    .tab1sec2 {
        width: 50%;
        float: left;
        padding: 5px;
    }
    .tab2sec2 {
        width: 50%;
        float: left;
        padding: 5px;
    }
    .tab2sec3 {
        width: 50%;
        float: left;
        padding: 5px;
    }
    .tab2sec4 {
        width: 50%;
        float: left;
        padding: 5px;
    }
    .tabsech2 {
        font-family: Roboto, sans-serif !important;
        font-size: 20px !important;
        color: #051f6b;
        padding: 5px;
    }
    .tabsecp {
        margin-top: 2px;
        margin-bottom: 0px;
        font-family: Roboto, sans-serif !important;
        font-size: 14px !important;
        color: #545454;
    }
    .tabsecp2 {
        margin-top: 2px;
        margin-bottom: 0px;
        font-family: Roboto, sans-serif !important;
        font-size: 14px !important;
        color: #545454;
    }
    .bannerabo {
        position: relative;
        padding: 0px;
        top: 200px;
    }
    .abohead {
        font-size: 3rem !important;
        color: #a00e2c !important;
    }
    .aboheadp {
        text-align: left !important;
        font-size: 14px !important;
    }
}

@media screen and (max-width: 639px) {
    .abohead {
        font-size: 1.5rem !important;
        color: #a00e2c !important;
        text-align: center !important;
        margin-bottom: 15px;
    }
    .aboheadp {
        text-align: center !important;
        font-size: 14px !important;
    }
    .bannerabo {
        position: relative;
        padding: 0px;
        top: 32px;
    }
    .about-landing-div {
        background-image: none !important;
        height: 200px;
        background-repeat: no-repeat;
        background-color: #f4f4f4;
    }
    .modalsecstart {
        min-height: 1100px !important;
        width: 250px !important;
        margin: 0 auto !important;
    }
    .tabsech2 {
        font-family: Roboto, sans-serif !important;
        font-size: 20px !important;
        color: #051f6b;
        padding: 5px;
    }
    .tabsecp {
        margin-top: 2px;
        margin-bottom: 0px;
        font-family: Roboto, sans-serif !important;
        font-size: 14px !important;
        color: #545454;
    }
    .modalsec {
        left: 40px !important;
        top: 0px !important;
        width: 272px !important;
        position: absolute !important;
    }
    .txt {
        font-size: 10px !important;
        line-height: 2 !important;
    }
    .link-2 {
        top: 0rem !important;
        right: 0rem !important;
    }
    .tab1sec1 {
        float: none! important;
        width: 100% !important;
    }
    .tab-content {
        top: 104px !important;
        left: 30px !important;
        width: 260px !important;
    }
    .tab2sec1 {
        float: none !important;
        width: 100% !important;
    }
    .tab2sec2 {
        float: none !important;
        width: 100% !important;
    }
    .tab2sec3 {
        float: none !important;
        width: 100% !important;
    }
    .tab2sec4 {
        float: none !important;
        width: 100% !important;
    }
    .tab1sec2 {
        width: 100% !important;
        width: 100% !important;
    }
    .abouval {
        text-align: center !important;
        padding-right: 15px !important;
        padding-left: 15px !important;
        margin-left: 5px !important;
        margin-top: 65px !important;
        margin-bottom: 50px !important;
        color: #a30d2d !important;
    }
}

@media screen and (max-width: 1079px) and (min-width: 640px) {
    .modalsecstart {
        width: 700px;
        min-height: 640px;
    }
    .tabs-container {
        width: 580px;
        height: 50px;
        float: none;
        text-align: center;
        margin-left: 85px;
        margin-right: 85px;
    }
    .tab-content {
        width: 650px;
        float: none;
        text-align: center;
        top: 90px;
    }
    .tab1contain {
        width: 120% !important;
    }
    .tab2contain {
        width: 120% !important;
    }
    .modalsec {
        left: 35px !important;
        width: 700px !important;
        position: absolute !important;
        top: -286px !important;
    }
}

@media screen and (min-width: 1080px) {
    .aboval {
        margin-left: 255px;
    }
    .abovalsec1 {
        margin-top: 60px;
        margin-bottom: 145px;
        display: flex;
    }
    .abovaldiv {
        width: 100%;
    }
    .abovaldivin1 {
        width: 50%;
        float: left;
        padding-top: 50px;
    }
    .abovaldivin2 {
        padding-top: 20px;
    }
    .abovaldivin3 {
        width: 40%;
        float: left;
    }
    .abovaldivin4 {
        padding-top: 20px;
    }
    .abovalsec2 {
        margin-top: 60px;
        margin-bottom: 145px;
        display: flex;
    }
    .abovaldiv2in1 {
        width: 100%;
    }
    .abovaldiv2in2 {
        width: 30%;
        float: left;
    }
    .abovaldiv2in3 {
        padding-top: 20px;
    }
    .abovaldiv2in4 {
        width: 62%;
        float: left;
        padding-top: 50px;
    }
    .abovaldiv2in5 {
        padding-top: 20px;
    }
    .abovalsec3 {
        margin-top: 60px;
        margin-bottom: 145px;
        display: flex;
    }
    .abovaldiv3in1 {
        width: 95%
    }
    .abovaldiv3in2 {
        width: 55%;
        float: left;
        padding-top: 50px;
    }
    .abovaldiv3in3 {
        padding-top: 20px;
    }
    .abovaldiv3in4 {
        width: 40%;
        float: left;
    }
    .abovaldiv3in5 {
        padding-top: 20px;
    }
    .abovalsec4 {
        margin-top: 60px;
        margin-bottom: 145px;
        display: flex;
        padding-top: 50px;
        padding-bottom: 32px;
    }
    .abovaldiv4in1 {
        width: 100%
    }
    .abovaldiv4in2 {
        width: 30%;
        float: left;
        order: 1;
    }
    .abovaldiv4in3 {
        padding-top: 20px;
    }
    .abovaldiv4in4 {
        width: 50%;
        float: left;
        padding-top: 50px;
        order: 2;
    }
    .abovaldiv4in5 {
        padding-top: 20px;
    }
}

@media screen and (max-width: 1079px) and (min-width: 640px) {
    .aboval {
        margin-left: 55px;
    }
    .abovalsec1 {
        margin-top: 60px;
        margin-bottom: 145px;
        display: flex;
    }
    .abovaldiv {
        width: 100%;
    }
    .abovaldivin1 {
        width: 50%;
        float: left;
        padding-top: 50px;
    }
    .abovaldivin2 {
        padding-top: 20px;
    }
    .abovaldivin3 {
        width: 40%;
        float: left;
    }
    .abovaldivin4 {
        padding-top: 20px;
    }
    .abovalsec2 {
        margin-top: 60px;
        margin-bottom: 145px;
        display: flex;
    }
    .abovaldiv2in1 {
        width: 95%;
    }
    .abovaldiv2in2 {
        width: 40%;
        float: left;
    }
    .abovaldiv2in3 {
        padding-top: 20px;
    }
    .abovaldiv2in4 {
        width: 50%;
        float: left;
        padding-top: 50px;
    }
    .abovaldiv2in5 {
        padding-top: 20px;
    }
    .abovalsec3 {
        margin-top: 60px;
        margin-bottom: 145px;
        display: flex;
    }
    .abovaldiv3in1 {
        width: 100%
    }
    .abovaldiv3in2 {
        width: 50%;
        float: left;
        padding-top: 50px;
    }
    .abovaldiv3in3 {
        padding-top: 20px;
    }
    .abovaldiv3in4 {
        width: 40%;
        float: left;
    }
    .abovaldiv3in5 {
        padding-top: 20px;
    }
    .abovalsec4 {
        margin-top: 60px;
        margin-bottom: 0px;
        display: flex;
        padding-top: 50px;
        padding-bottom: 12px;
    }
    .abovaldiv4in1 {
        width: 100%
    }
    .abovaldiv4in2 {
        width: 45%;
        float: left;
    }
    .abovaldiv4in3 {
        padding-top: 20px;
    }
    .abovaldiv4in4 {
        width: 40%;
        float: left;
        padding-top: 50px;
    }
    .abovaldiv4in5 {
        padding-top: 20px;
    }
}

@media screen and (max-width: 639px) {
    .aboval {
        margin-left: 55px;
    }
    .abovalsec1 {
        margin-top: 0px;
        margin-bottom: 0px;
        display: flex;
    }
    .abovaldiv {
        width: 100%;
    }
    .abovaldivin1 {
        width: 95%;
        padding-top: 50px;
    }
    .abovaldivin2 {
        padding-top: 20px;
    }
    .abovaldivin3 {
        width: 100%;
        order: 2;
    }
    .abovaldivin4 {
        padding-top: 20px;
        display: none;
    }
    .abovalsec2 {
        margin-top: 0px;
        margin-bottom: 0px;
        display: flex;
    }
    .abovaldiv2in1 {
        width: 100%;
    }
    .abovaldiv2in2 {
        width: 100%;
        order: 2;
        padding-top: 50px;
    }
    .abovaldiv2in3 {
        padding-top: 20px;
        display: none;
    }
    .abovaldiv2in4 {
        width: 100%;
        order: 1;
    }
    .abovaldiv2in5 {
        padding-top: 20px;
    }
    .abovalsec3 {
        margin-top: 0px;
        margin-bottom: 0px;
        display: flex;
    }
    .abovaldiv3in1 {
        width: 100%
    }
    .abovaldiv3in2 {
        width: 100%;
        padding-top: 50px;
    }
    .abovaldiv3in3 {
        padding-top: 20px;
    }
    .abovaldiv3in4 {
        width: 100%;
        display: none;
    }
    .abovaldiv3in5 {
        padding-top: 20px;
    }
    .abovalsec4 {
        margin-top: 0px;
        margin-bottom: 0px;
        display: flex;
        padding-top: 0px;
        padding-bottom: 32px;
    }
    .abovaldiv4in1 {
        width: 100%
    }
    .abovaldiv4in2 {
        width: 80%;
        display: none !important;
    }
    .abovaldiv4in3 {
        padding-top: 112px;
    }
    .abovaldiv4in4 {
        width: 95%;
        padding-top: 50px;
    }
    .abovaldiv4in5 {
        padding-top: 20px;
    }
}

.ourteamh3 {
    margin-top: 62px;
    font-family: Roboto, sans-serif !important;
    font-size: 32px !important;
    color: #a30d2d;
    margin-bottom: 62px;
}

@media screen and (max-width: 639px) {
    .ourteamh3 {
        margin-top: 0px;
        margin-bottom: 20px;
        padding-right: 15px !important;
        padding-left: 15px !important;
        margin-left: 5px !important;
        text-align: center !important;
    }
    .tabs-container {
        padding-left: 15px;
        padding-right: 15px;
        margin-left: 10px;
    }
}

.renaissance-spriteimg {
    display: block;
    position: relative;
    width: 150px;
    height: 65px;
    background-image: url(../images/partners_sprite.png);
    background-position: -606px 3px;
    background-repeat: no-repeat;
    background-size: 1190px auto;
}

.aboutcou {
    height: 200px !important;
    background-image: linear-gradient(to right, #c81e42, #a11c38);
    margin-left: 0px !important;
    margin-right: 0px !important;
}

.abocouin {
    padding-top: 50px !important;
}

.carosec {
    margin-top: 60px;
    height: 290px;
}

.aboclient {
    box-shadow: none !important;
    border: none !important;
    margin-left: 220px !important;
    margin-right: 160px !important;
}

.aboclientin {
    width: 970px;
}

.aboclientlog {
    margin: 10px;
    float: left;
    width: 18%;
    box-shadow: 0px 0px 8px 0px #efefef;
    border: 1px solid #f0efef;
    padding: 12px;
    border-radius: 18px;
}

.abocliprev {
    margin-top: 2% !important;
    width: 60px !important;
    height: 60px !important;
}

.aboclinex {
    margin-top: 2% !important;
    width: 60px !important;
    height: 60px !important;
}

.abohelp {
    padding: 50px;
    text-align: center;
}

@media screen and (max-width: 639px) {
    .aboutcou {
        height: 500px !important;
    }
    .aboclient {
        box-shadow: none !important;
        border: none !important;
        margin-left: 5px !important;
        margin-right: 5px !important;
        padding-left: 15px !important;
        padding-right: 15px !important;
        margin-top: 20px;
    }
    .carosec {
        margin-top: 50px;
        height: 580px;
    }
    .aboclientlog {
        float: none !important;
        width: 80% !important;
    }
    .carousel-inner {
        margin-left: 40px !important;
    }
    .carousel-inner {
        position: relative;
        width: 95%;
        overflow: hidden;
    }
}

@media screen and (max-width: 1079px) and (min-width: 640px) {
    .carosec {
        margin-top: 60px;
        height: 396px;
    }
    .aboclient {
        box-shadow: none !important;
        border: none !important;
        margin-left: 185px !important;
        margin-right: 185px !important;
    }
    .carousel-inner {
        position: relative;
        width: 125%;
        overflow: hidden;
    }
    .carousel-inner {
        position: relative;
        width: 125%;
        overflow: hidden;
    }
    .aboclientlog {
        width: 40% !important;
    }
    .abocliprev {
        margin-top: 26% !important;
    }
    .aboclinex {
        margin-top: 26% !important;
    }
}

.box {
    width: 40%;
    height: 430px;
    margin: 50px;
    background: #fff;
    float: left;
}

.abovalboxh3 {
    font-size: 28px !important;
    color: #051f6b !important;
    padding: 5px !important;
    font-family: Roboto, sans-serif !important;
}

.box:hover {
    box-shadow: 0 0 11px rgba(33, 33, 33, .2);
    border-radius: 10px;
}

.boximg {
    height: 300px;
    margin-left: 95px;
    margin-right: 95px;
}

.abovalbox {
    margin-left: 60px;
    height: 1010px;
}

.abovalboxp {
    padding: 8px 60px;
    font-size: 18px !important;
    color: #545454 !important;
    font-family: Roboto, sans-serif !important;
}

@media screen and (max-width: 1079px) and (min-width: 640px) {
    .abovalbox {
        margin-left: 108px;
        height: 900px;
    }
    .box:hover {
        box-shadow: none !important;
        border-radius: none !important;
    }
    .abovalboxp {
        padding: 8px 0px !important;
        font-size: 16px !important;
    }
    .box {
        width: 30% !important;
        margin-top: 10px !important;
        margin-bottom: 10px !important;
    }
    .boximg {
        margin-left: -50px !important;
        height: 218px;
    }
    .aboutinno {
        width: 270px;
        height: 206px !important;
        background: url(../images/aboutus-icons.png)-26px -262px no-repeat;
        margin: 0px auto;
        position: absolute;
        background-size: 802px auto;
    }
    .abovalboxh3 {
        font-size: 26px !important;
    }
    .aboutlong {
        width: 270px;
        height: 206px !important;
        background: url(../images/aboutus-icons.png)-278px -260px no-repeat;
        margin: 0px auto;
        position: absolute;
        background-size: 802px auto;
    }
    .aboutcommit {
        width: 270px;
        height: 219px !important;
        background: url(../images/aboutus-icons.png)-372px -47px no-repeat;
        margin: 0px auto;
        position: absolute;
        background-size: 880px auto;
    }
    .abouttrans {
        width: 218px;
        height: 215px !important;
        background: url(../images/aboutus-icons.png)-624px -25px no-repeat;
        margin: 0px auto;
        position: absolute;
        background-size: 880px auto;
    }
}

@media screen and (max-width: 639px) {
    .abovalbox {
        margin: 0 auto;
        height: 2010px;
        width: 295px !important;
    }
    .box {
        width: 100%;
        margin-top: 0px !important;
        margin-bottom: 0px !important;
        height: 500px;
    }
    .boximg {
        height: 300px;
        margin-left: -72px;
        margin-right: 0px;
    }
    .aboutmis {
        text-align: center !important;
        padding-left: 0px !important;
        padding-right: 0px !important;
        margin-left: 0px !important;
    }
    .abovalboxp {
        padding: 8px 10px !important;
        margin-left: -62px !important;
    }
    .abovalboxh3 {
        margin-left: -62px !important;
    }
    .box:hover {
        box-shadow: none !important;
        border-radius: none !important;
    }
    .effitrac-maindiv {
        display: block;
        display: block;
        height: 100%;
        max-width: 639px;
        width: 100%;
        margin: 0 auto 0;
    }
}

@media screen and (max-width: 1079px) and (min-width: 640px) {
    .effitrac-maindiv {
        display: block;
        display: block;
        height: 100%;
        max-width: 1079px;
        width: 100%;
        margin: 0 auto 0;
    }
    .tab1sec1 {
        width: 50%;
        float: left;
        padding: 5px;
    }
    .tab1sec2 {
        width: 50%;
        float: left;
        padding: 5px;
    }
    .tab2sec1 {
        width: 50%;
        float: left;
        padding: 5px;
    }
    .tab2sec2 {
        width: 50%;
        float: left;
        padding: 5px;
    }
    .tab2sec3 {
        width: 50%;
        float: left;
        padding: 5px;
    }
    .tab2sec4 {
        width: 50%;
        float: left;
        padding: 5px;
    }
    .tabsech2 {
        font-family: Roboto, sans-serif !important;
        font-size: 20px !important;
        color: #051f6b;
        padding: 5px;
    }
    .tabsecp {
        margin-top: 2px;
        margin-bottom: 0px;
        font-family: Roboto, sans-serif !important;
        font-size: 14px !important;
        color: #545454;
    }
}

@media screen and (min-width: 1080px) {
    .whyeffi {
        display: flex;
    }
    .whyeffidiv {
        margin: 0 auto;
    }
    .whyeffip {
        color: #414042;
        padding: 0 160px !important;
        font-size: 18px;
    }
    .landingimg {
        position: absolute;
        left: 200px;
    }
    .benefitsicon1 {
        width: 116px;
        height: 140px !important;
        background: url(../images/effitrac-MSME-icon.png)-10px -14px no-repeat;
        margin: 0px auto;
        background-size: 700px auto;
    }
    .benefitsicon2 {
        width: 126px;
        height: 140px !important;
        background: url(../images/effitrac-MSME-icon.png)-153px -14px no-repeat;
        margin: 0px auto;
        background-size: 700px auto;
    }
    .benefitsicon3 {
        width: 116px;
        height: 140px !important;
        background: url(../images/effitrac-MSME-icon.png)-291px -8px no-repeat;
        margin: 0px auto;
        background-size: 700px auto;
    }
    .benefitsicon4 {
        width: 120px;
        height: 140px !important;
        background: url(../images/effitrac-MSME-icon.png)-416px -3px no-repeat;
        margin: 0px auto;
        background-size: 700px auto;
    }
    .featuredicon1 {
        width: 115px;
        height: 160px !important;
        background: url(../images/effitrac-MSME-icon.png)-24px -304px no-repeat;
        margin: 0px auto;
        background-size: 606px auto;
    }
    .featuredicon2 {
        width: 115px;
        height: 160px !important;
        background: url(../images/effitrac-MSME-icon.png)-152px -304px no-repeat;
        margin: 0px auto;
        background-size: 606px auto;
    }
    .featuredicon3 {
        width: 115px;
        height: 160px !important;
        background: url(../images/effitrac-MSME-icon.png)-284px -304px no-repeat;
        margin: 0px auto;
        background-size: 606px auto;
    }
    .featuredhovericon1 {
        width: 115px;
        height: 160px !important;
        background: url(../images/effitrac-MSME-icon.png)-24px -155px no-repeat;
        margin: 0px auto;
        background-size: 606px auto;
        display: none;
    }
    .featuredhovericon2 {
        width: 115px;
        height: 160px !important;
        background: url(../images/effitrac-MSME-icon.png)-152px -155px no-repeat;
        margin: 0px auto;
        background-size: 606px auto;
        display: none;
    }
    .featuredhovericon3 {
        width: 115px;
        height: 160px !important;
        background: url(../images/effitrac-MSME-icon.png)-284px -155px no-repeat;
        margin: 0px auto;
        background-size: 606px auto;
        display: none;
    }
    .inputtab:checked+.featuredhovericon1 {
        display: block;
    }
    .inputtab:checked+.featuredicon1 {
        display: none;
    }
    .featuredbox2:hover .featuredhovericon2 {
        display: block;
    }
    .featuredbox2:hover .featuredicon2 {
        display: none;
    }
    .featuredbox3:hover .featuredhovericon3 {
        display: block;
    }
    .featuredbox3:hover .featuredicon3 {
        display: none;
    }
    .signupbtn {
        background: #419511;
        border: 0;
        padding: 8px 20px;
        color: #fff;
        border-radius: 6px;
        margin-top: 7px;
    }
    .signuptxt {
        color: #000;
        padding: 7px 10px;
        border: 1px solid #545454;
        background: #fff;
        border-radius: 6px;
    }
    .benifitsbox {
        height: auto;
        margin: 70px 0 0;
    }
    .benifitsboxdiv {
        width: 100%;
    }
    .benifitsbox1 {
        width: 50%;
        height: auto;
        background: #fff;
        float: left;
        padding: 40px;
    }
    .benifitsbox2 {
        width: 50%;
        height: auto;
        background: #fff;
        float: left;
        padding: 40px;
    }
    .benifitsbox3 {
        width: 50%;
        height: auto;
        background: #fff;
        float: left;
        padding: 40px;
    }
    .benifitsbox4 {
        width: 50%;
        height: auto;
        background: #fff;
        float: left;
        padding: 40px;
    }
    .benifitsboximg {
        height: auto;
        margin: 0;
    }
    .benifitsboxh3 {
        font-size: 28px !important;
        color: #a30d2d !important;
        padding: 5px !important;
        font-family: Roboto, sans-serif !important;
        font-weight: bold;
    }
    .benifitsboxp {
        padding: 8px 8px !important;
        font-size: 18px !important;
        color: #545454 !important;
        font-family: Roboto, sans-serif !important;
    }
    /*>1080*/
    .featuredbox {
        margin: 0 auto;
        height: auto;
        text-align: center;
        width: 100%;
        padding: 30px;
    }
    .tab-1,
    .tab-2,
    .tab-3 {
        width: 27%;
        height: 370px;
        padding: 40px;
        margin: 20px;
    }
    input:checked+label {
        box-shadow: 0 0 11px rgba(33, 33, 33, .2);
        border-radius: 10px;
        background: #fff;
    }
    .con {
        display: none;
    }
    .inputtab {
        position: Absolute;
        left: -9999px;
    }
    .inputtab:checked+.tab-1~.tab-1-content {
        display: block;
    }
    .inputtab:checked+.tab-2~.tab-2-content {
        display: block;
    }
    .inputtab:checked+.tab-3~.tab-3-content {
        display: block;
    }
    .productboxdiv1 {
        width: 40%;
        float: left;
        margin-left: 130px;
        margin-top: 30px;
    }
    .productsec {
        margin: 0px auto;
        /*background-image: linear-gradient(to right, #e9e9e9 , #ffffff);*/
        background-size: 100% 100%;
        background-repeat: no-repeat;
        /*min-height: 1200px;*/
        /*background-position: 0 360px;*/
    }
    .productbox1 {
        width: 25%;
        height: 360px;
        background: #fff;
        box-shadow: 0 0 11px rgba(33, 33, 33, .2);
        border-radius: 10px;
        padding: 0 0 50px 0;
        position: absolute;
    }
    .productboxdiv2 {
        width: 40%;
        float: left;
        margin-top: 30px;
    }
    .productbox1div1 {
        width: 30%;
        float: left;
        margin-left: 18px;
        margin-top: 30px;
    }
    .productbox1div2 {
        width: 30%;
        float: left;
        margin-top: 30px;
    }
    .productbox1div3 {
        width: 30%;
        float: left;
        margin-top: 30px;
    }
    .productbox2div1 {
        width: 30%;
        float: left;
        margin-left: 18px;
        margin-top: 30px;
    }
    .productbox2div2 {
        width: 30%;
        float: left;
        margin-top: 30px;
    }
    .productbox2div3 {
        width: 30%;
        float: left;
        margin-top: 30px;
    }
    .productbox2 {
        width: 25%;
        height: 360px;
        background: #fff;
        box-shadow: 0 0 11px rgba(33, 33, 33, .2);
        border-radius: 10px;
        padding: 0 0 50px 0;
        /*position: absolute;*/
    }
    /*>1080*/
    .growthcrm {
        height: 144px;
    }
    .growtherp {
        height: 144px;
    }
    .scalecrm {
        height: 168px;
    }
    .scaleerp {
        height: 168px;
    }
    .productbox {
        display: inline-block;
        width: 27%;
        height: 370px;
        text-align: center;
        background: #fcfcfc;
        border-radius: 15px;
        margin: 30px;
        /*float:left;*/
    }
    .productboxdiv3 {
        width: 40%;
        margin-left: 380px;
        margin-top: 30px;
    }
    .producth3 {
        margin-left: 500px;
    }
    .productbox3 {
        width: 25%;
        height: 360px;
        background: #fff;
        box-shadow: 0 0 11px rgba(33, 33, 33, .2);
        border-radius: 10px;
        padding: 0 0 50px 0;
        position: absolute;
    }
    .appsbtn {
        font-size: 17px !important;
        color: #fff!important;
        background: #194d65;
        letter-spacing: .5px;
        padding: 14px 60px;
        border-radius: 8px;
        position: relative;
    }
    .appsbtn1 {
        font-size: 17px !important;
        color: #fff!important;
        background: #194d65;
        letter-spacing: .5px;
        padding: 18px 48px;
        border-radius: 8px;
        position: relative;
        left: 90px;
        top: -8px;
    }
    .appsbtn2 {
        font-size: 17px !important;
        color: #fff!important;
        background: #194d65;
        letter-spacing: .5px;
        padding: 18px 48px;
        border-radius: 8px;
        position: relative;
        left: 90px;
        top: -8px;
    }
    .appsbtn3 {
        font-size: 17px !important;
        color: #fff!important;
        background: #194d65;
        letter-spacing: .5px;
        padding: 18px 48px;
        border-radius: 8px;
        position: relative;
        left: 55px;
        top: -8px;
    }
    .appsbtn4 {
        font-size: 17px !important;
        color: #fff!important;
        background: #194d65;
        letter-spacing: .5px;
        padding: 18px 48px;
        border-radius: 8px;
        position: relative;
        left: 55px;
        top: -8px;
    }
    .h4background {
        background: #f9f9f9;
        height: 90px;
    }
    .h4contentalign {
        padding: 10px;
    }
    .ulist {
        text-align: left !important;
        margin: 26px 0px 26px 46px;
    }
    .publicationsdiv {
        margin: 110px auto;
        width: 1200px;
        padding-top: 110px;
        height: 500px;
    }
    .publicationsbox {
        margin-left: 405px;
    }
    .publicationsboxdiv {
        width: 100%;
        margin: 0 auto;
    }
    .publicaimg {
        display: block;
        width: 100%;
        height: 118px;
        max-width: 120px;
        margin: 5px auto;
        border-radius: 50%;
        position: relative;
    }
    .publicationsbox1 {
        width: 50%;
        height: 340px;
        background: #fff;
        float: left;
        padding: 40px;
        box-shadow: 0 0 11px rgba(33, 33, 33, .2);
        border-radius: 10px;
    }
    .publicationsbox2 {
        width: 30%;
        height: 310px;
        background: #fff;
        float: left;
        padding: 40px;
        margin: 20px;
        box-shadow: 0 0 11px rgba(33, 33, 33, .2);
        border-radius: 10px;
    }
    .publicationsbox3 {
        width: 30%;
        height: 310px;
        background: #fff;
        float: left;
        padding: 40px;
        margin: 20px;
        box-shadow: 0 0 11px rgba(33, 33, 33, .2);
        border-radius: 10px;
    }
}

@media screen and (max-width: 1079px) and (min-width: 640px) {
    /*<>*/
    .featuredbox {
        margin: 0 auto;
        height: auto;
        text-align: center;
        width: 100%;
    }
    .featuredicon1 {
        width: 115px;
        height: 160px !important;
        background: url(../images/effitrac-MSME-icon.png)-24px -304px no-repeat;
        margin: 0px auto;
        background-size: 606px auto;
    }
    .featuredicon2 {
        width: 115px;
        height: 160px !important;
        background: url(../images/effitrac-MSME-icon.png)-152px -304px no-repeat;
        margin: 0px auto;
        background-size: 606px auto;
    }
    .featuredicon3 {
        width: 115px;
        height: 160px !important;
        background: url(../images/effitrac-MSME-icon.png)-284px -304px no-repeat;
        margin: 0px auto;
        background-size: 606px auto;
    }
    .benefitsicon3 {
        width: 116px;
        height: 140px !important;
        background: url(../images/effitrac-MSME-icon.png)-291px -8px no-repeat;
        margin: 0px auto;
        background-size: 700px auto;
    }
    .benefitsicon4 {
        width: 120px;
        height: 140px !important;
        background: url(../images/effitrac-MSME-icon.png)-416px -3px no-repeat;
        margin: 0px auto;
        background-size: 700px auto;
    }
    .landban1 {
        width: 58%;
    }
    .landban2 {
        width: 40%;
    }
    .whyeffi {
        display: flex;
    }
    .whyeffidiv {
        margin: 0 auto;
    }
    .header-style {
        color: #a21d35;
        font-weight: 500!important;
        font-size: 30px;
        line-height: 1.5;
    }
    .whyeffip {
        color: #414042;
        padding: 0 160px !important;
        font-size: 18px;
    }
    .benifitsbox {
        height: auto;
        margin: 70px 0 0;
    }
    .benifitsboxdiv {
        width: 100%;
    }
    .benifitsbox1 {
        width: 100%;
        background: #fff;
        float: left;
        padding: 40px;
    }
    .benifitsboximg {
        height: auto;
        margin: 0;
    }
    .benefitsicon1 {
        width: 116px;
        height: 140px !important;
        background: url(../images/effitrac-MSME-icon.png)-10px -14px no-repeat;
        margin: 0px auto;
        background-size: 700px auto;
    }
    .benefitsicon2 {
        width: 126px;
        height: 140px !important;
        background: url(../images/effitrac-MSME-icon.png)-153px -14px no-repeat;
        margin: 0px auto;
        background-size: 700px auto;
    }
    .benefitsicon3 {
        width: 116px;
        height: 140px !important;
        background: url(../images/effitrac-MSME-icon.png)-291px -8px no-repeat;
        margin: 0px auto;
        background-size: 700px auto;
    }
    .benefitsicon4 {
        width: 120px;
        height: 140px !important;
        background: url(../images/effitrac-MSME-icon.png)-416px -3px no-repeat;
        margin: 0px auto;
        background-size: 700px auto;
    }
    .benifitsboxh3 {
        font-size: 28px !important;
        color: #a30d2d !important;
        padding: 5px !important;
        font-family: Roboto, sans-serif !important;
        font-weight: bold;
    }
    .benifitsboxp {
        padding: 8px 8px !important;
        font-size: 18px !important;
        color: #545454 !important;
        font-family: Roboto, sans-serif !important;
    }
    .benifitsbox2 {
        width: 100%;
        background: #fff;
        float: left;
        padding: 40px;
    }
    .benefitsicon2 {
        width: 126px;
        height: 140px !important;
        background: url(../images/effitrac-MSME-icon.png)-153px -14px no-repeat;
        margin: 0px auto;
        background-size: 700px auto;
    }
    .benifitsbox3 {
        width: 100%;
        background: #fff;
        float: left;
        padding: 40px;
    }
    .benifitsbox4 {
        width: 100%;
        background: #fff;
        float: left;
        padding: 40px;
    }
    .header-style {
        color: #a21d35;
        font-weight: 500!important;
        font-size: 30px;
        line-height: 1.5;
    }
    .inputtab {
        position: Absolute;
        left: -9999px;
        /*Hide the checkboxes froom html*/
    }
    .featuredicon1 {
        width: 115px;
        height: 160px !important;
        background: url(../images/effitrac-MSME-icon.png)-24px -304px no-repeat;
        margin: 0px auto;
        background-size: 606px auto;
    }
    .effitrac-features {
        font-size: 16px;
        text-align: center;
        color: #545454;
    }
    .featuredicon2 {
        width: 115px;
        height: 160px !important;
        background: url(../images/effitrac-MSME-icon.png)-152px -304px no-repeat;
        margin: 0px auto;
        background-size: 606px auto;
    }
    .featuredicon3 {
        width: 115px;
        height: 160px !important;
        background: url(../images/effitrac-MSME-icon.png)-284px -304px no-repeat;
        margin: 0px auto;
        background-size: 606px auto;
    }
    /*<1080*/
    .productbox {
        display: inline-block;
        width: 50%;
        height: 370px;
        text-align: center;
        background: #fcfcfc;
        border-radius: 15px;
        margin: 30px;
        /*float: left;*/
    }
    .productboxdiv1 {
        width: 40%;
        float: left;
        margin-left: 130px;
        margin-top: 30px;
    }
    .appsbtn1 {
        font-size: 17px !important;
        color: #fff!important;
        background: #194d65;
        letter-spacing: .5px;
        padding: 18px 48px;
        border-radius: 8px;
        position: relative;
        left: 90px;
        top: -8px;
    }
    .productbox1 {
        width: 25%;
        height: 360px;
        background: #fff;
        box-shadow: 0 0 11px rgba(33, 33, 33, .2);
        border-radius: 10px;
        padding: 0 0 50px 0;
        position: absolute;
    }
    .h4background {
        background: #f9f9f9;
        height: 90px;
    }
    .h4contentalign {
        padding: 10px;
    }
    .ulist {
        text-align: left!important;
        margin: 26px 0px 26px 46px;
    }
    .appsbtn {
        font-size: 17px !important;
        color: #fff!important;
        background: #194d65;
        letter-spacing: .5px;
        padding: 14px 60px;
        border-radius: 8px;
        position: relative;
    }
    .productboxdiv2 {
        width: 40%;
        float: left;
        margin-top: 30px;
    }
    .appsbtn2 {
        font-size: 17px !important;
        color: #fff!important;
        background: #194d65;
        letter-spacing: .5px;
        padding: 18px 48px;
        border-radius: 8px;
        position: relative;
        left: 90px;
        top: -8px;
    }
    .productbox2 {
        width: 25%;
        height: 360px;
        background: #fff;
        box-shadow: 0 0 11px rgba(33, 33, 33, .2);
        border-radius: 10px;
        padding: 0 0 50px 0;
        position: absolute;
    }
    .producth3 {
        margin-left: 500px;
    }
    .productboxdiv3 {
        width: 40%;
        margin-left: 380px;
        margin-top: 30px;
    }
    .appsbtn3 {
        font-size: 17px !important;
        color: #fff!important;
        background: #194d65;
        letter-spacing: .5px;
        padding: 18px 48px;
        border-radius: 8px;
        position: relative;
        left: 55px;
        top: -8px;
    }
    .productbox3 {
        width: 25%;
        height: 360px;
        background: #fff;
        box-shadow: 0 0 11px rgba(33, 33, 33, .2);
        border-radius: 10px;
        padding: 0 0 50px 0;
        position: absolute;
    }
    .productbox1div1 {
        width: 30%;
        float: left;
        margin-left: 18px;
        margin-top: 30px;
    }
    .productbox1div2 {
        width: 30%;
        float: left;
        margin-top: 30px;
    }
    .productbox2 {
        width: 25%;
        height: 360px;
        background: #fff;
        box-shadow: 0 0 11px rgba(33, 33, 33, .2);
        border-radius: 10px;
        padding: 0 0 50px 0;
        position: absolute;
    }
    .productbox1div3 {
        width: 30%;
        float: left;
        margin-top: 30px;
    }
    .productbox2div1 {
        width: 30%;
        float: left;
        margin-left: 18px;
        margin-top: 30px;
    }
    .productbox2div2 {
        width: 30%;
        float: left;
        margin-top: 30px;
    }
    .productbox2div3 {
        width: 30%;
        float: left;
        margin-top: 30px;
    }
    .publicationsdiv {
        margin: 110px auto;
        width: 1200px;
        padding-top: 110px;
        height: 500px;
    }
    .header-style {
        color: #a21d35;
        font-weight: 500!important;
        font-size: 30px;
        line-height: 1.5;
    }
    .publicationsbox {
        margin-left: 405px;
    }
    .publicationsboxdiv {
        width: 100%;
        margin: 0 auto;
    }
    .publicationsbox1 {
        width: 50%;
        height: 340px;
        background: #fff;
        float: left;
        padding: 40px;
        box-shadow: 0 0 11px rgba(33, 33, 33, .2);
        border-radius: 10px;
    }
    .publicaimg {
        display: block;
        width: 100%;
        height: 118px;
        max-width: 120px;
        margin: 5px auto;
        border-radius: 50%;
        position: relative;
    }
    .title1 {
        font-family: Roboto, sans-serif !important;
        font-size: 20px !important;
        color: #545454;
        padding: 5px;
    }
    .signupbtn {
        background: #419511;
        border: 0;
        padding: 8px 20px;
        color: #fff;
        border-radius: 6px;
        margin-top: 7px;
    }
    .signuptxt {
        color: #000;
        padding: 7px 10px;
        border: 1px solid #545454;
        background: #fff;
        border-radius: 6px;
    }
    input:checked+label {
        box-shadow: 0 0 11px rgba(33, 33, 33, .2);
        border-radius: 10px;
        background: #fff;
    }
    .con {
        display: none;
    }
    .inputtab {
        position: Absolute;
        left: -9999px;
    }
    .inputtab:checked+.tab-1~.tab-1-content {
        display: block;
    }
    .inputtab:checked+.tab-2~.tab-2-content {
        display: block;
    }
    .inputtab:checked+.tab-3~.tab-3-content {
        display: block;
    }
    .tab-1,
    .tab-2,
    .tab-3 {
        width: 80%;
        height: 370px;
        padding: 40px;
        margin: 20px;
    }
}

@media screen and (max-width: 639px) {
    /*<670*/
    .featuredbox {
        margin: 0 auto;
        height: auto;
        text-align: center;
        width: 100%;
    }
    input:checked+label {
        box-shadow: 0 0 11px rgba(33, 33, 33, .2);
        border-radius: 10px;
        background: #fff;
    }
    .con {
        display: none;
    }
    .inputtab {
        position: Absolute;
        left: -9999px;
    }
    .inputtab:checked+.tab-1~.tab-1-content {
        display: block;
    }
    .inputtab:checked+.tab-2~.tab-2-content {
        display: block;
    }
    .inputtab:checked+.tab-3~.tab-3-content {
        display: block;
    }
    .tab-1,
    .tab-2,
    .tab-3 {
        width: 80%;
        height: 370px;
        padding: 40px;
        margin: 20px;
    }
    .benefitsicon1 {
        width: 116px;
        height: 140px !important;
        background: url(../images/effitrac-MSME-icon.png)-10px -14px no-repeat;
        margin: 0px auto;
        background-size: 700px auto;
    }
    .benefitsicon2 {
        width: 126px;
        height: 140px !important;
        background: url(../images/effitrac-MSME-icon.png)-153px -14px no-repeat;
        margin: 0px auto;
        background-size: 700px auto;
    }
    .benefitsicon3 {
        width: 116px;
        height: 140px !important;
        background: url(../images/effitrac-MSME-icon.png)-291px -8px no-repeat;
        margin: 0px auto;
        background-size: 700px auto;
    }
    .benefitsicon4 {
        width: 120px;
        height: 140px !important;
        background: url(../images/effitrac-MSME-icon.png)-416px -3px no-repeat;
        margin: 0px auto;
        background-size: 700px auto;
    }
    .signupbtn {
        background: #419511;
        border: 0;
        padding: 8px 20px;
        color: #fff;
        border-radius: 6px;
        margin-top: 7px;
    }
    .signuptxt {
        color: #000;
        padding: 7px 10px;
        border: 1px solid #545454;
        background: #fff;
        border-radius: 6px;
    }
    .featuredicon1 {
        width: 115px;
        height: 160px !important;
        background: url(../images/effitrac-MSME-icon.png)-24px -304px no-repeat;
        margin: 0px auto;
        background-size: 606px auto;
    }
    .featuredicon2 {
        width: 115px;
        height: 160px !important;
        background: url(../images/effitrac-MSME-icon.png)-152px -304px no-repeat;
        margin: 0px auto;
        background-size: 606px auto;
    }
    .featuredicon3 {
        width: 115px;
        height: 160px !important;
        background: url(../images/effitrac-MSME-icon.png)-284px -304px no-repeat;
        margin: 0px auto;
        background-size: 606px auto;
    }
    /*<670*/
    .productbox {
        display: inline-block;
        width: 80%;
        height: 370px;
        text-align: center;
        background: #fcfcfc;
        border-radius: 15px;
        margin: 30px;
        /*float:left;*/
    }
    .appsbtn {
        font-size: 17px !important;
        color: #fff!important;
        background: #194d65;
        letter-spacing: .5px;
        padding: 14px 60px;
        border-radius: 8px;
        position: relative;
    }
    .ulist {
        text-align: left!important;
        margin: 26px 0px 26px 46px;
    }
    .h4contentalign {
        padding: 10px;
    }
    .h4background {
        background: #f9f9f9;
        height: 90px;
    }
}