@media only screen and (max-width:1024px){

}

@media only screen and (max-width:768px){
  .home-images-wrapper {
    .home-image-main{
      .home-image-inner{
        width: 48%;
      }
    }
  }
  .nav-open{
    .nav-sections{
      max-width: 376px;
    }
  }
  .nav-sections {
    .nav-sections-item-content{
      padding: 0;
      margin-top: 60px;
    }
    .nav-sections-item-title{
      width: 50%;
      height: 60px;
      padding-top: 20px;
      background: #3D465A;
      border-bottom:0;
      a{
        color: #fff;
        text-transform: uppercase;
        font-weight: 600;
      }
      &.active{
        background: #fff;
        color: #3D465A;
        a{
          color: #3D465A;
        }
      }
    }
    .header{
      &.links{
        li{
          font-size: 1.3rem;
          font-weight: 400;
          text-transform: uppercase;
          a{
            padding: 12px 36px 12px 15px;
            font-weight: 400;
          }
        }
      }
    }
  }
  .navigation {
    .level0 {
      font-size: 1.0rem;
      > .level-top {
        padding: 12px 36px 12px 15px;
        font-size: 1.3rem;
        font-weight: 400;
      }
      &.active{
        > a{
          border-width: 0 0 0 3px!important;
          border-color: #3D465A!important;
        }
      }
    }
    .parent{
      .level-top{
        &:after{
          font-size: 38px;
          line-height: 50px;
        }
      }
    }
    .submenu:not(:first-child){
      font-size: 1.3rem;
      > li{
       > a{
          padding-left: 25px!important;
         font-weight: 400;
        }
      }

    }
  }
  .page-wrapper {
    .page-header{
      z-index: 500;
    }
  }
  .header-text{
    display: none;
  }
  .nav-sections {
    .nav-sections-item-content{
      /*margin-top:0!important;*/
    }
  }
  .page-footer {
    .footer-top {
      .footer-links {
        .footer-links-main {
          .footer-links-column{
            width: 100%;
            margin: 0 0 20px;
          }
        }
      }
    }
  }
}
@media only screen and (max-width:425px){
  .header{
    &.content{
      padding-bottom: 10px;
    }
  }
  .home-images-wrapper {
    .home-image-main{
      .home-image-inner{
        width: 100%;
      }
    }
  }
  .nav-sections .header.links a:hover{
    font-weight: 400;
    padding: 12px 36px 12px 15px;
  }
}
@media only screen and (max-width:425px){
  .page-header{
    .logo-content{
      display: none;
      &.logo-resp{
        display: block;
        float: none;
        margin: 0 auto;
        text-align: center;
        .logo{
          margin:0;
          float:none;
          img{
            max-height: initial;
            max-width: 55%;
            margin: 0 auto 10px;
            position: relative;
            z-index: 100;
            cursor: pointer;
          }
        }
      }
    }
    .header-contact{
      display:none;
    }
    /*.nav-toggle{
      top: 80px;
    }*/
  }
  .minicart-wrapper {
    margin-top: -60px;
    .block-minicart{
      width:264px;
      .block-content{
        > .actions {
          .primary{
            .action{
              &.primary{
                line-height: 20px;
                padding: 8px 12px;
                font-size: 1.2rem;
              }
            }
          }
        }
      }
    }
    .action{
      &.showcart{
        &:before{
          font-size: 20px;
        }
      }
    }
  }
  .block-search {
    margin-top: -54px;
    left: -42px;
    position: absolute;
    .control{
      border-top:0;
      margin: 0px 0 0 68px;
      width: 91%;
      position: relative;
      padding: 0;
    }
    input{

    }
    label{
      &:before{
        font-size: 30px!important;
        line-height: 33px!important;
      }
    }
  }

}
@media only screen and (max-width:375px){
  .nav-open{
    .nav-sections{
      width:328px;
    }
  }

}
@media only screen and (max-width:320px){
  .nav-open{
    .nav-sections{
      width:275px;
    }
  }

}