/*****************************

Template Name:  Jack lemon - Personal Portfolio Template
Author: Vedees
Version: 1.0
Design and Developed by: Vedees

NOTE: This is responsive stylesheet of the template, This file contains the styling for various devices like mobile phone, tablet, laptop etc.

******************************/

/* Medium Layout: 1280px. */

@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .section-heading .title:after {
    display: none;
  }
  #service .media-left {
    display: block;
  }
  .video-container video {
    width: auto!important;
    height: auto!important;
  }
}


/* Tablet Layout: 768px. */

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .section-heading .title:after {
    display: none;
  }
  #service .media-left {
    display: block;
  }
  .title-bg h1 {
    font-size: 22px;
  }
}


/* Mobile Layout lower than: 320px. */

@media only screen and (max-width: 767px) {
  #service .media-left {
    display: block;
  }
  .section-heading .title:after {
    display: none;
  }
  .together {
    padding: 40px 0;
  }
  .animated-header {
    padding: 0px;
  }
  #portfolio ul>li {
    padding: 10px;
  }
  #portfolio ul>li:hover:after, #portfolio ul>li:focus:after {
    width: 10%;
  }
  #footer {
    text-align: center;
  }
  #footer .fotter-email {
    float: none;
  }
  .title-bg h1 {
    font-size: 18px;
  }
}


/* Wide Mobile Layout: 480px. */

@media only screen and (min-width: 480px) and (max-width: 767px) {
  .title-bg h1 {
    font-size: 16px;
  }
}