@media (max-width: 767px) {
    /* 1. Force the parent row to behave as a flex column on mobile */
    #content-view > div > div.row.row-eq-height-xs.default.row-mg {
        display: flex !important;
        flex-direction: column !important;
    }

    /* 2. Pull the specific column up to the 1st position */
    #content-view > div > div.row.row-eq-height-xs.default.row-mg > div.col-sm-4.col-md-6 {
        order: 1 !important;
    }

    /* 3. Push the original 1st child down to the 2nd position */
    #content-view > div > div.row.row-eq-height-xs.default.row-mg > div:nth-child(1) {
        order: 2 !important;
    }

    /* 4. FIX: Force the 3rd child to stay in the 3rd position */
    #content-view > div > div.row.row-eq-height-xs.default.row-mg > div:nth-child(3) {
        order: 3 !important;
    }
}

#about-us > div > div.txt > div:nth-child(1) {
    margin-top: -15px !important;
    padding-top: 0px !important;
}




#main-buttons > div > div > div > div.bar {
display: none !important;
}

#sb_bookings_list > div > div > div > div > div > div.booking-btns > div > div > a {
    background-color: #ff5522 !important;
}



#sb_bookings_list > div > div > div > div > div > div.booking-info.mg > div.booking-calendar > div > div.header {
    background-color: #ff5522 !important;
}




#sb_bookings_list > div > div > div > div > div > div.booking-btns > div > div > div.btn.custom.btn-with-icon.sb-book {
display: none !important;
}




#contacts > div > div.info > ul > li:nth-child(1) {
display: none !important;
}




#main-buttons > div > div > div > div.company-name.company-logo-and-name {
    display: none !important;
}






@media (max-width: 767px) {

    #main-buttons {
        position: relative !important;
        top: 40px !important;
    }

}



#sb_terms_and_conditions > div > div.promotions-letter-flag.v2 > label {
display: none !important;
}


@media (max-width: 767px) {
    #main-buttons > div > div > div > div.company-name.company-logo-and-name /* Targets the specific company name selector for mobile only */ {
   display: none !important;
}
   
#sb_sidebar_container > aside > div.provider-item.item {
display: none !important;
}
}

/*
	Custom CSS
	Please make sure your CSS rules are 
	more particular / have higher priority
	then other page styles
*/
 #events h3   {
	/* add your css rule here */
}


 #events p.duration, #events div.duration   {
	/* add your css rule here */
}


 #events p.description, #events div.description   {
	/* add your css rule here */
}


 #events .selectedEvent   {
	/* add your css rule here */
}


 #events input.reserve_time_btn   {
	/* add your css rule here */
}


 #events input.select_another_btn   {
	/* add your css rule here */
}


 #eventForm #start_date-block-container h3, #eventForm #timeline-container h3   {
	/* add your css rule here */
}


 #eventForm #save_button   {
	/* add your css rule here */
}


 div.ui-widget-content   {
	/* add your css rule here */
}


 div.ui-widget-header   {
	/* add your css rule here */
}


 #timeline-container table.timeline   {
	/* add your css rule here */
}


 .timeline td.not_worked_time   {
	/* add your css rule here */
}


 .timeline td.free_time   {
	/* add your css rule here */
}


 .timeline td.selected_time   {
	/* add your css rule here */
}


 .timeline td.reserved_time   {
	/* add your css rule here */
}


 div#loading   {
	/* add your css rule here */
}

 #start_date-block-container .zend_form dt, 
 #start_date-block-container .zend_form dt b, 
 #start_date-block-container .zend_form dd label   {
	/* add your css rule here */
}

#about-us .title-main {
    display: none !important;
}

#schedule .title-main {
    font-size: 0 !important;
}

#schedule .title-main::before {
    content: "Agence tpg de Lancy-Pont-Rouge";
    display: block;
    font-size: 20px;
    font-weight: 700;
    color: #333;
    margin-bottom: 5px;
}

#schedule .title-main::after {
    content: "Horaires d’ouverture :";
    display: block;
    font-size: 18px;
    font-weight: 400;
    color: #333;
}

.nav-trigger,
.nav-trigger:hover,
.nav-trigger:focus,
.nav-trigger:active {
    background: #ff5522 !important;
    border: 1px solid #ff5522 !important;
    box-shadow: none !important;
    outline: none !important;
}

.nav-trigger .fa-bars {
    color: #ffffff !important;
}

#sb_bookings_list .alert.alert-info {
    color: #ff5522 !important;
}

.subscribe-component {
    display: none !important;
}

.alert.alert-info {
    color: #ff5522 !important;
}

.day-on.sb-available-date {
    font-weight: bold !important;
}

#sb_sidebar_container .provider-item.item {
    display: none !important;
}

/* Afficher le logo dans la section #schedule */
#schedule::before {
    content: "";
    display: block;
    width: 200px;
    height: 60px;
    margin: 0 auto 30px auto;

    background-image: url('/uploads/tpg/image_files/preview/5e78586bc87ee17c449bb20604a8a392.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

/* Remonte le titre principal dans #schedule */
#schedule .title-main {
    margin-top: -40px; /* ajuste la valeur selon le rendu souhaité */
    position: relative;
    z-index: 2;
}

header#header.web .brand.company-logo-and-name {
    display: none;
}