.twentytwenty-horizontal .twentytwenty-handle:before, .twentytwenty-horizontal .twentytwenty-handle:after, .twentytwenty-vertical .twentytwenty-handle:before, .twentytwenty-vertical .twentytwenty-handle:after {
	content: '';
	display: block;
	background: #fff;
	position: absolute;
	z-index: 30;

}
.twentytwenty-horizontal .twentytwenty-handle:before, .twentytwenty-horizontal .twentytwenty-handle:after {
	width: 3px;
	height: 9999px;
}

.twentytwenty-left-arrow, .twentytwenty-right-arrow, .twentytwenty-up-arrow, .twentytwenty-down-arrow {
	width: 0;
	height: 0;
	border: 6px inset transparent;
	position: absolute;
}
.twentytwenty-left-arrow, .twentytwenty-right-arrow {
	top: 50%;
	margin-top: -6px;
}

.twentytwenty-container {
	box-sizing: content-box;
	z-index: 0;
	overflow: hidden;
	position: relative;
	-webkit-user-select: none !important;
	-moz-user-select: none !important; 
}
.twentytwenty-container img {
	max-width: 100%;
	position: absolute;
	top: 0;
	display: block;
}

.twentytwenty-container * {
	box-sizing: content-box;
	display: flex;
	justify-content: center;
}

.twentytwenty-before {
	z-index: 20;
}
.twentytwenty-after {
	z-index: 10;
}
.twentytwenty-handle {
	height: 38px;
	width: 38px;
	position: absolute;
	top: 50%;
	margin-top: -22px;

	margin-left: -22px !important;
  background-color: #fff;
	border: 3px solid #fff;
	border-radius: 1000px;
	box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5);
	z-index: 40;
	cursor: pointer;
}
.twentytwenty-horizontal .twentytwenty-handle:before {
	bottom: 50%;
	margin-bottom: 22px;
	box-shadow: 0 3px 0 #fff, 0px 0px 12px rgba(51, 51, 51, 0.5);
}
.twentytwenty-horizontal .twentytwenty-handle:after {
	top: 50%;
	margin-top: 22px;
	box-shadow: 0 -3px 0 #fff, 0px 0px 12px rgba(51, 51, 51, 0.5);
}

.twentytwenty-left-arrow {
	border-right: 6px solid #C3B086;
	left: 50%;
	margin-left: -17px;
}
.twentytwenty-right-arrow {
	border-left: 6px solid #C3B086;
	right: 50%;
	margin-right: -17px;
}


@media (min-width: 1400px){
   .twentytwenty-container{
	   left:5.8%;
	   margin:3% 0 6%;
   }
   .post_twenty{
	left:0
   }
}
@media (min-width: 1365px) and (max-width:1400px){
   .twentytwenty-container{
   margin-bottom:10%;
   }
}
@media (min-width: 576px) and (max-width: 821px){
   .twentytwenty-container{
	   margin:6% 0;
	   }
}
@media (min-width: 0px) and (max-width: 576px){
   .twentytwenty-container{
	  margin:8% 0 8% 1%;
   }
}