195 lines
2.8 KiB
CSS
195 lines
2.8 KiB
CSS
.u-section-1 .u-sheet-1 {
|
|
min-height: 757px;
|
|
}
|
|
|
|
.u-section-1 .u-text-1 {
|
|
margin: 60px auto 0;
|
|
}
|
|
|
|
.u-section-1 .u-gallery-1 {
|
|
width: 689px;
|
|
height: 545px;
|
|
grid-gap: 10px;
|
|
margin: 40px auto 60px;
|
|
}
|
|
|
|
.u-section-1 .u-carousel-item-1 {
|
|
margin-right: 0;
|
|
}
|
|
|
|
.u-section-1 .u-over-slide-1 {
|
|
min-height: 100px;
|
|
padding: 10px;
|
|
}
|
|
|
|
.u-section-1 .u-carousel-item-2 {
|
|
margin-right: 0;
|
|
}
|
|
|
|
.u-section-1 .u-over-slide-2 {
|
|
min-height: 100px;
|
|
padding: 10px;
|
|
}
|
|
|
|
.u-section-1 .u-carousel-item-3 {
|
|
margin-right: 0;
|
|
}
|
|
|
|
.u-section-1 .u-over-slide-3 {
|
|
min-height: 100px;
|
|
padding: 10px;
|
|
}
|
|
|
|
.u-section-1 .u-carousel-thumbnails-1 {
|
|
padding-top: 10px;
|
|
}
|
|
|
|
.u-section-1 .u-carousel-thumbnail-1 {
|
|
width: 100px;
|
|
height: 100px;
|
|
}
|
|
|
|
.u-section-1 .u-carousel-thumbnail-2 {
|
|
width: 100px;
|
|
height: 100px;
|
|
}
|
|
|
|
.u-section-1 .u-carousel-thumbnail-3 {
|
|
width: 100px;
|
|
height: 100px;
|
|
}
|
|
|
|
.u-section-1 .u-carousel-control-1 {
|
|
position: absolute;
|
|
left: 10px;
|
|
width: 40px;
|
|
height: 40px;
|
|
}
|
|
|
|
.u-section-1 .u-carousel-control-2 {
|
|
position: absolute;
|
|
right: 10px;
|
|
width: 40px;
|
|
height: 40px;
|
|
}
|
|
|
|
@media (max-width: 767px) {
|
|
.u-section-1 .u-gallery-1 {
|
|
width: 540px;
|
|
}
|
|
}
|
|
|
|
@media (max-width: 575px) {
|
|
.u-section-1 .u-sheet-1 {
|
|
min-height: 636px;
|
|
}
|
|
|
|
.u-section-1 .u-gallery-1 {
|
|
height: 428px;
|
|
margin-right: initial;
|
|
margin-left: initial;
|
|
width: auto;
|
|
}
|
|
}.u-section-2 {
|
|
background-image: none;
|
|
}
|
|
|
|
.u-section-2 .u-sheet-1 {
|
|
min-height: 675px;
|
|
}
|
|
|
|
.u-section-2 .u-text-1 {
|
|
margin: 25px auto 0;
|
|
}
|
|
|
|
.u-section-2 .u-gallery-1 {
|
|
width: 700px;
|
|
height: 463px;
|
|
margin: 40px auto 25px;
|
|
}
|
|
|
|
.u-section-2 .u-carousel-item-1 {
|
|
margin-right: 0;
|
|
}
|
|
|
|
.u-section-2 .u-over-slide-1 {
|
|
min-height: 100px;
|
|
padding: 10px;
|
|
}
|
|
|
|
.u-section-2 .u-carousel-item-2 {
|
|
margin-right: 0;
|
|
}
|
|
|
|
.u-section-2 .u-over-slide-2 {
|
|
min-height: 100px;
|
|
padding: 10px;
|
|
}
|
|
|
|
.u-section-2 .u-carousel-item-3 {
|
|
margin-right: 0;
|
|
}
|
|
|
|
.u-section-2 .u-over-slide-3 {
|
|
min-height: 100px;
|
|
padding: 10px;
|
|
}
|
|
|
|
.u-section-2 .u-carousel-thumbnails-1 {
|
|
padding-left: 10px;
|
|
}
|
|
|
|
.u-section-2 .u-carousel-thumbnail-1 {
|
|
width: 100px;
|
|
height: 100px;
|
|
}
|
|
|
|
.u-section-2 .u-carousel-thumbnail-2 {
|
|
width: 100px;
|
|
height: 100px;
|
|
}
|
|
|
|
.u-section-2 .u-carousel-thumbnail-3 {
|
|
width: 100px;
|
|
height: 100px;
|
|
}
|
|
|
|
.u-section-2 .u-carousel-control-1 {
|
|
position: absolute;
|
|
left: 13px;
|
|
width: 40px;
|
|
height: 40px;
|
|
right: auto;
|
|
}
|
|
|
|
.u-section-2 .u-carousel-control-2 {
|
|
position: absolute;
|
|
width: 40px;
|
|
height: 40px;
|
|
left: auto;
|
|
right: 120px;
|
|
}
|
|
|
|
@media (max-width: 767px) {
|
|
.u-section-2 .u-gallery-1 {
|
|
width: 540px;
|
|
}
|
|
}
|
|
|
|
@media (max-width: 575px) {
|
|
.u-section-2 .u-sheet-1 {
|
|
min-height: 534px;
|
|
}
|
|
|
|
.u-section-2 .u-text-1 {
|
|
margin-top: 60px;
|
|
}
|
|
|
|
.u-section-2 .u-gallery-1 {
|
|
height: 326px;
|
|
margin-bottom: 60px;
|
|
margin-right: initial;
|
|
margin-left: initial;
|
|
width: auto;
|
|
}
|
|
} |