/* Slider */
.hide-text {
	display: none;
	transition:all 0.7s;
}

button.readmore {
	position: relative;
	height: 4vw;
	width: 14vw;
	margin: 4vw auto;
	display: block;
	background-color: transparent;
	color: #F36;
	padding-bottom: 40px;
	border: none;
	outline: 0;
	transition: .5s;
	font-size: 2vw;
	font-weight: bold;
}

button.readmore::after {
content: " ";
position: absolute;
width: 3vw;
height: 3vw;
border-top: solid 3px #666;
border-right: solid 3px #666;
transform: rotate(135deg);
right: 5.5vw;
top: 25px;
transition: .5s;
}

button.readmore:hover::after {
top: 40px;
}

button.readmore:hover {
	cursor: pointer;
}

.endTxt {
	font-size: 1.4vw;
	font-weight: bold;
	color: #999;
	text-align: center;
}

.on-click {
color: transparent!important;
}

.on-click {
transform: rotate(-180deg);
}



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



/* Slider */
.hide-text {
	display: none;
	transition:all 0.7s;
}

button.readmore {
	position: relative;
	height: 4vw;
	width: 44vw;/*14vw*/
	margin: 4vw auto;
	display: block;
	background-color: transparent;
	color: #F36;
	padding-bottom: 40px;
	border: none;
	outline: 0;
	transition: .5s;
	font-size: 5vw;/*2vw*/
	font-weight: bold;
}

button.readmore::after {
content: " ";
position: absolute;
width: 6vw;/*3vw*/
height: 6vw;/*3vw*/
border-top: solid 3px #666;
border-right: solid 3px #666;
transform: rotate(135deg);
right: 18.5vw;/*5.5vw*/
top: 25px;
transition: .5s;
}

button.readmore:hover::after {
top: 25px;/*40*/
}

button.readmore:hover {
	cursor: pointer;
}

.endTxt {
	font-size: 5vw;/*1.4vw*/
	font-weight: bold;
	color: #999;
	text-align: center;
}

.on-click {
color: transparent!important;
}

.on-click {
transform: rotate(-180deg);
}



}