I am embedding a video in the page , but their is white space between Menu and video . as shown in pic . (NOTE: RED color means white space )
my code is as follows : --
#media {
margin-left: 0px;
margin-right: 0px;
background-color: red;
padding-right: 3.5%;
padding-left: 3.5%;
padding-top: 0px;
}<div id="media">
<div class="embed-responsive embed-responsive-16by9">
<video autoplay loop class="embed-responsive-item">
<source src="Media/video.mp4" type="video/mp4">
</video>
</div>
</div>how can I remove the extra white spacing .
thanks in advance ....