/*@media screen and (orientation: portrait) {
    .photo {
        max-width: 90%;
    }
}

@media screen and (orientation: landscape) {
    .photo {
        max-height: 90%;
    }
}*/



* {
    margin: 0;
}

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

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

::placeholder {
    color: #ffffff;
}


@media  (max-width: 1650px) {
    .mainRight {
        margin-left: 200px;
    }
}

@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: 276px;
        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: 1000px) {
    .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;
    }

    .explain{
        width: auto !important;
    }

    .people {
        margin-top: 40px;
        width: 100vw;
    }
    .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;

    }

    


    .early > img{
        padding:0;
    }

    .early
    {
        font-size: 10px;
    }


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

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

    .mobileHow{
        padding-top:0px;
    }
}



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


@media (min-height: 0px) and (max-height: 457px) {
    .contentFooter {
        position: inherit !important;
        padding: 0px 20px;
    }
}

@media (min-height: 457px) {
    .contentFooter {
        position:absolute !important;
        bottom:20px !important;
    }
}





input, input:before, input:after {
    -webkit-user-select: initial;
    -khtml-user-select: initial;
    -moz-user-select: initial;
    -ms-user-select: initial;
    user-select: initial;
}