.modal {
    background-color: #fff;
    border: .0725em solid #e5e5e5;
    border-radius: .0725em;
	box-shadow:none;
    
    display: none;
    max-width: 100%;
    padding: 0;
    visibility: hidden;
    z-index: 2
}
 
    .modal {
        max-width: 98%
    }
 
 .home-video-shadow{
	 box-shadow: 0 .25em .5em rgba(0, 0, 0, .3);
	 -webkit-box-shadow: 0px 0px 13px 4px rgba(0,0,0,0.3);
-moz-box-shadow: 0px 0px 13px 4px rgba(0,0,0,0.3);
box-shadow: 0px 0px 13px 4px rgba(0,0,0,0.3);
 }
.modal.active {
    display: block;
     
    left: 0;
    
    overflow: auto;
    position: fixed;
    right: 0;
    
    visibility: visible;
    -webkit-overflow-scrolling: touch;
	padding:0px;
	border:0px;
	background:none !important;
	overflow:visible;
	 
}
 
    .modal.active {
        height: auto;
        left: 10%;
        margin-left: auto;
        margin-right: auto;
        right: 10%;
        top: 110px;
		
		
    }
 
.modal:focus {
    outline: none
}
.modal-bg {
    background-color: #272727;
    bottom: 0;
    position: fixed;
    left: 0;
    opacity: .5;
    right: 0;
    top: 0;
    z-index: 1
}
 
 
.home-modal-close{
	right:-15px;
	top:-15px;
	position:absolute;
	font-size:18px;
	color:#fff !important;
}
.home-modal-close:hover{
	box-shadow:none;
	opacity:1;
}
.beetings-home-screenshot{
	border:none;
	background:none;
	padding:0px;
	margin:0px;
	cursor:pointer;
	 background-image:url(../images/beetings-video-screen.png); 
	background-repeat:no-repeat;
	background-size: 1350px auto;
	width:100%;
	height:700px;
	min-height:700px;
	background-position:center 75px;
	background-attachment:fixed;
	
	 -webkit-transition: height 0.5s; 
  -moz-transition: height 0.5s; 
  -ms-transition: height 0.5s; 
  -o-transition: height 0.5s; 
  transition: height 0.5s;
  display:block;
  clear:both;
  margin-top:20px;
  background-color:#000;
  text-align:center;
  overflow:hidden;
	
	
	
	
	
	 
	 
}
/*.beetings-home-screenshot img{
	max-width:100%;
	width:800px;
	margin-top:10%;
	 
}
*/
.shrink{
	height:300px;
	min-height:300px;
}

@media (max-width: 1400px) {
	.beetings-home-screenshot{
	 
	height:70vh;
	 
}
.shrink{
	height:200px;
	min-height:200px;
}
}
@media (max-width: 767px) {
	.beetings-home-screenshot{
	 
	height:420px;
	min-height:420px;
	background-size:600px;
	background-color:#000;
	background-position:center 120px;
	  margin-top:-5px;
	 
}
.shrink{
	height:150px;
	min-height:150px;
}
.modal.active{
	top:35%;
}
}
@media (max-width: 600px) {
	 
.shrink{
	height:200px;
	min-height:150px;
}
}