@media screen and (max-width: 1000px) {


#room-slide {
margin: 0 auto;
-webkit-transform: translateZ(0);
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
margin: 1rem;
margin-top: 0;
}

input {
display: none;
}

#room-slide-1:checked ~ #room-slide-wrap .inner {
margin-left:0;
}

#room-slide-2:checked ~ #room-slide-wrap .inner {
margin-left:-100%;
}

#room-slide-3:checked ~ #room-slide-wrap .inner {
margin-left:-200%;
}

#room-slide-4:checked ~ #room-slide-wrap .inner {
margin-left:-300%;
}

#room-slide-5:checked ~ #room-slide-wrap .inner {
margin-left:-400%;
}

#room-slide-overflow {
width: 100%;
overflow: hidden;
}

.slide img {
width: 100%;
vertical-align: top;
}

#room-slide-wrap .inner {
width: 500%;
}

#room-slide-wrap .inner {
-webkit-transform: translateZ(0);
-webkit-transition: all 1s cubic-bezier(.65,.05,.36,1) 0s;
-moz-transition: all 1s cubic-bezier(.65,.05,.36,1) 0s; 
-ms-transition: all 1s cubic-bezier(.65,.05,.36,1) 0s; 
-o-transition: all 1s cubic-bezier(.65,.05,.36,1) 0s; 
transition: all 1s cubic-bezier(.65,.05,.36,1) 0s;

-webkit-transition-timing-function: cubic-bezier(.65,.05,.36,1); 
-moz-transition-timing-function: cubic-bezier(.65,.05,.36,1); 
-ms-transition-timing-function: cubic-bezier(.65,.05,.36,1); 
-o-transition-timing-function: cubic-bezier(.65,.05,.36,1); 
transition-timing-function: cubic-bezier(.65,.05,.36,1);
}

#room-slide-wrap .slide {
width: 20%;
float: left;
}

#room-slide-active {
margin: 10px 0 0;
text-align: center;
}

#room-slide-active label {
display: inline-block;
width: 15px;
height: 15px;
background: #bbb;
border-radius: 50%;
margin: 0 8px;
}



#room-slide-active label:hover {
background: #ccc;
border-color: #777 ;
}


#room-slide-1:checked ~ #room-slide-active label:nth-child(1),
#room-slide-2:checked ~ #room-slide-active label:nth-child(2),
#room-slide-3:checked ~ #room-slide-active label:nth-child(3),
#room-slide-4:checked ~ #room-slide-active label:nth-child(4),
#room-slide-5:checked ~ #room-slide-active label:nth-child(5) {
background: #56b329;
border-color: #56b329 ;
}

#room-slide-wrap, #room-slide-active, #room-slide-active label {
-webkit-transform: translateZ(0);
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
}
#room-slide-active {
margin: 0;
margin-bottom: 60px;
}
#room-slide-active label {
width: 10px;
height: 10px;
border-radius: 5px;
}
}


@media screen and (min-width: 1001px) {
.inner {
display: flex;
margin: 0 auto;
max-width: 1000px;
}
.inner .slide{
margin:5px 10px;
}

input {
display: none;
}

}