.drag_area{
	width: 460px;
	border:1.5px dashed #CFD4DD;
	box-shadow: 0px 0px 15px 1px #CFD4DD;
}
.upload_option p.d1{
	color: #222;
	font-size: 22px;
	font-weight: 600;
}
.upload_option p.d2 span{
	color: #B5BAC4;
	font-size: 14px;
	font-weight: 700;
	position: relative;
}
.upload_option p.d2 span:before {
    content: "";
    position: absolute;
    background: #E3E7ED;
    width: 130px;
    height: 1.5px;
    top: 10px;
    right: 32px;
}
.upload_option p.d2 span:after {
    content: "";
    position: absolute;
    background: #E3E7ED;
    width: 130px;
    height: 1.5px;
    top: 10px;
    left: 32px;
}
.upload_option p.d3{
	color: #B5BAC4;
	font-size: 14px;
	font-weight: 600;
}
.upload_btns.upload_file {background-image: url(../webimages/ar_upload_file.svg);}
.upload_btns {background-color: #fff;}
@media only screen and (max-width: 767px){
	.drag_area{width: 100%;}
	.upload_option p.d2 span:before, .upload_option p.d2 span:after{width: 85px;}
	#preview .img_box .del_preview{display: block !important; background-color: transparent !important};
}

#preview .img_box1{position:relative}
#preview .img_box .del_preview{
	position: absolute;
	background-color: #2022237d;
	top: 0px;
	width: 100%;
	height: 100%;
	padding: 3px;
	text-align: right;
	display: none;
	left:0px
  }

#preview .img_box:hover .del_preview{display:block}
#preview .img_box .del_preview span{
  background-image: url('../webimages/image-cros.svg');
  background-repeat: no-repeat;
  background-position: top right;
  height: 20px;
  width: 20px;
  display: inline-block;
  cursor: pointer;
}