.modal-content {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 80%;
    pointer-events: auto;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: 1.4rem;
    outline: 0;
}

.YTmodal-content {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: 1.4rem;
    outline: 0;
}

.videomodal .modal-dialog {
      max-width: 800px;
      margin: 30px auto;
  }    
.videomodal .modal-body {
  position:relative;
  padding:0px;
}
.videomodal .close {
  position:absolute;
  top:10px;
  z-index:999;
  font-size:2rem;
  font-weight: normal;
  color:#fff;
  opacity:1;
 text-align: right;
}
.cursor-pointer{
    cursor: pointer;
}

.features-list .ytbox {
    width: 50%;
    padding: 6px;
    margin: auto;
	text-align: left;
	font-size: 12px;
}

.h3, h3 {
    font-size: 0.8rem;
	padding: 8px
	font-size: 86%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.btn {
    display: block;
    margin: auto;
    padding: 10px;
}

/* max 767px */
@media screen and (max-width: 767px) {
	
/* video
--------------------- */

.features-list .ytbox {
    width: 100%;
    padding: 6px;
    margin: auto;
	text-align: left;
	font-size: 12px;
}


	

.h3, h3 {
    font-size: 0.8rem;
	font-size: 86%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
	}

.btn {
    display: block;
    margin: auto;
    padding: 10px;}
}