@media (max-width: 767px) {
        .sliderjs {
          display: none;
        }
        .frase{
           display: none; 
        }
      }

.sliderjs{
	margin: 0 auto;
	width: 800px;
	height: 400px;
	overflow: hidden;
}
.slidesjs{
	width: 400%;
	height: 400px;
	display: flex;
}
.slidesjs input{
	display: none;
}

.slidejs{
	width: 25%;
	position: relative;
	transition: 2s;
}

.slidejs img{
	width: 800px;
}

.manual-navigationjs{
	position: absolute;
	width: 800px;
	margin-top: 340px;
	display: flex;
	justify-content: center;
}

.manual-btn{
	border: 2px solid #fff;
	padding: 5px;
	border-radius: 10px;
	cursor: pointer;
	transition: 1s;
}

.manual-btn:not(:last-child){
	margin-right: 40px;
}

.manual-btn:hover{
	background-color: #fff;
	}

#radio1:checked ~ .first{
	margin-left: 0;
}

#radio2:checked ~ .first{
	margin-left: -25%;
}

#radio3:checked ~ .first{
	margin-left: -50%;
}

#radio4:checked ~ .first{
	margin-left: -75%;
}

.navigation-autojs div{
	border: 2px solid #20a6ff;
	padding: 5px;
	border-radius: 10px;
	cursor: pointer;
	transition: 1s;
}


.navigation-autojs{
	position: absolute;
	width: 800px;
	margin-top: 340px;
	display: flex;
	justify-content: center;
}

.navigation-autojs div:not(:last-child){
	margin-right: 40px;
}

#radio1:checked ~ .navigation-autojs .auto-btn1{
	background-color: #fff;
}

#radio2:checked ~ .navigation-autojs .auto-btn2{
	background-color: #fff;
}


#radio3:checked ~ .navigation-autojs .auto-btn3{
	background-color: #fff;
}

#radio4:checked ~ .navigation-autojs .auto-btn4{
	background-color: #fff;
}