carousel height changed to min height, other style fixes

This commit is contained in:
Arvind Tiwari 2017-12-15 01:34:07 +05:30
commit 955331f64b
2 changed files with 32 additions and 25 deletions

View file

@ -1,3 +1,9 @@
@media (min-width: 768px) and (max-width: 991px) {
.navbar > .container {
width: 100%;
}
}
.btn-trans {
color: #fff;
border: 2px solid #fff;
@ -143,14 +149,14 @@
}
}
.header_slider {
height: 95vh;
.header_slider > .carousel .carousel-inner {
min-height: 95vh;
display: flex;
}
.header_slider > .carousel,
.header_slider > .carousel .carousel-inner,
.header_slider > .carousel .item {
height: 100%;
.header_slider > .carousel .carousel-inner > .next,
.header_slider > .carousel .carousel-inner > .prev {
bottom: 0;
}
.header_slider .carousel-indicators {
@ -180,6 +186,11 @@
margin-top: -50px;
}
.header_slider > .carousel .item {
background: rgba(0,0,0,0.5);
flex: 1;
}
.header_slider > .carousel .item .container {
overflow: auto;
padding: 50px 20px 60px;
@ -190,16 +201,12 @@
/* background: rgba(0,0,0,0.5); */
}
.header_slider > .carousel .item {
background: rgba(0,0,0,0.5);
}
.header_slider .intro-cap {
text-align: right;
line-height: 1.1;
font-size: 23px;
margin-bottom: 12px;
padding: 30px;
padding: 30px 0;
}
.header_slider .btn-trans {
@ -245,7 +252,7 @@
text-align: right;
line-height: 1.4;
margin-bottom: 20px;
padding: 15px;
padding: 15px 0;
}
@media (max-width: 768px) {