/**
 * @file
 *   CSS for the YouTube Field module.
 */

/* Takes effect when a field's 'size' display setting is 'responsive'. */
.youtube-container--responsive {
  overflow: hidden;
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
}

.youtube-container--responsive iframe {
  border: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}


.hari{width:15%;height:auto;background:#0d47a1;  float:left; margin-left:10%;}

@media (max-width:768px){
	.hari{width:40%;height:auto;background:#0d47a1;  float:left; margin-left:32%;}
}

@media (max-width:480px){
	.hari{width:50%;height:auto;background:#0d47a1;  float:left; margin-left:22%;}
}

.hariom{width:70%; height:auto; background:#ffffff; margin:0 auto; border:1px solid #d54d19;}
.hariom img {width:100%;}