.img-hover {
  position: relative;
  width: 100%;
  max-width: 400px;
}
.toast-message{
  font-size: 14px;
}
.text-over-e{
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.image {
  display: block;
  width: 100%;
  height: auto;
}

.overlay {
  position: absolute;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: .3s ease;
  background-color: black;
  border-radius:75%;
}

.img-hover:hover .overlay {
  opacity: 0.5;
}

.iconsad {
  color: white;
  font-size: 50px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  text-align: center;
  font-size: 2vw;
  margin-top: 30%;
}
.fa-camera {
  color: white;
}

#logon .otp_blk {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
}
#logon .otp_blk>.input {
    max-width: 5rem;
    background: transparent;
    font-size: 2rem;
    font-weight: 500;
    text-align: center;
    border: 0;
    border-bottom: 0.2rem solid;
    border-radius: 0;
}
#logon .otp_blk>.input:not(:nth-last-child(1)) {
    margin-right: 2rem;
}

.drop_down:hover .drop_cnt {display: block;}
.img-change{
	     width: 100% !important;
	     height: 10rem !important;
	     object-fit: cover !important;
    }
    .max-tdp-content{
        white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 103px;
    }
    .image-upload{
		width:8vw !important;
		height:8vw !important;
	}
	.image-upload1{
		width:10vw !important;
		height:10vw !important;
	}
@media (max-width: 500px){
.iconsad {
    font-size: 20vw;
}
}

@media (max-width: 991px) {
	#banner .popup .main_row>.col {
		width: 33.3334%;
	}
}
@media (max-width: 767px) {
	#banner .popup .main_row>.col {
		width: 50%;
	}
}
@media (max-width: 580px) {
	#banner .popup .main_row>.col {
		width: 100%;
	}
}
@media screen and (min-width: 0px) and (max-width: 414px) {
    .img-change{
	     width: 115px !important;
	     height:10rem !important;
	     object-fit: cover !important;
    }
    
	.overlay {
	  position: absolute;
	  height: 100%;
/* 	  width: 115px; */
	  opacity: 0;
	  transition: .3s ease;
	  background-color: black;
	  border-radius:75%;
	}
	.image-upload{
		width:80vw !important;
		height:80vw !important;
	}
	.image-upload1{
		width:90vw !important;
		height:90vw !important;
	}
}