/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-width : 320px) and (max-width : 400px) 
{
    .jpInfra-moblogo img { width:130px !important; }
    .jpInfra-moblogo { left: 46% !important; top:7% !important; }
}
@media only screen and (min-width : 401px) and (max-width : 500px) 
{
    .jpInfra-moblogo img { width:135px !important; left:46%; top:7%; }
    .jpInfra-moblogo { left: 46% !important; top:7% !important; }
}
@media only screen and (min-width : 501px) and (max-width : 600px){
    .jpInfra-moblogo img { width:135px !important; left:46%; top:7%; }
    .jpInfra-moblogo { left: 46% !important; top:7% !important; }
}
@media only screen and (min-width : 601px) and (max-width : 700px){
    .jpInfra-moblogo img { width:135px !important; left:46%; top:7%; }
    .jpInfra-moblogo {left: 64% !important; top: 6% !important;}
}
@media only screen and (min-width : 701px) and (max-width : 800px) {
    .jpInfra-moblogo img { width:135px !important; left:46%; top:7%; }
    .jpInfra-moblogo {left: 68% !important;  top: 4% !important;}
    
}


@media only screen and (min-width : 360px) and (max-width : 480px) {
    
    .navbar-default .navbar-toggle, .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
    background-color: transparent;
    border: 0;
    margin-top: 7% !important;
    }
    
     .loading-container img {
        max-width: 150px;
    }
    
    .navbar-brand > img {
            width:100%;
            padding:0;
    }
    
    
    .small-span-heart span {
    margin-left: 4px!important;
    font-size: 16px;
    }
    
    .small-span-heart h1 span.small {
    font-family: 'montserratlight';
    color: #07314d;
    letter-spacing: 2px;
    font-size: 1em;
    line-height: 37px; }
    
    .small-span-heart h1 span {
    font-family: 'montserratlight';
    color: #07314d;
    font-size: 1em;
    display: block;
    line-height: 1.8em; } 
    
    .small-span-heart h1 strong {
    font-family: 'montserratlight';
    color: #07314d;
    font-size: 2em;
    display: block;
    clear: both;
    float:left;
    position: relative;
    line-height: normal; }
    
    .small-span-heart h1 strong:after {
    content: '';
    background: url(../img/star-icon.svg) no-repeat center center;
    width: 30px;
    height: 30px;
    position: absolute;
    background-size: 100% 100%;
    top: 31%;
    right: -13%;}
    
    .small-span-heart {
    font-family: 'montserratlight';
    color: #07314d;
    margin-bottom: 25px;}
    
    .small-span-city span {
    margin-left: 4px!important;
    font-size: 16px;
    }
    
    .small-span-city h1 span.small {
    font-family: 'montserratlight';
    color: #07314d;
    letter-spacing: 2px;
    font-size: 1em;
    line-height: 37px; }
    
    .small-span-city h1 span {
    font-family: 'montserratlight';
    color: #07314d;
    font-size: 1em;
    display: block;
    line-height: 1.8em; } 
    
    .small-span-city h1 strong {
    font-family: 'montserratlight';
    color: #07314d;
    font-size: 2em;
    display: block;
    clear: both;
    float:left;
    position: relative;
    line-height: normal; }
    
    .small-span-city h1 strong:after {
    content: '';
    background: url(../img/star-icon.svg) no-repeat center center;
    width: 30px;
    height: 30px;
    position: absolute;
    background-size: 100% 100%;
    top: 31%;
    right: -13%;}
    
    .small-span-city {
    font-family: 'montserratlight';
    color: #07314d;
    margin-bottom: 25px;}
    
    .about-content {
    margin-bottom: 2em;
    max-width: inherit;
    padding-right: 5%;}
}


@media only screen and (min-width : 481px) and (max-width : 767px) {
    
  .navbar-default .navbar-toggle, .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
    background-color: transparent;
    border: 0;
    margin-top: 3% !important;
}
    
    .about-content {
    margin-bottom: 2em;
    max-width: inherit;
    padding-right: 4%;}
     .loading-container img {
        max-width: 150px;
    }
    
    .navbar-brand > img {
            width:100%;
            padding:0;
    }
    
    .small-span-heart span {
    margin-left: 4px!important;
    font-size: 16px;
    }
    
    .small-span-heart h1 span.small {
    font-family: 'montserratlight';
    color: #07314d;
    letter-spacing: 2px;
    font-size: 1em;
    line-height: 37px; }
    
    .small-span-heart h1 span {
    font-family: 'montserratlight';
    color: #07314d;
    font-size: 1em;
    display: block;
    line-height: 1.8em; } 
    
    .small-span-heart h1 strong {
    font-family: 'montserratlight';
    color: #07314d;
    font-size: 2em;
    display: block;
    clear: both;
    float:left;
    position: relative;
    line-height: normal; }
    
    .small-span-heart h1 strong:after {
    content: '';
    background: url(../img/star-icon.svg) no-repeat center center;
    width: 30px;
    height: 30px;
    position: absolute;
    background-size: 100% 100%;
    top: 31%;
    right: -13%;}
    
    .small-span-heart {
    font-family: 'montserratlight';
    color: #07314d;
    margin-bottom: 25px;}
    
    .small-span-city span {
    margin-left: 4px!important;
    font-size: 16px;
    }
    
    .small-span-city h1 span.small {
    font-family: 'montserratlight';
    color: #07314d;
    letter-spacing: 2px;
    font-size: 1em;
    line-height: 37px; }
    
    .small-span-city h1 span {
    font-family: 'montserratlight';
    color: #07314d;
    font-size: 1em;
    display: block;
    line-height: 1.8em; } 
    
    .small-span-city h1 strong {
    font-family: 'montserratlight';
    color: #07314d;
    font-size: 2em;
    display: block;
    clear: both;
    float:left;
    position: relative;
    line-height: normal; }
    
    .small-span-city h1 strong:after {
    content: '';
    background: url(../img/star-icon.svg) no-repeat center center;
    width: 30px;
    height: 30px;
    position: absolute;
    background-size: 100% 100%;
    top: 31%;
    right: -13%;}
    
    .small-span-city {
    font-family: 'montserratlight';
    color: #07314d;
    margin-bottom: 25px;}
    
}




/* Smartphones (landscape) ----------- */
@media only screen and (min-width : 321px) {}

/* Smartphones (portrait) ----------- */
@media only screen and (max-width : 320px) {
    /* Styles */

    .icon-img {
        padding: 14px !important;
        display: flex;
        justify-content: center;
    }

    .icon-img img {
        max-width: 40px !important;
    }

    .sidebar-contact {
        right: -260px !important;
        width: 260px !important;
    }

    .sidebar-contact.active {
        right: 0 !important;
    }

    
}



/***Medium devices (tablets, 768px and up) ****/
@media (min-width: 720px) {
  
}






@media only screen and (max-width : 767px) {
    p{text-align:justify !important;}
    .desktop-nav .navbar-brand > img{
    filter: none;
}

    /*** header ****/

    .loading-container img {
        max-width: 150px;
    }
    
    .navbar-brand > img {
            width:100%;
            padding:0;
            margin-top: 0;
            float: left;
            margin-left: 15px;
    }
    
    .main-heading {
        margin-bottom: 30px;
    }

    .main-heading h1 {
        font-size: 36px;
    }

    .about-us-wrapper {
        margin-top: 0px;
        padding: 50px 0px;
    }

    .about-us-wrapper .row {
        display: block;
    }

    .navbar-default .navbar-collapse,
    .navbar-default .navbar-form {
        margin-top: 23px;
        background-color: #000;
        border: 0;
    }

    .desktop-nav.scrolled .navbar-nav li a {
        color: #fff;
    }

    .desktop-nav .navbar-nav {
        display: block;
    }

    .desktop-nav .navbar-nav li:last-child {
        display: none;
    }

    .navbar-default .navbar-toggle,
    .navbar-default .navbar-toggle:focus,
    .navbar-default .navbar-toggle:hover {
        background-color: transparent;
        border: 0;
        margin-top: 5%;
    }

    .navbar-default .navbar-toggle .icon-bar {
        background-color: #358bac;
        width: 28px;
    }

    .navbar-toggle .icon-bar + .icon-bar {
        margin-top: 8px;
    }

    .navbar-nav a::before,
    .navbar-nav a::after {
        display: none;
    }

    .desktop-nav .navbar-nav li a {
        color: #fff;
    }

    /*** home-carousel-wrapper ***/

    .home-carousel-wrapper {
        margin-top: 85px;
    }

    /*** home-carousel-wrapper ***/

    /*** about-us ***/

    .about-img {
        margin-bottom: 20px;
    }

    .about-img:after {
        bottom: -12px;
    }

    .about-disclaimer {
        bottom: 5px;
    }

    .about-disclaimer p {
        font-size: 5px;
    }

    /*** about-us ***/

    /*** gallry ***/

    .gallry-carousel.owl-carousel .owl-nav {
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
    }

    .gallry-carousel.owl-carousel .owl-nav button.owl-next,
    .gallry-carousel.owl-carousel .owl-nav button.owl-prev {
        padding: 7px 16px !important;
        background-color: #ff7b1a;
    }

    .gallry-carousel.owl-carousel .owl-nav button.owl-next i.fa,
    .gallry-carousel.owl-carousel .owl-nav button.owl-prev i.fa {
        color: #fff;
    }

    .gallry-carousel.owl-carousel .owl-nav button.owl-prev {
        margin-right: 2px;
    }

    .gallery-box:hover .gallery-text {
        visibility: hidden;
        opacity: 0;
        bottom: 21px;
    }

    /*** gallry ***/

    /*** amenities ***/

    .amenities-wrapper {
        padding: 50px 0px 0px;
    }

    .amenities-wrapper .main-heading {
        margin-bottom: 50px;
    }

    .amenities-box {
        margin-top: 35px;
        padding: 2em 15px;
        height: 155px;
    }

    .icon-img {
        top: -40px;
        left: 50%;
        transform: translateX(-50%);
        padding: 15px;
    }

    .amenities-box p {
        margin-top: 30px;
    }

    .amenities-box h4 {
        font-size: 15px;
    }

    .no {
        top: 5px;
        left: 10px;
    }

    .no p {
        margin: 0px;
        font-size: 22px;
    }

    .icon-img img:last-child {
        display: none;
    }

    .amenities-box:hover .icon-img {
        box-shadow: -4px 5px 10px 0px rgba(0, 0, 0, 0.2);
        background-color: #fff;
    }

    /*** amenities ***/

    /*** location ***/

    .location-wrapper {
        padding: 50px 0px 0px;
    }

    .location-content {
        padding: 0;
    }

    /*** location ***/

    /*** contact ***/

    .map {
        margin-top: 30px;
    }

    .contactus-wrapper {
        padding: 0px 0px 50px;
    }

    /*** contact ***/

    /*** sidebar form ***/

    .sidebar-contact {
        right: -300px;
        width: 300px;
        padding: 20px;
    }

    .sidebar-contact .toggle {
        top: 1%;
        transform: translateY(0%);
        transition: 0.5s;
    }

    .sidebar-contact.active .toggle {
        right: 0;
        transform: translateY(0);
    }

    .scroll {
        width: 100%;
        height: 100%;
        overflow-y: auto;
    }

    .content {
        padding: 50px 50px;
    }

    .sidebar-contact.active {
        right: 0;
    }

    .toggle:before {
        content: '\f003';
    }

    .toggle.active:before {
        content: '\f00d';

    }

    /*** sidebar form ***/

    /*** sidebar form ***/

    .modal-body {
        display: block;
    }

    #sub_form input {
        padding: 12px 15px;
    }

    #sub_form input[type="submit"] {
        width: 100%;
        margin-top: 10px;
    }

    /*** sidebar form ***/

    /*** sidebar form ***/

    .custom-footer p,
    .custom-footer p.right {
        text-align: center;
        font-size: 12px;
    }

    /*** sidebar form ***/

    .disclaimer {
        margin-bottom: 0px;
    }

    .footer-btns a {
        font-size: 14px;
        color: #fff;
        background-color: #ff7b1a;
        padding: 5px 0px;
        width: 111px;
        text-align: center;
        display: inline-block;
        text-decoration: none;
    }

    .btm {
        bottom: 60px;
    }


}

/* iPads (portrait and landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {

    /* Styles */
    .desktop-nav .navbar-nav li a {
        margin: 0px 0px;
    }

    .navbar-nav > li > a {
        padding: 15px 10px;
    }

    /* header */

    /* aboutus */

    .about-content {
        margin-bottom: 0em;
    }

    .about-content h1 {
        margin: 0px;
    }

    .about-content .main-heading {
        margin-bottom: 10px;
    }

    .about-content p {
        font-size: 16px;
        margin-bottom: 10px;
        line-height: 25px;
    }

    .about-disclaimer {
        width: 95%;
        bottom: 0;
    }

    .about-disclaimer p {
        font-size: 5px;
    }

    /* aboutus */

    /* gallery */
    .gallry-carousel.owl-carousel .owl-nav {
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
    }

    .gallry-carousel.owl-carousel .owl-nav button.owl-next,
    .gallry-carousel.owl-carousel .owl-nav button.owl-prev {
        padding: 7px 16px !important;
        background-color: #ff7b1a;
    }

    .gallry-carousel.owl-carousel .owl-nav button.owl-next i.fa,
    .gallry-carousel.owl-carousel .owl-nav button.owl-prev i.fa {
        color: #fff;
    }

    .gallry-carousel.owl-carousel .owl-nav button.owl-prev {
        margin-right: 2px;
    }

    /* gallery */

    /* amenities-wrapper */

    .amenities-wrapper {
        padding: 50px 0px 0;
    }

    /* amenities-wrapper */

    /* contact */
    .map {
        margin-top: 30px;
    }

    .custom-footer p {
        font-size: 12px;
    }

    /* contact */

    .disclaimer {
        padding-bottom: 0px;
    }

    .contactus-wrapper {
        padding: 0px 0px 50px;
    }
   
}
    


/* iPads (landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {

    /* location */
    .location-content .main-heading {
        margin-bottom: 20px;
    }

    .main-heading h1 {
        font-size: 30px;
    }

    .panel-default > .panel-heading a {
        padding: 10px 0px;
    }

    /* location */

}

/* iPads (portrait) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
    /* header */

    .desktop-nav .navbar-nav li a {
        margin: 0px 0px;
    }

    .navbar-nav > li > a {
        padding: 15px 10px;
    }

    /* header */

    /* aboutus */

    .about-content {
        margin-bottom: 0em;
    }

    .about-content h1 {
        margin: 0px;
    }

    .about-content .main-heading {
        margin-bottom: 10px;
    }

    .about-content p {
        font-size: 16px;
        margin-bottom: 10px;
        line-height: 25px;
    }

    .about-disclaimer {
        width: 95%;
        bottom: 0;
    }

    .about-disclaimer p {
        font-size: 5px;
    }

    /* aboutus */

    /* gallery */
    .gallry-carousel.owl-carousel .owl-nav {
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
    }

    .gallry-carousel.owl-carousel .owl-nav button.owl-next,
    .gallry-carousel.owl-carousel .owl-nav button.owl-prev {
        padding: 7px 16px !important;
        background-color: #ff7b1a;
    }

    .gallry-carousel.owl-carousel .owl-nav button.owl-next i.fa,
    .gallry-carousel.owl-carousel .owl-nav button.owl-prev i.fa {
        color: #fff;
    }

    .gallry-carousel.owl-carousel .owl-nav button.owl-prev {
        margin-right: 2px;
    }

    /* gallery */

    /* amenities-wrapper */

    .amenities-wrapper {
        padding: 50px 0px 0;
    }

    /* amenities-wrapper */

    /* contact */
    .map {
        margin-top: 30px;
    }

    .custom-footer p {
        font-size: 12px;
    }

    /* contact */

    .disclaimer {
        padding-bottom: 0px;
    }

    .contactus-wrapper {
        padding: 0px 0px 50px;
    }
}


/***Medium devices (tablets, 768px and up) ****/
@media (min-width: 768px) {
    /*** header ***/


    .nopadding-desktop {
        padding: 0px;
    }

    .modal-dialog {
        width: 400px;
    }

    .icon-img img:first-child {
        display: block;
    }

    .icon-img img:last-child {
        display: none;
    }

    .amenities-box:hover .icon-img img:first-child {
        display: none;
    }

    .amenities-box:hover .icon-img img:last-child {
        display: block;
    }
}

/*** Large devices (desktops, 992px and up) ****/
@media (max-width: 960px) {
    .navbar-brand > img {width:100%; padding:0;}
    .nav>li>a>img {width: 130px;}
    .navbar-nav {margin: 12px;margin-right:12px;}
    .about-img {position: relative; max-width: 100%; margin: 0 auto; padding: 0;}
    .about-content h1, #amenities h1, #location .location-content .small-span-heart h1, #contact .location-content .small-span-heart h1, #floorplan h1{margin: 0 0 15px; font-size:14px;}
    .small-span-heart {margin-bottom:15px;}
    .about-content p, .gallery-wrapper p, #location .location-content p, .location-box li, .panel-body ul li, .panel-default > .panel-heading a, #contact p, address{font-size: 13px; line-height: 16px;}
    .globatlbtn a, .globatlbtn button{font-size: 13px;padding: 6px 20px;}
    .container-fluid {max-width: 90%;}
    .col-sm-push-7 {left: 58.33333333%;}
    .col-sm-pull-6 {right: 50%;}
    .col-sm-12 {left: inherit !important;right:inherit !important;}
    .about-content {padding-right: 0;}
    .midSectionWrapper .about-content {padding: 0;}
    .nopadding-desktop {padding-right: 15px; padding-left: 15px;}
    #location .location-content {padding: 60px 0;}
    .location-content .small-span-heart h1 strong {padding: 0 0 0 35px; }
    .location-content .small-span-heart h1 strong:before {top: 9%;}
     #location .location-content .small-span-heart h1{margin: 0 0 15px;}
     .small-span-heart h1 strong:after {top: 20%; right: inherit;}
     .midSectionWrapper .small-span-heart h1 strong:before {right: inherit; left: 0;}
     #sub_form input, #sub_form input.asp_mob, #sub_form select {padding: 5px; height: 38px;}
     #sub_form input.asp_mob{padding:5px 5px 5px 90px;}
     .toggle {top:32%;}
     .sidebar-contact {width: 300px;padding: 20px;}

}
@media (max-width: 854px) {
.navbar-brand > img {width: 130px; padding: 15px;}
.form-group {margin-bottom: 10px;}
.sidebar-contact {width: 300px; padding: 20px;}
#sub_form input {padding: 10px;}
#sub_form input.asp_mob {height: 45px;}
#sub_form select {height: 42px;}
.modal-body {padding: 10px 25px;}
#sub_form input[type="submit"] {margin-top: 1px;}
.navbar-nav {margin:10px 0;}
.navbar-brand > img {width:100%; padding:0;}
.about-content h1, #amenities h1, #location .location-content .small-span-heart h1, #contact .location-content .small-span-heart h1, #floorplan h1 {margin: 0; font-size: 12px;}
	
.slick-next::after, .slick-next::before, .slick-prev::after, .slick-prev::before {background-color: #1c1c1c;}
	
	
}
@media (max-width: 800px) {
#sub_form input {padding: 6px;}
.about-content h1, #amenities h1, #location .location-content .small-span-heart h1, #contact .location-content .small-span-heart h1, #floorplan h1 {margin: 0; font-size: 10px;}
.small-span-heart h1 span.small {line-height: inherit;}
.small-span-heart h1 strong:after {top: 11%;right: inherit;}
.small-span-heart h1 strong:after {width: 20px; height: 20px;}
.about-content p, .gallery-wrapper p, #location .location-content p, .location-box li, .panel-body ul li, .panel-default > .panel-heading a, #contact p, address {font-size: 12px; line-height: 16px;}
.globatlbtn a, .globatlbtn button {font-size: 13px; padding: 5px 7px;}
.midSectionWrapper .small-span-heart h1 strong:before {width: 20px; height: 20px; top: 20%;}
.midSectionWrapper .small-span-heart h1 strong {padding: 0 0 0 21px;}
.gallry-carousel .col-sm-6{width:100%;}
.desktop-nav .navbar-nav li a {font-size: 12px;}
}
@media (max-width:768px) {
    .about-us-wrapper {padding: 20px 0;}
    .desktop-nav .navbar-nav li a {font-size: 14px;}
    .about-us-wrapper {padding: 0;}
    .small-span-heart {margin-bottom: 10px;}
    .globatlbtn a, .globatlbtn button {margin: 0;}
    .m-d-hide{display:block;}
    .m-m-hide{display:none;}
}

@media only screen and (max-width:720px){
    .navbar-default .navbar-collapse, .navbar-default .navbar-form {margin-top: 0;}
    .sticky-form {display: none;}
    .sticky-form.btm{display:block;transition:display 0.1;}
    .hidden-xs {display:block !important;}
   .visible-xs{display:none !important;}
   .sticky-form.btm .visible-xs {display:block !important;}
   .sticky-form .container-fluid.hidden-sm{display:none !important;}
   .col-md-7 {width:100%;left:0;right:0;}
   .about-img {position: relative; max-width: 100%; margin: 0 auto; padding:50px;float:left;}
   .loading-container img {max-width: 260px;}
   .modal-dialog {width: 60%; margin: 50px auto;}
   .h4, h4 {font-size: 26px;}
   #sub_form input, #sub_form input.asp_mob, #sub_form select, #sub_form .intl-tel-input.separate-dial-code .selected-dial-code{padding: 10px; height: 40px;font-size:16px;font-family:'montserratlight', 'montserratregular';}
    #sub_form .intl-tel-input.separate-dial-code .selected-dial-cod{padding:0; height:30px;}
   #sub_form input.asp_mob {padding-left:100px;}
   #sub_form .intl-tel-input.separate-dial-code .selected-dial-code{padding-left:30px;}
   .enq-form #sub_form input, .form-group{margin-bottom:15px;}
   .about-content p, .gallery-wrapper p, #location .location-content p, .location-box li, .panel-body ul li, .panel-default > .panel-heading a, #contact p, address {font-size:16px; line-height: 30px;display: block;clear: both;}
   .small-span-heart h1 span.small {font-size: 2em; display: block; clear: both;}
   .globatlbtn a, .globatlbtn button {font-size:16px; padding: 10px 21px;}
   .small-span-heart {margin-bottom: 20px;}
   .globatlbtn{margin:25px 0;}
   .col-md-push-6 { left: inherit;}
   .small-span-heart h1 span{line-height:normal;}
  .midSectionWrapper .small-span-heart h1 span {font-size:1.8em; line-height: normal;}
   .globatlbtn {margin: 25px 0 0;}
   .about-us-wrapper .row, .midSectionWrapper .row{display:block;}
   .midSectionWrapper .about-content {padding: 50px 0;}
   .about-img {max-width: 100%; padding: 0 0 50px;}
   .gallery-wrapper {padding: 50px 0px 50px;}
   .small-span-heart h1 strong:after {width: 40px; height: 40px;}
   .fa-angle-right:before, .fa-angle-left:before{font-size: 26px;}
   .gallry-carousel.owl-carousel .owl-nav button.owl-prev {margin-right: 15px;}
   .about-content h1, #amenities h1, #location .location-content .small-span-heart h1, #contact .location-content .small-span-heart h1, #floorplan h1 {font-size: 16px;}
   .small-span-heart h1 strong {font-size: 3em;}
   .gallery-box:hover .gallery-text {visibility: visible; opacity: 1; bottom: 21px;}
   .gallery-disclaimer p{font-size:12px;}
   .btm {bottom: 44px;}
   .location-content .small-span-heart h1 strong {padding: 0 0 0 35px; margin: 0 0 30px;}
   .desktop-nav .navbar-nav li a {font-size: 18px;}
   .intl-tel-input .flag-container{overflow:hidden;}
   .visible-xs {display: none !important;}
   .jpInfra-moblogo.visible-xs{display: block !important;}
   .jpInfra-moblogo {top: 6% !important;}
   .v-middle img{margin: 0 -30px; width: calc(100% + 60px);}
}

@media only screen and (min-width: 480px) and (max-width: 640px) and (orientation : landscape){
   .jpInfra-moblogo {left:67% !important; top: 8% !important;}
   .sidebar-contact .toggle {top: 41%;}
   .about-content h1, #amenities h1, #location .location-content .small-span-heart h1, #contact .location-content .small-span-heart h1, #floorplan h1 {font-size:12px;}
   .about-content p, .gallery-wrapper p, #location .location-content p, .location-box li, .panel-body ul li, .panel-default > .panel-heading a, #contact p, address {font-size: 12px; line-height: 14px;}
   .h4, h4 {font-size: 20px;}
   #sub_form input, #sub_form input.asp_mob, #sub_form select{padding:10px; height: 40px; font-size: 16px; font-family: 'montserratlight', 'montserratregular';}
   #sub_form input.asp_mob{padding-left: 100px;}
   #sub_form .intl-tel-input.separate-dial-code .selected-dial-code{padding: 5px;font-size:16px; height: 40px;}
   .col-action {margin-top: 0;}
   .hidden-xs {display:block !important;}
   .visible-xs{display:none !important;}
   .navbar-default .navbar-collapse, .navbar-default .navbar-form {margin-top: 0;}
   .jpInfra-moblogo.visible-xs {display: block !important;}
   #about-us .col-sm-push-7, #about-us .col-sm-push-7.col-md-7 {width: 58.33333333%; left: 58.33333333%; float: left; }
   .modal-dialog {margin: 20px auto;}
   .col-md-pull-6, .col-sm-pull-6{right:50%;width:58.33333333%;float:left; left: inherit;}
   .about-us-wrapper .row, .midSectionWrapper .row{display: flex;}
   .about-img {padding: 0;}
   .small-span-heart h1 strong {font-size: 2.5em;}
   .small-span-heart h1 strong:after {width: 20px; height: 20px;}
   .small-span-heart h1 span.small {font-size:1em;}
   .globatlbtn a, .globatlbtn button {font-size:14px;padding: 4px 15px;}
   .small-span-heart {margin-bottom: 5px;}
   .about-us-wrapper .about-content {margin: 0 -7%; margin-bottom: 0; width: 132%;}
   .globatlbtn {margin: 15px 0 0;}
   .desktop-nav .navbar-nav li a {font-size: 12px; line-height: 12px;}
   #location .col-md-pull-6, #location .col-sm-pull-6{float:inherit;width:inherit;}
   #contact .col-md-pull-6, #contact .col-sm-pull-6{float:inherit;width:inherit;}
   .midSectionWrapper .col-md-7{width:220%;}
}

@media only screen and (min-width: 480px) and (max-width: 640px) and (orientation : portrait){
   .home-carousel-wrapper .owl-item .hidden-xs {display: none !important;}
   .home-carousel-wrapper .owl-item .visible-xs {display: block !important;}
   .modal-dialog {width: 80%;}
   .jpInfra-moblogo {left: 66% !important; top: 13% !important;}
}






@media (min-width: 1024px) {
    .nav>li>a>img {width: 118px;}
    .navbar-right {float: right!important; margin: 1rem;}
    .navbar-brand > img {width:100%; padding:0;}
    .desktop-nav.scrolled .navbar-brand > img {padding: 5px;}
    .sidebar-contact{width: 300px;padding:20px;}
    .modal-dialog {width: 350px;}
    #sub_form select, #sub_form input.asp_mob, #sub_form input {height: 40px;}
    .about-content h1, #amenities h1, #location .location-content .small-span-heart h1, #contact .location-content .small-span-heart h1, #floorplan h1{font-size: 14px;}
    .small-span-heart{margin-bottom:10px;}
    .about-content {padding-right: 0;}
    .about-content p, .gallery-wrapper p, #location .location-content p, .location-box li, .panel-body ul li{font-size:13px; line-height: 18px;}
    .globatlbtn a, .globatlbtn button{padding:8px 13px;font-size:13px;}
    .midSectionWrapper .about-content {padding: 0;}
    .small-span-heart h1 strong:after {top: 19%;right: inherit;}
    #location .location-content {padding: 20px;}
    .location-content .small-span-heart h1 strong:before {top: 8%; left: -4px;}
    .contactus-wrapper .location-img img {margin-top: 80px;}
    .sticky-form p {font-size: 14px;}
    .form-inline .form-group{margin: 0 -10px;}

}

/*** Extra large devices (large desktops, 1200px and up) ****/
@media (min-width:1080px) {
    .location-content .small-span-heart h1 strong {padding: 0 0 0 30px;}
    #location .location-content {padding:20px;}
    .about-content h1, .gallery-wrapper h1, #location.location-wrapper .location-content h1, .location-content .small-span-heart h1{font-size:18px; margin:0 0 30px;}
    .navbar-brand > img {width:100%;}
    .nav>li>a>img {width: 131px;}
    .navbar-nav {margin: 20px;}
    .about-content {padding: 0;}
    .small-span-heart {margin-bottom:0;}
    .loading-container img{width: 250px;}
    .about-content p, .gallery-wrapper p, .location-content p,  .panel-default > .panel-heading a, address{font-size: 0.8em;}
    .globatlbtn a, .globatlbtn button{padding:5px 10px;}
    .small-span-heart h1 strong:after {top: 20%;right: inherit;}
    .midSectionWrapper .about-content {padding: 0;}
    .gallery-content h2 {font-size: 16px;}
    .gallery-wrapper .gallery-disclaimer p{font-size: 0.7em;}
    .midSectionWrapper .small-span-heart h1 strong:before{top:23%;}
    .sticky-form p, .custom-footer p {font-size: 14px;}
    .form-inline .form-group {margin: 0 -10px;}
    
}
/*** Extra large devices (large desktops, 1200px and up) ****/
@media (min-width: 1200px) {
    .contactus-wrapper .location-img img {margin-top: 25px;}
    .contactus-wrapper .location-img img {margin-top: 25px;}
    .globatlbtn a, .globatlbtn button {font-size: 14px;}
    .midSectionWrapper .about-content {padding: 0;}
    .gallery-text p {font-size: 16px;line-height: 16px;}
    #location .nopadding-desktop .location-content{padding:40px;}
    .disclaimer {padding: 30px 0 60px;}
    .form-inline .form-group {margin: 0 -10px;}
    .about-content {padding-right: 0;}
    .about-content h1, #amenities h1, #floorplan h1, #location.location-wrapper .location-content h1, #contact .location-content .small-span-heart h1{display: inline-block; font-size: 20px;}
    .small-span-heart {margin-bottom: 9px;}
    .loading-container img {
        max-width: 250px;
    }
.about-content p, .gallery-wrapper .gallery-text p {font-size:0.8em; line-height:1.5em;}
.small-span-heart h1 strong {font-size: 3em;}
    .main-heading {
        margin-bottom: 30px;
}

    .amenities-wrapper .main-heading {
        margin-bottom: 50px;
    }

    .panel-default > .panel-heading + .panel-collapse > .panel-body {
        padding-bottom: 10px;
    }

    /*** location ***/

    .location-content .main-heading h1 {
        font-size: 36px;
    }

    .location-content .main-heading p {
        font-size: 14px;
    }

    .panel-default > .panel-heading a {
        padding: 10px 0px;
    }

    /*** location ***/

}

@media (min-width: 1366px) {
    .location-content .main-heading h1 {
        font-size: 45px;
    }

    .panel-default > .panel-heading a {
        padding: 15px 0px;
    }

    .main-heading {
        margin-bottom: 50px;
    }
}

@media (min-width: 1400px) {
    .location-content {
        padding: 80px;
    }

    .location-content .main-heading h1 {
        font-size: 45px;
    }

    .panel-default > .panel-heading a {
        padding: 20px 0px;
    }

    .main-heading {
        margin-bottom: 50px;
    }

    .panel-default > .panel-heading + .panel-collapse > .panel-body {
        padding-bottom: 20px;
    }
    
}


@media (max-width: 1536px) {
    .contactus-wrapper .location-img img {margin-top:50px;}
}  
@media (max-width: 1700px) {
    .pro-detail p {font-size: 12px;}
    
} 
@media (max-width: 1440px){
    .slick-slider .table p {font-size: 12px;}
    .pro-detail p {font-size: 14px;}
   .slick-slider .col-md-3{padding-left:5px; padding-right:5px;}
   .slick-slider .col-md-3 .fullBox {padding: 0;margin: 0;}
   .slick-slider .col-md-3 .fullBox .box {padding: 0;}
   .slick-slider .col-md-3 .fullBox .box .content{border:0;}
   .slick-slider .table p{font-size:13px;}
   .pro-detail p {font-size: 13px;}
	#NZoomContainer{max-width:1440px;height:419px;}
	.wholepage {background: url(../images/bg-2.jpg) no-repeat center -340px; background-size: inherit;}
} 
@media (max-width: 1280px) {
   .pro-detail p {font-size: 14px;}
   .slick-slider .col-md-3{padding-left:5px; padding-right:5px;}
   .slick-slider .col-md-3 .fullBox {padding: 0;margin: 0;}
   .slick-slider .col-md-3 .fullBox .box {padding: 0;}
   .slick-slider .col-md-3 .fullBox .box .content{border:0;}
   .slick-slider .table p{font-size:12px}
   .pro-detail p {font-size: 13px;}

} 
@media (max-width: 1137px) {
   .pro-detail .row > .col-md-6 {width:100%;}
   .pro-detail .row > .col-md-4 {width:100%;}
   .slick-slider .table p {font-size: 13px;}
   .pro-detail .row > .col-md-8{width:100%;}
   .fullBox.location .content {
    padding: 0;
}
	#NZoomContainer {
    max-width: 1136px;
    max-height: 470px;
}
	.location .col-md-12{max-height: 470px;}
}
@media (max-width: 1024px) {

	#NZoomContainer {
    max-width: 1024px;
    max-height: 470px;
}
	#NZoomContainer img{
    max-width: 1024px;
    max-height: 470px;
}
	.location .col-md-12{max-height: 470px;}
	
	
	
	
}  
@media (max-width: 960px) {

	#NZoomContainer {
    max-width: 854px;
    max-height: 380px;
}
	.location .col-md-12{max-height: 380px;}
	
	
	
	
} 
@media (max-width: 960px) {
   .fullBox.location .content {padding: 0;}
   td.icon {width: 28px;}
   .fullBox .box h1 {font-size: 14px;}
}
@media (max-width: 854px) {
   #NZoomContainer {
    max-width: 854px;
    max-height: 370px;
}
	.location .col-md-12{max-height: 370px;}
	#footer p {font-size: 7px; margin:1px 0 0 0;}
	#footer ul li {font-size: 7px;}
}


@media (max-width: 800px) {

	#NZoomContainer {
    max-width: 800px;
    max-height: 360px;
    #footer p {font-size: 7px; margin:1px 0 0 0;}
	#footer ul li {font-size: 7px;}
}
	.location .col-md-12{max-height: 360px;}
} 
@media (max-width: 768px) {
    .gallery-wrapper {
        padding: 20px 0px 50px;
    }
    .midSectionWrapper {
        padding-top: 0px !important;
    }
    .about-us-wrapper {
        padding:30px 0;
    }
   .m-hide{display:block !important;}
   .d-hide{display:none !important;}
} 
@media only screen and (min-device-width: 320px) and (max-device-width: 460px)
{
   
    #footer p {font-size: 7px; margin:10px 0px 0px 0px !important;}
	#footer ul li {font-size: 7px;}
}

@media only screen and (min-device-width: 461px) and (max-device-width: 560px)
{
   
    #footer p {font-size: 7px; margin:10px 0px 0px 0px !important;}
	#footer ul li {font-size: 7px;}
}


@media (max-width: 640px) {
     .pro-detail p {font-size: 14px;}
    .slick-slider .table p {font-size: 14px;}
    #main-col > .fullBox {padding:20px 60px;}
    .fullBox .content {padding: 40px 50px 10px;}
    .modal-dialog {width: 70%;}
    .enq-form #sub_form input, .form-group {margin-bottom: 10px;}
    #sub_form input, #sub_form input.asp_mob, #sub_form select {height: 50px;}
    .modal-header {padding: 20px;}
    .modal-header .close {margin-top: -21px;margin-right: -21px;}
	.wholepage {background: url(../images/bg-2.jpg) no-repeat center -300px;}
	#NZoomContainer {max-width: 640px; max-height: 300px;}
	.location .col-md-12{max-height: 300px;}
	#main-col .slick-next {right: -26px;}
	.slick-next::after, .slick-next::before, .slick-prev::after, .slick-prev::before {background-color:#000000;}
	#footer p {font-size: 7px; margin:10px 0 0 0;}
	#footer ul li {font-size: 7px;}
	#main-col > .fullBox.location h1{margin-top:20px !important;}
	#main-col > .fullBox {padding: 20px 40px;}
}
@media (max-width: 545px) {
    .fullBox .box h1{padding:10px 0;}
    #header .container-fluid {max-width: 100%;}
     .modal-dialog {width: 70%;}
     .modal-content {padding: 16px;}
     .modal-body {padding: 10px 0;}
     .enq-form #sub_form input, .form-group {margin-bottom: 10px;}
	 .slick-next::after, .slick-next::before, .slick-prev::after, .slick-prev::before {background-color: #ffffff;}
	#main-col > .fullBox {padding:20px 61px;}
	 .wholepage {background:url(../images/bg-2.jpg) no-repeat center top;background-size: cover;}
	#main-col > .fullBox {padding:20px 50px;margin:0}
	.navbar-brand > img {padding: 0;margin: 0;}
	#header .fullBox {padding: 10px 0;}
	.navbar-brand.pull-left {max-width: 70px;}
	.navbar-brand {padding: 0; max-width: 110px;}
	.fullBox .content {padding: 40px 35px 10px;}
	.pull-right {float: right; margin-top: 15px;}
	#main-col{margin-top:0;}
	#main-col > .fullBox{padding:0 50px 0;}
	.location .content{margin-top:0;}
	#main-col .content{margin-top:0;}
	#main-col .location p{margin-bottom:15px;}
}
@media (min-width : 1880px){
    .about-content p, .gallery-wrapper p, .location-content p, .panel-default > .panel-heading a, address, #location .location-content p, .location-box li, .panel-body ul li{font-size: 1em; line-height: 1.5em;}
    
}
@media only screen and (max-width: 720px){
.jpInfra-moblogo.visible-xs {display: block !important;}
.about-img{padding: 50px 0;margin: 0 0 50px;}
.jpInfra-moblogo {left: 70% !important;}
}

@media only screen and (max-width:414px){
    .jpInfra-moblogo {top: 6% !important; left: 49% !important;}
    .btm {bottom: 62px;}
    .owl-carousel .owl-item img.hidden-xs{display:none !important;}
    .owl-carousel .owl-item img.visible-xs{display:block !important;}
}
@media only screen and (max-width:481px){
	
        .col-action p {font-size: 26px;}
        .btm {bottom:44px;}
        #sub_form .form-group {margin-bottom: 5px;}
        .sidebar-contact input, .sidebar-contact textarea{margin-bottom:inherit;}
        .navbar .jpInfra-moblogo {left: 57% !important;}
        .navbar.navbar-default .navbar-toggle, .navbar.navbar-default .navbar-toggle:focus, .navbar.navbar-default .navbar-toggle:hover {margin-top: 5% !important;}
        .about-img {padding: 50px 0;margin: 0 0 0;}
        .about-img p{bottom:50px !important;}
       #main-col > .fullBox {padding: 20px 40px;}
}
@media only screen and (max-width:425px){
    .col-action p {font-size: 26px;}
        .btm {bottom: 61px;}
        .navbar .jpInfra-moblogo {left: 52% !important; top: 6% !important;}
        .modal-dialog {width: 74%;}
        .enq-form #sub_form input, .form-group {margin-bottom: 5px;}
        .viewer{max-height:280px;}
}
@media only screen and (min-device-width: 480px) and (max-device-width: 640px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape){
    
}

@media only screen and (min-device-width: 375px) and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape){
    .navbar-brand.pull-left {max-width: 70px;}
    .small-span-heart {margin-bottom: 5px;}
    .sidebar-contact {top: 50%;}
    .col-md-7 {width: 100%;}
    .modal-dialog {margin: 5px auto;}
    #sub_form input {margin-bottom:5px;}
    #sub_form .form-group {margin-bottom: 5px;}
    .modal-header {padding: 8px 15px;    border-bottom: 1px solid #e5e5e5;}
    .col-action {margin-top: 5px;}
    .modal-header .close {margin-top: -8px;}
    .sidebar-contact h2 {margin: 0 0 10px;}
    .globatlbtn a, .globatlbtn button{margin-top:5px;}
    .loading-container img {max-width: 225px;}
    #floorplan .container {width: 480px;}
    .navbar-brand {
    padding: 0;
    max-width: 131px;
    margin-top: 10px;
}
.navbar-brand.pull-right {margin-top: 10px;}
    
}
@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape){
    .sidebar-contact .toggle {top:40%;}
    .jpInfra-moblogo {top: 11% !important;}
    .about-img {max-width: 100%;padding: 0;}
    .about-content p, .gallery-wrapper p, #location .location-content p, .location-box li, .panel-body ul li, .panel-default > .panel-heading a, #contact p, address {font-size: 13px; line-height: normal;}
    .small-span-heart h1 span.small {font-size: 1.5em;}
    .small-span-heart {margin-bottom: 10px;}
    .small-span-heart h1 strong:after {width: 20px; height: 20px;}
    .about-us-wrapper .row, .midSectionWrapper .row {display: flex;}
    .modal-dialog {margin: 20px auto;}
    .enq-form #sub_form input, .form-group {margin-bottom: 10px;}
    .modal-header {padding: 5px;}
    .midSectionWrapper .col-md-7 {width: 288.333333%;float: left;right: 335px;}
    .midSectionWrapper .row .col-md-push-6 {left: 0;}
}

@media only screen and (min-width: 480px) and (max-width: 640px) and (orientation: landscape){
    .modal-header {padding: 5px;}
.jpInfra-moblogo.visible-xs {display: block !important;}
.jpInfra-moblogo {left: 66% !important; top: 9% !important;}
.navbar-default .navbar-toggle, .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {margin-top: 4% !important;}
#sub_form input, #sub_form input.asp_mob, #sub_form select {padding: 5px;height: 40px;}
.enq-form #sub_form input, .form-group {margin-bottom: 5px;}
#sub_form input.asp_mob{padding-left: 100px;}  
}
@media only screen and (min-width: 480px) and (max-width: 640px) and (orientation : portrait){
.jpInfra-moblogo {left: 57% !important;top: 8% !important;}
#sub_form input, #sub_form input.asp_mob, #sub_form select {padding: 5px;height: 40px;}
#sub_form input.asp_mob{padding-left: 100px;}   
.enq-form #sub_form input, .form-group {margin-bottom: 5px;}
   .modal-header {padding: 5px;}

}
@media only screen and (max-width: 414px){
    .modal-dialog {width: 80%;}
    .enq-form #sub_form input, .form-group {margin-bottom:5px;}
}

@media only screen and (max-width: 375px){
.btm {bottom: 56px;}
.modal-dialog {width: 80%;}
.home-carousel-wrapper .hidden-xs {display:none !important;}
.home-carousel-wrapper .visible-xs {display:block !important;}
.navbar .jpInfra-moblogo {left: 49% !important; top:5.5% !important;}
.sidebar-contact .toggle {top: 21%;}
#main-col .slick-next {right: -26px;}
.navbar-brand > img {
    width: 100%;
    padding: 0;
    margin-left:0;
}


}
@media only screen and (max-width: 360px){
    .slick-prev::before,  .slick-prev::after, .slick-next::before, .slick-next::after{width: 27px; height: 8px;margin-top: 7px;}
    .slick-prev, .slick-next {top: 40%;}
.jpInfra-moblogo {top: 10% !important;}
.sidebar-contact .toggle {top: 21%;}
.home-carousel-wrapper .hidden-xs {display:none !important;}
.home-carousel-wrapper .visible-xs {display:block !important;}
.modal-dialog {width: 80%;margin: 25px auto;}
.enq-form #sub_form input, .form-group {margin-bottom: 10px;}
.about-content h1, #amenities h1, #location .location-content .small-span-heart h1, #contact .location-content .small-span-heart h1, #floorplan h1 {font-size: 14px;}
.btm {bottom: 61px;}
.location-content .small-span-heart h1 strong {font-size: 2.5em;}
.navbar-brand > img {margin-left: 0;}
.modal-header .close {margin-top: -36px;margin-right: -37px;}
.h4, h4 {font-size: 14px;padding: 0;}
.modal-header {padding: 20px 20px 20px 0;}
.enq-form #sub_form input, .form-group {margin-bottom: 10px;}
#sub_form .form-group {margin-bottom: 10px;}
.fullBox p{font-size: 14px;}

}
@media only screen and (min-width: 360px) and (max-width: 640px) and (orientation: portrait){
.jpInfra-moblogo {top: 7% !important;left: 46% !important;}
#main-col .container-fluid {
    max-width: 100%;
}

}
@media only screen and (min-device-width: 375px) and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape){
.about-us-wrapper {padding: 0;}

}
@media only screen and (min-device-width: 375px) and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 2) and (orientation : portrait){
.jpInfra-moblogo {top: 6% !important; left: 46% !important;}
.about-content h1, #amenities h1, #location .location-content .small-span-heart h1, #contact .location-content .small-span-heart h1, #floorplan h1 {font-size:14px;}
#main-col .container-fluid {
    max-width: 100%;
}
}

@media only screen and (min-width: 360px) and (max-width: 480px) and (orientation: landscape){
.jpInfra-moblogo {left: 58% !important; top: 12% !important;}
#sub_form input, #sub_form input.asp_mob, #sub_form select {padding: 5px;height: 40px;}
.enq-form #sub_form input, .form-group {margin-bottom: 5px;}
   .modal-header {padding: 5px;}
   #sub_form input.asp_mob {padding-left: 100px;}
     .sidebar-contact .toggle {top: 31%;}
     #main-col .container-fluid {
    max-width: 100%;
}
}

@media only screen and (min-width: 360px) and (max-width: 480px) and (orientation: portrait){
.contactus-wrapper .location-img img {margin-top: 50px; padding: 0;}
#main-col .container-fluid {
    max-width: 100%;
}
}
@media only screen and (min-width: 414px) and (max-width: 736px) and (orientation: portrait){
.jpInfra-moblogo {left: 50% !important; top: 6% !important;}
.sidebar-contact .toggle {top: 31%;}
#main-col .container-fluid {
    max-width: 100%;
}


}
@media only screen and (min-width: 414px) and (max-width: 736px) and (orientation: landscape){
    .modal-dialog {width: 80%;}
    .home-carousel .item .hidden-xs {display: block !important;}
    .home-carousel .item .visible-xs { display:none !important;}
    .sidebar-contact .toggle {top: 31%;}
    .jpInfra-moblogo {left: 68% !important; top: 10% !important;}
    .about-us-wrapper .row {display: flex;}
    .small-span-heart h1 strong {font-size: 2em;display: block; clear: both;position: relative; line-height: normal;padding: 0;}
    .about-content h1, #amenities h1, #location .location-content .small-span-heart h1, #contact .location-content .small-span-heart h1, #floorplan h1{margin: 0; font-size: 14px;}
    .small-span-heart h1 span {font-size: 1em; display: block; line-height: 1.8em;}
    .midSectionWrapper .col-md-push-6 {left:49%;}
    .midSectionWrapper .col-md-7 {width: 288.333333%;float: left; right:335px;}
     p{display: block;clear: both;}
     .btm {bottom: 27px;}
     .sidebar-contact h2 {font-size: 22px;margin:0 0 15px;}
     .sidebar-contact {top: 47%;}
}
@media only screen and (min-width: 320px) and (max-width: 568px) and (orientation: landscape){
.jpInfra-moblogo {left: 63% !important; top: 13% !important;}
.btm {bottom: 40px;}
#about-us .col-sm-push-7, #about-us .col-sm-push-7.col-md-7 {width: 178.333333%;left: 58.333333%; float: left;}
.about-us-wrapper {padding: 50px 0;}
.navbar .jpInfra-moblogo {left:63% !important; top:14% !important;}
#main-col .container-fluid {
    max-width: 100%;
}
}


@media only screen and (max-width: 320px){
	 #main-col .slick-prev {left: -28px;}
	#main-col .slick-next {right: -22px;}
	#main-col > .fullBox {padding: 20px 30px;}
    .sidebar-contact {top: 47%;}
    .sidebar-contact .toggle {top: 31%;}
    .jpInfra-moblogo img {width: 107px !important;}
    .home-carousel .item .hidden-xs {display: none !important;}
    .home-carousel .item .visible-xs { display: block !important;}
    .about-content h1, #amenities h1, #location .location-content .small-span-heart h1, #contact .location-content .small-span-heart h1, #floorplan h1{font-size: 12px;}
    .small-span-heart h1 span.small {letter-spacing: 0;}
    .globatlbtn {margin:10px 0;}
    .btm {bottom: 74px;}
    .modal-dialog {width: 90%;margin: 27px auto;}
    .modal-header {padding: 15px 15px 10px;}
    .enq-form #sub_form input, .form-group {margin-bottom:5px;}
    .sidebar-contact h2 {margin: 0 0 10px;}
    .col-action p {font-size: 25px;}
    .navbar .jpInfra-moblogo {left: 47% !important; top:6% !important;}
    .about-img {padding:0;margin: 0 0 0;}
    .about-img p {bottom: 26px !important;}
    .contactus-wrapper .location-img img {padding-left: 0;margin: 25px 0;}
    .fullBox .content {padding: 40px 26px 10px;}
    #main-col .container-fluid {
    max-width: 100%;
}

#sub_form input, #sub_form input.asp_mob, #sub_form select {
    height: 40px;
}
.enq-form #sub_form input, .form-group {
    margin-bottom: 10px;
}

    
}