/*-------------------------------lago-naki-slider ----------------------------*/
.photo {
    padding: 50px 0;
}
.photo .container {
    width: 99%;
    max-width: 1080px;
}
.photo .photo__img {
    width: 100%;
    z-index: -1;
    margin-bottom: 10px;
}
/* ------------------------styles, added by me----------------------------------*/

.photo__day {
    position: relative;
}
.photo .prev,
.photo .next {
    position: absolute;
    top: 50%;
    cursor: pointer;
    transition: 0.6s ease;
    z-index: 1;
    outline: none;
    transform-origin: top right;
    opacity: 0.5;
}
.photo .prev::before,
.photo .next::before {
    content: "";
    display: inline-block;
    width: 35px;
    height: 35px;
    border: solid rgb(255, 255, 255);
    border-width: 5px 5px 0 0;
}
.photo .prev {
    left: 10px;
    transform: rotate(-135deg);
    
}
.photo .next {
    right: 50px;
    transform: rotate(45deg);
    
}
.photo .prev:hover,
.photo .next:hover {
   opacity: 1;
} 
.photo .prev:hover::before,
.photo .next:hover::before {
   width: 35px;
    height: 35px;
    border-width: 7px 7px 0 0;
} 

/* Media Queries */

/* 992 - 1140 px */
@media screen and (max-width: 1140px) {
    
}

/* 768 - 992 px */
@media screen and (max-width: 992px) {
  
    .photo .prev {
        left: 0px;
     
}
    .photo .next {
        right: 35px;
      
}     
}

/* 576 - 768 px */
@media screen and (max-width: 768px) {

    .photo .prev {
        display: none;
        left: -15px;
     
}
    .photo .next {
        display: none;
        right: 20px;
      
}     
}

/* 320 - 576 px */
@media screen and (max-width: 576px) {
    .photo .prev,
    .photo .next {
        display: none;
        opacity: 0.3;
}
    .photo .prev {
        left: -30px;
     
}
    .photo .next {
        right: 5px;
      
}     
}