/*slide main*/
.mySlides {display:none}
.w3-left, .w3-right, .w3-badge {cursor:pointer}
.w3-badge {height:13px;width:13px;padding:0}

.nav-slide{
  position: absolute;
  width: 70%;
  padding: 0px 50px;
  top: 50%;
}
.nav-slide .w3-left,.nav-slide .w3-right{
  font-size: 25px;
  width: 40px;
  text-align: center;
  height: 40px;
  border-radius: 100px;
  background: #2f89fc;
  color: white;
}
.content-slide{
  position: absolute;
  top: 20%;
  left: 20%;
}

.owl-prev{
  width: 48px;
    height: 48px;
    background-color: rgba(0,0,0,0) !important;
    position: absolute;
       top: 36%;
    right: -85px;
    content: "\27ba";
    display: inline-block;
    transform: rotate(180deg);
    color: #000000 !important;
    font-size: 25px !important;
}
.owl-next{
  width: 48px;
    height: 48px;
    background-color: rgba(0,0,0,0)  !important;
    position: absolute;
    top: 36%;
    left: -65px;
    content: "\27ba";
    display: inline-block;
    transform: rotate(180deg);
    color: #000000 !important;
    font-size: 25px !important;
}


@media screen and (max-width: 1024px){
	.owl-prev{
		right: -36px !important;
	}
	.owl-next{
		left: -8px !important;
	}
}
@media screen and (max-width: 800px){
	.blog-relate .owl-prev{
		right: -5px;
	}
	.blog-relate .owl-next{
		left: -5px;
	}
	.main-slider {
	    margin-top: 110px;
	}
}
@media screen and (max-width: 500px){
	.owl-prev{
		right: -36px !important;
	}
	.owl-next{
		left: -8px !important;
	}
	.content-slide{
		display: none;
	}
	.main-slider {
	    margin-top: 50px;
	}
	.nav-slide{
		z-index: 999;
	}
	.nav-slide {
	    position: absolute;

	    width: 100%;

	    padding: 0px 26px;

	    top: 30%;

	}

}