/* 
  ======================== ***** ============================= 
  Template Name: oceanbay
  Template URI: https://www.designtocodes.com/product/oceanbay-hotel-agency-bootstrap-template/
  Description: Oceanbay is a uniquely designed Hotel Agency Bootstrap Template
  
  Author: DesignToCodes
  Author URI: https://www.designtocodes.com
  Text Domain: oceanbay
*/

/* small phone responsive css */
@media only screen and (min-width:0px) and (max-width:767px) {
    .container {
        overflow-x: hidden;
    }
    section{
        padding: 50px 0px;
    }
    h1{
        font-size: 2rem !important;
    }
    h2{
        font-size: 1.75rem;
    }
    h4{
        font-size: 1.125rem;
    }
    .d2c_title{
        font-size: 1.75rem;
    }
    .d2c_see_more{
        margin-top: 40px;
    }
     /*Navbar*/
     .navbar{
        padding: 10px;
    }
    .d2c_mobile_view_body{
        background: #2b2b2b;
    }
    .navbar .navbar-nav {
        padding: 0px 10px;
    }
    .navbar .nav-link .fa{
        color: var(--default_color_one);
    }
    .navbar .nav-item.active .nav-link:after {
        display: none;
    }

    .navbar .nav-link {
        font-size: 14px;
        color: var(--default_color_one);
        border: none;
        padding-bottom: 7px !important;
    }
    .navbar .nav-item{
        padding: 7px 0px;
    }
    .dropdown-toggle::after {
        position: absolute;
        right: 0;
    }
    .navbar .dropdown-menu {
        display: none;
        
    }
    .navbar .dropdown-menu.show {
        visibility: visible;
        display: block;
        margin-bottom: 7px;
        background-color: #2b2b2b;
        padding-top: 0px;
        margin-bottom: 25px;
    }
    .navbar .dropdown-menu .dropdown-item{
        color: var(--default_color_one);
        border-bottom: 1px solid #0000001c;
        background: var(--primary_color);
    }
    .navbar .dropdown.d2c_megamenu {
        position: relative;
    }
    .d2c_mega_block .d2c_list_title{
        color: var(--default_color_one);
        margin-top: 10px;
    }
    .navbar .d2c_megamenu .list-group-item{
        background-color: #2b2b2b;
        border-color: #e5e5e51c;
    }
    .navbar .d2c_megamenu .list-group-item a{
        color: var(--default_color_one);
    }

    /*====== home v1 page start ======*/
    .d2c_hero{
        height: 65vh;
    }
    .d2c_hero h1{
        font-size: 2.5rem;
    }
    .d2c_hero .d2c_btn{
        padding: 8px 25px 8px;
    }
    .d2c_home_1_feature_image{
        margin-bottom: 30px;
    }
    .d2c_reserve_bg{
        right: 0;
    }
    .d2c_home_food{
        margin-top: 30px;
    }
    .d2c_testimonial_v1_wrapper{
        padding: 100px 30px 50px 30px;
    }
    .d2c_reserve_content{
        padding: 50px 30px;
    }
    .d2c_home_room{
        padding-bottom: 0px;
    }
    /*====== home v1 page end ======*/

    /*====== home v2 page end ======*/
    .d2c_home_v2_about_us .d2c_content{
        width: 100%;
        padding: 15px;
    }
    .d2c_testimonial .d2c_home_v2_testimonial{
        padding: 20px;
    }
    /*====== home v2 page end ======*/

    /*====== about page start ======*/
    .d2c_about_us_section .d2c_video_popup{
        height: 270px;
    }
    .d2c_best_services_content{
        padding: 45px 0px;
    }
    .d2c_best_service_image_triangle{
        padding: 0px !important;
        background-image: none;
    }
    .d2c_executive .d2c_btn{
        padding: 10px 20px;
        font-size: 1rem;
    }
    /*====== about page end ======*/

    /*====== contact v2 page start ======*/
    .d2c_contact_v2{
        padding: 20px;
    }
    .d2c_contact_v2_info{
        padding: 20px;
    }
    /*====== contact v2 page end ======*/

    /*====== packages page start ======*/
    .d2c_pricing .d2c_price_column .d2c_pricing_wrapper{
        background-size: 100% 33%;
    }
    /*====== packages page end ======*/

    /*====== Blog page start ======*/
    .card.d2c_card_2
    h3{
        font-size: 1.2rem;
        margin-bottom: 10px;
    }
    .card.d2c_card_2
    p{
        margin-bottom: 10px;
    }
    /*====== Blog page end ======*/

    /*====== Our stroy page start ======*/
    .d2c_our_story_image .column:first-child img:last-child, .d2c_our_story_image .column:last-child img:first-child{
        height: 220px;
    }
    .d2c_timeline_image{
        display: none;
    }
    .d2c_timeline{
        margin-left: 0px;
        padding-right: 0px;
    }
    .d2c_timeline .d2c_year::after{
        top: 170px;
        width: 220px;
    }
    .d2c_timeline .d2c_year{
        width: 70px;
        height: 70px;
        font-size: 16px;
    }
    /*====== Our stroy page end ======*/

    /*====== single event page start ======*/
    .d2c_single_event .d2c_overlay_image img{
        height: 250px;
    }
    /*====== single event page end ======*/

    /*====== career page start ======*/
    .d2c_job_post .card-img{
        height: 250px !important;
    }
    /*====== career page end ======*/

    /*====== Rooms v2 page start ======*/
    .d2c_support_image [class *="col-"]{
        padding: 5px 15px;
    }
    .d2c_support_section .d2c_support{
        margin-bottom: 10px;
        font-size: 1.125rem;
    }
    /*====== Rooms v2 page end ======*/

    /*====== food menu section start ======*/
    .d2c_food_menu_section{
        padding: 50px 12px;
    }
    .d2c_menu_card img{
        height: auto;
    }
    .d2c_dishes_card .d2c_dishes_card_body {
        padding: 15px 30px 15px 15px;
    }
    /*====== food menu section end ======*/

    /*====== booking page start ======*/
    .d2c_booking_form{
        padding: 50px 20px;
    }
    /*====== booking page end ======*/

    /* Credential System Start*/
    
    /* Credential System End*/

    /*====== footer start ======*/
    .d2c_footer_content {
        padding-bottom: 10px;
    }
    .d2c_footer_2{
        text-align: left !important;
    }
    .d2c_footer_1,.d2c_footer_2{
        border-right: 0px;
    }
    .d2c_footer_2{
        padding-left: 15px !important;
    }
    .d2c_footer_3{
        padding-left: 15px !important;
    }
    .d2c_copyright .d2c_social_link{
        text-align: center !important;
    }
    /*====== footer end ======*/
}

/* Tab responsive css */
@media only screen and (min-width:768px) and (max-width:991px) {
    .container {
        overflow-x: hidden;
    }
    section{
        padding: 65px 0px;
    }
    h1{
        font-size: 2.25rem !important;
    }
    h2{
        font-size: 1.75rem;
    }
    h4{
        font-size: 1.25rem;
    }
    .d2c_title{
        font-size: 1.75rem;
    }

     /*Navbar*/
    .navbar{
        padding: 10px;
    }
    .d2c_mobile_view_body{
        background: #2b2b2b;
    }
    .navbar .navbar-nav {
        padding: 0px 10px;
    }
    .navbar .nav-link .fa{
        color: var(--default_color_one);
    }
    .navbar .nav-item.active .nav-link:after {
        display: none;
    }

    .navbar .nav-link {
        font-size: 14px;
        color: var(--default_color_one);
        border: none;
        padding-bottom: 7px !important;
    }
    .navbar .nav-item{
        padding: 7px 0px;
    }
    .dropdown-toggle::after {
        position: absolute;
        right: 0;
    }
    .navbar .dropdown-menu {
        display: none;
        
    }
    .navbar .dropdown-menu.show {
        visibility: visible;
        display: block;
        margin-bottom: 7px;
        background-color: #2b2b2b;
        padding-top: 0px;
        margin-bottom: 25px;
    }
    .navbar .dropdown-menu .dropdown-item{
        color: var(--default_color_one);
        border-bottom: 1px solid #0000001c;
        background: var(--primary_color);
    }
    .navbar .dropdown.d2c_megamenu {
        position: relative;
    }
    .d2c_mega_block .d2c_list_title{
        color: var(--default_color_one);
        margin-top: 10px;
    }
    .navbar .d2c_megamenu .list-group-item{
        background-color: #2b2b2b;
        border-color: #e5e5e51c;
    }
    .navbar .d2c_megamenu .list-group-item a{
        color: var(--default_color_one);
    }

    /*====== home v1 page start ======*/
    .d2c_hero{
        height: 60vh;
    }
    .d2c_home_1_feature_image .d2c_count_guest{
        width: 50%;
    }
    .d2c_home_room{
        padding-bottom: 0px;
    }
    .d2c_reserve_bg{
        right: 0px;
    }
    .d2c_reserve_content{
        padding: 50px 30px;
    }
    .d2c_home_food{
        margin-top: 30px;
    }
    .d2c_testimonial_v1_wrapper{
        padding: 100px 40px 50px 40px;
    }
    /*====== home v1 page end ======*/

    /*====== about page start ======*/
    .d2c_best_services_content {
        padding-top: 50px;
    }
    /*====== about page end ======*/

    /*====== packages page start ======*/
    .d2c_pricing .d2c_price_column .d2c_pricing_wrapper{
        background-size: 100% 33%;
    }
    /*====== packages page end ======*/


    /*====== single event page start ======*/
    .d2c_single_event .d2c_overlay_image img{
        height: 300px;
    }
    .d2c_single_event .d2c_venue{
        height: 100%;
    }
    /*====== single event page end ======*/

    /*====== Our stroy page start ======*/
    .d2c_story_bg,.d2c_timeline_image{
        display: none;
    }
    .d2c_timeline{
        margin-left: 0px;
    }
    .d2c_branch_image_wrapper{
        height: 220px;
    }
    /*====== Our stroy page end ======*/

    /*====== contact v1 page start ======*/
    .d2c_contact_details .d2c_icon {
        padding: 10px;
    }
    /*====== contact v1 page End ======*/

    /*====== Rooms v2 page start ======*/
    .d2c_support_section{
        padding-top: 0px;
    }
    /*====== Rooms v2 page end ======*/

    /*====== thank you page start ======*/
    .d2c_thank_you h1{
        font-size: 1.75rem;
    }
    /*====== thank you page end ======*/

    /*====== footer start ======*/
    .d2c_footer_content {
        padding-bottom: 30px;
    }
    .d2c_footer_2{
        text-align: left !important;
    }
    .d2c_footer_1,.d2c_footer_2{
        border-right: 0px;
    }
    .d2c_footer_2{
        padding-left: 15px !important;
    }
    .d2c_footer_3{
    padding-left: initial !important;
    }
    /*====== footer end ======*/
}

/* small laptop responsive css */
@media only screen and (min-width:992px) and (max-width:1199px) {
    section{
        padding: 80px 0px;
    }
    h1{
        font-size: 2.5rem;
    }
    h2{
        font-size: 1.75rem;
    }
    h4{
        font-size: 1.25rem;
    }
    .d2c_title{
        font-size: 1.75rem;
    }
    
    /*====== home v1 page start ======*/
    .d2c_hero{
        height: 55vh;
    }
    .d2c_home_food{
        padding: 20px;
    }
    .d2c_home_room{
        padding-bottom: 0px;
    }
    /*====== home v1 page end ======*/
    
    /*====== packages page start ======*/
    .d2c_pricing .d2c_price_column .d2c_pricing_wrapper{
        background-size: 100% 30%;
    }
    .d2c_features .d2c_features_card{
        padding: 55px 25px;
    }
    /*====== packages page end ======*/

    /*====== Rooms v2 page start ======*/
    .d2c_support_section{
        padding-top: 0px;
    }
    /*====== Rooms v2 page end ======*/

    

/* 
======================== ***** ============================= 
Template Name: oceanbay
Template URI: #
Description: This is the hotel service template.
Version: 1.1.0
Author: DesignToCodes
Author URI: https://www.designtocodes.com
Text Domain: oceanbay
*/