.slick-slide {
  margin: 0 10px; 
}


.slick-list {
  margin: 0 -10px;
}



@media (min-width: 768px) and (max-width: 1024px) {
   
.appointment-button {
    display: grid !important;
    width: fit-content !important;
} 
    
}

@media(max-width:767px){
    
    .appointment-info{
            grid-template-columns: 1fr !important;
    }
    
    .appointment-button {
    display: grid !important;
    width: fit-content !important;
}

.appointment_booking_area{
    padding:0px !important;
}

form#appointment_booking {
    margin:  0px !important;
}
    
    
    .locationSelector {
    display: grid !important;
    gap: 20px;
    
    }
    
    select#locationSelect{
            margin-left: 0px !important;
    }
    
    .port.bodysection{
        padding:30px 0px !important;
    }
    
}