@media(min-width:768px) {
    ul.nav.nav-pills {
        display: block
    }
    .select_cat {
        display: none
    }
    #navbar .navbar-nav li.active a:before {
        right: 0;
        left: 0
    }
}
@media(max-width:1239px) {
   
    .container {
        width: 96%;
        padding: 0 2%
    }
    #navbar {
        padding-left: 90px;
    }
    .banner-form {
        padding: 15px 20px
    }
    .banner-form p {
        font-size: 17px;
    }
    .banner-form h1 {
        font-size: 30px;
        line-height: 34px;
    }
    .article_midd {
        width: 46%
    }
    .events .welcome_right {
        padding-top: 25px
    }
    .f_form form input[type="text"] {
        width: 260px;
    }
    .open_to_public {
        padding: 75px 15px
    }
    .cmn_pad .welcome_right {
        padding-left: 100px;
    }
    .public_top,
    .public_time {
        padding-left: 15px;
        padding-right: 15px
    }
    .public_time {
        padding-bottom: 0
    }
    .directions.about_direction {
        padding: 105px 0 35px
    }
    .amenities_pg .welcome .welcome_left {
        padding: 0 50px 0 50px;
    }
    .amenities_pg .welcome .welcome_right {
        padding-top: 0;
        padding-right: 0;
    }
    .plum_ban_text {
        width: 60%;
    }
    .plum_ban_text p {
        font-size: 26px;
        line-height: 36px;
    }
    .news_left {
        width: 70%;
        margin-right: 20px;
    }
    .news_right {
        width: 25%
    }
    .show_pg_form {
        width: 470px
    }
    .main-content .container.showroom_map {
        padding: 60px 0 150px;
    }
}
@media(max-width:1199px) {
.show_pg_form { width: 100%;}


}

@media(max-width:1023px) {
    .navbar-default .navbar-nav>li {
        padding-left: 0;
        padding-right: 0;
    }
    .welcome {
        margin-bottom: 80px
    }
    .welcome .welcome_left {
        padding: 0 40px 0 10px
    }
    .welcome .welcome_right h2 {
        font-size: 28px;
        line-height: 36px;
        padding-bottom: 15px;
    }
    .events.event_right .welcome_right {
        padding-right: 20px;
    }
    .events {
        padding-bottom: 20px
    }
    .welcome .welcome_right {
        padding-right: 0
    }
    .events .welcome_right {
        padding: 0px 0 0 20px;
    }
    .events p {
        font-size: 14px;
        line-height: 23px
    }
    .f_form form input[type="text"] {
        width: 245px;
    }
    .botm_foot p {
        font-size: 12px;
    }
    .article_right,
    .article_left {
        width: 18%;
    }
    .article_midd {
        width: 60%
    }
    .article h3 {
        font-size: 24px
    }
    .amenities h4 {
        font-size: 21px
    }
    .whats_new {
        padding: 80px 0
    }
    .f_form form input[type="text"] {
        width: 75%;
        float: left;
    }
    .f_form form input[type="submit"] {
        width: 25%;
    }
    .banner-form {
        width: 390px;
        display: block
    }
    .banner img {
        height: 490px;
    }
    .inner-banner img {
        height: 320px
    }
    .cmn_pad .welcome_right {
        padding-left: 0px;
    }
    .main-content .container {
        padding-right: 15px;
        padding-left: 15px;
    }
    .bx_abs p {
        font-size: 17px;
    }
    .bx_abs p span {
        font-size: 58px;
    }
    .bx_abs a {
        width: 175px;
    }
    .public_time .day_time {
        padding: 20px 15px 20px 0
    }
    .public_time {
        display: flex;
        flex-wrap: wrap;
    }
    .map {
        height: 430px;
    }
    .map-event{
        height: auto
    }
    .plum_ban_text {
        width: 75%;
        padding: 40px;
    }
    .plum_ban_text p {
        font-size: 22px;
        line-height: 34px;
    }
    .box p {
        font-size: 15px;
    }
    .box h4 {
        font-size: 18px;
        line-height: 30px
    }
    .latest_news {
        padding: 90px 0
    }
    .plumeria {
        padding: 70px 0
    }
    .related_art .art_img {
        display: block
    }
    .related_art .art_text {
        display: block;
        float: left;
        padding-top: 20px
    }
    .related_art {
        padding: 20px
    }
    .related_art .art_text strong {
        margin-bottom: 15px
    }
    .related_art .art_text h5 {
        padding-bottom: 15px
    }
    .show_pg_form {
        margin: -140px auto 0
    }
    .head_art,
    .news_detail_pg .welcome {
        width: 100%;
    }
    .showroom_form ul{
        padding-left: 0;
        padding-right: 0
    }
    .showroom_form form ul li {
        padding-right: 15px;
    box-sizing: border-box;
    }
    
    .showroom_form form ul li input, .showroom_form form ul li select{
        padding: 0 10px;
        box-sizing: border-box
    }
}


@media(max-width:991px) {
.show_pg_form { width: 450px;}
.right_cls .view-additional-img {top: -82%;}
.show_pg_form .banner-form { padding: 40px 30px;}


}
@media(max-width:767px) {
    /********Appointment Start CSS********/
    .right_cls .view-additional-img {top: -80px;}
    .showcase-logo-area { text-align: center;}
    #tribe-events-pg-template {padding: 0px;}
	.event_pg .past {margin-bottom: 25px;}
    .appointment{
        display: block;
        position: fixed;
        bottom: 0;
        background: #dddddd;
        width: 100%;
        padding: 15px;
        z-index: 11;
    }
    .appointment a{
        width: 100%;
        background: #000;
        display: block;
        padding: 10px;
        border-radius: 5px;
        color: #fff;
        text-align: center;
        font-size: 15px;
        cursor: pointer;
        z-index: 12;
        position: relative
    }
    .show_pg_form{
        position: relative;
        top: 0;
        left: 0;
        margin: 65px 0 0 !important;
         width: 100%;
        padding:0 15px 15px;
        overflow-y: scroll;
    }
    .cross_mob{
        display: block;
        position: absolute;
        right: 15px;
        top: 15px;
        font-size: 22px;
        font-weight: bold;
    }
    .show_pg_sticky{
        position: fixed !important;
        top: 0!important;
        left: 0!important;
        width: 100%;
        /*height: 100%;*/
        background: #fff;
        z-index: 500;
        display: none;
        padding: 0
        
    }
    .show_pg_form .banner-form{
            padding: 0;
        background: transparent
    }
    .show_pg_form .banner-form em{
        font-size: 12px
    }
    .show_pg_form .banner-form h4 span {
        font-size: 22px;
        line-height: 27px;
    }
    .show_pg_form .banner-form {
        margin: 0
    }
    .show_pg_form .banner-form p {
        font-size: 16px;
    }
    .show_pg strong{
        display: none
    }

    .show_pg .manufact strong{
        display: block;
    }
    
    /********Appointment End CSS********/
    
    .slick-prev, .slick-next{
        width: 42px;
        height: 42px;
    }
    .slick-prev{
         left: -15px;
    }
    .slick-next{
         right: -15px;
    }
    .lease_btm2 img {
        height: 230px;
        width: 100%;
        object-fit: cover;
    }
    .lease_btm .shine {
        display: block;
    }
     body{
        overflow-x: hidden
    }
    .menu .container-fluid{
        padding-right: 15px;
        padding-left: 15px;
    }
    .lease_btm2{
        padding-right: 0;
        padding-left: 0
    }
    .mobile_thumb,
    .related_art .art_text span{
        display: block
    }
    /*.desktop_thumb{
        display: none
    }*/
    .event_detail_pg{
        padding: 50px 0 160px
    }
    .art_text span {
        display: block;
        font-size: 13px;
        padding-bottom: 10px;
    }
    .news_pg .related_art .art_text strong {
        display: none
    }
    .about_pg .open_to_public {
        padding-bottom: 30px
    }
    .navbar-toggle span.icon-bar {
        transition: all 0.4s;
    }
    .navbar-toggle span:nth-child(2) {
        transform: rotate(45deg);
        transform-origin: 10% 10%;
    }
    .navbar-toggle span:nth-child(3) {
        opacity: 0;
    }
    .navbar-toggle span:nth-child(4) {
        transform: rotate(-45deg);
        transform-origin: 10% 90%;
    }
    .navbar-toggle.collapsed span:nth-child(2),
    .navbar-toggle.collapsed span:nth-child(4) {
        transform: rotate(0);
    }
    .navbar-toggle.collapsed span:nth-child(3) {
        opacity: 1;
    }
    .banner img {
        height: 240px
    }
    .inner-banner img {
        height: 160px
    }
    .header {
        border-bottom: solid 1px #eeeeee;
        background: #fff;
        width: 100%;
        z-index: 19
    }
    .menu {
        position: relative
    }
    .loc {
        position: absolute;
        transform: translateY(-50%);
        right: 75px;
        top: 50%;
        display: block; z-index: 99;
    }
    .loc a.clickmapdiv {
    color: #000;
    font-size: 28px;  line-height: 20px;  position: relative;  top: 2px;}
    .loc a.clickmapdiv.hidelnk i:before {
    content: "\f00d";
}
    div#show_map_div {
    position: absolute;
    z-index: 99;
    left: 0;
    right: 0;
    background: #fff;
    padding: 30px; box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
}
    div#show_map_div .directions {
    background: none;
    padding: 0;
}
    div#show_map_div .directions a {
    margin-bottom: 0;
}
    div#show_map_div p {
    margin: 0 0 10px;
}
    .navbar-default .navbar-toggle .icon-bar {
        width: 28px;
        height: 3px;
        background: #000;
    }
    .navbar-toggle .icon-bar+.icon-bar {
        margin-top: 7px
    }
    .two_slow .navbar-toggle .icon-bar+.icon-bar {
        margin-top: 5px
    }
    .black-header {
        font-size: 11px;
    }
    .navbar-default .navbar-toggle:focus,
    .navbar-default .navbar-toggle:hover {
        background-color: transparent;
        border: 0
    }
    .navbar-toggle {
        border: 0;
        margin-top: 12px
    }
    .main-content .container {
        padding-right: 15px;
        padding-left: 15px;
    }
    .menu .navbar-default {
        height: 63px
    }
    .logo a {
        margin: 0
    }
    .banner {
        /*padding-top: 63px*/
    }
    #navbar {
        position: absolute;
        height: auto;
        z-index: 9;
        background: #fff;
        padding: 0;
        margin: 0;
        width: 100%;
        left: 0
    }
    ul.navbar-nav {
        margin: 0
    }
    
    .showroom_form .form_mob_cont p {
        font-size: 18px;
    }
    .navbar-default .navbar-nav li {
        text-align: center
    }
    .navbar-right li:last-child {
        padding-bottom: 18px;
    }
    .navbar-right li:last-child a {
        border: 0;
        padding: 15px 0;
    }
    .welcome .welcome_left {
        width: 90%;
        padding: 0;
        margin: 0 auto;
        float: none
    }
    .events .welcome_left,
    .events .welcome_right {
        width: 100%
    }
    .events.event_right .welcome_left {
        float: none
    }
    .events .welcome_right,
    .events.event_right .welcome_right {
        padding: 0;
        background-color: #f8f8f9;
        padding: 10px 15px 40px
    }
    .events h4 span {
        font-size: 14px;
    }
    .events h4 {
        font-size: 22px;
        line-height: 28px;
    }
    .events p {
        font-size: 16px;
        line-height: 23px;
    }
    .events a {
        width: 130px;
        height: 43px;
        line-height: 40px;
        font-size: 16px;
    }
    .welcome {
        margin-bottom: 70px;
    }
    .events {
        padding-bottom: 50px;
    }
    .event_sec {
        margin-bottom: 10px
    }
    .welcome .welcome_right h2 {
        font-size: 28px;
        line-height: 34px;
    }
    .article_right {
        display: none
    }
    .amenities {
        margin-bottom: 0
    }
    .amenities h4 {
        font-size: 22px;
    }
    .whats_new {
        background-color: #f8f8f9;
    }
    .img-full {
        padding: 0
    }
    .shine {
        display: none
    }
    .article h3 {
        font-size: 20px;
    }
    .article_midd,
    .article_left {
        width: 100%;
    }
    .article_left p {
        text-align: right;
        color: #9b9b9b
    }
    .new_left {
        padding-bottom: 50px
    }
    .bod_div {
        padding-bottom: 10px;
        margin-bottom: 40px;
    }
    .whats_new {
        padding: 70px 0 60px
    }
    .footer ul li {
        padding: 0;
        height: 45px;
        line-height: 45px;
        border-bottom: solid 1px #dddddd;
    }
    .footer ul li a {
        display: block
    }
    .footer {
        padding: 40px 0 15px
    }
    .f_form {
        padding-top: 80px
    }
    .socail_icons ul {
        text-align: center
    }
    .socail_icons ul li {
        padding: 0 15px 0 0;
        float: none;
        display: inline-block;
        border-bottom: 0
    }
    .socail_icons ul li:last-child {
        padding: 0
    }
    .desktop_copy {
        display: none
    }
    .mob_copy {
        display: block
    }
    .banner-form {
        width: 100%;
        position: relative;
        transform: none;
        margin-top: -45px;
        background: #fff;
        height: 100%;
        display: block;
    }
    .public_top,
    .public_time {
        padding-left: 0px;
        padding-right: 0px;
    }
    .about-gallery {
        display: none
    }
    .main-content.cmn_pad {
        padding-top: 10px
    }
    .about_pg .welcome .welcome_right h2 span {
        text-transform: capitalize
    }
    .cmn_pad .welcome_right strong {
        font-size: 16px;
        padding-bottom: 35px;
    }
    .cmn_pad .welcome_right p {
        font-size: 16px;
        line-height: 28px;
    }
    .about_pg.cmn_pad .welcome {
        margin-bottom: 0
    }
    .about_pg .open_to_public {
        padding-top: 30px;
    }
    .public_time .day_time {
        padding-top: 15px;
        padding-bottom: 10px
    }
    .about_pg .map {
        display: none
    }
    .map {
        height: 430px;
    }
    .map-event {
        height: auto;
    }
    .contact_pg .map {
        padding-left: 15px;
        padding-right: 15px;
        height: auto;
        background: #f8f8f9
    }
    .map img {
        height: 230px;
        object-fit: cover;
    }
    .hide-show {
        display: none
    }
    .directions .dire {
        padding-right: 15px
    }
    .directions .dire.setclass h4,
    .manufact .manufact_in .pad_none.setclass p {
        border-bottom: 0
    }
    .directions .dire.setclass .hide-show,
    .manufact .manufact_in .pad_none.setclass {
        border-bottom: solid 1px #979797;
    }
    .directions .dire.setclass h4:after,
    .pad_none.setclass p:after {
        transform: rotate(95deg)
    }
    .directions .dire h4,
    .manufact .manufact_in p {
        border-bottom: solid 1px #979797;
        position: relative
    }
    .manufact .manufact_in .pad_none .hide-show p:after {
        display: none
    }
    .directions .dire h4:after,
    .manufact .manufact_in p:after {
        content: '';
        background: url('../images/arrow-right.jpg') no-repeat;
        width: 11px;
        height: 16px;
        right: 3px;
        top: 50%;
        margin-top: -8px;
        position: absolute
    }
    .manufact .manufact_in .pad_none .hide-show p {
        font-size: 16px;
        line-height: 26px;
        padding-bottom: 10px;
        font-weight: normal
    }
    .main-content .container.showroom_map {
        padding-bottom: 80px
    }
    .pad_none .hide-show p a {
        display: block
    }
    .manufact .manufact_in p {
        padding: 0
    }
    .mob_only {
        display: block
    }
    .directions .dire h4 span,
    .manufact .manufact_in p strong {
        height: 45px;
        line-height: 45px;
        padding-bottom: 0;
        font-size: 16px;
    }
    .manufact_in .pad_none {
        padding: 0
    }
    .directions p {
        padding-bottom: 30px;
        font-size: 16px;
        line-height: 28px
    }
    .directions a {
        margin-bottom: 30px;
    }
    .directions.about_direction {
        padding: 10px 0 70px
    }
    .manufact {
        background: transparent;
        padding: 0
    }
    .contact_pg welcome_right p {
        font-size: 18px;
        line-height: 30px;
    }
    .contact_pg .welcome_right strong {
        padding-bottom: 15px;
    }
    .contact_pg .welcome {
        margin-bottom: 90px
    }
    .cont_direc,
    .plum_gallery {
        display: none
    }
    .directions.upper-map {
        padding: 0
    }
    .directions.upper-map .direction_mob {
        padding: 55px 15px 25px
    }
    .direction_mob,
    .public_time {
        display: block
    }
    .inner-form {
        padding-top: 100px
    }
    .inner-form_div p {
        padding-bottom: 35px
    }
    .amenities_pg .welcome .welcome_left {
        padding: 0;
        margin-bottom: 20px
    }
    .main-content.amenities_pg {
        padding-top: 50px
    }
    .amenities_pg .public_top,
    .amenities_pg .public_time {
        padding-left: 15px;
        padding-right: 15px;
    }
    .hours {
        display: block
    }
    .amenities_pg .open_public {
        padding-bottom: 60px
    }
    .plum-banner img {
        height: 240px;
        object-fit: cover
    }
    .plum_ban_text {
        width: 80%;
        padding: 20px;
    }
    .plum_ban_text p {
        font-size: 18px;
        line-height: 28px
    }
    .plumeria {
        padding-top: 35px
    }
    .plum_cafe_right a {
        margin-top: 40px
    }
    .latest_news {
        padding: 70px 0
    }
    .inner_news p {
        font-size: 18px;
        line-height: 30px;
    }
    .box h4 {
        font-size: 24px;
        line-height: 32px;
    }
    .box {
        padding-bottom: 60px
    }
    .box p {
        font-size: 16px;
    }
    .nav-pills li a {
        /* width: 140px;*/
        margin: 0
    }
    .thumb-text {
        padding-bottom: 80px
    }
    .event_thumb {
        max-width: 380px;
        margin: 25px auto
    }
    ul.nav.nav-pills {
        display: none
    }
    .nav-pills>li {
        display: block
    }
    .nav-pills>li.active>a,
    .nav-pills>li.active>a:focus,
    .nav-pills>li.active>a:hover {
        background: transparent;
        line-height: normal;
    }
    .nav.nav-pills {
        padding: 0 0 0 10px
    }
    .nav.nav-pills li a,
    .nav.nav-pills li.active a {
        padding: 0;
        height: 40px;
        line-height: 40px;
    }
    .nav.nav-pills li {
        text-align: left;
        padding: 0;
        height: auto;
        line-height: normal;
    }
    .select_cat {
        position: relative;
        border-bottom: solid 1px #979797;
        height: 45px;
        line-height: 45px;
        margin-bottom: 0px;
        display: block
    }
    .select_cat.add {
        border-bottom: 0
    }
    .select_cat:after {
        content: '';
        background: url(../images/arrow-right.jpg) no-repeat;
        transform: rotate(95deg);
        width: 11px;
        height: 16px;
        right: 3px;
        top: 50%;
        margin-top: -8px;
        position: absolute;
    }
    .select_cat.add:hover:after {
        transform: rotate(0);
    }
    .news_right {
        display: none
    }
    .related_art {
        max-width: 332px;
        padding: 15px;
        margin: 0 auto 40px
    }
    .news_left {
        width: 100%
    }
    .news_left .art_img {
        margin: 0
    }
    .news_left .art_img img {
        width: 100%
    }
    .news_pg .tab-content {
        padding-top: 35px
    }
    .art_text strong {
        display: none
    }
    .art_text span {
        display: block
    }
    
    .mob-text {
        display: block
    }
    .mob-text .blk {
        color: #fff;
        display: block;
        text-align: center;
        font-size: 16px;
        padding: 8px 0 5px;
    }
    .mob-text .blk.black {
        height: 45px;
        line-height: 45px;
        background: #000;
        display: none;
    }
    .mob-text .blk.green {
        height: 35px;
        line-height: 35px;
        background: #7ed321;
    }
    .top_show {
        padding-top: 30px;
        border: 0
    }
    .top_show h4 span {
        font-size: 28px;
    }
    .top_show p {
        font-size: 16px;
        line-height: 28px;
    }
    .btm_show {
        display: none
    }
    .related_art .art_img {
        margin: 0
    }
    .news_detail_pg h1 span {
        font-size: 28px;
        line-height: 36px;
        padding-bottom: 25px;
    }
    .news_details img {
        margin-bottom: 10px;
    }
    .news_details p {
        font-size: 18px;
        line-height: 26px;
    }
    .socail-inner ul {
        text-align: center
    }
    .socail-inner {
        padding-bottom: 80px;
    }
    .recent_article .head_art h2 {
        display: none
    }
    .recent_article {
        background: #f1f1f1
    }
    .recent_article .related_art .art_text h5 {
        font-size: 20px;
        line-height: 24px;
    }
    .recent_article .related_art .art_text {
        padding-bottom: 40px;
        padding-top: 10px
    }
    .recent_article .related_art .art_text span {
        display: block;
    }
    .recent_article .related_art .art_text strong {
        display: none;
    }
    .show_list_pg.cmn_pad .welcome,
    .showroom_banner{
        display: none
    }
    .showroom_form ul{
        padding: 0
    }
    .showroom_map .map,
    .event_deatil .map-event.map{
        height: 230px
    }
    .showroom_form li.form-group,
    .showroom_form ul li.btn_sub,
    .showroom_form form ul li{
        display: block;
        padding: 0;
        margin: 0;
        width: 100%;
        margin-bottom: 20px;
    }
    .showroom_form form ul li input,
    .showroom_form form ul li select{
        display: block;
        padding: 0 15px;
        margin: 0;
        width: 100%;
        margin-bottom: 20px;
    }
    .showroom_form ul li.btn_sub{
        padding-top:  10px;
        margin-bottom: 50px
    }
    .form_mob_cont{
        display: block;
        border-bottom: solid 1px #dddddd;
        padding-bottom: 10px;
        padding-top: 25px
    }
    .showroom_form .form_mob_cont p{
        font-size: 20px;
        line-height: 30px;
        color: #333333
    }
    .showroom_form .form_mob_cont p strong{
        font-size: 15px;
        line-height: 30px;
    }
    .showroom_form form{
        padding-top: 30px
    }
    .showroom_form form label{
        font-weight: 600;
        font-size: 12px;
    }
    .sticky_new +  .main-content {
        padding-top: 80px;
    }
    .show_list_pg .thumb{
        padding-top: 50px;padding-bottom: 0
    }
    .show_list_pg .thumb img{
        margin: 0
    }
    .show_list_pg .thumb .mob-pad_show{
          background-color: #f8f8f9;
        padding:20px 15px
    }
    .show_list_pg .thumb .mob-pad_show a.explore{
        width: 100%;
        height: 45px;
        background-color: #1c1b1b;
        font-size: 12px;
        line-height: 30px;
        display: block;
        line-height: 45px;
        text-align: center;
        color: #fff;
        margin-top: 30px
    }
    .navbar-default .navbar-nav li a {
        font-size: 24px;
        padding: 10px 0;
        font-weight: 500;
    }
    #navbar{
        padding: 15px 0
    }
    .showroom_form form ul li input, .showroom_form form ul li select{
        margin-bottom: 0
    }
    @media all and (orientation:landscape) {}    
}
@media(max-width:639px) {
    .desktop_thumb .thumb {
        width:100%;
    }
}
@media(max-width:360px) {
    .socail_icons ul li {
        padding: 0 8px 0 0;
    }
}
@media(max-width:320px) {
    #wrapper {
        min-width: 320px
    }
    .menu ul li {
        padding: 7px 0 0;
    }
    .navbar-default .navbar-nav li a {
        font-size: 23px;
        padding: 10px 0;
    }
    
    .news_detail_pg h1 span {
        font-size: 24px;
        line-height: 32px;
    }
    .news_details p {
        font-size: 17px;
        line-height: 25px;
    }
    .black-header {
        font-size: 10px;
    }
    .lease_pg .welcome_right a {
        width: 280px;
    }
    .showroom_form .form_mob_cont p{
        font-size: 18px;
    }
}
@media all and (max-width: 1024px) and (min-width: 768px) {
	 .banner-form h1 {
	 	font-size: 20px;
	 	line-height: 26px;
	}
}

@media all and (orientation:landscape) {}