.container { padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; } @media (min-width: 768px) { .container { width: 750px; } } @media (min-width: 992px) { .container { width: 970px; } } @media (min-width: 1200px) { .container { width: 1170px; } } @media (max-width: 767px) { #featureContainer .carousel-inner .carousel-item > div { display: none; } #featureContainer .carousel-inner .carousel-item > div:first-child { display: block; } } #featureContainer .carousel-inner .carousel-item.active, #featureContainer .carousel-inner .carousel-item-next, #featureContainer .carousel-inner .carousel-item-prev { display: flex; } @media (min-width: 768px) { #featureContainer .carousel-inner .carousel-item-end.active, #featureContainer .carousel-inner .carousel-item-next { transform: translateX(25%); } #featureContainer .carousel-inner .carousel-item-start.active, #featureContainer .carousel-inner .carousel-item-prev { transform: translateX(-25%); } #featureContainer .card img{ height: 100% !important; width: 100%; } } #featureContainer .carousel-item{ justify-content: space-between; } } @media (max-width: 767px) { #featureContainer .card img{ width: 100%; height: 75vh; } } #featureContainer .carousel-inner .carousel-item-end, #featureContainer .carousel-inner .carousel-item-start { transform: translateX(0); } #featureContainer .card{ border: 0; } #featureContainer .card{ position: relative; } #featureContainer .card .card-img-overlays{ position: absolute; bottom: 15%; left: 10%; } #featureContainer a{ text-decoration: none; } #featureContainer .indicator{ /* border: 1px solid rgb(202, 202, 202); padding: 3px 6px 3px 6px; */ } #featureContainer .indicator:hover{ transition: 200ms; } #featureContainer .indicator:hover{ transition: 200ms; } #featureContainer .indicator { color: lightgray; } #featureContainer .float-end{ padding-top: 10px; } .card{ background-color:transparent !important; } .container{ max-width:100% !important; } .card-img img{ border-top-right-radius:25px; border-top-left-radius:25px;} .indicator img{ height:40px; } @media (max-width:1024px){ .card-img img{ width:100% !important; height:100% !important; } } .left_arrow_white,.right_arrow_white{ display:none; } .indicator img.right_arrow:hover .indicator img.left_arrow_white{ display:block; }