.wpbdp-listing a:not(.wpbdp-button) {
    border: none;
    color: #000;
}

.wpbdp-listing-excerpt {
    padding: 0;
    border: none;
}

.wpbdp-categories .cat-item {
    margin-bottom: 0;
}

.wpbdp-listing-excerpt.odd {
    background: none;
}

.wpbdp-thumbnail.size-thumbnail {
    width: auto !important;
    height: auto !important;
}

.listing-thumbnail img {
    max-height: 100px;
    width: auto;
}

.wpbdp-pagination {
    margin: 0;
}

.wpbdp-listing .listing-thumbnail {
    float: none;
}


/** new CSS **/

@media(max-width:450px) {
    .wpbdp-listings-list .cdl-item .wrap-body h2 {
        max-height: 100px !important;
        min-height: 43px !important;
    }
}
@media(max-width:480px) {
    .cdl-all-shops li {
        margin-bottom: 9px !important;
    }
    .csm_footer_container .csm_footer_logo,
    .csm_footer_container .csm_footer_copyright {
        float: unset !important;
    }
}

@media(max-width:560px) {
    .wpbdp-listings-list .cdl-item .wrap-body h2 {
        min-height: 30px;
    }
}

@media(max-width:767px) {
    /* .about_menu,
    .happen_menu,
    .csm-shops.subpage_menu {
        margin: 10px;
    } */
    /* .subpage_menu_mobile {
        padding: unset !important
    } */
    /* .subpage_menu_mobile_arrow_container {
        right: 0 !important
    } */
    /* .happen_sub_menu {
        margin: 10px;
    } */
    /* .happen_content_container .col-xs-12 {
        padding: 10px 0;
    } */
    .csm_header_menu ul li a[title="CDL Gift Voucher"] {
        color: #72bf44;
    }
    .subpage_menu ul {
        margin-top: -1px;
    }
    /* .business_phone_number{height:45px;}  */
    /* .wpbdp-listings-list .cdl-item .wrap-body h2{min-height:45px;} */
    .wrap-body-detail .business_address {
        margin-bottom: 15px !important;
    }
}
@media screen and (max-width:991px){
    .termlink a {
        font-size: 17px;
        color: #000;
        text-decoration: underline;
        font-weight: 700;
    }

}
@media screen and (min-width: 992px) {
    .csm_header_menu ul li {
        padding: 0px 10px !important;
    }
    .termlink {
        text-align: right;
        margin-bottom: 20px;
    }
    .termlink a {
        font-size: 17px;
        color: #000;
        text-decoration: underline;
        font-weight: 700;
    }
    .termlink a:hover {
        color: #72bf44;
    }
}

@media (min-width:561px) and (max-width:991px) {
    .termlink {
        text-align: right;
    }
    .termlink a {
        font-size: 15px;
        color: #000;
        font-weight: 700;
    }
}

@media(max-width:560px) {
    .termlink {
        text-align: center;
    }
    .termlink a {
        font-size: 15px;
        font-weight: 700;
        color: #000;
        font-weight: 700;
    }
    #menu-cdl-gift-voucher li.current_page_item a::after {
        content: '';
        position: absolute;
        background: url(../png/arrow_down_shops_bg.png) no-repeat;
        width: 23px;
        right: 0;
        top: 0;
        height: 100%;
    }
}

@media screen and (min-width: 768px) {
    .csm_header_menu ul li.current-menu-item a[title],
    .csm_header_menu ul li.current-page-ancestor a[title] {
        font-weight: normal !important;
    }
}

@media(max-width:768px) {
    .shop_gallery {
        margin-bottom: 20px;
    }
    ul.cdl-all-shops {
        justify-content: flex-start !important;
    }
}

@media(max-width:992px) {
    .box-term {
        border: none !important;
    }
}

@media(min-width:1024px) {
    .wpbdp-thumbnail.size-thumbnail {
        width: 100% !important;
        height: 100% !important;
        object-fit: contain;
    }
    .shop_gallery {
        padding: 0 10px 0 0;
        width: 342px;
        height: 300px;
        max-height: unset !important;
        max-width: unset !important;
        margin-right: unset !important;
        margin-left: unset !important;
        margin-bottom: 10px !important;
    }
    /* .shop_content{
		min-height:433px;
	}
	.csm_content{
		min-height:664px;
	} */
}

@media(min-width:1367px) {
    .shop_gallery {
        width: 355px;
    }
}

.csm_header_menu ul li a[title="CDL Gift Voucher"]:hover,
.csm_header_menu ul li.current-menu-item a[title="CDL Gift Voucher"] {
    color: #72bf44;
}

.voucher-text {
    margin-top: 2px;
}

.shop_sub_menu ul li a:hover,
.shop_sub_menu ul li a.active,
.shop_sub_menu ul li a.active_left {
    color: #000;
}

.csm_footer-left {
    text-align: left;
}

.csm_footer-left a {
    color: #000;
}

.relative {
    position: relative;
}

.promotion-container-2 {
    padding-right: 0 !important;
    padding-left: 0 !important;
    margin: 0 10px;
}

.swiper-slide img {
    width: 100%;
}

@media screen and (min-width: 1120px) {
    .navbar-collapse.collapse {
        bottom: 0;
    }
    .social {
        padding-bottom: 20px;
        position: absolute;
        right: 40px;
        bottom: 0;
    }
}


/** css max width for all page **/

.city-max-width {
    max-width: 1366px;
    margin: 0 auto !important;
}


/* .csm_content .happen_menu,
.csm_content .happen_content_container,
 .mail_content,
.contact_content_container,
.about_carpark_content_container,
.about_getting_content_container,
.about_customer_content_container
.csm_content .about_menu,
.csm_content .about_content_container, */

.cdl-voucher-menu,
.csm_content .shop_menu,
.csm_content .shop_content_container {
    max-width: 1366px;
    margin: 0 auto;
}


/* .csm_content .about_menu,
.csm_content .about_content_container,
.csm_content .shop_menu,
.csm_content .shop_content_container,
.csm_content .happen_menu,
.csm_content .happen_content_container,
.mail_content */


/* .csm_content .shop_menu,
.csm_content .shop_content_container {
    margin-top: 10px !important;
} */

@media screen and (min-width: 768px) {
    .subpage_menu ul li:last-child {
        padding-right: 0 !important;
    }
    .subpage_menu ul li:first-child {
        padding-left: 0 !important;
    }
}

.cdl-voucher-menu .container {
    width: inherit !important;
}

.cdl-voucher-menu .shop_menu {
    padding: 0 !important;
}

@media(min-width:1025px) {
    .wpbdp-listings-list .cdl-item {
        margin: 10px !important;
        height: 400px;
    }
    .cdl-shop-content .cdl-all-shops {
        margin: 0 !important;
        padding: 0 !important;
    }
    .shop_menu {
        padding: 0 14px;
    }
    .cdl-gift-text {
        margin: 0 !important;
    }
    .is-by-shop-name .wpbdp-listings-list .cdl-item,
    .is-by-allshop .wpbdp-listings-list .cdl-item {
        height: 400px;
        max-width: unset !important;
        margin: 45px auto;
        display: block;
    }
    .csm-shops {
        margin-top: 10px;
        margin-bottom: 65px;
    }
}


/* @media(min-width:1024px){
	.cdl-voucher-menu .subpage_menu .subpage_menu_desktop_768{
		border-bottom: 2px solid #72bf44; 
	}
} */

@media(max-width:1366px) {
    .cdl-shop-content .cdl-all-shops {
        margin: 0 !important;
        padding: 0 !important;
    }
}


/* #menu-shops-menu{
	max-width:1366px !important;
	border-bottom:2px solid #E1007C;
	padding-bottom:10px;
.cdl-gift-text{padding:0 11px;}
@media(min-width:1024px) and (max-width:1024px){
	.shop_menu{
		padding:0 66px;
	}
	.promotion-container-2{
		margin: 0 !important;
	}
	/* .csm_content{min-height:974px;} */

@media(min-width:768px) and (max-width:768px) {
    .csm_header_menu {
        right: 60px !important;
    }
    .csm_header_logo {
        margin-bottom: 0 !important;
    }
    .csm_header_container {
        padding: 25px 20px !important;
    }
    .cdl-shop-content .cdl-all-shops {
        margin: 0 !important;
    }
    #menu-cdl-gift-voucher.mobile li.menu-item-type-post_type {
        padding: 0 0px !important;
    }
}

@media screen and (max-width: 768px) {
    .line-top-details {
        border-top: none !important
    }
    .cdl-shop-content .cdl-shop-inner .wpbdp-listing-excerpt {
        max-height: 380px !important;
        margin: 20px auto 15px 0;
    }
    .voucher-text {
        margin-top: 2px;
    }
    .cdl-gift-text {
        padding: 0 !important;
    }
    .cdl-all-shops li:nth-child(2n) {
        margin-right: 0 !important;
    }
    .voucher-text {
        padding-right: 0;
    }
    #menu-shops-menu {
        border: none !important;
    }
}

@media(max-width:767px) {
    .line-top-category-tpl img,
    .line-top-category img {
        width: 40px !important;
        height: 20px;
    }
    span.phone2 {
        display: inline-block;
    }
    span.phone2 img {
        float: left;
        margin-right: 4px;
    }
    .wpbdp-listings-list .cdl-item .wrap-body .wrap-body-detail {
        font-size: 12px;
    }
    ul#menu-shops-menu li#menu-item-2178 #wpbdp-categories {
        display: none !important;
    }
    
}

.active-gift {
    height: 20px;
}

.business_website_address {
    height: 20px;
    width: 100%;
}

.line-top {
    border-top: 1px solid #ccc;
}


/* .csm-shops .shop_content{
	margin-top: 10px;
	border-top:1px solid #ccc;
} 


.csm-shops .cdl-gift-text .cdl-gift-text-inner {
    border-top: 1px solid #ccc;
}

.cdl-wrapper .cdl-gift-text .cdl-gift-text-inner {
    border-top: 1px solid #ccc;
}

*/

.box-term {
    border-top: 1px solid #ccc;
}

.box-term-img img {
    width: 100%;
    object-fit: cover;
}

@media(max-width:560px) {
    .box-term,
    .box-term-text {
        padding: 20px 0px;
    }
    .box-term-text ol {
        padding-left: 16px;
    }
    .box-term-img img {
        max-height: 400px;
    }
    .csm-shops {
        margin-top: 10px;
    }
    .cdl-shop-content .cdl-shop-inner .wpbdp-listing-excerpt{
        max-height: auto;
    }
    /* .menu-page-detail-of,
	.menu-page-cdl-voucher{display:none;} */
}

@media(min-width:561px) and (max-width:1024px) {
    .box-term,
    .box-term-text {
        padding: 20px 0px;
    }
    .box-term-text ol {
        padding-left: 16px;
    }
    .box-term-img img {
        max-height: 500px;
    }
    .wpbdp-listings-list .cdl-item span.phone1 {
        margin-right: 2px !important;
    }
    .wpbdp-pagination,
    .menu-page-detail-of,
    .menu-page-cdl-voucher {
        display: none;
    }
    .wpbdp-pagination {
        margin: 0px 60px;
    }
    .csm-shops {
        margin-top: 10px;
    }
}

@media(min-width:1025px) {
    .box-term {
        padding: 40px 40px;
    }
    .box-term-img img {
        /* max-width: 875px; */
        margin: 0 auto;
        display: block;
    }
    .box-term-text {
        padding: 20px 0px;
        max-width: 875px;
        margin: 0 auto;
        display: block;
    }
    /* .box-term-img img {
        max-height: 432px;
        max-width: 807px;
        margin: 0 auto;
        display: block;
    }
    
    .box-term-text {
        max-height: 432px;
        max-width: 807px;
        margin: 0 auto;
        padding: 20px 0px;
    } */
    .box-term-text ol {
        padding-left: 15px;
    }
    .wpbdp-pagination {
        margin: 35px 60px;
    }
    .hide-on-desktop,
    .menu-page-detail-of,
    .menu-page-cdl-voucher {
        display: none;
    }
    .line-top-details {
        margin: 20px 0px !important;
    }
    .col-xs-12.col-sm-12.col-lg-12.no_padding_right_768 {
        display: block !important;
    }
}


/* .menu-footer-menu-container ul li:nth-child(2):after {
    margin: 0 5px;
    content: ' |';
} */

.wpbdp-pagination {
    clear: both;
    text-align: center;
}


/* .detail-single-template{
	max-width:1080px !important;
} */

button#button-cdl-gift {
    text-align: left;
    border: none !important;
    background: transparent;
    padding-left: 0 !important;
}

.cdl-item {
    position: relative;
}

.cdl-item .active-gift {
    position: absolute;
    bottom: 18px;
}

@media(max-width:1024px) {
    .menu-item-depth-0 a {
        width: 100%;
    }
    ul#nav .menu-item-depth-0 a.item-depth-0 {
        display: block;
        width: 100%;
        padding: 10px 30px;
        position: relative;
    }
    .menu-item-level {
        background: #FFF;
        margin: 10px 0px;
    }
    .item-depth-0 .caret {
        position: absolute;
        right: 5%;
        top: 45%;
    }
    ul#nav .menu-item-depth-0.active .menu_item_mobile_title_first,
    ul#nav .menu-item-depth-0.active .menu_item_mobile_title_two,
    ul#nav .menu-item-depth-0.current-page-ancestor .menu_item_mobile_title_first,
    ul#nav .menu-item-depth-0.current-page-ancestor .menu_item_mobile_title_two,
    #nav .menu-item-depth-0 {
        display: block !important;
    }
    /* .menu_item_mobile_title_first,
    .menu_item_mobile_title_two{
        display:none;
    } */
    #nav .menu-item-depth-0.active a.item-depth-0,
    ul#nav .menu-item-depth-0.current-page-ancestor a.item-depth-0 {
        background: #72bf44;
        color: #FFF;
    }
    a.item-depth-0 {
        border: 1px solid #ccc;
    }
    #cate-current-item-first::after,
    #cate-current-item-two::after {
        content: "";
        height: 10px;
        width: 15px;
        position: absolute;
        right: 5%;
        top: 40%;
        background: url(../v-icon.html);
        background-size: contain;
        background-position: center;
        background-repeat: no-repeat;
    }
    #cate-current-item-first,
    #cate-current-item-two {
        position: relative;
        padding: 10px 0;
        margin: 9px auto;
        color: #72bf44;
        border: 1px solid #ccc;
        width: 90%;
        z-index: 999999;
        display:none;
    }
    #nav .active a {
        color: #FFF;
    }
    /* .current-menu-item.active ul.dropdown-menu-0{
        display:block;
    } */
    .dropdown-menu-0,
    .dropdown-menu-1 {
        display: none;
    }
    /* .menu-item-depth-0{
        margin-top: 5px;
        border: 1px solid #ccc;
        text-align: center !important;
        padding:10px 0px !important;
    } */
    ul#nav li {
        text-align: center;
    }
    ul#nav li a {
        /* border: 1px solid #ccc;
        padding:10px 0px !important; */
        font-weight: 400;
        color: #000000;
    }
    .active-menu-0 .dropdown-menu-1 {
        display: none;
    }
    ul.active-menu-0 li.menu-item-depth-1.active {
        display: block;
    }
    ul.active-menu-0 .menu-item-depth-1 a.item-depth-1 {
        padding: 0 0;
        margin: 4px auto;
        color: #72bf44;
        width: 90%;
        display: block;
    }
    ul.active-menu-0 .menu-item-depth-2.active a.item-depth-2,
    ul.active-menu-0 .menu-item-depth-1.active a.item-depth-1 {
        color: #72bf44 !important;
    }
    li.menu-item-depth-0.active,
    li.current_page_ancestor.menu-item-depth-0 {
        position: relative;
    }
    li.menu-item-depth-0.active .active-menu-0,
    li.current_page_ancestor.menu-item-depth-0 .active-menu-0 {
        display: block;
        border: 1px solid #ccc;
        width: 90%;
        left: 5%;
        /* top: 66%; */
        margin: 0 auto;
        position: absolute;
        background-color: #FFF;
        z-index: 999999;
    }
    .opacity.active-menu-0 {
        z-index: 99999 !important;
    }
    ul#nav li.current_page_ancestor.menu-item-depth-0 a,
    ul#nav .menu-item-depth-0.active ul.active-menu-0 li a {
        color: #000;
    }
    ul#nav li.menu-item-depth-0.active {
        position: relative;
    }
    .opacity {
        border: none !important;
        background: transparent !important
    }
    .opacity li.menu-item-depth-1,
    .opacity li.menu-item-depth-1 a.item-depth-1 {
        margin-top: 20%;
        display: none;
    }
    .opacity::before {
        content: "";
        width: 100%;
        height: 246px;
        left: 0;
        position: absolute;
        background: transparent;
    }
    li.menu-item-depth-1:last-child,
    li.menu-item-depth-2:last-child{
        margin-bottom:10px !important;
    }
    .cdl-gift-text-inner.line-top.line-top-category{
        padding-top:19px !important;
    }
}


/** menu levl 1 **/

@media(max-width:500px) {
    ul#nav li.current_page_ancestor.menu-item-depth-0 .dropdown-menu-0 .menu-item-depth-1.active .dropdown-menu-1.active-menu-1,
    ul#nav .menu-item-depth-0.active .menu-item-depth-1.active .active-menu-1 {
        display: block !important;
        border: 1px solid #ccc;
        margin: 0 auto;
        position: absolute;
        background: #FFF;
        width: 100%;
        top: 47%;
        left: 0;
        z-index: 1;
    }
}

@media(min-width:501px) and (max-width:1024px) {
    ul#nav li.current_page_ancestor.menu-item-depth-0 .dropdown-menu-0 .menu-item-depth-1.active .dropdown-menu-1.active-menu-1,
    ul#nav .menu-item-depth-0.active .menu-item-depth-1.active .active-menu-1 {
        display: block !important;
        border: 1px solid #ccc;
        margin: 0 auto;
        position: absolute;
        background: #FFF;
        width: 100%;
        top: 29%;
        left: 0;
        z-index: 1;
    }
}


/** menu levl 0 **/

@media(max-width:1024px) {
    li.by-shop-name.menu-item-depth-0.active .active-menu-0,
    li.is-by-shop-name.current_page_ancestor.menu-item-depth-0 .active-menu-0 {
        display: block;
        border: 1px solid #ccc;
        width: 90%;
        left: 5%;
        top: 105%;
        margin: 0 auto;
        position: absolute;
        background-color: #FFF;
        z-index: 999999;
    }
}

@media(min-width:1008px){
    #wpbdp-page-category{
        margin-top:10px;
    }
}

@media(min-width:768px){
    .subpage_menu.happen_menu ul li,
    .subpage_menu.about_menu ul li {
        margin-bottom: 8px;
        padding: 0 4px;
        text-align: center;
    }
}
@media(max-width:767px){
    .subpage_menu.happen_menu ul li,
    .subpage_menu.about_menu ul li {
        margin-bottom: 0;
        padding: 0 26px;
    }
    /* .happen_content_container .happen_content{
        margin:0 26px;
    } */
    /* .happen_content_container .happen_sub_menu {
        margin: 0 26px;
    } */
    .about_menu .subpage_menu_mobile_navigation,
    .happen_menu .subpage_menu_mobile_navigation{
        color: #fff;
        padding: 15px 26px !important;
    }
    .about_menu .subpage_menu_mobile,
    .happen_menu .subpage_menu_mobile {
        position: relative;
        padding: 0 26px !important;
        cursor: pointer;
    }
}
@media(min-width:561px) and (max-width:768px){
    .shop_content {
        position: relative;
        background: #fff;
        padding: 15px 15px;
    }
    .shop_detail_container .shop_detail_desc span.phone1 img{
        margin-right:5px;
    }
}
@media(max-width:560px){
    .shop_content {
        position: relative;
        background: #fff;
        /* padding: 25px 25px 15px 25px */
    }
    .shop_detail_container .shop_detail_desc span.phone1 img{
        margin-right:5px;
    }
}
@media(min-width:992px){
    .shop_content {
        position: relative;
        background: #fff;
        padding: 25px 0px;
        max-width:1080px;
        margin:0 auto;
    }
    /* .csm_content .about_menu,
	.csm_content .about_content_container,
	.csm_content .happen_menu,
	.csm_content .happen_content_container,
	.mail_content,
	.contact_content_container */
	.cdl-voucher-menu, .csm_content .shop_menu,
	.csm_content .shop_content_container{
		padding:0 41px;
	} 
    .detail-single-template{
        padding:0 55px !important;
    }
    .cdl-gift-text {
        padding: 0 10px;
    }
    .shop_detail_logo .listing-thumbnail img{
        margin-right:0 !important;
    }
}

/** JOE CSS 21/12/2021 **/
.cdl-item .active-gift{
    display:flex;
}
img[title="coming soon"]{
    width:100%;
    object-fit: cover;
}

/** Joe CSS **/
.emall-banner{display:none};