.uploade_btnimg { position:relative; width:100%; border-radius: 5px; overflow: hidden; min-height: 300px;}
.uploade_btnimg img {width: 100%; display: block;}
.uploade_btnimg .upload-img-icon-text {position: absolute; top: 0; bottom: 15%; left: 0; right: 0; display: flex; align-items: center; justify-content: center; flex-direction: column;  color: #000000; font-weight: 500; font-size: 24px;  z-index: 2; font-family:var(--oswald-medium); text-transform: uppercase;}
.page-id-676 .uploade_btnimg .upload-img-icon-text {bottom: 0%;}
.docs-tooltip.upload-adjust-btn {font-family: var(--proxima-nova-bold); font-weight: inherit; color: var(--white); display: block; width: 100%; border: 3px solid var(--true-blue); background: var(--true-blue); text-decoration: none; text-transform: uppercase; padding: 17px 15px 15px; font-size: 24px; border-radius: 5px; text-align: center; cursor: pointer; margin: 0 0 25px;}
.docs-tooltip.upload-adjust-btn:hover {background: var(--space-cadet); border-color: var(--space-cadet); color: var(--white);}


/*upload image css start here*/
.upload-image { display: none;} 
.image-preview {text-align: center; margin-top: 20px; margin-bottom: 0px; display: none; background: #fff; padding: 30px 15px; box-shadow: 1px 1px 9px 1px rgba(0,0,0,0.15); border-radius: 5px;}
.upload-image button.btn.btn-success { animation: pulse 1.5s infinite;}
.cropper-face.cropper-move {opacity: 1; background-size: cover !important;}
.image-preview-section{margin: 20px auto 0px auto; width:340px;}
.adjust-btn {cursor: pointer;width: 100%; text-align: center;}
.docs-tooltip { display: block; margin: -.5rem -.75rem; padding: .7rem .75rem; font-size: 20px;font-weight: 600;}
.upload-image { margin: 20px 0 30px; text-align: center;  background: #b9b9b926;  border-radius: 5px;-webkit-border-radius:5px;  padding: 20px 0;  }
span.docs-tooltip {font-size:15px;font-weight:500;}
.img-container, .img-preview {background-color: #f7f7f7; text-align: center;}
.img-container {width: 339px !important; height: 339px !important;}
.docs-buttons .docs-tooltip.upload-image-btn {padding: 0; margin: 0; }
.docs-buttons .docs-tooltip.upload-image-btn span {display: inline-block;}
.docs-buttons .docs-tooltip.upload-image-btn img{height: 15px;}
.docs-buttons .btn.btn-primary {padding: 8.5px 5px 5.5px; min-width: 45px; background: var(--space-cadet); cursor: pointer;margin: 10px 3px; border-radius: 5px; -webkit-border-radius:5px; border: none;}
.docs-buttons {display: flex !important; justify-content: center; align-items: center; flex-wrap: wrap; padding-bottom: 62px;}
.docs-buttons .btn-group {display: inline-flex;}
.docs-buttons .btn-group.float-right {display: inline-flex; width: 100%; justify-content: center;}
.upload-image .btn.btn-success {padding: 15px 10px; width: 200px; font-family: var(--proxima-nova-bold); color: var(--white); background-color: var(--space-cadet);display: inline-block; border: none; line-height: 1.067; margin: 0px 3px 10px; cursor: pointer; border-radius: 5px; -webkit-border-radius:5px;}
.upload-image .btn.btn-success .upload-image-btn {font-size: 22px;}
.adjust-btn .upload-image-btn .fa-upload {display: inline-flex; align-items: center;}
.image-preview canvas {width: 100%; height: auto;}
.img-error {margin-bottom: 30px;}

/*upload image css end here*/

@media (max-width:575px) {
/*.docs-tooltip.upload-adjust-btn{font-size: 22px; padding: 16px 30px 18px; border-radius: 10px; line-height: 1.2; border-width: 2px;}*/
/*.upload-img-icon-text img { max-width: 70px; margin-bottom: 10px;}*/
.uploade_btnimg .upload-img-icon-text {font-size: 18px;}
.uploade_btnimg {border-radius: 5px;}
.adjust-btn .upload-image-btn .fa-upload::before {background-size: 20px;width: 20px; height: 20px;}
.image-preview {border-radius: 5px;}
.docs-tooltip.upload-adjust-btn {font-size: 18px;}
}
 

@media(max-width:480px){
  .upload-image {width: calc(100% + 20px); margin-left: -10px;}
}

@media (max-width:399px) {
  .adjust-btn .upload-image-btn .fa-upload::before {background-size: 16px; width: 16px; height: 16px; }
}

@media (max-width: 350px) {
  .uploade_btnimg .upload-img-icon-text {font-size: 16px}
}