#video /*desktop*/ {
  width: 640px;
  height: 360px;
}
.videocontainer.with-aspect-ratio {
  aspect-ratio: auto;
}
#mainContainer11 {
  position: relative;
  width: 640px;
  height: 360px;
  margin-left: -95px;
}
#content11 {
  width: 100%;
  padding: 0;
}
#content11,
#adContainer11 {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 640px;
  height: 360px;
}
#content11Element11 {
  width: 640px;
  height: 360px;
  top: 0px;
  left: 0px;
  position: absolute;
}
#playButton {
  background: transparent url("https://www.agriville.com/video-ad/transparant-img.png") repeat-x scroll
    0% 0%;
  border: medium none;
  max-width: 100%;
  min-width: 640px;
  min-height: 360px;
  height: auto;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 99;
}
#muteButton {
  font-family: Arial;
  font-size: 2em;
  color: #fff;
  line-height: 1em;
  height: 1.2em;
  width: 2em;
  display: block;
  position: absolute;
  top: 10px;
  left: 10px;
  outline: none;
  padding: 0;
  cursor: pointer;
  opacity: 1;
  background-color: rgba(43, 51, 63, 0.7);
  border: 0.06666em solid #fff;
  border-radius: 0.3em;
  transition: all 0.4s;
}
#unMuteButton {
  font-family: Arial;
  font-size: 2em;
  color: #fff;
  line-height: 1em;
  height: 1.2em;
  width: 2em;
  display: block;
  position: absolute;
  top: 10px;
  left: 10px;
  outline: none;
  padding: 0;
  cursor: pointer;
  opacity: 1;
  background-color: rgba(43, 51, 63, 0.7);
  border: 0.06666em solid #fff;
  border-radius: 0.3em;
  transition: all 0.4s;
}
/* #muteButton:before {   */
/* color: #ffffff;   */
/* content11: '\1F507'; */
/* font-size: 0.8em;     */
/* transform: translate(-50%, -50%); */
/* position: absolute; */
/* left: 50%; */
/* top: 50%;    */
/* } */

/* #unMuteButton:before {   */
/* color: #ffffff;   */
/* content11: '\1F509'; */
/* font-size: 0.8em;     */
/* transform: translate(-50%, -50%); */
/* position: absolute; */
/* left: 50%; */
/* top: 50%;    */
/* } */

@media only screen and (max-width: 991px) {
  .new-banner-ad {
    display: none;
  } /* footer catfish ads banner */
  #content11Element11[src] {
    background: black;
  }
  .videocontainer,
  .videothumbnail,
  .videothumbnailoverlay,
  #mainContainer11,
  #content11,
  #adContainer11,
  #adContainer11 > div,
  #content11Element11,
  .videocontainer .restrain,
  .videocontainer iframe {
    width: 100% !important;
  }
  #mainContainer11 {
    position: relative;
  }
  #content11,
  #adContainer11,
  #content11Element11 {
    position: absolute;
    top: 0px;
    left: 0px;
  }
  #adContainer11 > div {
    left: 0px;
    top: 0px;
  }

  #playButton {
    background: transparent url("https://www.agriville.com/video-ad/transparant-img.png") repeat-x scroll
      0% 0%;
    border: medium none;
    max-width: 100%;
    min-width: 481px;
    min-height: 150px;
    height: auto;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 99;
  }
}
@media only screen and (max-width: 768px) {
  #mainContainer11 {
    margin-left: -99px;
  }
}
@media only screen and (max-width: 500px) {
  #mainContainer11,
  #content11,
  #adContainer11,
  .videocontainer iframe,
  #content11Element11 {
    height: 200px;
  }
  #adContainer11 > div {
    height: 200px !important;
  }
}