.media_main_box {width:100%; padding:0px;  text-align:left;}
.media_left {float: left; width:51%; text-align: center; padding:1%;}
.media_right {float: left; width:44%; text-align: center; padding:1%; padding-top: 0%;}

.media_video  { width:100%;  background: #FFFFFF;
             box-shadow: 0px 10px 22px rgba(0, 0, 0, 0.1);}
.one_photo {float:left;width:47%; padding: 1%;}
.media_img {width: 94%;padding:1%; margin: 2%; 
             background: #FFFFFF;
             box-shadow: 2px 10px 22px rgba(0, 0, 0, 0.3);}


@media  (min-width: 0px) and (max-width: 767px)
{ 
  
  
}



@media  (min-width: 768px) and (max-width: 1279px) 
{ 
  
  
}


@media  (min-width: 1280px) 
{
  
}