@media(min-width:1024px) and (max-width:1280px) {
    .navbar .navbar-nav .nav-item {
        margin-right: 25px;
    }

    .heading {
        font-size: 30px;
    }

    .navbar .navbar-nav .nav-item.downloadbrochure {
        margin-left: 25px;
    }
}

@media (min-width:991px) and (max-width:1024px) {
    .navbar .navbar-nav .nav-item {
        margin-right: 15px;
    }

    .heading {
        font-size: 30px;
    }

    .max_w800 {
        max-width: 600px;
    }

    .navbar .navbar-nav .nav-item.downloadbrochure {
        margin-left: 15px;
    }

    .downloadbrochure:before {
        left: -15px;
    }

    .navbar .navbar-brand img {
        width: 80px;
    }

    .caption_text h1 {
        font-size: 32px;
        line-height: 36px;
    }

    .navbar .navbar-nav .nav-item .nav-link {
        font-size: 12px;
    }

    .navbar .navbar-nav .nav-item .nav-link.nav_btn {
        padding: 6px 12px;
    }

    .caption_text .ban_hd {
        line-height: 1.2;
    }
}

@media(max-width:991px) {
    .navbar {
        background: #000;
    }

    .navbar .navbar-brand img,
    .footer_logo a img {
        width: 80px;
    }

    .container,
    .caption_text {
        padding: 0 30px;
    }

    .navbar .navbar-nav .nav-item {
        margin-right: 30px;
    }

    .navbar .navbar-nav .nav-item .nav-link {
        font-size: 13px;
    }

    .navbar .navbar-nav .nav-item {
        display: block;
    }

    .navbar .navbar-nav .nav-item .nav-link.nav_btn {
        margin: 10px 0px;
    }

    .navbar .navbar-nav .rightps {
        position: static;
    }

    .navbar .navbar-nav .rightps ul {
        margin: 0;
        padding: 0;
    }

    .heading {
        font-size: 26px;
        line-height: normal;
        margin-bottom: 15px;
    }

    .heading br,
    .caption_text .ban_hd br {
        display: none
    }

    p {
        font-size: 14px;
    }

    .pad80 {
        padding: 60px 0px;
    }

    .padb80 {
        padding-bottom: 60px;
    }

    .navbar {
        border: none;
    }

    .navbar:after {
        content: '';
        width: 100%;
        height: 0.8px;
        background: #878787;
        position: absolute;
        top: 80px;
        left: 0;
    }

    .navbar-nav {
        margin-top: 20px;
    }

    .navbar .navbar-nav .nav-item .nav-link {
        display: inline-block;
    }

    .caption_text h1 {
        font-size: 35px;
    }

    .caption_text span {
        font-size: 18px;
    }

    .banner img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: right;
    }

    .caption_text .ban_hd {
        font-size: 40px;
    }

    .caption_text {
        max-width: 100%;
        left: 0%;
    }

    .subhd {
        font-size: 18px;
    }

    .quick_links {
        justify-content: start;
    }

    footer .row {
        flex-direction: column-reverse;
        gap: 0px;
    }

    footer .mbwidth {
        flex-direction: row;
    }

    /* footer .mbwidth .col-md-4{ width:46%} */
    .patternbg {
        padding-bottom: 20px;
    }

    .logo {
        font-size: 25px;
    }

    .wine_grid {
        margin-bottom: 30px
    }

    .footeraddress h3 {
        margin-bottom: 10px;
    }

    .fisrtsec .row {
        flex-direction: column-reverse;
    }

    .layout_grid_title {
        margin-top: 20px
    }

    .contact_form_wrap .row .col-lg-5 {
        position: static;
    }

    .contact_form {
        padding: 30px 0 50px
    }

    .map_img {
        margin-top: 50px;
        height: 400px;
    }

    .contact_grid {
        margin-top: 30px
    }

    .contact_grid_wrap .row .col-lg-4:first-child .contact_grid {
        margin-top: 0;
    }

    .spacetoppad {
        margin-top: 120px
    }

    .nav-pills .nav-item {
        width: 30%;
    }

    .modal-content {
        width: 80%;
        margin: 0 auto;
    }

    .cart_details {
        margin: 30px 0px;
    }

    .contol_custom {
        top: -40px
    }

    .borderRight {
        border: none;
        padding-right: 12px !important;
    }

    .card {
        padding: 20px 0px !important
    }

    .check_wrap {
        padding-top: 0 !important
    }

    .spacetoppadd {
        padding-top: 130px !important;
    }

    .card h5 {
        margin-bottom: 12px;
    }

    .banner {
        height: 60vh;
        margin-top: 95px;
    }

    .caption_text {
        height: 100%
    }

    #countryCode {
        width: 30%;
    }

    #mobile {
        width: 70%;
    }

    .hand {
        top: 31px;
    }

    .culturebtnarrow {
        top: 50% !important;
        bottom: unset !important;
        width: 100%;
    }

    .layout_grid_title h3 {
        font-size: 24px;
        width: 100%;
    }

    .culturebtnarrow span.sm_left {
        right: -20px;
    }

    .culturebtnarrow span.sm_right {
        left: -20px;
    }

    .smplbtn span.btns {
        font-size: 12px;
    }

    .breadcrumbwrap {
        padding-bottom: 0px;
    }

    .simler_wrap_section {
        padding-top: 0px;
    }

    .modal-header .close {
        border-radius: 12px;
        right: 27px;
        top: 27px;
    }

    .checkphone {
        width: 100%;
    }

    .card:last-child {
        border-bottom: none;
    }

    .form-control,
    .check_wrap .form-control,
    .check_wrap .form-select,
    .form-select {
        font-size: 12px;
    }

    .form-label,
    .form-check-label {
        font-size: 13px;
    }

    .footeraddress {
        margin-top: 30px;
    }

    .reservation-form h2,
    .inquiry-form h2,
    .reservation-form h3,
    .inquiry-form h3 {
        font-size: 16px;
    }

    .reservation-form p,
    .inquiry-form p {
        font-size: 13px;
    }

    .restaurant-times {
        padding: 35px 35px 0 35px;
    }

    .restaurant-times h4 {
        font-size: 18px;
    }

    .restaurant-times p {
        font-size: 13px;
    }


}

@media(max-width:767px) {
    .caption_text h1 br {
        display: none;
    }

    .caption_text h1 {
        font-size: 30px;
        line-height: 1.2;
        letter-spacing: 1px;
        margin-bottom: 10px;
    }

    .pad80 {
        padding: 50px 0px;
    }

    .padb80 {
        padding-bottom: 50px;
    }

    .s-input>label {
        display: flex;
        align-items: center;
    }

    .s-input--rounded>label b {
        font-size: 12px;
    }

    .s-input>label>i {
        width: 25px;
        height: 25px;
    }

    #exampleModal .modal-body {
        padding: 30px !important;
    }

    .heading br {
        display: none;
    }

    .logo {
        font-size: 20px;
    }

    .caption_text {
        max-width: 90%;
        left: 0%;
    }

    .caption_text h1 {
        font-size: 2rem !important;
    }

    .caption_text span {
        font-size: 1rem !important;
    }

    .w_img_grid {
        height: auto
    }

    p br {
        display: none
    }

    .quick_links a {
        font-size: 12px;
    }

    .mbhide {
        display: none
    }

    .mbwidth .col-lg-4,
    .mbwidth .col-md-4 {
        width: 30%;
        max-width: 30%;
    }

    .mbwidth .col-lg-4:nth-child(2) .footer_link,
    .mbwidth .col-lg-4:nth-child(3) .footer_link {
        margin-top: 50px
    }

    .navbar .navbar-brand img,
    .footer_logo a img {
        width: 65px;
    }

    .pro_type h4:nth-child(2),
    .pro_type h4:nth-child(3) {
        display: none;
    }

    .product-row .items_grid:nth-child(1) {
        width: 100%;
        flex-wrap: wrap;
    }

    .product-image {
        width: 100%;
        margin-bottom: 12px;
        height: auto;
        overflow: hidden;
        border-radius: 12px;
    }

    .product-row {
        flex-direction: column;
        row-gap: 20px;
    }

    .product-row strong {
        font-size: 16px;
    }

    .product-row .items_grid {
        width: 100% !important;
    }

    .product-row .items_grid:nth-child(2) {
        justify-content: start;
    }

    .product-row .items_grid:nth-child(3) {
        justify-content: start;
        display: flex;
    }

    .simler_img {
        height: 400px;
    }

    .nav-pills .nav-item {
        width: 45%;
    }

    .mbwidth .col-lg-4,
    .mbwidth .col-md-4 {
        width: 50%;
        max-width: 100%;
    }

    .spacetoppadd {
        padding-top: 95px !important;
    }

    .banner {
        height: 50vh;
        margin-top: 80px;
    }

    .copyright_wrap .copyright_text {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-wrap: wrap;
    }

    .float {
        top: 20px !important;
        right: 80px !important;
    }

   

}

@media(max-width:500px) {
    .pad80 {
        padding: 40px 0px;
    }

     .float {
        top: 20px !important;
        right: 80px !important;
    }

    .padb80 {
        padding-bottom: 40px;
    }

    footer {
        padding: 40px 0 0px;
    }

    .caption_text h1 {
        margin-bottom: 10px;
    }

    .contact_details {
        padding-right: 0px;
    }

    .nav-pills .nav-item .nav-link {
        font-size: 10px;
    }

    .nav-pills {
        gap: 12px
    }

    .nav-pills .nav-item {
        width: 48%;
    }

    .top_detail {
        justify-content: center;
        padding: 15px 0px;
        flex-wrap: wrap;
        gap: 30px;
    }

    .cart_details h2 {
        font-size: 15px;
    }

    .simler_wrap_section {
        display: none;
    }

    #exampleModal .modal-body {
        padding: 10px !important;
    }

    .cart_details {
        margin: 15px 0px;
    }

    .modal-header .close {
        border-radius: 4px;
        right: 15px;
        top: 15px;
        width: 30px;
        height: 30px;
    }

    .layout_grid_title h3 {
        margin-bottom: 12px;
    }

    .rightview {
        padding: 15px;
        margin-top: 15px;
    }

    .spacetoppad {
        margin-top: 90px;
    }
}

@media(max-width:340px) {
    .heading {
        font-size: 22px;
    }
}