@import "_global.css";

html {
    scroll-behavior: smooth;
}

img,
video {
    height: auto
}

.black-btn:hover,
.blue-btn:hover,
.dark-red-btn:hover,
.gray-btn:hover,
.grey-btn:hover,
.red-btn:hover {
    box-shadow: inset 0 0 1px 3px rgba(255, 255, 255, .3)
}

.owl-carousel,
.owl-carousel .owl-item {
    -webkit-tap-highlight-color: transparent
}

.footer-wrap .footer-menu .footer-grid .footer-details .newsletter .footer-details .input-search input:focus,
.footer-wrap .footer-menu .footer-grid .footer-details .newsletter .footer-details .search-btn:focus,
.form-control:focus,
.header-banner .header-wrap .main-menu ul li.menu-dropdown .dropdown-toggle:active,
.header-banner .header-wrap .main-menu ul li.menu-dropdown .dropdown-toggle:focus,
.header-banner .header-wrap .user-wrap ul li.menu-dropdown .dropdown-toggle:active,
.header-banner .header-wrap .user-wrap ul li.menu-dropdown .dropdown-toggle:focus,
.my-history-page-wrapper .my-history-page-detail .right-history-tab-details .my-profile-wrap .changed-password-wrap .changed-pwd-form-wrap .modal-header button:focus,
.payment-page-wrapper .payment-page-detail .left-payment-page-wrap .payment-method-wrap .payment-tab-list ul.nav-tabs li.paypalClass.active #paypal-button:active,
.payment-page-wrapper .payment-page-detail .left-payment-page-wrap .payment-method-wrap .payment-tab-list ul.nav-tabs li.paypalClass.active #paypal-button:focus,
.restaurant-detail-section .bootstrap-touchspin .bootstrap-touchspin-down:focus,
.restaurant-detail-section .bootstrap-touchspin .bootstrap-touchspin-up:focus,
.restaurant-detail-section .bootstrap-touchspin input:focus,
.search-body .search-area-wrap .search-result-view-wrap .search-result-grid .search-result-details-wrap .choose-restaurant-type .search-service-features button:focus,
.submit-listing-wrapper .step-detail-wrap .step-content.step-3 .cart-summary-wrap .cart-table .cart-item.cart-item-detail-list .cart-item-detail.license-count .bootstrap-touchspin .bootstrap-touchspin-down:focus,
.submit-listing-wrapper .step-detail-wrap .step-content.step-3 .cart-summary-wrap .cart-table .cart-item.cart-item-detail-list .cart-item-detail.license-count .bootstrap-touchspin .bootstrap-touchspin-up:focus,
.submit-listing-wrapper .step-detail-wrap .step-content.step-3 .cart-summary-wrap .cart-table .cart-item.cart-item-detail-list .cart-item-detail.license-count .bootstrap-touchspin .input-group-btn:focus,
.submit-listing-wrapper .step-detail-wrap .step-content.step-3 .cart-summary-wrap .cart-table .cart-item.cart-item-detail-list .cart-item-detail.license-count input:focus,
.submit-listing-wrapper .step-detail-wrap .step-content.step-3 .payment-tab .payment-tab-detail .tab-content .creditdetail .card-from .form-group .experince input:focus,
.submit-listing-wrapper .step-detail-wrap .step-content.step-3 .payment-tab .payment-tab-detail .tab-content .creditdetail .card-from .form-group .experince select:focus,
.video-grid .modal .modal-dialog .modal-content .modal-header button:focus,
a:focus,
a:hover,
button:focus,
input[type=text]:focus,
input[type=email]:focus,
input[type=password]:focus,
input[type=number]:focus,
input[type=tel]:focus,
input[type=search]:focus,
input[type=date]:focus,
input[type=time]:focus,
input[type=phone-number]:focus,
select:focus,
textarea:focus {
    outline: 0
}

@font-face {
    font-family: "OpenSans Regular";
    src: url(../fonts/OpenSans/OpenSans-Regular.woff)
}

@font-face {
    font-family: "OpenSans Bold";
    src: url(../fonts/OpenSans/OpenSans-Bold.woff)
}

@font-face {
    font-family: "OpenSans SemiBold";
    src: url(../fonts/OpenSans/OpenSans-Semibold.woff)
}

@font-face {
    font-family: "OpenSans Italic";
    src: url(../fonts/OpenSans/OpenSans-Italic.woff)
}

@font-face {
    font-family: "OpenSans light";
    src: url(../fonts/OpenSans/OpenSans-Light.woff)
}

@font-face {
    font-family: "Century-gothic Regular";
    src: url(../fonts/Century-gothic/century-gothic.woff)
}

@font-face {
    font-family: "Century-gothic Bold";
    src: url(../fonts/Century-gothic/century-gothic-bold.woff)
}

@font-face {
    font-family: "Lusitana Regular";
    src: url(../fonts/Lusitana/lusitana-regular.woff)
}

@font-face {
    font-family: "Lato Regular";
    src: url(../fonts/Lato/Lato-Regular.woff)
}

@font-face {
    font-family: "Lato Bold";
    src: url(../fonts/Lato/Lato-Bold.woff)
}

@font-face {
    font-family: "Lato light";
    src: url(../fonts/Lato/Lato-Light.woff)
}

* {
    line-height: normal;
    vertical-align: middle;
}

.center_text
{
    text-align: center;
}

.bold-text,
.underline-text {
    line-height: inherit
}

body {
    font-family: "Century-gothic Regular"
}

a,
a:focus,
a:hover {
    text-decoration: none
}

img {
    max-width: 100%
}

video {
    width: 100%
}

input[type=text],
input[type=email],
input[type=search],
input[type=date],
input[type=time],
input[type=password],
textarea {
    height: 32px;
    padding: 0px 0px 0 5px;
    border: 1px solid #B6B6B6;
    background-color: #F9F9F9;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
}

/* bootstrap class */
.alert-danger
{
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1;
    margin: 2px 0;
    padding: 5px;
    font-size: 14px;
    font-weight: 600;
    /* position: absolute; */
    text-transform: capitalize;
}

input[type=checkbox], input[type=radio]
{
	margin:12px 0 0;
}

.coming-soon {
    background-color: #fff;
    min-height: 300px;
}
.coming-soon-section{
    margin-top:60px;
    margin-bottom:60px;
}
.coming-soon-details{
    margin-top:45px;
}


.dining-checkbox label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: 500;
	font-size:16.65px;
	font-family:'Suranna', serif;

}

/* class ends */

textarea {
    height: auto
}

input[type=date],
input[type=time] {
    padding-right: 30px
}

input[type=text].white-input,
input[type=email].white-input,
input[type=search].white-input,
input[type=date].white-input,
input[type=time].white-input,
input[type=password].white-input,
select.white-input,
textarea.white-input {
    height: 40px;
    background-color: #FFF;
    font-size: 12px;
    font-family: "OpenSans light"
}

input[type=text].white-input::-webkit-input-placeholder,
input[type=email].white-input::-webkit-input-placeholder,
input[type=search].white-input::-webkit-input-placeholder,
input[type=date].white-input::-webkit-input-placeholder,
input[type=time].white-input::-webkit-input-placeholder,
input[type=password].white-input::-webkit-input-placeholder,
select.white-input::-webkit-input-placeholder,
textarea.white-input::-webkit-input-placeholder {
    color: #C3C3C3
}

input[type=text].white-input::-moz-placeholder,
input[type=email].white-input::-moz-placeholder,
input[type=search].white-input::-moz-placeholder,
input[type=date].white-input::-moz-placeholder,
input[type=time].white-input::-moz-placeholder,
input[type=password].white-input::-moz-placeholder,
select.white-input::-moz-placeholder,
textarea.white-input::-moz-placeholder {
    color: #C3C3C3
}

input[type=text].white-input:-ms-input-placeholder,
input[type=email].white-input:-ms-input-placeholder,
input[type=search].white-input:-ms-input-placeholder,
input[type=date].white-input:-ms-input-placeholder,
input[type=time].white-input:-ms-input-placeholder,
input[type=password].white-input:-ms-input-placeholder,
select.white-input:-ms-input-placeholder,
textarea.white-input:-ms-input-placeholder {
    color: #C3C3C3
}

textarea.white-input {
    height: auto
}

.input-rc {
    position: relative;
    display: inline-block
}

.input-rc input[type=radio],
.input-rc input[type=checkbox] {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    margin: 0;
    padding: 0;
    cursor: pointer;
    opacity: 0
}

.input-rc input[type=radio]+.input-rc-span,
.input-rc input[type=checkbox]+.input-rc-span {
    float: left;
    display: inline-block;
    height: 20px;
    width: 20px;
    margin: 0 10px -15px 0;
    background-image: url(../images/checkbox-unfill.png);
    background-repeat: no-repeat;
    background-size: cover;
    cursor: pointer;
    content: ''
}

.input-rc input[type=checkbox][ng-reflect-model=true]+.input-rc-span {
    background-image: url(../images/checkbox-fill.png)
}

.input-rc input[type=radio]+.input-rc-span {
    height: 20px;
    width: 20px;
    margin-right: 8px;
    background-image: url(../images/radio-btn.png);
    background-position: center
}

.input-rc input[type=radio]:checked+.input-rc-span {
    background-image: url(../images/radio-btn-filled.png);
    background-repeat: no-repeat
}

.grey-checkbox label {
    width: 100%;
    margin-bottom: 10px;
    color: #B6B6B6;
    font-size: 13px;
    font-family: "OpenSans light"
}

.grey-checkbox label .input-rc input[type=checkbox]+.input-rc-span {
    height: 14px;
    width: 14px;
    background-image: url(../images/checkbox-uncheck.png);
    background-size: 100% auto;
	margin:-2px 10px 0 0;
}

.grey-checkbox label .input-rc input[type=checkbox][ng-reflect-model=true]+.input-rc-span {
    background-image: url(../images/checkbox-checked.png)
}


.header-banner .banner-wrap .banner .banner-form .order-select {
    display: inline-block;
    width: 100%
}

.header-banner .banner-wrap .banner .banner-form .order-select .select-wrap {
    position: relative
}

.header-banner .banner-wrap .banner .banner-form .order-select .select-wrap select {
        height: 60px;
    padding-right: 25px;
    padding-left: 15px;
    border: none;
    color: #555555;
    font-size: 15px;
    font-weight: 500;
    background-color: rgba(251, 251, 251, 1);
    font-family: montserrat;
    background-image: url(../images/select-dropdown-arrow.png);
}

.header-banner .banner-wrap .banner .banner-form .order-select .select-wrap select.order-food {
    width: 150px
}

@media (max-width:992px) {
    .header-banner .banner-wrap .banner .banner-form .order-select .select-wrap select {
        height: 40px;
        padding-right: 10px;
        padding-left: 10px;
        font-size: 12px
    }
    .event-page-wrapper .event-detail-wrap .event-section .right-event-sidebar .sidebar-grid .sidebar-details.contact-grid-detail .phone-icon i
    {
        margin-left: -44px;
    }
    .event-page-wrapper .event-detail-wrap .event-section .right-event-sidebar .sidebar-grid .sidebar-details.contact-grid-detail .phone-detail .phone-text
    {
        padding: 0 20px 0px 45px;
    }
    .header-banner .banner-wrap .banner .banner-form .order-select .select-wrap select.order-food {
        width: 114px
    }
}

.header-banner .banner-wrap .banner .banner-form .order-select .select-wrap select.cusion-food {
    width: 150px
}

@media (max-width:992px) {
    .header-banner .banner-wrap .banner .banner-form .order-select .select-wrap select.cusion-food {
        width: 160px
    }
}

@media (max-width:767px) {
    .header-banner .banner-wrap .banner .banner-form .order-select .select-wrap select.cusion-food,
    .header-banner .banner-wrap .banner .banner-form .order-select .select-wrap select.order-food {
        width: 100%;
        margin-bottom: 10px
    }
}

.header-banner .banner-wrap .banner .banner-form .order-select .select-wrap .location {
    width: 300px
}

@media (max-width:992px) {
    .header-banner .banner-wrap .banner .banner-form .order-select .select-wrap .location {
        width: 114px
    }
}

.header-banner .banner-wrap .banner .banner-form .order-select .select-wrap .location input {
    height: 60px;
    width: 100%;
    padding-right: 34px;
    padding-left: 13px;
    border: none;
    background-color: rgba(251, 251, 251, 1);
    color: #555555;
    font-size: 15px;
    font-weight: 600;
    font-family: 'montserrat', sans-serif;
}

@media (max-width:992px) and (min-width:768px) {
    .header-banner .banner-wrap .banner .banner-form .order-select .select-wrap .location input {
        height: 30px;
        font-size: 12px;
        padding: 0 8px
    }
}

@media (max-width:767px) {
    .header-banner .banner-wrap .banner .banner-form .order-select .select-wrap .location {
        width: 100%;
        margin-bottom: 10px
    }
    .header-banner .banner-wrap .banner .banner-form .order-select .select-wrap .location input {
        height: 40px;
        padding: 10px;
        font-size: 12px
    }
}

.header-banner .banner-wrap .banner .banner-form .order-select .select-wrap .location .completer-dropdown {
    width: 100%!important;
    overflow-y: auto;
    overflow-x: hidden;
    max-height: 260px;
    z-index: 99999
}

.header-banner .banner-wrap .banner .banner-form .order-select .select-wrap .direct-location-icon {
    position: absolute;
    top: 0;
    right: 0;
    width: 34px;
    height: 60px;
    padding: 12px 6px 18px 0;
    font-size: 23px;
	color:#999999;
    z-index: 999;
    cursor: pointer
}

@media (min-width:768px) and (max-width:992px) {
    .header-banner .banner-wrap .banner .banner-form .order-select .select-wrap .direct-location-icon {
        height: 30px;
        width: 28px;
        padding: 6px;
        font-size: 16px
    }
}

.header-banner .banner-wrap .banner .banner-form .order-select .more-filter-button {
    position: relative;
    display: inline-block;
}


@media (max-width:767px) {
    .header-banner .banner-wrap .banner .banner-form .order-select .select-wrap .direct-location-icon {
        height: 40px;
        padding: 10px;
        font-size: 20px
    }
    .header-banner .banner-wrap .banner .banner-form .order-select .more-filter-button {
        width: 100%;
        margin-bottom: 10px
    }
}

.header-banner .banner-wrap .banner .banner-form .order-select .more-filter-button .search-more {
    display: inline-block;
    height: 60px;
    width: 85px;
    background-color: rgba(251, 251, 251, 1);
    border: none;
    color: #555555;
    font-size: 15px;
    font-weight: 600;
    padding-left: 18px;
    font-family: 'montserrat', sans-serif;
}

.header-banner .banner-wrap .banner .banner-form .order-select .more-filter-button .search-more:before {
        display: inline-block;
    height: 18px;
    width: 14px;
    margin-top: 10px;
    margin-right: 6px;
    background-image: url(../images/listviewSvg.svg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    vertical-align: top;
    content: '';
    position: absolute;
    left: 10px;
    top: 50%;
    margin-top: -9px;
}

@media (min-width:768px) and (max-width:992px) {
    .header-banner .banner-wrap .banner .banner-form .order-select .more-filter-button .search-more {
        height: 30px;
        background-position: left 8px top 9px;
        font-size: 12px
    }
}

@media (max-width:992px) {
    .header-banner .banner-wrap.banner-inner .banner .banner-form .order-select .select-wrap::after {
        margin-top: 4px
    }
}

@media (max-width:767px) {
    .header-banner .banner-wrap .banner .banner-form .order-select .more-filter-button .search-more {
        height: 40px;
        width: 100%;
        padding: 10px
    }
    .header-banner .banner-wrap.banner-inner .banner .banner-form .order-select .select-wrap::after {
        margin-top: 10px
    }
}

@media (min-width:768px) and (max-width:992px) {
    .header-banner .banner-wrap.banner-inner .banner .banner-form .order-select .select-wrap select {
        height: 30px
    }
}

.header-banner .banner-wrap.banner-inner .banner .banner-form .banner-search-filter-section .filter-search .filter-wrap {
    position: relative;
    display: inline-block
}

.header-banner .banner-wrap.banner-inner .banner .banner-form .banner-search-filter-section .filter-search .filter-wrap::after {
    position: absolute;
    top: 0;
    right: 0;
    display: inline-block;
    height: 10px;
    width: 10px;
    margin-top: 16px;
    margin-right: 30px;
    content: ''
}

@media (max-width:992px) {
    .header-banner .banner-wrap.banner-inner .banner .banner-form .banner-search-filter-section .filter-search .filter-wrap::after {
        height: 8px;
        width: 8px;
        margin-right: 6px
    }
}

.header-banner .banner-wrap.banner-inner .banner .banner-form .banner-search-filter-section .filter-search .filter-wrap select {
    margin-right: 30px;
    padding-right: 20px;
    border: none;
    background-color: transparent;
    color: #FFF;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0
}

@media (max-width:992px) {
    .header-banner .banner-wrap.banner-inner .banner .banner-form .banner-search-filter-section .filter-search .filter-wrap select {
        margin-right: 0
    }
}

select {
    height: 35px;
    padding: 8px 26px 8px 12px;
    border: 1px solid #B6B6B6;
    background-image: url(../images/select-dropdown-icon.png);
    background-position: center right 10px;
    background-repeat: no-repeat;
    background-size: 10px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none
    margin:0 0 3px 0;
}

.custom-searchbox-restaurant
{
    display: table;
    margin: 0px 10px auto;
}
.custom-searchinner-part
{
    width: 61%;
    height: 38px !important;
    display: inline-block;
}

.grey-btn {
    display: inline-block;
    padding: 10px;
    border: 1px solid #B6B6B6;
    background-color: #F6F6F6;
    color: #727272;
    font-size: 13px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px
}

.grey-btn:hover {
    background-color: #FFF;
    color: #727272;
    text-decoration: none
}

.black-btn,
.dark-red-btn,
.red-btn {
    position: relative;
    display: inline-block;
    padding: 6px 40px;
    border: none;
    background-color: #DB1300;
    color: #FFF;
    font-size: 17px;
    font-family: "OpenSans SemiBold";
    text-transform: uppercase;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px
}

.black-btn:focus,
.black-btn:hover,
.dark-red-btn:focus,
.dark-red-btn:hover,
.red-btn:focus,
.red-btn:hover {
    color: #FFF;
    text-decoration: none
}

.black-btn,
.dark-red-btn {
    padding: 12px 70px;
    background-color: #C60024;
    letter-spacing: 1px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0
}

@media (max-width:767px) {
    .black-btn,
    .dark-red-btn {
        padding: 10px 40px
    }
}

.black-btn {
    background-color: #292929
}

.blue-btn,
.gray-btn {
    display: inline-block;
    width: auto;
    margin-right: 20px;
    padding: 14px 32px;
    border: none;
    background-color: #0F0059;
    color: #FFF;
    font-size: 15px;
    font-family: "OpenSans light";
    text-transform: uppercase;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    border-radius: 2px
}

.blue-btn:last-child,
.gray-btn:last-child {
    margin-right: 0
}

.blue-btn:focus,
.blue-btn:hover,
.gray-btn:focus,
.gray-btn:hover {
    color: #FFF
}

.gray-btn {
    background-color: #424242
}

.bookmark-rest-btn {
    position: relative;
    display: inline-block;
    padding: 5px 12px 5px 36px;
    background-color: #DB1300;
    color: #FFF;
    font-size: 17px;
    font-family: "OpenSans SemiBold";
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px
}

.bookmark-rest-btn:focus,
.bookmark-rest-btn:hover {
    color: #FFF;
    text-decoration: none
}

.bookmark-rest-btn:hover {
    opacity: .8
}

.bookmark-rest-btn::before {
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
    height: 20px;
    width: 20px;
    margin-top: 6px;
    margin-left: 10px;
    background-image: url(../images/bookmark-icon.png);
    background-repeat: no-repeat;
    content: ''
}

.bag-heading {
    display: inline-block;
    width: 100%;
    text-align: center
}

.bag-heading h2 {
    font-size: 40px;
    font-family: "Lato Bold"
}

@media (max-width:640px) {
    .bag-heading h2 {
        font-size: 30px
    }

}

.bag-heading p {
    font-size: 16px;
    font-family: "Lato light"
}

@media (max-width:640px) {
    .bag-heading p {
        font-size: 13px
    }
}

.bag-heading.bag-heading-white {
    color: #FFF
}

.rating-view {
    display: inline-block;
    width: 100%;
    margin-bottom: 6px
}

.rating-view .rating-star {
    display: inline-block
}

.rating-view .rating-star fieldset,
.rating-view .rating-star label {
    margin: 0;
    padding: 0
}

.rating-view .rating-star .rating {
    float: left;
    border: none
}

.rating-view .rating-star .rating>input {
    display: none
}

.rating-view .rating-star .rating>label {
    float: right;
    color: #ECD65B;
    font-size: 20px;
    -webkit-font-smoothing: antialiased;
    font-weight: 400;
    cursor: pointer
}

.rating-view .rating-star .rating>label::before {
    display: inline-block;
    margin: 2px;
    font-family: FontAwesome;
    content: '\f006'
}

.rating-view .rating-star .rating>.half::before {
    position: absolute;
    content: '\f006'
}

.rating-view .rating-star .rating:not(:checked)>label:hover,
.rating-view .rating-star .rating:not(:checked)>label:hover~label {
    color: #ECD65B
}

.rating-view .rating-star .rating:not(:checked)>label:hover::before,
.rating-view .rating-star .rating:not(:checked)>label:hover~label::before {
    content: '\f005'
}

.rating-view .rating-star .rating:not(:checked)>label:hover.half:hover::before,
.rating-view .rating-star .rating:not(:checked)>label:hover~label.half:hover::before {
    content: '\f089'
}

.rating-view .review-text {
    display: inline-block;
    margin-top: 6px;
    margin-left: 10px
}

.rating-view .review-text a {
    color: #3a9225;
    font-size: 15px;
    font-family: 'montserrat',sans-serif;
    font-weight: 600;
}

.rating-view .review-text a:hover {
    color: #ECD65B
}

.rating-view.red-star .rating-star .rating>label {
    color: #8B8B8B
}

.rating-view.red-star .rating-star .rating>label::before {
    margin: 3px;
    font-size: 22px;
    content: '\f005'
}

.rating-view.red-star .rating-star .rating>.half::before {
    content: '\f089'
}

.rating-view.red-star .rating-star .rating:not(:checked)>label:hover,
.rating-view.red-star .rating-star .rating:not(:checked)>label:hover~label {
    color: #E40046
}

.rating-view.red-star .review-text a:hover {
    color: #E40046
}

.pager .pagination ul {
    display: inline-block;
    border: solid 1px #aba7a7;
    padding: 0px 5px 0px 5px;
    background: #1b191a1a;
    color: #fff;
    /*display: inline-block;
    margin-bottom: 0;
    padding-left: 0;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    -ms-border-radius: 25px;
    border-radius: 25px;
    -webkit-box-shadow: 0 2px 2px #CCC;
    -moz-box-shadow: 0 2px 2px #CCC;
    -ms-box-shadow: 0 2px 2px #CCC;
    box-shadow: 0 2px 2px #CCC;
    background: #fff;
    background: -webkit-linear-gradient(top, #fff 0, #f4f4f4 100%);
    background: -moz-linear-gradient(top, #fff 0, #f4f4f4 100%);
    background: linear-gradient(to bottom, #fff 0, #f4f4f4 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='$top', endColorstr='$bottom', GradientType=0)*/
}

.pager .pagination ul li {
    float: left;
    display: inline-block;
    -webkit-box-shadow: 0 2px 3px #CCC;
    -moz-box-shadow: 0 2px 3px #CCC;
    -ms-box-shadow: 0 2px 3px #CCC;
    box-shadow: 0 2px 3px #CCC
}

.pager .pagination ul li.pagination-next a::after,
.pager .pagination ul li.pagination-next::after,
.pager .pagination ul li.pagination-next::before,
.pager .pagination ul li.pagination-previous a::before,
.pager .pagination ul li.pagination-previous::after,
.pager .pagination ul li.pagination-previous::before {
    display: none
}

.pager .pagination ul li.pagination-previous {
    padding-left: 28px;
    border: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    box-shadow: none
}

@media (max-width:420px) {
    .pager .pagination ul li.pagination-previous {
        padding-left: 13px
    }
}

.pager .pagination ul li.pagination-previous a:first-child {
    padding-left: 28px
}

@media (max-width:420px) {
    .pager .pagination ul li.pagination-previous a:first-child {
        padding-left: 10px
    }
}

.pager .pagination ul li.pagination-next {
    padding-left: 28px;
    border: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    box-shadow: none
}

.pager .pagination ul li.pagination-next a:last-child {
    padding-right: 28px
}

@media (max-width:420px) {
    .pager .pagination ul li.pagination-next {
        padding-left: 13px
    }
    .pager .pagination ul li.pagination-next a:last-child {
        padding-right: 10px
    }
}

.pager .pagination ul li.active,
.pager .pagination ul li.current {
    background-color: #DB1300;
    -webkit-box-shadow: inset 0 0 .5px 3px rgba(0, 0, 0, .1);
    -moz-box-shadow: inset 0 0 .5px 3px rgba(0, 0, 0, .1);
    -ms-box-shadow: inset 0 0 .5px 3px rgba(0, 0, 0, .1);
    box-shadow: inset 0 0 .5px 3px rgba(0, 0, 0, .1)
}

.pager .pagination ul li.active a,
.pager .pagination ul li.current a {
    color: #FFF
}

.pager .pagination ul li.current {
    padding: 10px 13px
}

@media (max-width:420px) {
    .pager .pagination ul li.current {
        padding: 5px 10px
    }
}

.pager .pagination ul li.pagination-next,
.pager .pagination ul li.pagination-previous {
    padding: 0;
    font-family: 'montserrat',sans-serif;
    color: #000;
    font-weight: 800;
}

.pager .pagination ul li.pagination-next span,
.pager .pagination ul li.pagination-previous span {
    border: none;
    background-color: transparent;
    color: #727272;
    opacity: .5;
    font-family: "Century-gothic Bold";
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0
}

.pager .pagination ul li.pagination-previous a::after,
.pager .pagination ul li.pagination-previous span::after {
    margin-left: 4px;
    content: '<'
}

.pager .pagination ul li.pagination-previous span {
    padding: 8px 15px 8px 23px;
    font-family: 'montserrat',sans-serif;
    color: #000;
    font-weight: 800;
}

@media (max-width:420px) {
    .pager .pagination ul li.pagination-previous span {
        padding: 6px 10px;
        font-size: 12px
    }
}

.pager .pagination ul li.pagination-next a::before,
.pager .pagination ul li.pagination-next span::before {
    margin-right: 4px;
    content: '>'
}

.pager .pagination ul li.pagination-next span {
    padding: 10px 28px 10px 13px
}

@media (max-width:420px) {
    .pager .pagination ul li.pagination-next span {
        padding: 6px 10px;
        font-size: 12px
    }

}

.pager .pagination ul li a {
    padding: 10px 13px;
    border: none;
    background-color: transparent;
    color: #727272;
    font-family: "Century-gothic Bold";
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0
}

.pager .pagination ul li a span.first {
    margin-left: 10px
}

.pager .pagination ul li a span.last {
    margin-right: 10px
}

@media (max-width:420px) {
    .pager .pagination ul li a {
        padding: 6px 10px;
        font-size: 12px
    }
    .pager .pagination ul li a span.first {
        margin-left: 2px
    }
    .pager .pagination ul li a span.last {
        margin-right: 2px
    }
}

.video-grid .video-time-wrap {
    position: relative;
    display: inline-block;
    cursor: pointer
}

.video-grid .video-time-wrap img {
    display: inline-block
}

.video-grid .video-time-wrap .video-time {
    position: absolute;
    top: auto;
    right: 0;
    bottom: 0;
    padding: 4px;
    background-color: rgba(0, 0, 0, .7);
    color: #FFF;
    font-size: 12px
}

.video-grid .video-time-wrap .video-time::before {
    display: inline-block;
    margin-top: 4px;
    margin-right: 5px;
    font-size: 7px;
    font-family: FontAwesome;
    vertical-align: top;
    content: '\f04b'
}

.video-grid .video-time-wrap .video-play-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    display: inline-block;
    margin-top: -22px;
    margin-left: -22px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% auto;
    cursor: pointer
}

.video-grid .modal .modal-dialog .modal-content .modal-header {
    padding-bottom: 0;
    border-bottom: none
}

.my-order-list-section {
    display: inline-block;
    width: 100%;
    margin-bottom: 50px;
    border: 1px solid #B6B6B6;
    color: #727272
}

.my-order-list-section .my-order-header-wrap {
    display: inline-block;
    width: 100%;
    padding: 10px 20px;
    border-bottom: 1px solid #B6B6B6
}

.my-order-list-section .my-order-header-wrap .my-order-title {
    float: left;
    margin-top: 4px;
    font-size: 18px;
    text-transform: uppercase
}

.my-order-list-section .my-order-header-wrap .my-order-cart {
    position: relative;
    float: right;
    display: inline-block;
    height: 29px;
    width: 29px;
    background-image: url(../images/add-to-cart-checkout.png);
    background-repeat: no-repeat;
    background-size: 100% auto
}

.my-order-list-section .my-order-header-wrap .my-order-cart .my-order-cart-item {
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
    width: 18px;
    height: 18px;
    padding-top: 1px;
    color: #FFF;
    font-size: 11px;
    text-align: center
}

.my-order-list-section .order-list-wrap {
    display: inline-block;
    width: 100%;
    padding: 0 20px;
    color: #727272
}

.my-order-list-section .order-list-wrap a {
    color: #727272
}

.my-order-list-section .order-list-wrap .list-item {
    display: inline-block;
    width: 100%;
    padding: 18px 0;
    border-bottom: 1px solid #B6B6B6
}

.my-order-list-section .order-list-wrap .list-item:last-child {
    border-bottom: none
}

.my-order-list-section .order-list-wrap .list-item .item-name {
    float: left;
    font-size: 13px;
    width: -webkit-calc(100% - 184px);
    width: -moz-calc(100% - 184px);
    width: calc(100% - 184px)
}

@media (min-width:993px) and (max-width:1200px) {
    .my-order-list-section .order-list-wrap .list-item .item-name {
        width: -webkit-calc(100% - 100px);
        width: -moz-calc(100% - 100px);
        width: calc(100% - 100px)
    }
}

@media (max-width:480px) {
    .my-order-list-section .order-list-wrap .list-item .item-name {
        width: 100%;
        margin-bottom: 20px
    }
}

.my-order-list-section .order-list-wrap .list-item .total-order-item {
    display: inline-block;
    width: 115px;
    font-size: 14px;
    text-align: center
}

@media (min-width:993px) and (max-width:1200px) {
    .my-order-list-section .order-list-wrap .list-item .total-order-item {
        width: 100px;
        margin-bottom: 20px;
        text-align: right
    }
}

@media (max-width:480px) {
    .my-order-list-section .order-list-wrap .list-item .total-order-item {
        width: 100%;
        margin-bottom: 20px;
        text-align: right
    }
}

.my-order-list-section .order-list-wrap .list-item .total-order-item .add-item,
.my-order-list-section .order-list-wrap .list-item .total-order-item .min-item {
    display: inline-block;
    height: 19px;
    width: 19px;
    margin-right: 10px;
    border: 1px solid #B6B6B6;
    font-size: 12px;
    text-align: center;
    cursor: pointer;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    border-radius: 100%
}

.my-order-list-section .order-list-wrap .list-item .total-order-item .add-item {
    margin-right: 0;
    margin-left: 10px
}

.my-order-list-section .order-list-wrap .list-item .total-order-item .total-item {
    display: inline-block
}

.my-order-list-section .order-list-wrap .list-item .item-total-price {
    display: inline-block;
    width: 65px;
    font-size: 16px;
    text-align: center
}

@media (min-width:993px) and (max-width:1200px) {
    .my-order-list-section .order-list-wrap .list-item .item-total-price {
        width: 100%;
        text-align: right
    }
}

@media (max-width:480px) {
    .my-order-list-section .order-list-wrap .list-item .item-total-price {
        width: 100%;
        text-align: right
    }
}

.my-order-list-section .order-total-list-wrap {
    display: inline-block;
    width: 100%;
    padding: 20px 0;
    border-top: 5px solid #F0F0F0;
    background-color: #F6F6F6
}

.my-order-list-section .order-total-list-wrap .order-total-detail {
    padding: 4px 0;
    font-size: 12px;
    font-family: "OpenSans light"
}

.my-order-list-section .order-total-list-wrap .order-total-detail .order-total-text {
    display: inline-block;
    padding-right: 35px;
    text-align: right;
    width: -webkit-calc(100% - 69px);
    width: -moz-calc(100% - 69px);
    width: calc(100% - 69px)
}

@media (min-width:993px) and (max-width:1200px) {
    .my-order-list-section .order-total-list-wrap .order-total-detail .order-total-text {
        padding-right: 18px
    }
}

@media (max-width:480px) {
    .my-order-list-section .order-total-list-wrap .order-total-detail .order-total-text {
        padding-right: 18px
    }
}

.my-order-list-section .order-total-list-wrap .order-total-detail .order-total-price {
    display: inline-block;
    width: 65px;
    font-family: "OpenSans Regular"
}

.my-order-list-section .grand-total-wrap {
    display: inline-block;
    width: 100%;
    padding: 14px 0;
    font-size: 16px
}

.my-order-list-section .grand-total-wrap .grand-total-text {
    display: inline-block;
    padding-right: 25px;
    text-align: right;
    width: -webkit-calc(100% - 70px);
    width: -moz-calc(100% - 70px);
    width: calc(100% - 70px)
}

@media (min-width:993px) and (max-width:1200px) {
    .my-order-list-section .grand-total-wrap .grand-total-text {
        padding-right: 16px
    }
}

@media (max-width:480px) {
    .my-order-list-section .grand-total-wrap .grand-total-text {
        padding-right: 16px
    }
}

.my-order-list-section .grand-total-wrap .grand-total-price {
    display: inline-block;
    width: 65px
}

.my-order-list-section .checkout-btn a {
    display: inline-block;
    width: 100%;
    padding: 15px;
    background-color: #C60024;
    color: #FFF;
    font-size: 17px;
    font-family: "OpenSans Bold";
    text-align: center;
    text-transform: uppercase
}

.my-order-list-section .checkout-btn a:focus,
.my-order-list-section .checkout-btn a:hover {
    text-decoration: none
}

.my-order-list-section.cart-order-section .order-list-wrap {
    padding: 0
}

@media (max-width:767px) {
    .my-order-list-section.cart-order-section .order-list-wrap {
        display: inline-block;
        width: 100%;
        overflow: auto
    }
    .my-order-list-section.cart-order-section .order-list-wrap .order-list-table {
        width: 645px
    }
}

.my-order-list-section.cart-order-section .order-list-wrap .list-item .item-name {
    float: left;
    width: 40%;
    padding-left: 20px
}

.my-order-list-section.cart-order-section .order-list-wrap .list-item .unit-price {
    float: left;
    width: 25%
}

.my-order-list-section.cart-order-section .order-list-wrap .list-item .total-order-item {
    float: left;
    width: 20%;
    text-align: left
}

.my-order-list-section.cart-order-section .order-list-wrap .list-item .item-total-price {
    float: left;
    width: 15%;
    padding-right: 20px;
    text-align: right
}

.my-order-list-section.cart-order-section .order-list-wrap .order-list-th .list-item {
    padding-top: 4px;
    padding-bottom: 4px;
    background-color: #F6F6F6;
    font-family: "OpenSans SemiBold"
}

.my-order-list-section.cart-order-section .order-list-wrap .order-list-th .list-item .order-item {
    font-size: 16px
}

.my-order-list-section.cart-order-section .order-list-wrap .order-list-td .list-item {
    border-bottom: 1px solid #EDEDED
}

.my-order-list-section.cart-order-section .order-list-wrap .order-list-td .list-item .order-item {
    font-size: 18px;
    font-family: "OpenSans light"
}

.my-order-list-section.cart-order-section .order-list-wrap .order-list-td .list-item .total-order-item .total-item {
    color: #C3C3C3
}

.my-order-list-section.cart-order-section .order-list-wrap .order-list-td .list-item .total-order-item .add-item,
.my-order-list-section.cart-order-section .order-list-wrap .order-list-td .list-item .total-order-item .min-item {
    margin-top: 3px
}

.my-order-list-section.cart-order-section .order-list-wrap .order-list-td .list-item .unit-price {
    margin-top: 3px;
    color: #C3C3C3;
    font-size: 14px
}

.my-order-list-section.cart-order-section .order-list-wrap .order-list-td .list-item .item-total-price {
    color: #484747;
    font-size: 20px
}

.my-order-list-section.cart-order-section .order-total-list-wrap .order-total-detail {
    margin-bottom: 12px;
    padding: 0
}

.my-order-list-section.cart-order-section .order-total-list-wrap .order-total-detail .order-total-price,
.my-order-list-section.cart-order-section .order-total-list-wrap .order-total-detail .order-total-text {
    font-size: 18px;
    font-family: "OpenSans light"
}

@media (max-width:480px) {
    .my-order-list-section.cart-order-section .order-total-list-wrap .order-total-detail .order-total-price,
    .my-order-list-section.cart-order-section .order-total-list-wrap .order-total-detail .order-total-text {
        font-size: 13px
    }
    .my-order-list-section.cart-order-section .order-total-list-wrap .order-total-detail .order-total-text {
        float: left;
        width: -webkit-calc(100% - 50px);
        width: -moz-calc(100% - 50px);
        width: calc(100% - 50px)
    }
    .my-order-list-section.cart-order-section .order-total-list-wrap .order-total-detail .order-total-price {
        float: left;
        width: 50px
    }
}

.my-order-list-section.cart-order-section .my-order-bootom-section {
    display: inline-block;
    width: 100%
}

@media (max-width:767px) {
    .my-order-list-section.cart-order-section .my-order-bootom-section {
        padding-right: 20px
    }
}

.my-order-list-section.cart-order-section .my-order-bootom-section .add-food-wrap,
.my-order-list-section.cart-order-section .my-order-bootom-section .total-incl-btn-wrap {
    float: left;
    display: inline-block;
    width: 50%;
    padding: 20px 0
}

.my-order-list-section.cart-order-section .my-order-bootom-section .add-food-wrap {
    text-align: center
}

@media (max-width:767px) {
    .my-order-list-section.cart-order-section .my-order-bootom-section .add-food-wrap,
    .my-order-list-section.cart-order-section .my-order-bootom-section .total-incl-btn-wrap {
        width: 100%;
        padding: 10px 0
    }
    .my-order-list-section.cart-order-section .my-order-bootom-section .add-food-wrap {
        text-align: right
    }
}

.my-order-list-section.cart-order-section .my-order-bootom-section .add-food-wrap a {
    padding-top: 8px;
    padding-bottom: 8px;
    border: 1px solid #B6B6B6;
    background-color: #FE2B50;
    font-size: 15px;
    text-transform: none
}

.my-order-list-section.cart-order-section .my-order-bootom-section .add-food-wrap a:hover {
    background-color: transparent;
    color: #FE2B50
}

.my-order-list-section.cart-order-section .my-order-bootom-section .total-incl-btn-wrap {
    padding-right: 64px;
    text-align: right
}

@media (max-width:767px) {
    .my-order-list-section.cart-order-section .my-order-bootom-section .total-incl-btn-wrap {
        padding-right: 0
    }
}

.my-order-list-section.cart-order-section .my-order-bootom-section .total-incl-btn-wrap .total-incl-text {
    display: inline-block;
    font-size: 24px
}

.my-order-list-section.cart-order-section .my-order-bootom-section .total-incl-btn-wrap .total-incl-text .incl-gst-text {
    font-size: 20px;
    vertical-align: middle
}

.my-order-list-section.cart-order-section .my-order-bootom-section .total-incl-btn-wrap .total-incl-btn-price {
    display: inline-block;
    width: 70px;
    font-size: 24px
}

.breadcrumb-section .breadcrumb {
    margin-bottom: 0;
    background-color: transparent
}

.breadcrumb-section .breadcrumb>li {
    color: #727272;
    font-size: 18px
}

.breadcrumb-section .breadcrumb>li+li::before {
    color: #727272;
    content: '>'
}

.breadcrumb-section .breadcrumb>li a {
    background: #efefef;
    padding: 8px 13px 8px 13px;
    color: #6b6b6b;
    border-radius: 3px;
    font-size: 14px;
    font-weight: 600;
}

.breadcrumb-section .breadcrumb>li a:hover {
    color: #E40046
}

.swiper-button-next,
.swiper-button-prev,
[class^=swiper-button-prev-],
[class^=swiper-button-next-] {
    position: absolute;
    top: 50%;
    left: 0;
    display: inline-block;
    height: 54px;
    width: 28px;
    margin: -22px 0 0 76px;
    padding: 0;
    background-color: transparent;
    background-image: url(../images/slider-left-arrow.png);
    background-repeat: no-repeat;
    background-size: cover;
    font-size: 0;
    cursor: pointer
}

.swiper-button-next:hover,
.swiper-button-prev:hover,
[class^=swiper-button-prev-]:hover,
[class^=swiper-button-next-]:hover {
    background: url(../images/slider-left-arrow.png) no-repeat;
    background-size: cover
}

@media (max-width:1200px) {
    .swiper-button-next,
    .swiper-button-prev,
    [class^=swiper-button-prev-],
    [class^=swiper-button-next-] {
        margin-left: 25px
    }
}

@media (max-width:640px) {
    .swiper-button-next,
    .swiper-button-prev,
    [class^=swiper-button-prev-],
    [class^=swiper-button-next-] {
        height: 40px;
        width: 22px;
        margin-left: 10px
    }
    .swiper-button-next:hover,
    .swiper-button-prev:hover,
    [class^=swiper-button-prev-]:hover,
    [class^=swiper-button-next-]:hover {
        height: 40px;
        width: 22px
    }
}

.swiper-button-next,
[class^=swiper-button-next-] {
    right: 0;
    left: auto;
    margin-right: 76px;
    margin-left: 0;
    background-image: url(../images/slider-right-arrow.png)
}

.swiper-button-next:hover,
[class^=swiper-button-next-]:hover {
    background: url(../images/slider-right-arrow.png) no-repeat;
    background-size: cover
}

@media (max-width:1200px) {
    .swiper-button-next,
    [class^=swiper-button-next-] {
        margin-right: 25px
    }
}

@media (max-width:640px) {
    .swiper-button-next,
    [class^=swiper-button-next-] {
        margin-right: 10px
    }
}

.owl-theme .owl-controls .owl-nav {
    margin-top: 0
}

.owl-theme .owl-controls .owl-nav .owl-next,
.owl-theme .owl-controls .owl-nav .owl-prev {
    position: absolute;
    top: 50%;
    left: 0;
    display: inline-block;
    height: 54px;
    width: 28px;
    margin: -22px 0 0 76px;
    padding: 0;
    background-color: transparent;
    background-image: url(../images/slider-left-arrow.png);
    background-repeat: no-repeat;
    background-size: cover;
    font-size: 0
}

.owl-theme .owl-controls .owl-nav .owl-next:hover,
.owl-theme .owl-controls .owl-nav .owl-prev:hover {
    background: url(../images/slider-left-arrow.png) no-repeat;
    background-size: cover
}

@media (max-width:1200px) {
    .owl-theme .owl-controls .owl-nav .owl-next,
    .owl-theme .owl-controls .owl-nav .owl-prev {
        margin-left: 25px
    }
}

@media (max-width:640px) {
    .owl-theme .owl-controls .owl-nav .owl-next,
    .owl-theme .owl-controls .owl-nav .owl-prev {
        height: 40px;
        width: 22px;
        margin-left: 10px
    }
    .owl-theme .owl-controls .owl-nav .owl-next:hover,
    .owl-theme .owl-controls .owl-nav .owl-prev:hover {
        height: 40px;
        width: 22px
    }
}

.owl-theme .owl-controls .owl-nav .owl-next {
    right: 0;
    left: auto;
    margin-right: 76px;
    margin-left: 0;
    background-image: url(../images/slider-right-arrow.png)
}

.owl-theme .owl-controls .owl-nav .owl-next:hover {
    background: url(../images/slider-right-arrow.png) no-repeat;
    background-size: cover
}

@media (max-width:1200px) {
    .owl-theme .owl-controls .owl-nav .owl-next {
        margin-right: 25px
    }
}

.owl-theme .owl-controls .owl-dots {
    margin-top: 10px
}

.owl-theme .owl-controls .owl-dots .owl-dot:hover span {
    background-color: #C60024;
    opacity: .8
}

.owl-theme .owl-controls .owl-dots .owl-dot.active span {
    background-color: #727272
}

.owl-theme .owl-controls .owl-dots .owl-dot span {
    display: inline-block;
    background-color: #C60024
}

.page-wrapper {
    display: inline-block;
    width: 100%;
    padding: 60px;
    font-family: "OpenSans Regular"
}

@media (max-width:992px) {
    .page-wrapper {
        padding: 30px
    }
    .serch-view-filter-section .search-filter-left {
        width: 100%
    }
}

.page-wrapper .page-heading h2 {
    MARGIN: 0;
    font-weight: 800 !important;
    color: #C60024 !important;
    font-family: montserrat;
    font-size: 34px !important;
    text-transform: uppercase !important;
    padding: 0 0 0 0;
}

.page-wrapper .page-heading .page-heading-summary,
.simple-detail {
    font-family: "OpenSans light";
    display: inline-block
}

.page-wrapper .page-heading .page-heading-summary {
    max-width: 800px;
    margin-bottom: 50px
}

.heading-border.page-heading {
    display: inline-block;
    width: 100%;
    margin-bottom: 25px;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 55px;
}

@media (max-width:767px) {
    .heading-border.page-heading {
        padding-left: 20px
    }
}

.heading-border.page-heading .page-heading-summary {
    margin-bottom: 0
}

.simple-title {
    margin-bottom: 20px;
    padding-bottom: 10px;
    border-bottom: 3px solid #FE2B50
}

.simple-title h2 {
    margin-bottom: 0
}

.simple-detail {
    max-width: 1000px;
    width: 100%;
    margin-bottom: 70px;
    color: #727272;
    font-size: 22px
}

@media (max-width:640px) {
    .owl-theme .owl-controls .owl-nav .owl-next {
        margin-right: 10px
    }
    .simple-detail {
        margin-bottom: 40px;
        font-size: 16px
    }
}

.serch-view-filter-section {
    display: inline-block;
    width: 100%;
    margin-bottom: 30px;
    padding: 10px 30px;
    border-top: 1px solid #B6B6B6;
    border-bottom: 1px solid #B6B6B6
}

@media (max-width:767px) {
    .serch-view-filter-section {
        padding-right: 0;
        padding-left: 0
    }
}

.serch-view-filter-section .search-filter-left {
    float: right
}

.serch-view-filter-section .search-filter-left .choose-location-section {
    float: left;
    margin-top: 8px
}

@media (max-width:992px) {
    .serch-view-filter-section .search-filter-left .choose-location-section {
        width: 100%;
        margin-bottom: 10px
    }
}

.serch-view-filter-section .search-filter-left .choose-location-section .select-location {
    position: relative;
    float: left;
    padding-left: 26px;
    color: #727272;
    font-size: 15px;
    font-family: "Century-gothic Bold"
}

.serch-view-filter-section .search-filter-left .choose-location-section .select-location::before {
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
    height: 25px;
    width: 17px;
    margin-top: -4px;
    background-image: url(../images/location-icon.png);
    background-repeat: no-repeat;
    background-size: contain;
    content: ''
}

.serch-view-filter-section .search-filter-left .choose-location-section a {
    float: left;
    margin-top: 3px;
    margin-left: 12px;
    color: #C61C2C;
    font-size: 13px;
    font-family: "Lato Bold";
    text-decoration: none
}

.serch-view-filter-section .search-filter-left .month-section,
.serch-view-filter-section .search-filter-left .sort-by-section,
.serch-view-filter-section .search-filter-left .status-section,
.serch-view-filter-section .search-filter-left .task-page-section {
    display: inline-block;
    margin-left: 66px
}

@media (max-width:640px) {
    .serch-view-filter-section .search-filter-left .month-section,
    .serch-view-filter-section .search-filter-left .sort-by-section,
    .serch-view-filter-section .search-filter-left .status-section,
    .serch-view-filter-section .search-filter-left .task-page-section {
        width: 100%;
        margin-bottom: 10px
    }
}

.serch-view-filter-section .search-filter-left .month-section span,
.serch-view-filter-section .search-filter-left .sort-by-section span,
.serch-view-filter-section .search-filter-left .status-section span,
.serch-view-filter-section .search-filter-left .task-page-section span {
    display: inline-block;
    margin-top: 8px;
    margin-right: 12px;
    font-weight: 700;
    color: #484848;
    font-size: 15px;
    font-family: 'montserrat',sans-serif;
}

@media (max-width:1300px) {
    .serch-view-filter-section .search-filter-left .month-section,
    .serch-view-filter-section .search-filter-left .sort-by-section,
    .serch-view-filter-section .search-filter-left .status-section,
    .serch-view-filter-section .search-filter-left .task-page-section {
        margin-left: 15px
    }
    .serch-view-filter-section .search-filter-left .month-section span,
    .serch-view-filter-section .search-filter-left .sort-by-section span,
    .serch-view-filter-section .search-filter-left .status-section span,
    .serch-view-filter-section .search-filter-left .task-page-section span {
        margin-right: 6px
    }
}

@media (max-width:1200px) {
    .serch-view-filter-section .search-filter-left .month-section span,
    .serch-view-filter-section .search-filter-left .sort-by-section span,
    .serch-view-filter-section .search-filter-left .status-section span,
    .serch-view-filter-section .search-filter-left .task-page-section span {
        width: 200px
    }
}

.serch-view-filter-section .search-filter-left .month-section .month-select,
.serch-view-filter-section .search-filter-left .month-section .sort-by-select,
.serch-view-filter-section .search-filter-left .month-section .status-select,
.serch-view-filter-section .search-filter-left .month-section .task-page-select,
.serch-view-filter-section .search-filter-left .sort-by-section .month-select,
.serch-view-filter-section .search-filter-left .sort-by-section .sort-by-select,
.serch-view-filter-section .search-filter-left .sort-by-section .status-select,
.serch-view-filter-section .search-filter-left .sort-by-section .task-page-select,
.serch-view-filter-section .search-filter-left .status-section .month-select,
.serch-view-filter-section .search-filter-left .status-section .sort-by-select,
.serch-view-filter-section .search-filter-left .status-section .status-select,
.serch-view-filter-section .search-filter-left .status-section .task-page-select,
.serch-view-filter-section .search-filter-left .task-page-section .month-select,
.serch-view-filter-section .search-filter-left .task-page-section .sort-by-select,
.serch-view-filter-section .search-filter-left .task-page-section .status-select,
.serch-view-filter-section .search-filter-left .task-page-section .task-page-select {
	position: relative;
    display: inline-block;
    font-weight: 800;
    color: #afafaf;
    padding: 0 0 0 0;
}

.serch-view-filter-section .search-filter-left .month-section .month-select::before,
.serch-view-filter-section .search-filter-left .month-section .sort-by-select::before,
.serch-view-filter-section .search-filter-left .month-section .status-select::before,
.serch-view-filter-section .search-filter-left .month-section .task-page-select::before,
.serch-view-filter-section .search-filter-left .sort-by-section .month-select::before,
.serch-view-filter-section .search-filter-left .sort-by-section .sort-by-select::before,
.serch-view-filter-section .search-filter-left .sort-by-section .status-select::before,
.serch-view-filter-section .search-filter-left .sort-by-section .task-page-select::before,
.serch-view-filter-section .search-filter-left .status-section .month-select::before,
.serch-view-filter-section .search-filter-left .status-section .sort-by-select::before,
.serch-view-filter-section .search-filter-left .status-section .status-select::before,
.serch-view-filter-section .search-filter-left .status-section .task-page-select::before,
.serch-view-filter-section .search-filter-left .task-page-section .month-select::before,
.serch-view-filter-section .search-filter-left .task-page-section .sort-by-select::before,
.serch-view-filter-section .search-filter-left .task-page-section .status-select::before,
.serch-view-filter-section .search-filter-left .task-page-section .task-page-select::before {
    position: absolute;
    top: 0;
    right: 0;
    display: inline-block;
    margin-top: 6px;
    margin-right: 10px;
    content: url(../images/select-dropdown-arrow.png)
}

.serch-view-filter-section .search-filter-left .month-section .month-select select,
.serch-view-filter-section .search-filter-left .month-section .sort-by-select select,
.serch-view-filter-section .search-filter-left .month-section .status-select select,
.serch-view-filter-section .search-filter-left .month-section .task-page-select select,
.serch-view-filter-section .search-filter-left .sort-by-section .month-select select,
.serch-view-filter-section .search-filter-left .sort-by-section .sort-by-select select,
.serch-view-filter-section .search-filter-left .sort-by-section .status-select select,
.serch-view-filter-section .search-filter-left .sort-by-section .task-page-select select,
.serch-view-filter-section .search-filter-left .status-section .month-select select,
.serch-view-filter-section .search-filter-left .status-section .sort-by-select select,
.serch-view-filter-section .search-filter-left .status-section .status-select select,
.serch-view-filter-section .search-filter-left .status-section .task-page-select select,
.serch-view-filter-section .search-filter-left .task-page-section .month-select select,
.serch-view-filter-section .search-filter-left .task-page-section .sort-by-select select,
.serch-view-filter-section .search-filter-left .task-page-section .status-select select,
.serch-view-filter-section .search-filter-left .task-page-section .task-page-select select {
    background-image: none
}

@media (max-width:480px) {
    .serch-view-filter-section .search-filter-left .month-section,
    .serch-view-filter-section .search-filter-left .sort-by-section,
    .serch-view-filter-section .search-filter-left .status-section,
    .serch-view-filter-section .search-filter-left .task-page-section {
        margin-left: 0
    }
    .serch-view-filter-section .search-filter-left .month-section span,
    .serch-view-filter-section .search-filter-left .sort-by-section span,
    .serch-view-filter-section .search-filter-left .status-section span,
    .serch-view-filter-section .search-filter-left .task-page-section span {
        width: 100%;
        margin-bottom: 8px
    }
    .serch-view-filter-section .search-filter-left .month-section .month-select,
    .serch-view-filter-section .search-filter-left .month-section .month-select select,
    .serch-view-filter-section .search-filter-left .month-section .sort-by-select,
    .serch-view-filter-section .search-filter-left .month-section .sort-by-select select,
    .serch-view-filter-section .search-filter-left .month-section .status-select,
    .serch-view-filter-section .search-filter-left .month-section .status-select select,
    .serch-view-filter-section .search-filter-left .month-section .task-page-select,
    .serch-view-filter-section .search-filter-left .month-section .task-page-select select,
    .serch-view-filter-section .search-filter-left .sort-by-section .month-select,
    .serch-view-filter-section .search-filter-left .sort-by-section .month-select select,
    .serch-view-filter-section .search-filter-left .sort-by-section .sort-by-select,
    .serch-view-filter-section .search-filter-left .sort-by-section .sort-by-select select,
    .serch-view-filter-section .search-filter-left .sort-by-section .status-select,
    .serch-view-filter-section .search-filter-left .sort-by-section .status-select select,
    .serch-view-filter-section .search-filter-left .sort-by-section .task-page-select,
    .serch-view-filter-section .search-filter-left .sort-by-section .task-page-select select,
    .serch-view-filter-section .search-filter-left .status-section .month-select,
    .serch-view-filter-section .search-filter-left .status-section .month-select select,
    .serch-view-filter-section .search-filter-left .status-section .sort-by-select,
    .serch-view-filter-section .search-filter-left .status-section .sort-by-select select,
    .serch-view-filter-section .search-filter-left .status-section .status-select,
    .serch-view-filter-section .search-filter-left .status-section .status-select select,
    .serch-view-filter-section .search-filter-left .status-section .task-page-select,
    .serch-view-filter-section .search-filter-left .status-section .task-page-select select,
    .serch-view-filter-section .search-filter-left .task-page-section .month-select,
    .serch-view-filter-section .search-filter-left .task-page-section .month-select select,
    .serch-view-filter-section .search-filter-left .task-page-section .sort-by-select,
    .serch-view-filter-section .search-filter-left .task-page-section .sort-by-select select,
    .serch-view-filter-section .search-filter-left .task-page-section .status-select,
    .serch-view-filter-section .search-filter-left .task-page-section .status-select select,
    .serch-view-filter-section .search-filter-left .task-page-section .task-page-select,
    .serch-view-filter-section .search-filter-left .task-page-section .task-page-select select {
        width: 100%
    }
}

.serch-view-filter-section .search-filter-left .sort-by-section .sort-by-select::before {
    content: url(../images/select-dropdown-arrow.png)
}

.serch-view-filter-section .search-filter-left .sort-by-section .sort-by-select select {
    width: 100%
}

.restaurant-table-wrap {
    display: inline-block;
    width: 100%;
    margin-bottom: 50px
}

.restaurant-table-wrap .restaurant-table-header {
    display: inline-block;
    width: 100%;
    padding: 10px 30px;
    background-color: #FE2B50;
    color: #FFF
}

@media (max-width:640px) {
    .restaurant-table-wrap .restaurant-table-header {
        padding-right: 15px;
        padding-left: 15px
    }
}

.restaurant-table-wrap .restaurant-table-detail-wrap {
    display: inline-block;
    width: 100%;
    border: 4px solid #F5F5F5
}

.restaurant-table-wrap .restaurant-table-detail-wrap .restaurant-table-sub-header {
    display: inline-block;
    width: 100%;
    padding: 10px 20px;
    background-color: #F5F5F5
}

@media (max-width:640px) {
    .restaurant-table-wrap .restaurant-table-detail-wrap .restaurant-table-sub-header {
        padding-right: 15px;
        padding-left: 15px
    }
}

.restaurant-table-wrap .restaurant-table-detail-wrap .restaurant-table-detail {
    display: inline-block;
    width: 100%;
    padding: 10px 20px;
    border-bottom: 4px solid #F5F5F5
}

.restaurant-table-wrap .restaurant-table-detail-wrap .restaurant-table-detail:last-child {
    border-bottom: none
}

.restaurant-table-wrap .restaurant-table-detail-wrap .restaurant-table-detail .restaurant-address-wrap {
    display: inline-block;
    width: 100%
}

.restaurant-table-wrap .restaurant-table-detail-wrap .restaurant-table-detail .restaurant-address-wrap .restaurant-address-text {
    float: left;
    margin-top: 8px;
    font-size: 16px;
    font-family: "OpenSans light"
}

.bold-text,
.restaurant-table-wrap .restaurant-table-detail-wrap .restaurant-table-detail .restaurant-address-wrap .restaurant-address-text span {
    font-family: "OpenSans SemiBold"
}

.restaurant-table-wrap .restaurant-table-detail-wrap .restaurant-table-detail .restaurant-address-wrap .restaurant-map-wrap {
    float: right
}

@media (max-width:992px) {
    .serch-view-filter-section .search-filter-left .month-section,
    .serch-view-filter-section .search-filter-left .sort-by-section,
    .serch-view-filter-section .search-filter-left .status-section,
    .serch-view-filter-section .search-filter-left .task-page-section {
        margin-left: 0
    }
    .restaurant-table-wrap .restaurant-table-detail-wrap .restaurant-table-detail .restaurant-address-wrap .restaurant-address-text {
        width: 100%;
        margin-bottom: 16px
    }
    .restaurant-table-wrap .restaurant-table-detail-wrap .restaurant-table-detail .restaurant-address-wrap .restaurant-map-wrap {
        width: 100%;
        text-align: left
    }
}

.restaurant-table-wrap .restaurant-table-detail-wrap .restaurant-table-detail .restaurant-address-wrap .restaurant-map-wrap .restaurant-map-title {
    display: inline-block;
    margin-top: 8px;
    margin-right: 8px;
    font-size: 16px;
    font-family: "OpenSans SemiBold"
}

.underline-text {
    text-decoration: underline
}

.op-error-msg {
    display: inline-block;
    width: 100%;
    padding: 15px;
    color: #DB1300;
    background-color: #f2dede;
    border-color: #DB1300;
    margin-bottom: 10px
}

.read-more-state {
    display: none
}

.read-more-state:checked~.read-more-wrap .read-more-target {
    display: inline-block
}

.read-more-state:checked~.read-more-trigger::before {
    content: 'Show less'
}

.read-more-state:checked~.read-more-trigger::after {
    margin-top: 30px;
    -webkit-transform: rotate(91deg);
    -moz-transform: rotate(91deg);
    -ms-transform: rotate(91deg);
    transform: rotate(91deg)
}

.read-more-state~.read-more-trigger::before {
    content: 'Show more'
}

.read-more-target {
    display: none
}

.add-comment-popup-content {
    display: inline-block;
    width: 100%;
    text-align: left
}

.add-comment-popup-content .modal-header {
    display: inline-block;
    width: 100%;
    padding-top: 10px;
    padding-bottom: 7px;
    background-color: #C60024;
    color: #FFF;
    font-size: 16px;
    font-family: "OpenSans Bold"
}

.add-comment-popup-content .modal-header .popup-title-wrap {
    float: left;
    width: -webkit-calc(100% - 30px);
    width: -moz-calc(100% - 30px);
    width: calc(100% - 30px)
}

.add-comment-popup-content .modal-header .popup-title-wrap img {
    margin-right: 10px
}

.add-comment-popup-content .modal-header .close {
    float: left;
    width: 30px;
    opacity: 1;
    color: #FFF
}

.add-comment-popup-content .modal-header .close i {
    color: #FFF
}

.add-comment-popup-content .modal-header .close i:hover {
    color: #C60024
}

.add-comment-popup-content .modal-body {
    padding: 0;
    overflow: scroll;
    max-height: 50vh;
}

.add-comment-popup-content .modal-body .popup-conent-section {
    display: -webkit-flex;
    display: -moz-flex;
    display: flex;
    width: 100%;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.add-comment-popup-content .modal-body .popup-conent-section .popup-left-section {
    float: left;
    width: 180px;
    padding: 25px;
    border-right: 1px solid #000
}

.add-comment-popup-content .modal-body .popup-conent-section .popup-left-section .left-section-title {
    display: inline-block;
    width: 100%;
    margin-bottom: 15px;
    font-size: 14px;
    font-family: "OpenSans SemiBold"
}

@media (max-width:480px) {
    .add-comment-popup-content .modal-body .popup-conent-section .popup-left-section {
        width: 100%;
        padding: 15px;
        border-right: none;
        border-bottom: 1px solid #000
    }
    .add-comment-popup-content .modal-body .popup-conent-section .popup-left-section .modifier-selection-wrap .modifier-selection-checkbox {
        float: left;
        width: 50%
    }
}

.add-comment-popup-content .modal-body .popup-conent-section .popup-left-section .modifier-selection-wrap .modifier-selection-checkbox label {
    color: #727272;
    font-size: 13px
}

.add-comment-popup-content .modal-body .popup-conent-section .popup-right-section {
    float: left;
    padding: 25px 50px 25px 25px;
    width: -webkit-calc(100% - 180px);
    width: -moz-calc(100% - 180px);
    width: calc(100% - 180px)
}

@media (max-width:480px) {
    .add-comment-popup-content .modal-body .popup-conent-section .popup-right-section {
        width: 100%;
        padding: 15px
    }
}

.add-comment-popup-content .modal-body .popup-conent-section .popup-right-section .item-details-wrap {
    display: inline-block;
    width: 100%
}

.add-comment-popup-content .modal-body .popup-conent-section .popup-right-section .item-details-wrap .item-name {
    display: inline-block;
    width: 100%;
    margin-bottom: 30px
}

.add-comment-popup-content .modal-body .popup-conent-section .popup-right-section .item-details-wrap .item-name.op-icon {
    padding-left: 36px
}

.add-comment-popup-content .modal-body .popup-conent-section .popup-right-section .item-details-wrap .item-name::before {
    margin-top: 4px
}

.add-comment-popup-content .modal-body .popup-conent-section .popup-right-section .item-details-wrap .item-name a {
    color: #484747;
    font-family: "OpenSans SemiBold"
}

.add-comment-popup-content .modal-body .popup-conent-section .popup-right-section .item-details-wrap .extra-note-wrap,
.add-comment-popup-content .modal-body .popup-conent-section .popup-right-section .item-details-wrap .popup-btn-wrap {
    display: inline-block;
    width: 100%;
    padding-left: 36px
}

@media (max-width:480px) {
    .add-comment-popup-content .modal-body .popup-conent-section .popup-right-section .item-details-wrap .extra-note-wrap,
    .add-comment-popup-content .modal-body .popup-conent-section .popup-right-section .item-details-wrap .popup-btn-wrap {
        padding-left: 0
    }
}

.add-comment-popup-content .modal-body .popup-conent-section .popup-right-section .item-details-wrap .extra-note-wrap {
    margin-bottom: 30px
}

.add-comment-popup-content .modal-body .popup-conent-section .popup-right-section .item-details-wrap .extra-note-wrap textarea {
    width: 100%;
    padding: 15px
}

.add-comment-popup-content .modal-body .popup-conent-section .popup-right-section .item-details-wrap .modal-footer {
    border-top: none;
    padding: 0 0 0 36px
}

@media (max-width:480px) {
    .add-comment-popup-content .modal-body .popup-conent-section .popup-right-section .item-details-wrap .modal-footer {
        padding: 0
    }
}

.add-comment-popup-content .modal-body .popup-conent-section .popup-right-section .item-details-wrap .modal-footer button {
    float: left;
    margin-right: 10px;
    border: 1px solid #DB1300;
    background-color: #DB1300;
    font-family: "OpenSans Regular";
    text-transform: uppercase;
    width: -webkit-calc(50% - 5px);
    width: -moz-calc(50% - 5px);
    width: calc(50% - 5px)
}

.add-comment-popup-content .modal-body .popup-conent-section .popup-right-section .item-details-wrap .modal-footer button:hover {
    box-shadow: inset 0 0 1px 3px rgba(255, 255, 255, .3)
}

.add-comment-popup-content .modal-body .popup-conent-section .popup-right-section .item-details-wrap .modal-footer button:last-child {
    margin-right: 0;
    margin-left: 0
}

.add-comment-popup-content .modal-body .popup-conent-section .popup-right-section .item-details-wrap .modal-footer .cancel-btn {
    border: 1px solid #C7C7C7;
    background-color: #FFF;
    color: #17415F
}

.add-comment-popup-content .modal-body .popup-conent-section .popup-right-section .item-details-wrap .modal-footer .cancel-btn:hover {
    box-shadow: inset 0 0 1px 3px rgba(219, 19, 0, .3)
}

@media (min-width:768px) {
    .hide-left-popup {
        width: 420px
    }
}

.hide-left-popup .add-comment-popup-content .modal-body .popup-right-section {
    width: 100%
}

@media (min-width:420px) {
    .address-popup-wrap {
        width: 400px;
        margin-right: auto;
        margin-left: auto
    }
}

.add-comment-popup-content.address-popup .modal-body .popup-right-section {
    height: 500px;
    width: 100%;
    padding: 15px
}

.add-comment-popup-content.address-popup .modal-body .popup-right-section .item-details-wrap .form-group {
    display: inline-block;
    width: 100%;
    margin-bottom: 15px
}

.add-comment-popup-content.address-popup .modal-body .popup-right-section .item-details-wrap .form-group .address-main-radio {
    float: left;
    width: 49%;
    margin-right: 2%;
    background-color: rgba(0, 0, 0, .4);
    color: #FFF
}

.add-comment-popup-content.address-popup .modal-body .popup-right-section .item-details-wrap .form-group .address-main-radio:last-child {
    margin-right: 0
}

.add-comment-popup-content.address-popup .modal-body .popup-right-section .item-details-wrap .form-group .address-main-radio.active {
    background-color: #DB1300
}

.add-comment-popup-content.address-popup .modal-body .popup-right-section .item-details-wrap .form-group .address-main-radio .input-rc {
    width: 100%;
    padding: 10px;
    font-size: 14px
}

.add-comment-popup-content.address-popup .modal-body .popup-right-section .item-details-wrap .form-group .address-main-radio .input-rc .input-rc-span {
    height: 0;
    width: 0;
    opacity: 0;
    margin-top: 3px
}

.add-comment-popup-content.address-popup .modal-body .popup-right-section .item-details-wrap .op-existing-add-wrap {
    display: inline-block;
    width: 100%
}

.add-comment-popup-content.address-popup .modal-body .popup-right-section .item-details-wrap .op-existing-add-wrap .add-content {
    display: inline-block;
    width: 100%;
    margin-bottom: 15px
}

.add-comment-popup-content.address-popup .modal-body .popup-right-section .item-details-wrap .op-existing-add-wrap .add-content .address-radio {
    float: left;
    width: 100%
}

.add-comment-popup-content.address-popup .modal-body .popup-right-section .item-details-wrap .op-existing-add-wrap .add-content .address-radio .input-rc .input-rc-span {
    position: absolute;
    top: 0;
    left: 0;
    margin-top: 0;
    margin-bottom: 0
}

.add-comment-popup-content.address-popup .modal-body .popup-right-section .item-details-wrap .op-existing-add-wrap .add-content .address-radio .input-rc input[type=radio] {
    z-index: 1
}

.add-comment-popup-content.address-popup .modal-body .popup-right-section .item-details-wrap .op-existing-add-wrap .add-content .address-main-list {
    float: left;
    padding-left: 30px
}

.add-comment-popup-content.address-popup .modal-body .popup-right-section .item-details-wrap .op-existing-add-wrap .add-content .address-main-list span {
    display: inline-block;
    width: 100%
}

.add-comment-popup-content.address-popup .modal-body .popup-right-section .item-details-wrap .op-existing-add-wrap .add-content .address-main-list p {
    margin: 0
}

.add-comment-popup-content.address-popup .modal-body .popup-right-section .item-details-wrap .op-existing-add-wrap .add-content .address-main-list p span {
    display: inline-block;
    width: auto
}

.add-comment-popup-content.address-popup .modal-body .popup-right-section .item-details-wrap .op-existing-add-wrap .add-content label {
    display: inline-block;
    margin-right: 10px;
    font-family: "OpenSans SemiBold"
}

.add-comment-popup-content.address-popup .modal-body .popup-right-section .item-details-wrap .op-new-add-wrap {
    display: inline-block;
    width: 100%
}

.add-comment-popup-content.address-popup .modal-body .popup-right-section .item-details-wrap .op-new-add-wrap .form-group input,
.add-comment-popup-content.address-popup .modal-body .popup-right-section .item-details-wrap .op-new-add-wrap .form-group select {
    width: 100%
}

.add-comment-popup-content.address-popup .modal-body .popup-right-section .item-details-wrap .modal-footer {
    display: inline-block;
    width: 100%;
    margin-top: 5px;
    padding-left: 0
}

.op-icon {
    position: relative;
    display: inline-block;
    padding-left: 50px
}

.op-icon::before {
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
    height: 26px;
    width: 32px;
    margin-top: -5px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    text-align: center;
    vertical-align: top;
    content: ''
}

.op-breakfast::before {
    opacity: .5;
    background-image: url(../images/breakfast.png)
}

.op-brunch::before {
    height: 24px;
    width: 30px;
    opacity: .5;
    background-image: url(../images/brunch.png)
}

.op-free-parking::before {
    opacity: .5;
    background-image: url(../images/free-parking.png)
}

.op-garage::before {
    opacity: .5;
    background-image: url(../images/garage.png)
}

.op-bear::before {
    opacity: .5;
    background-image: url(../images/bear.png)
}

.op-wine::before {
    opacity: .5;
    background-image: url(../images/wine.png)
}

.op-dinein::before {
    height: 24px;
    width: 30px;
    opacity: .5;
    background-image: url(../images/dine-in.png)
}

.op-dinner::before {
    height: 28px;
    width: 30px;
    opacity: .5;
    background-image: url(../images/dinner.png)
}

.op-lunch::before {
    opacity: .5;
    background-image: url(../images/lunch.png)
}

.op-phone::before {
    background-image: url(../images/phone-icon.png)
}

.op-universe::before {
    background-image: url(../images/universe-icon.png)
}

.op-online-order::before {
    width: 27px;
    background-image: url(../images/online-shopping-new.png)
}

.op-pre-order::before {
    background-image: url(../images/pre-order-new.png)
}

.op-tbl-reservation::before {
    background-image: url(../images/table-reservation-new.png)
}

.op-event-reservation::before {
    background-image: url(../images/event-reservation-new.png)
}

.op-car-parking::before {
    background-image: url(../images/car-parking-icon-new.png)
}

.op-takeaway::before {
    background-image: url(../images/takeaway-icon-new.png)
}

.op-delivery::before {
    width: 40px;
    background-image: url(../images/delivery-icon-new.png)
}

.op-indoor::before {
    background-image: url(../images/indoor-icon.png)
}

.op-outdoor::before {
    background-image: url(../images/out-door.png)
}

.op-pool-side::before {
    background-image: url(../images/pool-side-icon.png)
}

.op-terrace::before {
    background-image: url(../images/terrace-icon.png)
}

.op-wifi::before {
    background-image: url(../images/wifi-icon.png)
}

.op-music::before,
.op-tv::before {
    background-image: url(../images/music.png)
}

.op-tv::before {
    background-image: url(../images/tv-icon.png)
}

.op-baby-care::before {
    background-image: url(../images/baby-care-icon.png)
}

.op-net-banking::before {
    background-image: url(../images/net-banking-icon.png)
}

.op-cash-delivery::before {
    background-image: url(../images/cash-on-delivery-icon.png)
}

.op-offline-payment::before {
    background-image: url(../images/offline-pay-icon.png)
}

.op-message::before {
    margin-top: -2px;
    background-image: url(../images/mail-box.png)
}

.op-web::before {
    margin-top: -1px;
    background-image: url(../images/web-icon.png)
}

.op-location::before {
    margin-top: 3px;
    background-image: url(../images/location-image.png)
}

.op-calender::before {
    margin-top: -3px;
    background-image: url(../images/calender-icon.png)
}

.op-time::before {
    margin-top: -2px;
    background-image: url(../images/time-icon.png)
}

.op-nonveg::before,
.op-veg::before {
    height: 12px;
    width: 12px;
    margin-top: 5px;
    margin-left: 0
}

.header-banner,
.header-banner .header-wrap {
    width: 100%;
    display: inline-block
}

.op-nonveg::before {
    background-image: url(../images/nonveg-icon.png)
}

.op-veg::before {
    background-image: url(../images/veg-icon.png)
}

.header-banner .header-wrap {
    position: absolute;
    z-index: 9;
    padding: 40px 60px
}

@media (max-width:992px) {
    .header-banner .header-wrap {
        padding: 20px
    }
}

@media (max-width:640px) {
    .header-banner .header-wrap {
        padding-right: 15px;
        padding-left: 15px
    }
}
.header-banner .header-wrap ul {
    padding-left: 0;
    list-style-type: none
}

.header-banner .header-wrap a {
    color: #FFF
}

.header-banner .header-wrap .site-logo {
    float: left;
    display: inline-block;
    width: 200px
}

.header-banner .header-wrap .site-logo img {
    cursor: pointer
}

@media (max-width:992px) {
    .header-banner .header-wrap .site-logo img {
        width: 120px
    }
}

@media (max-width:480px) {
    .header-banner .header-wrap .site-logo img {
        width: 80px
    }
}

.header-banner .header-wrap a.mobile-menu-btn {
    position: absolute;
    top: 0;
    right: 0;
    display: none;
    margin-top: 30px;
    margin-right: 20px;
    cursor: pointer
}

@media (max-width:992px) {
    .header-banner .header-wrap a.mobile-menu-btn {
        display: inline-block
    }
}

.header-banner .header-wrap a.mobile-menu-btn .icon-bar {
    display: block;
    height: 18px;
    width: 24px;
    margin-bottom: -10px;
    border-top: 2px solid #FFF
}

.header-banner .header-wrap .main-menu {
    position: relative;
    float: left;
    z-index: 9;
    display: inline-block;
    text-align: right;
    width: -webkit-calc(100% - 405px);
    width: -moz-calc(100% - 405px);
    width: calc(100% - 405px)
}

@media (max-width:1200px) {
    .header-banner .header-wrap .main-menu {
        width: -webkit-calc(100% - 200px);
        width: -moz-calc(100% - 200px);
        width: calc(100% - 200px)
    }
}

@media (min-width:993px) {
    .header-banner .header-wrap .main-menu {
        display: inline-block!important
    }
}

@media (max-width:992px) {
    .header-banner .header-wrap .main-menu {
        position: absolute;
        top: 84px;
        left: 0;
        display: none;
        width: 100%;
        margin: 0;
        background-color: #000;
        text-align: left
    }
    .header-banner .header-wrap .main-menu ul {
        margin-bottom: 0;
        border-top: 1px solid #FFF
    }
}

.header-banner .header-wrap .main-menu ul li {
    display: inline-block;
    padding-top: 5px;
    padding-left: 30px
}

.header-banner .header-wrap .main-menu ul li:first-child {
    padding-left: 0
}

@media (min-width:993px) and (max-width:1300px) {
    .header-banner .header-wrap .main-menu ul li {
        padding-left: 15px
    }
}
@media (min-width:210px) and (max-width:640px) {

}

@media (max-width:992px) {
    .header-banner .header-wrap .main-menu ul li {
        display: inline-block;
        width: 100%;
        padding: 10px 20px;
        border-bottom: 1px solid #FFF
    }
    .header-banner .header-wrap .main-menu ul li:first-child {
        padding-left: 20px
    }
}

.header-banner .header-wrap .main-menu ul li a {
    display: inline-block;
    font-size: 14px;
    cursor: pointer
}

@media (max-width:1200px) {
    .header-banner .header-wrap .main-menu ul li a {
        font-size: 12px
    }
}

.header-banner .header-wrap .main-menu ul li a.track-order {
    color: #FFF882;
    font-size: 16px;
    font-family: "Century-gothic Bold"
}

.header-banner .header-wrap .user-wrap {
    float: left;
    display: inline-block;
    width: 175px;
    margin-left: 30px;
    text-align: right
}

@media (max-width:1200px) {
    .header-banner .header-wrap .main-menu ul li a.track-order {
        font-size: 14px
    }
    .header-banner .header-wrap .user-wrap {
        float: right;
        width: auto;
        margin-top: 10px
    }
}

@media (max-width:992px) {
    .header-banner .header-wrap .user-wrap {
        margin-top: 0;
        margin-right: 40px
    }
}

@media (max-width:640px) {
    .header-banner .header-wrap .user-wrap {
        width: 100%;
        margin-top: 12px;
        margin-right: 0;
        margin-left: 0
    }
}

.header-banner .header-wrap .user-wrap ul {
    float: left
}

@media (max-width:1200px) {
    .header-banner .header-wrap .user-wrap ul {
        margin-top: 12px;
        margin-right: 12px
    }
    .header-banner .header-wrap .user-wrap .download-app {
        margin-right: 0
    }
}

@media (max-width:992px) {
    .header-banner .header-wrap .user-wrap ul {
        margin-top: 4px
    }
}

@media (max-width:340px) {
    .header-banner .header-wrap .user-wrap ul {
        margin-right: 0
    }
}

.header-banner .header-wrap .user-wrap ul li {
    display: inline-block
}

.header-banner .header-wrap .user-wrap ul li a {
    display: inline-block;
    color: #6E6E6E;
    text-decoration: none
}

.header-banner .header-wrap .user-wrap ul li a.sign-in-up {
    padding: 7px 11px;
    background-color: #FFF;
    font-size: 13px;
    font-family: "OpenSans Regular";
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px
}

@media (max-width:640px) {
    .header-banner .header-wrap .user-wrap ul li a.sign-in-up {
        padding: 6px
    }
}

.header-banner .header-wrap .user-wrap ul li a.cart {
    display: inline-block;
    height: 32px;
    width: 36px;
    margin-left: 0;
    padding: 10px 14px;
    background-image: url(../images/cart-icon.png);
    background-repeat: no-repeat;
    background-size: contain;
    font-size: 12px
}

@media (max-width:480px) {
    .header-banner .header-wrap .main-menu {
        top: 68px
    }
    .header-banner .header-wrap .user-wrap ul li a.cart {
        height: 32px;
        width: 32px;
        padding: 9px 13px;
        font-size: 11px
    }
    .header-banner .banner-wrap.banner-inner .banner-image img {
        min-height: 160px
    }
}

.header-banner .header-wrap .user-wrap .download-app {
    display: inline-block;
    margin-top: 10px
}

@media (max-width:992px) {
    .header-banner .header-wrap .user-wrap .download-app {
        margin-top: 0;
        margin-left: 10px
    }
    .header-banner .header-wrap .user-wrap .download-app a img {
        max-height: 35px
    }
}

.header-banner .header-wrap .main-menu ul li.menu-dropdown,
.header-banner .header-wrap .user-wrap ul li.menu-dropdown {
    padding-top: 0
}

@media (max-width:1300px) and (min-width:993px) {
    .header-banner .header-wrap .main-menu ul li.menu-dropdown,
    .header-banner .header-wrap .user-wrap ul li.menu-dropdown {
        padding-top: 0
    }
}

.header-banner .header-wrap .main-menu ul li.menu-dropdown .dropdown-toggle,
.header-banner .header-wrap .user-wrap ul li.menu-dropdown .dropdown-toggle {
    background-color: transparent;
    border: 1px solid rgba(255, 255, 255, .5);
    font-size: 13px
}

@media (max-width:640px) {
    .header-banner .header-wrap .user-wrap .download-app {
        margin-left: 6px
    }
    .header-banner .header-wrap .main-menu ul li.menu-dropdown .dropdown-toggle.btn,
    .header-banner .header-wrap .user-wrap ul li.menu-dropdown .dropdown-toggle.btn {
        padding-right: 6px;
        padding-left: 6px
    }
}

.header-banner .header-wrap .main-menu ul li.menu-dropdown .dropdown-menu,
.header-banner .header-wrap .user-wrap ul li.menu-dropdown .dropdown-menu {
    min-width: 0;
    width: 100%;
    margin-top: -6px;
    background-color: transparent
}

.header-banner .header-wrap .main-menu ul li.menu-dropdown .dropdown-menu li,
.header-banner .header-wrap .user-wrap ul li.menu-dropdown .dropdown-menu li {
    width: 100%;
    padding: 0
}

.header-banner .header-wrap .main-menu ul li.menu-dropdown .dropdown-menu li a,
.header-banner .header-wrap .user-wrap ul li.menu-dropdown .dropdown-menu li a {
    width: 100%;
    padding: 6px 14px;
    border: 1px solid rgba(0, 0, 0, .5);
    background-color: #FFF;
    color: #000
}

.header-banner .header-wrap .main-menu ul li.menu-dropdown .dropdown-menu li a:hover,
.header-banner .header-wrap .user-wrap ul li.menu-dropdown .dropdown-menu li a:hover {
    background-color: #C60024;
    color: #FFF
}

.header-banner .header-wrap .main-menu .dropdown-menu {
    padding-bottom: 0
}

.header-banner .header-wrap .main-menu .dropdown-menu li a {
    vertical-align: middle
}

.header-banner .header-wrap .main-menu .dropdown-menu li a img {
    height: 14px;
    width: 22px;
    margin-right: 8px
}

.header-banner .banner-wrap {
    position: relative;
    display: inline-block;
    width: 100%
}

.header-banner .banner-wrap .banner-image {
    position: relative;
    display: inline-block;
    width: 100%;
    margin-bottom: 50px
}

@media (max-width:767px) {
    .header-banner .header-wrap .user-wrap ul {
        float: none;
        display: inline-block
    }
    .header-banner .banner-wrap .banner-image {
        margin-bottom: 0
    }
}

.header-banner .banner-wrap .banner-image::after {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(44, 26, 26, .2);
    content: ''
}

.header-banner .banner-wrap .banner-image img {
    max-height: 730px;
    height: auto;
    width: 100%
}

.header-banner .banner-wrap .banner {
    position: absolute;
    top: auto;
    bottom: 0;
    left: 0;
    z-index: 1;
    display: inline-block;
    width: 100%;
    margin-bottom: 170px;
    text-align: center
}

@media (max-width:1200px) {
    .header-banner .banner-wrap .banner {
        margin-bottom: 125px
    }
}

@media (max-width:767px) {
    .header-banner .banner-wrap .banner {
        position: relative;
        margin-bottom: 30px;
        padding: 30px;
        background-color: #C60024
    }
}

.header-banner .banner-wrap .banner .banner-text {
    color: #FFF;
    text-shadow: 0 3px rgba(0, 0, 0, .4)
}

.header-banner .banner-wrap .banner .banner-text .welcome-text {
    margin-bottom: 16px;
    font-size: 35px
}

@media (max-width:1200px) {
    .header-banner .banner-wrap .banner .banner-text .welcome-text {
        margin-bottom: 10px;
        font-size: 25px
    }
}

@media (max-width:992px) {
    .header-banner .banner-wrap .banner .banner-text .welcome-text {
        margin-bottom: 8px;
        font-size: 16px
    }
}

@media (max-width:640px) {
    .header-banner .banner-wrap .banner {
        padding: 30px 15px
    }
    .header-banner .banner-wrap .banner .banner-text {
        text-shadow: 0 2px rgba(0, 0, 0, .4)
    }
    .header-banner .banner-wrap .banner .banner-text .welcome-text {
        margin-bottom: 12px;
        font-size: 12px
    }
}

.header-banner .banner-wrap .banner .banner-text .order-now-text {
    margin-bottom: 58px;
    font-size: 56px;
    font-family: "Lusitana Regular"
}

@media (max-width:1200px) {
    .header-banner .banner-wrap .banner .banner-text .order-now-text {
        margin-bottom: 34px;
        font-size: 44px
    }
}

@media (max-width:992px) {
    .header-banner .banner-wrap .banner .banner-text .order-now-text {
        margin-bottom: 12px;
        font-size: 30px
    }
}

@media (max-width:640px) {
    .header-banner .banner-wrap .banner .banner-text .order-now-text {
        margin-bottom: 20px;
        font-size: 22px
    }
}

.header-banner .banner-wrap .banner .banner-form {
    max-width: 975px;
    margin: 0 auto
}

.header-banner .banner-wrap .banner .banner-form .choose-place {
    width: 100%;
    color: #FFF;
    font-size: 18px;
    text-align: center;
    text-shadow: 0 3px rgba(0, 0, 0, .4)
}

@media (max-width:1200px) {
    .header-banner .banner-wrap .banner .banner-form .choose-place {
        display: inline-block;
        padding: 0 20px;
        font-size: 16px
    }
}

.header-banner .banner-wrap .banner .banner-form .choose-place .read-more-wrap {
    display: inline-block;
    width: 100%
}

.header-banner .banner-wrap .banner .banner-form .choose-place .dining-checkbox {
    float: left;
    margin-right: 20px;
    margin-bottom: 10px;
    text-align: left;
}

.header-banner .banner-wrap .banner .banner-form .choose-place .dining-checkbox:nth-child(3n) {
    margin-right: 0
}

@media (max-width:1200px) {
    .header-banner .banner-wrap .banner .banner-form .choose-place .dining-checkbox {
        margin-bottom: 4px
    }
    .header-banner .banner-wrap .banner .banner-form .choose-place .dining-checkbox label .input-rc input[type=checkbox]+.input-rc-span {
        height: 20px;
        width: 20px;
        background-size: contain
    }
}

@media (max-width:640px) {
    .header-banner .banner-wrap .banner .banner-form .choose-place {
        padding: 0
    }
    .header-banner .banner-wrap .banner .banner-form .choose-place .dining-checkbox {
        margin-right: 10px;
        width: -webkit-calc(50% - 5px);
        width: -moz-calc(50% - 5px);
        width: calc(50% - 5px)
    }
    .header-banner .banner-wrap .banner .banner-form .choose-place .dining-checkbox:nth-child(3n) {
        margin-right: 10px
    }
    .header-banner .banner-wrap .banner .banner-form .choose-place .dining-checkbox:nth-child(2n) {
        margin-right: 0
    }
}

.header-banner .banner-wrap .banner .banner-form .choose-place .dining-checkbox label {
    position: relative;
    padding-left: 30px;
    font-size: 16px;
    line-height: 36px;
	font-family:montserrat;
}

.header-banner .banner-wrap .banner .banner-form .choose-place .dining-checkbox .input-rc {
    position: absolute;
    left: 0
}

.end-user-login-header .header-wrap .user-wrap ul li .user-name-wrap,
.header-banner .banner-wrap .banner .banner-form .filter-form,
.popup-postion-cls {
    position: relative
}

@media (max-width:992px) {
    .header-banner .banner-wrap .banner .banner-form .choose-place {
        font-size: 13px
    }
    .header-banner .banner-wrap .banner .banner-form .choose-place .dining-checkbox .input-rc-span {
        margin-top: -2px
    }
}

.header-banner .banner-wrap .banner .banner-form .order-select {
    padding-top: 24px
}

@media (min-width:767px) and (max-width:992px) {
    .header-banner .banner-wrap .banner .banner-form .order-select {
        padding-top: 12px
    }
}

.header-banner .banner-wrap .banner .banner-form .order-select .select-wrap {
    display: inline-block
}

@media (max-width:767px) {
    .header-banner .banner-wrap .banner .banner-form .choose-place {
        text-shadow: 0 2px rgba(0, 0, 0, .4)
    }
    .header-banner .banner-wrap .banner .banner-form .order-select .select-wrap {
        width: 100%
    }
}

.header-banner .banner-wrap .banner .banner-form .order-select .search-food-btn::after {
    display: none
}

.header-banner .banner-wrap .banner .banner-form .order-select .search-food-btn .search-btn {
    display: inline-block;
    height: 60px;
    width: 185px;
    margin-left: 0;
    font-family: montserrat;
    border: none;
    background-color: #C60024;
    color: #FFF;
    font-weight: 600;
    font-size: 15px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
}

.header-banner .banner-wrap .banner .banner-form .order-select .search-food-btn .search-btn:hover {
    box-shadow: inset 0 0 1px 3px rgba(255, 255, 255, .3)
}

@media (max-width:992px) {
    .header-banner .banner-wrap .banner .banner-form .order-select .search-food-btn .search-btn {
        height: 40px;
        width: auto;
        padding: 12px 24px;
        font-size: 14px
    }
}

.header-banner .banner-wrap.banner-inner .banner-image {
    margin-bottom: 30px
}

@media (max-width:767px) {
    .header-banner .banner-wrap .banner .banner-form .order-select .search-food-btn .search-btn {
        width: 100%;
        margin-left: 0;
        background-color: #FFF;
        color: #484747;
        font-family: "OpenSans SemiBold"
    }
    .header-banner .banner-wrap.banner-inner .banner-image {
        margin-bottom: 0
    }
}

.header-banner .banner-wrap.banner-inner .banner {
    margin-bottom: 56px
}

@media (max-width:992px) {
    .header-banner .banner-wrap.banner-inner .banner {
        margin-bottom: 40px
    }
    .header-banner .banner-wrap.banner-inner .banner .banner-form .order-select {
        padding-top: 8px
    }
}

@media (min-width:768px) and (max-width:992px) {
    .header-banner .banner-wrap.banner-inner .banner .banner-form .order-select .select-wrap.search-food-btn button {
        height: 30px;
        padding: 6px 24px
    }
}

.header-banner .banner-wrap.banner-inner .banner .banner-form .banner-search-filter-section {
    display: inline-block;
    width: 100%;
    padding: 10px 16px;
    border-right: 2px solid rgba(251, 251, 251, .9);
    border-bottom: 2px solid rgba(251, 251, 251, .9);
    border-left: 2px solid rgba(251, 251, 251, .9);
    text-align: left
}

@media (max-width:992px) {
    .header-banner .banner-wrap.banner-inner .banner .banner-form .banner-search-filter-section {
        padding: 10px 6px 0
    }
}

.header-banner .banner-wrap.banner-inner .banner .banner-form .banner-search-filter-section .filter-search {
    display: inline-block;
    width: -webkit-calc(100% - 116px);
    width: -moz-calc(100% - 116px);
    width: calc(100% - 116px)
}

@media (max-width:767px) {
    .header-banner .banner-wrap.banner-inner .banner .banner-form .banner-search-filter-section {
        padding: 10px
    }
    .header-banner .banner-wrap.banner-inner .banner .banner-form .banner-search-filter-section .filter-search {
        width: 100%
    }
}

@media (max-width:640px) {
    .header-banner .banner-wrap.banner-inner .banner .banner-form .banner-search-filter-section .filter-search .filter-wrap {
        float: left;
        width: 50%
    }
    .header-banner .banner-wrap.banner-inner .banner .banner-form .banner-search-filter-section .filter-search .filter-wrap select {
        width: 100%
    }
}

@media (max-width:480px) {
    .header-banner .banner-wrap.banner-inner .banner .banner-form .banner-search-filter-section .filter-search .filter-wrap {
        width: 100%
    }
}

.header-banner .banner-wrap.banner-inner .banner .banner-form .banner-search-filter-section .filter-search .filter-wrap select {
    background-image: none
}

.header-banner .banner-wrap.banner-inner .banner .banner-form .banner-search-filter-section .save-serch {
    display: inline-block;
    width: 112px;
    margin-top: 8px;
    text-align: right
}

@media (max-width:767px) {
    .header-banner .banner-wrap.banner-inner .banner .banner-form .banner-search-filter-section .save-serch {
        width: 100%
    }
}

.header-banner .banner-wrap.banner-inner .banner .banner-form .banner-search-filter-section .save-serch a {
    display: inline-block;
    color: #FFF
}

.header-banner .banner-wrap.banner-inner .banner .banner-form .banner-search-filter-section .save-serch a span {
    display: inline-block
}

.header-banner .banner-wrap.banner-inner .banner .banner-form .banner-search-filter-section .save-serch a span::before {
    display: inline-block;
    height: 20px;
    width: 20px;
    margin-right: 6px;
    background-image: url(../images/white-star.png);
    background-repeat: no-repeat;
    background-size: contain;
    vertical-align: top;
    content: ''
}

.header-banner .banner-wrap.banner-inner .banner .banner-form .banner-search-filter-section .save-serch a span:hover::before {
    background-image: url(../images/white-star-fill.png)
}

.header-wrap.search-page {
    padding-top: 20px
}

.header-wrap.search-page .header-breadcrumb {
    display: inline-block;
    width: 100%;
    margin-bottom: 20px
}

@media (max-width:992px) {
    .header-wrap.search-page .header-breadcrumb {
        padding: 20px 30px
    }
}

.header-wrap.search-page .header-breadcrumb ol {
    padding: 0
}

.header-wrap.search-page .header-breadcrumb ol li {
    color: #FFF;
    font-size: 14px
}

.header-wrap.search-page .header-breadcrumb ol li+li::before {
    color: #FFF
}

.header-wrap.search-page .header-breadcrumb ol li.active {
    color: #E40046
}

.header-wrap.search-page .header-breadcrumb ol li a,
.restaurant-header .header-breadcrumb ol li+li::before {
    color: #FFF
}

.restaurant-header {
    background-image: url(../images/rest-detail-banner.jpg);
    background-repeat: no-repeat;
    background-size: cover
}

.restaurant-header .header-breadcrumb {
    display: inline-block;
    width: 100%;
    padding: 20px 60px 0;
    background-color: rgba(44, 26, 26, .5)
}

@media (max-width:992px) {
    .restaurant-header .header-breadcrumb {
        padding: 20px 30px 0
    }
}

.restaurant-header .header-breadcrumb ol {
    padding: 0
}

.restaurant-header .header-breadcrumb ol li {
    color: #FFF;
    font-size: 14px
}

.restaurant-header .header-breadcrumb ol li.active {
    color: #E40046
}

.restaurant-header .header-breadcrumb ol li a {
    color: #FFF
}

.restaurant-header .header-wrap {
    position: relative;
    padding: 25px 60px;
    background-color: rgba(44, 26, 26, .5)
}

@media (max-width:992px) {
    .restaurant-header .header-wrap {
        padding-left: 30px
    }
    .restaurant-header .header-wrap .user-wrap {
        margin-right: 0
    }
}

@media (max-width:640px) {
    .restaurant-header .header-wrap {
        padding-right: 15px;
        padding-left: 15px
    }
    .restaurant-header .header-wrap .user-wrap {
        margin-top: 10px
    }
}

@media (max-width:992px) {
    .restaurant-header .header-wrap .user-wrap ul {
        margin: 0
    }
}

.end-user-login-header .header-wrap .user-wrap ul li {
    float: left
}

.end-user-login-header .header-wrap .user-wrap ul li .user-name-wrap img {
    float: left;
    margin-right: 2px;
    border: 1px solid #FFF;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    border-radius: 100%
}

.end-user-login-header .header-wrap .user-wrap ul li .user-name-wrap span {
    float: left;
    display: inline-block;
    max-width: 103px;
    overflow: hidden;
    color: #FFF;
    font-size: 12px;
    font-family: "OpenSans Regular";
    text-overflow: ellipsis;
    white-space: nowrap
}

.filter-popup-section {
    position: absolute;
    top: 95px;
    left: 0;
    display: none;
    max-width: 766px;
    width: 100%;
    padding: 20px 20px 12px;
    background-color: #FFF;
    text-align: left;
    z-index: 9999;
    -webkit-box-shadow: 0 6px 14px rgba(0, 0, 0, .4);
    -moz-box-shadow: 0 6px 14px rgba(0, 0, 0, .4);
    -ms-box-shadow: 0 6px 14px rgba(0, 0, 0, .4);
    box-shadow: 0 6px 14px rgba(0, 0, 0, .4)
}

@media (min-width:768px) and (max-width:992px) {
    .filter-popup-section {
        top: 50px;
        left: 50%;
        max-width: 666px;
        margin-left: -333px
    }
}

@media (max-width:767px) {
    .filter-popup-section {
        top: 210px;
        padding: 15px
    }
}

.filter-popup-section::before {
    position: absolute;
    top: -11px;
    right: 0;
    width: 23px;
    height: 10px;
    margin-right: 30px;
    border-left: 11px solid transparent;
    border-right: 11px solid transparent;
    border-bottom: 11px solid #FFF;
    content: ''
}

@media (min-width:768px) and (max-width:992px) {
    .filter-popup-section::before {
        margin-right: 190px
    }
}

@media (max-width:767px) {
    .filter-popup-section::before {
        right: 50%;
        margin-right: -12px
    }
}

.filter-popup-section .filter-row {
    display: inline-block;
    width: 100%;
    margin-bottom: 13px;
    padding-bottom: 2px;
    border-bottom: 1px solid #B6B6B6
}

.filter-popup-section .filter-row:last-child {
    margin-bottom: 0;
    border-bottom: none
}

.filter-popup-section .filter-row .filer-title {
    display: inline-block;
    width: 100%;
    margin: 10px 0 15px 0;
    text-align: left;
    letter-spacing: 1px;
    font-family: montserrat;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 14px;
}

.filter-popup-section .filter-row .filer-detail {
    display: inline-block;
    width: 100%
}

.filter-popup-section .filter-row .filer-detail .post-code-input {
    float: left;
    width: 140px;
    margin-right: 15px
}

@media (max-width:640px) {
    .filter-popup-section .filter-row .filer-detail .post-code-input {
        width: -webkit-calc(100% - 150px);
        width: -moz-calc(100% - 150px);
        width: calc(100% - 150px)
    }
}

.filter-popup-section .filter-row .filer-detail .post-code-input input {
    height: 35px;
    width: 100%;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0
}

.filter-popup-section .filter-row .filer-detail .post-code-field {
    float: left;
    width: 135px
}

.filter-popup-section .filter-row .filer-detail .post-code-field select {
    float: left;
    width: 60px
}

.filter-popup-section .filter-row .filer-detail .post-code-field .button {
    float: left;
    width: 60px;
    margin-left: 15px;
    padding-top: 10px
}

.filter-popup-section .filter-row .filer-detail .filter-field {
    display: inline-block;
    width: auto;
    margin-right: 10px;
    margin-bottom: 14px;
    color: #727272;
    font-size: 14px
}

.filter-popup-section .filter-row .filer-detail .filter-field .input-rc .input-rc-span {
    height: 15px;
    width: 15px;
    margin: 2px 0 0 8px
}

.filter-popup-section .filter-row .filer-detail .op-icon {
    padding-left: 0
}

.filter-popup-section .filter-row .filer-detail .op-icon::before {
    position: relative;
    margin-right: 4px
}

.filter-popup-section span.label-name.op-icon {
    width: 135px;
    display: inline-block;
    text-align: left;
}
.filter-popup-section span.label-name.op-icon:before {
    display: none;
}

.filter-popup-section span.label-name {
    width: 135px;
    display: inline-block;
    text-align: left;
}
.filter-popup-section label input[type=checkbox] {
    margin-top:2px;
}

.filter-row.price-slider {
    padding-bottom: 8px
}

.filter-popup-section .filter-row.post-card {
    padding-bottom: 12px
}

.filter-popup-section .price-post-wrap {
    display: inline-block;
    width: 100%;
    margin-bottom: 12px;
    padding-bottom: 4px;
    border-bottom: 1px solid #B6B6B6
}

@media (max-width:767px) {
    .filter-popup-section .price-post-wrap {
        border-bottom: none
    }
}

.filter-popup-section .price-post-wrap .filter-row {
    float: left;
    width: 50%;
    border-bottom: none
}

@media (max-width:640px) {
    .filter-popup-section .price-post-wrap .filter-row {
        width: 100%;
        border-bottom: 1px solid #B6B6B6
    }
}

.filter-popup-section.show-filter-popup {
    display: inline-block
}

.filter-popup-section .update-clear-wrap {
    display: inline-block;
    width: 100%;
    text-align: left;
}

.filter-popup-section .update-clear-wrap button {
    width: 120px;
    box-shadow: none;
    border: 1px solid transparent;
    border-radius: 0;
    background: #ddd;
}

.footer-wrap,
.footer-wrap .footer-menu {
    width: 100%;
    display: inline-block
}

.filter-popup-section .update-clear-wrap .clear-btn {
    border-color: #DB1300;
    background-color: #DB1300
}
.filter-popup-section .update-clear-wrap .clear-btn:hover {
    color: #DB1300;
    background-color: #ffffff
}

.filter-popup-section .update-clear-wrap .clear-btn:hover {
    -webkit-box-shadow: inset 0 0 1px 3px rgba(255, 255, 255, .3);
    -moz-box-shadow: inset 0 0 1px 3px rgba(255, 255, 255, .3);
    -ms-box-shadow: inset 0 0 1px 3px rgba(255, 255, 255, .3);
    box-shadow: inset 0 0 1px 3px rgba(255, 255, 255, .3)
}

.filter-popup-section .update-clear-wrap .update-btn:hover {
    background-color: transparent;
    -webkit-box-shadow: inset 0 0 1px 3px rgba(219, 19, 0, .3);
    -moz-box-shadow: inset 0 0 1px 3px rgba(219, 19, 0, .3);
    -ms-box-shadow: inset 0 0 1px 3px rgba(219, 19, 0, .3);
    box-shadow: inset 0 0 1px 3px rgba(219, 19, 0, .3)
}

.popuop-overlay {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background: rgba(255, 255, 255, .5);
    z-index: 999
}

.footer-wrap {
    padding: 56px 0;
    background-color: #292929;
    color: #939393
}

.footer-wrap ul {
    padding-left: 0;
    list-style-type: none
}

.footer-wrap .footer-menu .footer-grid {
    float: left;
    width: 25%
}

@media (max-width:992px) {
    .footer-wrap .footer-menu .footer-grid {
        width: 50%
    }
    .footer-wrap .footer-menu .footer-grid:nth-child(3) {
        clear: left
    }
}

@media (max-width:480px) {
    .footer-wrap .footer-menu .footer-grid.social-details {
        width: 100%
    }
    .footer-wrap .footer-menu .footer-grid.account-details {
        width: 100%;
        margin-bottom: 15px
    }
    .footer-wrap .footer-menu .footer-grid.account-details .footer-details ul li {
        float: left;
        width: 50%
    }
}

.footer-wrap .footer-menu .footer-grid .footer-title {
    display: inline-block;
    width: 100%;
    margin-bottom: 12px;
    font-size: 15px;
    text-transform: uppercase
}

.footer-wrap .footer-menu .footer-grid .footer-details ul li {
    display: inline-block;
    width: 100%;
    margin-bottom: 12px
}

.footer-wrap .footer-menu .footer-grid .footer-details ul li a {
    color: #939393;
    font-size: 13px
}

.footer-wrap .footer-menu .footer-grid .footer-details .social-icon ul li a:hover,
.footer-wrap .footer-menu .footer-grid .footer-details ul li a:hover {
    color: #C60024
}

.footer-wrap .footer-menu .footer-grid .footer-details .social-icon ul li {
    float: left;
    width: auto
}

.footer-wrap .footer-menu .footer-grid .footer-details .social-icon ul li a {
    display: inline-block;
    margin-right: 18px;
    margin-bottom: 16px;
    font-size: 12px
}

.footer-wrap .footer-menu .footer-grid .footer-details .newsletter {
    display: inline-block;
    width: 100%;
    margin-bottom: 22px;
    font-size: 14px
}

.footer-wrap .footer-menu .footer-grid .footer-details .newsletter .footer-title {
    text-transform: capitalize
}

.footer-wrap .footer-menu .footer-grid .footer-details .newsletter .footer-details .input-search {
    display: inline-block;
    width: 100%;
    margin-bottom: 15px
}

.footer-wrap .footer-menu .footer-grid .footer-details .newsletter .footer-details .input-search input {
    display: inline-block;
    height: 45px;
    width: 100%;
    padding-left: 15px;
    border: 1px solid #939393;
    background-color: transparent;
    color: #DADADA;
    font-size: 12px
}

.footer-wrap .footer-menu .footer-grid .footer-details .newsletter .footer-details .search-btn {
    display: inline-block;
    width: 100%;
    padding: 12px;
    border: none;
    background-color: #C60024;
    color: #FFF;
    font-size: 16px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase
}

.footer-wrap .footer-menu .footer-grid .footer-details .newsletter .footer-details .search-btn:hover {
    background-color: #939393
}

.footer-wrap .copyright-wrap {
    position: relative;
    display: inline-block;
    width: 100%;
    margin-top: 10px
}

.footer-wrap .copyright-wrap .footer-copyright,
.footer-wrap .copyright-wrap .sponser-section {
    float: left;
    display: inline-block;
    width: 50%
}

.footer-wrap .copyright-wrap .sponser-section {
    text-align: right
}

@media (max-width:992px) {
    .footer-wrap .copyright-wrap .footer-copyright,
    .footer-wrap .copyright-wrap .sponser-section {
        width: 100%
    }
    .footer-wrap .copyright-wrap .footer-copyright {
        position: absolute;
        bottom: 0;
        left: 0;
        margin-bottom: -40px
    }
    .footer-wrap .copyright-wrap .sponser-section {
        margin-top: 10px;
        text-align: left
    }
}

.footer-wrap .copyright-wrap .sponser-section a {
    opacity: .6;
    -webkit-filter: grayscale(1);
    -moz-filter: grayscale(1);
    -ms-filter: grayscale(1);
    filter: grayscale(1)
}

.footer-wrap .copyright-wrap .sponser-section a:hover {
    opacity: 1;
    -webkit-filter: grayscale(0);
    -moz-filter: grayscale(0);
    -ms-filter: grayscale(0);
    filter: grayscale(0)
}

.footer-wrap .copyright-wrap .sponser-section a img {
    margin-bottom: 6px
}

.owl-carousel {
    position: relative;
    z-index: 1;
    display: none;
    width: 100%
}

.owl-carousel .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y
}

.owl-carousel .owl-stage::after {
    clear: both;
    display: block;
    height: 0;
    line-height: 0;
    content: '.';
    visibility: hidden
}

.owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    -webkit-transform: translate3d(0, 0, 0)
}

.owl-carousel .owl-item {
    position: relative;
    float: left;
    min-height: 1px;
    -webkit-backface-visibility: hidden;
    -webkit-touch-callout: none
}

.owl-carousel .owl-item img {
    display: block;
    width: 100%;
    -webkit-transform-style: preserve-3d
}

.owl-carousel .owl-dots.disabled,
.owl-carousel .owl-nav.disabled {
    display: none
}

.no-js .owl-carousel,
.owl-carousel.owl-loaded {
    display: block
}

.owl-carousel .owl-dot,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-nav .owl-prev {
    cursor: hand;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-user-select: none;
    user-select: none
}

.owl-carousel.owl-loading {
    display: block;
    opacity: 0
}

.owl-carousel.owl-hidden {
    opacity: 0
}

.owl-carousel.owl-refresh .owl-item {
    visibility: hidden
}

.owl-carousel.owl-drag .owl-item {
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-user-select: none;
    user-select: none
}

.owl-carousel.owl-grab {
    cursor: grab
}

.owl-carousel.owl-rtl {
    direction: rtl
}

.owl-carousel.owl-rtl .owl-item {
    float: right
}

.owl-carousel .animated {
    animation-duration: 1s;
    animation-fill-mode: both
}

.owl-carousel .owl-animated-in {
    z-index: 0
}

.owl-carousel .owl-animated-out {
    z-index: 1
}

.owl-carousel .fadeOut {
    animation-name: fadeOut
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}

.owl-height {
    transition: height .5s ease-in-out
}

.owl-carousel .owl-item .owl-lazy {
    opacity: 0;
    transition: opacity .4s ease
}

.owl-carousel .owl-item img.owl-lazy {
    transform-style: preserve-3d
}

.owl-carousel .owl-video-wrapper {
    position: relative;
    height: 100%;
    background: #000
}

.owl-carousel .owl-video-play-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 1;
    height: 80px;
    width: 80px;
    margin-top: -40px;
    margin-left: -40px;
    background: url(owl.video.play.png) no-repeat;
    cursor: pointer;
    transition: transform .1s ease;
    -webkit-backface-visibility: hidden
}

.owl-carousel .owl-video-play-icon:hover {
    transform: scale(1.3, 1.3)
}

.owl-carousel .owl-video-playing .owl-video-play-icon,
.owl-carousel .owl-video-playing .owl-video-tn {
    display: none
}

.owl-carousel .owl-video-tn {
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    opacity: 0;
    transition: opacity .4s ease
}

.owl-carousel .owl-video-frame {
    position: relative;
    z-index: 1;
    height: 100%;
    width: 100%
}

.cusine-type-section,
.cusion-type-swiper-section {
    position: relative;
    display: inline-block;
    width: 100%;
    margin-bottom: 60px;
    padding: 0 146px
}

@media (max-width:1200px) {
    .cusine-type-section,
    .cusion-type-swiper-section {
        padding: 0 80px
    }
}

.cusine-type-section .cusion-type-grid,
.cusion-type-swiper-section .cusion-type-grid {
    position: relative
}

.cusine-type-section .cusion-type-grid .cusine-img,
.cusion-type-swiper-section .cusion-type-grid .cusine-img {
    display: inline-block;
    width: 100%
}

.cusine-type-section .cusion-type-grid .cusine-img img,
.cusion-type-swiper-section .cusion-type-grid .cusine-img img {
    width: 100%
}

.cusine-type-section .cusion-type-grid .cusine-details,
.cusion-type-swiper-section .cusion-type-grid .cusine-details {
    position: absolute;
    top: auto;
    bottom: 0;
    left: 0;
    margin-bottom: 10px;
    margin-left: 30px
}

.cusine-type-section .cusion-type-grid .cusine-details a,
.cusion-type-swiper-section .cusion-type-grid .cusine-details a {
    color: #FFF;
    text-decoration: none
}

.cusine-type-section .cusion-type-grid .cusine-details a h2,
.cusion-type-swiper-section .cusion-type-grid .cusine-details a h2 {
    font-size: 35px;
    font-family: "Century-gothic Bold";
    text-shadow: 0 3px rgba(0, 0, 0, .4)
}

@media (max-width:640px) {
    .cusine-type-section,
    .cusion-type-swiper-section {
        padding: 0 40px
    }
    .cusine-type-section .cusion-type-grid .cusine-details a h2,
    .cusion-type-swiper-section .cusion-type-grid .cusine-details a h2 {
        text-shadow: 0 2px rgba(0, 0, 0, .4)
    }
}

.cusine-type-section .cusion-type-grid .cusine-details a .total-restaurant,
.cusion-type-swiper-section .cusion-type-grid .cusine-details a .total-restaurant {
    font-size: 18px
}

.popular-section {
    position: relative;
    display: inline-block;
    width: 100%;
    padding: 0 95px;
    z-index: 0
}

@media (max-width:1200px) {
    .cusine-type-section .cusion-type-grid .cusine-details,
    .cusion-type-swiper-section .cusion-type-grid .cusine-details {
        margin-left: 10px
    }
    .popular-section {
        padding: 0 80px
    }
}

.popular-section .bag-heading {
    margin-bottom: 46px
}

.popular-section .live-chat-wrap {
    position: absolute;
    top: 0;
    right: 0;
    display: inline-block;
    height: 190px;
    width: 190px;
    margin-right: 15px;
    background-image: url(../images/live-chat.png);
    background-repeat: no-repeat;
    background-size: 100% auto;
    font-size: 34px;
    line-height: 36px;
    font-family: "Lato Regular"
}

@media (max-width:992px) {
    .popular-section .live-chat-wrap {
        margin-top: -50px
    }
}

.popular-section .live-chat-wrap a {
    display: inline-block;
    margin-top: 30px;
    margin-left: 40px;
    color: #FFF;
    text-decoration: none;
    text-shadow: 0 3px rgba(0, 0, 0, .4)
}

@media (max-width:640px) {
    .popular-section {
        padding: 0 40px
    }
    .popular-section .live-chat-wrap {
        height: 108px;
        width: 108px;
        font-size: 20px;
        line-height: 20px
    }
    .popular-section .live-chat-wrap a {
        text-shadow: 0 2px rgba(0, 0, 0, .4);
        margin-top: 18px;
        margin-left: 26px
    }
}

.popular-section .live-chat-wrap a p {
    margin-bottom: 0
}

.popular-section .live-chat-wrap a p.chat-text {
    margin-left: 15px
}

.popular-section .popular-grid-view {
    display: -webkit-flex;
    display: -moz-flex;
    display: flex;
    width: 100%;
    border: 1px solid #B6B6B6;
    font-family: "Lato Regular";
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.popular-section .popular-grid-view .popular-grid {
    position: relative;
    float: left;
    display: inline-block;
    width: 33.33%;
    text-align: center
}

.popular-section .popular-grid-view .popular-grid:nth-child(3n-1) .popular-image {
    position: absolute;
    top: auto;
    bottom: 0;
    left: 0
}

@media (max-width:992px) {
    .popular-section .popular-grid-view .popular-grid:nth-child(3n-1) .popular-image {
        position: relative
    }
    .popular-section .popular-grid-view .popular-grid:nth-child(2n) .popular-image {
        position: absolute;
        top: auto;
        bottom: 0;
        left: 0
    }
    .popular-section .popular-grid-view .popular-grid {
        width: 50%
    }
}

@media (max-width:992px) and (max-width:767px) {
    .popular-section .popular-grid-view .popular-grid:nth-child(2n) .popular-image {
        position: relative
    }
}

@media (max-width:767px) {
    .popular-section .popular-grid-view .popular-grid {
        width: 100%
    }
}

.popular-section .popular-grid-view .popular-grid .popular-image {
    position: relative;
    display: inline-block;
    width: 100%
}

.popular-section .popular-grid-view .popular-grid .popular-image:hover .image-hover-text {
    display: inline-block;
    height: 100%
}

.popular-section .popular-grid-view .popular-grid .popular-image img {
    display: inline-block;
    height: 220px;
    width: 100%
}

@media (max-width:1200px) {
    .popular-section .popular-grid-view .popular-grid .popular-image img {
        height: auto
    }
}

.popular-section .popular-grid-view .popular-grid .popular-image .image-hover-text {
    position: absolute;
    top: auto;
    bottom: 0;
    left: 0;
    display: inline-block;
    height: 52px;
    width: 100%;
    padding: 10px 20px;
    overflow: auto;
    background-color: rgba(0, 0, 0, .6);
    text-align: left;
    -webkit-transition: all .5s ease 0s;
    -moz-transition: all .5s ease 0s;
    -ms-transition: all .5s ease 0s;
    transition: all .5s ease 0s
}

.popular-section .popular-grid-view .popular-grid .popular-image .image-hover-text span {
    color: #FFF;
    font-size: 16px
}

.popular-section .popular-grid-view .popular-grid .popular-details {
    display: inline-block;
    width: 100%;
    padding: 54px 0;
    border-right: 1px solid #B6B6B6
}

@media (max-width:640px) {
    .popular-section .popular-grid-view .popular-grid .popular-details {
        border-right: none
    }
}

.popular-section .popular-grid-view .popular-grid .popular-details .popular-hotel-name {
    display: inline-block;
    width: 100%;
    margin-bottom: 7px;
    color: #BD9522;
    font-size: 25px
}

@media (max-width:1200px) {
    .popular-section .popular-grid-view .popular-grid .popular-details .popular-hotel-name {
        font-size: 18px
    }
}

.popular-section .popular-grid-view .popular-grid .popular-details .popular-address {
    display: inline-block;
    width: 100%;
    margin-bottom: 6px;
    padding: 0 60px;
    color: #484747;
    font-size: 17px;
    line-height: 30px;
    font-family: "Lato light"
}

@media (max-width:1200px) {
    .popular-section .popular-grid-view .popular-grid .popular-details .popular-address {
        padding: 0 20px;
        font-size: 14px;
        line-height: 20px
    }
}

.popular-section .popular-grid-view .popular-grid .popular-details .popular-cusine-type {
    display: inline-block;
    width: 100%;
    margin-bottom: 4px;
    color: #B6B6B6;
    font-size: 14px
}

.popular-section .popular-grid-view .popular-grid .popular-details .popular-cusine-price {
    display: inline-block;
    width: 100%;
    color: #BD9522;
    font-size: 30px;
    font-family: "Lato Bold"
}

.popular-section .popular-grid-view .popular-grid:nth-child(3n) .popular-details {
    border-right: none
}

@media (max-width:992px) {
    .popular-section .popular-grid-view .popular-grid .popular-details {
        border-bottom: 1px solid #B6B6B6
    }
    .popular-section .popular-grid-view .popular-grid:nth-child(2n) .popular-details,
    .popular-section .popular-grid-view .popular-grid:nth-child(3n) .popular-details {
        border-right: none
    }
    .popular-section .popular-grid-view .popular-grid:nth-child(2n+1) .popular-details {
        border-right: 1px solid #B6B6B6
    }
}

.popular-section .popular-grid-slider {
    position: relative
}

.popular-section .popular-grid-slider .owl-controls .owl-nav {
    margin-top: 0
}

.popular-section .popular-grid-slider .owl-controls .owl-nav .owl-next,
.popular-section .popular-grid-slider .owl-controls .owl-nav .owl-prev {
    margin-top: -26px;
    margin-left: -60px;
    padding: 0
}

@media (max-width:1200px) {
    .popular-section .popular-grid-view .popular-grid .popular-details .popular-cusine-price {
        font-size: 22px
    }
    .popular-section .popular-grid-slider .owl-controls .owl-nav .owl-next,
    .popular-section .popular-grid-slider .owl-controls .owl-nav .owl-prev {
        margin-left: -50px
    }
}

.popular-section .popular-grid-slider .owl-controls .owl-nav .owl-next {
    margin-right: -60px
}

@media (max-width:1200px) {
    .popular-section .popular-grid-slider .owl-controls .owl-nav .owl-next {
        margin-right: -50px
    }
}

@media (max-width:640px) {
    .popular-section .popular-grid-view .popular-grid:nth-child(2n+1) .popular-details {
        border-right: none
    }
    .popular-section .popular-grid-slider .owl-controls .owl-nav .owl-next,
    .popular-section .popular-grid-slider .owl-controls .owl-nav .owl-prev {
        margin-left: -30px
    }
    .popular-section .popular-grid-slider .owl-controls .owl-nav .owl-next {
        margin-right: -30px
    }
}

.popular-section .popular-section-slider .popular-swiper-slider .swiper-wrapper .swiper-slide {
    width: 100%!important
}

.popular-section .popular-section-slider .swiper-button-next-2 {
    margin-right: 40px
}

.popular-section .popular-section-slider .swiper-button-prev-2 {
    margin-left: 40px
}


.featured-section {
    display: inline-block;
    width: 100%;
    margin-top: 65px;
    padding: 65px 145px;
    background-image: url(../images/feature-background.jpg);
    background-repeat: no-repeat;
    background-size: cover
}

@media (max-width:1200px) {
    .featured-section {
        padding: 50px 80px
    }
}

@media (max-width:640px) {
    .popular-section .popular-section-slider .swiper-button-next-2 {
        margin-right: 10px
    }
    .popular-section .popular-section-slider .swiper-button-prev-2 {
        margin-left: 10px
    }
    .featured-section {
        padding: 40px
    }
}

.featured-section .featured-grid-view {
    display: inline-block;
    width: 100%;
    margin-top: 42px;
    font-family: "OpenSans Regular"
}

.featured-section .featured-grid-view .featured-grid {
    display: inline-block;
    height: 258px;
    width: 100%;
    border: 4px solid #DFE1E0;
    background-color: #FFF
}

.featured-section .featured-grid-view .featured-grid .featured-image {
    display: inline-block;
    width: 100%
}

.featured-section .featured-grid-view .featured-grid .featured-image img {
    display: block;
    margin: 0 auto
}

.featured-section .featured-grid-view .featured-grid .featured-detail {
    display: inline-block;
    width: 100%;
    padding: 15px
}

.featured-section .featured-grid-view .featured-grid .featured-detail h3 {
    margin-top: 0
}

.featured-section .featured-grid-view .featured-grid .featured-detail h3 a {
    color: #BD9522;
    font-size: 20px
}

.featured-section .featured-grid-view .featured-grid .featured-detail span {
    display: inline-block;
    height: 70px;
    width: 100%;
    color: #B6B6B6;
    font-size: 13px;
    overflow: hidden
}

.our-vision-wrap,
.why-order-wrap {
    display: inline-block;
    width: 100%;
    margin: 60px 0;
    padding: 0 110px
}

@media (max-width:1200px) {
    .our-vision-wrap,
    .why-order-wrap {
        padding: 0 80px
    }
}

@media (max-width:640px) {
    .our-vision-wrap,
    .why-order-wrap {
        padding: 0 40px
    }
}

.why-order-wrap .order-location-grid {
    display: -webkit-flex;
    display: -moz-flex;
    display: flex;
    width: 100%;
    margin-top: 20px;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.why-order-wrap .order-location-grid .order-grid {
    float: left;
    display: inline-block;
    margin-right: 40px;
    padding: 36px 12px;
    border: 1px solid #B6B6B6;
    text-align: center;
    width: -webkit-calc(25% - 30px);
    width: -moz-calc(25% - 30px);
    width: calc(25% - 30px)
}

.why-order-wrap .order-location-grid .order-grid:last-child {
    margin-right: 0
}

@media (max-width:1200px) {
    .why-order-wrap .order-location-grid .order-grid {
        margin-right: 30px;
        width: -webkit-calc(25% - 23px);
        width: -moz-calc(25% - 23px);
        width: calc(25% - 23px)
    }
}

@media (max-width:992px) {
    .why-order-wrap .order-location-grid .order-grid {
        margin-right: 20px;
        margin-bottom: 20px;
        width: -webkit-calc(50% - 10px);
        width: -moz-calc(50% - 10px);
        width: calc(50% - 10px)
    }
    .why-order-wrap .order-location-grid .order-grid:nth-child(2n) {
        margin-right: 0
    }
}

@media (max-width:640px) {
    .why-order-wrap .order-location-grid .order-grid {
        width: 100%;
        margin-right: 0
    }
}

.why-order-wrap .order-location-grid .order-grid .order-details {
    color: #484747;
    font-size: 17px;
    font-family: "Lato light"
}

.why-order-wrap .order-location-grid .order-grid .order-details p {
    margin-top: 16px;
    margin-bottom: 0;
    line-height: 26px
}

.our-vision-wrap {
    margin-bottom: 0
}

.our-vision-wrap .our-vision-view {
    display: inline-block;
    width: 100%;
    margin-top: 26px
}

.our-vision-wrap .our-vision-view .our-vision-grid {
    float: left;
    margin-right: 84px;
    text-align: center;
    width: -webkit-calc(33.33% - 56px);
    width: -moz-calc(33.33% - 56px);
    width: calc(33.33% - 56px)
}

.our-vision-wrap .our-vision-view .our-vision-grid:last-child {
    margin-right: 0
}

@media (max-width:992px) {
    .our-vision-wrap .our-vision-view .our-vision-grid {
        margin-right: 30px;
        width: -webkit-calc(33.33% - 20px);
        width: -moz-calc(33.33% - 20px);
        width: calc(33.33% - 20px)
    }
}

@media (max-width:767px) {
    .our-vision-wrap .our-vision-view .our-vision-grid {
        width: 100%;
        margin-right: 0;
        margin-bottom: 20px
    }
}

.our-vision-wrap .our-vision-view .our-vision-grid .our-vision-details {
    margin-top: 16px;
    font-size: 20px
}

.search-body {
    display: inline-block;
    width: 100%;
    padding: 30px 60px;
}

@media (max-width:992px) {
    .our-vision-wrap .our-vision-view .our-vision-grid .our-vision-details {
        font-size: 16px
    }
    .search-body {
        padding: 0 30px
    }
    .search-body .serch-view-filter-section .list-map-section {
        width: 100%
    }
}

.search-body .search-result-header {
    display: inline-block;
    width: 100%;
    margin-bottom: 10px
}

.search-body .search-result-header .search-result-title {
    display: inline-block;
    width: 100%;
    color: #B91319;
    font-weight: 700;
    text-transform:uppercase;
}

.search-body .search-result-header .search-result-title .serch-place-name {
    margin-right: 6px;
    font-size: 20px;
    line-height: 44px;
    font-family: "Century-gothic Regular"
}

@media (max-width:640px) {
    .search-body .search-result-header .search-result-title .serch-place-name {
        font-size: 16px;
        line-height: 30px
    }
}

.search-body .search-result-header .search-result-title .serch-order-from {
    font-size: 26px;
    font-family: 'Surrana', serif;
}

@media (max-width:640px) {
    .search-body .search-result-header .search-result-title .serch-order-from {
        font-size: 24px
    }
}

.search-body .serch-view-filter-section {
    display: inline-block;
    width: 100%;
    margin-bottom: 40px;
    padding: 20px 10px;
    border-top: 1px solid #B6B6B6;
    border-bottom: 1px solid #B6B6B6;
}

@media (max-width:767px) {
    .search-body .serch-view-filter-section {
        padding-right: 0;
        padding-left: 0
    }
}

.search-body .serch-view-filter-section .list-map-section {
    float: left;
    margin-top: 8px;
    font-size: 13px
}

@media (max-width:1024px) {
    .search-body .serch-view-filter-section .list-map-section {
        margin-bottom: 10px
    }
}

.search-body .serch-view-filter-section .list-map-section .choose-view {
    float: left;
    margin-right: 25px
}

@media (max-width:1300px) {
    .search-body .serch-view-filter-section .list-map-section .choose-view {
        margin-right: 12px
    }
}

.search-body .serch-view-filter-section .list-map-section .choose-view label {
    float: left
}

.search-body .serch-view-filter-section .list-map-section .choose-view .grid-view a,
.search-body .serch-view-filter-section .list-map-section .choose-view .list-view a {
    position: relative;
    float: left;
    margin-left: 12px;
    padding-left: 30px;
    color: #727272
}

.search-body .serch-view-filter-section .list-map-section .choose-view .grid-view a::before,
.search-body .serch-view-filter-section .list-map-section .choose-view .list-view a::before {
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
    height: 24px;
    width: 22px;
    margin-top: -2px;
    background-image: url(../images/list-view.png);
    background-repeat: no-repeat;
    background-size: contain;
    content: ''
}

.search-body .serch-view-filter-section .list-map-section .choose-view .grid-view a.active,
.search-body .serch-view-filter-section .list-map-section .choose-view .list-view a.active {
    color: #DB1300
}

.search-body .serch-view-filter-section .list-map-section .choose-view .grid-view a.active::before,
.search-body .serch-view-filter-section .list-map-section .choose-view .list-view a.active::before {
    background-image: url(../images/list-view-red.png)
}

.search-body .serch-view-filter-section .list-map-section .choose-map {
    float: left
}

.search-body .serch-view-filter-section .list-map-section .choose-map .map-icon {
    position: relative;
    padding-left: 24px;
    color: #484747;
    text-decoration: none
}

.search-body .serch-view-filter-section .list-map-section .choose-map .map-icon::before {
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
    height: 24px;
    width: 14px;
    margin-top: -4px;
    background-image: url(../images/location-map.png);
    background-repeat: no-repeat;
    background-size: contain;
    content: ''
}

.search-body .serch-view-filter-section .list-map-section .choose-map .map-icon.active {
    color: #DB1300
}

.search-body .serch-view-filter-section .list-map-section .choose-map .map-icon.active::before {
    background-image: url(../images/location-map-red.png)
}

.search-body .search-area-wrap {
    display: inline-block;
    width: 100%
}

.search-body .search-area-wrap .sidebar-choose-option {
    float: left;
    display: inline-block;
    width: 210px;
    margin-right: 66px
}

@media (max-width:992px) {
    .search-body .search-area-wrap .sidebar-choose-option {
        margin-right: 30px
    }
}

@media (max-width:767px) {
    .search-body .search-area-wrap .sidebar-choose-option {
        width: 100%;
        margin-right: 0
    }
}

.search-body .search-area-wrap .sidebar-choose-option .sidebar-grid {
	display: inline-block;
    width: 100%;
    margin-bottom: 30px;
    border: 1px solid #e8e8e8e3;
    padding: 0px 10px 20px 0px;
}

.search-body .search-area-wrap .sidebar-choose-option .sidebar-grid .sidebar-grid-title {
    display: inline-block;
    width: 100%;
    padding: 12px 18px;
    background-color: #ffffff;
    color: #484848;
    font-weight: 800;
    font-size: 15px;
    font-family: 'Montserrat',sans-serif;
}

.search-body .search-area-wrap .sidebar-choose-option .sidebar-grid .sidebar-grid-detail {
    display: inline-block;
    max-height: 170px;
    width: 100%;
    padding: 14px 18px;
    overflow: auto
}

.search-body .search-area-wrap .sidebar-choose-option .sidebar-grid .sidebar-grid-detail>label {
    position: relative
}

.search-body .search-area-wrap .sidebar-choose-option .sidebar-grid .sidebar-grid-detail>label .input-rc-span {
    position: absolute;
    top: 0;
    left: 0;
    margin: 3px 0 0
}

.search-body .search-area-wrap .sidebar-choose-option .sidebar-grid .sidebar-grid-detail>label .label-name {
    display: inline-block;
    padding-left: 10px;
    padding-top: 4px;
    font-family: 'montserrat',sans-serif;
    color: #484848;
    font-weight: 700;
}

.search-body .search-area-wrap .sidebar-choose-option .sidebar-grid.meal-price-section .choose-price {
    padding-top: 0;
    text-align: center
}

.search-body .search-area-wrap .sidebar-choose-option .sidebar-grid.meal-price-section .choose-price .noUi-target {
    height: 10px
}

.search-body .search-area-wrap .sidebar-choose-option .sidebar-grid.meal-price-section .choose-price .noUi-base .noUi-origin .noUi-handle {
    width: 28px;
    top: -11px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    border-radius: 100%
}

.search-body .search-area-wrap .sidebar-choose-option .sidebar-grid.meal-price-section .choose-price .noUi-base .noUi-origin .noUi-handle::after,
.search-body .search-area-wrap .sidebar-choose-option .sidebar-grid.meal-price-section .choose-price .noUi-base .noUi-origin .noUi-handle::before {
    display: none
}

.search-body .search-area-wrap .sidebar-choose-option .sidebar-grid.meal-price-section .choose-price .noUi-base .noUi-connect {
    height: 10px;
    background: #DB1300
}

.search-body .search-area-wrap .sidebar-choose-option .sidebar-grid.rating-section .choose-product-rating .rating-star {
    display: inline-block;
    width: 100%
}

.search-body .search-area-wrap .sidebar-choose-option .sidebar-grid.rating-section .choose-product-rating .rating-star .stars {
    float: left
}

.search-body .search-area-wrap .sidebar-choose-option .sidebar-grid.rating-section .choose-product-rating .rating-star .stars a {
    float: left;
    display: inline-block;
    height: 17px;
    width: 17px;
    margin-right: 2px;
    background-image: url(../images/star-unfilled.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    font-size: 0;
    cursor: default
}

.search-body .search-area-wrap .sidebar-choose-option .sidebar-grid.rating-section .choose-product-rating .rating-star label {
    float: right;
    display: inline-block;
    width: auto
}

.search-body .search-area-wrap .sidebar-choose-option .sidebar-grid.location-section .location-detail {
    display: inline-block;
    max-height: 170px;
    width: 100%;
    padding: 14px 15px 6px 14px;
    font-size: 12px;
    overflow: auto
}

.search-body .search-area-wrap .sidebar-choose-option .sidebar-grid.location-section .location-detail .tree-node .tree-node-loading {
    display: none
}

.search-body .search-area-wrap .sidebar-choose-option .sidebar-grid.location-section .location-detail .tree-node .node-wrapper .toggle-children-wrapper {
    padding: 3px 4px 0 0;
    display: inline-block;
    opacity: .4
}

.search-body .search-area-wrap .sidebar-choose-option .sidebar-grid.location-section .location-detail .tree-node .node-wrapper .node-content-wrapper {
    position: relative;
    padding: 0 0 7px;
    background-color: transparent;
    color: #B6B6B6;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    box-shadow: none
}

.search-body .search-area-wrap .sidebar-choose-option .sidebar-grid.location-section .location-detail .tree-node .node-wrapper .node-content-wrapper.node-content-wrapper-active.node-content-wrapper-focused {
    color: #DB1300
}

.search-body .search-area-wrap .sidebar-choose-option .sidebar-grid.location-section .location-detail .tree-node .node-wrapper .node-content-wrapper .locationname {
    width: 100%;
    padding-right: 40px;
    font-family: 'montserrat',sans-serif;
    color: #484848;
    font-weight: 700;
}

.search-body .search-area-wrap .sidebar-choose-option .sidebar-grid.location-section .location-detail .tree-node .node-wrapper .node-content-wrapper .locatiocount {
    position: absolute;
    top: 0;
    right: 1px;
    color: #f03c56;
    font-family: 'montserrat',sans-serif;
    font-weight: 700;
}

.search-body .search-area-wrap .sidebar-choose-option .sidebar-grid.location-section .location-detail .tree-node .tree-children .node-content-wrapper {
    display: inline-block;
    width: 100%;
    padding: 0 0 7px
}

.search-body .search-area-wrap .search-result-view-wrap {
    float: left;
    display: inline-block;
    margin-bottom: 50px;
    width: -webkit-calc(100% - 276px);
    width: -moz-calc(100% - 276px);
    width: calc(100% - 276px)
}

@media (max-width:992px) {
    .search-body .search-area-wrap .search-result-view-wrap {
        width: -webkit-calc(100% - 240px);
        width: -moz-calc(100% - 240px);
        width: calc(100% - 240px)
    }
}

.search-body .search-area-wrap .search-result-view-wrap .search-result-grid {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: flex;
    width: 100%;
    border: solid 1px #cccccc75;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 30px 20px 30px 20px;
}

@media (max-width:767px) {
    .search-body .search-area-wrap .search-result-view-wrap {
        width: 100%
    }
    .search-body .search-area-wrap .search-result-view-wrap .search-result-grid {
        margin-bottom: 25px;
        padding-bottom: 25px
    }
}

.search-body .search-area-wrap .search-result-view-wrap .search-result-grid:nth-last-child(2) {
    margin-bottom: 0;
    border-bottom: none
}

.search-body .search-area-wrap .search-result-view-wrap .search-result-grid .search-image {
    display: -webkit-inline-flex;
    display: -moz-inline-flex;
    display: -ms-inline-flex;
    display: inline-flex;
    float: left;
    height: auto;
    width: 100%;
    margin-right: 0;
    background-color: #F9F9F9;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
}

@media (max-width:992px) {
    .search-body .search-area-wrap .search-result-view-wrap .search-result-grid .search-image {
        height: 110px;
        width: 100px;
        margin-right: 20px
    }
}

@media (max-width:480px) {
    .search-body .search-area-wrap .search-result-view-wrap .search-result-grid .search-image {
        height: 78px;
        width: 70px;
        margin-right: 10px
    }
}

.search-body .search-area-wrap .search-result-view-wrap .search-result-grid .search-image img {
    height: auto;
    width: 100%;
}

.search-body .search-area-wrap .search-result-view-wrap .search-result-grid .search-result-details-wrap {
    width: -webkit-calc(100% - 265px);
    width: -moz-calc(100% - 265px);
    width: calc(100% - 265px);
    display: table;
    margin: 0 auto;
}

@media (max-width:992px) {
    .search-body .search-area-wrap .search-result-view-wrap .search-result-grid .search-result-details-wrap {
        width: -webkit-calc(100% - 120px);
        width: -moz-calc(100% - 120px);
        width: calc(100% - 120px)
    }
}

@media (max-width:480px) {
    .search-body .search-area-wrap .search-result-view-wrap .search-result-grid .search-result-details-wrap {
        width: -webkit-calc(100% - 80px);
        width: -moz-calc(100% - 80px);
        width: calc(100% - 80px)
    }
}

.search-body .search-area-wrap .search-result-view-wrap .search-result-grid .search-result-details-wrap .search-detail {
    display: inline-block;
    width: 100%
}

.search-body .search-area-wrap .search-result-view-wrap .search-result-grid .search-result-details-wrap .search-detail .search-result-loaction-details {
    float: left;
    width: -webkit-calc(100% - 150px);
    width: -moz-calc(100% - 150px);
    width: calc(100% - 150px)
}

@media (max-width:992px) {
    .search-body .search-area-wrap .search-result-view-wrap .search-result-grid .search-result-details-wrap .search-detail .search-result-loaction-details {
        width: -webkit-calc(100% - 100px);
        width: -moz-calc(100% - 100px);
        width: calc(100% - 100px)
    }
}

@media (max-width:640px) {
    .search-body .search-area-wrap .search-result-view-wrap .search-result-grid .search-result-details-wrap .search-detail .search-result-loaction-details {
        width: 100%
    }
}

.search-body .search-area-wrap .search-result-view-wrap .search-result-grid .search-result-details-wrap .search-detail .search-result-loaction-details .search-result-hotel-name {
    display: inline-block;
    width: 100%;
    margin-bottom: 7px;
    color: #E40046;
    font-size: 25px;
    font-family: "Lato Regular"
}

.search-body .search-area-wrap .search-result-view-wrap .search-result-grid .search-result-details-wrap .search-detail .search-result-loaction-details .search-result-hotel-name a {
    font-weight: 800 !important;
    color: #484848;
    font-size: 25px;
    font-family: 'Surrana',serif !important;
}

.search-body .search-area-wrap .search-result-view-wrap .search-result-grid .search-result-details-wrap .search-detail .search-result-loaction-details .search-result-hotel-name a:hover {
    text-decoration: underline
}

.search-body .search-area-wrap .search-result-view-wrap .search-result-grid .search-result-details-wrap .search-detail .search-result-loaction-details .rating-view .rating-star {
    margin-right: 6px
}

.search-body .search-area-wrap .search-result-view-wrap .search-result-grid .search-result-details-wrap .search-detail .search-result-loaction-details .rating-view .review-text {
    margin-left: 0
}

.search-body .search-area-wrap .search-result-view-wrap .search-result-grid .search-result-details-wrap .search-detail .search-result-price {
    float: right;
    width: 150px;
    text-align: right
}

@media (max-width:992px) {
    .search-body .search-area-wrap .search-result-view-wrap .search-result-grid .search-result-details-wrap .search-detail .search-result-loaction-details .search-result-hotel-name {
        margin-bottom: 2px;
        font-size: 20px
    }
    .search-body .search-area-wrap .search-result-view-wrap .search-result-grid .search-result-details-wrap .search-detail .search-result-price {
        width: 100px
    }
}

@media (max-width:640px) {
    .search-body .search-area-wrap .search-result-view-wrap .search-result-grid .search-result-details-wrap .search-detail .search-result-price {
        width: 100%;
        margin-bottom: 10px;
        text-align: left
    }
}

.search-body .search-area-wrap .search-result-view-wrap .search-result-grid .search-result-details-wrap .search-detail .search-result-price .price-text {
    display: inline-block;
    width: 100%;
    font-size: 20px;
    font-weight: 500;
    font-family: 'Montserrat', sans-serif;
    color: #f03c56;
}

@media (max-width:992px) {
    .search-body .search-area-wrap .search-result-view-wrap .search-result-grid .search-result-details-wrap .search-detail .search-result-price .price-text {
        font-size: 22px
    }
}

.search-body .search-area-wrap .search-result-view-wrap .search-result-grid .search-result-details-wrap .search-detail .search-result-price .person-number
{
    display: inline-block;
    width: 100%;
    color: #484848;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 900;
}

.search-body .search-area-wrap .search-result-view-wrap .search-result-grid .search-result-details-wrap .address-search-wrapper {
    display: inline-block;
    width: 100%;
    margin-bottom: 0px;
    padding-bottom: 0px;
}

.search-body .search-area-wrap .search-result-view-wrap .search-result-grid .search-result-details-wrap .address-search-wrapper .search-result-address {
    display: inline-block;
    width: 100%;
    margin-bottom: 6px;
    color: #727272;
    font-size: 16px;
    line-height: 30px;
}

@media (max-width:992px) {
    .search-body .search-area-wrap .search-result-view-wrap .search-result-grid .search-result-details-wrap .address-search-wrapper .search-result-address {
        margin-top: 0;
        margin-bottom: 2px;
        font-size: 13px
    }
}

.search-body .search-area-wrap .search-result-view-wrap .search-result-grid .search-result-details-wrap .address-search-wrapper .search-result-address p {
    margin-bottom: 4px
}

.search-body .search-area-wrap .search-result-view-wrap .search-result-grid .search-result-details-wrap .address-search-wrapper .search-result-address p span {
    color: #C61C2C
}

.search-body .search-area-wrap .search-result-view-wrap .search-result-grid .search-result-details-wrap .address-search-wrapper .search-result-cusine-type {
    display: inline-block;
    width: 100%;
    margin-bottom: 4px;
    color: #727272;
    font-size: 16px;
}

.search-body .search-area-wrap .search-result-view-wrap .search-result-grid .search-result-details-wrap .address-search-wrapper .search-result-cusine-type .op-cusine-title {
    float: left;
    width: 62px
}

.search-body .search-area-wrap .search-result-view-wrap .search-result-grid .search-result-details-wrap .address-search-wrapper .search-result-cusine-type .read-more-wrap {
    float: left;
    display: inline-block;
    width: -webkit-calc(100% - 62px);
    width: -moz-calc(100% - 62px);
    width: calc(100% - 62px)
}

.search-body .search-area-wrap .search-result-view-wrap .search-result-grid .search-result-details-wrap .address-search-wrapper .search-result-cusine-type .read-more-wrap span::before {
    margin-right: 3px;
    content: ','
}

.search-body .search-area-wrap .search-result-view-wrap .search-result-grid .search-result-details-wrap .address-search-wrapper .search-result-cusine-type .read-more-wrap span:first-child::before {
    display: none
}

.search-body .search-area-wrap .search-result-view-wrap .search-result-grid .search-result-details-wrap .address-search-wrapper .search-result-cusine-type .read-more-trigger {
    display: inline-block
}

.search-body .search-area-wrap .search-result-view-wrap .search-result-grid .search-result-details-wrap .address-search-wrapper .search-result-cusine-type .read-more-trigger::before {
    color: #DB1300
}

.search-body .search-area-wrap .search-result-view-wrap .search-result-grid .search-result-details-wrap .choose-restaurant-type {
    display: inline-block;
    width: 100%;
    margin-bottom: 10px
}

.search-body .search-area-wrap .search-result-view-wrap .search-result-grid .search-result-details-wrap .choose-restaurant-type .search-service-features {
    float: left;
    margin-right: 20px;
    width: -webkit-calc(50% - 10px);
    width: -moz-calc(50% - 10px);
    width: calc(50% - 10px)
}

@media (max-width:480px) {
    .search-body .search-area-wrap .search-result-view-wrap .search-result-grid .search-result-details-wrap .choose-restaurant-type .search-service-features {
        width: 100%;
        margin-right: 0;
        margin-bottom: 10px
    }
    .search-body .search-area-wrap .search-result-view-wrap .search-result-grid .search-result-details-wrap .choose-restaurant-type .search-service-features:last-child {
        margin-bottom: 0
    }
}

.search-body .search-area-wrap .search-result-view-wrap .search-result-grid .search-result-details-wrap .choose-restaurant-type .search-service-features:last-child {
    margin-right: 0
}

.search-body .search-area-wrap .search-result-view-wrap .search-result-grid .search-result-details-wrap .choose-restaurant-type .search-service-features.show-search-list button::after {
    margin-top: 8px;
    font-size: 36px;
    content: '-'
}

.search-body .search-area-wrap .search-result-view-wrap .search-result-grid .search-result-details-wrap .choose-restaurant-type .search-service-features button {
    position: relative;
    display: inline-block;
    width: 100%;
    padding: 7px 40px 7px 12px;
    background-color: #f03c56;
    margin: 0 0 10px 0px;
    color: #ffffff;
    font-size: 15px;
    letter-spacing: 0;
    border: solid 1px #f03c565c;
    text-align: left;
    font-family: 'Raleway',sans-serif;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0;
    font-weight: 500;
}

.search-body .search-area-wrap .search-result-view-wrap .search-result-grid .search-result-details-wrap .choose-restaurant-type .search-service-features button:active {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    box-shadow: none
}

.restaurant-detail-section .left-detail-wrap .restaurant-detail-tab .tab-content #menu .menu-wrap .menu-categories-wrap .categories-detail-list .non-veg-list .order-list-wrap .list-item .categories-order-details .list-detail-btn .add-btn:hover,
.restaurant-detail-section .left-detail-wrap .restaurant-detail-tab .tab-content #menu .menu-wrap .menu-categories-wrap .categories-detail-list .veg-list .order-list-wrap .list-item .categories-order-details .list-detail-btn .add-btn:hover,
.restaurant-detail-section .left-detail-wrap .restaurant-detail-tab .tab-content #review .add-new-reviewer-comment .reviewer-list .add-comment-section .add-comment-form .comment-button a:hover,
.restaurant-detail-section .right-detail-wrap .my-order-list-section .checkout-btn a:hover {
    box-shadow: inset 0 0 1px 3px rgba(255, 255, 255, .3)
}

.search-body .search-area-wrap .search-result-view-wrap .search-result-grid .search-result-details-wrap .choose-restaurant-type .search-service-features button::after {
    position: absolute;
    top: 0;
    right: 0;
    display: inline-block;
    margin-top: 7px;
    margin-right: 10px;
    font-size: 19px;
    line-height: 24px;
    content: '+';
}

.search-body .search-area-wrap .search-result-view-wrap .search-result-grid .search-result-details-wrap .choose-restaurant-type .search-service-features ul {
    margin-bottom: 0;
    padding-left: 0;
    list-style-type: none
}

.search-body .search-area-wrap .search-result-view-wrap .search-result-grid .search-result-details-wrap .choose-restaurant-type .search-service-features ul li {
    margin-top: -1px;
    margin-bottom: 0;
    background: #f2f2f2;
    font-weight: 650;
    padding: 13px 15px;
    border: 1px solid #B6B6B6;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    font-family: 'Montserrat',sans-serif;
    border-radius: 0;
    color: #3a9225;
}

.search-body .search-area-wrap .search-result-view-wrap .search-result-grid .search-result-details-wrap .call-menu-btn {
    display: inline-block;
    width: 100%
}

.search-body .search-area-wrap .search-result-view-wrap .search-result-grid .search-result-details-wrap .call-menu-btn .search-btn-wrap {
    float: left;
    margin-right: 2px;
    width: -webkit-calc(50% - 1px);
    width: -moz-calc(50% - 1px);
    width: calc(50% - 1px)
}

.search-body .search-area-wrap .search-result-view-wrap .search-result-grid .search-result-details-wrap .call-menu-btn .search-btn-wrap:last-child {
    margin-right: 0
}

@media (max-width:480px) {
    .search-body .search-area-wrap .search-result-view-wrap .search-result-grid .search-result-details-wrap .call-menu-btn .search-btn-wrap {
        width: 100%;
        margin-right: 0;
        margin-bottom: 10px
    }
}

.search-body .search-area-wrap .search-result-view-wrap .search-result-grid .search-result-details-wrap .call-menu-btn .search-btn-wrap>a {
    position: relative;
    padding: 10px 5px 10px 5px;
    display: inline-block;
    width: 50%;
    background-color: #f03c5600;
    color: #484848;
    font-size: 18px;
    font-weight: 800;
    font-family: 'Surrana', serif;
    text-align: left;
    text-decoration: none;
    text-transform: capitalize;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 3px;
}

.search-body .search-area-wrap .search-result-view-wrap .search-result-grid .search-result-details-wrap .call-menu-btn .search-btn-wrap>a::before {
    display: inline-block;
    height: 23px;
    width: 22px;
    margin-right: 10px;
    background-image: url(../images/call-now.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% auto;
    vertical-align: top;
    content: ''
}

.restaurant-banner,
.restaurant-banner .restaurant-banner-image img,
.restaurant-detail-section {
    width: 100%;
    display: inline-block
}

.search-body .search-area-wrap .search-result-view-wrap .search-result-grid .search-result-details-wrap .call-menu-btn .search-btn-wrap>a.view-menu::before {
    background-image: url(../images/menu.png)
}

.search-body .search-area-wrap .search-result-view-wrap .search-result-grid .search-result-details-wrap .call-menu-btn .search-btn-wrap ul {
    margin-bottom: 0;
    padding-left: 0;
    list-style-type: none
}

.search-body .search-area-wrap .search-result-view-wrap .search-result-grid .search-result-details-wrap .call-menu-btn .search-btn-wrap ul li {
    margin-top: 3px;
    margin-bottom: 0;
    padding: 13px 15px;
    border: 1px solid #B6B6B6;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0;
    width: 40%;
}

.search-body .search-area-wrap .search-result-view-wrap .search-result-grid .search-result-details-wrap .call-menu-btn .search-btn-wrap ul li a {
    color: #484747
}

.search-body .search-area-wrap .search-result-view-wrap .search-result-grid .search-result-details-wrap .call-menu-btn .search-btn-wrap ul li a:hover {
    color: #DB1300
}

.search-body .search-area-wrap .search-result-view-wrap .pager,
.search-body .search-area-wrap .search-result-view-wrap .pager .pagination {
    margin: 0
}

.restaurant-banner {
    margin-bottom: 30px
}

.restaurant-detail-section {
    margin-bottom: 50px;
    padding: 0 60px;
    font-family: "OpenSans Regular"
}

.restaurant-detail-section .left-detail-wrap {
    float: left;
    width: 65%
}

@media (max-width:992px) {
    .restaurant-detail-section {
        padding: 0 30px
    }
    .restaurant-detail-section .left-detail-wrap {
        width: 100%
    }
}

.restaurant-detail-section .left-detail-wrap .restaurant-detail-wrap {
    display: inline-block;
    width: 100%
}

.restaurant-detail-section .left-detail-wrap .restaurant-detail-wrap .restaurant-opening-hour {
    float: left;
    display: inline-block;
    width: 240px;
    margin-right: 36px
}

@media (max-width:640px) {
    .search-body .search-area-wrap .search-result-view-wrap .search-result-grid .search-result-details-wrap .call-menu-btn .search-btn-wrap>a {
        font-size: 16px
    }
    .restaurant-detail-section .left-detail-wrap .restaurant-detail-wrap .restaurant-opening-hour {
        float: none;
        display: block;
        margin: 0 auto
    }
}

.restaurant-detail-section .left-detail-wrap .restaurant-detail-wrap .restaurant-opening-hour .opening-hour-table {
    display: inline-block;
    width: 100%;
    padding-bottom: 6px;
    border: 3px solid #B6B6B6;
    background-color: #292929;
    color: #FFF
}

.restaurant-detail-section .left-detail-wrap .restaurant-detail-wrap .restaurant-opening-hour .opening-hour-table .opening-hour-title {
    display: inline-block;
    width: 100%;
    margin-top: 20px;
    margin-bottom: 10px;
    text-align: center
}

.restaurant-detail-section .left-detail-wrap .restaurant-detail-wrap .restaurant-opening-hour .opening-hour-table .opening-hour-title span {
    display: inline-block;
    padding: 9px 22px;
    background-color: #FFF;
    color: #000;
    font-size: 18px;
    font-family: "OpenSans SemiBold";
    text-transform: uppercase
}

.restaurant-detail-section .left-detail-wrap .restaurant-detail-wrap .restaurant-opening-hour .opening-hour-table .time-details {
    display: inline-block;
    width: 100%;
    padding: 4px 19px;
    border-bottom: 1px solid #B6B6B6
}

.restaurant-detail-section .left-detail-wrap .restaurant-detail-wrap .restaurant-opening-hour .opening-hour-table .time-details:last-child {
    border-bottom: none
}

.restaurant-detail-section .left-detail-wrap .restaurant-detail-wrap .restaurant-opening-hour .opening-hour-table .time-details.active {
    color: #78F24B
}

.restaurant-detail-section .left-detail-wrap .restaurant-detail-wrap .restaurant-opening-hour .opening-hour-table .time-details .opening-day {
    float: left;
    width: 60px;
    font-size: 17px;
    font-family: "OpenSans SemiBold";
    text-transform: uppercase
}

.restaurant-detail-section .left-detail-wrap .restaurant-detail-wrap .restaurant-opening-hour .opening-hour-table .time-details .opening-time {
    float: left;
    font-size: 14px;
    font-family: "OpenSans light";
    text-align: left;
    width: -webkit-calc(100% - 60px);
    width: -moz-calc(100% - 60px);
    width: calc(100% - 60px)
}

.restaurant-detail-section .left-detail-wrap .restaurant-detail-wrap .restaurant-opening-hour .opening-hour-table .time-details .opening-time.closed {
    text-transform: uppercase
}

.restaurant-detail-section .left-detail-wrap .restaurant-detail-wrap .restaurant-brief-detail {
    float: left;
    display: inline-block;
    width: -webkit-calc(100% - 276px);
    width: -moz-calc(100% - 276px);
    width: calc(100% - 276px)
}

.restaurant-detail-section .left-detail-wrap .restaurant-detail-wrap .restaurant-brief-detail .logo-bookmark {
    display: inline-block;
    width: 100%;
    margin-bottom: 8px;
    padding-bottom: 20px;
    border-bottom: 1px solid #B6B6B6
}

.restaurant-detail-section .left-detail-wrap .restaurant-detail-wrap .restaurant-brief-detail .logo-bookmark .restaurant-logo {
    float: left
}

@media (max-width:640px) {
    .restaurant-detail-section .left-detail-wrap .restaurant-detail-wrap .restaurant-brief-detail {
        width: 100%;
        margin-top: 25px
    }
    .restaurant-detail-section .left-detail-wrap .restaurant-detail-wrap .restaurant-brief-detail .logo-bookmark .restaurant-logo {
        display: inline-block;
        width: 100%;
        margin-bottom: 15px;
        text-align: center
    }
}

.restaurant-detail-section .left-detail-wrap .restaurant-detail-wrap .restaurant-brief-detail .logo-bookmark .restaurant-bookmark {
    float: right
}

@media (max-width:1200px) {
    .restaurant-detail-section .left-detail-wrap .restaurant-detail-wrap .restaurant-brief-detail .logo-bookmark .restaurant-bookmark {
        float: left;
        width: 100%;
        margin-top: 10px;
        text-align: right
    }
}

.restaurant-detail-section .left-detail-wrap .restaurant-detail-wrap .restaurant-brief-detail .restaurant-address-detail {
    display: inline-block;
    width: 100%
}

.restaurant-detail-section .left-detail-wrap .restaurant-detail-wrap .restaurant-brief-detail .restaurant-address-detail .restaurant-address-section {
    float: left;
    margin-right: 20px;
    width: -webkit-calc(100% - 95px);
    width: -moz-calc(100% - 95px);
    width: calc(100% - 95px)
}

.restaurant-detail-section .left-detail-wrap .restaurant-detail-wrap .restaurant-brief-detail .restaurant-address-detail .restaurant-address-section .restaurant-name {
    margin-top: 0;
    margin-bottom: 8px;
    font-size: 39px;
    font-family: "Lato Bold"
}

@media (max-width:1200px) {
    .restaurant-detail-section .left-detail-wrap .restaurant-detail-wrap .restaurant-brief-detail .restaurant-address-detail .restaurant-address-section {
        width: 100%
    }
    .restaurant-detail-section .left-detail-wrap .restaurant-detail-wrap .restaurant-brief-detail .restaurant-address-detail .restaurant-address-section .restaurant-name {
        font-size: 30px
    }
}

@media (max-width:480px) {
    .restaurant-detail-section .left-detail-wrap .restaurant-detail-wrap .restaurant-brief-detail .restaurant-address-detail .restaurant-address-section .restaurant-name {
        font-size: 23px
    }
}

.restaurant-detail-section .left-detail-wrap .restaurant-detail-wrap .restaurant-brief-detail .restaurant-address-detail .restaurant-address-section .rating-view {
    margin-bottom: 10px
}

.restaurant-detail-section .left-detail-wrap .restaurant-detail-wrap .restaurant-brief-detail .restaurant-address-detail .restaurant-address-section .rating-view .rating-star a {
    height: 20px;
    width: 22px;
    margin-right: 6px;
    background-image: url(../images/star-grey.png)
}

.restaurant-detail-section .left-detail-wrap .restaurant-detail-wrap .restaurant-brief-detail .restaurant-address-detail .restaurant-address-section .rating-view .rating-star a:hover {
    background-image: url(../images/star-red.png)
}

.restaurant-detail-section .left-detail-wrap .restaurant-detail-wrap .restaurant-brief-detail .restaurant-address-detail .restaurant-address-section .rating-view .review-text a {
    color: #3E3D3D;
    font-size: 15px
}

.restaurant-detail-section .left-detail-wrap .restaurant-detail-wrap .restaurant-brief-detail .restaurant-address-detail .restaurant-address-section .restaurant-address {
    margin-top: 6px
}

.restaurant-detail-section .left-detail-wrap .restaurant-detail-wrap .restaurant-brief-detail .restaurant-address-detail .restaurant-address-section .restaurant-address p {
    margin-bottom: 5px;
    color: #484747;
    font-size: 17px;
    font-family: "OpenSans light"
}

@media (max-width:480px) {
    .restaurant-detail-section .left-detail-wrap .restaurant-detail-wrap .restaurant-brief-detail .restaurant-address-detail .restaurant-address-section .restaurant-address p {
        font-size: 14px
    }
}

.restaurant-detail-section .left-detail-wrap .restaurant-detail-wrap .restaurant-brief-detail .restaurant-address-detail .restaurant-rating-view {
    float: left;
    width: 75px
}

@media (max-width:1200px) {
    .restaurant-detail-section .left-detail-wrap .restaurant-detail-wrap .restaurant-brief-detail .restaurant-address-detail .restaurant-rating-view {
        width: 100%;
        margin-top: 20px
    }
    .restaurant-detail-section .left-detail-wrap .restaurant-detail-wrap .restaurant-brief-detail .restaurant-address-detail .restaurant-rating-view .rating-number {
        float: left;
        margin-right: 20px
    }
}

.restaurant-detail-section .left-detail-wrap .restaurant-detail-wrap .restaurant-brief-detail .restaurant-address-detail .restaurant-rating-view .rating-number {
    height: 70px;
    width: 75px;
    margin-bottom: 8px;
    padding-top: 27px;
    background-image: url(../images/rating-bag-icon.png);
    background-repeat: no-repeat;
    background-size: 100% auto;
    color: #22B101;
    font-size: 22px;
    font-family: "OpenSans Bold";
    text-align: center
}

.restaurant-detail-section .left-detail-wrap .restaurant-detail-wrap .restaurant-brief-detail .restaurant-address-detail .restaurant-rating-view .rating-number .total-rate {
    display: inline-block;
    margin-top: 8px;
    margin-left: 2px;
    color: #B6B6B6;
    font-size: 15px
}

.restaurant-detail-section .left-detail-wrap .restaurant-detail-wrap .restaurant-brief-detail .restaurant-address-detail .restaurant-rating-view .chat-icon {
    height: 60px;
    width: 60px;
    margin-bottom: 8px;
    margin-left: 8px;
    padding-top: 17px;
    background-image: url(../images/chat-icon.png);
    background-repeat: no-repeat;
    background-size: 100% auto;
    color: #FFF;
    font-size: 13px;
    font-family: "OpenSans SemiBold";
    text-align: center
}

.restaurant-detail-section .left-detail-wrap .restaurant-detail-wrap .restaurant-brief-detail .restaurant-address-detail .restaurant-rating-view .chat-icon a {
    color: #FFF
}

.restaurant-detail-section .left-detail-wrap .restaurant-detail-wrap .restaurant-brief-detail .restaurant-address-detail .restaurant-rating-view .video-icon {
    height: 42px;
    width: 60px;
    margin-left: 8px;
    padding-top: 14px;
    padding-left: 11px;
    background-image: url(../images/video-call-icon.png);
    background-repeat: no-repeat;
    background-size: 100% auto;
    color: #FFF;
    font-size: 10px;
    font-family: "OpenSans SemiBold"
}

@media (max-width:1200px) {
    .restaurant-detail-section .left-detail-wrap .restaurant-detail-wrap .restaurant-brief-detail .restaurant-address-detail .restaurant-rating-view .chat-icon {
        float: left;
        margin-top: 6px;
        margin-right: 20px
    }
    .restaurant-detail-section .left-detail-wrap .restaurant-detail-wrap .restaurant-brief-detail .restaurant-address-detail .restaurant-rating-view .video-icon {
        float: left;
        margin-top: 12px
    }
}

.restaurant-detail-section .left-detail-wrap .restaurant-detail-wrap .restaurant-brief-detail .restaurant-address-detail .restaurant-rating-view .video-icon a {
    color: #FFF
}

.restaurant-detail-section .left-detail-wrap .restaurant-story {
    display: inline-block;
    width: 100%
}

.restaurant-detail-section .left-detail-wrap .restaurant-story .restaurant-story-title {
    margin-bottom: 16px;
    font-size: 42px;
    font-family: "OpenSans Bold"
}

.restaurant-detail-section .left-detail-wrap .restaurant-story .restaurant-story-detail {
    display: inline-block;
    width: 100%;
    margin-bottom: 15px
}

.restaurant-detail-section .left-detail-wrap .restaurant-story .restaurant-story-detail p {
    margin-bottom: 28px;
    font-size: 14px;
    line-height: 28px;
    font-family: "OpenSans light"
}

.restaurant-detail-section .left-detail-wrap .restaurant-detail-tab {
    display: inline-block;
    width: 100%
}

.restaurant-detail-section .left-detail-wrap .restaurant-detail-tab ul.nav-tabs {
    display: inline-block;
    width: 100%;
    margin-bottom: 16px;
    border: 1px solid #B6B6B6
}

.restaurant-detail-section .left-detail-wrap .restaurant-detail-tab ul.nav-tabs li {
    float: left;
    width: 20%;
    margin: 0;
    border-right: 1px solid #B6B6B6;
    text-align: center
}

.restaurant-detail-section .left-detail-wrap .restaurant-detail-tab ul.nav-tabs li:last-child {
    border-right: none
}

@media (max-width:767px) {
    .restaurant-detail-section .left-detail-wrap .restaurant-detail-tab ul.nav-tabs li {
        width: 33.33%;
        border-bottom: 1px solid #B6B6B6
    }
    .restaurant-detail-section .left-detail-wrap .restaurant-detail-tab ul.nav-tabs li:nth-child(3n) {
        border-right: none
    }
    .restaurant-detail-section .left-detail-wrap .restaurant-detail-tab ul.nav-tabs li:last-child {
        border-right: 1px solid #B6B6B6;
        border-bottom: none
    }
    .restaurant-detail-section .left-detail-wrap .restaurant-detail-tab ul.nav-tabs li:nth-last-child(2) {
        border-bottom: none
    }
}

@media (max-width:480px) {
    .restaurant-detail-section .left-detail-wrap .restaurant-detail-tab ul.nav-tabs li {
        width: 100%;
        border-right: none;
        border-bottom: 1px solid #B6B6B6
    }
    .restaurant-detail-section .left-detail-wrap .restaurant-detail-tab ul.nav-tabs li:nth-last-child(2) {
        border-bottom: 1px solid #B6B6B6
    }
}

.restaurant-detail-section .left-detail-wrap .restaurant-detail-tab ul.nav-tabs li a {
    margin: 0;
    padding: 10px 4px 7px;
    border: none;
    border-bottom: 5px solid transparent;
    color: #727272;
    font-size: 17px;
    font-family: "OpenSans light"
}

@media (max-width:1200px) {
    .restaurant-detail-section .left-detail-wrap .restaurant-detail-tab ul.nav-tabs li a {
        font-size: 14px
    }
}

.restaurant-detail-section .left-detail-wrap .restaurant-detail-tab ul.nav-tabs li a:hover {
    background-color: transparent
}

.restaurant-detail-section .left-detail-wrap .restaurant-detail-tab ul.nav-tabs li.active a {
    border-bottom: 5px solid #DB1300
}

.restaurant-detail-section .left-detail-wrap .restaurant-detail-tab .tab-content #rest-info .rest-info-wrap {
    display: inline-block;
    width: 100%;
    margin-top: 10px;
    margin-bottom: 32px;
    padding: 30px 44px;
    border: 1px solid #B6B6B6
}

@media (max-width:640px) {
    .restaurant-detail-section .left-detail-wrap .restaurant-detail-wrap .restaurant-brief-detail .logo-bookmark .restaurant-bookmark {
        text-align: center
    }
    .restaurant-detail-section .left-detail-wrap .restaurant-detail-tab .tab-content #rest-info .rest-info-wrap {
        padding: 20px
    }
}

.restaurant-detail-section .left-detail-wrap .restaurant-detail-tab .tab-content #rest-info .rest-info-wrap .rest-info-section {
    display: inline-block;
    width: 100%;
    margin-bottom: 25px;
    padding-bottom: 10px;
    border-bottom: 1px solid #B6B6B6
}

@media (max-width:640px) {
    .restaurant-detail-section .left-detail-wrap .restaurant-detail-tab .tab-content #rest-info .rest-info-wrap .rest-info-section {
        margin-bottom: 30px;
        padding-bottom: 15px
    }
}

.restaurant-detail-section .left-detail-wrap .restaurant-detail-tab .tab-content #rest-info .rest-info-wrap .rest-info-section .hasMerchant,
.restaurant-detail-section .left-detail-wrap .restaurant-detail-tab .tab-content #rest-info .rest-info-wrap .rest-info-section .nothasMerchant {
    padding-left: 35px
}

.restaurant-detail-section .left-detail-wrap .restaurant-detail-tab .tab-content #rest-info .rest-info-wrap .rest-info-section .hasMerchant::before,
.restaurant-detail-section .left-detail-wrap .restaurant-detail-tab .tab-content #rest-info .rest-info-wrap .rest-info-section .nothasMerchant::before {
    height: 20px;
    width: 25px;
    margin: 0
}

.restaurant-detail-section .left-detail-wrap .restaurant-detail-tab .tab-content #rest-info .rest-info-wrap .rest-info-section .rest-info-services,
.restaurant-detail-section .left-detail-wrap .restaurant-detail-tab .tab-content #rest-info .rest-info-wrap .rest-info-section.contact-section .rest-info-services {
    width: 100%;
    display: inline-block
}

.restaurant-detail-section .left-detail-wrap .restaurant-detail-tab .tab-content #rest-info .rest-info-wrap .rest-info-section .hasMerchant::before {
    background-image: url(../images/checkbox-uncheck.png)
}

.restaurant-detail-section .left-detail-wrap .restaurant-detail-tab .tab-content #rest-info .rest-info-wrap .rest-info-section .nothasMerchant::before {
    background-image: url(../images/checkbox-checked.png)
}

.restaurant-detail-section .left-detail-wrap .restaurant-detail-tab .tab-content #rest-info .rest-info-wrap .rest-info-section:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none
}

.restaurant-detail-section .left-detail-wrap .restaurant-detail-tab .tab-content #rest-info .rest-info-wrap .rest-info-section h2 {
    margin-top: 0;
    margin-bottom: 25px;
    font-size: 20px;
    font-family: "OpenSans SemiBold"
}

.restaurant-detail-section .left-detail-wrap .restaurant-detail-tab .tab-content #rest-info .rest-info-wrap .rest-info-section a {
    color: #727272;
    font-size: 14px;
    font-family: "OpenSans light"
}

.restaurant-detail-section .left-detail-wrap .restaurant-detail-tab .tab-content #rest-info .rest-info-wrap .rest-info-section a:hover {
    color: #DB1300;
    text-decoration: none
}

.restaurant-detail-section .left-detail-wrap .restaurant-detail-tab .tab-content #rest-info .rest-info-wrap .rest-info-section.contact-section .rest-info-services .info-section {
    float: left;
    width: 33.33%;
    padding-right: 40px
}

@media (max-width:1200px) {
    .restaurant-detail-section .left-detail-wrap .restaurant-detail-tab .tab-content #rest-info .rest-info-wrap .rest-info-section.contact-section .rest-info-services .info-section {
        width: 50%
    }
    .restaurant-detail-section .left-detail-wrap .restaurant-detail-tab .tab-content #rest-info .rest-info-wrap .rest-info-section.contact-section .rest-info-services .info-section:first-child {
        width: 100%;
        margin-bottom: 10px;
        padding-right: 0
    }
}

@media (max-width:640px) {
    .restaurant-detail-section .left-detail-wrap .restaurant-detail-tab .tab-content #rest-info .rest-info-wrap .rest-info-section.contact-section .rest-info-services .info-section {
        width: 100%
    }
}

.restaurant-detail-section .left-detail-wrap .restaurant-detail-tab .tab-content #rest-info .rest-info-wrap .rest-info-section.contact-section .rest-info-services .info-section .call-now-btn {
    display: inline-block;
    width: 100%;
    padding: 13px 30px 13px 70px;
    background-color: #C60024;
    color: #FFF;
    font-size: 18px;
    font-family: "OpenSans Bold"
}

.restaurant-detail-section .left-detail-wrap .restaurant-detail-tab .tab-content #rest-info .rest-info-wrap .rest-info-section.contact-section .rest-info-services .info-section .call-now-btn::before {
    margin-top: 11px;
    margin-left: 32px
}

.restaurant-detail-section .left-detail-wrap .restaurant-detail-tab .tab-content #rest-info .rest-info-wrap .rest-info-section.contact-section .rest-info-services .info-section .call-now-btn:hover {
    text-decoration: none;
    box-shadow: inset 0 0 1px 3px rgba(255, 255, 255, .3)
}

.restaurant-detail-section .left-detail-wrap .restaurant-detail-tab .tab-content #rest-info .rest-info-wrap .rest-info-section.contact-section .rest-info-services .info-section .op-message,
.restaurant-detail-section .left-detail-wrap .restaurant-detail-tab .tab-content #rest-info .rest-info-wrap .rest-info-section.contact-section .rest-info-services .info-section .op-universe {
    margin-top: 20px
}

.restaurant-detail-section .left-detail-wrap .restaurant-detail-tab .tab-content #rest-info .rest-info-wrap .rest-info-section.contact-section .rest-info-services .info-section.call-info-section ul {
    width: 100%;
    padding-left: 0
}

.restaurant-detail-section .left-detail-wrap .restaurant-detail-tab .tab-content #rest-info .rest-info-wrap .rest-info-section.contact-section .rest-info-services .info-section.call-info-section ul li {
    display: inline-block;
    width: 100%;
    margin-top: -1px;
    margin-bottom: 0;
    padding: 13px 15px;
    border: 1px solid #B6B6B6;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0
}

.restaurant-detail-section .left-detail-wrap .restaurant-detail-tab .tab-content #rest-info .rest-info-wrap .rest-info-section.service-section .rest-info-services a {
    float: left;
    width: 25%;
    margin-bottom: 20px
}

.restaurant-detail-section .left-detail-wrap .restaurant-detail-tab .tab-content #rest-info .rest-info-wrap .rest-info-section.service-section .rest-info-services a:nth-child(4n+1) {
    clear: left
}

@media (max-width:992px) {
    .restaurant-detail-section .left-detail-wrap .restaurant-detail-tab .tab-content #rest-info .rest-info-wrap .rest-info-section.service-section .rest-info-services a {
        width: 50%
    }
}

@media (max-width:640px) {
    .restaurant-detail-section .left-detail-wrap .restaurant-detail-tab .tab-content #rest-info .rest-info-wrap .rest-info-section.service-section .rest-info-services a {
        width: 100%
    }
}

.restaurant-detail-section .left-detail-wrap .restaurant-detail-tab .tab-content #rest-info .rest-info-wrap .rest-info-section.other-feature-section .rest-info-services a,
.restaurant-detail-section .left-detail-wrap .restaurant-detail-tab .tab-content #rest-info .rest-info-wrap .rest-info-section.seating-section .rest-info-services a {
    float: left;
    margin-right: 46px
}

@media (max-width:992px) {
    .restaurant-detail-section .left-detail-wrap .restaurant-detail-tab .tab-content #rest-info .rest-info-wrap .rest-info-section.other-feature-section .rest-info-services a,
    .restaurant-detail-section .left-detail-wrap .restaurant-detail-tab .tab-content #rest-info .rest-info-wrap .rest-info-section.seating-section .rest-info-services a {
        width: 50%;
        margin-right: 0;
        margin-bottom: 20px
    }
}

@media (max-width:640px) {
    .restaurant-detail-section .left-detail-wrap .restaurant-detail-tab .tab-content #rest-info .rest-info-wrap .rest-info-section.other-feature-section .rest-info-services a,
    .restaurant-detail-section .left-detail-wrap .restaurant-detail-tab .tab-content #rest-info .rest-info-wrap .rest-info-section.seating-section .rest-info-services a {
        width: 100%
    }
}

.restaurant-detail-section .left-detail-wrap .restaurant-detail-tab .tab-content #rest-info .rest-info-wrap .rest-info-section.payment-section .rest-info-services a {
    float: left;
    margin-right: 60px;
    margin-bottom: 10px
}

@media (max-width:992px) {
    .restaurant-detail-section .left-detail-wrap .restaurant-detail-tab .tab-content #rest-info .rest-info-wrap .rest-info-section.payment-section .rest-info-services a {
        display: inline-block;
        width: 50%;
        margin-right: 0;
        margin-bottom: 20px
    }
    .restaurant-detail-section .left-detail-wrap .restaurant-detail-tab .tab-content #rest-info .rest-info-wrap .rest-info-section.payment-section .rest-info-services a:nth-child(3n) {
        clear: left
    }
}

@media (max-width:640px) {
    .restaurant-detail-section .left-detail-wrap .restaurant-detail-tab .tab-content #rest-info .rest-info-wrap .rest-info-section.payment-section .rest-info-services a {
        width: 100%
    }
}

.restaurant-detail-section .left-detail-wrap .restaurant-detail-tab .tab-content #reservation .reservation-wrap {
    display: -webkit-flex;
    display: -moz-flex;
    display: flex;
    width: 100%;
    margin-bottom: 22px;
    border: 1px solid #B6B6B6;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.restaurant-detail-section .left-detail-wrap .restaurant-detail-tab .tab-content #reservation .reservation-wrap .left-reservation-tab {
    float: left;
    width: 192px;
    padding: 15px;
    border-right: 1px solid #B6B6B6
}

@media (max-width:640px) {
    .restaurant-detail-section .left-detail-wrap .restaurant-detail-tab .tab-content #reservation .reservation-wrap .left-reservation-tab {
        width: 100%;
        border-right: none;
        border-bottom: 1px solid #B6B6B6
    }
}

.restaurant-detail-section .left-detail-wrap .restaurant-detail-tab .tab-content #reservation .reservation-wrap .left-reservation-tab .reservation-tab-title {
    padding-bottom: 20px;
    border-bottom: 1px solid #B6B6B6;
    font-size: 15px;
    text-transform: uppercase
}

.restaurant-detail-section .left-detail-wrap .restaurant-detail-tab .tab-content #reservation .reservation-wrap .left-reservation-tab ul {
    margin-bottom: 0;
    padding-left: 0;
    border: none;
    list-style-type: none
}

.restaurant-detail-section .left-detail-wrap .restaurant-detail-tab .tab-content #reservation .reservation-wrap .left-reservation-tab ul li {
    position: relative;
    display: inline-block;
    width: 100%;
    border-right: none;
    text-align: left
}

.restaurant-detail-section .left-detail-wrap .restaurant-detail-tab .tab-content #reservation .reservation-wrap .left-reservation-tab ul li a {
    display: inline-block;
    width: 100%;
    padding: 6px 0;
    border-bottom: 1px solid #B6B6B6;
    color: #727272;
    font-size: 14px;
    font-family: "OpenSans Regular"
}

.restaurant-detail-section .left-detail-wrap .restaurant-detail-tab .tab-content #reservation .reservation-wrap .left-reservation-tab ul li.active a {
    color: #F0001E
}

.restaurant-detail-section .left-detail-wrap .restaurant-detail-tab .tab-content #reservation .reservation-wrap .right-reservation-tab {
    float: left;
    padding: 30px 50px;
    width: -webkit-calc(100% - 192px);
    width: -moz-calc(100% - 192px);
    width: calc(100% - 192px)
}

@media (max-width:640px) {
    .restaurant-detail-section .left-detail-wrap .restaurant-detail-tab .tab-content #reservation .reservation-wrap .right-reservation-tab {
        width: 100%;
        padding: 30px
    }
}

.restaurant-detail-section .left-detail-wrap .restaurant-detail-tab .tab-content #reservation .reservation-wrap .right-reservation-tab .breadcrumb-section {
    margin-bottom: 30px
}

.restaurant-detail-section .left-detail-wrap .restaurant-detail-tab .tab-content #reservation .reservation-wrap .right-reservation-tab .breadcrumb-section .breadcrumb {
    padding: 0
}

.restaurant-detail-section .left-detail-wrap .restaurant-detail-tab .tab-content #reservation .reservation-wrap .right-reservation-tab .reservation-form {
    display: inline-block;
    width: 100%
}

.restaurant-detail-section .left-detail-wrap .restaurant-detail-tab .tab-content #reservation .reservation-wrap .right-reservation-tab .reservation-form form .form-group {
    float: left;
    margin-right: 50px;
    margin-bottom: 15px;
    width: -webkit-calc(50% - 25px);
    width: -moz-calc(50% - 25px);
    width: calc(50% - 25px)
}

@media (min-width:993px) and (max-width:1200px) {
    .restaurant-detail-section .left-detail-wrap .restaurant-detail-tab .tab-content #reservation .reservation-wrap .right-reservation-tab .reservation-form form .form-group {
        width: 100%;
        margin-right: 0
    }
}

@media (max-width:767px) {
    .restaurant-detail-section .left-detail-wrap .restaurant-detail-tab .tab-content #reservation .reservation-wrap .right-reservation-tab .reservation-form form .form-group {
        width: 100%;
        margin-right: 0
    }
}

.restaurant-detail-section .left-detail-wrap .restaurant-detail-tab .tab-content #reservation .reservation-wrap .right-reservation-tab .reservation-form form .form-group:nth-child(2n) {
    margin-right: 0
}

.restaurant-detail-section .left-detail-wrap .restaurant-detail-tab .tab-content #reservation .reservation-wrap .right-reservation-tab .reservation-form form .form-group label {
    width: 100%;
    color: #17415F;
    font-size: 13px;
    font-family: "OpenSans SemiBold"
}

.restaurant-detail-section .left-detail-wrap .restaurant-detail-tab .tab-content #reservation .reservation-wrap .right-reservation-tab .reservation-form form .form-group input,
.restaurant-detail-section .left-detail-wrap .restaurant-detail-tab .tab-content #reservation .reservation-wrap .right-reservation-tab .reservation-form form .form-group select {
    width: 100%;
    font-size: 12px
}

.restaurant-detail-section .left-detail-wrap .restaurant-detail-tab .tab-content #reservation .reservation-wrap .right-reservation-tab .reservation-form form .form-group .time-reserved {
    position: relative;
    display: inline-block;
    width: 100%
}

.restaurant-detail-section .left-detail-wrap .restaurant-detail-tab .tab-content #reservation .reservation-wrap .right-reservation-tab .reservation-form form .form-group .time-reserved i {
    position: absolute;
    top: 0;
    right: 0;
    margin-top: 7px;
    margin-right: 10px;
    font-size: 18px
}

.restaurant-detail-section .left-detail-wrap .restaurant-detail-tab .tab-content #reservation .reservation-wrap .right-reservation-tab .reservation-form .personal-details-wrap {
    display: inline-block;
    width: 100%;
    margin-bottom: 40px;
    padding-bottom: 20px;
    border-bottom: 1px solid #B6B6B6
}

.restaurant-detail-section .left-detail-wrap .restaurant-detail-tab .tab-content #reservation .reservation-wrap .right-reservation-tab .reservation-form .car-park-reservation-wrap .reservtaion-btn {
    float: right;
    margin-top: 20px
}

.restaurant-detail-section .left-detail-wrap .restaurant-detail-tab .tab-content #menu .menu-wrap {
    display: inline-block;
    width: 100%;
    margin-bottom: 22px;
    border: 1px solid #B6B6B6
}

.restaurant-detail-section .left-detail-wrap .restaurant-detail-tab .tab-content #menu .menu-wrap .serch-menu-wrap {
    display: inline-block;
    width: 100%;
    padding: 10px 68px;
    border-bottom: 1px solid #B6B6B6
}

@media (max-width:767px) {
    .restaurant-detail-section .left-detail-wrap .restaurant-detail-tab .tab-content #menu .menu-wrap .serch-menu-wrap {
        padding: 10px
    }
}

.restaurant-detail-section .left-detail-wrap .restaurant-detail-tab .tab-content #menu .menu-wrap .serch-menu-wrap .veg-nonveg-checkbox {
    float: left;
    display: inline-block;
    width: 40%;
    margin-top: 6px
}

@media (max-width:640px) {
    .restaurant-detail-section .left-detail-wrap .restaurant-detail-tab .tab-content #menu .menu-wrap .serch-menu-wrap .veg-nonveg-checkbox {
        width: 100%;
        margin-bottom: 10px;
        text-align: center
    }
}

.restaurant-detail-section .left-detail-wrap .restaurant-detail-tab .tab-content #menu .menu-wrap .serch-menu-wrap .veg-nonveg-checkbox .checkbox-icon {
    display: inline-block;
    margin-right: 26px
}

.restaurant-detail-section .left-detail-wrap .restaurant-detail-tab .tab-content #menu .menu-wrap .serch-menu-wrap .veg-nonveg-checkbox .checkbox-icon label {
    margin-bottom: 0;
    color: #727272
}

.restaurant-detail-section .left-detail-wrap .restaurant-detail-tab .tab-content #menu .menu-wrap .serch-menu-wrap .menu-search-box {
    float: right;
    display: inline-block;
    width: 100%;
    text-align: right
}

@media (max-width:640px) {
    .restaurant-detail-section .left-detail-wrap .restaurant-detail-tab .tab-content #menu .menu-wrap .serch-menu-wrap .menu-search-box {
        width: 100%
    }
}

.restaurant-detail-section .left-detail-wrap .restaurant-detail-tab .tab-content #menu .menu-wrap .serch-menu-wrap .menu-search-box input {
    width: 62%;
    margin-right: 20px;
    color: #727272;
}

@media (max-width:480px) {
    .restaurant-detail-section .left-detail-wrap .restaurant-detail-tab .tab-content #menu .menu-wrap .serch-menu-wrap .menu-search-box input {
        width: 100%;
        margin-bottom: 10px
    }
}

.restaurant-detail-section .left-detail-wrap .restaurant-detail-tab .tab-content #menu .menu-wrap .serch-menu-wrap .menu-search-box .search-btn {
    display: inline-block;
    width: 120px;
    padding: 5px;
    background-color: #CE3852;
    color: #FFF;
    font-size: 16px;
    text-align: center;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px
}

@media (max-width:480px) {
    .restaurant-detail-section .left-detail-wrap .restaurant-detail-tab .tab-content #menu .menu-wrap .serch-menu-wrap .menu-search-box .search-btn {
        width: 100%;
        margin-bottom: 10px
    }
}

.restaurant-detail-section .left-detail-wrap .restaurant-detail-tab .tab-content #menu .menu-wrap .menu-categories-wrap {
    display: -webkit-flex;
    display: -moz-flex;
    display: flex;
    width: 100%;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.restaurant-detail-section .left-detail-wrap .restaurant-detail-tab .tab-content #menu .menu-wrap .menu-categories-wrap .categories-list-view,
.restaurant-detail-section .left-detail-wrap .restaurant-detail-tab .tab-content #menu .menu-wrap .menu-categories-wrap .categories-list-view-1 {
    float: left;
    width: 192px;
    padding: 15px;
    border-right: 1px solid #B6B6B6
}

@media (max-width:640px) {
    .restaurant-detail-section .left-detail-wrap .restaurant-detail-tab .tab-content #menu .menu-wrap .menu-categories-wrap .categories-list-view,
    .restaurant-detail-section .left-detail-wrap .restaurant-detail-tab .tab-content #menu .menu-wrap .menu-categories-wrap .categories-list-view-1 {
        width: 100%;
        border-right: none;
        border-bottom: 1px solid #B6B6B6
    }
}

.restaurant-detail-section .left-detail-wrap .restaurant-detail-tab .tab-content #menu .menu-wrap .menu-categories-wrap .categories-list-view .categories-title,
.restaurant-detail-section .left-detail-wrap .restaurant-detail-tab .tab-content #menu .menu-wrap .menu-categories-wrap .categories-list-view-1 .categories-title {
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #B6B6B6;
    text-transform: uppercase
}

.restaurant-detail-section .left-detail-wrap .restaurant-detail-tab .tab-content #menu .menu-wrap .menu-categories-wrap .categories-list-view .categories-list ul,
.restaurant-detail-section .left-detail-wrap .restaurant-detail-tab .tab-content #menu .menu-wrap .menu-categories-wrap .categories-list-view-1 .categories-list ul {
    margin-bottom: 0;
    padding-left: 0;
    list-style-type: none
}

.restaurant-detail-section .left-detail-wrap .restaurant-detail-tab .tab-content #menu .menu-wrap .menu-categories-wrap .categories-list-view .categories-list ul li,
.restaurant-detail-section .left-detail-wrap .restaurant-detail-tab .tab-content #menu .menu-wrap .menu-categories-wrap .categories-list-view-1 .categories-list ul li {
    position: relative;
    display: inline-block;
    width: 100%
}

.restaurant-detail-section .left-detail-wrap .restaurant-detail-tab .tab-content #menu .menu-wrap .menu-categories-wrap .categories-list-view .categories-list ul li a,
.restaurant-detail-section .left-detail-wrap .restaurant-detail-tab .tab-content #menu .menu-wrap .menu-categories-wrap .categories-list-view-1 .categories-list ul li a {
    display: inline-block;
    width: 100%;
    padding: 6px 0;
    border-bottom: 1px solid #B6B6B6;
    color: #000;
    font-size: 13px;
    font-family: "OpenSans Regular"
}

.restaurant-detail-section .left-detail-wrap .restaurant-detail-tab .tab-content #menu .menu-wrap .menu-categories-wrap .categories-list-view .categories-list ul li ul,
.restaurant-detail-section .left-detail-wrap .restaurant-detail-tab .tab-content #menu .menu-wrap .menu-categories-wrap .categories-list-view-1 .categories-list ul li ul {
    display: none;
    padding-left: 10px;
    -webkit-transition: .8s ease;
    -moz-transition: .8s ease;
    -ms-transition: .8s ease;
    transition: .8s ease
}

.restaurant-detail-section .left-detail-wrap .restaurant-detail-tab .tab-content #menu .menu-wrap .menu-categories-wrap .categories-list-view .categories-list ul li ul li .op-nonveg,
.restaurant-detail-section .left-detail-wrap .restaurant-detail-tab .tab-content #menu .menu-wrap .menu-categories-wrap .categories-list-view .categories-list ul li ul li .op-veg,
.restaurant-detail-section .left-detail-wrap .restaurant-detail-tab .tab-content #menu .menu-wrap .menu-categories-wrap .categories-list-view-1 .categories-list ul li ul li .op-nonveg,
.restaurant-detail-section .left-detail-wrap .restaurant-detail-tab .tab-content #menu .menu-wrap .menu-categories-wrap .categories-list-view-1 .categories-list ul li ul li .op-veg {
    padding-left: 30px
}

.restaurant-detail-section .left-detail-wrap .restaurant-detail-tab .tab-content #menu .menu-wrap .menu-categories-wrap .categories-list-view .categories-list ul li.active a,
.restaurant-detail-section .left-detail-wrap .restaurant-detail-tab .tab-content #menu .menu-wrap .menu-categories-wrap .categories-list-view-1 .categories-list ul li.active a {
    color: #F0001E;
    font-family: "OpenSans Bold"
}

.restaurant-detail-section .left-detail-wrap .restaurant-detail-tab .tab-content #menu .menu-wrap .menu-categories-wrap .categories-list-view .categories-list ul li.active ul,
.restaurant-detail-section .left-detail-wrap .restaurant-detail-tab .tab-content #menu .menu-wrap .menu-categories-wrap .categories-list-view-1 .categories-list ul li.active ul {
    display: block
}

.restaurant-detail-section .left-detail-wrap .restaurant-detail-tab .tab-content #menu .menu-wrap .menu-categories-wrap .categories-list-view .categories-list ul li.active ul li a,
.restaurant-detail-section .left-detail-wrap .restaurant-detail-tab .tab-content #menu .menu-wrap .menu-categories-wrap .categories-list-view-1 .categories-list ul li.active ul li a {
    color: #727272;
    font-family: "OpenSans Regular"
}

.restaurant-detail-section .left-detail-wrap .restaurant-detail-tab .tab-content #menu .menu-wrap .menu-categories-wrap .my-order-list-section {
    border: none
}

.restaurant-detail-section .left-detail-wrap .restaurant-detail-tab .tab-content #menu .menu-wrap .menu-categories-wrap .categories-detail-list {
    float: left;
    padding-bottom: 60px;
    width: -webkit-calc(100% - 192px);
    width: -moz-calc(100% - 192px);
    width: calc(100% - 192px)
}

@media (max-width:640px) {
    .restaurant-detail-section .left-detail-wrap .restaurant-detail-tab .tab-content #menu .menu-wrap .menu-categories-wrap .categories-detail-list {
        width: 100%
    }
}

.restaurant-detail-section .left-detail-wrap .restaurant-detail-tab .tab-content #menu .menu-wrap .menu-categories-wrap .categories-detail-list .breadcrumb-section ol li,
.restaurant-detail-section .left-detail-wrap .restaurant-detail-tab .tab-content #menu .menu-wrap .menu-categories-wrap .categories-detail-list .breadcrumb-section ol li a {
    color: #000
}

.restaurant-detail-section .left-detail-wrap .restaurant-detail-tab .tab-content #menu .menu-wrap .menu-categories-wrap .categories-detail-list .breadcrumb-section ol li a:hover {
    color: #C60024
}

.restaurant-detail-section .left-detail-wrap .restaurant-detail-tab .tab-content #menu .menu-wrap .menu-categories-wrap .categories-detail-list .non-veg-list .breadcrumb-section,
.restaurant-detail-section .left-detail-wrap .restaurant-detail-tab .tab-content #menu .menu-wrap .menu-categories-wrap .categories-detail-list .veg-list .breadcrumb-section {
    display: inline-block;
    width: 100%;
    margin-top: 25px;
    margin-bottom: 25px;
    padding-left: 60px
}

@media (max-width:480px) {
    .restaurant-detail-section .left-detail-wrap .restaurant-detail-tab .tab-content #menu .menu-wrap .menu-categories-wrap .categories-detail-list .non-veg-list .order-list-wrap,
    .restaurant-detail-section .left-detail-wrap .restaurant-detail-tab .tab-content #menu .menu-wrap .menu-categories-wrap .categories-detail-list .veg-list .order-list-wrap {
        padding: 0 10px
    }
}

.restaurant-detail-section .left-detail-wrap .restaurant-detail-tab .tab-content #menu .menu-wrap .menu-categories-wrap .categories-detail-list .non-veg-list .order-list-wrap .list-item,
.restaurant-detail-section .left-detail-wrap .restaurant-detail-tab .tab-content #menu .menu-wrap .menu-categories-wrap .categories-detail-list .veg-list .order-list-wrap .list-item {
    margin-top: -1px;
    padding-left: 15px;
    padding-right: 15px;
    border-top: 1px solid #B6B6B6;
    border-right: 1px solid transparent;
    border-bottom: 1px solid #B6B6B6;
    border-left: 1px solid transparent;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    border-radius: 2px
}

@media (max-width:480px) {
    .restaurant-detail-section .left-detail-wrap .restaurant-detail-tab .tab-content #menu .menu-wrap .menu-categories-wrap .categories-detail-list .non-veg-list .order-list-wrap .list-item,
    .restaurant-detail-section .left-detail-wrap .restaurant-detail-tab .tab-content #menu .menu-wrap .menu-categories-wrap .categories-detail-list .veg-list .order-list-wrap .list-item {
        padding-left: 0
    }
}

.restaurant-detail-section .left-detail-wrap .restaurant-detail-tab .tab-content #menu .menu-wrap .menu-categories-wrap .categories-detail-list .non-veg-list .order-list-wrap .list-item:hover,
.restaurant-detail-section .left-detail-wrap .restaurant-detail-tab .tab-content #menu .menu-wrap .menu-categories-wrap .categories-detail-list .veg-list .order-list-wrap .list-item:hover {
    border: 1px solid #B6B6B6;
    background-color: #FCFCFC;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    border-radius: 2px
}

.restaurant-detail-section .left-detail-wrap .restaurant-detail-tab .tab-content #menu .menu-wrap .menu-categories-wrap .categories-detail-list .non-veg-list .order-list-wrap .list-item .item-name,
.restaurant-detail-section .left-detail-wrap .restaurant-detail-tab .tab-content #menu .menu-wrap .menu-categories-wrap .categories-detail-list .veg-list .order-list-wrap .list-item .item-name {
    padding-left: 25px;
    width: -webkit-calc(100% - 275px);
    width: -moz-calc(100% - 275px);
    width: calc(100% - 275px)
}

@media (max-width:1200px) {
    .restaurant-detail-section .left-detail-wrap .restaurant-detail-tab .tab-content #menu .menu-wrap .menu-categories-wrap .categories-detail-list .non-veg-list .order-list-wrap .list-item .item-name,
    .restaurant-detail-section .left-detail-wrap .restaurant-detail-tab .tab-content #menu .menu-wrap .menu-categories-wrap .categories-detail-list .veg-list .order-list-wrap .list-item .item-name {
        width: 100%;
        margin-bottom: 15px
    }
}

.restaurant-detail-section .left-detail-wrap .restaurant-detail-tab .tab-content #menu .menu-wrap .menu-categories-wrap .categories-detail-list .non-veg-list .order-list-wrap .list-item .item-name a,
.restaurant-detail-section .left-detail-wrap .restaurant-detail-tab .tab-content #menu .menu-wrap .menu-categories-wrap .categories-detail-list .veg-list .order-list-wrap .list-item .item-name a {
    color: #292929;
    font-size: 16px
}

.restaurant-detail-section .left-detail-wrap .restaurant-detail-tab .tab-content #menu .menu-wrap .menu-categories-wrap .categories-detail-list .non-veg-list .order-list-wrap .list-item .item-name .menu-ingredients,
.restaurant-detail-section .left-detail-wrap .restaurant-detail-tab .tab-content #menu .menu-wrap .menu-categories-wrap .categories-detail-list .veg-list .order-list-wrap .list-item .item-name .menu-ingredients {
    font-size: 12px
}

.restaurant-detail-section .left-detail-wrap .restaurant-detail-tab .tab-content #menu .menu-wrap .menu-categories-wrap .categories-detail-list .non-veg-list .order-list-wrap .list-item .categories-order-details,
.restaurant-detail-section .left-detail-wrap .restaurant-detail-tab .tab-content #menu .menu-wrap .menu-categories-wrap .categories-detail-list .veg-list .order-list-wrap .list-item .categories-order-details {
    width: 100%;
    text-align: right;
    padding-top: 12px;
}

@media (max-width:1200px) {
    .restaurant-detail-section .left-detail-wrap .restaurant-detail-tab .tab-content #menu .menu-wrap .menu-categories-wrap .categories-detail-list .non-veg-list .order-list-wrap .list-item .categories-order-details,
    .restaurant-detail-section .left-detail-wrap .restaurant-detail-tab .tab-content #menu .menu-wrap .menu-categories-wrap .categories-detail-list .veg-list .order-list-wrap .list-item .categories-order-details {
        width: 100%;
        text-align: right;
        padding-top: 12px;
    }
}

.restaurant-detail-section .left-detail-wrap .restaurant-detail-tab .tab-content #menu .menu-wrap .menu-categories-wrap .categories-detail-list .non-veg-list .order-list-wrap .list-item .categories-order-details .total-order-item,
.restaurant-detail-section .left-detail-wrap .restaurant-detail-tab .tab-content #menu .menu-wrap .menu-categories-wrap .categories-detail-list .veg-list .order-list-wrap .list-item .categories-order-details .total-order-item {
    float: left;
    width: 115px
}

@media (max-width:1200px) {
    .restaurant-detail-section .left-detail-wrap .restaurant-detail-tab .tab-content #menu .menu-wrap .menu-categories-wrap .categories-detail-list .non-veg-list .order-list-wrap .list-item .categories-order-details .total-order-item,
    .restaurant-detail-section .left-detail-wrap .restaurant-detail-tab .tab-content #menu .menu-wrap .menu-categories-wrap .categories-detail-list .veg-list .order-list-wrap .list-item .categories-order-details .total-order-item {
        float: none
    }
}

@media (max-width:480px) {
    .restaurant-detail-section .left-detail-wrap .restaurant-detail-tab .tab-content #menu .menu-wrap .menu-categories-wrap .categories-detail-list .non-veg-list .order-list-wrap .list-item .item-name,
    .restaurant-detail-section .left-detail-wrap .restaurant-detail-tab .tab-content #menu .menu-wrap .menu-categories-wrap .categories-detail-list .veg-list .order-list-wrap .list-item .item-name {
        padding-left: 26px
    }
    .restaurant-detail-section .left-detail-wrap .restaurant-detail-tab .tab-content #menu .menu-wrap .menu-categories-wrap .categories-detail-list .non-veg-list .order-list-wrap .list-item .item-name::before,
    .restaurant-detail-section .left-detail-wrap .restaurant-detail-tab .tab-content #menu .menu-wrap .menu-categories-wrap .categories-detail-list .veg-list .order-list-wrap .list-item .item-name::before {
        margin-left: 4px
    }
    .restaurant-detail-section .left-detail-wrap .restaurant-detail-tab .tab-content #menu .menu-wrap .menu-categories-wrap .categories-detail-list .non-veg-list .order-list-wrap .list-item .categories-order-details,
    .restaurant-detail-section .left-detail-wrap .restaurant-detail-tab .tab-content #menu .menu-wrap .menu-categories-wrap .categories-detail-list .veg-list .order-list-wrap .list-item .categories-order-details {
        text-align: left;
        padding-left: 26px
    }
    .restaurant-detail-section .left-detail-wrap .restaurant-detail-tab .tab-content #menu .menu-wrap .menu-categories-wrap .categories-detail-list .non-veg-list .order-list-wrap .list-item .categories-order-details .list-detail-btn,
    .restaurant-detail-section .left-detail-wrap .restaurant-detail-tab .tab-content #menu .menu-wrap .menu-categories-wrap .categories-detail-list .veg-list .order-list-wrap .list-item .categories-order-details .list-detail-btn {
        margin-top: 10px
    }
    .restaurant-detail-section .left-detail-wrap .restaurant-detail-tab .tab-content #menu .menu-wrap .menu-categories-wrap .categories-detail-list .non-veg-list .order-list-wrap .list-item .categories-order-details .total-order-item,
    .restaurant-detail-section .left-detail-wrap .restaurant-detail-tab .tab-content #menu .menu-wrap .menu-categories-wrap .categories-detail-list .veg-list .order-list-wrap .list-item .categories-order-details .total-order-item {
        width: 90px;
        text-align: left
    }
}

.restaurant-detail-section .left-detail-wrap .restaurant-detail-tab .tab-content #menu .menu-wrap .menu-categories-wrap .categories-detail-list .non-veg-list .order-list-wrap .list-item .categories-order-details .item-total-price,
.restaurant-detail-section .left-detail-wrap .restaurant-detail-tab .tab-content #menu .menu-wrap .menu-categories-wrap .categories-detail-list .veg-list .order-list-wrap .list-item .categories-order-details .item-total-price {
    float: left;
    width: 65px;
    padding-top: 4px;
    text-align: center
}

@media (max-width:1200px) {
    .restaurant-detail-section .left-detail-wrap .restaurant-detail-tab .tab-content #menu .menu-wrap .menu-categories-wrap .categories-detail-list .non-veg-list .order-list-wrap .list-item .categories-order-details .item-total-price,
    .restaurant-detail-section .left-detail-wrap .restaurant-detail-tab .tab-content #menu .menu-wrap .menu-categories-wrap .categories-detail-list .veg-list .order-list-wrap .list-item .categories-order-details .item-total-price {
        float: none
    }
}

.restaurant-detail-section .left-detail-wrap .restaurant-detail-tab .tab-content #menu .menu-wrap .menu-categories-wrap .categories-detail-list .non-veg-list .order-list-wrap .list-item .categories-order-details .list-detail-btn,
.restaurant-detail-section .left-detail-wrap .restaurant-detail-tab .tab-content #menu .menu-wrap .menu-categories-wrap .categories-detail-list .veg-list .order-list-wrap .list-item .categories-order-details .list-detail-btn {
    float: left;
    display: inline-block;
    width: 95px
}

@media (max-width:1200px) {
    .restaurant-detail-section .left-detail-wrap .restaurant-detail-tab .tab-content #menu .menu-wrap .menu-categories-wrap .categories-detail-list .non-veg-list .order-list-wrap .list-item .categories-order-details .list-detail-btn,
    .restaurant-detail-section .left-detail-wrap .restaurant-detail-tab .tab-content #menu .menu-wrap .menu-categories-wrap .categories-detail-list .veg-list .order-list-wrap .list-item .categories-order-details .list-detail-btn {
        float: right
    }
}

.restaurant-detail-section .left-detail-wrap .restaurant-detail-tab .tab-content #menu .menu-wrap .menu-categories-wrap .categories-detail-list .non-veg-list .order-list-wrap .list-item .categories-order-details .list-detail-btn .comment-images,
.restaurant-detail-section .left-detail-wrap .restaurant-detail-tab .tab-content #menu .menu-wrap .menu-categories-wrap .categories-detail-list .veg-list .order-list-wrap .list-item .categories-order-details .list-detail-btn .comment-images {
    float: left;
    margin-right: 10px
}

.restaurant-detail-section .left-detail-wrap .restaurant-detail-tab .tab-content #menu .menu-wrap .menu-categories-wrap .categories-detail-list .non-veg-list .order-list-wrap .list-item .categories-order-details .list-detail-btn .comment-images a,
.restaurant-detail-section .left-detail-wrap .restaurant-detail-tab .tab-content #menu .menu-wrap .menu-categories-wrap .categories-detail-list .veg-list .order-list-wrap .list-item .categories-order-details .list-detail-btn .comment-images a {
    display: inline-block
}

.restaurant-detail-section .left-detail-wrap .restaurant-detail-tab .tab-content #menu .menu-wrap .menu-categories-wrap .categories-detail-list .non-veg-list .order-list-wrap .list-item .categories-order-details .list-detail-btn .comment-images a img,
.restaurant-detail-section .left-detail-wrap .restaurant-detail-tab .tab-content #menu .menu-wrap .menu-categories-wrap .categories-detail-list .veg-list .order-list-wrap .list-item .categories-order-details .list-detail-btn .comment-images a img {
    height: auto;
    width: 35px
}

.restaurant-detail-section .left-detail-wrap .restaurant-detail-tab .tab-content #menu .menu-wrap .menu-categories-wrap .categories-detail-list .non-veg-list .order-list-wrap .list-item .categories-order-details .list-detail-btn .add-btn,
.restaurant-detail-section .left-detail-wrap .restaurant-detail-tab .tab-content #menu .menu-wrap .menu-categories-wrap .categories-detail-list .veg-list .order-list-wrap .list-item .categories-order-details .list-detail-btn .add-btn {
    display: inline-block;
    padding: 6px 12px;
    border: none;
    background-color: #DB1300;
    color: #FFF;
    font-size: 13px;
    font-family: "OpenSans SemiBold"
}

.restaurant-detail-section .left-detail-wrap .restaurant-detail-tab .tab-content #gallery .gallery-wrap {
    display: inline-block;
    width: 100%;
    margin-bottom: 22px;
    padding: 40px;
    border: 1px solid #B6B6B6;
    font-family: "OpenSans light"
}

.restaurant-detail-section .left-detail-wrap .restaurant-detail-tab .tab-content #gallery .gallery-wrap #slider {
    position: relative;
    display: inline-block;
    width: 100%;
    margin-bottom: 30px
}

.restaurant-detail-section .left-detail-wrap .restaurant-detail-tab .tab-content #gallery .gallery-wrap #slider .item {
    display: inline-block;
    width: 100%;
    border: 10px solid #F9F9F9
}

.restaurant-detail-section .left-detail-wrap .restaurant-detail-tab .tab-content #gallery .gallery-wrap #slider .owl-controls .owl-nav .owl-next,
.restaurant-detail-section .left-detail-wrap .restaurant-detail-tab .tab-content #gallery .gallery-wrap #slider .owl-controls .owl-nav .owl-prev {
    height: 26px;
    width: 13px;
    margin-left: -24px
}

.restaurant-detail-section .left-detail-wrap .restaurant-detail-tab .tab-content #gallery .gallery-wrap #slider .owl-controls .owl-nav .owl-next {
    margin-right: -24px
}

.restaurant-detail-section .left-detail-wrap .restaurant-detail-tab .tab-content #gallery .gallery-wrap #slider .owl-controls .owl-dots {
    position: absolute;
    top: auto;
    bottom: 0;
    display: inline-block;
    width: 100%;
    margin-bottom: 18px
}

.restaurant-detail-section .left-detail-wrap .restaurant-detail-tab .tab-content #gallery .gallery-wrap #slider .owl-controls .owl-dots .owl-dot.active span {
    border: 1px solid #F6F6F6;
    background-color: #C60024
}

.restaurant-detail-section .left-detail-wrap .restaurant-detail-tab .tab-content #gallery .gallery-wrap #slider .owl-controls .owl-dots .owl-dot span {
    height: 7px;
    width: 7px;
    margin: 2px;
    background-color: #F6F6F6
}

.restaurant-detail-section .left-detail-wrap .restaurant-detail-tab .tab-content #gallery .gallery-wrap .thumbnail-slider-container #thumbnailSlider .item {
    border: 5px solid #F9F9F9
}

.restaurant-detail-section .left-detail-wrap .restaurant-detail-tab .tab-content #review .review-list-view {
    display: inline-block;
    width: 100%;
    margin-bottom: 22px;
    padding: 30px 25px;
    border: 1px solid #B6B6B6;
    font-family: "OpenSans light"
}

.restaurant-detail-section .left-detail-wrap .restaurant-detail-tab .tab-content #review .review-list-view .reviewer-list {
    display: inline-block;
    width: 100%;
    margin-bottom: 48px;
    padding-bottom: 40px;
    border-bottom: 1px solid #B6B6B6
}

.restaurant-detail-section .left-detail-wrap .restaurant-detail-tab .tab-content #review .review-list-view .reviewer-list:last-child,
.restaurant-detail-section .left-detail-wrap .restaurant-detail-tab .tab-content #review .review-list-view .reviewer-list:nth-last-child(2) {}

.restaurant-detail-section .left-detail-wrap .restaurant-detail-tab .tab-content #review .review-list-view .reviewer-list .reviewer-profile-section {
    float: left;
    width: 80px;
    text-align: center
}

@media (max-width:640px) {
    .restaurant-detail-section .left-detail-wrap .restaurant-detail-tab .tab-content #review .review-list-view .reviewer-list .reviewer-profile-section {
        width: 100%
    }
}

.restaurant-detail-section .left-detail-wrap .restaurant-detail-tab .tab-content #review .review-list-view .reviewer-list .reviewer-profile-section .reviewer-image {
    margin-bottom: 10px
}

.restaurant-detail-section .left-detail-wrap .restaurant-detail-tab .tab-content #review .review-list-view .reviewer-list .reviewer-profile-section .reviewer-name {
    margin-bottom: 3px;
    font-size: 13px
}

.restaurant-detail-section .left-detail-wrap .restaurant-detail-tab .tab-content #review .review-list-view .reviewer-list .reviewer-profile-section .review-date {
    font-size: 11px
}

.restaurant-detail-section .left-detail-wrap .restaurant-detail-tab .tab-content #review .review-list-view .reviewer-list .reviewer-comment-section {
    float: left;
    padding-left: 30px;
    width: -webkit-calc(100% - 80px);
    width: -moz-calc(100% - 80px);
    width: calc(100% - 80px)
}

@media (max-width:640px) {
    .restaurant-detail-section .left-detail-wrap .restaurant-detail-tab .tab-content #review .review-list-view .reviewer-list .reviewer-comment-section {
        padding-right: 0;
        width: 100%;
        margin-bottom: 16px;
        padding-left: 0
    }
}

.restaurant-detail-section .left-detail-wrap .restaurant-detail-tab .tab-content #review .review-list-view .reviewer-list .reviewer-comment-section .review-header {
    display: inline-block;
    width: 100%
}

.restaurant-detail-section .left-detail-wrap .restaurant-detail-tab .tab-content #review .review-list-view .reviewer-list .reviewer-comment-section .review-header .review-comment-rate-wrapper {
    float: left;
    width: 60%
}

.restaurant-detail-section .left-detail-wrap .restaurant-detail-tab .tab-content #review .review-list-view .reviewer-list .reviewer-comment-section .review-header .review-comment-rate-wrapper .reviewer-comment-title {
    margin-bottom: 10px;
    font-size: 22px;
    font-family: "OpenSans SemiBold"
}

.restaurant-detail-section .left-detail-wrap .restaurant-detail-tab .tab-content #review .review-list-view .reviewer-list .reviewer-comment-section .review-header .review-comment-rate-wrapper .reviewer-rating {
    display: inline-block;
    width: 100%;
    margin-bottom: 10px
}

@media (max-width:1200px) {
    .restaurant-detail-section .left-detail-wrap .restaurant-detail-tab .tab-content #review .review-list-view .reviewer-list .reviewer-comment-section .review-header .review-comment-rate-wrapper {
        width: 100%
    }
    .restaurant-detail-section .left-detail-wrap .restaurant-detail-tab .tab-content #review .review-list-view .reviewer-list .reviewer-comment-section .review-header .review-comment-rate-wrapper .reviewer-rating {
        margin-bottom: 0
    }
}

.restaurant-detail-section .left-detail-wrap .restaurant-detail-tab .tab-content #review .review-list-view .reviewer-list .reviewer-comment-section .review-header .review-comment-rate-wrapper .reviewer-rating .reviewer-rate {
    float: left;
    margin-top: 0px;
    margin-right: 6px;
    font-size: 16px
}

.restaurant-detail-section .left-detail-wrap .restaurant-detail-tab .tab-content #review .review-list-view .reviewer-list .reviewer-comment-section .review-header .review-comment-rate-wrapper .reviewer-rating .reviewer-star {
    float: left
}

.restaurant-detail-section .left-detail-wrap .restaurant-detail-tab .tab-content #review .review-list-view .reviewer-list .reviewer-comment-section .review-header .reviewer-share-section {
    position: relative;
    float: left;
    width: 40%;
    text-align: right
}

@media (max-width:1200px) {
    .restaurant-detail-section .left-detail-wrap .restaurant-detail-tab .tab-content #review .review-list-view .reviewer-list .reviewer-comment-section .review-header .reviewer-share-section {
        width: 100%;
        margin-bottom: 10px
    }
}

.restaurant-detail-section .left-detail-wrap .restaurant-detail-tab .tab-content #review .review-list-view .reviewer-list .reviewer-comment-section .review-header .reviewer-share-section .share-with-text {
    padding-right: 16px;
    font-size: 13px
}

.restaurant-detail-section .left-detail-wrap .restaurant-detail-tab .tab-content #review .review-list-view .reviewer-list .reviewer-comment-section .review-header .reviewer-share-section .share-icon-wrap a,
.restaurant-detail-section .left-detail-wrap .restaurant-detail-tab .tab-content #review .review-list-view .reviewer-list .reviewer-comment-section .review-header .reviewer-share-section .share-social-media a {
    display: inline-block;
    height: 30px;
    width: 30px;
    margin-left: 4px;
    padding-top: 7px;
    background-color: #5DA8F3;
    color: #FFF;
    font-size: 18px;
    text-align: center;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    border-radius: 100%
}

.restaurant-detail-section .left-detail-wrap .restaurant-detail-tab .tab-content #review .review-list-view .reviewer-list .reviewer-comment-section .review-header .reviewer-share-section .share-icon-wrap {
    display: inline-block;
    margin-top: 6px
}

.restaurant-detail-section .left-detail-wrap .restaurant-detail-tab .tab-content #review .review-list-view .reviewer-list .reviewer-comment-section .review-header .reviewer-share-section .share-icon-wrap a.share-icon {
    margin-bottom: 0;
    background-color: #22B101
}

.restaurant-detail-section .left-detail-wrap .restaurant-detail-tab .tab-content #review .review-list-view .reviewer-list .reviewer-comment-section .review-header .reviewer-share-section .share-icon-wrap .share-social-icon {
    float: left
}

.restaurant-detail-section .left-detail-wrap .restaurant-detail-tab .tab-content #review .review-list-view .reviewer-list .reviewer-comment-section .review-header .reviewer-share-section .share-social-media {
    position: absolute;
    top: 24px;
    right: 0;
    display: inline-block;
    height: 30px;
    width: 68px;
    margin-right: 34px;
    overflow: hidden;
    -webkit-transition: all .5s ease 0s;
    -moz-transition: all .5s ease 0s;
    -ms-transition: all .5s ease 0s;
    transition: all .5s ease 0s
}

.restaurant-detail-section .left-detail-wrap .restaurant-detail-tab .tab-content #review .review-list-view .reviewer-list .reviewer-comment-section .review-header .reviewer-share-section .share-social-media .share-social-icon {
    float: left;
    display: inline-block
}

.restaurant-detail-section .left-detail-wrap .restaurant-detail-tab .tab-content #review .review-list-view .reviewer-list .reviewer-comment-section .review-header .reviewer-share-section .share-social-media .share-social-icon a.facebook-share-icon {
    background-color: #44509B
}

.restaurant-detail-section .left-detail-wrap .restaurant-detail-tab .tab-content #review .review-list-view .reviewer-list .reviewer-comment-section .review-header .reviewer-share-section .share-social-media .share-social-icon a.pinterest-share-icon {
    background-color: #C60024
}

.restaurant-detail-section .left-detail-wrap .restaurant-detail-tab .tab-content #review .review-list-view .reviewer-list .reviewer-comment-section .review-header .reviewer-share-section .share-social-media .share-social-icon a.linkedin-share-icon {
    background-color: #007AB6
}

.restaurant-detail-section .left-detail-wrap .restaurant-detail-tab .tab-content #review .review-list-view .reviewer-list .reviewer-comment-section .review-header .reviewer-share-section .share-social-media .share-social-icon a.gplus-share-icon {
    background-color: #FB1835
}

.restaurant-detail-section .left-detail-wrap .restaurant-detail-tab .tab-content #review .review-list-view .reviewer-list .reviewer-comment-section .review-header .reviewer-share-section .share-social-media .share-social-icon a.envelope-share-icon {
    background-color: #727272
}

.restaurant-detail-section .left-detail-wrap .restaurant-detail-tab .tab-content #review .review-list-view .reviewer-list .reviewer-comment-section .review-header .toggle-social-class .share-social-media {
    display: inline-block;
    width: 205px
}

.restaurant-detail-section .left-detail-wrap .restaurant-detail-tab .tab-content #review .review-list-view .reviewer-list .reviewer-comment-section .comment-details {
    display: inline-block;
    width: 100%;
    line-height: 20px
}

.restaurant-detail-section .left-detail-wrap .restaurant-detail-tab .tab-content #review .review-list-view .more-review {
    display: inline-block;
    width: 100%;
    margin-top: 30px;
    text-align: center
}

.restaurant-detail-section .left-detail-wrap .restaurant-detail-tab .tab-content #review .review-list-view .more-review a {
    display: inline-block;
    padding: 10px 30px;
    border: 1px solid #B6B6B6;
    color: #8B8B8B;
    font-family: "OpenSans Regular";
    background: #fff;
    background: -webkit-linear-gradient(top, #fff 0, #f4f4f4 100%);
    background: -moz-linear-gradient(top, #fff 0, #f4f4f4 100%);
    background: linear-gradient(to bottom, #fff 0, #f4f4f4 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='$top', endColorstr='$bottom', GradientType=0);
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    -ms-border-radius: 25px;
    border-radius: 25px
}

.restaurant-detail-section .left-detail-wrap .restaurant-detail-tab .tab-content #review .review-list-view .more-review a:hover {
    background: #8B8B8B;
    color: #FFF
}

.restaurant-detail-section .left-detail-wrap .restaurant-detail-tab .tab-content #review .add-new-reviewer-comment .reviewer-list .add-comment-section {
    float: left;
    padding-left: 30px;
    width: -webkit-calc(100% - 80px);
    width: -moz-calc(100% - 80px);
    width: calc(100% - 80px)
}

.restaurant-detail-section .left-detail-wrap .restaurant-detail-tab .tab-content #review .add-new-reviewer-comment .reviewer-list .add-comment-section .add-comment-terms {
    margin-bottom: 10px;
    color: #8B8B8B;
    font-size: 22px;
    font-family: "OpenSans SemiBold"
}

@media (max-width:640px) {
    .restaurant-detail-section .left-detail-wrap .restaurant-detail-tab .tab-content #review .add-new-reviewer-comment .reviewer-list .add-comment-section {
        width: 100%;
        margin-top: 16px;
        padding-left: 0
    }
    .restaurant-detail-section .left-detail-wrap .restaurant-detail-tab .tab-content #review .add-new-reviewer-comment .reviewer-list .add-comment-section .add-comment-terms {
        font-size: 20px
    }
}

.restaurant-detail-section .left-detail-wrap .restaurant-detail-tab .tab-content #review .add-new-reviewer-comment .reviewer-list .add-comment-section .add-comment-form {
    display: inline-block;
    width: 100%;
    margin-top: 12px
}

.restaurant-detail-section .left-detail-wrap .restaurant-detail-tab .tab-content #review .add-new-reviewer-comment .reviewer-list .add-comment-section .add-comment-form input,
.restaurant-detail-section .left-detail-wrap .restaurant-detail-tab .tab-content #review .add-new-reviewer-comment .reviewer-list .add-comment-section .add-comment-form textarea {
    width: 100%;
    margin-bottom: 20px;
    color: #B6B6B6;
    font-size: 12px
}

.restaurant-detail-section .left-detail-wrap .restaurant-detail-tab .tab-content #review .add-new-reviewer-comment .reviewer-list .add-comment-section .add-comment-form input::-webkit-input-placeholder,
.restaurant-detail-section .left-detail-wrap .restaurant-detail-tab .tab-content #review .add-new-reviewer-comment .reviewer-list .add-comment-section .add-comment-form textarea::-webkit-input-placeholder {
    color: #B6B6B6
}

.restaurant-detail-section .left-detail-wrap .restaurant-detail-tab .tab-content #review .add-new-reviewer-comment .reviewer-list .add-comment-section .add-comment-form input::-moz-placeholder,
.restaurant-detail-section .left-detail-wrap .restaurant-detail-tab .tab-content #review .add-new-reviewer-comment .reviewer-list .add-comment-section .add-comment-form textarea::-moz-placeholder {
    color: #B6B6B6
}

.restaurant-detail-section .left-detail-wrap .restaurant-detail-tab .tab-content #review .add-new-reviewer-comment .reviewer-list .add-comment-section .add-comment-form input:-ms-input-placeholder,
.restaurant-detail-section .left-detail-wrap .restaurant-detail-tab .tab-content #review .add-new-reviewer-comment .reviewer-list .add-comment-section .add-comment-form textarea:-ms-input-placeholder {
    color: #B6B6B6
}

.restaurant-detail-section .left-detail-wrap .restaurant-detail-tab .tab-content #review .add-new-reviewer-comment .reviewer-list .add-comment-section .add-comment-form textarea {
    min-height: 182px;
    padding-top: 10px
}

.restaurant-detail-section .left-detail-wrap .restaurant-detail-tab .tab-content #review .add-new-reviewer-comment .reviewer-list .add-comment-section .add-comment-form .comment-button {
    display: inline-block;
    width: 100%;
    text-align: right
}

.restaurant-detail-section .left-detail-wrap .restaurant-detail-tab .tab-content #review .add-new-reviewer-comment .reviewer-list .add-comment-section .add-comment-form .comment-button a {
    display: inline-block;
    margin-right: 10px;
    padding: 12px 36px;
    background-color: #C1001B;
    color: #FFF;
    font-size: 14px;
    text-transform: uppercase;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    border-radius: 2px
}

.restaurant-detail-section .left-detail-wrap .restaurant-detail-tab .tab-content #review .add-new-reviewer-comment .reviewer-list .add-comment-section .add-comment-form .comment-button a.cancel-btn {
    margin-right: 0;
    background-color: #9F9F9F
}

.restaurant-detail-section .left-detail-wrap .rest-info-ad {
    display: inline-block;
    width: 100%;
    padding: 30px;
    border: 1px solid #B6B6B6;
    background-color: #F0F0F0;
    text-align: center
}

.restaurant-detail-section .left-detail-wrap .rest-info-ad p {
    margin: 0;
    color: #B6B6B6;
    font-size: 40px;
    text-transform: uppercase
}

@media (max-width:480px) {
    .restaurant-detail-section .left-detail-wrap .rest-info-ad p {
        font-size: 20px
    }
}

.restaurant-detail-section .left-detail-wrap .rest-info-video {
    display: inline-block;
    width: 100%
}

.restaurant-detail-section .left-detail-wrap .rest-info-video .video-listing {
    float: left;
    width: 70%;
    margin-top: 70px
}

@media (max-width:767px) {
    .restaurant-detail-section .left-detail-wrap .rest-info-video .video-listing {
        width: 100%
    }
}

.restaurant-detail-section .left-detail-wrap .rest-info-video .video-listing h2 {
    margin-top: 0;
    margin-bottom: 36px;
    font-size: 26px
}

.restaurant-detail-section .left-detail-wrap .rest-info-video .video-listing .video-list {
    display: inline-block;
    width: 100%
}

.restaurant-detail-section .left-detail-wrap .rest-info-video .video-listing .video-list .video-grid {
    display: inline-block;
    margin-right: 20px;
    margin-bottom: 12px
}

.restaurant-detail-section .left-detail-wrap .rest-info-video .video-listing .video-list .video-grid .video-title {
    padding: 10px;
    background-color: #F0F0F0;
    font-size: 14px;
    font-family: "OpenSans Bold";
    text-align: center;
    text-transform: uppercase
}

.restaurant-detail-section .left-detail-wrap .rest-info-video .presenting-dish-video {
    float: left;
    width: 30%
}

@media (max-width:767px) {
    .restaurant-detail-section .left-detail-wrap .rest-info-video .presenting-dish-video {
        width: 100%
    }
}

.restaurant-detail-section .left-detail-wrap .rest-info-video .presenting-dish-video h2 {
    font-size: 26px;
    line-height: 30px;
    font-family: "OpenSans SemiBold";
    text-transform: uppercase
}

.restaurant-detail-section .left-detail-wrap .rest-info-video .presenting-dish-video h2 span {
    color: #D04800;
    line-height: 30px
}

.restaurant-detail-section .right-detail-wrap {
    float: left;
    margin-left: 40px;
    width: -webkit-calc(35% - 40px);
    width: -moz-calc(35% - 40px);
    width: calc(35% - 40px)
}

@media (max-width:992px) {
    .restaurant-detail-section .right-detail-wrap {
        width: 100%;
        margin-top: 20px;
        margin-left: 0
    }
}

.restaurant-detail-section .right-detail-wrap .map-direction-wrap {
    display: inline-block;
    width: 100%;
    margin-bottom: 36px
}

.restaurant-detail-section .right-detail-wrap .map-direction-wrap .map-direction-btn {
    display: inline-block;
    width: 100%;
    margin-bottom: 20px
}

.restaurant-detail-section .right-detail-wrap .map-direction-wrap .map-direction-btn a {
    float: left;
    margin-right: 18px;
    text-align: center;
    width: -webkit-calc(50% - 9px);
    width: -moz-calc(50% - 9px);
    width: calc(50% - 9px)
}

.restaurant-detail-section .right-detail-wrap .map-direction-wrap .map-direction-btn a:last-child {
    margin-right: 0
}

.restaurant-detail-section .right-detail-wrap .map-direction-wrap .map-direction-btn a.active {
    color: #DB1300;
    border-color: #DB1300;
    background-color: #FFF;
    font-family: "OpenSans Bold"
}

.restaurant-detail-section .right-detail-wrap .map-direction-wrap .search-map {
    display: inline-block;
    width: 100%
}

.restaurant-detail-section .right-detail-wrap .map-direction-wrap .search-map img {
    width: 100%
}

.restaurant-detail-section .right-detail-wrap .my-order-list-section {
    display: inline-block;
    width: 100%;
    margin-bottom: 36px;
    border: 1px solid #B6B6B6;
    color: #727272
}

.restaurant-detail-section .right-detail-wrap .my-order-list-section .my-order-header-wrap {
    display: inline-block;
    width: 100%;
    padding: 10px 20px;
    border-bottom: 1px solid #B6B6B6
}

.restaurant-detail-section .right-detail-wrap .my-order-list-section .my-order-header-wrap .my-order-title {
    float: left;
    margin-top: 4px;
    font-size: 18px;
    text-transform: uppercase
}

.restaurant-detail-section .right-detail-wrap .my-order-list-section .my-order-header-wrap a.order-cart-item-wrap {
    float: right
}

.restaurant-detail-section .right-detail-wrap .my-order-list-section .my-order-header-wrap .my-order-cart {
    position: relative;
    float: right;
    display: inline-block;
    height: 29px;
    width: 29px;
    background-image: url(../images/add-to-cart-checkout.png);
    background-repeat: no-repeat;
    background-size: 100% auto
}

.restaurant-detail-section .right-detail-wrap .my-order-list-section .order-list-wrap {
    padding: 0px
}

.restaurant-detail-section .right-detail-wrap .my-order-list-section .order-list-wrap .list-item .total-order-item {
    width: 100px
}

@media (max-width:480px) {
    .restaurant-detail-section .right-detail-wrap .my-order-list-section .order-list-wrap .list-item .total-order-item {
        width: -webkit-calc(100% - 135px);
        width: -moz-calc(100% - 135px);
        width: calc(100% - 135px)
    }
}

@media (max-width:1200px) and (min-width:993px) {
    .restaurant-detail-section .right-detail-wrap .my-order-list-section .order-list-wrap .list-item .item-name {
        width: 100%;
        margin-bottom: 6px
    }
}

.restaurant-detail-section .right-detail-wrap .my-order-list-section .order-list-wrap .list-item .item-name .op-icon {
    margin-bottom: 0;
    padding-left: 20px
}

.restaurant-detail-section .right-detail-wrap .my-order-list-section .order-list-wrap .list-item .item-total-price {
    width: 48px;
    padding: 5px 0
}

@media (max-width:1200px) and (min-width:993px) {
    .restaurant-detail-section .right-detail-wrap .my-order-list-section .order-list-wrap .list-item .item-total-price {
        width: 100%;
        margin-bottom: 6px
    }
}

@media (max-width:480px) {
    .restaurant-detail-section .right-detail-wrap .my-order-list-section .order-list-wrap .list-item .item-total-price {
        width: 75px;
        text-align: center
    }
}

.restaurant-detail-section .right-detail-wrap .my-order-list-section .order-list-wrap .list-item .comment-images {
    display: inline-block;
    width: 22px;
    padding: 5px 0;
    text-align: right
}

@media (max-width:1200px) and (min-width:993px) {
    .restaurant-detail-section .right-detail-wrap .my-order-list-section .order-list-wrap .list-item .comment-images {
        width: 100%;
        margin-bottom: 6px
    }
}

@media (max-width:480px) {
    .restaurant-detail-section .right-detail-wrap .my-order-list-section .order-list-wrap .list-item .comment-images {
        width: 46px
    }
}

.restaurant-detail-section .right-detail-wrap .my-order-list-section .order-list-wrap .list-item .comment-images a {
    display: inline-block;
    width: 22px
}

.restaurant-detail-section .right-detail-wrap .my-order-list-section .order-total-list-wrap {
    display: inline-block;
    width: 100%;
    padding: 20px 0;
    border-top: 5px solid #F0F0F0;
    background-color: #F6F6F6
}

.restaurant-detail-section .right-detail-wrap .my-order-list-section .order-total-list-wrap .order-total-detail {
    padding: 4px 0;
    font-size: 12px;
    font-family: "OpenSans light"
}

.restaurant-detail-section .right-detail-wrap .my-order-list-section .order-total-list-wrap .order-total-detail .order-total-text {
    display: inline-block;
    padding-right: 35px;
    text-align: right;
    width: -webkit-calc(100% - 69px);
    width: -moz-calc(100% - 69px);
    width: calc(100% - 69px)
}

@media (min-width:993px) and (max-width:1200px) {
    .restaurant-detail-section .right-detail-wrap .my-order-list-section .order-total-list-wrap .order-total-detail .order-total-text {
        padding-right: 18px
    }
}

@media (max-width:480px) {
    .restaurant-detail-section .right-detail-wrap .my-order-list-section .order-total-list-wrap .order-total-detail .order-total-text {
        padding-right: 18px
    }
}

.restaurant-detail-section .right-detail-wrap .my-order-list-section .order-total-list-wrap .order-total-detail .order-total-price {
    display: inline-block;
    width: 65px;
    font-family: "OpenSans Regular"
}

.restaurant-detail-section .right-detail-wrap .my-order-list-section .grand-total-wrap {
    display: inline-block;
    width: 100%;
    padding: 14px 0;
    font-size: 16px
}

.restaurant-detail-section .right-detail-wrap .my-order-list-section .grand-total-wrap .grand-total-text {
    display: inline-block;
    padding-right: 25px;
    text-align: right;
    width: -webkit-calc(100% - 70px);
    width: -moz-calc(100% - 70px);
    width: calc(100% - 70px)
}

@media (min-width:993px) and (max-width:1200px) {
    .restaurant-detail-section .right-detail-wrap .my-order-list-section .grand-total-wrap .grand-total-text {
        padding-right: 16px
    }
}

@media (max-width:480px) {
    .restaurant-detail-section .right-detail-wrap .my-order-list-section .grand-total-wrap .grand-total-text {
        padding-right: 16px
    }
}

.restaurant-detail-section .right-detail-wrap .my-order-list-section .grand-total-wrap .grand-total-text .order-total-text {
    font-size: 10px;
    vertical-align: middle
}

.restaurant-detail-section .right-detail-wrap .my-order-list-section .grand-total-wrap .grand-total-price {
    display: inline-block;
    width: 65px
}

.restaurant-detail-section .right-detail-wrap .my-order-list-section .checkout-btn a {
    display: inline-block;
    width: 100%;
    padding: 15px;
    background-color: #DB1300;
    color: #FFF;
    font-size: 17px;
    font-family: "OpenSans Bold";
    text-align: center;
    text-transform: uppercase
}

.restaurant-detail-section .right-detail-wrap .my-order-list-section .checkout-btn a:focus,
.restaurant-detail-section .right-detail-wrap .my-order-list-section .checkout-btn a:hover {
    text-decoration: none
}

.restaurant-detail-section .right-detail-wrap .ongoing-offers-wrap {
    display: inline-block;
    width: 100%;
    border: 1px solid #B6B6B6;
    color: #727272
}

.restaurant-detail-section .right-detail-wrap .ongoing-offers-wrap .ongoing-offers-heading {
    display: inline-block;
    width: 100%;
    padding: 14px 20px;
    border-bottom: 1px solid #B6B6B6
}

.restaurant-detail-section .right-detail-wrap .ongoing-offers-wrap .ongoing-offers-heading .ongoing-offers-title {
    font-size: 18px;
    font-family: "OpenSans Regular";
    text-transform: uppercase
}

.restaurant-detail-section .right-detail-wrap .ongoing-offers-wrap .ongoing-offer-list {
    display: inline-block;
    width: 100%;
    padding: 20px
}

.restaurant-detail-section .right-detail-wrap .ongoing-offers-wrap .ongoing-offer-list .offer-wrap {
    position: relative;
    display: inline-block;
    width: 100%
}

.restaurant-detail-section .right-detail-wrap .ongoing-offers-wrap .ongoing-offer-list .offer-wrap img {
    max-width: 100%;
    width: 100%
}

.restaurant-detail-section .right-detail-wrap .ongoing-offers-wrap .ongoing-offer-list .offer-wrap .offer-header {
    position: absolute;
    top: auto;
    bottom: 0;
    right: 0;
    left: auto;
    display: inline-block;
    max-width: 184px;
    width: 100%;
    margin-bottom: 100px;
    margin-right: 5px;
    padding: 0 15px;
    color: #FFF;
    text-align: left;
    text-shadow: 3px 3px 3px rgba(0, 0, 0, .8)
}

@media (min-width:993px) and (max-width:1200px) {
    .restaurant-detail-section .right-detail-wrap .ongoing-offers-wrap .ongoing-offer-list .offer-wrap .offer-header {
        margin-right: -10px
    }
    .restaurant-detail-section .right-detail-wrap .ongoing-offers-wrap .ongoing-offer-list .offer-wrap .offer-header h2 {
        font-size: 22px
    }
}

.restaurant-detail-section .right-detail-wrap .ongoing-offers-wrap .ongoing-offer-list .offer-wrap .offer-header-text,
.restaurant-detail-section .right-detail-wrap .ongoing-offers-wrap .ongoing-offer-list .offer-wrap .offer-validity {
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
    width: 100%;
    color: #FFF
}

.restaurant-detail-section .right-detail-wrap .ongoing-offers-wrap .ongoing-offer-list .offer-respon-width,
.restaurant-detail-section .right-detail-wrap .ongoing-offers-wrap .ongoing-offer-list .offers-slider {
    position: relative
}

.restaurant-detail-section .right-detail-wrap .ongoing-offers-wrap .ongoing-offer-list .offer-wrap .offer-validity {
    top: auto;
    bottom: 0
}

.restaurant-detail-section .right-detail-wrap .ongoing-offers-wrap .ongoing-offer-list .offer-wrap .offer-validity p {
    margin-bottom: 0;
    font-size: 20px
}

.restaurant-detail-section .right-detail-wrap .ongoing-offers-wrap .ongoing-offer-list .offer-wrap .offer-validity-bg {
    margin-bottom: 16px;
    padding: 4px 0;
    width: 100%;
    text-align: center;
    background-color: rgba(0, 0, 0, .7)
}

.restaurant-detail-section .right-detail-wrap .ongoing-offers-wrap .ongoing-offer-list .offer-wrap .offer-validity-bg p {
    font-size: 18px
}

@media (min-width:993px) and (max-width:1200px) {
    .restaurant-detail-section .right-detail-wrap .ongoing-offers-wrap .ongoing-offer-list .offer-wrap .offer-validity-bg {
        margin-bottom: 13px
    }
    .restaurant-detail-section .right-detail-wrap .ongoing-offers-wrap .ongoing-offer-list .offer-wrap .offer-validity-bg p {
        font-size: 13px
    }
}

.restaurant-detail-section .right-detail-wrap .ongoing-offers-wrap .ongoing-offer-list .offer-wrap.bottom-align-content .offer-validity {
    margin-bottom: 35px;
    padding-left: 65px
}

.restaurant-detail-section .right-detail-wrap .ongoing-offers-wrap .ongoing-offer-list .offer-wrap.bottom-align-content .offer-validity p {
    color: rgba(255, 255, 255, .9);
    font-size: 18px
}

@media (min-width:993px) and (max-width:1200px) {
    .restaurant-detail-section .right-detail-wrap .ongoing-offers-wrap .ongoing-offer-list .offer-wrap.bottom-align-content .offer-validity {
        padding: 0 20px;
        text-align: center
    }
    .restaurant-detail-section .right-detail-wrap .ongoing-offers-wrap .ongoing-offer-list .offer-wrap.bottom-align-content .offer-validity p {
        font-size: 14px
    }
}

.restaurant-detail-section .right-detail-wrap .ongoing-offers-wrap .ongoing-offer-list .offer-wrap.top-bottom-align-content .offer-header-text {
    margin-top: 20px;
    padding-left: 30px;
    padding-right: 20px;
    text-align: left;
    text-shadow: 3px 3px 3px rgba(0, 0, 0, .8)
}

.restaurant-detail-section .right-detail-wrap .ongoing-offers-wrap .ongoing-offer-list .offer-wrap.top-bottom-align-content .offer-header-text h3 {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 4px;
    font-size: 28px;
    line-height: normal
}

.restaurant-detail-section .right-detail-wrap .ongoing-offers-wrap .ongoing-offer-list .offer-wrap.top-bottom-align-content .offer-header-text h4 {
    display: inline-block;
    width: 100%;
    margin-top: 0;
    margin-bottom: 0
}

@media (min-width:993px) and (max-width:1200px) {
    .restaurant-detail-section .right-detail-wrap .ongoing-offers-wrap .ongoing-offer-list .offer-wrap.top-bottom-align-content .offer-header-text {
        padding-left: 15px
    }
    .restaurant-detail-section .right-detail-wrap .ongoing-offers-wrap .ongoing-offer-list .offer-wrap.top-bottom-align-content .offer-header-text h3 {
        font-size: 20px
    }
    .restaurant-detail-section .right-detail-wrap .ongoing-offers-wrap .ongoing-offer-list .offer-wrap.top-bottom-align-content .offer-header-text h4 {
        font-size: 14px
    }
}

.restaurant-detail-section .right-detail-wrap .ongoing-offers-wrap .ongoing-offer-list .offer-wrap.offer-3 .offer-header-text {
    padding: 20px;
    text-align: center
}

.restaurant-detail-section .right-detail-wrap .ongoing-offers-wrap .ongoing-offer-list .offer-wrap.offer-3 .offer-header-text h3 {
    font-size: 40px;
    text-transform: uppercase
}

@media (min-width:993px) and (max-width:1200px) {
    .restaurant-detail-section .right-detail-wrap .ongoing-offers-wrap .ongoing-offer-list .offer-wrap.offer-3 .offer-header-text h3 {
        margin-top: 6px;
        font-size: 24px
    }
}

@media (max-width:767px) {
    .restaurant-detail-section .right-detail-wrap .ongoing-offers-wrap .ongoing-offer-list .offer-wrap.offer-3 .offer-header-text h3 {
        font-size: 36px
    }
}

.restaurant-detail-section .right-detail-wrap .ongoing-offers-wrap .ongoing-offer-list .offer-wrap.offer-3 .offer-header-text .special-offer-wrap {
    border-top: 4px solid #FFF;
    border-bottom: 4px solid #FFF;
    font-size: 28px;
    text-transform: uppercase
}

@media (min-width:993px) and (max-width:1200px) {
    .restaurant-detail-section .right-detail-wrap .ongoing-offers-wrap .ongoing-offer-list .offer-wrap.offer-3 .offer-header-text .special-offer-wrap {
        font-size: 18px
    }
}

@media (max-width:767px) {
    .restaurant-detail-section .right-detail-wrap .ongoing-offers-wrap .ongoing-offer-list .offer-wrap.offer-3 .offer-header-text .special-offer-wrap {
        font-size: 20px
    }
    .cart-page-wrapper .cart-page-detail .left-cart-page-wrap .my-calorie-calc-wrap .my-calorie-table-wrap {
        overflow: auto
    }
}

.restaurant-detail-section .right-detail-wrap .ongoing-offers-wrap .ongoing-offer-list .offer-wrap.OfferCoupon-na .offer-header-text {
    padding-left: 30px;
    text-align: left
}

.restaurant-detail-section .right-detail-wrap .ongoing-offers-wrap .ongoing-offer-list .offer-wrap.OfferCoupon-na .offer-header-text h3 {
    font-size: 30px;
    text-transform: none
}

@media (max-width:992px) {
    .restaurant-detail-section .right-detail-wrap .ongoing-offers-wrap .ongoing-offer-list .offer-respon-width {
        margin: 0 auto;
        max-width: 260px
    }
}

.restaurant-detail-section .right-detail-wrap .ongoing-offers-wrap .ongoing-offer-list .coupon-wrap {
    min-height: 370px;
    padding: 20px;
    border: 1px dashed #B6B6B6
}

.restaurant-detail-section .right-detail-wrap .ongoing-offers-wrap .ongoing-offer-list .coupon-wrap p {
    font-size: 16px;
    line-height: 26px
}

.restaurant-detail-section .right-detail-wrap .ongoing-offers-wrap .ongoing-offer-list .coupon-wrap strong {
    font-family: "OpenSans SemiBold"
}

.restaurant-detail-section .right-detail-wrap .ongoing-offers-wrap .ongoing-offer-list .coupon-wrap .coupon__title {
    display: inline-block;
    width: 100%;
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #B6B6B6
}

.restaurant-detail-section .right-detail-wrap .ongoing-offers-wrap .ongoing-offer-list .coupon-wrap img {
    float: left;
    width: 60px
}

@media (max-width:1200px) and (min-width:993px) {
    .restaurant-detail-section .right-detail-wrap .ongoing-offers-wrap .ongoing-offer-list .coupon-wrap p {
        font-size: 13px;
        line-height: 18px
    }
    .restaurant-detail-section .right-detail-wrap .ongoing-offers-wrap .ongoing-offer-list .coupon-wrap img {
        width: 40px
    }
}

.restaurant-detail-section .right-detail-wrap .ongoing-offers-wrap .ongoing-offer-list .coupon-wrap .coupon__header {
    float: left;
    width: -webkit-calc(100% - 60px);
    width: -moz-calc(100% - 60px);
    width: calc(100% - 60px)
}

.restaurant-detail-section .right-detail-wrap .ongoing-offers-wrap .ongoing-offer-list .coupon-wrap .coupon__header .coupon__code {
    color: #000;
    font-size: 17px
}

@media (max-width:1200px) and (min-width:993px) {
    .restaurant-detail-section .right-detail-wrap .ongoing-offers-wrap .ongoing-offer-list .coupon-wrap .coupon__header {
        width: -webkit-calc(100% - 40px);
        width: -moz-calc(100% - 40px);
        width: calc(100% - 40px)
    }
    .restaurant-detail-section .right-detail-wrap .ongoing-offers-wrap .ongoing-offer-list .coupon-wrap .coupon__header .coupon__code {
        font-size: 15px
    }
}

.restaurant-detail-section .right-detail-wrap .ongoing-offers-wrap .ongoing-offer-list .coupon-wrap .coupon__header .coupon__name {
    margin: 10px 0;
    font-size: 20px
}

@media (max-width:1200px) and (min-width:993px) {
    .restaurant-detail-section .right-detail-wrap .ongoing-offers-wrap .ongoing-offer-list .coupon-wrap .coupon__header .coupon__name {
        font-size: 15px
    }
}

.restaurant-detail-section .right-detail-wrap .ongoing-offers-wrap .ongoing-offer-list .coupon-wrap .restaurant__name {
    display: inline-block;
    margin-bottom: 0
}

.restaurant-detail-section .right-detail-wrap .ongoing-offers-wrap .ongoing-offer-list .coupon-wrap .coupon__detail .coupon__validation {
    margin-top: 10px;
    font-size: 17px
}

@media (max-width:1200px) and (min-width:993px) {
    .restaurant-detail-section .right-detail-wrap .ongoing-offers-wrap .ongoing-offer-list .coupon-wrap .coupon__detail .coupon__validation {
        font-size: 14px
    }
}

.restaurant-detail-section .right-detail-wrap .ongoing-offers-wrap .ongoing-offer-list .coupon-wrap .coupon__detail .coupon__validation strong {
    color: #000
}

.restaurant-detail-section .right-detail-wrap .ongoing-offers-wrap .ongoing-offer-list .cashback-text span {
    color: #FFDF91;
    font-size: 16px;
    line-height: inherit
}

.restaurant-detail-section .right-detail-wrap .ongoing-offers-wrap .ongoing-offer-list .OfferCoupon {
    margin-bottom: 20px
}

.restaurant-detail-section .right-detail-wrap .ongoing-offers-wrap .ongoing-offer-list .OfferCoupon:last-child {
    margin-bottom: 0
}

@media (max-width:992px) {
    .restaurant-detail-section .right-detail-wrap .ongoing-offers-wrap .ongoing-offer-list .OfferCoupon {
        display: block;
        width: 100%!important;
        margin: 0 auto 20px
    }
    .restaurant-detail-section .right-detail-wrap .ongoing-offers-wrap .ongoing-offer-list .OfferCoupon:last-child {
        margin: 0 auto
    }
}

.restaurant-detail-section .right-detail-wrap .ongoing-offers-wrap .ongoing-offer-list .OfferCoupon-na span {
    color: #000;
    font-size: 26px
}

.restaurant-detail-section .right-detail-wrap .ongoing-offers-wrap .ongoing-offer-list .offers-slider:hover .swiper-button-next,
.restaurant-detail-section .right-detail-wrap .ongoing-offers-wrap .ongoing-offer-list .offers-slider:hover .swiper-button-prev,
.restaurant-detail-section .right-detail-wrap .ongoing-offers-wrap .ongoing-offer-list .offers-slider:hover [class^=swiper-button-next-],
.restaurant-detail-section .right-detail-wrap .ongoing-offers-wrap .ongoing-offer-list .offers-slider:hover [class^=swiper-button-prev-] {
    opacity: 1
}

.restaurant-detail-section .right-detail-wrap .ongoing-offers-wrap .ongoing-offer-list .offers-slider .swiper-button-next,
.restaurant-detail-section .right-detail-wrap .ongoing-offers-wrap .ongoing-offer-list .offers-slider .swiper-button-prev,
.restaurant-detail-section .right-detail-wrap .ongoing-offers-wrap .ongoing-offer-list .offers-slider [class^=swiper-button-next-],
.restaurant-detail-section .right-detail-wrap .ongoing-offers-wrap .ongoing-offer-list .offers-slider [class^=swiper-button-prev-] {
    background-color: rgba(0, 0, 0, .2);
    opacity: 0;
    margin-left: 0;
    background-size: 66% auto;
    background-position: center;
    z-index: 99
}

.restaurant-detail-section .right-detail-wrap .ongoing-offers-wrap .ongoing-offer-list .offers-slider .swiper-button-next:hover,
.restaurant-detail-section .right-detail-wrap .ongoing-offers-wrap .ongoing-offer-list .offers-slider .swiper-button-prev:hover,
.restaurant-detail-section .right-detail-wrap .ongoing-offers-wrap .ongoing-offer-list .offers-slider [class^=swiper-button-next-]:hover,
.restaurant-detail-section .right-detail-wrap .ongoing-offers-wrap .ongoing-offer-list .offers-slider [class^=swiper-button-prev-]:hover {
    background-size: 66% auto
}

.restaurant-detail-section .right-detail-wrap .ongoing-offers-wrap .ongoing-offer-list .offers-slider .swiper-button-next,
.restaurant-detail-section .right-detail-wrap .ongoing-offers-wrap .ongoing-offer-list .offers-slider [class^=swiper-button-next-] {
    margin-right: 0
}

.restaurant-detail-section .right-detail-wrap .ongoing-offers-wrap .ongoing-offer-list .offers-slider.offer-white-nav .swiper-button-next,
.restaurant-detail-section .right-detail-wrap .ongoing-offers-wrap .ongoing-offer-list .offers-slider.offer-white-nav .swiper-button-prev,
.restaurant-detail-section .right-detail-wrap .ongoing-offers-wrap .ongoing-offer-list .offers-slider.offer-white-nav [class^=swiper-button-next-],
.restaurant-detail-section .right-detail-wrap .ongoing-offers-wrap .ongoing-offer-list .offers-slider.offer-white-nav [class^=swiper-button-prev-] {
    background-color: rgba(255, 255, 255, .6)
}

.restaurant-detail-section .bootstrap-touchspin {
    float: left;
    width: 100px;
    margin-right: 10px
}

@media (max-width:1200px) and (min-width:993px) {
    .restaurant-detail-section .bootstrap-touchspin {}
}

@media (max-width:480px) {
    .restaurant-detail-section .bootstrap-touchspin {
        width: 100px
    }
}

.restaurant-detail-section .bootstrap-touchspin .input-group-btn:focus {
    outline: 0
}

.restaurant-detail-section .bootstrap-touchspin .bootstrap-touchspin-down,
.restaurant-detail-section .bootstrap-touchspin .bootstrap-touchspin-up {
    float: left;
    display: inline-block;
    height: 19px;
    width: 19px;
    padding: 0;
    border: 1px solid #B6B6B6;
    font-size: 12px;
    text-align: center;
    cursor: pointer;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    border-radius: 100%
}

.restaurant-detail-section .bootstrap-touchspin .bootstrap-touchspin-down {
    margin-right: 2px
}

.restaurant-detail-section .bootstrap-touchspin input {
    float: left;
    display: inline-block;
    width: 45px;
    margin: 0 7px
}

.cart-page-wrapper .cart-page-title {
    margin-bottom: 20px
}

.cart-page-wrapper .cart-page-detail {
    display: inline-block;
    width: 100%
}

.cart-page-wrapper .cart-page-detail form .form-group label {
    color: #17415F
}

.cart-page-wrapper .cart-page-detail .left-cart-page-wrap {
    float: left;
    margin-right: 50px;
    width: -webkit-calc(65% - 50px);
    width: -moz-calc(65% - 50px);
    width: calc(65% - 50px)
}

@media (max-width:992px) {
    .cart-page-wrapper .cart-page-detail .left-cart-page-wrap {
        width: 100%;
        margin-right: 0;
        margin-bottom: 50px
    }
}

.cart-page-wrapper .cart-page-detail .left-cart-page-wrap .cart-order-section .order-list-wrap .order-list-table .list-item .item-total-price,
.cart-page-wrapper .cart-page-detail .left-cart-page-wrap .cart-order-section .order-list-wrap .order-list-table .list-item .unit-price {
    width: 20%
}

.cart-page-wrapper .cart-page-detail .left-cart-page-wrap .cart-order-section .order-total-list-wrap .order-total-detail {
    padding-right: 20px;
    text-align: right
}

.cart-page-wrapper .cart-page-detail .left-cart-page-wrap .cart-order-section .order-total-list-wrap .order-total-detail .order-total-text {
    width: auto;
    padding-right: 10px
}

.cart-page-wrapper .cart-page-detail .left-cart-page-wrap .cart-order-section .order-total-list-wrap .order-total-detail .order-total-price {
    min-width: 80px;
    width: auto
}

.cart-page-wrapper .cart-page-detail .left-cart-page-wrap .cart-order-section .my-order-bootom-section .total-incl-btn-wrap {
    padding-right: 20px
}

.cart-page-wrapper .cart-page-detail .left-cart-page-wrap .cart-order-section .my-order-bootom-section .total-incl-btn-wrap .total-incl-text {
    padding-right: 10px
}

.cart-page-wrapper .cart-page-detail .left-cart-page-wrap .cart-order-section .my-order-bootom-section .total-incl-btn-wrap .total-incl-btn-price {
    min-width: 80px;
    width: auto
}

.cart-page-wrapper .cart-page-detail .left-cart-page-wrap .cart-order-section .order-list-wrap .order-list-table .order-list-td .list-item .item-name .bottom,
.cart-page-wrapper .cart-page-detail .left-cart-page-wrap .cart-order-section .order-list-wrap .order-list-table .order-list-td .list-item .item-total-price .bottom,
.cart-page-wrapper .cart-page-detail .left-cart-page-wrap .cart-order-section .order-list-wrap .order-list-table .order-list-td .list-item .total-order-item .bottom,
.cart-page-wrapper .cart-page-detail .left-cart-page-wrap .cart-order-section .order-list-wrap .order-list-table .order-list-td .list-item .unit-price .bottom {
    display: block;
    width: 100%;
    font-size: 14px
}

.cart-page-wrapper .cart-page-detail .left-cart-page-wrap .my-calorie-calc-wrap {
    display: inline-block;
    width: 100%;
    border: 1px solid #B6B6B6;
    color: #727272
}

.cart-page-wrapper .cart-page-detail .left-cart-page-wrap .my-calorie-calc-wrap .my-calorie-title {
    padding: 20px;
    font-size: 20px
}

.cart-page-wrapper .cart-page-detail .left-cart-page-wrap .my-calorie-calc-wrap .my-calorie-table-wrap {
    display: inline-block;
    width: 100%
}

@media (max-width:767px) {
    .cart-page-wrapper .cart-page-detail .left-cart-page-wrap .my-calorie-calc-wrap .my-calorie-table-wrap .calorie-table-responsive {
        width: 705px
    }
}

.cart-page-wrapper .cart-page-detail .left-cart-page-wrap .my-calorie-calc-wrap .my-calorie-table-wrap .calorie-table {
    display: inline-block;
    width: 100%
}

.cart-page-wrapper .cart-page-detail .left-cart-page-wrap .my-calorie-calc-wrap .my-calorie-table-wrap .calorie-table.calorie-table-th {
    padding: 7px 0;
    background-color: #C8B9BA;
    color: #FFF;
    font-size: 13px
}

.cart-page-wrapper .cart-page-detail .left-cart-page-wrap .my-calorie-calc-wrap .my-calorie-table-wrap .calorie-table.calorie-table-td {
    padding: 15px 0;
    border-bottom: 1px solid #EDEDED
}

.cart-page-wrapper .cart-page-detail .left-cart-page-wrap .my-calorie-calc-wrap .my-calorie-table-wrap .calorie-table.calorie-table-td:last-child {
    border-bottom: none
}

.cart-page-wrapper .cart-page-detail .left-cart-page-wrap .my-calorie-calc-wrap .my-calorie-table-wrap .calorie-table.calorie-table-td .calorie-table-details {
    color: #C3C3C3
}

.cart-page-wrapper .cart-page-detail .left-cart-page-wrap .my-calorie-calc-wrap .my-calorie-table-wrap .calorie-table.calorie-table-td .calorie-table-details.item-name {
    color: #727272
}

.cart-page-wrapper .cart-page-detail .left-cart-page-wrap .my-calorie-calc-wrap .my-calorie-table-wrap .calorie-table .calorie-table-details {
    display: inline-block;
    text-align: center
}

.cart-page-wrapper .cart-page-detail .left-cart-page-wrap .my-calorie-calc-wrap .my-calorie-table-wrap .calorie-table .calorie-table-details.sr-no {
    float: left;
    width: 50px;
    padding-left: 20px;
    text-align: center
}

.cart-page-wrapper .cart-page-detail .left-cart-page-wrap .my-calorie-calc-wrap .my-calorie-table-wrap .calorie-table .calorie-table-details.item-name {
    float: left;
    width: -webkit-calc(35% - 50px);
    width: -moz-calc(35% - 50px);
    width: calc(35% - 50px)
}

.cart-page-wrapper .cart-page-detail .left-cart-page-wrap .my-calorie-calc-wrap .my-calorie-table-wrap .calorie-table .calorie-table-details.calorie {
    float: left;
    width: 22%
}

.cart-page-wrapper .cart-page-detail .left-cart-page-wrap .my-calorie-calc-wrap .my-calorie-table-wrap .calorie-table .calorie-table-details.quality {
    float: left;
    width: 16%
}

.cart-page-wrapper .cart-page-detail .left-cart-page-wrap .my-calorie-calc-wrap .my-calorie-table-wrap .calorie-table .calorie-table-details.calorie-per-order {
    float: left;
    width: 27%;
    padding-right: 30px;
    text-align: right
}

.cart-page-wrapper .cart-page-detail .left-cart-page-wrap .my-calorie-calc-wrap .total-calories-wrap {
    display: inline-block;
    width: 100%;
    padding: 14px 0;
    border-top: 5px solid #EDEDED;
    border-bottom: 5px solid #EDEDED;
    background-color: #FAF7F2;
    font-size: 18px
}

.cart-page-wrapper .cart-page-detail .left-cart-page-wrap .my-calorie-calc-wrap .total-calories-wrap .total-calories-text {
    float: left;
    text-align: right;
    width: -webkit-calc(100% - 160px);
    width: -moz-calc(100% - 160px);
    width: calc(100% - 160px)
}

@media (max-width:480px) {
    .cart-page-wrapper .cart-page-detail .left-cart-page-wrap .my-calorie-calc-wrap .total-calories-wrap .total-calories-text {
        width: 100%;
        text-align: center
    }
}

.cart-page-wrapper .cart-page-detail .left-cart-page-wrap .my-calorie-calc-wrap .total-calories-wrap .total-calories-number {
    float: left;
    width: 160px;
    padding-right: 30px;
    text-align: right
}

@media (max-width:480px) {
    .cart-page-wrapper .cart-page-detail .left-cart-page-wrap .my-calorie-calc-wrap .total-calories-wrap .total-calories-number {
        width: 100%;
        text-align: center
    }
}

.cart-page-wrapper .cart-page-detail .left-cart-page-wrap .my-calorie-calc-wrap .calorie-notice {
    display: inline-block;
    width: 100%;
    padding: 14px 0;
    border-bottom: 1px solid #EDEDED;
    color: #484747;
    font-size: 18px;
    font-family: "OpenSans light";
    text-align: center
}

@media (max-width:640px) {
    .cart-page-wrapper .cart-page-detail .left-cart-page-wrap .my-calorie-calc-wrap .calorie-notice {
        padding: 10px;
        font-size: 14px
    }
}

.cart-page-wrapper .cart-page-detail .left-cart-page-wrap .my-calorie-calc-wrap .calc-calories-wrap {
    display: inline-block;
    width: 100%;
    padding: 30px
}

.cart-page-wrapper .cart-page-detail .left-cart-page-wrap .my-calorie-calc-wrap .calc-calories-wrap .calc-calories-inputs {
    float: left;
    width: 60%
}

@media (max-width:767px) {
    .cart-page-wrapper .cart-page-detail .left-cart-page-wrap .my-calorie-calc-wrap .calc-calories-wrap .calc-calories-inputs {
        width: 100%
    }
}

.cart-page-wrapper .cart-page-detail .left-cart-page-wrap .my-calorie-calc-wrap .calc-calories-wrap .calc-calories-inputs form .form-group {
    float: left;
    margin-right: 20px;
    margin-bottom: 0;
    width: -webkit-calc(33.33% - 20px);
    width: -moz-calc(33.33% - 20px);
    width: calc(33.33% - 20px)
}

@media (max-width:640px) {
    .cart-page-wrapper .cart-page-detail .left-cart-page-wrap .my-calorie-calc-wrap .calc-calories-wrap {
        padding: 20px
    }
    .cart-page-wrapper .cart-page-detail .left-cart-page-wrap .my-calorie-calc-wrap .calc-calories-wrap .calc-calories-inputs form .form-group {
        width: 100%;
        margin-bottom: 10px
    }
    .cart-page-wrapper .cart-page-detail .left-cart-page-wrap .my-calorie-calc-wrap .calc-calories-wrap .calc-calories-inputs form .form-group:last-child {
        margin-bottom: 0
    }
}

.cart-page-wrapper .cart-page-detail .left-cart-page-wrap .my-calorie-calc-wrap .calc-calories-wrap .calc-calories-inputs form .form-group label {
    margin-bottom: 10px
}

.cart-page-wrapper .cart-page-detail .left-cart-page-wrap .my-calorie-calc-wrap .calc-calories-wrap .calc-calories-inputs form .form-group input {
    height: 40px;
    width: 100%;
    background-color: #FFF;
    font-size: 13px;
    font-family: "OpenSans light"
}

.cart-page-wrapper .cart-page-detail .left-cart-page-wrap .my-calorie-calc-wrap .calc-calories-wrap .calc-calories-inputs form .form-group input::-webkit-input-placeholder {
    color: #C3C3C3
}

.cart-page-wrapper .cart-page-detail .left-cart-page-wrap .my-calorie-calc-wrap .calc-calories-wrap .calc-calories-inputs form .form-group input::-moz-placeholder {
    color: #C3C3C3
}

.cart-page-wrapper .cart-page-detail .left-cart-page-wrap .my-calorie-calc-wrap .calc-calories-wrap .calc-calories-inputs form .form-group input:-ms-input-placeholder {
    color: #C3C3C3
}

.cart-page-wrapper .cart-page-detail .left-cart-page-wrap .my-calorie-calc-wrap .calc-calories-wrap .calc-calories-btn {
    float: left;
    width: 40%
}

@media (max-width:767px) {
    .cart-page-wrapper .cart-page-detail .left-cart-page-wrap .my-calorie-calc-wrap .calc-calories-wrap .calc-calories-btn {
        width: 100%
    }
}

.cart-page-wrapper .cart-page-detail .left-cart-page-wrap .my-calorie-calc-wrap .calc-calories-wrap .calc-calories-btn a {
    width: 100%;
    margin-top: 31px;
    padding: 8px 10px;
    border: 1px solid #B6B6B6;
    font-size: 15px;
    text-align: center;
    text-transform: none
}

.cart-page-wrapper .cart-page-detail .left-cart-page-wrap .my-calorie-calc-wrap .calorie-result-wrap {
    display: inline-block;
    width: 100%;
    padding: 14px 30px;
    border-top: 5px solid #EDEDED;
    border-bottom: 5px solid #EDEDED;
    background-color: #FAF7F2;
    font-size: 18px
}

.cart-page-wrapper .cart-page-detail .left-cart-page-wrap .my-calorie-calc-wrap .calorie-result-wrap .calorie-result-text {
    float: left;
    margin-top: 20px;
    font-size: 22px
}

.cart-page-wrapper .cart-page-detail .left-cart-page-wrap .my-calorie-calc-wrap .calorie-result-wrap .calorie-result-details {
    float: right;
    color: #484747;
    font-family: "OpenSans light";
    text-align: right
}

@media (max-width:640px) {
    .cart-page-wrapper .cart-page-detail .left-cart-page-wrap .my-calorie-calc-wrap .calorie-result-wrap {
        padding: 15px
    }
    .cart-page-wrapper .cart-page-detail .left-cart-page-wrap .my-calorie-calc-wrap .calorie-result-wrap .calorie-result-text {
        width: 100%;
        margin-top: 0
    }
    .cart-page-wrapper .cart-page-detail .left-cart-page-wrap .my-calorie-calc-wrap .calorie-result-wrap .calorie-result-details {
        float: left;
        width: 100%;
        margin-top: 10px;
        margin-bottom: 0;
        text-align: left
    }
    .cart-page-wrapper .cart-page-detail .left-cart-page-wrap .my-calorie-calc-wrap .calorie-result-wrap .calorie-result-details p {
        font-size: 13px
    }
}

.cart-page-wrapper .cart-page-detail .right-cart-page-wrap {
    float: left;
    width: 35%
}

@media (max-width:992px) {
    .cart-page-wrapper .cart-page-detail .right-cart-page-wrap {
        width: 100%
    }
}

.cart-page-wrapper .cart-page-detail .right-cart-page-wrap .cart-step-wrapper {
    display: inline-block;
    width: 100%;
    margin-bottom: 50px;
    border: 1px solid #B6B6B6
}

.cart-page-wrapper .cart-page-detail .right-cart-page-wrap .cart-step-wrapper .cart-step-name-wrap {
    display: inline-block;
    width: 100%;
    padding: 16px 30px;
    font-family: "OpenSans light"
}

@media (max-width:480px) {
    .cart-page-wrapper .cart-page-detail .right-cart-page-wrap .cart-step-wrapper .cart-step-name-wrap {
        padding: 15px
    }
}

.cart-page-wrapper .cart-page-detail .right-cart-page-wrap .cart-step-wrapper .cart-step-name-wrap .step-number {
    float: left;
    width: 30px;
    margin-top: 6px;
    text-align: right
}

.cart-page-wrapper .cart-page-detail .right-cart-page-wrap .cart-step-wrapper .cart-step-name-wrap .step-number span {
    display: inline-block;
    padding: 4px 10px;
    background-color: #E72738;
    color: #FFF;
    font-size: 16px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    border-radius: 100%
}

.cart-page-wrapper .cart-page-detail .right-cart-page-wrap .cart-step-wrapper .cart-step-name-wrap .step-name-detail {
    float: left;
    padding-left: 16px;
    width: -webkit-calc(100% - 30px);
    width: -moz-calc(100% - 30px);
    width: calc(100% - 30px)
}

.cart-page-wrapper .cart-page-detail .right-cart-page-wrap .cart-step-wrapper .cart-step-name-wrap .step-name-detail .step-name-text {
    font-size: 18px
}

.cart-page-wrapper .cart-page-detail .right-cart-page-wrap .cart-step-wrapper .cart-step-name-wrap .step-name-detail span {
    font-size: 12px
}

.cart-page-wrapper .cart-page-detail .right-cart-page-wrap .cart-step-wrapper .restaurant-name-wrap {
    display: inline-block;
    width: 100%;
    padding: 10px 30px;
    background-color: #FE2B50;
    color: #FFF;
    font-size: 18px
}

.cart-page-wrapper .cart-page-detail .right-cart-page-wrap .cart-step-wrapper .restaurant-name-wrap .restaurant-title {
    float: left
}

.cart-page-wrapper .cart-page-detail .right-cart-page-wrap .cart-step-wrapper .restaurant-name-wrap .restaurant-name-text {
    float: left;
    padding-left: 10px;
    font-family: "OpenSans light"
}

.cart-page-wrapper .cart-page-detail .right-cart-page-wrap .cart-step-wrapper .delivery-form {
    display: inline-block;
    width: 100%;
    padding: 30px
}

.cart-page-wrapper .cart-page-detail .right-cart-page-wrap .cart-step-wrapper .delivery-form .form .form-group {
    display: inline-block;
    width: 100%
}

.cart-page-wrapper .cart-page-detail .right-cart-page-wrap .cart-step-wrapper .delivery-form .form .form-group label {
    width: 100%;
    margin-bottom: 10px
}

.cart-page-wrapper .cart-page-detail .right-cart-page-wrap .cart-step-wrapper .delivery-form .form .form-group label a {
    color: #17415F
}

.cart-page-wrapper .cart-page-detail .right-cart-page-wrap .cart-step-wrapper .delivery-form .form .form-group .add-new-address {
    margin-top: 10px
}

.cart-page-wrapper .cart-page-detail .right-cart-page-wrap .cart-step-wrapper .delivery-form .form .form-group .add-new-address a {
    color: #FE2B50;
    font-size: 15px;
    text-decoration: underline
}

.cart-page-wrapper .cart-page-detail .right-cart-page-wrap .cart-step-wrapper .delivery-form .form .form-group input,
.cart-page-wrapper .cart-page-detail .right-cart-page-wrap .cart-step-wrapper .delivery-form .form .form-group textarea {
    background-color: #FFF;
    font-size: 13px;
    font-family: "OpenSans light"
}

.cart-page-wrapper .cart-page-detail .right-cart-page-wrap .cart-step-wrapper .delivery-form .form .form-group input::-webkit-input-placeholder,
.cart-page-wrapper .cart-page-detail .right-cart-page-wrap .cart-step-wrapper .delivery-form .form .form-group textarea::-webkit-input-placeholder {
    color: #C3C3C3
}

.cart-page-wrapper .cart-page-detail .right-cart-page-wrap .cart-step-wrapper .delivery-form .form .form-group input::-moz-placeholder,
.cart-page-wrapper .cart-page-detail .right-cart-page-wrap .cart-step-wrapper .delivery-form .form .form-group textarea::-moz-placeholder {
    color: #C3C3C3
}

.cart-page-wrapper .cart-page-detail .right-cart-page-wrap .cart-step-wrapper .delivery-form .form .form-group input:-ms-input-placeholder,
.cart-page-wrapper .cart-page-detail .right-cart-page-wrap .cart-step-wrapper .delivery-form .form .form-group textarea:-ms-input-placeholder {
    color: #C3C3C3
}

.cart-page-wrapper .cart-page-detail .right-cart-page-wrap .cart-step-wrapper .delivery-form .form .form-group textarea {
    width: 70%;
    padding-top: 12px
}

@media (max-width:480px) {
    .cart-page-wrapper .cart-page-detail .right-cart-page-wrap .cart-step-wrapper .delivery-form .form .form-group textarea {
        width: 100%
    }
}

.cart-page-wrapper .cart-page-detail .right-cart-page-wrap .cart-step-wrapper .delivery-form .form .form-group .apply-sign-in-text {
    display: inline-block;
    width: 100%;
    margin-bottom: 10px;
    color: #727272;
    font-size: 12px
}

.cart-page-wrapper .cart-page-detail .right-cart-page-wrap .cart-step-wrapper .delivery-form .form .form-group .apply-sign-in-text a {
    color: #C60024;
    font-family: "OpenSans Bold"
}

.cart-page-wrapper .cart-page-detail .right-cart-page-wrap .cart-step-wrapper .delivery-form .form .form-group .apply-sign-in-text a:hover {
    color: #727272;
    text-decoration: underline
}

.cart-page-wrapper .cart-page-detail .right-cart-page-wrap .cart-step-wrapper .delivery-form .form .form-group .coupon-input input {
    float: left;
    height: 40px;
    margin-right: 20px;
    width: -webkit-calc(100% - 140px);
    width: -moz-calc(100% - 140px);
    width: calc(100% - 140px);
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    border-radius: 6px
}

@media (max-width:480px) {
    .cart-page-wrapper .cart-page-detail .right-cart-page-wrap .cart-step-wrapper .delivery-form .form .form-group .coupon-input input {
        width: 100%;
        margin-bottom: 10px
    }
}

.cart-page-wrapper .cart-page-detail .right-cart-page-wrap .cart-step-wrapper .delivery-form .form .form-group .coupon-input a {
    display: inline-block;
    width: 120px;
    padding: 10px;
    border: 1px solid #C3C3C3;
    color: #C3C3C3;
    text-align: center;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    border-radius: 6px
}

.cart-page-wrapper .cart-page-detail .right-cart-page-wrap .cart-step-wrapper .delivery-form .form .form-group .coupon-input a:hover {
    background-color: #C3C3C3;
    color: #FFF
}

.cart-page-wrapper .cart-page-detail .right-cart-page-wrap .cart-step-wrapper .delivery-form .form .form-group .order-type-radio-wrap {
    display: inline-block;
    margin-right: 20px;
    color: #C3C3C3;
    font-family: "OpenSans light"
}

.cart-page-wrapper .cart-page-detail .right-cart-page-wrap .cart-step-wrapper .delivery-form .form .discount-offer-wrap {
    display: inline-block;
    width: 100%;
    color: #DB1300;
    font-size: 16px
}

.cart-page-wrapper .cart-page-detail .right-cart-page-wrap .cart-step-wrapper .delivery-form .form .discount-offer-wrap .discount-offer-text {
    display: inline-block;
    font-family: "OpenSans SemiBold"
}

.cart-page-wrapper .cart-page-detail .right-cart-page-wrap .cart-step-wrapper .delivery-form .form .discount-offer-wrap .discount-offer-details {
    display: inline-block;
    font-family: "OpenSans light"
}

.cart-page-wrapper .cart-page-detail .right-cart-page-wrap .cart-step-wrapper .delivery-form .form .restaurant-address {
    display: inline-block;
    min-height: 66px;
    width: 100%;
    padding: 12px;
    border: 1px solid rgba(0, 0, 0, .4);
    color: #C3C3C3;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    border-radius: 6px
}

.cart-page-wrapper .cart-page-detail .right-cart-page-wrap .cart-step-wrapper .delivery-form .form .restaurant-address p {
    margin-bottom: 2px
}

.cart-page-wrapper .cart-page-detail .right-cart-page-wrap .cart-step-wrapper .delivery-form .form .restaurant-address p:last-child {
    margin-bottom: 0
}

.cart-page-wrapper .cart-page-detail .right-cart-page-wrap .cart-step-wrapper .continue-payment-wrap a,
.cart-page-wrapper .cart-page-detail .right-cart-page-wrap .cart-step-wrapper .continue-payment-wrap button {
    width: 100%;
    padding: 14px;
    text-align: center;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0
}

.cart-page-wrapper .cart-page-detail .right-cart-page-wrap .recommend-list-wrap {
    display: inline-block;
    width: 100%
}

.cart-page-wrapper .cart-page-detail .right-cart-page-wrap .recommend-list-wrap .recommend-title {
    display: inline-block;
    width: 100%;
    padding: 10px 20px;
    border-bottom: 1px solid #B6B6B6;
    font-size: 18px;
    font-family: "OpenSans light"
}

@media (max-width:480px) {
    .cart-page-wrapper .cart-page-detail .right-cart-page-wrap .cart-step-wrapper .delivery-form .form .form-group .coupon-input a {
        width: 100%
    }
    .cart-page-wrapper .cart-page-detail .right-cart-page-wrap .recommend-list-wrap .order-list-wrap .item-name {
        padding-left: 26px
    }
    .cart-page-wrapper .cart-page-detail .right-cart-page-wrap .recommend-list-wrap .order-list-wrap .item-name::before {
        margin-left: 2px
    }
}

.cart-page-wrapper .cart-page-detail .right-cart-page-wrap .recommend-list-wrap .order-list-wrap .item-name a {
    color: #292929;
    font-size: 14px
}

.cart-page-wrapper .cart-page-detail .right-cart-page-wrap .recommend-list-wrap .order-list-wrap .item-name .menu-ingredients {
    font-size: 12px
}

.payment-page-wrapper .payment-page-detail {
    display: inline-block;
    width: 100%
}

.payment-page-wrapper .payment-page-detail .left-payment-page-wrap {
    float: left;
    margin-right: 50px;
    border: 1px solid #B6B6B6;
    width: -webkit-calc(65% - 50px);
    width: -moz-calc(65% - 50px);
    width: calc(65% - 50px)
}

@media (max-width:1200px) {
    .payment-page-wrapper .payment-page-detail .left-payment-page-wrap {
        width: 100%;
        margin-right: 0;
        margin-bottom: 50px
    }
}

.payment-page-wrapper .payment-page-detail .left-payment-page-wrap .select-payment-wrap {
    display: inline-block;
    width: 100%;
    margin-bottom: 20px;
    padding: 20px;
    border-bottom: 6px solid #FE2B50;
    font-family: "OpenSans light"
}

.payment-page-wrapper .payment-page-detail .left-payment-page-wrap .select-payment-wrap .select-payment-title {
    font-size: 17px
}

.payment-page-wrapper .payment-page-detail .left-payment-page-wrap .select-payment-wrap .select-payment-subtitle {
    font-size: 11px
}

.payment-page-wrapper .payment-page-detail .left-payment-page-wrap .payment-method-wrap {
    display: inline-block;
    width: 100%;
    color: #727272
}

.payment-page-wrapper .payment-page-detail .left-payment-page-wrap .payment-method-wrap .payment-tab-list {
    float: left;
    width: 160px
}

.payment-page-wrapper .payment-page-detail .left-payment-page-wrap .payment-method-wrap .payment-tab-list ul.nav-tabs {
    display: inline-block;
    width: 100%;
    margin-top: 20px;
    border: none
}

.payment-page-wrapper .payment-page-detail .left-payment-page-wrap .payment-method-wrap .payment-tab-list ul.nav-tabs li {
    float: left;
    width: 100%;
    margin-bottom: 15px;
    padding: 0;
    border-top: 1px solid #B6B6B6;
    border-right: 1px solid #B6B6B6;
    border-bottom: 1px solid #B6B6B6;
    text-align: center
}

@media (max-width:640px) {
    .payment-page-wrapper .payment-page-detail .left-payment-page-wrap .payment-method-wrap .payment-tab-list {
        width: 100%
    }
    .payment-page-wrapper .payment-page-detail .left-payment-page-wrap .payment-method-wrap .payment-tab-list ul.nav-tabs li {
        margin-bottom: 0;
        border-right: none;
        border-bottom: none
    }
    .payment-page-wrapper .payment-page-detail .left-payment-page-wrap .payment-method-wrap .payment-tab-list ul.nav-tabs li:last-child {
        border-bottom: 1px solid #B6B6B6
    }
}

.payment-page-wrapper .payment-page-detail .left-payment-page-wrap .payment-method-wrap .payment-tab-list ul.nav-tabs li.paypalClass a {
    padding: 0
}

.payment-page-wrapper .payment-page-detail .left-payment-page-wrap .payment-method-wrap .payment-tab-list ul.nav-tabs li.paypalClass.active #paypal-button {
    background-color: #C60024
}

.payment-page-wrapper .payment-page-detail .left-payment-page-wrap .payment-method-wrap .payment-tab-list ul.nav-tabs li a {
    margin: 0;
    padding: 8px;
    border: none;
    color: #727272
}

.payment-page-wrapper .payment-page-detail .left-payment-page-wrap .payment-method-wrap .payment-tab-list ul.nav-tabs li a:hover {
    border: none;
    background-color: transparent
}

.payment-page-wrapper .payment-page-detail .left-payment-page-wrap .payment-method-wrap .payment-tab-list ul.nav-tabs li.active {
    border-top: 1px solid #C60024;
    border-right: 1px solid #C60024;
    border-bottom: 1px solid #C60024
}

.payment-page-wrapper .payment-page-detail .left-payment-page-wrap .payment-method-wrap .payment-tab-list ul.nav-tabs li.active a {
    background-color: #C60024;
    color: #FFF;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0
}

.payment-page-wrapper .payment-page-detail .left-payment-page-wrap .payment-method-wrap .payment-select-tab {
    float: left;
    width: -webkit-calc(100% - 160px);
    width: -moz-calc(100% - 160px);
    width: calc(100% - 160px)
}

.payment-page-wrapper .payment-page-detail .left-payment-page-wrap .payment-method-wrap .payment-select-tab .tab-content {
    display: inline-block;
    width: 100%;
    padding: 20px 60px 80px
}

@media (max-width:640px) {
    .payment-page-wrapper .payment-page-detail .left-payment-page-wrap .payment-method-wrap .payment-select-tab {
        width: 100%
    }
    .payment-page-wrapper .payment-page-detail .left-payment-page-wrap .payment-method-wrap .payment-select-tab .tab-content {
        padding: 20px
    }
}

.payment-page-wrapper .payment-page-detail .left-payment-page-wrap .payment-method-wrap .payment-select-tab .tab-content .credit.credit-card-wrap .tab-sub-title,
.payment-page-wrapper .payment-page-detail .left-payment-page-wrap .payment-method-wrap .payment-select-tab .tab-content .credit.credit-card-wrap .tab-title {
    display: inline-block;
    width: 100%;
    color: #31708F;
    font-family: "OpenSans SemiBold"
}

.payment-page-wrapper .payment-page-detail .left-payment-page-wrap .payment-method-wrap .payment-select-tab .tab-content .credit.credit-card-wrap .tab-sub-title {
    margin-bottom: 10px;
    font-family: "OpenSans Italic"
}

.payment-page-wrapper .payment-page-detail .left-payment-page-wrap .payment-method-wrap .payment-select-tab .tab-content .credit.credit-card-wrap .credit-tab-form {
    display: inline-block;
    width: 100%;
    color: #C7C7C7
}

.payment-page-wrapper .payment-page-detail .left-payment-page-wrap .payment-method-wrap .payment-select-tab .tab-content .credit.credit-card-wrap .credit-tab-form form .form-group {
    display: inline-block;
    width: 100%
}

.payment-page-wrapper .payment-page-detail .left-payment-page-wrap .payment-method-wrap .payment-select-tab .tab-content .credit.credit-card-wrap .credit-tab-form form .form-group input {
    height: 40px;
    width: 100%;
    background-color: #FFF;
    font-size: 13px
}

.payment-page-wrapper .payment-page-detail .left-payment-page-wrap .payment-method-wrap .payment-select-tab .tab-content .credit.credit-card-wrap .credit-tab-form form .form-group input::-webkit-input-placeholder {
    color: #C3C3C3
}

.payment-page-wrapper .payment-page-detail .left-payment-page-wrap .payment-method-wrap .payment-select-tab .tab-content .credit.credit-card-wrap .credit-tab-form form .form-group input::-moz-placeholder {
    color: #C3C3C3
}

.payment-page-wrapper .payment-page-detail .left-payment-page-wrap .payment-method-wrap .payment-select-tab .tab-content .credit.credit-card-wrap .credit-tab-form form .form-group input:-ms-input-placeholder {
    color: #C3C3C3
}

.payment-page-wrapper .payment-page-detail .left-payment-page-wrap .payment-method-wrap .payment-select-tab .tab-content .credit.credit-card-wrap .credit-tab-form form .form-group .valid-date {
    float: left;
    margin-right: 3%
}

.payment-page-wrapper .payment-page-detail .left-payment-page-wrap .payment-method-wrap .payment-select-tab .tab-content .credit.credit-card-wrap .credit-tab-form form .form-group .valid-date:last-child {
    margin-right: 0
}

@media (max-width:767px) {
    .payment-page-wrapper .payment-page-detail .left-payment-page-wrap .payment-method-wrap .payment-select-tab .tab-content .credit.credit-card-wrap .credit-tab-form form .form-group .valid-date {
        width: 100%;
        margin-right: 0;
        margin-bottom: 15px
    }
    .payment-page-wrapper .payment-page-detail .left-payment-page-wrap .payment-method-wrap .payment-select-tab .tab-content .credit.credit-card-wrap .credit-tab-form form .form-group .valid-date:last-child {
        margin-bottom: 0
    }
}

.payment-page-wrapper .payment-page-detail .left-payment-page-wrap .payment-method-wrap .payment-select-tab .tab-content .credit.credit-card-wrap .credit-tab-form form .form-group .valid-date input {
    padding-left: 10px
}

.payment-page-wrapper .payment-page-detail .left-payment-page-wrap .payment-method-wrap .payment-select-tab .tab-content .credit.credit-card-wrap .credit-tab-form form .form-group .valid-date.date-month {
    width: 55%
}

@media (max-width:480px) {
    .payment-page-wrapper .payment-page-detail .left-payment-page-wrap .payment-method-wrap .payment-select-tab .tab-content .credit.credit-card-wrap .credit-tab-form form .form-group .valid-date.date-month {
        width: 100%
    }
}

.payment-page-wrapper .payment-page-detail .left-payment-page-wrap .payment-method-wrap .payment-select-tab .tab-content .credit.credit-card-wrap .credit-tab-form form .form-group .valid-date.date-month .valid-date-input {
    float: left;
    margin-right: 10px;
    width: -webkit-calc(50% - 5px);
    width: -moz-calc(50% - 5px);
    width: calc(50% - 5px)
}

.payment-page-wrapper .payment-page-detail .left-payment-page-wrap .payment-method-wrap .payment-select-tab .tab-content .credit.credit-card-wrap .credit-tab-form form .form-group .valid-date.date-month .valid-date-input:last-child {
    margin-right: 0
}

.payment-page-wrapper .payment-page-detail .left-payment-page-wrap .payment-method-wrap .payment-select-tab .tab-content .credit.credit-card-wrap .credit-tab-form form .form-group .valid-date.date-month .valid-date-input input {
    width: 100%
}

.payment-page-wrapper .payment-page-detail .left-payment-page-wrap .payment-method-wrap .payment-select-tab .tab-content .credit.credit-card-wrap .credit-tab-form form .form-group .valid-date.cvv {
    width: 42%
}

@media (max-width:480px) {
    .payment-page-wrapper .payment-page-detail .left-payment-page-wrap .payment-method-wrap .payment-select-tab .tab-content .credit.credit-card-wrap .credit-tab-form form .form-group .valid-date.cvv {
        width: 100%
    }
}

.payment-page-wrapper .payment-page-detail .left-payment-page-wrap .payment-method-wrap .payment-select-tab .tab-content .credit.credit-card-wrap .credit-tab-form form .form-group .valid-date.cvv .cvv-input {
    float: right;
    width: 80px
}

.payment-page-wrapper .payment-page-detail .left-payment-page-wrap .payment-method-wrap .payment-select-tab .tab-content .credit.credit-card-wrap .credit-tab-form form .form-group .pay-now-btn {
    width: 100%;
    padding: 10px;
    background-color: #C60024;
    font-size: 16px;
    text-align: center;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0
}

.payment-page-wrapper .payment-page-detail .left-payment-page-wrap .payment-method-wrap .payment-select-tab .tab-content .credit.credit-card-wrap .credit-tab-form form .form-group.grey-checkbox {
    margin-top: 10px;
    text-align: right
}

@media (max-width:767px) {
    .payment-page-wrapper .payment-page-detail .left-payment-page-wrap .payment-method-wrap .payment-select-tab .tab-content .credit.credit-card-wrap .credit-tab-form form .form-group.grey-checkbox {
        text-align: left
    }
}

.payment-page-wrapper .payment-page-detail .left-payment-page-wrap .payment-method-wrap .payment-select-tab .tab-content .credit.credit-card-wrap .credit-tab-form form .form-group.grey-checkbox label {
    color: #C7C7C7;
    font-size: 13px
}

.payment-page-wrapper .payment-page-detail .left-payment-page-wrap .payment-method-wrap .payment-select-tab .tab-content .credit.credit-card-wrap .credit-tab-form form .payment-card-image {
    display: inline-block;
    width: 100%;
    margin-bottom: 30px;
    text-align: right
}

.payment-page-wrapper .payment-page-detail .right-payment-page-wrap {
    float: left;
    width: 35%;
    border: 1px solid #B6B6B6
}

@media (max-width:1200px) {
    .payment-page-wrapper .payment-page-detail .right-payment-page-wrap {
        width: 100%
    }
}

.payment-page-wrapper .payment-page-detail .right-payment-page-wrap .cart-summary-title {
    display: inline-block;
    width: 100%;
    padding: 20px;
    font-size: 17px;
    font-family: "OpenSans light"
}

.payment-page-wrapper .payment-page-detail .right-payment-page-wrap .restaurant-name-wrap {
    display: inline-block;
    width: 100%;
    padding: 10px 30px;
    background-color: #FE2B50;
    color: #FFF;
    font-size: 18px
}

.payment-page-wrapper .payment-page-detail .right-payment-page-wrap .payment-order-section .order-list-wrap .order-list-table .order-list-td .list-item .order-item,
.payment-page-wrapper .payment-page-detail .right-payment-page-wrap .payment-order-section .order-list-wrap .order-list-table .order-list-th .list-item .order-item,
.payment-page-wrapper .payment-page-detail .right-payment-page-wrap .payment-order-section .order-total-list-wrap .order-total-detail .order-total-price,
.payment-page-wrapper .payment-page-detail .right-payment-page-wrap .payment-order-section .order-total-list-wrap .order-total-detail .order-total-text {
    font-size: 13px
}

.payment-page-wrapper .payment-page-detail .right-payment-page-wrap .restaurant-name-wrap .restaurant-title {
    float: left
}

.payment-page-wrapper .payment-page-detail .right-payment-page-wrap .restaurant-name-wrap .restaurant-name-text {
    float: left;
    padding-left: 10px;
    font-family: "OpenSans light"
}

.payment-page-wrapper .payment-page-detail .right-payment-page-wrap .payment-order-section {
    margin-bottom: 0;
    border: none
}

.payment-page-wrapper .payment-page-detail .right-payment-page-wrap .payment-order-section .order-list-wrap .order-list-table .order-list-td .list-item .item-name {
    padding-right: 10px
}

.payment-page-wrapper .payment-page-detail .right-payment-page-wrap .payment-order-section .order-total-list-wrap .order-total-detail .order-total-price {
    padding-right: 20px;
    text-align: right
}

.payment-page-wrapper .payment-page-detail .right-payment-page-wrap .payment-order-section .my-order-bootom-section .total-incl-btn-wrap {
    width: 100%;
}

.payment-page-wrapper .payment-page-detail .right-payment-page-wrap .payment-order-section .my-order-bootom-section .total-incl-btn-wrap .total-incl-text span {
    margin-right: 10px
}

.payment-page-wrapper .payment-page-detail .right-payment-page-wrap .payment-order-section .my-order-bootom-section .total-incl-btn-wrap .total-incl-btn-price {
    font-size: 28px
}

.payment-page-wrapper .payment-page-detail .right-payment-page-wrap .payment-order-section .order-desc-wrap {
    display: inline-block;
    width: 100%;
    padding: 30px
}

.payment-page-wrapper .payment-page-detail .right-payment-page-wrap .payment-order-section .order-desc-wrap .order-desc {
    display: inline-block;
    width: 100%;
    margin-bottom: 18px
}

.payment-page-wrapper .payment-page-detail .right-payment-page-wrap .payment-order-section .order-desc-wrap .order-desc .order-desc-title {
    margin-bottom: 4px;
    color: #31708F;
    font-size: 13px;
    font-family: "OpenSans SemiBold"
}

.payment-page-wrapper .payment-page-detail .right-payment-page-wrap .payment-order-section .order-desc-wrap .order-desc .order-desc-detail {
    font-family: "OpenSans light"
}

.payment-page-wrapper .payment-page-detail .right-payment-page-wrap .payment-order-section .order-desc-wrap .order-desc .order-desc-detail .order-desc-address p {
    margin-bottom: 2px
}

.payment-page-wrapper .payment-page-detail .right-payment-page-wrap .payment-order-section .order-desc-wrap .change-delivery-btn a {
    padding: 8px 20px;
    border: 1px solid #B6B6B6;
    background-color: #FE2B50;
    font-size: 14px;
    text-transform: none
}

.confirm-page-wrapper .op-order-details {
    display: inline-block;
    width: 100%;
    margin-top: 50px
}

.confirm-page-wrapper .op-order-details .op-detail-grid {
    float: left
}

.confirm-page-wrapper .op-order-details .op-detail-grid .op-order-title {
    margin-bottom: 18px;
    border-bottom: 2px solid #FE2B50;
    color: #727272;
    font-size: 24px;
    font-family: "OpenSans SemiBold"
}

@media (max-width:992px) {
    .confirm-page-wrapper .op-order-details .op-detail-grid .op-order-title {
        font-size: 20px
    }
}

.confirm-page-wrapper .op-order-details .op-detail-grid .op-detail-list {
    display: inline-block;
    width: 100%;
    margin-bottom: 10px;
    font-size: 16px
}

.confirm-page-wrapper .op-order-details .op-detail-grid .op-detail-list label {
    float: left;
    width: 120px;
    font-family: "OpenSans SemiBold"
}

@media (max-width:992px) {
    .confirm-page-wrapper .op-order-details .op-detail-grid .op-detail-list {
        font-size: 14px
    }
    .confirm-page-wrapper .op-order-details .op-detail-grid .op-detail-list label {
        width: 80px
    }
}

.confirm-page-wrapper .op-order-details .op-detail-grid .op-detail-list span {
    float: left;
    width: -webkit-calc(100% - 120px);
    width: -moz-calc(100% - 120px);
    width: calc(100% - 120px)
}

@media (max-width:992px) {
    .confirm-page-wrapper .op-order-details .op-detail-grid .op-detail-list span {
        width: -webkit-calc(100% - 80px);
        width: -moz-calc(100% - 80px);
        width: calc(100% - 80px)
    }
}

@media (max-width:767px) {
    .confirm-page-wrapper .op-order-details .op-detail-grid.op-add {
        width: 100%;
        margin-right: 0
    }
}

.confirm-page-wrapper .op-order-details.op-order-info .op-detail-grid,
.confirm-page-wrapper .op-order-details.op-order-table .op-detail-grid {
    width: 100%
}

.confirm-page-wrapper .op-order-details.op-order-info .op-detail-grid {
    margin-right: 30px;
    width: -webkit-calc(33.33% - 20px);
    width: -moz-calc(33.33% - 20px);
    width: calc(33.33% - 20px)
}

.confirm-page-wrapper .op-order-details.op-order-info .op-detail-grid:last-child {
    margin-right: 0
}

@media (max-width:767px) {
    .confirm-page-wrapper .op-order-details.op-order-info .op-detail-grid {
        width: 100%;
        margin-right: 0
    }
}

.confirm-page-wrapper .op-order-details.op-order-info .op-detail-grid .op-detail-list label {
    width: 185px
}

@media (max-width:992px) {
    .confirm-page-wrapper .op-order-details.op-order-info .op-detail-grid .op-detail-list label {
        width: 150px
    }
}

.confirm-page-wrapper .op-order-details.op-order-info .op-detail-grid .op-detail-list span {
    width: -webkit-calc(100% - 185px);
    width: -moz-calc(100% - 185px);
    width: calc(100% - 185px)
}

@media (max-width:992px) {
    .confirm-page-wrapper .op-order-details.op-order-info .op-detail-grid .op-detail-list span {
        width: -webkit-calc(100% - 150px);
        width: -moz-calc(100% - 150px);
        width: calc(100% - 150px)
    }
    .confirm-page-wrapper .op-order-details.op-order-info .op-detail-grid.op-persn-detail .op-detail-list label {
        font-size: 15px
    }
}

.confirm-page-wrapper .op-order-details.op-order-info .op-detail-grid.op-persn-detail {
    float: right;
    text-align: right
}

@media (max-width:767px) {
    .confirm-page-wrapper .op-order-details.op-order-info .op-detail-grid.op-persn-detail {
        float: left;
        width: 100%
    }
}

.confirm-page-wrapper .op-order-details.op-order-info .op-detail-grid.op-persn-detail .op-detail-list label {
    width: 100%;
    color: #727272
}

.confirm-page-wrapper .op-order-details.op-order-info .op-detail-grid.op-persn-detail .op-detail-list span {
    width: 100%;
    font-size: 20px;
    color: #FE2B50
}

.confirm-page-wrapper .op-order-details.op-order-info .op-detail-grid.op-persn-detail .op-detail-list.order-number span {
    font-size: 30px
}

.confirm-page-wrapper .op-order-details.op-order-info.add-info .op-detail-grid:first-child {
    margin-right: 0
}

.confirm-page-wrapper .op-order-details.op-order-table .op-order-list-wrap .order-list-details,
.confirm-page-wrapper .op-order-details.op-order-table .op-order-list-wrap .order-list-header {
    display: inline-block;
    width: 100%
}

.confirm-page-wrapper .op-order-details.op-order-table .op-order-list-wrap .order-list-details .order-desc,
.confirm-page-wrapper .op-order-details.op-order-table .op-order-list-wrap .order-list-header .order-desc {
    float: left;
    width: -webkit-calc(100% - 360px);
    width: -moz-calc(100% - 360px);
    width: calc(100% - 360px)
}

@media (max-width:992px) {
    .confirm-page-wrapper .op-order-details.op-order-info .op-detail-grid.op-persn-detail .op-detail-list.order-number span {
        font-size: 26px
    }
    .confirm-page-wrapper .op-order-details.op-order-table .op-order-list-wrap .order-list-details .order-desc,
    .confirm-page-wrapper .op-order-details.op-order-table .op-order-list-wrap .order-list-header .order-desc {
        width: -webkit-calc(100% - 190px);
        width: -moz-calc(100% - 190px);
        width: calc(100% - 190px)
    }
}

@media (max-width:480px) {
    .confirm-page-wrapper .op-order-details.op-order-table .op-order-list-wrap .order-list-details .order-desc,
    .confirm-page-wrapper .op-order-details.op-order-table .op-order-list-wrap .order-list-header .order-desc {
        width: -webkit-calc(100% - 160px);
        width: -moz-calc(100% - 160px);
        width: calc(100% - 160px)
    }
}

.confirm-page-wrapper .op-order-details.op-order-table .op-order-list-wrap .order-list-details .order-qty,
.confirm-page-wrapper .op-order-details.op-order-table .op-order-list-wrap .order-list-header .order-qty {
    float: left;
    width: 100px
}

@media (max-width:992px) {
    .confirm-page-wrapper .op-order-details.op-order-table .op-order-list-wrap .order-list-details .order-qty,
    .confirm-page-wrapper .op-order-details.op-order-table .op-order-list-wrap .order-list-header .order-qty {
        width: 40px
    }
}

@media (max-width:480px) {
    .confirm-page-wrapper .op-order-details.op-order-table .op-order-list-wrap .order-list-details .order-qty,
    .confirm-page-wrapper .op-order-details.op-order-table .op-order-list-wrap .order-list-header .order-qty {
        width: 30px
    }
}

.confirm-page-wrapper .op-order-details.op-order-table .op-order-list-wrap .order-list-details .order-total,
.confirm-page-wrapper .op-order-details.op-order-table .op-order-list-wrap .order-list-details .order-unit,
.confirm-page-wrapper .op-order-details.op-order-table .op-order-list-wrap .order-list-header .order-total,
.confirm-page-wrapper .op-order-details.op-order-table .op-order-list-wrap .order-list-header .order-unit {
    float: left;
    width: 130px;
    text-align: right
}

@media (max-width:992px) {
    .confirm-page-wrapper .op-order-details.op-order-table .op-order-list-wrap .order-list-details .order-total,
    .confirm-page-wrapper .op-order-details.op-order-table .op-order-list-wrap .order-list-details .order-unit,
    .confirm-page-wrapper .op-order-details.op-order-table .op-order-list-wrap .order-list-header .order-total,
    .confirm-page-wrapper .op-order-details.op-order-table .op-order-list-wrap .order-list-header .order-unit {
        width: 75px
    }
}

.confirm-page-wrapper .op-order-details.op-order-table .op-order-list-wrap .order-list-header {
    margin-bottom: 20px
}

.confirm-page-wrapper .op-order-details.op-order-table .op-order-list-wrap .order-list-header .order-qty,
.confirm-page-wrapper .op-order-details.op-order-table .op-order-list-wrap .order-list-header .order-total,
.confirm-page-wrapper .op-order-details.op-order-table .op-order-list-wrap .order-list-header .order-unit {
    font-family: "OpenSans SemiBold";
    font-size: 15px
}

@media (max-width:480px) {
    .confirm-page-wrapper .op-order-details.op-order-table .op-order-list-wrap .order-list-details .order-total,
    .confirm-page-wrapper .op-order-details.op-order-table .op-order-list-wrap .order-list-details .order-unit,
    .confirm-page-wrapper .op-order-details.op-order-table .op-order-list-wrap .order-list-header .order-total,
    .confirm-page-wrapper .op-order-details.op-order-table .op-order-list-wrap .order-list-header .order-unit {
        width: 65px
    }
    .confirm-page-wrapper .op-order-details.op-order-table .op-order-list-wrap .order-list-header .order-qty,
    .confirm-page-wrapper .op-order-details.op-order-table .op-order-list-wrap .order-list-header .order-total,
    .confirm-page-wrapper .op-order-details.op-order-table .op-order-list-wrap .order-list-header .order-unit {
        font-size: 12px
    }
}

.confirm-page-wrapper .op-order-details.op-order-table .op-order-list-wrap .order-list-details {
    margin-bottom: 10px;
    font-size: 20px
}

@media (max-width:992px) {
    .confirm-page-wrapper .op-order-details.op-order-table .op-order-list-wrap .order-list-details {
        font-size: 13px
    }
}

.confirm-page-wrapper .op-order-details.op-order-table .op-order-total-wrap {
    margin-top: 30px;
    padding-top: 30px;
    border-top: 1px solid rgba(114, 114, 114, .4);
    text-align: right
}

.confirm-page-wrapper .op-order-details.op-order-table .op-order-total-wrap .total-wrap {
    display: inline-block;
    width: 100%;
    margin-bottom: 10px
}

.confirm-page-wrapper .op-order-details.op-order-table .op-order-total-wrap .total-wrap .total-label {
    float: left;
    font-size: 17px;
    font-family: "OpenSans light";
    width: -webkit-calc(100% - 260px);
    width: -moz-calc(100% - 260px);
    width: calc(100% - 260px)
}

@media (max-width:992px) {
    .confirm-page-wrapper .op-order-details.op-order-table .op-order-total-wrap .total-wrap .total-label {
        font-size: 13px
    }
}

@media (max-width:767px) {
    .confirm-page-wrapper .op-order-details.op-order-table .op-order-total-wrap .total-wrap .total-label {
        width: -webkit-calc(100% - 150px);
        width: -moz-calc(100% - 150px);
        width: calc(100% - 150px)
    }
}

@media (max-width:480px) {
    .confirm-page-wrapper .op-order-details.op-order-table .op-order-total-wrap .total-wrap .total-label {
        width: -webkit-calc(100% - 80px);
        width: -moz-calc(100% - 80px);
        width: calc(100% - 80px)
    }
}

.confirm-page-wrapper .op-order-details.op-order-table .op-order-total-wrap .total-wrap .total-price {
    float: left;
    width: 260px;
    font-size: 20px
}

@media (max-width:767px) {
    .confirm-page-wrapper .op-order-details.op-order-table .op-order-total-wrap .total-wrap .total-price {
        width: 80px
    }
}

.my-history-breadcrumb {
    padding: 0 60px 0;
    font-family: "OpenSans Regular"
}

@media (max-width:992px) {
    .confirm-page-wrapper .op-order-details.op-order-table .op-order-total-wrap .total-wrap .total-price {
        font-size: 13px
    }
    .my-history-breadcrumb {
        padding: 30px 30px 0
    }
}

.my-history-breadcrumb .breadcrumb {
    padding: 0 0 0 70px
}

.my-history-breadcrumb .breadcrumb>li {
    font-size: 20px;
    font-family: 'Monteserrat', sans-serif;
    color: #000;
    text-transform: uppercase;
}

.my-history-page-wrapper {
    padding-top: 40px
}

@media (max-width:992px) {
    .my-history-page-wrapper {
        padding: 30px
    }
}

.my-history-page-wrapper .my-history-page-detail {
    display: inline-block;
    width: 100%;
    font-family: "Century-gothic Regular"
}

.my-history-page-wrapper .my-history-page-detail .left-history-tab-list {
    float: left;
    min-height: 700px;
    width: 315px;
    margin-right: 65px;
    padding: 0 20px;
    border: 1px solid #B6B6B6
}

@media (max-width:992px) {
    .my-history-page-wrapper .my-history-page-detail .left-history-tab-list {
        width: 275px;
        margin-right: 25px
    }
}

@media (max-width:767px) {
    .my-history-page-wrapper .my-history-page-detail .left-history-tab-list {
        min-height: 0;
        width: 100%;
        margin-right: 0;
        margin-bottom: 30px;
        padding: 0
    }
}

.my-history-page-wrapper .my-history-page-detail .left-history-tab-list ul {
    display: inline-block;
    width: 100%;
    margin-bottom: 0;
    padding-left: 0;
    list-style-type: none
}

.my-history-page-wrapper .my-history-page-detail .left-history-tab-list ul li {
    display: inline-block;
    width: 100%;
    padding-left: 30px;
    border-bottom: 1px solid #B6B6B6
}

@media (max-width:992px) {
    .my-history-page-wrapper .my-history-page-detail .left-history-tab-list ul li {
        padding-left: 10px
    }
}

.my-history-page-wrapper .my-history-page-detail .left-history-tab-list ul li:last-child {
    border-bottom: none
}

.my-history-page-wrapper .my-history-page-detail .left-history-tab-list ul li a {
    display: inline-block;
    width: 100%;
    padding: 17px 0;
    color: #484747;
    font-size: 16px
}

.my-history-page-wrapper .my-history-page-detail .left-history-tab-list ul li a:hover {
    color: #DB1300
}

.my-history-page-wrapper .my-history-page-detail .left-history-tab-list ul li.active a {
    color: #333;
    font-family: "Century-gothic Bold"
}

.my-history-page-wrapper .my-history-page-detail .right-history-tab-details {
    float: left;
    width: -webkit-calc(100% - 380px);
    width: -moz-calc(100% - 380px);
    width: calc(100% - 380px)
}

@media (max-width:992px) {
    .my-history-page-wrapper .my-history-page-detail .right-history-tab-details {
        width: -webkit-calc(100% - 300px);
        width: -moz-calc(100% - 300px);
        width: calc(100% - 300px)
    }
}

@media (max-width:767px) {
    .my-history-page-wrapper .my-history-page-detail .left-history-tab-list ul li a {
        padding: 12px 0;
        font-size: 14px
    }
    .my-history-page-wrapper .my-history-page-detail .right-history-tab-details {
        width: 100%
    }
}

.my-history-page-wrapper .my-history-page-detail .right-history-tab-details .my-profile-wrap .form-group {
    display: inline-block;
    width: 100%;
    margin-bottom: 20px
}

.my-history-page-wrapper .my-history-page-detail .right-history-tab-details .my-profile-wrap .form-group label {
    display: inline-block;
    width: 100%;
    margin-bottom: 10px;
    color: #787878;
    font-size: 13px;
    font-family: "Century-gothic Bold"
}

.my-history-page-wrapper .my-history-page-detail .right-history-tab-details .my-profile-wrap .form-group input {
    width: 65%;
    padding-left: 20px
}

@media (max-width:992px) {
    .my-history-page-wrapper .my-history-page-detail .right-history-tab-details .my-profile-wrap .form-group input {
        width: 100%
    }
}

.my-history-page-wrapper .my-history-page-detail .right-history-tab-details .my-profile-wrap .form-heading {
    display: inline-block;
    width: 100%;
    margin-top: 10px;
    margin-bottom: 20px;
    color: #787878;
    font-size: 16px;
    font-family: "Century-gothic Bold"
}

.my-history-page-wrapper .my-history-page-detail .right-history-tab-details .my-profile-wrap .form-heading .comopare-address {
    margin-top: 12px
}

.my-history-page-wrapper .my-history-page-detail .right-history-tab-details .my-profile-wrap .form-heading .comopare-address label {
    color: #727272
}

.my-history-page-wrapper .my-history-page-detail .right-history-tab-details .my-profile-wrap .account-name-wrap {
    display: inline-block;
    width: 100%;
    margin-bottom: 30px;
    font-size: 23px;
    font-family: "OpenSans Regular"
}

@media (max-width:480px) {
    .my-history-page-wrapper .my-history-page-detail .right-history-tab-details .my-profile-wrap .account-name-wrap {
        font-size: 18px
    }
}

.my-history-page-wrapper .my-history-page-detail .right-history-tab-details .my-profile-wrap .account-name-wrap .your-account-text {
    float: left;
    margin-right: 14px;
    color: #484747;
    font-family: "OpenSans SemiBold"
}

.my-history-page-wrapper .my-history-page-detail .right-history-tab-details .my-profile-wrap .account-name-wrap .person-name {
    float: left;
    color: #FE2B50
}

.my-history-page-wrapper .my-history-page-detail .right-history-tab-details .my-profile-wrap .profile-image-wrap {
    display: inline-block;
    width: 100%
}

.my-history-page-wrapper .my-history-page-detail .right-history-tab-details .my-profile-wrap .profile-image-wrap .current-profile-image {
    display: inline-block;
    width: 100%;
    margin-bottom: 20px
}

.my-history-page-wrapper .my-history-page-detail .right-history-tab-details .my-profile-wrap .profile-image-wrap .current-profile-image .profile-image {
    display: inline-block;
    margin-right: 15px
}

.my-history-page-wrapper .my-history-page-detail .right-history-tab-details .my-profile-wrap .profile-image-wrap .current-profile-image a {
    display: inline-block;
    color: #787878;
    font-size: 14px;
    font-family: "Century-gothic Bold";
    vertical-align: bottom
}

.my-history-page-wrapper .my-history-page-detail .right-history-tab-details .my-profile-wrap .profile-image-wrap .update-profile-image {
    display: none;
    width: 100%
}

.my-history-page-wrapper .my-history-page-detail .right-history-tab-details .my-profile-wrap .profile-image-wrap .update-profile-image .browse-btn {
    float: left;
    margin-top: 10px;
    margin-right: 10px
}

.my-history-page-wrapper .my-history-page-detail .right-history-tab-details .my-profile-wrap .profile-image-wrap .update-profile-image .update-image {
    float: left
}

.my-history-page-wrapper .my-history-page-detail .right-history-tab-details .my-profile-wrap .profile-image-wrap .update-profile-image .update-image .submit-btn {
    padding: 10px 18px;
    border: none;
    font-size: 13px
}

.my-history-page-wrapper .my-history-page-detail .right-history-tab-details .my-profile-wrap .personal-detail-wrap {
    display: inline-block;
    width: 100%;
    margin-top: 20px
}

.my-history-page-wrapper .my-history-page-detail .right-history-tab-details .my-profile-wrap .personal-detail-wrap .verified-wrap,
.my-history-page-wrapper .my-history-page-detail .right-history-tab-details .my-profile-wrap .personal-detail-wrap .verify-wrap {
    position: relative;
    float: left;
    width: 65%;
    margin-right: 25px
}

@media (max-width:992px) {
    .my-history-page-wrapper .my-history-page-detail .right-history-tab-details .my-profile-wrap .personal-detail-wrap .verified-wrap,
    .my-history-page-wrapper .my-history-page-detail .right-history-tab-details .my-profile-wrap .personal-detail-wrap .verify-wrap {
        width: 100%;
        margin-right: 0
    }
}

.my-history-page-wrapper .my-history-page-detail .right-history-tab-details .my-profile-wrap .personal-detail-wrap .verified-wrap input,
.my-history-page-wrapper .my-history-page-detail .right-history-tab-details .my-profile-wrap .personal-detail-wrap .verify-wrap input {
    width: 100%
}

.my-history-page-wrapper .my-history-page-detail .right-history-tab-details .my-profile-wrap .personal-detail-wrap .verify-wrap .verify-text {
    position: absolute;
    top: 0;
    right: 0;
    margin-top: 12px;
    margin-right: 25px
}

@media (max-width:640px) {
    .my-history-page-wrapper .my-history-page-detail .right-history-tab-details .my-profile-wrap .personal-detail-wrap .verify-wrap .verify-text {
        margin-right: 10px
    }
}

.my-history-page-wrapper .my-history-page-detail .right-history-tab-details .my-profile-wrap .personal-detail-wrap .verify-wrap .verify-text a {
    color: #FE2B50;
    font-size: 13px
}

.my-history-page-wrapper .my-history-page-detail .right-history-tab-details .my-profile-wrap .personal-detail-wrap .verified-wrap .verified-text {
    position: absolute;
    top: 0;
    right: 0;
    margin-top: 8px;
    margin-right: 25px
}

.my-history-page-wrapper .my-history-page-detail .right-history-tab-details .my-profile-wrap .personal-detail-wrap .verified-wrap .verified-text img {
    height: 22px;
    width: 22px
}

.my-history-page-wrapper .my-history-page-detail .right-history-tab-details .my-profile-wrap .personal-detail-wrap .edit-input {
    float: left;
    margin-top: 8px;
    color: #C3C3C3;
    font-size: 15px;
    font-family: "OpenSans light";
    text-transform: uppercase
}

.my-history-page-wrapper .my-history-page-detail .right-history-tab-details .my-profile-wrap .personal-detail-wrap .edit-input:hover {
    color: #DB1300
}

@media (max-width:992px) {
    .my-history-page-wrapper .my-history-page-detail .right-history-tab-details .my-profile-wrap .personal-detail-wrap .edit-input {
        width: 100%;
        text-align: right
    }
}

.my-history-page-wrapper .my-history-page-detail .right-history-tab-details .my-profile-wrap .changed-password-wrap {
    display: inline-block;
    width: 100%;
    margin-top: 30px
}

.my-history-page-wrapper .my-history-page-detail .right-history-tab-details .my-profile-wrap .changed-password-wrap .changed-password-text {
    font-size: 12px
}

.my-history-page-wrapper .my-history-page-detail .right-history-tab-details .my-profile-wrap .changed-password-wrap .changed-password-text a {
    color: #FE2B50
}

.my-history-page-wrapper .my-history-page-detail .right-history-tab-details .my-profile-wrap .changed-password-wrap .changed-pwd-form-wrap .modal-body {
    padding: 30px 60px
}

@media (max-width:767px) {
    .my-history-page-wrapper .my-history-page-detail .right-history-tab-details .my-profile-wrap .changed-password-wrap .changed-pwd-form-wrap .modal-body {
        padding: 30px
    }
}

.my-history-page-wrapper .my-history-page-detail .right-history-tab-details .my-profile-wrap .changed-password-wrap .changed-pwd-form-wrap .modal-body h2 {
    display: inline-block;
    width: 100%;
    margin-top: 0;
    margin-bottom: 30px;
    font-size: 21px;
    font-family: "Century-gothic Bold";
    text-align: center
}

.my-history-page-wrapper .my-history-page-detail .right-history-tab-details .my-profile-wrap .changed-password-wrap .changed-pwd-form-wrap .modal-body .changed-pwd-form .form-group input {
    width: 100%
}

.my-history-page-wrapper .my-history-page-detail .right-history-tab-details .my-profile-wrap .changed-password-wrap .changed-pwd-form-wrap .modal-body .changed-pwd-btn {
    margin-top: 20px;
    text-align: center
}

@media (max-width:640px) {
    .my-history-page-wrapper .my-history-page-detail .right-history-tab-details .my-profile-wrap .personal-detail-wrap .verified-wrap .verified-text {
        margin-right: 10px
    }
    .my-history-page-wrapper .my-history-page-detail .right-history-tab-details .my-profile-wrap .changed-password-wrap .changed-pwd-form-wrap .modal-body .changed-pwd-btn a {
        width: 100%;
        margin-bottom: 10px
    }
}

.my-history-page-wrapper .my-history-page-detail .right-history-tab-details .my-profile-wrap .save-detail-btn {
    display: inline-block;
    width: 65%;
    text-align: right
}

.my-history-page-wrapper .my-history-page-detail .right-history-tab-details .my-reservation-wrap {
    font-family: "OpenSans Regular"
}

.my-history-page-wrapper .my-history-page-detail .right-history-tab-details .my-reservation-wrap .serch-view-filter-section {
    font-family: "Century-gothic Regular"
}

@media (max-width:1300px) {
    .my-history-page-wrapper .my-history-page-detail .right-history-tab-details .my-reservation-wrap .serch-view-filter-section {
        padding-right: 10px;
        padding-left: 10px
    }
}

@media (max-width:480px) {
    .my-history-page-wrapper .my-history-page-detail .right-history-tab-details .my-reservation-wrap .serch-view-filter-section {
        padding-right: 0;
        padding-left: 0
    }
}

.my-history-page-wrapper .my-history-page-detail .right-history-tab-details .my-reservation-wrap .serch-view-filter-section .month-section,
.my-history-page-wrapper .my-history-page-detail .right-history-tab-details .my-reservation-wrap .serch-view-filter-section .sort-by-section,
.my-history-page-wrapper .my-history-page-detail .right-history-tab-details .my-reservation-wrap .serch-view-filter-section .status-section,
.my-history-page-wrapper .my-history-page-detail .right-history-tab-details .my-reservation-wrap .serch-view-filter-section .task-page-section {
    margin-left: 20px
}

@media (max-width:1200px) {
    .my-history-page-wrapper .my-history-page-detail .right-history-tab-details .my-reservation-wrap .serch-view-filter-section .month-section,
    .my-history-page-wrapper .my-history-page-detail .right-history-tab-details .my-reservation-wrap .serch-view-filter-section .sort-by-section,
    .my-history-page-wrapper .my-history-page-detail .right-history-tab-details .my-reservation-wrap .serch-view-filter-section .status-section,
    .my-history-page-wrapper .my-history-page-detail .right-history-tab-details .my-reservation-wrap .serch-view-filter-section .task-page-section {
        width: 100%;
        margin-bottom: 10px
    }
}

@media (max-width:640px) {
    .my-history-page-wrapper .my-history-page-detail .right-history-tab-details .my-reservation-wrap .serch-view-filter-section .month-section,
    .my-history-page-wrapper .my-history-page-detail .right-history-tab-details .my-reservation-wrap .serch-view-filter-section .sort-by-section,
    .my-history-page-wrapper .my-history-page-detail .right-history-tab-details .my-reservation-wrap .serch-view-filter-section .status-section,
    .my-history-page-wrapper .my-history-page-detail .right-history-tab-details .my-reservation-wrap .serch-view-filter-section .task-page-section {
        margin-left: 0
    }
}

.my-history-page-wrapper .my-history-page-detail .right-history-tab-details .my-reservation-wrap .restaurant-table-wrap .restaurant-table-header .cuisine-name-wrap .cuisine-title,
.my-history-page-wrapper .my-history-page-detail .right-history-tab-details .my-reservation-wrap .restaurant-table-wrap .restaurant-table-header .cuisine-name-wrap .restaurant-title,
.my-history-page-wrapper .my-history-page-detail .right-history-tab-details .my-reservation-wrap .restaurant-table-wrap .restaurant-table-header .restaurant-name-wrap .cuisine-title,
.my-history-page-wrapper .my-history-page-detail .right-history-tab-details .my-reservation-wrap .restaurant-table-wrap .restaurant-table-header .restaurant-name-wrap .restaurant-title {
    float: left;
    margin-right: 6px;
    font-family: "OpenSans SemiBold"
}

.my-history-page-wrapper .my-history-page-detail .right-history-tab-details .my-reservation-wrap .restaurant-table-wrap .restaurant-table-header .cuisine-name-wrap .cuisine-name-text,
.my-history-page-wrapper .my-history-page-detail .right-history-tab-details .my-reservation-wrap .restaurant-table-wrap .restaurant-table-header .cuisine-name-wrap .restaurant-name-text,
.my-history-page-wrapper .my-history-page-detail .right-history-tab-details .my-reservation-wrap .restaurant-table-wrap .restaurant-table-header .restaurant-name-wrap .cuisine-name-text,
.my-history-page-wrapper .my-history-page-detail .right-history-tab-details .my-reservation-wrap .restaurant-table-wrap .restaurant-table-header .restaurant-name-wrap .restaurant-name-text {
    float: left
}

.my-history-page-wrapper .my-history-page-detail .right-history-tab-details .my-reservation-wrap .restaurant-table-wrap .restaurant-table-header .restaurant-name-wrap {
    float: left;
    font-size: 18px
}

.my-history-page-wrapper .my-history-page-detail .right-history-tab-details .my-reservation-wrap .restaurant-table-wrap .restaurant-table-header .restaurant-name-wrap .restaurant-name-text {
    font-family: "OpenSans light"
}

.my-history-page-wrapper .my-history-page-detail .right-history-tab-details .my-reservation-wrap .restaurant-table-wrap .restaurant-table-header .cuisine-name-wrap {
    float: right;
    margin-top: 4px;
    font-size: 12px
}

@media (max-width:992px) {
    .my-history-page-wrapper .my-history-page-detail .right-history-tab-details .my-profile-wrap .save-detail-btn,
    .my-history-page-wrapper .my-history-page-detail .right-history-tab-details .my-reservation-wrap .restaurant-table-wrap .restaurant-table-header .restaurant-name-wrap {
        width: 100%
    }
    .my-history-page-wrapper .my-history-page-detail .right-history-tab-details .my-reservation-wrap .restaurant-table-wrap .restaurant-table-header .cuisine-name-wrap {
        float: left;
        width: 100%
    }
}

.my-history-page-wrapper .my-history-page-detail .right-history-tab-details .my-reservation-wrap .restaurant-table-wrap .restaurant-table-detail-wrap .restaurant-table-sub-header .arrival-time-wrap,
.my-history-page-wrapper .my-history-page-detail .right-history-tab-details .my-reservation-wrap .restaurant-table-wrap .restaurant-table-detail-wrap .restaurant-table-sub-header .booking-date-wrap,
.my-history-page-wrapper .my-history-page-detail .right-history-tab-details .my-reservation-wrap .restaurant-table-wrap .restaurant-table-detail-wrap .restaurant-table-sub-header .reservation-date-wrap {
    float: left;
    font-size: 17px
}

@media (max-width:1300px) {
    .my-history-page-wrapper .my-history-page-detail .right-history-tab-details .my-reservation-wrap .restaurant-table-wrap .restaurant-table-detail-wrap .restaurant-table-sub-header .arrival-time-wrap,
    .my-history-page-wrapper .my-history-page-detail .right-history-tab-details .my-reservation-wrap .restaurant-table-wrap .restaurant-table-detail-wrap .restaurant-table-sub-header .booking-date-wrap,
    .my-history-page-wrapper .my-history-page-detail .right-history-tab-details .my-reservation-wrap .restaurant-table-wrap .restaurant-table-detail-wrap .restaurant-table-sub-header .reservation-date-wrap {
        font-size: 18px
    }
}

.my-history-page-wrapper .my-history-page-detail .right-history-tab-details .my-reservation-wrap .restaurant-table-wrap .restaurant-table-detail-wrap .restaurant-table-sub-header .arrival-time-wrap .arrival-time-title,
.my-history-page-wrapper .my-history-page-detail .right-history-tab-details .my-reservation-wrap .restaurant-table-wrap .restaurant-table-detail-wrap .restaurant-table-sub-header .arrival-time-wrap .booking-date-title,
.my-history-page-wrapper .my-history-page-detail .right-history-tab-details .my-reservation-wrap .restaurant-table-wrap .restaurant-table-detail-wrap .restaurant-table-sub-header .arrival-time-wrap .reservation-date-title,
.my-history-page-wrapper .my-history-page-detail .right-history-tab-details .my-reservation-wrap .restaurant-table-wrap .restaurant-table-detail-wrap .restaurant-table-sub-header .booking-date-wrap .arrival-time-title,
.my-history-page-wrapper .my-history-page-detail .right-history-tab-details .my-reservation-wrap .restaurant-table-wrap .restaurant-table-detail-wrap .restaurant-table-sub-header .booking-date-wrap .booking-date-title,
.my-history-page-wrapper .my-history-page-detail .right-history-tab-details .my-reservation-wrap .restaurant-table-wrap .restaurant-table-detail-wrap .restaurant-table-sub-header .booking-date-wrap .reservation-date-title,
.my-history-page-wrapper .my-history-page-detail .right-history-tab-details .my-reservation-wrap .restaurant-table-wrap .restaurant-table-detail-wrap .restaurant-table-sub-header .reservation-date-wrap .arrival-time-title,
.my-history-page-wrapper .my-history-page-detail .right-history-tab-details .my-reservation-wrap .restaurant-table-wrap .restaurant-table-detail-wrap .restaurant-table-sub-header .reservation-date-wrap .booking-date-title,
.my-history-page-wrapper .my-history-page-detail .right-history-tab-details .my-reservation-wrap .restaurant-table-wrap .restaurant-table-detail-wrap .restaurant-table-sub-header .reservation-date-wrap .reservation-date-title {
    display: inline-block;
    margin-right: 6px;
    font-family: "OpenSans SemiBold"
}

.my-history-page-wrapper .my-history-page-detail .right-history-tab-details .my-reservation-wrap .restaurant-table-wrap .restaurant-table-detail-wrap .restaurant-table-sub-header .arrival-time-wrap .arrival-time,
.my-history-page-wrapper .my-history-page-detail .right-history-tab-details .my-reservation-wrap .restaurant-table-wrap .restaurant-table-detail-wrap .restaurant-table-sub-header .arrival-time-wrap .booking-date,
.my-history-page-wrapper .my-history-page-detail .right-history-tab-details .my-reservation-wrap .restaurant-table-wrap .restaurant-table-detail-wrap .restaurant-table-sub-header .arrival-time-wrap .reservation-date,
.my-history-page-wrapper .my-history-page-detail .right-history-tab-details .my-reservation-wrap .restaurant-table-wrap .restaurant-table-detail-wrap .restaurant-table-sub-header .booking-date-wrap .arrival-time,
.my-history-page-wrapper .my-history-page-detail .right-history-tab-details .my-reservation-wrap .restaurant-table-wrap .restaurant-table-detail-wrap .restaurant-table-sub-header .booking-date-wrap .booking-date,
.my-history-page-wrapper .my-history-page-detail .right-history-tab-details .my-reservation-wrap .restaurant-table-wrap .restaurant-table-detail-wrap .restaurant-table-sub-header .booking-date-wrap .reservation-date,
.my-history-page-wrapper .my-history-page-detail .right-history-tab-details .my-reservation-wrap .restaurant-table-wrap .restaurant-table-detail-wrap .restaurant-table-sub-header .reservation-date-wrap .arrival-time,
.my-history-page-wrapper .my-history-page-detail .right-history-tab-details .my-reservation-wrap .restaurant-table-wrap .restaurant-table-detail-wrap .restaurant-table-sub-header .reservation-date-wrap .booking-date,
.my-history-page-wrapper .my-history-page-detail .right-history-tab-details .my-reservation-wrap .restaurant-table-wrap .restaurant-table-detail-wrap .restaurant-table-sub-header .reservation-date-wrap .reservation-date {
    display: inline-block;
    font-family: "OpenSans light"
}

.my-history-page-wrapper .my-history-page-detail .right-history-tab-details .my-reservation-wrap .restaurant-table-wrap .restaurant-table-detail-wrap .restaurant-table-sub-header .reservation-date-wrap {
    text-align: center
}

.my-history-page-wrapper .my-history-page-detail .right-history-tab-details .my-reservation-wrap .restaurant-table-wrap .restaurant-table-detail-wrap .restaurant-table-sub-header .booking-date-wrap,
.my-history-page-wrapper .my-history-page-detail .right-history-tab-details .my-reservation-wrap .restaurant-table-wrap .restaurant-table-detail-wrap .restaurant-table-sub-header .reservation-date-wrap {
    width: 35%
}

@media (max-width:992px) {
    .my-history-page-wrapper .my-history-page-detail .right-history-tab-details .my-reservation-wrap .restaurant-table-wrap .restaurant-table-detail-wrap .restaurant-table-sub-header .booking-date-wrap,
    .my-history-page-wrapper .my-history-page-detail .right-history-tab-details .my-reservation-wrap .restaurant-table-wrap .restaurant-table-detail-wrap .restaurant-table-sub-header .reservation-date-wrap {
        width: 100%;
        text-align: left
    }
}

.my-history-page-wrapper .my-history-page-detail .right-history-tab-details .my-reservation-wrap .restaurant-table-wrap .restaurant-table-detail-wrap .restaurant-table-sub-header .arrival-time-wrap {
    width: 30%;
    margin-right: 0;
    text-align: right
}

.my-history-page-wrapper .my-history-page-detail .right-history-tab-details .my-reservation-wrap .restaurant-table-wrap .restaurant-table-detail-wrap .restaurant-table-detail.reservation-detail {
    padding-top: 22px;
    padding-bottom: 22px
}

.my-history-page-wrapper .my-history-page-detail .right-history-tab-details .my-reservation-wrap .restaurant-table-wrap .restaurant-table-detail-wrap .restaurant-table-detail .reservation-id-wrap .reservation-id-text,
.my-history-page-wrapper .my-history-page-detail .right-history-tab-details .my-reservation-wrap .restaurant-table-wrap .restaurant-table-detail-wrap .restaurant-table-detail .reservation-id-wrap .your-order-text,
.my-history-page-wrapper .my-history-page-detail .right-history-tab-details .my-reservation-wrap .restaurant-table-wrap .restaurant-table-detail-wrap .restaurant-table-detail .your-order-status-wrap .reservation-id-text,
.my-history-page-wrapper .my-history-page-detail .right-history-tab-details .my-reservation-wrap .restaurant-table-wrap .restaurant-table-detail-wrap .restaurant-table-detail .your-order-status-wrap .your-order-text {
    display: inline-block;
    margin-right: 6px;
    font-family: "OpenSans SemiBold"
}

.my-history-page-wrapper .my-history-page-detail .right-history-tab-details .my-reservation-wrap .restaurant-table-wrap .restaurant-table-detail-wrap .restaurant-table-detail .reservation-id-wrap .order-status,
.my-history-page-wrapper .my-history-page-detail .right-history-tab-details .my-reservation-wrap .restaurant-table-wrap .restaurant-table-detail-wrap .restaurant-table-detail .reservation-id-wrap .reservation-id,
.my-history-page-wrapper .my-history-page-detail .right-history-tab-details .my-reservation-wrap .restaurant-table-wrap .restaurant-table-detail-wrap .restaurant-table-detail .your-order-status-wrap .order-status,
.my-history-page-wrapper .my-history-page-detail .right-history-tab-details .my-reservation-wrap .restaurant-table-wrap .restaurant-table-detail-wrap .restaurant-table-detail .your-order-status-wrap .reservation-id {
    display: inline-block;
    font-family: "OpenSans light"
}

.my-history-page-wrapper .my-history-page-detail .right-history-tab-details .my-reservation-wrap .restaurant-table-wrap .restaurant-table-detail-wrap .restaurant-table-detail .reservation-id-wrap {
    float: left;
    margin-top: 8px;
    font-size: 24px
}

.my-history-page-wrapper .my-history-page-detail .right-history-tab-details .my-reservation-wrap .restaurant-table-wrap .restaurant-table-detail-wrap .restaurant-table-detail .your-order-status-wrap {
    float: right;
    font-size: 36px
}

.my-history-page-wrapper .my-history-page-detail .right-history-tab-details .my-reservation-wrap .restaurant-table-wrap .restaurant-table-detail-wrap .restaurant-table-detail .your-order-status-wrap .order-status.open-order {
    color: #008501
}

.my-history-page-wrapper .my-history-page-detail .right-history-tab-details .my-reservation-wrap .restaurant-table-wrap .restaurant-table-detail-wrap .restaurant-table-detail .your-order-status-wrap .order-status.close-order {
    color: #F0001E
}

.my-history-page-wrapper .my-history-page-detail .right-history-tab-details .benefits-wrapper .benefits-type {
    display: inline-block;
    width: 100%
}

.my-history-page-wrapper .my-history-page-detail .right-history-tab-details .benefits-wrapper .benefits-type .benefits-type-header {
    display: inline-block;
    width: 100%;
    margin-bottom: 30px
}

.my-history-page-wrapper .my-history-page-detail .right-history-tab-details .benefits-wrapper .benefits-type .benefits-type-header .benefits-type-text {
    font-size: 22px;
    font-family: "OpenSans SemiBold"
}

.my-history-page-wrapper .my-history-page-detail .right-history-tab-details .benefits-wrapper .benefits-type .benefits-type-header .benefits-type-text span {
    color: #FE2B50
}

.my-history-page-wrapper .my-history-page-detail .right-history-tab-details .benefits-wrapper .benefits-type .restaurant-table-wrap .restaurant-table-header .cuisine-name-wrap,
.my-history-page-wrapper .my-history-page-detail .right-history-tab-details .benefits-wrapper .benefits-type .restaurant-table-wrap .restaurant-table-header .restaurant-name-wrap {
    float: left
}

.my-history-page-wrapper .my-history-page-detail .right-history-tab-details .benefits-wrapper .benefits-type .restaurant-table-wrap .restaurant-table-header .cuisine-name-wrap {
    float: right
}

.my-history-page-wrapper .my-history-page-detail .right-history-tab-details .benefits-wrapper .benefits-type .restaurant-table-wrap .restaurant-table-detail-wrap .restaurant-table-sub-header .drink-food-text {
    float: left;
    font-size: 18px;
    font-family: "OpenSans SemiBold"
}

.my-history-page-wrapper .my-history-page-detail .right-history-tab-details .benefits-wrapper .benefits-type .restaurant-table-wrap .restaurant-table-detail-wrap .restaurant-table-sub-header .date-wrap {
    float: right;
    font-size: 18px
}

@media (max-width:992px) {
    .my-history-page-wrapper .my-history-page-detail .right-history-tab-details .my-reservation-wrap .restaurant-table-wrap .restaurant-table-detail-wrap .restaurant-table-sub-header .arrival-time-wrap {
        width: 100%;
        text-align: left
    }
    .my-history-page-wrapper .my-history-page-detail .right-history-tab-details .my-reservation-wrap .restaurant-table-wrap .restaurant-table-detail-wrap .restaurant-table-detail .reservation-id-wrap {
        width: 100%
    }
    .my-history-page-wrapper .my-history-page-detail .right-history-tab-details .my-reservation-wrap .restaurant-table-wrap .restaurant-table-detail-wrap .restaurant-table-detail .your-order-status-wrap {
        width: 100%;
        margin-top: 10px;
        text-align: left
    }
    .my-history-page-wrapper .my-history-page-detail .right-history-tab-details .benefits-wrapper .benefits-type .restaurant-table-wrap .restaurant-table-detail-wrap .restaurant-table-sub-header .drink-food-text,
    .my-history-page-wrapper .my-history-page-detail .right-history-tab-details .benefits-wrapper .benefits-type .restaurant-table-wrap .restaurant-table-header .cuisine-name-wrap,
    .my-history-page-wrapper .my-history-page-detail .right-history-tab-details .benefits-wrapper .benefits-type .restaurant-table-wrap .restaurant-table-header .restaurant-name-wrap {
        width: 100%
    }
    .my-history-page-wrapper .my-history-page-detail .right-history-tab-details .benefits-wrapper .benefits-type .restaurant-table-wrap .restaurant-table-detail-wrap .restaurant-table-sub-header .date-wrap {
        float: left;
        width: 100%
    }
    .my-history-page-wrapper .my-history-page-detail .right-history-tab-details .benefits-wrapper .benefits-type .restaurant-table-wrap .restaurant-table-detail-wrap .restaurant-table-detail.points-coupon-wrap .ava-point-coupon-wrap {
        width: 100%
    }
}

.my-history-page-wrapper .my-history-page-detail .right-history-tab-details .benefits-wrapper .benefits-type .restaurant-table-wrap .restaurant-table-detail-wrap .restaurant-table-sub-header .date-wrap .date-text {
    display: inline-block;
    font-family: "OpenSans SemiBold"
}

.my-history-page-wrapper .my-history-page-detail .right-history-tab-details .benefits-wrapper .benefits-type .restaurant-table-wrap .restaurant-table-detail-wrap .restaurant-table-sub-header .date-wrap .date-number {
    display: inline-block;
    font-family: "OpenSans light"
}

.my-history-page-wrapper .my-history-page-detail .right-history-tab-details .benefits-wrapper .benefits-type .restaurant-table-wrap .restaurant-table-detail-wrap .restaurant-table-detail.points-coupon-wrap {
    padding: 20px
}

.my-history-page-wrapper .my-history-page-detail .right-history-tab-details .benefits-wrapper .benefits-type .restaurant-table-wrap .restaurant-table-detail-wrap .restaurant-table-detail.points-coupon-wrap .ava-point-coupon-wrap {
    float: left;
    margin-top: 4px;
    font-size: 24px
}

.my-history-page-wrapper .my-history-page-detail .right-history-tab-details .benefits-wrapper .benefits-type .restaurant-table-wrap .restaurant-table-detail-wrap .restaurant-table-detail.points-coupon-wrap .ava-point-coupon-wrap .available-image,
.my-history-page-wrapper .my-history-page-detail .right-history-tab-details .benefits-wrapper .benefits-type .restaurant-table-wrap .restaurant-table-detail-wrap .restaurant-table-detail.points-coupon-wrap .ava-point-coupon-wrap .unavailable-image {
    display: inline-block;
    margin-right: 12px
}

@media (max-width:480px) {
    .my-history-page-wrapper .my-history-page-detail .right-history-tab-details .benefits-wrapper .benefits-type .restaurant-table-wrap .restaurant-table-detail-wrap .restaurant-table-detail.points-coupon-wrap .ava-point-coupon-wrap {
        font-size: 20px
    }
    .my-history-page-wrapper .my-history-page-detail .right-history-tab-details .benefits-wrapper .benefits-type .restaurant-table-wrap .restaurant-table-detail-wrap .restaurant-table-detail.points-coupon-wrap .ava-point-coupon-wrap .available-image,
    .my-history-page-wrapper .my-history-page-detail .right-history-tab-details .benefits-wrapper .benefits-type .restaurant-table-wrap .restaurant-table-detail-wrap .restaurant-table-detail.points-coupon-wrap .ava-point-coupon-wrap .unavailable-image {
        width: 100%
    }
}

.my-history-page-wrapper .my-history-page-detail .right-history-tab-details .benefits-wrapper .benefits-type .restaurant-table-wrap .restaurant-table-detail-wrap .restaurant-table-detail.points-coupon-wrap .ava-point-coupon-wrap .available-text {
    display: inline-block;
    margin-top: 3px;
    font-family: "OpenSans SemiBold"
}

.my-history-page-wrapper .my-history-page-detail .right-history-tab-details .benefits-wrapper .benefits-type .restaurant-table-wrap .restaurant-table-detail-wrap .restaurant-table-detail.points-coupon-wrap .ava-point-coupon-wrap .available-text.coupon-text {
    text-transform: uppercase
}

.my-history-page-wrapper .my-history-page-detail .right-history-tab-details .benefits-wrapper .benefits-type .restaurant-table-wrap .restaurant-table-detail-wrap .restaurant-table-detail.points-coupon-wrap .ava-point-coupon-wrap .available-number {
    display: inline-block;
    color: #727272;
    font-size: 30px;
    font-family: "OpenSans light"
}

@media (max-width:480px) {
    .my-history-page-wrapper .my-history-page-detail .right-history-tab-details .benefits-wrapper .benefits-type .restaurant-table-wrap .restaurant-table-detail-wrap .restaurant-table-detail.points-coupon-wrap .ava-point-coupon-wrap .available-number {
        font-size: 20px
    }
}

.my-history-page-wrapper .my-history-page-detail .right-history-tab-details .benefits-wrapper .benefits-type .restaurant-table-wrap .restaurant-table-detail-wrap .restaurant-table-detail.points-coupon-wrap .off-point-wrap {
    float: right;
    font-size: 34px
}

@media (max-width:992px) {
    .my-history-page-wrapper .my-history-page-detail .right-history-tab-details .benefits-wrapper .benefits-type .restaurant-table-wrap .restaurant-table-detail-wrap .restaurant-table-detail.points-coupon-wrap .off-point-wrap {
        float: left;
        width: 100%
    }
}

@media (max-width:480px) {
    .my-history-page-wrapper .my-history-page-detail .right-history-tab-details .benefits-wrapper .benefits-type .restaurant-table-wrap .restaurant-table-detail-wrap .restaurant-table-detail.points-coupon-wrap .off-point-wrap {
        font-size: 24px
    }
}

.my-history-page-wrapper .my-history-page-detail .right-history-tab-details .benefits-wrapper .benefits-type .restaurant-table-wrap .restaurant-table-detail-wrap .restaurant-table-detail.points-coupon-wrap .off-point-wrap .off-point-text {
    display: inline-block;
    margin-right: 10px;
    font-family: "OpenSans SemiBold"
}

.my-history-page-wrapper .my-history-page-detail .right-history-tab-details .benefits-wrapper .benefits-type .restaurant-table-wrap .restaurant-table-detail-wrap .restaurant-table-detail.points-coupon-wrap .off-point-wrap .off-point-number {
    display: inline-block;
    color: #727272;
    font-family: "OpenSans light"
}

.my-history-page-wrapper .my-history-page-detail .right-history-tab-details .track-order-wrapper .restaurant-table-wrap .restaurant-table-detail-wrap .restaurant-table-sub-header .order-wrap {
    float: left;
    width: 20%;
    font-size: 18px
}

@media (max-width:1400px) {
    .my-history-page-wrapper .my-history-page-detail .right-history-tab-details .track-order-wrapper .restaurant-table-wrap .restaurant-table-detail-wrap .restaurant-table-sub-header .order-wrap {
        font-size: 16px
    }
}

@media (max-width:1300px) {
    .my-history-page-wrapper .my-history-page-detail .right-history-tab-details .track-order-wrapper .restaurant-table-wrap .restaurant-table-detail-wrap .restaurant-table-sub-header .order-wrap {
        font-size: 12px
    }
}

@media (max-width:1200px) {
    .my-history-page-wrapper .my-history-page-detail .right-history-tab-details .track-order-wrapper .restaurant-table-wrap .restaurant-table-detail-wrap .restaurant-table-sub-header .order-wrap {
        width: 50%;
        margin-bottom: 6px;
        font-size: 16px
    }
}

@media (max-width:767px) {
    .my-history-page-wrapper .my-history-page-detail .right-history-tab-details .track-order-wrapper .restaurant-table-wrap .restaurant-table-detail-wrap .restaurant-table-sub-header .order-wrap {
        width: 100%
    }
}

.my-history-page-wrapper .my-history-page-detail .right-history-tab-details .track-order-wrapper .restaurant-table-wrap .restaurant-table-detail-wrap .restaurant-table-sub-header .order-wrap .order-title {
    display: inline-block;
    font-family: "OpenSans SemiBold"
}

.my-history-page-wrapper .my-history-page-detail .right-history-tab-details .track-order-wrapper .restaurant-table-wrap .restaurant-table-detail-wrap .restaurant-table-sub-header .order-wrap .order-number {
    display: inline-block;
    font-family: "OpenSans light"
}

.my-history-page-wrapper .my-history-page-detail .right-history-tab-details .track-order-wrapper .restaurant-table-wrap .restaurant-table-detail-wrap .restaurant-table-detail .track-order {
    display: inline-block;
    width: 100%;
    margin: 25px 0
}

.my-history-page-wrapper .my-history-page-detail .right-history-tab-details .track-order-wrapper .restaurant-table-wrap .restaurant-table-detail-wrap .restaurant-table-detail .track-order .progress {
    position: relative;
    height: 8px;
    margin-bottom: 15px;
    overflow: visible;
    background-color: #EDEDED;
    -moz-box-shadow: inset 0 2px 5px #DDD, 0 0 0 #DDD;
    -webkit-box-shadow: inset 0 2px 5px #DDD, 0 0 0 #DDD;
    box-shadow: inset 0 2px 5px #DDD, 0 0 0 #DDD
}

.my-history-page-wrapper .my-history-page-detail .right-history-tab-details .track-order-wrapper .restaurant-table-wrap .restaurant-table-detail-wrap .restaurant-table-detail .track-order .progress .progress-bar.progress-pt-1 .progress-1,
.my-history-page-wrapper .my-history-page-detail .right-history-tab-details .track-order-wrapper .restaurant-table-wrap .restaurant-table-detail-wrap .restaurant-table-detail .track-order .progress .progress-bar.progress-pt-100 .progress-1,
.my-history-page-wrapper .my-history-page-detail .right-history-tab-details .track-order-wrapper .restaurant-table-wrap .restaurant-table-detail-wrap .restaurant-table-detail .track-order .progress .progress-bar.progress-pt-100 .progress-2,
.my-history-page-wrapper .my-history-page-detail .right-history-tab-details .track-order-wrapper .restaurant-table-wrap .restaurant-table-detail-wrap .restaurant-table-detail .track-order .progress .progress-bar.progress-pt-100 .progress-3,
.my-history-page-wrapper .my-history-page-detail .right-history-tab-details .track-order-wrapper .restaurant-table-wrap .restaurant-table-detail-wrap .restaurant-table-detail .track-order .progress .progress-bar.progress-pt-100 .progress-4,
.my-history-page-wrapper .my-history-page-detail .right-history-tab-details .track-order-wrapper .restaurant-table-wrap .restaurant-table-detail-wrap .restaurant-table-detail .track-order .progress .progress-bar.progress-pt-33 .progress-1,
.my-history-page-wrapper .my-history-page-detail .right-history-tab-details .track-order-wrapper .restaurant-table-wrap .restaurant-table-detail-wrap .restaurant-table-detail .track-order .progress .progress-bar.progress-pt-33 .progress-2,
.my-history-page-wrapper .my-history-page-detail .right-history-tab-details .track-order-wrapper .restaurant-table-wrap .restaurant-table-detail-wrap .restaurant-table-detail .track-order .progress .progress-bar.progress-pt-66 .progress-1,
.my-history-page-wrapper .my-history-page-detail .right-history-tab-details .track-order-wrapper .restaurant-table-wrap .restaurant-table-detail-wrap .restaurant-table-detail .track-order .progress .progress-bar.progress-pt-66 .progress-2,
.my-history-page-wrapper .my-history-page-detail .right-history-tab-details .track-order-wrapper .restaurant-table-wrap .restaurant-table-detail-wrap .restaurant-table-detail .track-order .progress .progress-bar.progress-pt-66 .progress-3 {
    background: #80B826;
    color: #FFF
}

.sign-up-wrapper .sign-up-form-wrap .sign-up-form .sign-up-btn-wrap a:hover,
.sign-up-wrapper .sign-up-form-wrap .sign-up-form .sign-up-btn-wrap button:hover,
.sign-up-wrapper .sign-up-form-wrap .sign-up-other a:hover {
    box-shadow: inset 0 0 1px 3px rgba(255, 255, 255, .3)
}

.my-history-page-wrapper .my-history-page-detail .right-history-tab-details .track-order-wrapper .restaurant-table-wrap .restaurant-table-detail-wrap .restaurant-table-detail .track-order .progress .progress-bar.progress-pt-1 {
    width: 1%
}

.my-history-page-wrapper .my-history-page-detail .right-history-tab-details .track-order-wrapper .restaurant-table-wrap .restaurant-table-detail-wrap .restaurant-table-detail .track-order .progress .progress-bar.progress-pt-33 {
    width: 33.33%
}

.my-history-page-wrapper .my-history-page-detail .right-history-tab-details .track-order-wrapper .restaurant-table-wrap .restaurant-table-detail-wrap .restaurant-table-detail .track-order .progress .progress-bar.progress-pt-66 {
    width: 66.66%
}

.my-history-page-wrapper .my-history-page-detail .right-history-tab-details .track-order-wrapper .restaurant-table-wrap .restaurant-table-detail-wrap .restaurant-table-detail .track-order .progress .progress-bar.progress-pt-100 {
    width: 100%
}

.my-history-page-wrapper .my-history-page-detail .right-history-tab-details .track-order-wrapper .restaurant-table-wrap .restaurant-table-detail-wrap .restaurant-table-detail .track-order .progress .progress-bar .progress-number {
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
    height: 23px;
    width: 23px;
    margin-top: -8px;
    background: #EDEDED;
    color: #727272;
    font-size: 16px;
    font-family: "OpenSans SemiBold";
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    border-radius: 100%
}

.my-history-page-wrapper .my-history-page-detail .right-history-tab-details .track-order-wrapper .restaurant-table-wrap .restaurant-table-detail-wrap .restaurant-table-detail .track-order .progress .progress-bar .progress-1 {
    z-index: 999999;
    margin-left: -1px
}

.my-history-page-wrapper .my-history-page-detail .right-history-tab-details .track-order-wrapper .restaurant-table-wrap .restaurant-table-detail-wrap .restaurant-table-detail .track-order .progress .progress-bar .progress-2 {
    left: 33.33%
}

.my-history-page-wrapper .my-history-page-detail .right-history-tab-details .track-order-wrapper .restaurant-table-wrap .restaurant-table-detail-wrap .restaurant-table-detail .track-order .progress .progress-bar .progress-3 {
    left: 66.66%
}

.my-history-page-wrapper .my-history-page-detail .right-history-tab-details .track-order-wrapper .restaurant-table-wrap .restaurant-table-detail-wrap .restaurant-table-detail .track-order .progress .progress-bar .progress-4 {
    right: 0;
    left: auto;
    margin-right: -1px
}

.my-history-page-wrapper .my-history-page-detail .right-history-tab-details .track-order-wrapper .restaurant-table-wrap .restaurant-table-detail-wrap .restaurant-table-detail .track-order .progress .progress-bar.progress-bar-success {
    background-color: #80B826
}

.my-history-page-wrapper .my-history-page-detail .right-history-tab-details .track-order-wrapper .restaurant-table-wrap .restaurant-table-detail-wrap .restaurant-table-detail .track-order .progress-tracker-detail {
    display: inline-block;
    width: 100%
}

.my-history-page-wrapper .my-history-page-detail .right-history-tab-details .track-order-wrapper .restaurant-table-wrap .restaurant-table-detail-wrap .restaurant-table-detail .track-order .progress-tracker-detail ul {
    margin-bottom: 0;
    padding-left: 0;
    list-style-type: none
}

.my-history-page-wrapper .my-history-page-detail .right-history-tab-details .track-order-wrapper .restaurant-table-wrap .restaurant-table-detail-wrap .restaurant-table-detail .track-order .progress-tracker-detail ul li {
    float: left;
    width: 25%;
    color: #727272;
    font-size: 13px;
    font-family: "OpenSans SemiBold"
}

@media (max-width:640px) {
    .my-history-page-wrapper .my-history-page-detail .right-history-tab-details .track-order-wrapper .restaurant-table-wrap .restaurant-table-detail-wrap .restaurant-table-detail .track-order .progress-tracker-detail ul li {
        font-size: 11px
    }
}

.my-history-page-wrapper .my-history-page-detail .right-history-tab-details .track-order-wrapper .restaurant-table-wrap .restaurant-table-detail-wrap .restaurant-table-detail .track-order .progress-tracker-detail ul li:nth-child(2) {
    text-align: center
}

.my-history-page-wrapper .my-history-page-detail .right-history-tab-details .track-order-wrapper .restaurant-table-wrap .restaurant-table-detail-wrap .restaurant-table-detail .track-order .progress-tracker-detail ul li:nth-child(3) {
    text-align: right
}

.my-history-page-wrapper .my-history-page-detail .right-history-tab-details .track-order-wrapper .restaurant-table-wrap .restaurant-table-detail-wrap .restaurant-table-detail .track-order .progress-tracker-detail ul li:last-child {
    text-align: right
}

.my-history-page-wrapper .my-history-page-detail .right-history-tab-details .track-order-wrapper .restaurant-table-wrap .restaurant-table-detail-wrap .restaurant-table-detail .restaurant-address-wrap .restaurant-cancel-order {
    float: left
}

.my-history-page-wrapper .my-history-page-detail .right-history-tab-details .track-order-wrapper .restaurant-table-wrap .restaurant-table-detail-wrap .restaurant-table-detail .restaurant-address-wrap .restaurant-cancel-order .cancel-btn {
    padding: 10px 40px
}

@media (max-width:992px) {
    .my-history-page-wrapper .my-history-page-detail .right-history-tab-details .track-order-wrapper .restaurant-table-wrap .restaurant-table-detail-wrap .restaurant-table-detail .restaurant-address-wrap .restaurant-cancel-order {
        width: 100%;
        margin-bottom: 10px;
        text-align: center
    }
    .my-history-page-wrapper .my-history-page-detail .right-history-tab-details .track-order-wrapper .restaurant-table-wrap .restaurant-table-detail-wrap .restaurant-table-detail .restaurant-address-wrap .restaurant-map-wrap {
        text-align: center
    }
}

.my-history-page-wrapper .my-history-page-detail .right-history-tab-details .online-order-history-wrap {
    display: inline-block;
    width: 100%
}

@media (max-width:1400px) {
    .my-history-page-wrapper .my-history-page-detail .right-history-tab-details .online-order-history-wrap .serch-view-filter-section {
        padding-right: 10px;
        padding-left: 10px
    }
}

@media (max-width:480px) {
    .my-history-page-wrapper .my-history-page-detail .right-history-tab-details .online-order-history-wrap .serch-view-filter-section {
        padding-right: 0;
        padding-left: 0
    }
}

.my-history-page-wrapper .my-history-page-detail .right-history-tab-details .online-order-history-wrap .serch-view-filter-section .search-filter-left .month-section,
.my-history-page-wrapper .my-history-page-detail .right-history-tab-details .online-order-history-wrap .serch-view-filter-section .search-filter-left .sort-by-section,
.my-history-page-wrapper .my-history-page-detail .right-history-tab-details .online-order-history-wrap .serch-view-filter-section .search-filter-left .task-page-section {
    margin-left: 20px
}

@media (max-width:1200px) {
    .my-history-page-wrapper .my-history-page-detail .right-history-tab-details .online-order-history-wrap .serch-view-filter-section .search-filter-left .month-section,
    .my-history-page-wrapper .my-history-page-detail .right-history-tab-details .online-order-history-wrap .serch-view-filter-section .search-filter-left .sort-by-section,
    .my-history-page-wrapper .my-history-page-detail .right-history-tab-details .online-order-history-wrap .serch-view-filter-section .search-filter-left .task-page-section {
        width: 100%;
        margin-bottom: 10px
    }
}

@media (max-width:1300px) {
    .my-history-page-wrapper .my-history-page-detail .right-history-tab-details .online-order-history-wrap .serch-view-filter-section .search-filter-left .month-section,
    .my-history-page-wrapper .my-history-page-detail .right-history-tab-details .online-order-history-wrap .serch-view-filter-section .search-filter-left .sort-by-section,
    .my-history-page-wrapper .my-history-page-detail .right-history-tab-details .online-order-history-wrap .serch-view-filter-section .search-filter-left .task-page-section {
        margin-left: 10px
    }
    .my-history-page-wrapper .my-history-page-detail .right-history-tab-details .online-order-history-wrap .serch-view-filter-section .search-filter-left .month-section {
        width: 100%;
        margin-bottom: 10px
    }
    .my-history-page-wrapper .my-history-page-detail .right-history-tab-details .online-order-history-wrap .restaurant-table-wrap .restaurant-table-header {
        padding-right: 15px;
        padding-left: 15px
    }
}

.my-history-page-wrapper .my-history-page-detail .right-history-tab-details .online-order-history-wrap .restaurant-table-wrap .restaurant-table-header .online-order-status-wrap,
.my-history-page-wrapper .my-history-page-detail .right-history-tab-details .online-order-history-wrap .restaurant-table-wrap .restaurant-table-header .online-order-type-wrap,
.my-history-page-wrapper .my-history-page-detail .right-history-tab-details .online-order-history-wrap .restaurant-table-wrap .restaurant-table-header .online-restaurant-name-wrap {
    float: left
}

.my-history-page-wrapper .my-history-page-detail .right-history-tab-details .online-order-history-wrap .restaurant-table-wrap .restaurant-table-header .online-order-status-wrap .online-order-type-name,
.my-history-page-wrapper .my-history-page-detail .right-history-tab-details .online-order-history-wrap .restaurant-table-wrap .restaurant-table-header .online-order-status-wrap .online-restaurant-title,
.my-history-page-wrapper .my-history-page-detail .right-history-tab-details .online-order-history-wrap .restaurant-table-wrap .restaurant-table-header .online-order-type-wrap .online-order-type-name,
.my-history-page-wrapper .my-history-page-detail .right-history-tab-details .online-order-history-wrap .restaurant-table-wrap .restaurant-table-header .online-order-type-wrap .online-restaurant-title,
.my-history-page-wrapper .my-history-page-detail .right-history-tab-details .online-order-history-wrap .restaurant-table-wrap .restaurant-table-header .online-restaurant-name-wrap .online-order-type-name,
.my-history-page-wrapper .my-history-page-detail .right-history-tab-details .online-order-history-wrap .restaurant-table-wrap .restaurant-table-header .online-restaurant-name-wrap .online-restaurant-title {
    display: inline-block;
    font-family: "OpenSans SemiBold"
}

.my-history-page-wrapper .my-history-page-detail .right-history-tab-details .online-order-history-wrap .restaurant-table-wrap .restaurant-table-header .online-order-status-wrap .online-order-type,
.my-history-page-wrapper .my-history-page-detail .right-history-tab-details .online-order-history-wrap .restaurant-table-wrap .restaurant-table-header .online-order-status-wrap .online-restaurant-name-text,
.my-history-page-wrapper .my-history-page-detail .right-history-tab-details .online-order-history-wrap .restaurant-table-wrap .restaurant-table-header .online-order-type-wrap .online-order-type,
.my-history-page-wrapper .my-history-page-detail .right-history-tab-details .online-order-history-wrap .restaurant-table-wrap .restaurant-table-header .online-order-type-wrap .online-restaurant-name-text,
.my-history-page-wrapper .my-history-page-detail .right-history-tab-details .online-order-history-wrap .restaurant-table-wrap .restaurant-table-header .online-restaurant-name-wrap .online-order-type,
.my-history-page-wrapper .my-history-page-detail .right-history-tab-details .online-order-history-wrap .restaurant-table-wrap .restaurant-table-header .online-restaurant-name-wrap .online-restaurant-name-text {
    display: inline-block;
    font-family: "OpenSans light"
}

.my-history-page-wrapper .my-history-page-detail .right-history-tab-details .online-order-history-wrap .restaurant-table-wrap .restaurant-table-header .online-restaurant-name-wrap {
    width: 30%;
    font-size: 16px
}

@media (max-width:1200px) {
    .my-history-page-wrapper .my-history-page-detail .right-history-tab-details .online-order-history-wrap .restaurant-table-wrap .restaurant-table-header .online-restaurant-name-wrap {
        width: 100%
    }
}

.my-history-page-wrapper .my-history-page-detail .right-history-tab-details .online-order-history-wrap .restaurant-table-wrap .restaurant-table-header .online-restaurant-name-wrap .online-restaurant-name-text {
    margin-top: 2px;
    font-size: 14px
}

.my-history-page-wrapper .my-history-page-detail .right-history-tab-details .online-order-history-wrap .restaurant-table-wrap .restaurant-table-header .online-order-status-wrap,
.my-history-page-wrapper .my-history-page-detail .right-history-tab-details .online-order-history-wrap .restaurant-table-wrap .restaurant-table-header .online-order-type-wrap {
    width: 20%;
    margin-top: 4px;
    font-size: 12px;
    text-align: right
}

@media (max-width:1200px) {
    .my-history-page-wrapper .my-history-page-detail .right-history-tab-details .online-order-history-wrap .restaurant-table-wrap .restaurant-table-header .online-order-status-wrap,
    .my-history-page-wrapper .my-history-page-detail .right-history-tab-details .online-order-history-wrap .restaurant-table-wrap .restaurant-table-header .online-order-type-wrap {
        width: 100%;
        text-align: left
    }
}

.my-history-page-wrapper .my-history-page-detail .right-history-tab-details .online-order-history-wrap .restaurant-table-wrap .restaurant-table-header .online-order-date-wrap {
    float: left;
    width: 30%;
    margin-top: 2px;
    font-size: 15px;
    font-family: "OpenSans light";
    text-align: right
}

@media (max-width:1200px) {
    .my-history-page-wrapper .my-history-page-detail .right-history-tab-details .online-order-history-wrap .restaurant-table-wrap .restaurant-table-header .online-order-date-wrap {
        width: 100%;
        text-align: left
    }
}

.my-history-page-wrapper .my-history-page-detail .right-history-tab-details .online-order-history-wrap .restaurant-table-wrap .restaurant-table-detail,
.my-history-page-wrapper .my-history-page-detail .right-history-tab-details .online-order-history-wrap .restaurant-table-wrap .restaurant-table-sub-header {
    display: inline-block;
    width: 100%
}

.my-history-page-wrapper .my-history-page-detail .right-history-tab-details .online-order-history-wrap .restaurant-table-wrap .restaurant-table-detail .item-list-table-section,
.my-history-page-wrapper .my-history-page-detail .right-history-tab-details .online-order-history-wrap .restaurant-table-wrap .restaurant-table-sub-header .item-list-table-section {
    display: inline-block;
    width: -webkit-calc(100% - 284px);
    width: -moz-calc(100% - 284px);
    width: calc(100% - 284px)
}

@media (max-width:1200px) {
    .my-history-page-wrapper .my-history-page-detail .right-history-tab-details .online-order-history-wrap .restaurant-table-wrap .restaurant-table-detail .item-list-table-section,
    .my-history-page-wrapper .my-history-page-detail .right-history-tab-details .online-order-history-wrap .restaurant-table-wrap .restaurant-table-sub-header .item-list-table-section {
        width: 100%
    }
}

.my-history-page-wrapper .my-history-page-detail .right-history-tab-details .online-order-history-wrap .restaurant-table-wrap .restaurant-table-detail .item-list-table-section .item-list-td,
.my-history-page-wrapper .my-history-page-detail .right-history-tab-details .online-order-history-wrap .restaurant-table-wrap .restaurant-table-detail .item-list-table-section .item-list-th,
.my-history-page-wrapper .my-history-page-detail .right-history-tab-details .online-order-history-wrap .restaurant-table-wrap .restaurant-table-sub-header .item-list-table-section .item-list-td,
.my-history-page-wrapper .my-history-page-detail .right-history-tab-details .online-order-history-wrap .restaurant-table-wrap .restaurant-table-sub-header .item-list-table-section .item-list-th {
    float: left;
    width: 100%;
    color: #727272
}

.my-history-page-wrapper .my-history-page-detail .right-history-tab-details .online-order-history-wrap .restaurant-table-wrap .restaurant-table-detail .item-list-table-section .item-list-td .item-list,
.my-history-page-wrapper .my-history-page-detail .right-history-tab-details .online-order-history-wrap .restaurant-table-wrap .restaurant-table-detail .item-list-table-section .item-list-th .item-list,
.my-history-page-wrapper .my-history-page-detail .right-history-tab-details .online-order-history-wrap .restaurant-table-wrap .restaurant-table-sub-header .item-list-table-section .item-list-td .item-list,
.my-history-page-wrapper .my-history-page-detail .right-history-tab-details .online-order-history-wrap .restaurant-table-wrap .restaurant-table-sub-header .item-list-table-section .item-list-th .item-list {
    float: left
}

.my-history-page-wrapper .my-history-page-detail .right-history-tab-details .online-order-history-wrap .restaurant-table-wrap .restaurant-table-detail .item-list-table-section .item-list-td .item-list.item,
.my-history-page-wrapper .my-history-page-detail .right-history-tab-details .online-order-history-wrap .restaurant-table-wrap .restaurant-table-detail .item-list-table-section .item-list-th .item-list.item,
.my-history-page-wrapper .my-history-page-detail .right-history-tab-details .online-order-history-wrap .restaurant-table-wrap .restaurant-table-sub-header .item-list-table-section .item-list-td .item-list.item,
.my-history-page-wrapper .my-history-page-detail .right-history-tab-details .online-order-history-wrap .restaurant-table-wrap .restaurant-table-sub-header .item-list-table-section .item-list-th .item-list.item {
    width: 50%;
    padding-left: 20px
}

.my-history-page-wrapper .my-history-page-detail .right-history-tab-details .online-order-history-wrap .restaurant-table-wrap .restaurant-table-detail .item-list-table-section .item-list-td .item-list.quality,
.my-history-page-wrapper .my-history-page-detail .right-history-tab-details .online-order-history-wrap .restaurant-table-wrap .restaurant-table-detail .item-list-table-section .item-list-th .item-list.quality,
.my-history-page-wrapper .my-history-page-detail .right-history-tab-details .online-order-history-wrap .restaurant-table-wrap .restaurant-table-sub-header .item-list-table-section .item-list-td .item-list.quality,
.my-history-page-wrapper .my-history-page-detail .right-history-tab-details .online-order-history-wrap .restaurant-table-wrap .restaurant-table-sub-header .item-list-table-section .item-list-th .item-list.quality {
    width: 15%
}

.my-history-page-wrapper .my-history-page-detail .right-history-tab-details .online-order-history-wrap .restaurant-table-wrap .restaurant-table-detail .item-list-table-section .item-list-td .item-list.unit-price,
.my-history-page-wrapper .my-history-page-detail .right-history-tab-details .online-order-history-wrap .restaurant-table-wrap .restaurant-table-detail .item-list-table-section .item-list-th .item-list.unit-price,
.my-history-page-wrapper .my-history-page-detail .right-history-tab-details .online-order-history-wrap .restaurant-table-wrap .restaurant-table-sub-header .item-list-table-section .item-list-td .item-list.unit-price,
.my-history-page-wrapper .my-history-page-detail .right-history-tab-details .online-order-history-wrap .restaurant-table-wrap .restaurant-table-sub-header .item-list-table-section .item-list-th .item-list.unit-price {
    width: 20%
}

.my-history-page-wrapper .my-history-page-detail .right-history-tab-details .online-order-history-wrap .restaurant-table-wrap .restaurant-table-detail .item-list-table-section .item-list-td .item-list.amount,
.my-history-page-wrapper .my-history-page-detail .right-history-tab-details .online-order-history-wrap .restaurant-table-wrap .restaurant-table-detail .item-list-table-section .item-list-th .item-list.amount,
.my-history-page-wrapper .my-history-page-detail .right-history-tab-details .online-order-history-wrap .restaurant-table-wrap .restaurant-table-sub-header .item-list-table-section .item-list-td .item-list.amount,
.my-history-page-wrapper .my-history-page-detail .right-history-tab-details .online-order-history-wrap .restaurant-table-wrap .restaurant-table-sub-header .item-list-table-section .item-list-th .item-list.amount {
    width: 15%
}

.my-history-page-wrapper .my-history-page-detail .right-history-tab-details .online-order-history-wrap .restaurant-table-wrap .restaurant-table-detail .total-amount-section,
.my-history-page-wrapper .my-history-page-detail .right-history-tab-details .online-order-history-wrap .restaurant-table-wrap .restaurant-table-sub-header .total-amount-section {
    width: 280px;
    text-align: right;
    vertical-align: bottom
}

.my-history-page-wrapper .my-history-page-detail .right-history-tab-details .online-order-history-wrap .restaurant-table-wrap .restaurant-table-detail .total-amount-section .total-amount,
.my-history-page-wrapper .my-history-page-detail .right-history-tab-details .online-order-history-wrap .restaurant-table-wrap .restaurant-table-sub-header .total-amount-section .total-amount {
    font-size: 24px;
    font-family: "OpenSans SemiBold"
}

.my-history-page-wrapper .my-history-page-detail .right-history-tab-details .online-order-history-wrap .restaurant-table-wrap .restaurant-table-detail .total-amount-section .total-amount span,
.my-history-page-wrapper .my-history-page-detail .right-history-tab-details .online-order-history-wrap .restaurant-table-wrap .restaurant-table-sub-header .total-amount-section .total-amount span {
    margin-left: 6px;
    font-family: "OpenSans light"
}

.my-history-page-wrapper .my-history-page-detail .right-history-tab-details .online-order-history-wrap .restaurant-table-wrap .restaurant-table-sub-header {
    padding: 10px 0
}

.my-history-page-wrapper .my-history-page-detail .right-history-tab-details .online-order-history-wrap .restaurant-table-wrap .restaurant-table-sub-header .item-list-table-section .item-list-th {
    font-size: 13px;
    font-family: "OpenSans SemiBold"
}

.my-history-page-wrapper .my-history-page-detail .right-history-tab-details .online-order-history-wrap .restaurant-table-wrap .restaurant-table-detail {
    padding: 0
}

.my-history-page-wrapper .my-history-page-detail .right-history-tab-details .online-order-history-wrap .restaurant-table-wrap .restaurant-table-detail .item-list-table-section .item-list-td {
    padding: 20px 0;
    border-bottom: 1px solid #F5F7F6;
    font-family: "OpenSans light"
}

.my-history-page-wrapper .my-history-page-detail .right-history-tab-details .online-order-history-wrap .restaurant-table-wrap .restaurant-table-detail .item-list-table-section .item-list-td:last-child {
    border-bottom: none
}

.my-history-page-wrapper .my-history-page-detail .right-history-tab-details .online-order-history-wrap .restaurant-table-wrap .restaurant-table-detail .item-list-table-section .item-list-td .item-list.amount {
    font-size: 16px
}

.my-history-page-wrapper .my-history-page-detail .right-history-tab-details .online-order-history-wrap .restaurant-table-wrap .restaurant-table-detail .item-list-table-section .item-list-td .item-list.quality,
.my-history-page-wrapper .my-history-page-detail .right-history-tab-details .online-order-history-wrap .restaurant-table-wrap .restaurant-table-detail .item-list-table-section .item-list-td .item-list.unit-price {
    color: #C3C3C3
}

@media (max-width:480px) {
    .my-history-page-wrapper .my-history-page-detail .right-history-tab-details .online-order-history-wrap .restaurant-table-wrap .restaurant-table-sub-header {
        display: none
    }
    .my-history-page-wrapper .my-history-page-detail .right-history-tab-details .online-order-history-wrap .restaurant-table-wrap .restaurant-table-detail .item-list-table-section .item-list-td .item-list.amount,
    .my-history-page-wrapper .my-history-page-detail .right-history-tab-details .online-order-history-wrap .restaurant-table-wrap .restaurant-table-detail .item-list-table-section .item-list-td .item-list.item,
    .my-history-page-wrapper .my-history-page-detail .right-history-tab-details .online-order-history-wrap .restaurant-table-wrap .restaurant-table-detail .item-list-table-section .item-list-td .item-list.quality,
    .my-history-page-wrapper .my-history-page-detail .right-history-tab-details .online-order-history-wrap .restaurant-table-wrap .restaurant-table-detail .item-list-table-section .item-list-td .item-list.unit-price {
        width: 100%;
        margin-bottom: 10px;
        padding: 0;
        text-align: center
    }
}

.my-history-page-wrapper .my-history-page-detail .right-history-tab-details .online-order-history-wrap .restaurant-table-wrap .restaurant-table-detail .total-amount-section {
    display: inline-block;
    padding-right: 20px;
    padding-bottom: 20px
}

@media (max-width:1200px) {
    .my-history-page-wrapper .my-history-page-detail .right-history-tab-details .online-order-history-wrap .restaurant-table-wrap .restaurant-table-detail .total-amount-section,
    .my-history-page-wrapper .my-history-page-detail .right-history-tab-details .online-order-history-wrap .restaurant-table-wrap .restaurant-table-sub-header .total-amount-section {
        width: 100%
    }
    .my-history-page-wrapper .my-history-page-detail .right-history-tab-details .online-order-history-wrap .restaurant-table-wrap .restaurant-table-detail .total-amount-section {
        padding-top: 20px
    }
}

@media (max-width:480px) {
    .my-history-page-wrapper .my-history-page-detail .right-history-tab-details .online-order-history-wrap .restaurant-table-wrap .restaurant-table-detail .total-amount-section {
        padding-right: 0;
        text-align: center
    }
}

.my-history-page-wrapper .my-history-page-detail .right-history-tab-details .dine-in-order-history .restaurant-table-wrap .restaurant-table-header .online-restaurant-name-wrap {
    float: left;
    width: 50%
}

@media (max-width:992px) {
    .my-history-page-wrapper .my-history-page-detail .right-history-tab-details .dine-in-order-history .restaurant-table-wrap .restaurant-table-header .online-restaurant-name-wrap {
        width: 100%
    }
}

.my-history-page-wrapper .my-history-page-detail .right-history-tab-details .dine-in-order-history .restaurant-table-wrap .restaurant-table-header .online-order-date-wrap {
    float: left;
    width: 30%
}

.my-history-page-wrapper .my-history-page-detail .right-history-tab-details .dine-in-order-history .restaurant-table-wrap .restaurant-table-detail .restaurant-address-wrap {
    padding: 10px 20px
}

@media (min-width:1250px) and (max-width:1400px) {
    .my-history-page-wrapper .my-history-page-detail .right-history-tab-details .my-favourite-restaurant .serch-view-filter-section .search-filter-left {
        font-size: 12px
    }
}

.my-history-page-wrapper .my-history-page-detail .right-history-tab-details .my-favourite-restaurant .serch-view-filter-section .search-filter-left .search-fav-rest-food {
    float: left
}

@media (max-width:1250px) {
    .my-history-page-wrapper .my-history-page-detail .right-history-tab-details .my-favourite-restaurant .serch-view-filter-section .search-filter-left {
        float: left;
        width: 100%
    }
    .my-history-page-wrapper .my-history-page-detail .right-history-tab-details .my-favourite-restaurant .serch-view-filter-section .search-filter-left .search-fav-rest-food {
        width: 100%;
        margin-bottom: 10px
    }
}

.my-history-page-wrapper .my-history-page-detail .right-history-tab-details .my-favourite-restaurant .serch-view-filter-section .search-filter-left .search-fav-rest-food .select-rest-item-wrap {
    position: relative;
    float: left
}

@media (max-width:480px) {
    .my-history-page-wrapper .my-history-page-detail .right-history-tab-details .my-favourite-restaurant .serch-view-filter-section .search-filter-left .search-fav-rest-food .select-rest-item-wrap {
        width: 100%;
        margin-bottom: 10px
    }
    .my-history-page-wrapper .my-history-page-detail .right-history-tab-details .my-favourite-restaurant .serch-view-filter-section .search-filter-left .search-fav-rest-food .select-rest-item-wrap select {
        width: 100%
    }
}

.my-history-page-wrapper .my-history-page-detail .right-history-tab-details .my-favourite-restaurant .serch-view-filter-section .search-filter-left .search-fav-rest-food .select-rest-item-wrap::after {
    position: absolute;
    top: 0;
    right: 0;
    display: inline-block;
    margin-top: 8px;
    margin-right: 10px;
    content: url(../images/select-dropdown-arrow.png)
}

.my-history-page-wrapper .my-history-page-detail .right-history-tab-details .my-favourite-restaurant .serch-view-filter-section .search-filter-left .search-fav-rest-food .select-rest-item-wrap select {
    background-image: none
}

.my-history-page-wrapper .my-history-page-detail .right-history-tab-details .my-favourite-restaurant .serch-view-filter-section .search-filter-left .search-fav-rest-food .search-rest-item-wrap {
    position: relative;
    float: left;
    margin-left: 10px
}

.my-history-page-wrapper .my-history-page-detail .right-history-tab-details .my-favourite-restaurant .serch-view-filter-section .search-filter-left .search-fav-rest-food .search-rest-item-wrap::after {
    position: absolute;
    top: 0;
    right: 0;
    margin: 10px 6px;
    font-family: FontAwesome;
    cursor: pointer;
    content: '\f002'
}

@media (max-width:480px) {
    .my-history-page-wrapper .my-history-page-detail .right-history-tab-details .my-favourite-restaurant .serch-view-filter-section .search-filter-left .search-fav-rest-food .search-rest-item-wrap {
        width: 100%;
        margin-bottom: 10px;
        margin-left: 0
    }
    .my-history-page-wrapper .my-history-page-detail .right-history-tab-details .my-favourite-restaurant .serch-view-filter-section .search-filter-left .search-fav-rest-food .search-rest-item-wrap input {
        width: 100%
    }
}

.my-history-page-wrapper .my-history-page-detail .right-history-tab-details .my-favourite-restaurant .serch-view-filter-section .search-filter-left .search-fav-rest-food .search-rest-item-wrap input {
    height: 35px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0
}

@media (max-width:1500px) {
    .my-history-page-wrapper .my-history-page-detail .right-history-tab-details .my-favourite-restaurant .serch-view-filter-section .search-filter-left .sort-by-section,
    .my-history-page-wrapper .my-history-page-detail .right-history-tab-details .my-favourite-restaurant .serch-view-filter-section .search-filter-left .task-page-section {
        margin-left: 30px
    }
}

@media (max-width:1300px) {
    .my-history-page-wrapper .my-history-page-detail .right-history-tab-details .my-favourite-restaurant .serch-view-filter-section {
        padding-right: 0;
        padding-left: 0
    }
    .my-history-page-wrapper .my-history-page-detail .right-history-tab-details .my-favourite-restaurant .serch-view-filter-section .search-filter-left .sort-by-section,
    .my-history-page-wrapper .my-history-page-detail .right-history-tab-details .my-favourite-restaurant .serch-view-filter-section .search-filter-left .task-page-section {
        margin-left: 10px
    }
}

@media (max-width:1200px) {
    .my-history-page-wrapper .my-history-page-detail .right-history-tab-details .my-favourite-restaurant .serch-view-filter-section .search-filter-left .sort-by-section,
    .my-history-page-wrapper .my-history-page-detail .right-history-tab-details .my-favourite-restaurant .serch-view-filter-section .search-filter-left .task-page-section {
        width: 100%;
        margin-bottom: 10px;
        margin-left: 0
    }
}

.my-history-page-wrapper .my-history-page-detail .right-history-tab-details .my-favourite-restaurant .favourite-slider-wrap {
    display: inline-block;
    width: 100%;
    margin-bottom: 50px;
    padding-right: 50px
}

@media (max-width:992px) {
    .my-history-page-wrapper .my-history-page-detail .right-history-tab-details .dine-in-order-history .restaurant-table-wrap .restaurant-table-header .online-order-date-wrap {
        float: left;
        width: 100%
    }
    .my-history-page-wrapper .my-history-page-detail .right-history-tab-details .my-favourite-restaurant .favourite-slider-wrap {
        padding-right: 30px;
        padding-left: 30px
    }
}

.my-history-page-wrapper .my-history-page-detail .right-history-tab-details .my-favourite-restaurant .favourite-slider-wrap .favourite-slider-title {
    margin-top: 10px;
    margin-bottom: 15px;
    font-size: 22px;
    font-family: "OpenSans SemiBold"
}

.my-history-page-wrapper .my-history-page-detail .right-history-tab-details .my-favourite-restaurant .favourite-slider-wrap .fav-grid-wrapper {
    display: -webkit-flex;
    display: -moz-flex;
    display: flex;
    width: 100%;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.my-history-page-wrapper .my-history-page-detail .right-history-tab-details .my-favourite-restaurant .favourite-slider-wrap .fav-grid-wrapper .owl-stage {
    display: -webkit-flex;
    display: -moz-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.my-history-page-wrapper .my-history-page-detail .right-history-tab-details .my-favourite-restaurant .favourite-slider-wrap .fav-grid-wrapper .favourite-grid {
    display: inline-block;
    height: 100%;
    border: 1px solid #B6B6B6
}

.my-history-page-wrapper .my-history-page-detail .right-history-tab-details .my-favourite-restaurant .favourite-slider-wrap .fav-grid-wrapper .favourite-grid .favourite-image {
    display: inline-block;
    width: 100%
}

.my-history-page-wrapper .my-history-page-detail .right-history-tab-details .my-favourite-restaurant .favourite-slider-wrap .fav-grid-wrapper .favourite-grid .favourite-detail {
    display: inline-block;
    width: 100%;
    padding: 15px
}

.my-history-page-wrapper .my-history-page-detail .right-history-tab-details .my-favourite-restaurant .favourite-slider-wrap .fav-grid-wrapper .favourite-grid .favourite-detail h3 {
    display: inline-block;
    width: 100%;
    margin: 0
}

.my-history-page-wrapper .my-history-page-detail .right-history-tab-details .my-favourite-restaurant .favourite-slider-wrap .fav-grid-wrapper .favourite-grid .favourite-detail h3 a {
    color: #DB1300;
    font-size: 18px;
    font-family: "OpenSans SemiBold"
}

.my-history-page-wrapper .my-history-page-detail .right-history-tab-details .my-favourite-restaurant .favourite-slider-wrap .fav-grid-wrapper .favourite-grid .favourite-detail .favourite-sub-detail {
    display: inline-block;
    width: 100%;
    margin-top: 4px;
    color: #727272;
    font-size: 13px
}

.my-history-page-wrapper .my-history-page-detail .right-history-tab-details .my-favourite-restaurant .favourite-slider-wrap .fav-grid-wrapper .owl-controls .owl-nav .owl-next,
.my-history-page-wrapper .my-history-page-detail .right-history-tab-details .my-favourite-restaurant .favourite-slider-wrap .fav-grid-wrapper .owl-controls .owl-nav .owl-prev {
    height: 44px;
    width: 22px
}

@media (max-width:992px) {
    .my-history-page-wrapper .my-history-page-detail .right-history-tab-details .my-favourite-restaurant .favourite-slider-wrap .fav-grid-wrapper .owl-controls .owl-nav .owl-next,
    .my-history-page-wrapper .my-history-page-detail .right-history-tab-details .my-favourite-restaurant .favourite-slider-wrap .fav-grid-wrapper .owl-controls .owl-nav .owl-prev {
        height: 34px;
        width: 17px
    }
}

.my-history-page-wrapper .my-history-page-detail .right-history-tab-details .my-favourite-restaurant .favourite-slider-wrap .fav-grid-wrapper .owl-controls .owl-nav .owl-prev {
    margin-left: -40px
}

.my-history-page-wrapper .my-history-page-detail .right-history-tab-details .my-favourite-restaurant .favourite-slider-wrap .fav-grid-wrapper .owl-controls .owl-nav .owl-next {
    margin-right: -40px
}

.sign-up-wrapper {
    padding-top: 30px
}

.sign-up-wrapper .page-heading {
    background-color: transparent;
	margin-bottom:0;
}

.sign-up-wrapper .sign-up-form-wrap {
    display: inline-block;
    width: 100%
}

.sign-up-wrapper .sign-up-form-wrap .sign-up-form,
.sign-up-wrapper .sign-up-form-wrap .sign-up-other {
    float: left;
    width: 50%;
    padding: 30px 70px
}

@media (max-width:640px) {
    .sign-up-wrapper .sign-up-form-wrap .sign-up-form,
    .sign-up-wrapper .sign-up-form-wrap .sign-up-other {
        padding-right: 0;
        padding-left: 0
    }
}

.sign-up-wrapper .sign-up-form-wrap .sign-up-form {
    border-right: 1px solid #B6B6B6
}

@media (max-width:992px) {
    .sign-up-wrapper .sign-up-form-wrap .sign-up-form,
    .sign-up-wrapper .sign-up-form-wrap .sign-up-other {
        width: 100%
    }
    .sign-up-wrapper .sign-up-form-wrap .sign-up-form {
        border-right: none
    }
}

.sign-up-wrapper .sign-up-form-wrap .sign-up-form .form-group {
    display: inline-block;
    width: 80%;
    margin-bottom: 15px
}

.sign-up-wrapper .sign-up-form-wrap .sign-up-form .form-group label {
    color: #727272;
    font-family: "OpenSans SemiBold"
}

.sign-up-wrapper .sign-up-form-wrap .sign-up-form .form-group input,
.sign-up-wrapper .sign-up-form-wrap .sign-up-form .form-group select {
    height: auto;
    width: 100%;
    padding: 8px 20px;
    color: #727272;
    font-size: 14px;
    font-family: "OpenSans Regular";
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0;
}

.sign-up-wrapper .sign-up-form-wrap .sign-up-form .form-group input::-webkit-input-placeholder,
.sign-up-wrapper .sign-up-form-wrap .sign-up-form .form-group select::-webkit-input-placeholder {
    color: #727272
}

.sign-up-wrapper .sign-up-form-wrap .sign-up-form .form-group input::-moz-placeholder,
.sign-up-wrapper .sign-up-form-wrap .sign-up-form .form-group select::-moz-placeholder {
    color: #727272
}

.sign-up-wrapper .sign-up-form-wrap .sign-up-form .form-group input:-ms-input-placeholder,
.sign-up-wrapper .sign-up-form-wrap .sign-up-form .form-group select:-ms-input-placeholder {
    color: #727272
}

.sign-up-wrapper .sign-up-form-wrap .sign-up-form .form-group input:focus {
    border-color: #FE2B50
}

.sign-up-wrapper .sign-up-form-wrap .sign-up-form .form-group .alert-danger {
    margin-top: 10px;
    margin-bottom: 0
}

.sign-up-wrapper .sign-up-form-wrap .sign-up-form .form-group .birth-date {
    display: inline-block;
    width: 100%;
    text-align: right
}

.sign-up-wrapper .sign-up-form-wrap .sign-up-form .form-group .birth-date label {
    display: inline-block;
    margin-top: 3px
}

@media (min-width:993px) and (max-width:1200px) {
    .sign-up-wrapper .sign-up-form-wrap .sign-up-form .form-group .birth-date {
        text-align: left
    }
    .sign-up-wrapper .sign-up-form-wrap .sign-up-form .form-group .birth-date label {
        width: 100%;
        margin-top: 0
    }
}

@media (max-width:480px) {
    .sign-up-wrapper .sign-up-form-wrap .sign-up-form .form-group .birth-date {
        text-align: left
    }
    .sign-up-wrapper .sign-up-form-wrap .sign-up-form .form-group .birth-date label {
        width: 100%;
        margin-top: 0
    }
}

.sign-up-wrapper .sign-up-form-wrap .sign-up-form .form-group .birth-date select {
    display: inline-block;
    width: 25%;
    margin-right: 10px;
    padding-right: 30px;
    padding-left: 20px
}

.sign-up-wrapper .sign-up-form-wrap .sign-up-form .form-group .birth-date select:last-child {
    margin-right: 0
}

@media (max-width:1300px) {
    .sign-up-wrapper .sign-up-form-wrap .sign-up-form .form-group .birth-date select {
        margin-right: 6px
    }
}

@media (min-width:993px) and (max-width:1200px) {
    .sign-up-wrapper .sign-up-form-wrap .sign-up-form .form-group .birth-date select {
        width: 100%;
        margin-top: 10px
    }
}

@media (max-width:480px) {
    .sign-up-wrapper .sign-up-form-wrap .sign-up-form .form-group .birth-date select {
        width: 100%;
        margin-top: 10px
    }
}

.sign-up-wrapper .sign-up-form-wrap .sign-up-form .agree-terms label {
    color: #727272;
    font-size: 15px
}

.sign-up-wrapper .sign-up-form-wrap .sign-up-form .sign-up-btn-wrap {
    display: inline-block;
    width: 100%;
    margin-top: 20px;
    margin-bottom: 15px
}

.sign-up-wrapper .sign-up-form-wrap .sign-up-form .sign-up-btn-wrap a,
.sign-up-wrapper .sign-up-form-wrap .sign-up-form .sign-up-btn-wrap button {
    float: left;
    margin-right: 25px;
    padding: 12px 10%;
    border: none;
    background-color: #C1001B;
    color: #FFF;
    font-size: 14px;
    text-align: center;
    text-transform: uppercase;
    font-family: montserrat;
    width: auto;
    letter-spacing: 1px;
    font-weight: 600;
}

.sign-up-wrapper .sign-up-form-wrap .sign-up-form .sign-up-btn-wrap a:last-child,
.sign-up-wrapper .sign-up-form-wrap .sign-up-form .sign-up-btn-wrap button:last-child {
    margin-right: 0
}

.sign-up-wrapper .sign-up-form-wrap .sign-up-form .sign-up-btn-wrap a.cancel-btn,
.sign-up-wrapper .sign-up-form-wrap .sign-up-form .sign-up-btn-wrap button.cancel-btn {
    background-color: #292929
}

.sign-up-wrapper .sign-up-form-wrap .sign-up-form .alredy-member-wrap {
    display: inline-block;
    width: 100%;
    color: #727272;
    text-align: right;
    vertical-align: baseline
}

.sign-up-wrapper .sign-up-form-wrap .sign-up-form .alredy-member-wrap span {
    line-height: 24px
}

.sign-up-wrapper .sign-up-form-wrap .sign-up-form .alredy-member-wrap span a {
    color: #333;
    font-size: 15px;
    font-family: "OpenSans SemiBold";
    position: relative;
    top: -2px;
    margin-left: 6px;
}

.sign-up-wrapper .sign-up-form-wrap .sign-up-form .alredy-member-wrap span a:hover {
    color: #DB1300
}

.sign-up-wrapper .sign-up-form-wrap .sign-up-other a {
        display: inline-block;
    width: 100%;
    margin-top: 20px;
    padding: 16px;
    border: 1px solid #C3C3C3;
    background-color: #42519A;
    color: #FFF;
    letter-spacing: 0.5px;
    font-size: 15px;
    font-family: montserrat;
    text-align: center;
    font-weight: 600;
    text-transform: uppercase;
}

@media (max-width:480px) {
    .sign-up-wrapper .sign-up-form-wrap .sign-up-other a {
        font-size: 15px
    }
}

.sign-up-wrapper .sign-up-form-wrap .sign-up-other a i {
    margin-right: 8px;
    font-size: 22px;
    vertical-align: top
}

.sign-up-wrapper .sign-up-form-wrap .sign-up-other a.twitter-register {
    background-color: #5FA6F1
}

.sign-up-wrapper .sign-up-form-wrap .sign-up-other a.google-register {
    background-color: #FB1835
}

.log-in-wrapper .log-in-form-wrap .log-in-form .agree-terms .remember-forget-link {
    float: left;
    width: 50%
}

@media (max-width:480px) {
    .sign-up-wrapper .sign-up-form-wrap .sign-up-other a i {
        font-size: 19px
    }
    .log-in-wrapper .log-in-form-wrap .log-in-form .agree-terms .remember-forget-link {
        width: 100%
    }
}

.log-in-wrapper .log-in-form-wrap .log-in-form .agree-terms .remember-forget-link.remember-link label {
    font-size: 13px;
    font-family: "OpenSans Italic"
}

.log-in-wrapper .log-in-form-wrap .log-in-form .agree-terms .remember-forget-link.forget-link {
    text-align: right
}

@media (max-width:480px) {
    .log-in-wrapper .log-in-form-wrap .log-in-form .agree-terms .remember-forget-link.forget-link {
        text-align: left
    }
}

.log-in-wrapper .log-in-form-wrap .log-in-form .agree-terms .remember-forget-link.forget-link a {
    color: #727272;
    font-size: 13px
}

.log-in-wrapper .log-in-form-wrap .log-in-form .agree-terms .remember-forget-link.forget-link a:hover {
    color: #DB1300
}


.submit-listing-wrapper {
    display: inline-block;
    width: 100%
}

.submit-listing-wrapper .page-heading {
    display: inline-block;
    width: 100%;
    margin-bottom: 40px;
    text-align: center
}

.submit-listing-wrapper .page-heading .page-heading-summary {
    margin-bottom: 0
}

.submit-listing-wrapper .step-detail-wrap {
    display: block;
    max-width: 870px;
    width: 100%;
    margin: 0 auto;
    -webkit-box-shadow: 0 0 5px 6px rgba(195, 195, 195, .4);
    -moz-box-shadow: 0 0 5px 6px rgba(195, 195, 195, .4);
    -ms-box-shadow: 0 0 5px 6px rgba(195, 195, 195, .4);
    box-shadow: 0 0 5px 6px rgba(195, 195, 195, .4)
}

.submit-listing-wrapper .step-detail-wrap.step-select-plan {
    max-width: 100%
}

.submit-listing-wrapper .step-detail-wrap .step-header-wrap {
    display: inline-block;
    width: 100%;
    padding: 25px 0;
    border-bottom: 3px solid #FE2B50;
    background-color: #F5F7F6;
    text-align: center
}

.submit-listing-wrapper .step-detail-wrap .step-header-wrap .step-img {
    display: inline-block;
    margin-right: 20px
}

@media (max-width:480px) {
    .submit-listing-wrapper .step-detail-wrap .step-header-wrap .step-img {
        width: 100%;
        margin-bottom: 10px
    }
}

.submit-listing-wrapper .step-detail-wrap .step-header-wrap .step-number {
    display: inline-block;
    margin-right: 15px;
    padding-right: 15px;
    border-right: 2px solid #727272;
    color: #484747;
    font-size: 30px
}

.submit-listing-wrapper .step-detail-wrap .step-header-wrap .step-name-wrap {
    display: inline-block;
    color: #727272;
    font-family: "OpenSans light";
    text-align: left
}

.submit-listing-wrapper .step-detail-wrap .step-header-wrap .step-name-wrap .step-main-name {
    font-size: 22px
}

.submit-listing-wrapper .step-detail-wrap .step-header-wrap .step-name-wrap .step-sub-name {
    font-size: 11px
}

.submit-listing-wrapper .step-detail-wrap .step-content {
    display: inline-block;
    width: 100%
}

.submit-listing-wrapper .step-detail-wrap .step-content.step-1 {
    padding: 60px 100px
}

@media (max-width:992px) {
    .submit-listing-wrapper .step-detail-wrap .step-content.step-1 {
        padding-right: 30px;
        padding-left: 20px
    }
}

.submit-listing-wrapper .step-detail-wrap .step-content.step-1 .form-group {
    display: inline-block;
    width: 100%;
    margin-bottom: 38px
}

@media (max-width:767px) {
    .submit-listing-wrapper .step-detail-wrap .step-content.step-1 {
        padding: 20px
    }
    .submit-listing-wrapper .step-detail-wrap .step-content.step-1 .form-group {
        margin-bottom: 20px
    }
}

.submit-listing-wrapper .step-detail-wrap .step-content.step-1 .form-group>label {
    display: inline-block;
    width: 100%;
    margin-bottom: 10px;
    color: #484747;
    font-size: 20px;
    font-family: "OpenSans Regular"
}

@media (max-width:767px) {
    .submit-listing-wrapper .step-detail-wrap .step-content.step-1 .form-group>label {
        font-size: 16px
    }
}

.submit-listing-wrapper .step-detail-wrap .step-content.step-1 .form-group input,
.submit-listing-wrapper .step-detail-wrap .step-content.step-1 .form-group select {
    height: 42px;
    width: 100%;
    padding-left: 26px;
    color: #C3C3C3;
    font-size: 14px
}

@media (max-width:767px) {
    .submit-listing-wrapper .step-detail-wrap .step-content.step-1 .form-group input,
    .submit-listing-wrapper .step-detail-wrap .step-content.step-1 .form-group select {
        padding-left: 12px
    }
}

.submit-listing-wrapper .step-detail-wrap .step-content.step-1 .form-group select {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px
}

.submit-listing-wrapper .step-detail-wrap .step-content.step-1 .form-group .registreing-business-wrap {
    display: inline-block;
    width: 100%;
    margin-top: 10px
}

.submit-listing-wrapper .step-detail-wrap .step-content.step-1 .form-group .registreing-business-wrap .registreing-business-checkbox {
    float: left;
    width: 50%;
    margin-bottom: 12px;
    color: #727272;
    font-size: 15px
}

.submit-listing-wrapper .step-detail-wrap .step-content.step-2 .plan-grid-wrap .plan-grid.active .plan-title-wrap .per-month,
.submit-listing-wrapper .step-detail-wrap .step-content.step-2 .plan-grid-wrap .plan-grid.active .plan-title-wrap .per-year,
.submit-listing-wrapper .step-detail-wrap .step-content.step-2 .plan-grid-wrap .plan-grid.active .plan-title-wrap h2 {
    color: #FFF
}

@media (max-width:640px) {
    .submit-listing-wrapper .step-detail-wrap .step-content.step-1 .form-group .registreing-business-wrap .registreing-business-checkbox {
        width: 100%
    }
}

.submit-listing-wrapper .step-detail-wrap .step-content.step-1 .form-group .registreing-business-wrap .registreing-business-checkbox .input-rc input[type=checkbox] {
    height: auto
}

.submit-listing-wrapper .step-detail-wrap .step-content.step-1 .form-group .registreing-business-wrap .registreing-business-checkbox .input-rc input[type=checkbox]+.input-rc-span {
    height: 22px;
    width: 22px;
    margin-right: 22px
}

.submit-listing-wrapper .step-detail-wrap .step-content.step-1 .merchant-details-btn {
    display: inline-block;
    width: 100%;
    text-align: center
}

.submit-listing-wrapper .step-detail-wrap .step-content.step-2 .addon-wrap,
.submit-listing-wrapper .step-detail-wrap .step-content.step-2 .confimation-btn-wrap,
.submit-listing-wrapper .step-detail-wrap .step-content.step-2 .plan-grid-wrap,
.submit-listing-wrapper .step-detail-wrap .step-content.step-2 .term-cond-wrap {
    display: inline-block;
    width: 100%;
    padding: 30px 100px
}

@media (max-width:992px) {
    .submit-listing-wrapper .step-detail-wrap .step-content.step-2 .addon-wrap,
    .submit-listing-wrapper .step-detail-wrap .step-content.step-2 .confimation-btn-wrap,
    .submit-listing-wrapper .step-detail-wrap .step-content.step-2 .plan-grid-wrap,
    .submit-listing-wrapper .step-detail-wrap .step-content.step-2 .term-cond-wrap {
        padding: 30px
    }
}

.submit-listing-wrapper .step-detail-wrap .step-content.step-2 .plan-grid-wrap {
    position: relative;
    display: inline-block;
    width: 100%;
    padding-top: 60px;
    font-family: "Century-gothic Regular"
}

.submit-listing-wrapper .step-detail-wrap .step-content.step-2 .plan-grid-wrap .plan-grid {
    float: left;
    display: inline-block;
    border: 1px solid #EDEDED;
    text-align: center
}

.submit-listing-wrapper .step-detail-wrap .step-content.step-2 .plan-grid-wrap .plan-grid.active .plan-title-wrap {
    border-top: 4px solid #FE2B50;
    border-bottom: 1px solid #4E566A;
    background-color: #4E566A
}

.submit-listing-wrapper .step-detail-wrap .step-content.step-2 .plan-grid-wrap .plan-grid.active .plan-title-wrap::after {
    content: url(../images/plan-arrow-blue.png)
}

.submit-listing-wrapper .step-detail-wrap .step-content.step-2 .plan-grid-wrap .plan-grid.active .plan-title-wrap h2::after {
    background-color: #FFF
}

.submit-listing-wrapper .step-detail-wrap .step-content.step-2 .plan-grid-wrap .plan-grid.active .plan-title-wrap .per-month span,
.submit-listing-wrapper .step-detail-wrap .step-content.step-2 .plan-grid-wrap .plan-grid.active .plan-title-wrap .per-year span {
    color: #FE8B8B
}

.submit-listing-wrapper .step-detail-wrap .step-content.step-2 .plan-grid-wrap .plan-grid.active .plan-detail-wrap .selct-plan-btn .selct-plan {
    background-color: #7DBD3C
}

.submit-listing-wrapper .step-detail-wrap .step-content.step-2 .plan-grid-wrap .plan-grid .plan-title-wrap {
    position: relative;
    display: inline-block;
    width: 100%;
    padding-top: 60px;
    padding-bottom: 35px;
    border-top: 4px solid transparent;
    border-bottom: 1px solid #EDEDED
}

.submit-listing-wrapper .step-detail-wrap .step-content.step-2 .plan-grid-wrap .plan-grid .plan-title-wrap::after {
    position: absolute;
    bottom: 0;
    left: 50%;
    display: inline-block;
    margin-bottom: -13px;
    margin-left: -10px;
    content: url(../images/plan-arrow-image.png)
}

.submit-listing-wrapper .step-detail-wrap .step-content.step-2 .plan-grid-wrap .plan-grid .plan-title-wrap .recommend-plan {
    position: absolute;
    top: 0;
    left: 0;
    height: 134px;
    width: 134px;
    margin-top: -1px;
    background-image: url(../images/recommend-plan.png);
    background-repeat: no-repeat;
    color: #FFF
}

.submit-listing-wrapper .step-detail-wrap .step-content.step-2 .plan-grid-wrap .plan-grid .plan-title-wrap .recommend-plan span {
    display: inline-block;
    width: 100%;
    margin-top: 42px;
    margin-left: -24px;
    font-size: 11px;
    text-transform: uppercase;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.submit-listing-wrapper .step-detail-wrap .step-content.step-2 .plan-grid-wrap .plan-grid .plan-title-wrap h2 {
    position: relative;
    margin-top: 0;
    margin-bottom: 40px;
    font-size: 36px;
    font-family: "Century-gothic Bold"
}

@media (max-width:480px) {
    .submit-listing-wrapper .step-detail-wrap .step-content.step-2 .plan-grid-wrap .plan-grid .plan-title-wrap h2 {
        font-size: 24px
    }
}

.submit-listing-wrapper .step-detail-wrap .step-content.step-2 .plan-grid-wrap .plan-grid .plan-title-wrap h2::after {
    position: absolute;
    bottom: 0;
    left: 50%;
    display: inline-block;
    height: 1px;
    width: 60px;
    margin-bottom: -20px;
    margin-left: -30px;
    background-color: #FE2B50;
    content: ''
}

.submit-listing-wrapper .step-detail-wrap .step-content.step-2 .plan-grid-wrap .plan-grid .plan-title-wrap .per-month,
.submit-listing-wrapper .step-detail-wrap .step-content.step-2 .plan-grid-wrap .plan-grid .plan-title-wrap .per-year {
    color: #939393;
    font-size: 20px;
    font-family: "Century-gothic Bold"
}

.submit-listing-wrapper .step-detail-wrap .step-content.step-2 .plan-grid-wrap .plan-grid .plan-detail-wrap ul li a,
.submit-listing-wrapper .step-detail-wrap .step-content.step-2 .plan-grid-wrap .plan-grid .plan-title-wrap .per-month span,
.submit-listing-wrapper .step-detail-wrap .step-content.step-2 .plan-grid-wrap .plan-grid .plan-title-wrap .per-year span {
    color: #FE2B50
}

.submit-listing-wrapper .step-detail-wrap .step-content.step-2 .plan-grid-wrap .plan-grid .plan-detail-wrap {
    padding: 50px 0
}

.submit-listing-wrapper .step-detail-wrap .step-content.step-2 .plan-grid-wrap .plan-grid .plan-detail-wrap ul {
    display: inline-block;
    width: 100%;
    margin-bottom: 0;
    padding: 0 40px;
    list-style-type: none
}

@media (max-width:480px) {
    .submit-listing-wrapper .step-detail-wrap .step-content.step-2 .plan-grid-wrap .plan-grid .plan-detail-wrap ul {
        padding: 0
    }
}

.submit-listing-wrapper .step-detail-wrap .step-content.step-2 .plan-grid-wrap .plan-grid .plan-detail-wrap ul li {
    display: inline-block;
    width: 100%;
    padding: 14px 0;
    border-bottom: 1px solid #EDEDED;
    font-size: 16px
}

@media (max-width:480px) {
    .submit-listing-wrapper .step-detail-wrap .step-content.step-2 .plan-grid-wrap .plan-grid .plan-detail-wrap ul li {
        font-size: 14px
    }
}

.submit-listing-wrapper .step-detail-wrap .step-content.step-2 .plan-grid-wrap .plan-grid .plan-detail-wrap ul li:last-child {
    border-bottom: none
}

.submit-listing-wrapper .step-detail-wrap .step-content.step-2 .plan-grid-wrap .plan-grid .plan-detail-wrap ul li p {
    margin: 0
}

.submit-listing-wrapper .step-detail-wrap .step-content.step-2 .plan-grid-wrap .plan-grid .plan-detail-wrap ul li span.chk-grn::before,
.submit-listing-wrapper .step-detail-wrap .step-content.step-2 .plan-grid-wrap .plan-grid .plan-detail-wrap ul li span.chk-red::before {
    display: inline-block;
    margin-right: 6px;
    content: url(../images/right-icon.png)
}

.submit-listing-wrapper .step-detail-wrap .step-content.step-2 .plan-grid-wrap .plan-grid .plan-detail-wrap ul li span.chk-red::before {
    content: url(../images/wrong-icon.png)
}

.submit-listing-wrapper .step-detail-wrap .step-content.step-2 .plan-grid-wrap .plan-grid .plan-detail-wrap ul li.show-more-plan {
    display: none;
    padding: 0
}

.submit-listing-wrapper .step-detail-wrap .step-content.step-2 .plan-grid-wrap .plan-grid .plan-detail-wrap ul li.show-more {
    margin-bottom: 15px
}

.submit-listing-wrapper .step-detail-wrap .step-content.step-2 .plan-grid-wrap .plan-grid .plan-detail-wrap ul li.show-more a {
    position: relative;
    border-bottom: 1px solid #1C1C1C;
    color: #1C1C1C;
    font-size: 16px;
    font-family: "Century-gothic Bold";
    letter-spacing: 1px;
    text-transform: uppercase
}

.submit-listing-wrapper .step-detail-wrap .step-content.step-2 .plan-grid-wrap .plan-grid .plan-detail-wrap ul li.show-more a::after {
    position: absolute;
    top: 0;
    right: 0;
    height: 14px;
    width: 14px;
    margin-top: 24px;
    margin-right: 46px;
    background-image: url(../images/slider-left-arrow.png);
    background-repeat: no-repeat;
    background-size: contain;
    content: '';
    -webkit-transform: rotate(-91deg);
    -moz-transform: rotate(-91deg);
    -ms-transform: rotate(-91deg);
    transform: rotate(-91deg)
}

.submit-listing-wrapper .step-detail-wrap .step-content.step-2 .plan-grid-wrap .plan-grid .plan-detail-wrap ul li.show-more .show-more-less {
    display: none
}

.submit-listing-wrapper .step-detail-wrap .step-content.step-2 .plan-grid-wrap .plan-grid .plan-detail-wrap ul li.show-more.hide-show-more {
    display: inline-block
}

.submit-listing-wrapper .step-detail-wrap .step-content.step-2 .plan-grid-wrap .plan-grid .plan-detail-wrap ul li.show-more.hide-show-more a::after {
    margin-top: 30px;
    -webkit-transform: rotate(91deg);
    -moz-transform: rotate(91deg);
    -ms-transform: rotate(91deg);
    transform: rotate(91deg)
}

.submit-listing-wrapper .step-detail-wrap .step-content.step-2 .plan-grid-wrap .plan-grid .plan-detail-wrap ul li.show-more.hide-show-more .show-more-link {
    display: none
}

.submit-listing-wrapper .step-detail-wrap .step-content.step-2 .plan-grid-wrap .plan-grid .plan-detail-wrap ul li.show-more.hide-show-more .show-more-less {
    display: inline-block
}

.submit-listing-wrapper .step-detail-wrap .step-content.step-2 .plan-grid-wrap .plan-grid .plan-detail-wrap ul li ul {
    padding: 0
}

.submit-listing-wrapper .step-detail-wrap .step-content.step-2 .plan-grid-wrap .plan-grid .plan-detail-wrap ul li ul li {
    border-bottom: 1px solid #EDEDED
}

.submit-listing-wrapper .step-detail-wrap .step-content.step-2 .plan-grid-wrap .plan-grid .plan-detail-wrap ul li ul li:nth-last-child(2) {
    border-bottom: 1px solid #EDEDED
}

.submit-listing-wrapper .step-detail-wrap .step-content.step-2 .plan-grid-wrap .plan-grid .plan-detail-wrap .selct-plan-btn {
    position: relative;
    padding: 0
}

.submit-listing-wrapper .step-detail-wrap .step-content.step-2 .plan-grid-wrap .plan-grid .plan-detail-wrap .selct-plan-btn:hover .selct-plan {
    box-shadow: inset 0 0 1px 3px rgba(255, 255, 255, .3)
}

.submit-listing-wrapper .step-detail-wrap .step-content.step-2 .plan-grid-wrap .plan-grid .plan-detail-wrap .selct-plan-btn .input-rc {
    position: static;
    height: 0;
    width: 0;
    opacity: 0
}

.submit-listing-wrapper .step-detail-wrap .step-content.step-2 .plan-grid-wrap .plan-grid .plan-detail-wrap .selct-plan-btn .input-rc input[type=radio] {
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
    height: 100%;
    width: 100%;
    margin: 0
}

.submit-listing-wrapper .step-detail-wrap .step-content.step-2 .plan-grid-wrap .plan-grid .plan-detail-wrap .selct-plan-btn .selct-plan {
    display: inline-block;
    padding: 12px 50px;
    background-color: #FE2B50;
    color: #FFF;
    font-size: 16px;
    text-transform: uppercase;
    cursor: pointer;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px
}

.submit-listing-wrapper .step-detail-wrap .step-content.step-2 .plan-grid-wrap .plan-grid .plan-detail-wrap .read-more-state {
    display: none
}

.submit-listing-wrapper .step-detail-wrap .step-content.step-2 .plan-grid-wrap .plan-grid .plan-detail-wrap .read-more-state:checked~.read-more-wrap .read-more-target {
    display: inline-block
}

.submit-listing-wrapper .step-detail-wrap .step-content.step-2 .plan-grid-wrap .plan-grid .plan-detail-wrap .read-more-state:checked~.read-more-trigger::before {
    content: 'Show less'
}

.submit-listing-wrapper .step-detail-wrap .step-content.step-2 .plan-grid-wrap .plan-grid .plan-detail-wrap .read-more-state:checked~.read-more-trigger::after {
    margin-top: 30px;
    -webkit-transform: rotate(91deg);
    -moz-transform: rotate(91deg);
    -ms-transform: rotate(91deg);
    transform: rotate(91deg)
}

.submit-listing-wrapper .step-detail-wrap .step-content.step-2 .plan-grid-wrap .plan-grid .plan-detail-wrap .read-more-state~.read-more-trigger::before {
    content: 'Show more'
}

.submit-listing-wrapper .step-detail-wrap .step-content.step-2 .plan-grid-wrap .plan-grid .plan-detail-wrap .read-more-target {
    display: none
}

.submit-listing-wrapper .step-detail-wrap .step-content.step-2 .plan-grid-wrap .plan-grid .plan-detail-wrap .read-more-trigger {
    position: relative;
    margin: 15px 0 30px;
    border-bottom: 1px solid #1C1C1C;
    color: #1C1C1C;
    font-size: 16px;
    font-family: "Century-gothic Bold";
    letter-spacing: 1px;
    text-transform: uppercase
}

.submit-listing-wrapper .step-detail-wrap .step-content.step-2 .plan-grid-wrap .plan-grid .plan-detail-wrap .read-more-trigger::after {
    position: absolute;
    top: 0;
    right: 0;
    height: 14px;
    width: 14px;
    margin-top: 24px;
    margin-right: 46px;
    background-image: url(../images/slider-left-arrow.png);
    background-repeat: no-repeat;
    background-size: contain;
    content: '';
    -webkit-transform: rotate(-91deg);
    -moz-transform: rotate(-91deg);
    -ms-transform: rotate(-91deg);
    transform: rotate(-91deg)
}

.submit-listing-wrapper .step-detail-wrap .step-content.step-2 .plan-grid-wrap .swiper-button-next {
    margin-right: 45px
}

.submit-listing-wrapper .step-detail-wrap .step-content.step-2 .plan-grid-wrap .swiper-button-prev {
    margin-left: 45px
}

@media (max-width:992px) {
    .submit-listing-wrapper .step-detail-wrap .step-content.step-2 .plan-grid-wrap .swiper-button-next,
    .submit-listing-wrapper .step-detail-wrap .step-content.step-2 .plan-grid-wrap .swiper-button-prev {
        height: 36px;
        width: 18px
    }
    .submit-listing-wrapper .step-detail-wrap .step-content.step-2 .plan-grid-wrap .swiper-button-next {
        margin-right: 6px
    }
    .submit-listing-wrapper .step-detail-wrap .step-content.step-2 .plan-grid-wrap .swiper-button-prev {
        margin-left: 6px
    }
}

.submit-listing-wrapper .step-detail-wrap .step-content.step-2 .addon-wrap {
    text-align: center
}

.submit-listing-wrapper .step-detail-wrap .step-content.step-2 .addon-wrap .addon-heading {
    display: inline-block;
    width: 100%;
    margin-bottom: 15px;
    color: #484747
}

.submit-listing-wrapper .step-detail-wrap .step-content.step-2 .addon-wrap .addon-grid-wrap {
    display: -webkit-flex;
    display: -moz-flex;
    display: flex;
    width: 100%;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.submit-listing-wrapper .step-detail-wrap .step-content.step-2 .addon-wrap .addon-grid-wrap .addon-grid-wrapper {
    float: left;
    margin-right: 45px;
    margin-bottom: 45px;
    padding: 20px 35px 35px;
    border-bottom: 1px solid #EDEDED;
    text-align: center;
    -webkit-box-shadow: 0 0 6px #D1D1D1;
    -moz-box-shadow: 0 0 6px #D1D1D1;
    -ms-box-shadow: 0 0 6px #D1D1D1;
    box-shadow: 0 0 6px #D1D1D1;
    width: -webkit-calc(25% - 34px);
    width: -moz-calc(25% - 34px);
    width: calc(25% - 34px)
}

.submit-listing-wrapper .step-detail-wrap .step-content.step-2 .addon-wrap .addon-grid-wrap .addon-grid-wrapper:nth-child(4n) {
    margin-right: 0
}

@media (max-width:1200px) {
    .submit-listing-wrapper .step-detail-wrap .step-content.step-2 .addon-wrap .addon-grid-wrap .addon-grid-wrapper {
        width: -webkit-calc(50% - 23px);
        width: -moz-calc(50% - 23px);
        width: calc(50% - 23px)
    }
    .submit-listing-wrapper .step-detail-wrap .step-content.step-2 .addon-wrap .addon-grid-wrap .addon-grid-wrapper:nth-child(2n) {
        margin-right: 0
    }
}

@media (max-width:580px) {
    .submit-listing-wrapper .step-detail-wrap .step-content.step-2 .addon-wrap .addon-grid-wrap .addon-grid-wrapper {
        width: 100%;
        margin-right: 0
    }
}

.submit-listing-wrapper .step-detail-wrap .step-content.step-2 .addon-wrap .addon-grid-wrap .addon-grid-wrapper .addon-grid {
    color: #0F0059
}

.submit-listing-wrapper .step-detail-wrap .step-content.step-2 .addon-wrap .addon-grid-wrap .addon-grid-wrapper .addon-grid .addon-grid-title {
    margin: 10px 0;
    font-size: 16px;
    font-family: "OpenSans SemiBold"
}

.submit-listing-wrapper .step-detail-wrap .step-content.step-2 .confimation-btn-wrap .continue-btn,
.submit-listing-wrapper .step-detail-wrap .step-content.step-3 .continue-btn {
    margin-right: 20px
}

.submit-listing-wrapper .step-detail-wrap .step-content.step-2 .addon-wrap .addon-grid-wrap .addon-grid-wrapper .addon-grid .addon-grid-price {
    margin-bottom: 10px;
    font-size: 20px;
    font-family: "OpenSans SemiBold"
}

.submit-listing-wrapper .step-detail-wrap .step-content.step-2 .addon-wrap .addon-grid-wrap .addon-grid-wrapper .addon-grid .add-to-cart-btn {
    display: inline-block;
    padding: 6px 20px;
    background-color: #0F0059;
    color: #FFF;
    font-size: 14px;
    font-weight: 600;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    border-radius: 2px
}

.submit-listing-wrapper .step-detail-wrap .step-content.step-2 .addon-wrap .addon-grid-wrap .addon-grid-wrapper .addon-grid.addon-grid-blue {
    color: #5575F7
}

.submit-listing-wrapper .step-detail-wrap .step-content.step-2 .addon-wrap .addon-grid-wrap .addon-grid-wrapper .addon-grid.addon-grid-blue .add-to-cart-btn {
    background-color: #5575F7
}

.submit-listing-wrapper .step-detail-wrap .step-content.step-2 .addon-wrap .addon-grid-wrap .addon-grid-wrapper .addon-grid.addon-grid-green {
    color: #8DCD61
}

.submit-listing-wrapper .step-detail-wrap .step-content.step-2 .addon-wrap .addon-grid-wrap .addon-grid-wrapper .addon-grid.addon-grid-green .add-to-cart-btn {
    background-color: #8DCD61
}

.submit-listing-wrapper .step-detail-wrap .step-content.step-2 .addon-wrap .addon-grid-wrap .addon-grid-wrapper .addon-grid.addon-grid-grey {
    color: #6C6C6C
}

.submit-listing-wrapper .step-detail-wrap .step-content.step-2 .addon-wrap .addon-grid-wrap .addon-grid-wrapper .addon-grid.addon-grid-grey .add-to-cart-btn {
    background-color: #6C6C6C
}

.submit-listing-wrapper .step-detail-wrap .step-content.step-2 .term-cond-wrap {
    padding-top: 0
}

.submit-listing-wrapper .step-detail-wrap .step-content.step-2 .term-cond-wrap label {
    color: #727272;
    font-size: 17px;
    font-family: "OpenSans Regular"
}

.submit-listing-wrapper .step-detail-wrap .step-content.step-2 .term-cond-wrap label.pdf-terms {
    text-decoration: underline
}

.submit-listing-wrapper .step-detail-wrap .step-content.step-2 .term-cond-wrap label .input-rc .input-rc-span {
    margin-top: 2px
}

.submit-listing-wrapper .step-detail-wrap .step-content.step-2 .term-cond-wrap label a {
    display: inline-block;
    margin-top: -5px;
    margin-left: 10px
}

.submit-listing-wrapper .step-detail-wrap .step-content.step-2 .confimation-btn-wrap {
    margin-bottom: 20px;
    text-align: center
}

.submit-listing-wrapper .step-detail-wrap .step-content.step-3 {
    padding: 60px;
    font-family: "Century-gothic Regular"
}

@media (max-width:767px) {
    .submit-listing-wrapper .step-detail-wrap .step-content.step-3 {
        padding: 30px
    }
}

@media (max-width:480px) {
    .submit-listing-wrapper .step-detail-wrap .step-content.step-2 .confimation-btn-wrap .continue-btn,
    .submit-listing-wrapper .step-detail-wrap .step-content.step-2 .confimation-btn-wrap a {
        width: 100%;
        margin-bottom: 10px
    }
    .submit-listing-wrapper .step-detail-wrap .step-content.step-3 {
        padding: 15px
    }
    .submit-listing-wrapper .step-detail-wrap .step-content.step-3 .continue-btn {
        width: 100%;
        margin-bottom: 10px
    }
}

.submit-listing-wrapper .step-detail-wrap .step-content.step-3 .cart-summary-wrap {
    display: inline-block;
    width: 100%;
    border: 1px solid #EDEDED
}

.submit-listing-wrapper .step-detail-wrap .step-content.step-3 .cart-summary-wrap .cart-summary-title {
    display: inline-block;
    width: 100%;
    padding: 20px 40px;
    background-color: #F9F9F9
}

.submit-listing-wrapper .step-detail-wrap .step-content.step-3 .cart-summary-wrap .cart-summary-title h2 {
    margin: 0;
    color: #484747;
    font-size: 24px;
    font-family: "Century-gothic Bold"
}

@media (max-width:640px) {
    .submit-listing-wrapper .step-detail-wrap .step-content.step-2 .term-cond-wrap label a {
        margin-top: 0
    }
    .submit-listing-wrapper .step-detail-wrap .step-content.step-3 .cart-summary-wrap .cart-summary-title {
        padding: 20px
    }
    .submit-listing-wrapper .step-detail-wrap .step-content.step-3 .cart-summary-wrap .cart-summary-title h2 {
        font-size: 20px
    }
}

.submit-listing-wrapper .step-detail-wrap .step-content.step-3 .cart-summary-wrap .cart-table {
    display: inline-block;
    width: 100%;
    margin-top: 6px;
    border-top: 1px dashed #7C7C7C
}

.submit-listing-wrapper .step-detail-wrap .step-content.step-3 .cart-summary-wrap .cart-table .cart-item {
    position: relative;
    display: inline-block;
    width: 100%;
    padding: 10px 30px
}

@media (max-width:640px) {
    .submit-listing-wrapper .step-detail-wrap .step-content.step-3 .cart-summary-wrap .cart-table .cart-item {
        padding-right: 15px;
        padding-left: 15px
    }
}

.submit-listing-wrapper .step-detail-wrap .step-content.step-3 .cart-summary-wrap .cart-table .cart-item .cart-item-detail {
    position: relative;
    float: left;
    display: inline-block
}

.submit-listing-wrapper .step-detail-wrap .step-content.step-3 .cart-summary-wrap .cart-table .cart-item .cart-item-detail.action-icon {
    float: left;
    width: 55px
}

.submit-listing-wrapper .step-detail-wrap .step-content.step-3 .cart-summary-wrap .cart-table .cart-item .cart-item-detail .addon-icon::before {
    display: inline-block;
    height: 25px;
    width: 25px;
    margin-right: 10px;
    background-image: url(../images/padlock.png);
    background-repeat: no-repeat;
    background-size: cover;
    content: ''
}

.submit-listing-wrapper .step-detail-wrap .step-content.step-3 .cart-summary-wrap .cart-table .cart-item .cart-item-detail.item {
    width: -webkit-calc(35% - 55px);
    width: -moz-calc(35% - 55px);
    width: calc(35% - 55px)
}

.submit-listing-wrapper .step-detail-wrap .step-content.step-3 .cart-summary-wrap .cart-table .cart-item .cart-item-detail.type {
    width: 15%
}

.submit-listing-wrapper .step-detail-wrap .step-content.step-3 .cart-summary-wrap .cart-table .cart-item .cart-item-detail.billing-period,
.submit-listing-wrapper .step-detail-wrap .step-content.step-3 .cart-summary-wrap .cart-table .cart-item .cart-item-detail.license-count {
    width: 15%;
    text-align: center
}

.submit-listing-wrapper .step-detail-wrap .step-content.step-3 .cart-summary-wrap .cart-table .cart-item .cart-item-detail.to-pay,
.submit-listing-wrapper .step-detail-wrap .step-content.step-3 .cart-summary-wrap .cart-table .cart-item .cart-item-detail.unit-price {
    width: 10%;
    text-align: center
}

.submit-listing-wrapper .step-detail-wrap .step-content.step-3 .cart-summary-wrap .cart-table .cart-item.cart-item-head {
    border-bottom: 1px solid #EDEDED;
    font-size: 14px;
    font-family: "Century-gothic Regular"
}

.submit-listing-wrapper .step-detail-wrap .step-content.step-3 .cart-summary-wrap .cart-table .cart-item.cart-item-detail-list .cart-item-detail.item {
    color: #17415F;
    font-size: 20px;
    font-family: "OpenSans SemiBold"
}

.submit-listing-wrapper .step-detail-wrap .step-content.step-3 .cart-summary-wrap .cart-table .cart-item.cart-item-detail-list .cart-item-detail.license-count,
.submit-listing-wrapper .step-detail-wrap .step-content.step-3 .cart-summary-wrap .cart-table .cart-item.cart-item-detail-list .cart-item-detail.type {
    font-size: 16px
}

@media (max-width:992px) {
    .submit-listing-wrapper .step-detail-wrap .step-content.step-3 .cart-summary-wrap .cart-table .cart-item.cart-item-head {
        display: none
    }
    .submit-listing-wrapper .step-detail-wrap .step-content.step-3 .cart-summary-wrap .cart-table .cart-item.cart-item-detail-list {
        border-bottom: 1px solid #EDEDED
    }
    .submit-listing-wrapper .step-detail-wrap .step-content.step-3 .cart-summary-wrap .cart-table .cart-item.cart-item-detail-list .cart-item-detail {
        width: 100%;
        margin-bottom: 10px;
        text-align: center
    }
    .submit-listing-wrapper .step-detail-wrap .step-content.step-3 .cart-summary-wrap .cart-table .cart-item.cart-item-detail-list .cart-item-detail.item,
    .submit-listing-wrapper .step-detail-wrap .step-content.step-3 .cart-summary-wrap .cart-table .cart-item.cart-item-detail-list .cart-item-detail.type {
        width: 100%;
        margin-bottom: 10px
    }
}

.submit-listing-wrapper .step-detail-wrap .step-content.step-3 .cart-summary-wrap .cart-table .cart-item.cart-item-detail-list .cart-item-detail.license-count .bootstrap-touchspin .bootstrap-touchspin-down,
.submit-listing-wrapper .step-detail-wrap .step-content.step-3 .cart-summary-wrap .cart-table .cart-item.cart-item-detail-list .cart-item-detail.license-count .bootstrap-touchspin .bootstrap-touchspin-up {
    float: left;
    display: inline-block;
    height: 19px;
    width: 19px;
    padding: 0;
    border: 1px solid #B6B6B6;
    font-size: 12px;
    text-align: center;
    cursor: pointer;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    border-radius: 100%
}

.submit-listing-wrapper .step-detail-wrap .step-content.step-3 .cart-summary-wrap .cart-table .cart-item.cart-item-detail-list .cart-item-detail.license-count input {
    float: none;
    display: inline-block;
    width: 50px;
    margin: 0 auto
}

.submit-listing-wrapper .step-detail-wrap .step-content.step-3 .cart-summary-wrap .cart-table .cart-item.cart-item-detail-list .cart-item-detail.billing-period {
    color: #17415F;
    font-size: 16px
}

.submit-listing-wrapper .step-detail-wrap .step-content.step-3 .cart-summary-wrap .cart-table .cart-item.cart-item-detail-list .cart-item-detail.to-pay,
.submit-listing-wrapper .step-detail-wrap .step-content.step-3 .cart-summary-wrap .cart-table .cart-item.cart-item-detail-list .cart-item-detail.unit-price {
    color: #17415F;
    font-size: 20px
}

.submit-listing-wrapper .step-detail-wrap .step-content.step-3 .cart-summary-wrap .cart-table .cart-item .exchange-cart-item a,
.submit-listing-wrapper .step-detail-wrap .step-content.step-3 .cart-summary-wrap .cart-table .cart-item .remove-cart-item a {
    display: inline-block
}

.submit-listing-wrapper .step-detail-wrap .step-content.step-3 .cart-summary-wrap .cart-table .cart-item .exchange-cart-item a::before,
.submit-listing-wrapper .step-detail-wrap .step-content.step-3 .cart-summary-wrap .cart-table .cart-item .remove-cart-item a::before {
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
    height: 18px;
    width: 18px;
    margin-left: 10px;
    background-image: url(../images/delete-icon.png);
    background-repeat: no-repeat;
    background-size: 100% auto;
    content: ''
}

.submit-listing-wrapper .step-detail-wrap .step-content.step-3 .cart-summary-wrap .cart-table .cart-item .exchange-cart-item a::before {
    margin-top: 6px;
    background-image: url(../images/exchange-icon.png)
}

.submit-listing-wrapper .step-detail-wrap .step-content.step-3 .cart-summary-wrap .cart-table .add-more-btn {
    display: inline-block;
    width: 100%;
    margin-top: 20px;
    padding-left: 40px
}

@media (max-width:640px) {
    .submit-listing-wrapper .step-detail-wrap .step-content.step-3 .cart-summary-wrap .cart-table .add-more-btn {
        padding-left: 0;
        text-align: center
    }
}

.submit-listing-wrapper .step-detail-wrap .step-content.step-3 .cart-summary-wrap .cart-table .add-more-btn a {
    display: inline-block;
    padding: 0 8px;
    border: 1px solid #484747;
    background-color: #3960B2;
    color: #FFF;
    text-transform: uppercase;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    border-radius: 2px
}

.submit-listing-wrapper .step-detail-wrap .step-content.step-3 .cart-summary-wrap .cart-table .add-more-btn a:hover {
    background-color: #7DBD3C
}

.submit-listing-wrapper .step-detail-wrap .step-content.step-3 .cart-summary-wrap .order-total-wrap {
    float: left;
    display: inline-block;
    width: 100%;
    margin-top: 40px;
    padding: 20px 40px;
    border-top: 1px dashed #7C7C7C;
    color: #484747;
    font-family: "Century-gothic Bold"
}

.submit-listing-wrapper .step-detail-wrap .step-content.step-3 .cart-summary-wrap .order-total-wrap .order-total-text {
    float: left;
    display: inline-block;
    width: 80%;
    font-size: 20px
}

@media (max-width:640px) {
    .submit-listing-wrapper .step-detail-wrap .step-content.step-3 .cart-summary-wrap .order-total-wrap {
        padding-right: 20px;
        padding-left: 20px
    }
    .submit-listing-wrapper .step-detail-wrap .step-content.step-3 .cart-summary-wrap .order-total-wrap .order-total-text {
        width: 100%;
        margin-bottom: 10px;
        font-size: 18px;
        text-align: center
    }
}

.submit-listing-wrapper .step-detail-wrap .step-content.step-3 .cart-summary-wrap .order-total-wrap .order-total-price {
    float: left;
    display: inline-block;
    width: 20%;
    font-size: 20px;
    text-align: right
}

@media (max-width:640px) {
    .submit-listing-wrapper .step-detail-wrap .step-content.step-3 .cart-summary-wrap .order-total-wrap .order-total-price {
        width: 100%;
        font-size: 18px;
        text-align: center
    }
}

.submit-listing-wrapper .step-detail-wrap .step-content.step-3 .total-amount-wrap {
    display: inline-block;
    width: 100%;
    margin-top: 20px;
    margin-bottom: 20px;
    padding: 20px 40px;
    border: 1px solid #EDEDED;
    background-color: #F9F9F9;
    color: #484747;
    font-size: 20px;
    font-family: "Century-gothic Bold"
}

.submit-listing-wrapper .step-detail-wrap .step-content.step-3 .total-amount-wrap .total-amount-text {
    float: left;
    display: inline-block;
    width: 80%
}

@media (max-width:640px) {
    .submit-listing-wrapper .step-detail-wrap .step-content.step-3 .total-amount-wrap {
        padding-right: 20px;
        padding-left: 20px;
        font-size: 18px
    }
    .submit-listing-wrapper .step-detail-wrap .step-content.step-3 .total-amount-wrap .total-amount-text {
        width: 100%;
        margin-bottom: 10px;
        text-align: center
    }
}

.submit-listing-wrapper .step-detail-wrap .step-content.step-3 .total-amount-wrap .total-amount-price {
    float: left;
    display: inline-block;
    width: 20%;
    text-align: right
}

@media (max-width:640px) {
    .submit-listing-wrapper .step-detail-wrap .step-content.step-3 .total-amount-wrap .total-amount-price {
        width: 100%;
        text-align: center
    }
}

.submit-listing-wrapper .step-detail-wrap .step-content.step-3 .payment-tab {
    display: -webkit-flex;
    display: -moz-flex;
    display: flex;
    width: 100%;
    border: 1px solid #EDEDED;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.submit-listing-wrapper .step-detail-wrap .step-content.step-3 .payment-tab .payment-tab-title {
    float: left;
    display: inline-block;
    width: 25%;
    border-right: 1px solid #EDEDED
}

@media (max-width:992px) {
    .submit-listing-wrapper .step-detail-wrap .step-content.step-3 .payment-tab .payment-tab-title {
        width: 100%
    }
}

.submit-listing-wrapper .step-detail-wrap .step-content.step-3 .payment-tab .payment-tab-title ul {
    padding-bottom: 0
}

.submit-listing-wrapper .step-detail-wrap .step-content.step-3 .payment-tab .payment-tab-title ul li {
    display: inline-block;
    width: 100%;
    margin: 0;
    border-bottom: 1px solid #EDEDED
}

.submit-listing-wrapper .step-detail-wrap .step-content.step-3 .payment-tab .payment-tab-title ul li:last-child {
    border-bottom: none
}

.submit-listing-wrapper .step-detail-wrap .step-content.step-3 .payment-tab .payment-tab-title ul li.active {
    margin: 0;
    background-color: #EDEDED
}

.submit-listing-wrapper .step-detail-wrap .step-content.step-3 .payment-tab .payment-tab-title ul li.active a {
    border: none
}

.submit-listing-wrapper .step-detail-wrap .step-content.step-3 .payment-tab .payment-tab-title ul li a {
    margin: 0;
    padding: 20px 30px;
    border: none;
    background-color: transparent;
    color: #484747;
    font-size: 14px;
    font-family: "Century-gothic Bold"
}

@media (max-width:767px) {
    .submit-listing-wrapper .step-detail-wrap .step-content.step-3 .payment-tab .payment-tab-title ul li a {
        padding: 15px 20px
    }
}

.submit-listing-wrapper .step-detail-wrap .step-content.step-3 .payment-tab .payment-tab-title ul li a:hover {
    margin: 0;
    border: none
}

.submit-listing-wrapper .step-detail-wrap .step-content.step-3 .payment-tab .payment-tab-title ul li a span {
    position: relative;
    padding-top: 4px;
    padding-left: 40px
}

.submit-listing-wrapper .step-detail-wrap .step-content.step-3 .payment-tab .payment-tab-title ul li a span::before {
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
    vertical-align: top;
    content: url(../images/payment-radio.png)
}

.submit-listing-wrapper .step-detail-wrap .step-content.step-3 .payment-tab .payment-tab-title ul li.active a span::before {
    content: url(../images/payment-radio-filled.png)
}

.submit-listing-wrapper .step-detail-wrap .step-content.step-3 .payment-tab .payment-tab-detail {
    float: left;
    display: inline-block;
    width: 75%
}

@media (max-width:992px) {
    .submit-listing-wrapper .step-detail-wrap .step-content.step-3 .payment-tab .payment-tab-detail {
        width: 100%
    }
}

.submit-listing-wrapper .step-detail-wrap .step-content.step-3 .payment-tab .payment-tab-detail .tab-content {
    padding: 55px
}

@media (max-width:767px) {
    .submit-listing-wrapper .step-detail-wrap .step-content.step-3 .payment-tab .payment-tab-detail .tab-content {
        padding: 30px
    }
}

@media (max-width:480px) {
    .submit-listing-wrapper .step-detail-wrap .step-content.step-3 .payment-tab .payment-tab-detail .tab-content {
        padding: 15px
    }
}

.submit-listing-wrapper .step-detail-wrap .step-content.step-3 .payment-tab .payment-tab-detail .tab-content .creditdetail {
    width: 70%
}

@media (max-width:992px) {
    .submit-listing-wrapper .step-detail-wrap .step-content.step-3 .payment-tab .payment-tab-detail .tab-content .creditdetail {
        width: 100%
    }
}

.submit-listing-wrapper .step-detail-wrap .step-content.step-3 .payment-tab .payment-tab-detail .tab-content .creditdetail .card-list {
    display: inline-block;
    width: 100%;
    margin-bottom: 20px;
    text-align: right
}

.submit-listing-wrapper .step-detail-wrap .step-content.step-3 .payment-tab .payment-tab-detail .tab-content .creditdetail .card-from {
    display: inline-block;
    width: 100%
}

.submit-listing-wrapper .step-detail-wrap .step-content.step-3 .payment-tab .payment-tab-detail .tab-content .creditdetail .card-from .form-group {
    float: left;
    display: inline-block;
    width: 100%;
    margin-bottom: 30px
}

.submit-listing-wrapper .step-detail-wrap .step-content.step-3 .payment-tab .payment-tab-detail .tab-content .creditdetail .card-from .form-group label {
    display: inline-block;
    width: 100%;
    color: #727272;
    font-size: 13px;
    font-family: "Century-gothic Bold"
}

.submit-listing-wrapper .step-detail-wrap .step-content.step-3 .payment-tab .payment-tab-detail .tab-content .creditdetail .card-from .form-group input[type=text],
.submit-listing-wrapper .step-detail-wrap .step-content.step-3 .payment-tab .payment-tab-detail .tab-content .creditdetail .card-from .form-group input[type=password] {
    display: inline-block;
    height: 40px;
    width: 100%;
    padding: 0 20px;
    border: 1px solid #C7C7C7;
    background-color: #F9F9F9;
    color: #727272;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    border-radius: 2px
}

.submit-listing-wrapper .step-detail-wrap .step-content.step-3 .payment-tab .payment-tab-detail .tab-content .creditdetail .card-from .form-group input[type=text]::-webkit-input-placeholder,
.submit-listing-wrapper .step-detail-wrap .step-content.step-3 .payment-tab .payment-tab-detail .tab-content .creditdetail .card-from .form-group input[type=password]::-webkit-input-placeholder {
    color: #C3C3C3
}

.submit-listing-wrapper .step-detail-wrap .step-content.step-3 .payment-tab .payment-tab-detail .tab-content .creditdetail .card-from .form-group input[type=text]::-moz-placeholder,
.submit-listing-wrapper .step-detail-wrap .step-content.step-3 .payment-tab .payment-tab-detail .tab-content .creditdetail .card-from .form-group input[type=password]::-moz-placeholder {
    color: #C3C3C3
}

.submit-listing-wrapper .step-detail-wrap .step-content.step-3 .payment-tab .payment-tab-detail .tab-content .creditdetail .card-from .form-group input[type=text]:-ms-input-placeholder,
.submit-listing-wrapper .step-detail-wrap .step-content.step-3 .payment-tab .payment-tab-detail .tab-content .creditdetail .card-from .form-group input[type=password]:-ms-input-placeholder {
    color: #C3C3C3
}

.submit-listing-wrapper .step-detail-wrap .step-content.step-3 .payment-tab .payment-tab-detail .tab-content .creditdetail .card-from .form-group .experince,
.submit-listing-wrapper .step-detail-wrap .step-content.step-3 .payment-tab .payment-tab-detail .tab-content .creditdetail .card-from .form-group .security-code {
    float: left;
    display: inline-block;
    width: 50%
}

@media (max-width:640px) {
    .submit-listing-wrapper .step-detail-wrap .step-content.step-3 .payment-tab .payment-tab-detail .tab-content .creditdetail .card-from .form-group .experince,
    .submit-listing-wrapper .step-detail-wrap .step-content.step-3 .payment-tab .payment-tab-detail .tab-content .creditdetail .card-from .form-group .security-code {
        width: 100%
    }
    .submit-listing-wrapper .step-detail-wrap .step-content.step-3 .payment-tab .payment-tab-detail .tab-content .creditdetail .card-from .form-group .security-code {
        margin-bottom: 30px
    }
}

.submit-listing-wrapper .step-detail-wrap .step-content.step-3 .payment-tab .payment-tab-detail .tab-content .creditdetail .card-from .form-group .security-code input {
    width: 50%
}

@media (max-width:640px) {
    .submit-listing-wrapper .step-detail-wrap .step-content.step-3 .payment-tab .payment-tab-detail .tab-content .creditdetail .card-from .form-group .security-code input {
        width: 100%
    }
}

.submit-listing-wrapper .step-detail-wrap .step-content.step-3 .payment-tab .payment-tab-detail .tab-content .creditdetail .card-from .form-group .experince input,
.submit-listing-wrapper .step-detail-wrap .step-content.step-3 .payment-tab .payment-tab-detail .tab-content .creditdetail .card-from .form-group .experince select {
    float: left;
    width: 49%;
    margin-right: 2%
}

@media (max-width:640px) {
    .submit-listing-wrapper .step-detail-wrap .step-content.step-3 .payment-tab .payment-tab-detail .tab-content .creditdetail .card-from .form-group .experince input,
    .submit-listing-wrapper .step-detail-wrap .step-content.step-3 .payment-tab .payment-tab-detail .tab-content .creditdetail .card-from .form-group .experince select {
        width: 100%;
        margin-right: 0;
        margin-bottom: 30px
    }
}

.submit-listing-wrapper .step-detail-wrap .step-content.step-3 .payment-tab .payment-tab-detail .tab-content .creditdetail .card-from .form-group .experince input:last-child,
.submit-listing-wrapper .step-detail-wrap .step-content.step-3 .payment-tab .payment-tab-detail .tab-content .creditdetail .card-from .form-group .experince select:last-child {
    margin-right: 0
}

.submit-listing-wrapper .step-detail-wrap .step-content.step-3 .payment-tab .payment-tab-detail .tab-content .creditdetail .card-from .form-group.save-card-wrap label {
    display: inline-block;
    width: auto;
    color: #727272;
    font-size: 14px;
    font-family: "Century-gothic Regular"
}

.submit-listing-wrapper .step-detail-wrap .step-content.step-3 .payment-tab .payment-tab-detail .tab-content .creditdetail .merchant-plan .merchant-details-btn {
    display: inline-block;
    width: 100%;
    margin-left: 0;
    text-align: right
}

.submit-listing-wrapper .step-detail-wrap .step-content.step-3 .payment-tab .payment-tab-detail .tab-content .creditdetail .merchant-plan .merchant-details-btn a {
    float: none
}

.submit-listing-wrapper .step-detail-wrap .step-content.step-3 .payment-tab .payment-tab-detail .tab-content .creditdetail .merchant-plan .merchant-details-btn a:last-child {
    margin-right: 0
}

.submit-listing-wrapper .step-detail-wrap .step-content.step-3 .confimation-btn-wrap {
    display: inline-block;
    width: 100%;
    margin-top: 50px;
    text-align: center
}

.submit-listing-wrapper .step-detail-wrap .step-content.step-3 .confimation-btn-wrap .back-btn {
    margin-right: 20px
}

.submit-listing-wrapper .suburb-autocomplete input[type=search] {
    background-color: #FFF;
    font-family: "OpenSans Regular"
}

.submit-listing-wrapper .suburb-autocomplete .completer-dropdown {
    z-index: 99999;
    max-height: 260px;
    overflow-x: hidden;
    overflow-y: auto
}

.subrub-auto-cmpt {
    position: relative
}

.completer-dropdown {
    top: 60px
}


.contact-page-wrap .event-detail-wrap {
    padding: 60px
}
@media (max-width:992px) {
    .press-page-wrapper .press-video-content-wrap .press-video-content.owl-theme .owl-controls .owl-nav .owl-next {
        margin-right: 5px
    }

    .contact-page-wrap .event-detail-wrap {
        padding: 30px
    }
}
.contact-page-wrap .event-detail-wrap .event-section .left-event-details {
    padding-left: 0
}
.contact-page-wrap .event-detail-wrap .event-section .left-event-details .evevnt-text .evevnt-detail-text .evevnt-text-bold {
    margin-bottom: 15px
}
.contact-page-wrap .event-detail-wrap .event-section .left-event-details .contact-form {
    margin-top: 10px
}
@media (max-height:767px) {
    .contact-page-wrap .event-detail-wrap .event-section .left-event-details .contact-form {
        margin-bottom: 30px
    }
}
.contact-page-wrap .event-detail-wrap .event-section .left-event-details .contact-form .text-field input,
.contact-page-wrap .event-detail-wrap .event-section .left-event-details .contact-form .text-field textarea {
    height: 58px;
    width: 100%;
    margin-bottom: 30px;
    padding: 5px 15px;
    border: 1px solid #CCC;
    background-color: transparent;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0
}
.contact-page-wrap .event-detail-wrap .event-section .left-event-details .contact-form .text-field input:focus,
.contact-page-wrap .event-detail-wrap .event-section .left-event-details .contact-form .text-field textarea:focus,
.contact-page-wrap .event-detail-wrap .event-section .left-event-details .contact-form .text-field.red-border input,
.contact-page-wrap .event-detail-wrap .event-section .left-event-details .contact-form .text-field.red-border textarea {
    border-color: #FB1835
}
@media (max-width:767px) {
    .contact-page-wrap .event-detail-wrap .event-section .left-event-details .contact-form .text-field input,
    .contact-page-wrap .event-detail-wrap .event-section .left-event-details .contact-form .text-field textarea {
        height: 40px;
        margin-bottom: 15px
    }
}
.contact-page-wrap .event-detail-wrap .event-section .left-event-details .contact-form .text-field textarea {
    min-height: 168px;
    padding: 15px
}
.contact-page-wrap .event-detail-wrap .event-section .left-event-details .contact-form .contact-submit {
    min-width: 135px;
    padding: 10px 0px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0
}
@media (max-width:992px) {
    .contact-page-wrap .event-detail-wrap .event-section .left-event-details .contact-form .contact-submit {
        min-width: 0;
        padding: 10px 40px;
        margin: 0 0 15px 0;
    }

    .contact-page-wrap .event-detail-wrap .event-section .right-event-sidebar .sidebar-grid .sidebar-title {
        font-size: 16px
    }
}
.contact-page-wrap .event-detail-wrap .event-section .right-event-sidebar .op-icon::before {
    width: 26px
}
.contact-page-wrap .event-detail-wrap .event-section .right-event-sidebar .nearest-op-ofc .op-num {
    display: inline-block;
    width: 100%;
    margin-bottom: 25px
}
.contact-page-wrap .event-detail-wrap .event-section .right-event-sidebar .nearest-op-ofc .op-num:last-child {
    margin-bottom: 0
}
.contact-page-wrap .event-detail-wrap .event-section .right-event-sidebar .nearest-op-ofc .op-num img {
    float: left;
    height: 17px;
    width: 30px;
    margin-top: 3px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    border-radius: 2px
}
.contact-page-wrap .event-detail-wrap .event-section .right-event-sidebar .nearest-op-ofc .op-num span {
    font-size: 15px
}
.contact-page-wrap .event-detail-wrap .event-section .right-event-sidebar .nearest-op-ofc .op-num .country {
    float: left;
    display: inline-block;
    text-transform: uppercase;
    font-family: "OpenSans SemiBold";
    color: #c60024;
    max-width: 125px;
    width: 100%;
    padding-left: 20px;
    font-family: "OpenSans SemiBold"
}
@media (max-width:1300px) {
    .contact-page-wrap .event-detail-wrap .event-section .right-event-sidebar .nearest-op-ofc .op-num .country {
        max-width: 110px;
        padding-left: 10px
    }
}
@media (max-width:1199px) {
    .contact-page-wrap .event-detail-wrap .event-section .right-event-sidebar .nearest-op-ofc .op-num .country {
        max-width: 95px;
        padding-left: 5px
    }
}
@media (max-width:1024px) and (min-width:767px) {
    .contact-page-wrap .event-detail-wrap .event-section .right-event-sidebar .nearest-op-ofc .op-num .country {
        max-width: -webkit-calc(100% - 30px);
        max-width: -moz-calc(100% - 30px);
        max-width: calc(100% - 30px);
        width: 100%;
        padding-left: 10px
    }
}
@media (max-width:480px) {
    .contact-page-wrap .event-detail-wrap .event-section .right-event-sidebar .nearest-op-ofc .op-num .country {
        max-width: -webkit-calc(100% - 30px);
        max-width: -moz-calc(100% - 30px);
        max-width: calc(100% - 30px);
        width: 100%;
        padding-left: 10px
    }
}
.contact-page-wrap .event-detail-wrap .event-section .right-event-sidebar .nearest-op-ofc .op-num .num {
    float: left;
    font-family: 'Open sans', sans-serif;
    color: #5d5d5d;
    font-weight: 500;
    display: inline-block;
    padding-left: 20px;
    width: -webkit-calc(100% - 155px);
    width: -moz-calc(100% - 155px);
    width: calc(100% - 155px)
}
@media (max-width:1300px) {
    .contact-page-wrap .event-detail-wrap .event-section .right-event-sidebar .nearest-op-ofc .op-num .num {
        width: -webkit-calc(100% - 140px);
        width: -moz-calc(100% - 140px);
        width: calc(100% - 140px);
        padding-left: 10px
    }
}
@media (max-width:1199px) {
    .contact-page-wrap .event-detail-wrap .event-section .right-event-sidebar .nearest-op-ofc .op-num .num {
        width: -webkit-calc(100% - 125px);
        width: -moz-calc(100% - 125px);
        width: calc(100% - 125px);
        padding-left: 5px
    }
}
@media (max-width:1024px) and (min-width:768px) {
    .contact-page-wrap .event-detail-wrap .event-section .right-event-sidebar .nearest-op-ofc .op-num .num {
        width: 100%;
        padding-left: 40px
    }
}
@media (max-width:480px) {
    .contact-page-wrap .event-detail-wrap .event-section .right-event-sidebar .nearest-op-ofc .op-num .num {
        width: 100%;
        padding-left: 40px
    }
}
.contact-page-wrap .event-detail-wrap .add-restaurant-wrap {
    display: inline-block;
    width: 100%;
    margin-top: 115px;
    margin-bottom: 18px;
    border: 1px solid #CCC
}
@media (max-width:1200px) {
    .contact-page-wrap .event-detail-wrap .add-restaurant-wrap {
        margin-top: 20px
    }
}
.contact-page-wrap .event-detail-wrap .add-restaurant-wrap .detail-wrap,
.contact-page-wrap .event-detail-wrap .add-restaurant-wrap .img-wrap {
    float: left;
    display: inline-block
}
.contact-page-wrap .event-detail-wrap .add-restaurant-wrap .img-wrap {
    width: 35%
}
@media (max-width:767px) {
    .contact-page-wrap .event-detail-wrap .add-restaurant-wrap .img-wrap {
        width: 100%;
        padding: 20px 10px 30px 30px;
        height: auto;
    }
}
.contact-page-wrap .event-detail-wrap .add-restaurant-wrap .img-wrap img {
    width: 100%
}
.contact-page-wrap .event-detail-wrap .add-restaurant-wrap .detail-wrap {
    width: 65%;
    padding: 48px 100px 80px 100px;
}
@media (max-width:767px) {
    .contact-page-wrap .event-detail-wrap .add-restaurant-wrap .detail-wrap {
        width: 100%
    }
}
.contact-page-wrap .event-detail-wrap .add-restaurant-wrap .detail-wrap h2 {
    margin-top: 10px;
    margin-bottom: 15px;
    color: #fff;
    font-weight: 800;
    font-size: 50px;
    font-family: 'Monterserrat', sans-serif;
    text-transform: uppercase
}
@media (max-width:1024px) {
    .contact-page-wrap .event-detail-wrap .add-restaurant-wrap .detail-wrap h2 {
        font-size: 30px
    }
}
@media (max-width:992px) {
    .contact-page-wrap .event-detail-wrap .add-restaurant-wrap .detail-wrap h2 {
        margin-bottom: 10px;
        font-size: 26px
    }
}
@media (max-width:480px) {
    .contact-page-wrap .event-detail-wrap .add-restaurant-wrap .detail-wrap h2 {
        font-size: 22px
    }
}
.contact-page-wrap .event-detail-wrap .add-restaurant-wrap .detail-wrap .detail-text {
    display: inline-block;
    width: 50%;
    padding: 7px;
    color: #fff;
    font-size: 18px;
    font-family: "OpenSans light"
}
@media (max-width:992px) {
    .contact-page-wrap .event-detail-wrap .add-restaurant-wrap .detail-wrap .detail-text {
        font-size: 18px;
        height: auto;
        width: 100%;
    }

    .custom-imgdivbg-contact {
        background-size: 140% 100%;
    }
}
.contact-page-wrap .event-detail-wrap .add-restaurant-wrap .detail-wrap .action-wrap a {
    font-size: 16px
}

}
.contact-page-wrap .event-detail-wrap .add-restaurant-wrap .detail-wrap .action-wrap {
    margin-top:10px
}
.contact-page-wrap .event-detail-wrap .add-restaurant-wrap .detail-wrap .action-wrap a {
    font-size:16px;
    text-transform:capitalize;
    padding:12px 40px;
}
.checkbox-large {
    transform:scale(1.5, 1.5);
}
.sidebar-choose-option .checkbox.checkbox-inline {
    display: inline;
}
.checkbox-inline-custom {
    position: absolute;
    display: inline-block;
    padding-left: 20px;
    margin-bottom: 0;
    font-weight: 400;
    vertical-align: middle;
    cursor: pointer;
    margin-left: -27px;
    margin-top: -16px;
}
.radio-inline-custom {
    position: relative;
    display: inline-block;
    padding-left: 20px;
    margin-bottom: 0;
    font-weight: 400;
    vertical-align: middle;
    cursor: pointer;
    margin-top: 15Px;
}
.checkbox-inline-custom-filter,
.radio-inline-custom-filter {
    position: relative;
    display: inline-block;
    padding-left: 20px;
    margin-bottom: 0;
    font-weight: 400;
    vertical-align: middle;
    cursor: pointer;
    margin-top: -20px;
}
.checkbox-inline-margin,
.radio-inline-margin {
    margin-left: 25Px;
}
.label-custom {
    text-align: right;
    clear: both;
    float:left;
    margin-right:15px;
}
.black-btn,
.dark-red-btn,
.red-btn-custom {
    position: relative;
    display: inline-block;
    padding:12px 40px;
    margin:15px 0 0 0;
    border: none;
    background-color: #DB1300;
    color: #FFF;
    font-size: 17px;
    font-family: "OpenSans SemiBold";
    text-transform: uppercase;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    width: 100%;
}
.login-dialog-span {
    margin-top: 20Px;
    padding: 15Px
}
;
.favourite-grid {
    display: inline-block;
    height: 100%;
    border: 1px solid #B6B6B6;
}

/*cuisine slider css*/
.carousel-inner.onebyone-carosel {
    margin: auto;
    width: 90%;
}
.onebyone-carosel .active.left {
    left: -33.33%;
}
.onebyone-carosel .active.right {
    left: 33.33%;
}
.onebyone-carosel .next {
    left: 33.33%;
}
.onebyone-carosel .prev {
    left: -33.33%;
}
.cusineslider {
    width:100%;
    padding-left:6px;
    padding-right:6px;
}
.well {
    min-height: 20px;
    padding: 0;
    margin-bottom: 20px;
    background-color: transparent;
    border: 1px solid transparent;
    border-radius: 0;
    box-shadow:none;
}
.carousel-control {
    opacity:0;
}
.carousel-control:hover {
    opacity:0;
}
.carousel-control.left {
    background:transparent;
}
.carousel-inner>.item>a>img,
.carousel-inner>.item>img,
.img-responsive,
.thumbnail a>img,
.thumbnail>img {
    width:100%;
}
.carousel-inner.onebyone-carosel {
    width:100%;
}

/* about page starts  */

/* about custom */
.about-us-top-image {
    text-align: center;
}
.our-vission-grid {
    text-align: center;
}
.aboutsection-1-custom {
    width:100%;
    height:auto;
}
.custom-medal-imagechanges {
    /* width: 37% !important;
    height: 130px !important;
    margin: -24px 0 0 0; */
    /* max-width: 300px;
    max-height: 400px;
    min-height: 300px; */
}
.head-about-page-customchanges {
    font-weight: 800 !important;
    color: #C60024;
    font-family: 'Surrana',
    serif !important;
    font-size: 40px;
    text-transform: uppercase;
}
.description-aboutcontent-custom-change {
    padding: 2px 8px 6px 8px;
    font-family: 'Montserrat',
    sans-serif;
    display: block;
    letter-spacing: 0px;
    line-height: 22px;
}
.evevnt-detail-text-custom {
    width:100%;
    height:auto;
}

/* about custom ends */
.customvisonwrap-sec-bg {
    padding: 40px 20px 40px 20px;
    /* box-shadow: 3px 3px 15px #02020247; */
    overflow: hidden;
    margin: 30px 0px;
}
.customvisonwrap-sec-bg .col-md-6 {
    padding: 15px;
}
.custom-about-content-image1 {
    width: 100%;
    height: auto;
    display: table;
}
.custom-about-content-image2 {
    width: 50%;
    height: auto;
    display: table;
    margin: 15px 206px 30px;
}
.custom-about-us-top-image {
    width: 80%;
    height: 100%;
    max-height: 420px;
    margin: 25px auto 20px auto;
}
.custom-add-restaurant-wrap {
    width:100%;
    height:auto;
    display: none;
    margin: 20px 20px auto;
    border: solid 6px #db1300;
}

/* about page ends */

/* privacy policy page starts */
.custom-privacypolicy-page-change-head {
    font-size: 50px !important;
    font-weight: 800 !important;
    color: #C60024;
    font-family: 'Surrana',
    serif !important;
}
.custom-privacypolicy-page-change-desc {
    font-family:'open-sans',
    sans-serif !important;
    font-size:15px !important;
}
.custom-deatils-list-chnges-style {
    padding:0 0 10px 20px;
}

/* privacy policy page ends */

/* terms page starts */
.custom-terms-page-change-head {
    font-size: 50px !important;
    font-weight: 800 !important;
    color: #C60024;
    font-family: 'Surrana',
    serif !important;
}
.custom-terms-page-change-desc {
    font-family:'open-sans',
    sans-serif !important;
    font-size:15px !important;
}
.custom-desc-changed-para-termspage {
    margin-bottom: 20px;
    margin-top: 10px;
    color: #2b2b2b;
    font-size: 16px;
    line-height: 30px;
    font-family: 'Open Sans',
    sans-serif;
    font-weight: 500;
}

/* terms page ends */

/* contact page starts */
.custom-contact-page-change-head {
    font-weight: 800 !important;
    color: #C60024;
    text-transform:uppercase;
    font-family: 'Surrana',
    serif !important;
}
.custom-imgdivbg-contact {
    background-image: url(../images/findrestaurentbg.jpg);
    background-size: 100% 100%;
    background-attachment: fixed;
}

/* contact page ends */

/* help page starts */
.custom-head-heplpage-head-change {
    color: #C60024 !important;
    padding: 0 0 0 0 !important;
}
.custom-order-booking-head-heplpage {
    font-family: 'Montserrat',
    sans-serif;
    font-size: 25px;
    padding: 30px 0px 20px 4px;
    font-weight: 700;
    color: #202b4e;
    text-transform: uppercase;
}
.tab-content>.active {
    display: block;
    font-family: 'Montserrat',
 sans-serif;
    font-size: 25px;
    padding: 0 5px 20px 5px;
    font-weight: 700;
    color: #202b4e;
    text-transform: uppercase;
}
.custom-tabs-styling-helppage {
    margin-top: 5px;
    margin-bottom: 5px;
    font-size: 16px;
    color: #5f5f5f;
    font-family: 'Surrana',
    sans-serif;
    font-weight: 100;
    text-transform:none;
}
.custom-bodycontent-tab-helppage {
    border-top: solid 1px #c60024 !important;
    font-family: 'Montserrat',
    sans-serif;
    font-size: 13px;
    text-transform: none !important;
    color: #585858;
    padding: 20px 15px 20px 15px;
    font-weight: 700;
}

/* help page ends */

/* press page starts */
.custom-head-presspage-changes {
    font-weight: 800 !important;
    color: #C60024;
    font-family: 'Surrana',
    serif !important;
}
.custom-latest-news-page-presspage {
    font-weight: 800 !important;
    color: #C60024;
    font-family: 'Surrana',
    serif!important;
    text-transform: uppercase!important;
}
.custom-head-presspage-changes {
    font-family: 'Montserrat',
    sans-serif !important;
    font-weight: 700 !important;
    color: #6d6d6d !important;
    font-size: 22px !important;
}

/* structure changes */
.press-section-custon-style {
    width: 100%;
    height: auto;
    background-image: url(../images/bgpress.jpg);
    background-size: cover;
    padding: 0 0 34px 0;
    background-repeat: no-repeat;
}
.heading-page-main-custompress {
    font-weight: 800 !important;
    color: #C60024;
    font-family: 'Surrana',
    serif!important;
    text-transform: uppercase!important;
    font-size: 50px;
    padding: 20px 0 20px 0;
}
.news-title-custom-head {
    font-family: 'Montserrat',
    sans-serif;
    font-size: 22px;
    color: #585d7d;
    padding: 12px 0 0 0;
}
.datecustom-changes-style {
    font-family: 'Montserrat',
    sans-serif;
    font-size: 12px;
    font-weight: 800;
    padding: 0 0 10px 0;
}
.random-text-wrap-customchanged {
    padding: 18px 0 30px 7px;
    font-family: 'Montserrat',
    sans-serif;
    display: block;
    letter-spacing: 0px;
}
.paragraph-news-style {
    line-height:20px;
}
.latest-news-custom-head {
    font-family: 'Montserrat',
    sans-serif;
    font-size: 18px;
    color: #585d7d;
    padding: 8px 0 0px 10px;
}
.latest-newsdate-changestyle {
    font-family: 'Montserrat',
    sans-serif;
    font-size: 12px;
    font-weight: 800;
    padding: 0 0 5px 10px;
}
.details-latestnews-custom {
    padding: 4px 125px 30px 10px;
    font-family: 'Montserrat',
    sans-serif;
    display: block;
    letter-spacing: 0px;
    line-height:20px;
}
.description-lastsec-video-style {
    padding:0 0 0 20px;
}

/* structure changes ends */

/* video section */
.video-section-custom-changed {
    width:100%;
    height:auto;
}
.custom-head-viseosection-changed {
    font-weight: 800 !important;
    color: #C60024;
    font-family: 'Surrana',
    serif;
    text-transform: uppercase;
    padding: 0 0 30px 0px;
}
.video-text {
    padding: 12px 0 5px 0;
    text-align:center;
    height: auto;
}
.date-wrap1 {
    padding: 3px 0 20px 0;
    text-align:center;
    font-weight: 600;
    font-family: 'Montserrat',
    sans-serif;
}
.img-wrap1 {
    display:table;
    margin:0 auto;
}

/* video section ends */

/* press page ends*/

/* restaurant page starts */

.custom-button-find-restaurantpage
{
    color: #fff;
    background-color: #f03c56;
    font-family: 'Montserrat',sans-serif;
    font-weight: 800;
    padding: 7px 32px 7px 32px;
    border-radius: 0;
    margin: 0 0 0 0;
}
.custom-search-buttonrestaurantpage
{
    font-size: 17px;
    padding: 8px 20px 8px 20px;
    background: #f03c56;
    border: none;
    color: #fff;
    font-family: 'montserrat',sans-serif;
}

/* restaurant page ends */




/* login page starts */
.custom-loginpage-upperbuttons-changed {
    background: #bfbfbf;
    padding: 8px 13px 8px 13px;
    color: #6b6b6b;
    border-radius: 3px;
    font-size: 13px !important;
    font-weight: 600;
    margin: -3px 0 0;
}

/* login page ends */

.event-page-wrapper .event-detail-wrap .event-section .right-event-sidebar .sidebar-grid .contact-grid-detail
{
    padding: 20px 0px 30px 0px;
    margin: 0 0 0 -20px;
}

.event-page-wrapper {
    display: inline-block;
    width: 100%;
    font-family: "OpenSans Regular"
}



@media (max-width:767px) {
    .event-page-wrapper .event-banner-wrap .event-page-banner-details .banner-wrapper .event-date span {
        font-size: 16px
    }
}

@media (max-width:640px) {
    .event-page-wrapper .event-banner-wrap .event-page-banner-details .banner-wrapper .event-date span {
        padding: 4px 12px;
        font-size: 13px;
        letter-spacing: 2px
    }
}

.event-page-wrapper .event-detail-wrap {
    display: inline-block;
    width: 100%;
    padding: 20px 80px
}

@media (max-width:1200px) {
    .event-page-wrapper .event-detail-wrap {
        padding-right: 60px;
        padding-left: 60px
    }
}

.event-page-wrapper .event-detail-wrap .serch-view-filter-section .search-filter-left {
    float: none;
    display: inline-block;
    width: 100%;
    text-align: right
}

.event-page-wrapper .event-detail-wrap .serch-view-filter-section .search-filter-left .serch-event-wrap {
    display: inline-block;
    width: 50%
}

@media (max-width:992px) {
    .event-page-wrapper .event-banner-wrap .event-page-banner-details .banner-wrapper .event-occasion-section h3::after,
    .event-page-wrapper .event-banner-wrap .event-page-banner-details .banner-wrapper .event-occasion-section h3::before {
        margin-top: 7px
    }
    .event-page-wrapper .event-detail-wrap {
        padding-right: 30px;
        padding-left: 30px
    }
    .event-page-wrapper .event-detail-wrap .serch-view-filter-section .search-filter-left {
        text-align: left
    }
    .event-page-wrapper .event-detail-wrap .serch-view-filter-section .search-filter-left .serch-event-wrap {
        width: 100%;
        margin-bottom: 10px
    }
}

.event-page-wrapper .event-detail-wrap .serch-view-filter-section .search-filter-left .serch-event-wrap input {
    width: 70%
}

.event-page-wrapper .event-detail-wrap .serch-view-filter-section .search-filter-left .serch-event-wrap .dark-red-btn {
    padding: 9px 25px;
    border: 1px solid #B6B6B6;
    font-size: 15px
}

.event-page-wrapper .event-detail-wrap .serch-view-filter-section .search-filter-left .sort-by-section,
.event-page-wrapper .event-detail-wrap .serch-view-filter-section .search-filter-left .task-page-section {
    margin-left: 24px
}

@media (max-width:992px) {
    .event-page-wrapper .event-detail-wrap .serch-view-filter-section .search-filter-left .serch-event-wrap input {
        width: 50%
    }
    .event-page-wrapper .event-detail-wrap .serch-view-filter-section .search-filter-left .sort-by-section,
    .event-page-wrapper .event-detail-wrap .serch-view-filter-section .search-filter-left .task-page-section {
        width: 100%;
        margin-bottom: 10px;
        margin-left: 0
    }
}

.event-page-wrapper .event-detail-wrap .event-section {
    display: inline-block;
    width: 100%
}

.event-page-wrapper .event-detail-wrap .event-section .left-event-details {
    float: left;
    width: 70%;
    padding-right: 90px;
    padding-left: 70px
}

@media (max-width:1200px) {
    .event-page-wrapper .event-detail-wrap .event-section .left-event-details {
        padding-right: 30px;
        padding-left: 0
    }
}

@media (max-width:767px) {
    .event-page-wrapper .event-detail-wrap .event-section .left-event-details {
        width: 100%;
        padding-right: 0
    }
}

.event-page-wrapper .event-detail-wrap .event-section .left-event-details .event-header {
    display: inline-block;
    width: 100%;
    margin-bottom: 10px
}

.event-page-wrapper .event-detail-wrap .event-section .left-event-details .event-header .event-title {
    float: left
}

.event-page-wrapper .event-detail-wrap .event-section .left-event-details .event-header .event-title h2 {
    margin-top: 0;
    margin-bottom: 6px;
    color: #484747;
    font-size: 34px;
    font-family: "OpenSans SemiBold";
    text-transform: uppercase
}

.event-page-wrapper .event-detail-wrap .event-section .left-event-details .event-header .event-title .sub-title {
    font-size: 14px;
    font-family: "OpenSans SemiBold";
    letter-spacing: 2px;
    text-transform: uppercase
}

.event-page-wrapper .event-detail-wrap .event-section .left-event-details .event-header .event-price-tag-wrap {
    float: right
}

.event-page-wrapper .event-detail-wrap .event-section .left-event-details .event-header .event-price-tag-wrap .event-price {
    display: inline-block;
    height: 84px;
    width: 126px;
    padding-top: 11px;
    padding-left: 32px;
    background-image: url(../images/price-label.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    color: #FFF;
    font-size: 44px;
    font-family: "OpenSans Bold"
}

.event-page-wrapper .event-detail-wrap .event-section .left-event-details .evevnt-text {
    display: inline-block;
    max-width: 600px;
    width: 100%;
    color: #484747;
    font-size: 14px
}

.event-page-wrapper .event-detail-wrap .event-section .left-event-details .evevnt-text .evevnt-detail-text .evevnt-text-bold {
    margin-bottom: 10px;
    font-family: "OpenSans Bold";
    font-size: 50px !important;
    display: table;
}

.event-page-wrapper .event-detail-wrap .event-section .left-event-details .evevnt-text .evevnt-detail-text p {
    margin-top: 0;
    margin-bottom: 20px;
    line-height: 24px;
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    font-weight: 500;
    color: #6d6d6d
}

.event-page-wrapper .event-detail-wrap .event-section .left-event-details .evevnt-text .event-intrest {
    display: inline-block;
    width: 100%;
    margin-bottom: 25px
}

.event-page-wrapper .event-detail-wrap .event-section .left-event-details .evevnt-text .event-intrest button {
    float: left;
    margin-right: 20px;
    padding: 10px 4px;
    background-color: #C60024;
    font-size: 17px;
    font-family: "OpenSans Regular";
    letter-spacing: 1px;
    text-transform: capitalize;
    width: -webkit-calc(50% - 10px);
    width: -moz-calc(50% - 10px);
    width: calc(50% - 10px);
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    border-radius: 6px
}

@media (min-width:768px) and (max-width:992px) {
    .event-page-wrapper .event-detail-wrap .event-section .left-event-details .evevnt-text .event-intrest button {
        font-size: 14px
    }
}

@media (max-width:640px) {
    .event-page-wrapper .event-detail-wrap .event-section .left-event-details .evevnt-text .event-intrest button {
        margin-right: 4px;
        font-size: 14px;
        width: -webkit-calc(50% - 2px);
        width: -moz-calc(50% - 2px);
        width: calc(50% - 2px)
    }
}

@media (max-width:480px) {
    .event-page-wrapper .event-detail-wrap .event-section .left-event-details .evevnt-text .event-intrest button {
        width: 100%;
        margin-bottom: 10px
    }
}

.event-page-wrapper .event-detail-wrap .event-section .left-event-details .evevnt-text .event-intrest button:last-child {
    margin-right: 0
}

.event-page-wrapper .event-detail-wrap .event-section .left-event-details .evevnt-text .event-intrest button.register-btn {
    background-color: #2E9690
}

.event-page-wrapper .event-detail-wrap .event-section .left-event-details .evevnt-text .event-intrest button i {
    margin-top: 1px;
    margin-right: 8px;
    font-size: 20px;
    vertical-align: top
}

.event-page-wrapper .event-detail-wrap .event-section .left-event-details .evevnt-text .event-intrest button span {
    margin-left: 8px
}

.event-page-wrapper .event-detail-wrap .event-section .left-event-details .evevnt-text .event-share {
    display: inline-block;
    width: 100%;
    margin-bottom: 20px
}


@media (min-width:768px) and (max-width:992px) {
    .event-page-wrapper .event-detail-wrap .event-section .left-event-details .evevnt-text .event-share button {
        font-size: 14px
    }
}

@media (max-width:640px) {
    .event-page-wrapper .event-detail-wrap .event-section .left-event-details .evevnt-text .event-share button {
        padding: 12px 22px;
        font-size: 14px;
        width: 100%;
        margin-bottom: 10px
    }
}

.event-page-wrapper .event-detail-wrap .event-section .left-event-details .evevnt-text .event-share button:last-child {
    margin-right: 0
}

.event-page-wrapper .event-detail-wrap .event-section .left-event-details .evevnt-text .event-share button.fb-btn {
    background-color: #42519A
}

.event-page-wrapper .event-detail-wrap .event-section .left-event-details .evevnt-text .event-share button.twit-btn {
    background-color: #5FA6F1
}

.event-page-wrapper .event-detail-wrap .event-section .left-event-details .evevnt-text .event-share button.insta-btn {
    background-color: #FB1835
}

.event-page-wrapper .event-detail-wrap .event-section .left-event-details .evevnt-text .event-share button i {
    margin-top: 4px;
    margin-right: 10px;
    font-size: 22px;
    vertical-align: top
}

@media (min-width:768px) and (max-width:992px) {
    .event-page-wrapper .event-detail-wrap .event-section .left-event-details .evevnt-text .event-share button i {
        margin-top: 2px;
        font-size: 20px
    }
}

@media (max-width:640px) {
    .event-page-wrapper .event-detail-wrap .event-section .left-event-details .evevnt-text .event-share button i {
        margin-top: 2px;
        font-size: 20px
    }
}

.event-page-wrapper .event-detail-wrap .event-section .right-event-sidebar {
    float: left;
    width: 30%
}

@media (max-width:767px) {
    .event-page-wrapper .event-detail-wrap .event-section .right-event-sidebar {
        width: 100%
    }
}

.event-page-wrapper .event-detail-wrap .event-section .right-event-sidebar .sidebar-grid {
    display: inline-block;
    width: 100%;
    margin-bottom: 30px;
    border: 1px solid #B6B6B6
}

.event-page-wrapper .event-detail-wrap .event-section .right-event-sidebar .sidebar-grid .sidebar-title {
    display: inline-block;
    width: 100%;
    padding: 14px 16px;
    background-color: #e8e8e8;
    color: #2b2b2b;
    font-size: 19px;
    text-transform: uppercase;
    font-weight: 800;
}

.event-page-wrapper .event-detail-wrap .event-section .right-event-sidebar .sidebar-grid .sidebar-details {
    display: inline-block;
    width: 100%;
    padding: 24px 30px 24px 20px;
}

@media (max-width:1200px) {
    .event-page-wrapper .event-detail-wrap .event-section .right-event-sidebar .sidebar-grid .sidebar-details {
        padding: 20px 10px
    }
}

.event-page-wrapper .event-detail-wrap .event-section .right-event-sidebar .sidebar-grid .sidebar-details.event-grid-detail {
    padding: 10px
}

.event-page-wrapper .event-detail-wrap .event-section .right-event-sidebar .sidebar-grid .sidebar-details.event-grid-detail .event-slider-wrap .owl-controls .owl-nav .owl-next,
.event-page-wrapper .event-detail-wrap .event-section .right-event-sidebar .sidebar-grid .sidebar-details.event-grid-detail .event-slider-wrap .owl-controls .owl-nav .owl-prev {
    height: 46px;
    width: 24px
}

@media (min-width:768px) and (max-width:992px) {
    .event-page-wrapper .event-detail-wrap .event-section .right-event-sidebar .sidebar-grid .sidebar-details.event-grid-detail .event-slider-wrap .owl-controls .owl-nav .owl-next,
    .event-page-wrapper .event-detail-wrap .event-section .right-event-sidebar .sidebar-grid .sidebar-details.event-grid-detail .event-slider-wrap .owl-controls .owl-nav .owl-prev {
        height: 30px;
        width: 15px;
        margin-top: -14px
    }
}

.event-page-wrapper .event-detail-wrap .event-section .right-event-sidebar .sidebar-grid .sidebar-details.event-grid-detail .event-slider-wrap .owl-controls .owl-nav .owl-prev {
    margin-left: 12px;
    background-image: url(../images/white-arrow-left.png)
}

.event-page-wrapper .event-detail-wrap .event-section .right-event-sidebar .sidebar-grid .sidebar-details.event-grid-detail .event-slider-wrap .owl-controls .owl-nav .owl-next {
    margin-right: 12px;
    background-image: url(../images/white-arrow-right.png)
}

.event-page-wrapper .event-detail-wrap .event-section .right-event-sidebar .sidebar-grid .sidebar-details.detail-grid-text {
    padding-right: 50px
}

.event-page-wrapper .event-detail-wrap .event-section .right-event-sidebar .sidebar-grid .sidebar-details.detail-grid-text .contact-detail {
    display: inline-block;
    width: 100%;
    margin-bottom: 25px;
    color: #727272;
    font-size: 16px
}

.event-page-wrapper .event-detail-wrap .event-section .right-event-sidebar .sidebar-grid .sidebar-details.detail-grid-text .contact-detail:last-child {
    margin-bottom: 0
}

.event-page-wrapper .event-detail-wrap .event-section .right-event-sidebar .sidebar-grid .sidebar-details.detail-grid-text .contact-detail a {
    color: #6d6d6d;
    font-family: 'Suranna', serif;
    font-size: 20px;
    font-weight: 500;
}

.event-page-wrapper .event-detail-wrap .event-section .right-event-sidebar .sidebar-grid .sidebar-details.contact-grid-detail .phone-icon i,
.event-page-wrapper .event-detail-wrap .event-section .right-event-sidebar .sidebar-grid .sidebar-details.detail-grid-text .contact-detail a:hover {
    color: #C60024;
    padding: 0 0 0px 50px;
    font-size: 20px;
}

@media (min-width:768px) and (max-width:992px) {
    .event-page-wrapper .event-detail-wrap .event-section .right-event-sidebar .sidebar-grid .sidebar-details.detail-grid-text .contact-detail {
        font-size: 13px
    }
    .event-page-wrapper .event-detail-wrap .event-section .right-event-sidebar .sidebar-grid .sidebar-details.detail-grid-text .contact-detail .op-icon {
        padding-left: 30px
    }
    .event-page-wrapper .event-detail-wrap .event-section .right-event-sidebar .sidebar-grid .sidebar-details.detail-grid-text .contact-detail .op-icon::before {
        height: 18px;
        width: 20px;
        margin-top: 4px;
    }
}

.event-page-wrapper .event-detail-wrap .event-section .right-event-sidebar .sidebar-grid .sidebar-details.contact-grid-detail .phone-icon {
    float: left;
    margin-right: 20px
}

@media (max-width:1200px) {
    .event-page-wrapper .event-detail-wrap .event-section .right-event-sidebar .sidebar-grid .sidebar-details.detail-grid-text {
        padding-right: 10px
    }
    .event-page-wrapper .event-detail-wrap .event-section .right-event-sidebar .sidebar-grid .sidebar-details.contact-grid-detail .phone-icon {
        margin-right: 10px
    }
    .event-page-wrapper .event-detail-wrap .event-section .right-event-sidebar .sidebar-grid .sidebar-details.contact-grid-detail .phone-icon i {
        font-size: 40px
    }
}

.event-page-wrapper .event-detail-wrap .event-section .right-event-sidebar .sidebar-grid .sidebar-details.contact-grid-detail .phone-detail .phone-number {
    color: #C60024;
    font-size: 16px;
    font-family: "OpenSans SemiBold";
    letter-spacing: 1px
}

@media (max-width:1300px) {
    .event-page-wrapper .event-detail-wrap .event-section .right-event-sidebar .sidebar-grid .sidebar-details.contact-grid-detail .phone-detail .phone-number {
        font-size: 20px
    }
}

@media (max-width:992px) {
    .event-page-wrapper .event-detail-wrap .event-section .right-event-sidebar .sidebar-grid .sidebar-details.contact-grid-detail .phone-detail .phone-number {
        font-size: 16px;
        letter-spacing: 1px
    }
}

.event-page-wrapper .event-detail-wrap .event-section .right-event-sidebar .sidebar-grid .sidebar-details.contact-grid-detail .phone-detail .phone-text {
    color: #2d2d2d;
    font-size: 14px;
    font-family: 'Open Sans', sans-serif;
    line-height: 29px;
    padding: 0 10px 0 90px;
}



/* custom responsive */
/* contact page starts */

@media only screen and (min-width:320px) and (max-width:480px)
{
    .contact-page-wrap .event-detail-wrap .add-restaurant-wrap .detail-wrap
    {
        padding: 20px 50px 60px 40px;
    }
    .custom-imgdivbg-contact
    {
        background-size: 220% 100%;
    }
}

@media only screen and (min-width:993px) and (max-width:1200px)
{
    .event-page-wrapper .event-detail-wrap .event-section .right-event-sidebar .sidebar-grid .sidebar-details.contact-grid-detail .phone-icon
    {
        margin: 0 6px 10px -42px;
    }
    .event-page-wrapper .event-detail-wrap .event-section .right-event-sidebar .sidebar-grid .sidebar-details.contact-grid-detail .phone-detail .phone-text
    {
        padding: 0 10px 0 48px;
    }
    .contact-page-wrap .event-detail-wrap .add-restaurant-wrap .detail-wrap .detail-text
    {
        width:100%;
    }
    .event-page-wrapper .event-detail-wrap .event-section .right-event-sidebar .sidebar-grid .sidebar-details
    {
        padding: 20px 8px 15px 8px;
    }
    .event-page-wrapper .event-detail-wrap .event-section .right-event-sidebar .sidebar-grid .sidebar-details.detail-grid-text .contact-detail a
    {
        font-size: 18px;
    }
    .event-page-wrapper .event-detail-wrap .event-section .right-event-sidebar .sidebar-grid .sidebar-details.detail-grid-text .contact-detail a:hover
    {
        font-size:18px;
    }
}
@media only screen and (min-width:320px) and (max-width:480px)
{
    .event-page-wrapper .event-detail-wrap .event-section .right-event-sidebar .sidebar-grid .sidebar-details.detail-grid-text .contact-detail a
    {
        font-size:18px;
    }
    .event-page-wrapper .event-detail-wrap .event-section .right-event-sidebar .sidebar-grid .sidebar-details.detail-grid-text .contact-detail a:hover
    {
        font-size:18px;
    }
    .op-icon::before
    {
        top:2px;
    }
    .event-page-wrapper .event-detail-wrap .event-section .right-event-sidebar .sidebar-grid .sidebar-details.contact-grid-detail .phone-icon i
    {
        padding:0 0 0 90px;
    }
    .custom-imgdivbg-contact
    {
        background-size: 400% 150%;
        background-repeat: no-repeat;
        background-position: center;
    }
    .contact-page-wrap .event-detail-wrap .add-restaurant-wrap .detail-wrap .action-wrap a
    {
        font-size: 13px;
        text-transform: capitalize;
        padding: 15px 25px 15px 25px;
    }
    .event-page-wrapper .event-detail-wrap .event-section .left-event-details .evevnt-text .evevnt-detail-text .evevnt-text-bold
    {
        font-size:32px !important;
    }

    /* who we are page */

    .head-about-page-customchanges
    {
        font-size:30px;
    }
    .custom-medal-imagechanges
    {
        width:50% !important;
        min-height: 50%;
    }
    .about-us-page-wrapper .about-us-footer-section .about-us-footer-warp
    {
        margin: -30px -10px auto;
    }

    /* press page */
    .latest-news-content
    {
        margin: 0px 0 0px 40px;
    }
    .custom-head-viseosection-changed
    {
        padding:0 0 0 30px;
    }
    .custom-latest-news-page-presspage
    {
        padding:0 0 0 30px;
    }

    /* login page */
    .my-history-breadcrumb .breadcrumb
    {
        padding:10px 0 0 0;
    }

    /* restaurant page */

    .search-body .search-result-header .search-result-title .serch-order-from
    {
        font-size: 16px;
    }
    .custom-search-buttonrestaurantpage
    {
        margin: 20px auto;
        display: table;
    }
    .search-body .search-area-wrap .search-result-view-wrap .search-result-grid .search-result-details-wrap .call-menu-btn .search-btn-wrap>a
    {   position: relative;
        padding: 10px 5px 10px 5px;
        display: inline-block;
        width: 100%;
    }

    /* restaurant ends */


}
@media only screen and (min-width:481px) and (max-width:767px)
{
    .event-page-wrapper .event-detail-wrap .event-section .right-event-sidebar .sidebar-grid .contact-grid-detail
    {
        margin:0 0 0 10px;
    }
    .event-page-wrapper .event-detail-wrap .event-section .right-event-sidebar .sidebar-grid .sidebar-details.contact-grid-detail .phone-detail .phone-text
    {
        padding:0 10px 0 60px;
    }
    .contact-page-wrap .event-detail-wrap .add-restaurant-wrap .detail-wrap
    {
        padding:48px 100px 80px 50px;
    }
    .custom-imgdivbg-contact
    {
        background-size: 400% 100%;
        background-position: center;
    }
    /* who we are */
    .head-about-page-customchanges
    {
        padding: 0 0 0 30px;
        font-size:50px;
    }
       /* press page */
       .latest-news-content
       {
            display: table;
            margin: 0 120px auto;
       }
       .details-latestnews-custom
       {
           padding:4px 5px 30px 10px;
       }
       .custom-head-viseosection-changed
       {
            display: table;
            margin: 0 auto;
       }
       .custom-latest-news-page-presspage
       {
            display: table;
            margin: 0 auto;
       }

       /* restaurant page */

       .serch-view-filter-section .search-filter-left .month-section, .serch-view-filter-section .search-filter-left .sort-by-section, .serch-view-filter-section .search-filter-left .status-section, .serch-view-filter-section .search-filter-left .task-page-section
        {
            margin: 20px 10px 0px 20px;
        }
        .search-body .search-area-wrap .search-result-view-wrap .search-result-grid .search-result-details-wrap .call-menu-btn .search-btn-wrap>a
        {
            width:100%;
        }
       /* restaurant page ends */
}


@media only screen and (min-width:768px) and (max-width:1024px)
{
    .event-page-wrapper .event-detail-wrap .event-section .right-event-sidebar .sidebar-grid .sidebar-details.detail-grid-text .contact-detail .op-icon
    {
        font-size:16px;
    }
    .event-page-wrapper .event-detail-wrap .event-section .right-event-sidebar .sidebar-grid .sidebar-details.detail-grid-text .contact-detail a:hover
    {
        font-size:16px;
    }
    .event-page-wrapper .event-detail-wrap .event-section .right-event-sidebar .sidebar-grid .contact-grid-detail
    {
        padding:20px 0 30px 5px;
    }
    .event-page-wrapper .event-detail-wrap .event-section .right-event-sidebar .sidebar-grid .sidebar-details.contact-grid-detail .phone-detail .phone-text
    {
        padding:0 10px 0 62px;
    }
    .event-page-wrapper .event-detail-wrap .event-section .right-event-sidebar .sidebar-grid .sidebar-details.contact-grid-detail .phone-icon
    {
        margin-left:18px;
    }
    .custom-imgdivbg-contact
    {
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center right;
    }
    .head-about-page-customchanges
    {
        font-size:40px;
    }
    .custom-medal-imagechanges
    {
        width:50% !important;
    }
    .custom-medal-imagechanges.one {
        width: 70% !important;
    }

    .about-us-page-wrapper .about-us-content-section .about-content-grid .about-content-detail
    {
        display:table;
        padding:15px 0 0 0;
    }
           /* press page */
           .latest-news-content
           {
                display: table;
                margin: 20px 250px auto;
           }
           .details-latestnews-custom
           {
               padding:4px 5px 30px 10px;
           }
           .custom-head-viseosection-changed
           {
                display: table;
                margin: 0 auto;
           }
           .custom-latest-news-page-presspage
           {
                display: table;
                margin: 0 auto;
           }

           /* restaurant page starts */

           .search-body .search-area-wrap .search-result-view-wrap .search-result-grid .search-result-details-wrap .call-menu-btn .search-btn-wrap>a
           {
                width: 100%;
           }

           /* restaurant page ends */
}

/* contact page ends */

/* who we are page starts */

.@media only screen and (min-width:700px) and (max-width:800px)
{
    .custom-medal-imagechanges
    {
        width:27%;
    }
    .about-us-page-wrapper .about-us-content-section .about-content-grid .about-content-detail
    {
        display:table;
        padding:25px 0 0 0;
    }
}
/* who we are ends */
@media only screen and (min-width:1024px) and (max-width:1366px)
    /* contact page starts */
{
    .event-page-wrapper .event-detail-wrap .event-section .right-event-sidebar .sidebar-grid .sidebar-details.contact-grid-detail .phone-icon
    {
        margin: 0 0 0 -20px;
    }
    .event-page-wrapper .event-detail-wrap .event-section .right-event-sidebar .sidebar-grid .sidebar-details.contact-grid-detail .phone-detail .phone-text
    {
        padding: 0 0px 0 66px;
    }
    .event-page-wrapper .event-detail-wrap .event-section .right-event-sidebar .sidebar-grid .sidebar-details.contact-grid-detail .phone-icon i
    {
        font-size: 30px;
        margin: 4px 0 0 0;
    }
}

/* custom responsive ends */

 /* body header.otherBrandHead .bg-image { display:none;} */
 body header.otherBrandHead .top-black-background { display:none;}
.external li:not(:nth-child(5)) { display:none;}
 /* header.otherBrandHead .nav { display:none;} */
 /* header.otherBrandHead .navbar-header { text-align:center; width:100%;} */
 header.otherBrandHead .navbar-left { float:none !important;}

 footer.otherBrandHead .col-md-3.col-sm-4 { display:none;}
 footer.otherBrandHead .contact-info .col-md-3 { float:none; margin:0 auto;}
