/* Media breakpoint based on DIVI docs

 -------------------------------------------------------- */



/* --  Responsive Styles Large Desktop -- */

@media all and (max-width: 1405px) {

}



/* --  Responsive Styles Standard Desktop -- */

@media all and (max-width: 1100px) {

}



/* --  Responsive Styles Tablet -- */

@media all and (max-width: 980px) {

  .header-line-2 {

    padding-top: 15px;

    padding-bottom: 15px;

    display: block;

  }

  .header-line-2 nav > * {

    width: calc(100% + 60px);

    margin-left: -30px;

    margin-right: -30px;

    transform: translateY(15px);

  }

  .header-line-2 .toggle-menu {

    display: block;

    position: absolute;

    top: 18px;

    right: 30px;

  }

  .header-line-2 .header-logo a {

    width: 264px;

  }

  .header-line-2 .header-logo a img {

    height: auto;

    width: 100%;

  }

  .header-line-2 nav ul.menu {

    width: 100%;

    background-color: var(--black-secondary);

    display: none;

  }

  .header-line-2 nav ul.menu.open {

    display: block;

  }

  .header-line-2 nav ul.menu li {

    padding: 10px 30px;

    margin-left: 0;

    border-bottom: 1px solid rgba(255, 255, 255, 0.1);

  }

  .header-line-2 nav ul.menu li a {

    padding: 10px 0;

    height: auto;

    display: block;

  }

  .header-line-2 nav ul li.menu-item-has-children a {

    background-position: right 38px center;

  }

}



/* --  Responsive Styles Smartphone Landscape -- */

@media all and (max-width: 767px) {

  .header-line-2 nav ul.menu {

    width: 100%;

  }

  .footer-outer .footer-line-1 {

    margin-left: 0;

    margin-right: 0;

  }

  .footer-outer .footer-line-1 .widget {

    width: 100%;

    margin: 20px 0;

    padding: 0;

  }

  .header-line-2,

  .header-line-1 {

    padding-left: 5% !important;

    padding-right: 5% !important;

  }

}



/* --  Responsive Styles Smartphone Portrait -- */

@media all and (max-width: 479px) {

}