@font-face {
  font-family: "Moms-typewriter";
  src: url("../fonts/Moms_typewriter.ttf") format("truetype");
}

body.bg-tils {
  font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
}
p,
input,
button,
textarea,
select,
.marquee,
h2,
h3,
a {
  font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
}

.video-top-content {
  padding: 20px;
  border: 1px solid #000;
}
.single-video-section {
  background-color: transparent !important;
  margin-bottom: 20px !important;
  margin-top: 20px !important;
  height: auto !important;
  min-height: auto !important;
  padding-bottom: 0 !important;
  border: none !important;
}
.video-top-content {
  background: -moz-linear-gradient(top, #ffffff 0%, #f6f6f6 99%);
  background: -webkit-linear-gradient(top, #ffffff 0%, #f6f6f6 99%);
  background: linear-gradient(to bottom, #ffffff 0%, #f6f6f6 99%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 );
}

.video-top-content p {
  text-align: center;
  font-size: 14px;
  color: #000;
  font-weight: 400;
  line-height: 18px;
  padding: 10px 4px;
}

.single-video-section .video_part {
  border-bottom: none;
}

.text-link {
  border: 1px solid #000;
  margin-bottom: 50px;
  background: -moz-linear-gradient(top, #ffffff 0%, #f6f6f6 99%);
  background: -webkit-linear-gradient(top, #ffffff 0%, #f6f6f6 99%);
  background: linear-gradient(to bottom, #ffffff 0%, #f6f6f6 99%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 );
}
.text-link {
  padding: 10.5px 5px;
  text-align: center;
}
.text-link ul li {
  padding: 0 15px;
  border-left: 1px solid #000;
}
.text-link ul li:first-child {
  border-left: none;
}
.text-link ul li a {
  font-size: 14px;
  color: #000;
  font-weight: 400;
  line-height: 18px !important;
}
.text-link ul li {
  display: inline-block;
}
.video-top-content {
  margin-top: 50px;
}

.header-space .header-con {
  margin-bottom: 0;
  border-bottom: none;
  border-bottom: 1px solid;
}

.single-video-section .video .hd-video {
  min-width: 800px !important;
  max-width: 800px !important;
  min-height: 600px !important;
  max-height: 600px !important;
  height: auto !important;
}

@media only screen and (max-width: 1023px) {
  .single-video-section .video .hd-video {
    min-width: 745px !important;
    max-width: 745px !important;
    min-height: 558.75px !important;
    max-height: 558.75px !important;
    height: auto !important;
  }

  .video-top-content {
    margin-top: 40px;
  }

  .text-link {
    margin-bottom: 40px;
  }
}

@media only screen and (max-width: 767px) {
  .video-top-content {
    margin-top: 20px;
  }
  .text-link {
    margin-bottom: 20px;
  }
  .single-video-section .video .hd-video {
    min-width: 375px !important;
    max-width: 375px !important;
    min-height: 281.25px !important;
    max-height: 281.25px !important;
    height: auto !important;
  }
  .text-link ul li {
    padding: 0 5px;
  }

  .text-link ul li a {
    font-size: 13px;
  }
}

@media only screen and (max-width: 400px) {
  .single-video-section .video .hd-video {
    min-width: 320px !important;
    max-width: 320px !important;
    min-height: 240px !important;
    max-height: 240px !important;
    height: auto !important;
  }
  .text-link ul li {
    padding: 0 3px;
  }
}
