html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}

html { width: 100%}
body { width: 100%}

article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
    display: block;
}
body {
  line-height: 1;
  background-color: #fff;
  overflow-x: hidden;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}

a {
    text-decoration: none;
}

@font-face { 
    font-family: Helvetica; src: url('HelveticaNeue.OTF'); 
} 

@font-face { 
    font-family: Helveticas; font-weight: bold; src: url('HelveticaNeue-Bold.OTF'); 
} 

@font-face { 
    font-family: Helvetica; src: url('HelveticaNeue.OTF'); 
} 

@font-face { 
    font-family: Helvetica; src: url('HelveticaNeue.OTF'); 
} 

.topmost {
    width: 100%;
    height: 40px;
    margin: 0 auto;
    background-color: #e2e3e5;
}

.topmost1 {
    width: 80%;
    height: 40px;
    margin: 0 auto;
}

.mailcall {
    width: 50%;
    font-family: helvetica;
    font-size: 13px;
    color: #4d4e50;
    padding: 12 0; 
    float: left;
}

.enquiry {
    width: 50%;
    font-family: helvetica;
    font-size: 13px;
    color: #4d4e50;
    padding: 12 0; 
    float: left;
}

.enquiry p {
    float: right;
}

.navigation {
    width: 100%;
    height: 102px;
}

.navigation1 {
    width: 80%;
    height: 102px;
    margin: 0 auto;
}

.logo {
    width: 30%;
    height: 102px;
    background-color: none;
    float: left;
}

nav {
    width: 70%;
    height: 102px;
    background-color: none;
    float: left;
}

nav ul {
    list-style: none;
    float: right;
}

nav ul li {
    display: inline-block;
    font-family: helvetica;
    font-weight: bold;
    padding: 43 5;
    margin: 0 -7 0 -7;
    letter-spacing: 1.5px;
}

nav ul li a {
    color: #4d4e50;
    text-decoration: none;
    transition: color 0.3s ease;
    padding: 42 18 43 18;
}

nav ul li a:hover {
    color: #fff;
    background-color: #f1b812;
    padding: 42 18 43 18;
}

li#selected a{
    color: #fff;
    background-color: #f1b812;
    padding: 42 18 43 18;
}

hr {
    height: 10px;
    width: 100%;
    border: 0 none;
    background-color: #e2e3e5;
    margin-top: 0px;
    margin-bottom: 0px;
}

.anim {
    width: 100%;
    position: relative;
}

.mainpage {
    width: 50%;
    float: left;
    height: 300px;
    background-color: none;
}

.yellow {
    color: #f1b812;
}

.readmore a{
    color: #f1b812;
}

.readmore a:hover{
    color: #f1b812;
}

h2 {
    font-family: helvetica;
    font-size: 25px;
    margin-top: 25px;
    margin-bottom: 25px;
    letter-spacing: 1.5px;
}

.hundred {
    margin-left: 100px;
}

.karthik img{
    max-width: 80%;
    background: none;
    margin-left: 20px;
    margin-top: 50px;
}

h2 a{
    color: #6f6f6f;
}

.pro {
    font-family: helvetica;
    font-size: 18px;
    margin-top: 25px;
    letter-spacing: 1.2px;
}

.uta {
    font-family: helvetica;
    font-size: 23px;
    margin-bottom: -5px;
    margin-top: 0px;
    margin-left: 100px;
    letter-spacing: 1.2px;
    line-height:1.2;
}

.uta-page {
    margin-bottom: 40px;
    margin-top: 20px;
}

.home-article{
    margin-left: 100px;
}

article {
    width: 100%;
    font-family: helvetica;
    float: left;
}

article h4 {
    font-size: 18px;
    margin-top: 20px;
    font-weight: 500;
}

article p {
    margin-top: 20px;
    line-height: 1.5;
    letter-spacing: 1.2px;
    text-align: left;
}

.grey {
    color: #4d4d4f;
    font-family: helvetica;
    font-size: 13px;
}

h3 {
    font-family: helvetica;
    font-size: 20px;
    margin-top: 25px;
    padding-top: 10px;
    letter-spacing: 1.5px;
    font-weight: 500;
}

h5 {
    line-height: 1.3;
    font-size: 14px;
    margin-top: 30px;
    font-weight: 500;
    color: #4d4d4f;
    letter-spacing: 1.5px;
}

h5 a {
    color: #4d4d4f;
}

p a {
    color: #4d4d4f;
}

.podium1 {
    float: left;
    border: 6px solid #4d4d4f;
}

.krishna {
    margin-left: 50px;
    float: left;
}

.podium {
    width: 60%;
    margin-left: 100px;
    margin-top: 25;
    margin-bottom: 120px; 
    height: 320px;
    background-color: none;
}


.site-nav{
    width: 100%;
    height: 200px;
    background: #000;
    color: #fff;
}

.site-nav p {
    font-family: helvetica;
    font-size: 13px;
    line-height: 2.5;
    margin-left: 100px;
    padding-top: 20px;
    letter-spacing: 1.5px;
}

.site-nav li {
    font-family: helvetica;
    font-size: 13px;
    line-height: 1.2;
    padding-top: 20px;
    letter-spacing: 1.5px;
}

.leftnav {
    margin-left: 100px;
    width:10%;
    float: left;
    height: 200px;
} 

.centernav {
    width:65%;
    float: left;
    height: 200px;
} 

.rightnav {
    width:17%;
    float: left;
    height: 200px;
}

.harshali {
    width: 100%;
    margin-bottom: 50px;
}

.copyright {
    width: 70%;
    height: 20px;
    margin-left: 100px;
}

.copyright p {
    font-family: helvetica;
    font-size: 13px;
    margin-bottom: 10px;
    color: #4d4d4f;
    margin-top: -15;
    margin-left: 35px;
    float: left;
}

.john {
    margin-top: 10px;
}

.disclaimer {
    background-color: #e2e3e5;
    height: 35px;
    margin-top: 15px;
}

.disclaimer p{
    font-family: helvetica;
    color: #4d4d4f;
    font-size: 10px;
    padding-left: 50px;
    padding-top: 13px;
}



/*Media Screen css for Home Page*/


@media only screen and (min-width: 128px) and (max-width: 800px) {

    .topmost {
        width: 100%;
        height: 40px;
        margin: 0 auto;
        background-color: #e2e3e5;
    }

    .topmost1 {
        width: 95%;
        height: 40px;
        margin: 0 auto;
    }

    .mailcall {
        width: 100%;
        font-family: helvetica;
        font-size: 10px;
        color: #4d4e50;
        padding: 4 0; 
        float: none;
        text-align: center;
    }

    .enquiry {
        width: 100%;
        font-family: helvetica;
        font-size: 10px;
        color: #4d4e50;
        padding: 6 0; 
        float: none;
    }

    .enquiry p {
        float: none;
        text-align: center;
    }

    .navigation {
        width: 100%;
        height: auto;
    }

    .navigation1 {
        width: 100%;
        height: auto;
        margin: 0 auto;
    }

    .logo {
        width: 100%;
        height: 60px;
        background-color: none;
        float: none;
        margin: 0 auto;
    }

    nav {
        width: 100%;
        height: auto;
        background-color: none;
        float: none;
        text-align: center;
    }

    nav ul {
        list-style: none;
        float: none;
        display: none;
    }

    nav ul li {
        width: 100%;
        display: block;
        font-family: helvetica;
        font-size: 60%;
        font-weight: bold;
        padding: 0;
        margin: 0;
        letter-spacing: 1.5px;
    }

	nav ul li a {
    color: #4d4e50;
    text-decoration: none;
    transition: color 0.3s ease;
    padding: 10 0 10px 13px !important;
    display: block;
    text-align: left;
  }

    nav ul li a:hover {
        color: #fff;
        background-color: #f1b812;
        padding: 10 0;
    }

    li#selected a{
        color: #fff;
        background-color: #f1b812;
        padding: 10 0;
    }

    .nav-btn {
    display: block;
    background: url(../images/menu.png) no-repeat right 4px #333;
    color: #fff;
    padding: 10 0 10px 13px;
    font-family: helvetica;
    font-size: 60%;
    letter-spacing: 1.3;
    text-align: left;
  }

    .nav-btn:before {
        content: "MENU"
    }

    hr {
        height: 3px;
        width: 100%;
        border: 0 none;
        background-color: #e2e3e5;
        margin-top: 0px;
        margin-bottom: 0px;
    }

    .anim {
        width: 100%;
        position: relative;
    }

    .mainpage {
        width: 100%;
        float: none;
        height: auto;
        background-color: none;
        margin: 0 auto;
        margin-top: 20px;
    }

    .yellow {
        color: #f1b812;
    }

    .readmore a{
        color: #f1b812;
    }

    .readmore a:hover{
        color: #f1b812;
    }

    h2 {
        font-family: helvetica;
        font-size: 17px;
        margin-top: 0;
        margin-bottom: 10px;
        letter-spacing: 1.5px;
    }

    .hundred {
        margin-left: 0;
    }

    .karthik img{
        max-width: 60%;
        background: none;
        margin-left: 20px;
        margin-top:0px;
        margin-bottom: 30px;
    }

    h2 a{
        color: #6f6f6f;
    }

    .pro {
        font-family: helvetica;
        font-size: 11px;
        margin-top: 7px;
        letter-spacing: 1.2px;
        line-height: 1.4;
		padding:0 30px !important;
    }

    .uta {
        font-family: helvetica;
        font-size: 17px;
        margin-bottom: 0;
        margin-top: 0;
        margin-left: 0;
        letter-spacing: 1.2px;
        text-align: center;
        line-height:1.2;
    }

    .uta-page {
        margin-bottom: 40px;
        margin-top: 0px;
    }

    .home-article{
        margin-left: 0;
    }

    article {
        width: 98%;
        font-family: helvetica;
        float: none;
    }

    article h4 {
        font-size: 12px;
        margin-top: 15px;
        font-weight: 500;
    }

    article p {
        margin-top: 10px;
        line-height: 1.5;
        letter-spacing: 1.2px;
        text-align: left;
    }

    .grey {
        color: #4d4d4f;
        font-family: helvetica;
        font-size: 10px;
    }

    h3 {
        font-family: helvetica;
        font-size: 17px;
        margin-top: 25px;
        padding-top: 10px;
        letter-spacing: 1.5px;
        font-weight: 500;
    }

    h5 {
        line-height: 1.3;
        font-size: 12px;
        margin-top: 10px;
        font-weight: 500;
        color: #4d4d4f;
        letter-spacing: 1.5px;
    }

    h5 a {
        color: #4d4d4f;
    }

    p a {
        color: #4d4d4f;
    }

    .podium {
        width: 87% !important;
        margin: 0 auto;
        height: auto;
        background-color: none;
        margin-top: 30px;
    }
	.map-area {
  width: 100% !important;
}
.zoom-area {
  width: 100%;
  max-width: 100% !important;
}
    .podium1 {
        float: left;
        border: 6px solid #4d4d4f;
    }

    .krishna {
        margin-left: 0;
        float: left;
        margin-bottom: 20px;
    }

    .site-nav{
        width: 100%;
        height: 5px;
        background: #000;
        color: #fff;
    }

    .site-nav p {
        font-family: helvetica;
        font-size: 13px;
        line-height: 2.5;
        margin-left: 0;
        padding-top: 20px;
        letter-spacing: 1.5px;
    }

    .site-nav li {
        font-family: helvetica;
        font-size: 10px;
        line-height: 1.2;
        padding-top: 20px;
        letter-spacing: 1.5px;
        display: none;
    }

    .leftnav {
        margin-left: 0;
        width:10%;
        float: left;
        height: 200px;
        display: none;
    } 

    .centernav {
        width: 75%;
        float: right;
        height: 200px;
        display: none;
    } 

    .rightnav {
        width:0%;
        float: left;
        height: 200px;
        display: none;
    }

    .harshali {
        width: 100%;
        margin-bottom: 50px;
    }

    .copyright {
        width: 98%;
        height: 20px;
        margin: 0 auto;
        margin-left: 0;
    }

    .copyright p {
        font-family: helvetica;
        font-size: 9px;
        margin-bottom: 10px;
        color: #4d4d4f;
        margin-top: -13;
        margin-left: 65px;
    }

    .john {
        margin-top: 10px;
		padding-left: 20px;
    }

    .disclaimer {
        background-color: #e2e3e5;
        height: 50px;
        margin-top: 15px;
    }

    .disclaimer p{
        margin: 0 auto;
        width: 95%;
        font-family: helvetica;
        color: #4d4d4f;
        font-size: 9px;
        padding-left: 0;
        padding-top: 4px;
        line-height: 1.3;
    }

}

/*about*/

.black {
    font-family: helvetica;
    font-size: 13px;
}
.companypage {
    width: 60%;
    float: left;
    height: 650px;
    margin-bottom: 50px;
}

.company {
    width: 100%;
    font-family: helvetica;
    margin-left: 100px;
    padding-bottom: 30px;
}

.company-right {
    width: 20%;
    float: left;
    height: 400px;
    padding-left: 200px;
    padding-top: 30px;
}

/*Media Screen css for Company Page*/


@media only screen and (min-width: 128px) and (max-width: 800px) {
    .black {
        font-family: helvetica;
        font-size: 13px;
    }

    .companypage {
        width: 100%;
        float: left;
        height: auto;
        margin-bottom: 0px;
        margin: 0 auto;
        padding-top: 20px;
    }

    .company {
        width: 95%;
        font-family: helvetica;
        margin-left: 0;
        padding-bottom: 20px;
        margin: 0 auto;
    }

    .company-right {
        width: 20%;
        float: left;
        height: auto;
        padding-left: 200px;
        padding-top: 30px;
        display: none;
    }
}



    /*


CAREER PAGE


*/

    .career-page {
        width: 80%;
        float: left;
        height: 180px;
        background-color: none;
        margin-left: 100px;
    }

    .career {
        line-height: 1.3;
        letter-spacing: 1.3;
        font-size: 13px;
        font-family: helvetica;
        font-weight: lighter;
        color: #4d4d4f;
        text-align: left;
    }

    .career90 {
        width: 90%;
    }

    .career-writeup {
        float: left;
        width: 30%;
        margin-top: 50px;
    }

    .career-pic {
        margin-left: 190px;
        float: left;
        width: 479px;
        height: 250px;
    }

    #envelope2 {
        float: left;
        margin-left: 103px;
        width: 398.6;
        height: 300px;
        background-color: #4c4d4f;
        margin-bottom: 80px;
    }

    form {
        width: 95%;
        margin: auto;
    }

    .formhead{
        font-family: helvetica;
        font-size: 25px;
        text-align: center;
        color: #f1b812;
        padding-top: 5px;
        padding-bottom: 5px;
    }

    input[type=text]{
        margin-bottom: 5px;
        margin-top: 4px;
        width:100%;
        padding: 2px;
        border:1px solid #7c7d7e;
    }

    .name[type=text]{
        margin-bottom: 5px;
        margin-top: 15px;
        padding: 2px;
        border:1px solid #7c7d7e;
    }

    input[type=submit]{
        width: 30%;
        margin: 2% 35%;
        padding: 5px;
        border:1px solid #7b7c7e;
        background-color: #f1b812;
        color: #4c4d4f;
        cursor:pointer;
        font-weight: bold;
        font-family: helvetica;
        font-size: 15px;
    }

    textarea{
        width:100%;
        padding: 5px;
        margin-top: 5px;
        border:1px solid #7b7c7e;
        margin-bottom: 10px;
        font-family: helvetica;
        font-weight: lighter;
        font-size: 13px;
        color: #4c4d4f;
        letter-spacing: 1.05;
    }

    .default {
        font-family: helvetica;
        font-size: 15px;
        margin-left: 6px;
        color: #4c4d4f;
        background-color: #e2e3e4;
        padding-bottom: 2px;
        padding-top: 1px;
        padding-left: 2px;
        padding-right: 2px;
    }

    /* MEDIA SCREEN CAREER PAGE */

    @media only screen and (min-width: 128px) and (max-width: 800px) {

        .career-page {
            margin: 0 auto;
            width: 100%;
            float: none;
            height: auto;
            background-color: none;
            margin-left: 0;
        }

        .career {
            line-height: 1.3;
            letter-spacing: 1.3;
            font-size: 10px;
            font-family: helvetica;
            font-weight: lighter;
            color: #4d4d4f;
            text-align: left;
            margin-bottom: 20px;
        }

        .career90 {
            width: 90%;
            margin: 0 auto;
        }

        .career-writeup {
            float: none;
            width: 100%;
            margin-top: 50px;
        }

        .career-pic {
            margin-left: 190px;
            float: left;
            width: 479px;
            height: 250px;
            display: none;
        }

        #envelope2 {
            float: none;
            margin-left: 0;
            width: 90%;
            height: 300px;
            background-color: #4c4d4f;
            margin: 0 auto;
            margin-bottom: 20px;
        }

        form {
            width: 95%;
            margin: 0 auto;
        }

        .formhead{
            font-family: helvetica;
            font-size: 25px;
            text-align: center;
            color: #f1b812;
            padding-top: 5px;
            padding-bottom: 5px;
        }

        input[type=text]{
            margin-bottom: 5px;
            margin-top: 4px;
            width:100%;
            padding: 2px;
            border:1px solid #7c7d7e;
        }

        .name[type=text]{
            margin-bottom: 5px;
            margin-top: 15px;
            padding: 2px;
            border:1px solid #7c7d7e;
        }

        input[type=submit]{
            width: 30%;
            margin: 2% 35%;
            padding: 5px;
            border:1px solid #7b7c7e;
            background-color: #f1b812;
            color: #4c4d4f;
            cursor:pointer;
            font-weight: bold;
            font-family: helvetica;
            font-size: 15px;
        }

        textarea{
            width:100%;
            padding: 5px;
            margin-top: 5px;
            border:1px solid #7b7c7e;
            margin-bottom: 10px;
            font-family: helvetica;
            font-weight: lighter;
            font-size: 13px;
            color: #4c4d4f;
            letter-spacing: 1.05;
        }

        .default {
            font-family: helvetica;
            font-size: 15px;
            margin-left: 6px;
            color: #4c4d4f;
            background-color: #e2e3e4;
            padding-bottom: 2px;
            padding-top: 1px;
            padding-left: 2px;
            padding-right: 2px;
        }
    }


    .fitcenter {
        margin-left: 57;
    }

    .mg-exotic {
        width: 90%;
        margin-bottom: 70px;
    }


/*Projects Page*/

.projectpage {
    width: 100%;
    float: left;
    height: 780px;
}

.picture-body {
    width: 100%;
    height: 500px;
    margin: 0 auto;
}

.picture-body img{
    height: 450px;
}

.left-picture {
    height: 450;
    background-color: none;
    float: left;
    margin-left: 54px;
    padding: 50 100 50 100;
}

.right-picture {
    margin: 0 auto;
    background-color: none;
    float: left;
    padding: 50 50;
}

.spicture-body {
    width: 100%;
    height: 600px;
    margin: 0 auto;
}

.spicture-bodys {
    width: 100%;
    height: 600px;
}

.sleft-picture {
    background-color: none;
    float: left;
    padding: 50 85 50 100;
}

.sright-picture {
    margin: 0 auto;
    background-color: none;
    float: left;
    padding: 50 100;
}

.sleft-picture img{
    height: 450;
}

.sright-picture img{
    height: 450;
}

.probg {
    background: url(images/probg.jpg) no-repeat center center ; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    z-index: -1;
    margin: 0 auto;
    margin-top: 0px;
    height: 400px;
    width: 100%;
}

.projectpage {
    width: 100%;
    float: left;
    height: auto;
    margin-bottom: 20px;
}

.project-body {
    width: 100%;
    height: 600px;
    margin: 0 auto;
}

.left-project {
    margin: 0 auto;
    background-color: none;
    float: left;
    padding: 50 0 50 100;
}

.right-project {
    margin: 0 auto;
    background-color: none;
    float: left;
    padding: 50 180;
}

.shivampage {
    width: 100%;
    float: left;
    height: auto;
}

.meridianpage {
    width: 100%;
    float: left;
    height: auto;
}

.shi {
    font-family: helvetica;
    font-size: 20px;
    margin-top: 15px;
    margin-left: 30px;
    letter-spacing: 1.5px;
}

.mer {
    font-family: helvetica;
    font-size: 20px;
    margin-top: 25px;
    margin-left: 30px;
    letter-spacing: 1.5px;
}

    /* Projects Page */

    .ongoing-page {
        float: left;
        height: auto;
        margin-left: 100px;
        margin-bottom: 20px;
    }

    .floorplan{
        margin-top: 420px;
        margin-left: 100px;
    }

    .floorplan-thumbnails {
        width: 100%;
        height: 250px;
        background-color: none;
    }

    .floorplan1:first-child {
        float: left;
        margin-left: 180px;
    }

    .floorplan1 {
        float: left;
        margin-right: 60px;
        width: 250px;
        border: 1px solid #000;
    }
	
	.floorplan1 img {
  width: 100%;
  height: auto;
}

    .floorplan1 p {
        text-align: center;
        font-weight: bold;
        color: #4d4d4f;
        margin-top: 5px;
    }

    .amenities{
        margin-top: none;
        margin-left: 100px;
        font-family: helvetica;
    }

    .amenities-left {
        font-weight: lighter;
        font-size: 14px;
        width: 32%;
        float: left;
        line-height: 1.5;
        letter-spacing: 0.5px;
        text-align: none;
        color: #4d4d4f;
        margin-bottom: 90px;
    }

    .amenities-right {
        font-weight: lighter;
        width: 36%;
        font-size: 14px;
        float: right;
        margin-right: 200px;
        line-height: 1.5;
        letter-spacing: 1px;
        text-align: none;
        color: #4d4d4f;
        border-left: 2px solid;
        padding-left: 100px;
    }

    #wrapp {
        float: left;
        background-color: none;
        text-align: left;
        font-size: 1.1em;
        margin: 0 auto;
        padding: 0;
        color: #000;
    }

    #wrapp2 {
        background-color: none;
        height:400px;
        width: 100%;
        text-align: left;
        font-size: 1.1em;
        margin: 0 auto;
        padding: 0;
        color: #000;
    }

    #wrapp3 {
        background-color: none;
        width: 90%;
        text-align: left;
        font-size: 1.1em;
        margin: 1em auto;
        padding: 0;
        color: #000;
    }

    #envelope {
        float: left;
        margin-left: 50px;
        width: 463px;
        height: 230px;
        background-color: #4c4d4f;
        margin-bottom: 50px;
    }

    form {
        width: 95%;
        margin: auto;
    }

    .formhead{
        font-family: helvetica;
        font-size: 25px;
        text-align: center;
        color: #f1b812;
        padding-top: 5px;
        padding-bottom: 5px;
    }

    input[type=text]{
        margin-bottom: 5px;
        margin-top: 2.5px;
        width:100%;
        padding: 2px;
        border:1px solid #7c7d7e;
    }

    .mobile[type=text]{
        margin-bottom: 5px;
        margin-top: 2.5px;
        width:60%;
        padding: 2px;
        border:1px solid #7c7d7e;
    }

    input[type=submit]{
        width: 30%;
        margin-left: 35%;
        margin-right: 35%;
        padding: 5px;
        border:1px solid #7b7c7e;
        background-color: #f1b812;
        color: #4c4d4f;
        font-size:15px;
        cursor:pointer;
        font-weight: bold;
        font-family: helvetica;
        font-size: 15px;
    }

    .default {
        font-family: helvetica;
        font-size: 15px;
        margin-left: 6px;
        color: #4c4d4f;
        background-color: #e2e3e4;
        padding-bottom: 2px;
        padding-top: 1px;
        padding-left: 2px;
        padding-right: 2px;
    }

    #map-canvas {
        float: left;
        width: 80%;
        background-color: #ede9dd;
        margin : 20px auto;
    }

    .bhk {
        margin-top: -30px;
        width: 80%;
        height: 380px;
        margin-top: 50px;
        background-color: none;
        margin-left: 100px;
        margin-right: 100px;
    }

    .floor {
        padding-top: 100px;
    }

    .exoticbuilding{
        margin: 0 auto;
        height: 530px;
        background-color: none;
        padding-top: 20px;
    }

    .exoticlogo {
        float: left;
        margin: 0 auto;
    }

    .exoticview {
        float: left;
        padding-top: -50px;
        height: 500px;
        width: 500px;
    }

    .daynight {
        background-color: none;
        padding-top: 235px;
        padding-bottom: 235px;
        padding-left: -50px;
    }




/*Projects page Media Screen*/

@media only screen and (min-width: 128px) and (max-width: 800px) {
.podium-img {
    width: 100% !important;
    height: auto !important;
    max-width: 100% !important;
  }

    .projectpage {
        width: 100%;
        float: none;
        height: auto;
    }

    .picture-body {
        width: 90%;
        height: auto;
        margin: 0 auto;
    }

    .picture-body img{
        width: 100%;
        height: auto;
    }

    .left-picture {
        width: 100%;
        height: auto;
        background-color: none;
        float: none;
        margin-left: 0;
        margin-bottom: 25px;
        padding: 0;
    }

    .right-picture {
        width: 100%;
        height: auto;
        margin: 0 auto;
        background-color: none;
        float: none;
        padding: 0;
    }

    .spicture-body {
        width: 100%;
        height: auto;
        margin: 0 auto;

        display: block;
    }

    .spicture-bodys {
        width: 100%;
        height: auto;
    }

    .sleft-picture {
        width: 100%;
        background-color: none;
        float: none;
        padding: 0;

        display: block;
    }

    .sright-picture {
        width: 100%;
        margin: 0 auto;
        background-color: none;
        float: none;
        padding: 0;
    }

    .sleft-picture img{
        width: 80%;
        display: block;
        height: auto;

        margin: 10px auto;
    }

    .sright-picture img{
        width: 80%;
        height: auto;
        display: block;
        margin: 10px auto;
    }

    .probg {
        background: url(images/probg.jpg) no-repeat center center ; 
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        z-index: -1;
        margin: 0 auto;
        margin-top: 0px;
        height: 400px;
        width: 100%;
        display: none;
    }

    .projectpage {
        width: 100%;
        float: left;
        height: auto;
        margin-bottom: 20px;
    }

    .project-body {
        width: 100%;
        height: 600px;
        margin: 0 auto;
    }

    .left-project {
        margin: 0 auto;
        background-color: none;
        float: left;
        padding: 50 0 50 100;
    }

    .right-project {
        margin: 0 auto;
        background-color: none;
        float: left;
        padding: 50 180;
    }

    .shivampage {
        width: 100%;
        float: left;
        height: auto;
    }

    .meridianpage {
        width: 100%;
        float: left;
        height: auto;
    }

    .shi {
        font-family: helvetica;
        font-size: 20px;
        margin-top: 15px;
        margin-left: 0px;
        letter-spacing: 1.5px;
    }

    .mer {
        font-family: helvetica;
        font-size: 20px;
        margin-top: 25px;
        margin-left: 30px;
        letter-spacing: 1.5px;
    }
    
    
        .floorplan{
        margin-top: 50px;
        margin-left: 100px;
    }
    
    .floorplan-thumbnails
    {
        width:90%;
        margin:20px auto;
    }
    

    .floorplan-thumbnails {
        width: 100%;
        height: auto;
        background-color: none;
    }

    .floorplan1:first-child {
        float: none;`
        margin-left: 10px auto;
    
        margin: 20px auto;
}

    .floorplan1 {
        float: none;
        margin: 20px auto;
        width: 250px;
        border: 1px solid #000;
    }

    .floorplan1 p {
        text-align: center;
        font-weight: bold;
        color: #4d4d4f;
        margin-top: 5px;
    }

    .amenities{
        margin-top: none;
        margin-left: 0px;
        font-family: helvetica;
    }

    .amenities-left {
        font-weight: lighter;
        font-size: 14px;
        width:100%;
        float: left;
        line-height: 1.5;
        letter-spacing: 0.5px;
        text-align: none;
        color: #4d4d4f;
        margin-bottom: 0px;
    }

    .amenities-right {
        font-weight: lighter;
        width: 80%;
        font-size: 14px;
        float: left;
        margin-right: 0px;
        line-height: 1.5;
        letter-spacing: 1px;
        text-align: none;
        color: #4d4d4f;
        border-left: none;
        padding-left: 0px;
    }

    #wrapp {
        float: left;
        background-color: none;
        text-align: left;
        font-size: 1.1em;
        margin: 0 auto;
        padding: 0;
        color: #000;
    }

    #wrapp2 {
        background-color: none;
        height:400px;
        width: 100%;
        text-align: left;
        font-size: 1.1em;
        margin: 0 auto;
        padding: 0;
        color: #000;
    }

    #wrapp3 {
        background-color: none;
        width: 90%;
        text-align: left;
        font-size: 1.1em;
        margin: 1em auto;
        padding: 0;
        color: #000;
    }

    #envelope {
        float: left;
        margin-left: 50px;
        width: 463px;
        height: 230px;
        background-color: #4c4d4f;
        margin-bottom: 50px;
    }

    form {
        width: 95%;
        margin: auto;
		margin-bottom: 0 !important;
    }

    .formhead{
        font-family: helvetica;
        font-size: 25px;
        text-align: center;
        color: #f1b812;
        padding-top: 5px;
        padding-bottom: 5px;
    }

    input[type=text]{
        margin-bottom: 5px;
        margin-top: 2.5px;
        width:100%;
        padding: 5px;
        padding-left : 10px;
        padding-right : 10px;
        border:1px solid #7c7d7e;
    }

    .mobile[type=text]{
        margin-bottom: 5px;
        margin-top: 2.5px;
        width:60%;
        padding: 2px;
        border:1px solid #7c7d7e;
    }

    input[type=submit]{
        width: 30%;
        margin-left: 35%;
        margin-right: 35%;
        padding: 5px;
        border:1px solid #7b7c7e;
        background-color: #f1b812;
        color: #4c4d4f;
        font-size:15px;
        cursor:pointer;
        font-weight: bold;
        font-family: helvetica;
        font-size: 15px;
    }

    .default {
        font-family: helvetica;
        font-size: 15px;
        margin-left: 6px;
        color: #4c4d4f;
        background-color: #e2e3e4;
        padding-bottom: 2px;
        padding-top: 1px;
        padding-left: 2px;
        padding-right: 2px;
    }

    #map-canvas {
        float: left;
        width: 463;
        height: 230px;
        background-color: #ede9dd;
        margin-left: 100px;
    }

    .bhk {
        margin-top: -30px;
        width: 80%;
        height: 380px;
        margin-top: 50px;
        background-color: none;
        margin-left: 100px;
        margin-right: 100px;
    }

    .floor {
        padding-top: 100px;
    }

    .exoticbuilding{
        margin: 0 auto;
        height: 530px;
        background-color: none;
        padding-top: 20px;
    }

    .exoticlogo {
        float: left;
        margin: 0 auto;
    }

    .exoticview {
        float: left;
        padding-top: -50px;
        height: 500px;
        width: 500px;
    }

    .daynight {
        background-color: none;
        padding-top: 235px;
        padding-bottom: 235px;
        padding-left: -50px;
    }
    
    #sleft-pic
    {
        padding-top : 20px;
        
    }
    
    
    #sright-pic
    {
        padding-top : 20px;
    }
    
    #envelope
    {
        margin : 20px auto;
    }
    
}

    /*CONTACT PAGE*/

    .contactpage {
        width: 50%;
        float: left;
        margin-top: 20px;
        height: 290px;
        background-color: none;
        margin-left: 100px;
    }

    .contactpage p{
        font-size: 13px;
    }

    .contact-right {
        width: 30%;
        height: 270px;
        background: none;
        float: left;
        margin-top: 40px;
    }

    .contact {
        line-height: 1.7;
        letter-spacing: 1.5px;
    }


    /*MEDIA SCREEN CONTACT PAGE*/

    @media only screen and (min-width: 128px) and (max-width: 800px) {

        .contactpage {
            width: 90%;
            float: none;
            margin: 0 auto;
            margin-top: 20px;
            height: auto;
            background-color: none;
            margin-left: 0;
        }

        .contact {
            line-height: 1.7;
            letter-spacing: 1.3px;
        }

        .contactpage p{
            width:100%;
            font-size: 10px;
            margin: 0 auto;
        }

        .contact-right {
            width: 30%;
            height: auto;
            background: none;
            float: left;
            margin-top: 40px;
            display: none;
        }

    }

    /*NEWS PAGE*/

    .newspage {
        width: 75%;
        float: left;
        height: auto;
    }

    .newspage1 {
        width: 75%;
        float: left;
        height: auto;
    }

    .newspage2 {
        width: 75%;
        float: left;
        height: auto;
    }

    .news {
        width: 100%;
        font-family: helvetica;
        margin-left: 100px;
        padding-bottom: 30px;
    }

    .news h2 {
        font-family: helvetica;
        font-size: 28px;
        margin-top: 25px;
        margin-bottom: 25px;
        letter-spacing: 1.5px;
    }

    /*MEDIA SCREEN NEWS PAGE*/

    @media only screen and (min-width: 128px) and (max-width: 800px) {

        .newspage {
            width: 95%;
            margin: 0 auto;
            float: none;
            height: auto;
        }

        .newspage1 {
            width: 95%;
            margin: 0 auto;
            float: none;
            height: auto;
        }

        .newspage2 {
            width: 95%;
            margin: 0 auto;
            float: none;
            height: auto;
        }

        .news {
            width: 100%;
            font-family: helvetica;
            margin-left: 0;
            padding-bottom: 10px;
        }

        .news h2 {
            font-family: helvetica;
            font-size: 17px;
            margin-top: 5px;
            margin-bottom: 10px;
            letter-spacing: 1.5px;
        }
    }


/*New CSS rules*/

.top100px
{   
    padding-top: 100px;
}

.margin2050
{
    margin: 20px 50px;
}


/*New CSS rules*/

    @media only screen and (min-width: 128px) and (max-width: 800px) {
        .top100px
{   
    padding-top: 0px;
}
   
        .margin2050
{
    margin:20px 0px;
}.container-fluid {
  padding: 0 30px !important;
}     
    }