/* Desktop Layout: 1920px. */

@media only screen and (min-width: 1900px) {
}


/* Desktop Layout: 1024px. */


@media only screen and (min-width: 992px) and (max-width: 1279px) {
  body {
    padding-top: 78px;
  }
}


/* Tablet Layout: 768px. */

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .container {
    width: 98%;
  }

  body {
    padding-top: 65px;
  }

  header::before {
    background-image: url("img/video_reel.png");
    background-position: right center;
    background-repeat: no-repeat;
    background-size: 40% auto;
    content: "";
    height: 100%;
    opacity: 0.32;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
  }

  .contact {
    margin-top: 12px;
  }

  .main_video_contact_area {
    width: 75%;
  }

  .clients_logo {
    text-align: center;
  }

  .notice_area h2 {
    font-size: 25px;
    letter-spacing: 1px;
  }
}



/* Mobile Layout: 320px. */

@media only screen and (max-width: 767px) {
  body {
    padding-top: 0;
  }

  .container {
    width: 98%;
  }

  header::before {
    background-size: 68%;
    opacity: 0.14;
  }

  header {
    position: relative;
  }

  .logo {
    float: none;
    text-align: center;
    width: 100%;
  }

  .logo img {
    width: 50%;
  }

  .contact {
    float: none;
    text-align: center;
  }

  .main_video_contact_area {
    width: 90%;
  }

  .main_video_contact_area h3 {
    font-size: 18px;
  }

  .action_text h2 {
    font-size: 24px;
    line-height: 29px;
  }

  .title {
    text-align: center;
  }

  .title i.fa, .title h3 {
    float: none;
  }

  #testimonials {
    width: 100%;
  }

  .clients_logo {
    text-align: center;
  }

  .pricing_area .col-lg-3 {
    width: 100%;
    margin-bottom: 25px;
  }

  .single_pricing:hover {
    margin-top: 0px;
  }

  .decription p {
    text-align: justify;
  }
}



/* Wide Mobile Layout: 480px. */

@media only screen and (min-width: 480px) and (max-width: 767px) {
}