96 lines
1.7 KiB
CSS
Executable File
96 lines
1.7 KiB
CSS
Executable File
/* Small devices (landscape phones, 320px and up) */
|
|
@media (min-width: 320px) {
|
|
.totalPanelContainer, #totalPanel {
|
|
width: 100%;
|
|
max-width:440px;
|
|
}
|
|
|
|
.bookingPhone, .bookingEmail, .bookingName{
|
|
margin: 0 1em;
|
|
width: 92%!important;
|
|
padding: 0;
|
|
max-width: 500px;
|
|
}
|
|
|
|
.totalPrice, .totalSelectedTime {
|
|
width: 100%;
|
|
}
|
|
|
|
.serviceTable {
|
|
width: 90%!important;
|
|
}
|
|
|
|
|
|
}
|
|
|
|
/* Small devices (landscape phones, 375px and up) */
|
|
@media (min-width: 375px) {
|
|
|
|
}
|
|
|
|
/* Small devices (landscape phones, 576px and up) */
|
|
@media (min-width: 576px) {
|
|
.totalPanelContainer {
|
|
width: 95%;
|
|
}
|
|
}
|
|
|
|
/* Medium devices (tablets, 768px and up) */
|
|
@media (min-width: 768px) {
|
|
.serviceTable {
|
|
width: 90%!important;
|
|
}
|
|
|
|
.bookingPhone, .bookingEmail, .bookingName{
|
|
width: 100%!important;
|
|
margin: 0 auto;
|
|
}
|
|
|
|
.g-recaptcha {
|
|
top: -30px;
|
|
}
|
|
|
|
}
|
|
|
|
/* Large devices (desktops, 992px and up) */
|
|
@media (min-width: 992px) {
|
|
#navPanel{
|
|
display:none;
|
|
}
|
|
}
|
|
|
|
/* Extra large devices (large desktops, 1200px and up) */
|
|
@media (min-width: 1200px) {
|
|
|
|
|
|
}
|
|
|
|
/* Extra large devices (large desktops, 2000px and up) */
|
|
@media (min-width: 2000px) {
|
|
|
|
|
|
}
|
|
|
|
/* Extra large devices (large desktops, 2500px and up) */
|
|
@media (min-width: 2500px) {
|
|
|
|
}
|
|
|
|
/* Extra large devices (large desktops, 3000px and up) */
|
|
@media (min-width: 3500px) {
|
|
|
|
}
|
|
|
|
/* Extra large devices (large desktops, 4500px and up) */
|
|
@media (min-width: 4500px) {
|
|
|
|
}
|
|
|
|
/* Extra large devices (large desktops, 5000px and up) */
|
|
@media (min-width: 5000px) {
|
|
|
|
}
|
|
|
|
|
|
|