.pattern-layer{
    position: absolute;
    left: 0px;
    bottom: -35px;
    width: 100%;
    height: 35px;
    background-repeat: repeat-x;
    background-position: bottom center; 
  }
  















  @media screen and (min-width: 1350px) and (max-width: 1399px) {
    .site-main-menu > ul > li > a {
       
        padding: 19px;
       
    }

    .site-main-menu > ul {
        font-size: 14px;
       
    }
  }

  @media screen and (min-width: 1300px) and (max-width: 1349px) {
    .site-main-menu > ul > li > a {
       
        padding: 19px;
       
    }

    .site-main-menu > ul {
        font-size: 14px;
       
    }
  }


  @media screen and (min-width: 1200px) and (max-width: 1299px) {
    .site-main-menu > ul > li > a {
       
        padding: 15px;
       
    }

    .site-main-menu > ul {
        font-size: 14px;
       
    }
  }