html, body { overflow-x: hidden; } .container {display:flex;justify-content:start;align-items:center;flex-direction:column;height:85vh;max-height:900px;min-height:667px;overflow:auto;width:100%} .posRelative{position:relative;} .showHideEye{position:absolute;width:25px;height:25px;top:0px;right:5px;z-index:2;cursor:pointer} .flexColumnStd{display:flex;justify-content:center;align-items:center;flex-direction:column;} .imgIsaret{max-width:25px;max-height:25px;text-align:center} .swDiv{ position: relative; flex-grow: 1; font-family: Helvetica Neue, Helvetica, Arial, sans-serif; font-size: 14px; color: #000; margin: 0; padding: 0; } .swiper { max-width:600px; min-width: 350px; width: 95%; min-height: 75vh; } .swiper-slide { text-align: center; font-size: 18px; display: flex; justify-content: center; align-items: baseline; background-color: white; min-height: 75vh; padding-top: 50px; } .lastSlide{float:left;width:100%;font-size:1em} .swiper-slide imgEski { display: block; width: 100%; height: 100%; object-fit: cover; } .slideContainer{ display: flex;flex-direction: column; } .isaretDescription{ display:flex;flex-direction:column;justify-content:center;align-items:center; } .slideIsaretContainer{ display: flex;flex-direction: column;width: 300px;justify-content: center;align-items: center; } .isaretImg{ min-width:100px;max-width: 200px; min-height: 100px;max-height: 200px; } .mb-20{ margin-bottom: 20px; } .mb-10{ margin-bottom: 10px; } .visible { visibility: visible; } .hidden { visibility: hidden; } /* CSS */ .button-70 { background-image: linear-gradient(#0dccea, #0d70ea); border: 0; border-radius: 4px; box-shadow: rgba(0, 0, 0, .3) 0 5px 15px; box-sizing: border-box; color: #fff; cursor: pointer; font-family: Montserrat,sans-serif; font-size: .9em; margin: 5px; padding: 10px 15px; text-align: center; user-select: none; -webkit-user-select: none; touch-action: manipulation; } .isaretFirstImg{ max-height:50px;max-width:50px;text-align: center; } .iscats{ opacity: 0.9; } .iscats:hover{ opacity: 1; } @media screen and (min-width: 992px) {.menuBar, .swiper{width: 675px;}} @media screen and (max-width: 992px) {.menuBar, .swiper{width: 575px;}} @media screen and (max-width: 480px) {.menuBar, .swiper{width: 95%; max-width: 470px;}}