Files
TaborgMain/public/assets/css/demo/hotel/hotel.css
T
2024-09-06 13:32:15 -04:00

146 lines
2.2 KiB
CSS

/* BANNER */
.banner .module-form-banner .btn {
--icon-font-size: 22px;
}
@media (max-width: 1199px) {
.banner .module-form-banner {
padding: 15px;
}
}
/* ABOUT */
@media (max-width: 1199px) {
.about .module-img-1 {
width: 40%;
}
.about .module-img-2 {
width: 45%;
}
}
@media (max-width: 767px) {
.about .module-col-1 {
gap: 30px;
margin-bottom: 30px;
}
.about .module-col-2 {
gap: 20px;
margin-bottom: 30px;
}
.about .module-img-1,
.about .module-img-2 {
width: 70%;
}
}
/* PARALAX BG */
@media (max-width: 767px) {
.paralax-bg {
background-position: center center;
}
.paralax-bg .module-gap {
gap: 20px;
}
}
/* EXPERIENCES */
.experiences .module-box {
transition: all ease-in-out 0.3s;
}
.experiences .module-box:hover {
transform: translateY(10px);
border-color: var(--lqd-color-secondary);
}
@media (max-width: 1199px) {
.experiences {
padding-right: 20px;
padding-left: 20px;
}
.experiences .module-gap {
gap: 30px;
}
}
/* FOOD TIME */
.food-time table tbody tr:nth-child(odd) {
background-color: transparent;
}
@media (max-width: 1199px) {
.food-time .module-col-2 {
max-width: 600px;
}
}
@media (max-width: 767px) {
.food-time {
padding-top: 100px;
}
.food-time .module-gap {
gap: 60px;
}
}
/* REST SOUL */
@media (max-width: 1199px) {
.rest-soul .module-gap {
gap: 100px;
}
}
@media (max-width: 767px) {
.rest-soul {
padding-top: 100px;
}
.rest-soul .module-img {
width: 200px;
}
.rest-soul .module-text {
margin-bottom: 30px;
}
}
/* ICON BOX */
@media (max-width: 1199px) {
.icon-box .module-box-2 {
padding-top: 40px;
padding-bottom: 40px;
}
}
@media (max-width: 767px) {
.icon-box {
padding-top: 60px;
padding-bottom: 60px;
}
}
/* TESTIMONIALS */
.testimonials .carousel-dots {
position: relative;
top: auto;
right: auto;
bottom: -25px;
left: auto;
}
@media (max-width: 767px) {
.testimonials {
padding-top: 30px;
padding-bottom: 30px;
}
.testimonials .module-title {
margin-bottom: 30px;
}
}
/* NEWS */
@media (max-width: 1199px) {
.news .module-title {
margin-bottom: 20px;
}
}
@media (max-width: 767px) {
.news .module-gap{
gap: 30px;
}
.news .module-btn {
margin-top: 40px;
}
}