* {
    margin: 0;
}

::-webkit-input-placeholder { /* Edge */
    color: #ffffff;
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #ffffff;
}

::placeholder {
    color: #ffffff;
}

.accessBtn {
    position: absolute;
     display: inline-block;
}


.buildLocality {
    text-align: center;
    width: 100%;
    margin-left: -110px;
}

.joinCommunity {
    padding: 0px 180px;
    /* position: absolute; */
    display: inline-block;
    /* margin: 100px; */
    font-size: 1.8em;
    /* float: left; */
    /* padding-top: 52px; */
    vertical-align: middle;
    height: 100%;
    text-align: center;
}

.communityDownload {
    /*width: 400px;*/
    margin: auto;
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    /*padding: 0px 180px;*/
}

@media (min-width: 1350px) {
    .mainRight {
        margin-left: 150px;
    }

        .mainRight img {
            width: 560px;
        }
}


@media (max-width: 1350px) {

  


    .mainRight {
        margin-left: 50px;
    }
    .mainRight img {
            width: 460px;
        }
    .peopleDetails > .mobile {
        left: 54px;
    }
}

@media (max-width: 1250px) {
    .mainRight {
        padding-top: 100px;
        margin-left: 0px;
    }

    .row {
        display: table !important;
    }

    .peopleDetails > .map {
        width: 96vw;
        margin: 0px;
        position: relative;
        left: 0px;
    }

    .peopleDetails > .mobile {
       width: 239px;
        position: relative;
        left: 0px;
        padding: 50px 0px;
    }

    .userUsage img {
        padding: 0px 150px;
        width: 300px;
        margin: auto;
        text-align: center;
    }

    .userUsage {
        display: table;
        margin: auto;
        text-align: center;
    }

    .mainscreen {
        margin: auto;
        text-align: center;
        float: none;
    }

    .mainLeft {
        text-align: left;
        padding-left: 100px;
    }

    .mainLeft, .mainRight {
        float: none;
    }


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

        .early .accessBtn {
            margin-top: 50px;
        }

    .p1 {
        left: 21vw !important;
        top: 31vh !important;
    }

    .p2 {
        left: 27vw !important;
        top: 1vh !important;
    }

    .p3 {
        left: -7vw !important;
        top: 23vh !important;
    }

    .p4 {
        left: 21vw !important;
        top: 25vh !important;
    }
}

@media (min-width: 1250px) and (max-width: 1530px) {
    .sloganText {
        vertical-align: baseline !important;
        width: 1px;
        padding-left: 20px !important;
    }
}

@media (max-width: 600px) {
    .mainLeft {
        display: block !important;
    }
}


    @media (max-width: 1000px) {

        .slogan img {
            display: none;
        }

        .accessBtn{
            position:inherit;
        }

        .mainLeft {
            display: inline-block !important;
        }
        .mainRight img {
            width: 80%;
        }
        .p1 {
            left: 21vw !important;
            top: 21vh !important;
        }

        .p2 {
            left: 27vw !important;
            top: 1vh !important;
        }

        .p3 {
            left: -7vw !important;
            top: 15vh !important;
        }

        .p4 {
            left: 21vw !important;
            top: 13vh !important;
        }

        img {
            width: 100%;
            height: auto;
        }



        .mainLeft > .fontBold {
            font-size: 32px !important;
        }

        .mainLeft > .fontSemi {
            font-size: 24px !important;
        }

        .mainLeft, .mainRight {
            display: block;
            padding: 0px;
            margin: 0px;
        }

        .mainLeft {
            padding-top: 0 !important;
            padding-left: 0 !important;
            margin-top: 40px;
            margin-left: 40px;
            margin-bottom: 40px;
        }

        .slogan img {
            padding: 0;
        }

        .sloganText {
            vertical-align: baseline !important;
            width: 1px;
            /*padding-left: 20px !important;*/
        }

        .mainRight {
            margin-left: 0 !important;
        }

        /*.mainRight img {
            width: 90% !important;
        }*/


        .row {
            display: block;
            float: none;
            width: 100%;
        }

        .explain {
            width: auto !important;
        }

        .people {
            margin-top: 40px;
            width: 100%;
        }

            .people > img {
                width: 100px;
                padding: 0;
                margin: 0;
            }

        .map, .mapPins {
            display: none;
        }

        .peopleDetails > .mobile {
            left: 0;
            margin: 0;
            width: 52%;
            position: center;
        }

        .userUsage img {
            width: 60% !important;
            padding: 0 !important;
        }


        .buildLocality {
            margin: 0px;
            display: block;
          
        }

        .joinCommunity{
            padding:0px;
            display:block;
        }

        .early > div > img {
            padding: 0;
            max-width: 120px;
        }

        .early {
            font-size: 10px;
        }


        .inputBox {
            width: 80% !important;
            margin: 20px 0px !important;
        }

        .mainRight img.rightMobile {
            width: 50% !important;
        }

        .mobileHow {
            padding-top: 0px;
        }

        .sloganText {
            font-size: 0.8em !important;
        }

        .logoSize {
            width: 250px;
        }
    }



    .validation-summary-errors ul {
        list-style: none;
    }