/* EVO MOBILE TWEAKS by fmt 2019
 */
 @media screen and (max-width: 767px) {

  header,
  header.translate,
  header .main,
  header.translate .main {
    height: 150px;
  }
  header .main nav a {
    display: block;
    line-height: 30px;
    text-align: center;
  }

  .log-nav li:after {
    display: none;
  }

  .logo,
  .translate .logo {
    float: none;
    display: inline-block;
    margin: 2.5% 0;
    height: 49px;
    text-align: center;
    transform: none;
    top: 35px;
    width: 100%;
  }

  .log-nav,
  .translate .log-nav {
      left: 0;
      margin-top: 5px;
      float: none;
      position: absolute;
      width: 100%;
      border-bottom: 1px #eee solid;
      top: 0;
  }
  .log-nav ul {
    font-size: 0;
  }
  .log-nav li {
    display: inline-block;
    text-align: right;
    margin: 0;
    padding: 0;
    width: 50%;
    font-size: 12px;
  }
  .log-nav li:after {
    display: none;
  }
  .log-nav li a {
    color: #ccc;
  }

  header .main .main-nav {
    display: block;
    float: none;
    clear: both;
    margin: 20px 0 0;
  }
  .main-nav ul {
    display: block;
    width: 100%;
    vertical-align: top;
    font-size: 0;
  }
  .main-nav li {
    float: none;
    display: inline-block;
    margin: 0 0.5%;
    width: 49%;
  }
  .main-nav a {
    background-color: #eee;
  }

  .wrapper,
  .home-page .wrapper,
  .catalog-page .wrapper {
    margin-top: 150px;
    padding-bottom: 0;
  }

  #course-header .overlay {
    width: 100%;
    box-sizing: border-box;
  }

  #course-header h1 {
    margin-left: 0;
    font-size: 28px;
  }

  .course-details {
    width: 100%;
    padding: 5px 10px;
    box-sizing: border-box;
  }
  .course-details p.tab span {
    display: inline-block;
    width: 100%;
    padding: 0;
  }
  .course-details a.addToCart {
    width: 100%;
    display: block;
    padding: 0;
    height: auto;
    line-height: 40px;
    text-align: center;
    font-size: 1.3em;
    box-sizing: border-box;
  }
  .course-info {
    float: none;
    width: 100%;
    margin-right: 0;
  }

  #course-header .overlay .sndcol {
    right: 10px
  }
  .course-aside {
    float: none;
    width: 100%;
  }

  .course-info .social-fb {
    overflow: hidden;
  }

  footer {
    border: none;
	margin-top: 30px;
	position: relative;
    padding: 0;
    height: auto;
  }
  footer h1 {
    margin: 15px 0;
  }
  footer ul,
  footer > ul > li:last-child {
    padding: 0;
  }
  footer > ul {
    padding: 0 15px;
  }
  footer ul li {
    width: 100%;
	float: none;
  }
  footer ul li:first-child,
  footer > ul > li:last-child,
  footer ul li:first-child ul {
    width: 100%;
  }
  footer ul li:first-child ul {
    margin-right: 0;
  }
  footer .border:before, footer .border:after {
    display: none;
  }
  footer ul li a:link {
    display: block;
    line-height: 40px;
    background: #fafafa;
    text-indent: 10px;
  }
  footer ul li:last-child ul li {
    display: inline-block;
  }
  footer ul li:last-child ul li a {
    text-indent: 0;
  }
  footer .border {
    padding: 0;
  }
  footer ul li:last-child .newsletter-form {
    margin: 0 0 30px;
  }
  footer ul li:last-child .newsletter-form .input-style {
    background-color: #fff;
  }
}