#second-nav {
  width: 100%;
  /*border-bottom: 1px solid $red;*/ }
  #second-nav .sn-menu {
    width: 420px;
    margin: 0 0 0 0;
    margin: auto;
    position: relative; }
    @media screen and (max-width: 699px) {
      #second-nav .sn-menu {
        width: 100%;
        margin: auto; } }
    #second-nav .sn-menu ul {
      width: 100%;
      margin: 0;
      padding: 0; }
      #second-nav .sn-menu ul li {
        font-family: "MuseoSans_300", sans-serif;
        font-size: 20px;
        line-height: 1em;
        text-align: center;
        float: left;
        list-style: none;
        margin: 0 140px 5px 0;
        padding: 0;
        width: 140px;
        cursor: pointer;
        -webkit-transition: color 0.4s ease-out;
        -o-transition: color 0.4s ease-out;
        transition: color 0.4s ease-out; }
        @media screen and (max-width: 699px) {
          #second-nav .sn-menu ul li {
            width: 45%;
            margin: 0 10% 5px 0;
            font-size: 16px; } }
        #second-nav .sn-menu ul li:nth-child(2n) {
          margin-right: 0; }
        #second-nav .sn-menu ul li.selected {
          color: #EB493E; }
    #second-nav .sn-menu .sm-undeline {
      display: block;
      width: 140px;
      height: 3px;
      background: #EB493E;
      position: absolute;
      bottom: -3px;
      left: 0;
      -webkit-transition: left 0.4s ease-out;
      -o-transition: left 0.4s ease-out;
      transition: left 0.4s ease-out; }
      @media screen and (max-width: 699px) {
        #second-nav .sn-menu .sm-undeline {
          width: 45%; } }
      #second-nav .sn-menu .sm-undeline.m1 {
        left: 0; }
      #second-nav .sn-menu .sm-undeline.m2 {
        left: 280px; }
        @media screen and (max-width: 699px) {
          #second-nav .sn-menu .sm-undeline.m2 {
            left: 55%; } }
      #second-nav .sn-menu .sm-undeline.m3 {
        left: 560px; }
        @media screen and (max-width: 699px) {
          #second-nav .sn-menu .sm-undeline.m3 {
            left: 110%; } }
      #second-nav .sn-menu .sm-undeline.m4 {
        left: 840px; }
        @media screen and (max-width: 699px) {
          #second-nav .sn-menu .sm-undeline.m4 {
            left: 165%; } }
      #second-nav .sn-menu .sm-undeline.m5 {
        left: 1120px; }
        @media screen and (max-width: 699px) {
          #second-nav .sn-menu .sm-undeline.m5 {
            left: 220%; } }
    #second-nav .sn-menu:after {
      content: "";
      display: block;
      clear: both; }

#second-nav2 {
  width: 100%;
  /*border-bottom: 1px solid $red;*/ }
  #second-nav2 .sn-menu {
    width: 560px;
    margin: 0 0 0 80px;
    position: relative; }
    @media screen and (max-width: 699px) {
      #second-nav2 .sn-menu {
        width: 100%;
        margin: auto; } }
    #second-nav2 .sn-menu ul {
      width: 100%;
      margin: 0;
      padding: 0; }
      #second-nav2 .sn-menu ul li {
        font-family: "MuseoSans_300", sans-serif;
        font-size: 20px;
        line-height: 1em;
        text-align: center;
        float: left;
        list-style: none;
        margin: 0 40px 5px 0;
        padding: 0;
        width: 160px;
        height: 25px;
        cursor: pointer;
        -webkit-transition: color 0.4s ease-out;
        -o-transition: color 0.4s ease-out;
        transition: color 0.4s ease-out; }
        @media screen and (max-width: 699px) {
          #second-nav2 .sn-menu ul li {
            width: 30%;
            margin: 0 3% 5px 0;
            font-size: 16px; } }
        #second-nav2 .sn-menu ul li:nth-child(3n) {
          margin-right: 0; }
        #second-nav2 .sn-menu ul li.selected {
          color: #EB493E; }
#second-nav2 .sn-menu ul li span { 
    display: flex;
    height: 25px;
    width: 100%;
    vertical-align: text-bottom;
    line-height: 0.8em;
    /* background-color: aqua; */

    justify-content: center;
    align-items: self-end;

}
#second-nav2 .sn-menu ul li span img {
    width: 80%;
    text-align: center;
}


@media screen and (max-width: 699px) {
    #second-nav2 .sn-menu ul li span img {width: 100%;}
}
    #second-nav2 .sn-menu .sm-undeline {
      display: block;
      width: 160px;
      height: 3px;
      background: #EB493E;
      position: absolute;
      bottom: -3px;
      left: 0;
      -webkit-transition: left 0.4s ease-out;
      -o-transition: left 0.4s ease-out;
      transition: left 0.4s ease-out; }
      @media screen and (max-width: 699px) {
        #second-nav2 .sn-menu .sm-undeline {
          width: 30%; } }
      #second-nav2 .sn-menu .sm-undeline.m1 {
        left: 0; }
      #second-nav2 .sn-menu .sm-undeline.m2 {
        left: 200px; }
    
        @media screen and (max-width: 699px) {
          #second-nav2 .sn-menu .sm-undeline.m2 {
            left: 33%; }
        #second-nav2 .sn-menu .sm-undeline.m3 {
            left: 66%; }
        }
      #second-nav2 .sn-menu .sm-undeline.m3 {
        left: 399px; }
        @media screen and (max-width: 699px) {
          #second-nav2 .sn-menu .sm-undeline.m3 {
            left: 66%; } }
      #second-nav2 .sn-menu .sm-undeline.m4 {
        left: 900px; }
        @media screen and (max-width: 699px) {
          #second-nav2 .sn-menu .sm-undeline.m4 {
            left: 165%; } }
      #second-nav2 .sn-menu .sm-undeline.m5 {
        left: 1200px; }
        @media screen and (max-width: 699px) {
          #second-nav2 .sn-menu .sm-undeline.m5 {
            left: 220%; } }
    #second-nav2 .sn-menu:after {
      content: "";
      display: block;
      clear: both; }
  @media screen and (max-width: 939px) {
    #second-nav2 {
      width: 100%; } }

#second-nav3 {
  width: 100%;
  /*border-bottom: 1px solid $red;*/ }
  #second-nav3 .sn-menu {
    width: 730px;
    margin: 0 0 0 50px;
    position: relative; }
    @media screen and (max-width: 699px) {
      #second-nav3 .sn-menu {
        width: 100%;
        margin: auto; } }
    #second-nav3 .sn-menu ul {
      width: 100%;
      margin: 0;
      padding: 0; }
      #second-nav3 .sn-menu ul li {
        font-family: "MuseoSans_300", sans-serif;
        font-size: 20px;
        line-height: 1em;
        text-align: center;
        float: left;
        list-style: none;
        margin: 0 20px 5px 0;
        padding: 0;
        width: 130px;
        cursor: pointer;
        -webkit-transition: color 0.4s ease-out;
        -o-transition: color 0.4s ease-out;
        transition: color 0.4s ease-out; }
        @media screen and (max-width: 699px) {
          #second-nav3 .sn-menu ul li {
            width: 18%;
            margin: 0 2.5% 5px 0;
            font-size: 16px; } }
        #second-nav3 .sn-menu ul li:nth-child(5n) {
          margin-right: 0; }
        #second-nav3 .sn-menu ul li.selected {
          color: #EB493E; }
    #second-nav3 .sn-menu .sm-undeline {
      display: block;
      width: 130px;
      height: 3px;
      background: #EB493E;
      position: absolute;
      bottom: -3px;
      left: 0;
      -webkit-transition: left 0.4s ease-out;
      -o-transition: left 0.4s ease-out;
      transition: left 0.4s ease-out; }
      @media screen and (max-width: 699px) {
        #second-nav3 .sn-menu .sm-undeline {
          width: 18%; } }
      #second-nav3 .sn-menu .sm-undeline.m1 {
        left: 0; }
      #second-nav3 .sn-menu .sm-undeline.m2 {
        left: 150px; }
        @media screen and (max-width: 699px) {
          #second-nav3 .sn-menu .sm-undeline.m2 {
            left: 20.5%; } }
      #second-nav3 .sn-menu .sm-undeline.m3 {
        left: 300px; }
        @media screen and (max-width: 699px) {
          #second-nav3 .sn-menu .sm-undeline.m3 {
            left: 41%; } }
      #second-nav3 .sn-menu .sm-undeline.m4 {
        left: 450px; }
        @media screen and (max-width: 699px) {
          #second-nav3 .sn-menu .sm-undeline.m4 {
            left: 61.5%; } }
      #second-nav3 .sn-menu .sm-undeline.m5 {
        left: 600px; }
        @media screen and (max-width: 699px) {
          #second-nav3 .sn-menu .sm-undeline.m5 {
            left: 82%; } }
    #second-nav3 .sn-menu:after {
      content: "";
      display: block;
      clear: both; }
  @media screen and (max-width: 939px) {
    #second-nav3 {
      width: 100%; } }

#works #second-nav {
  width: 940px;
  margin: 0 auto; }
  @media screen and (max-width: 1068px) {
    #works #second-nav {
      width: 100%; } }

#second-nav4 {
  width: 100%;
  /*border-bottom: 1px solid $red;*/ }
  #second-nav4 .sn-menu {
    width: 100%;
    margin: 0 0 0 0px;
    margin: auto;
    position: relative; }
    @media screen and (max-width: 699px) {
      #second-nav4 .sn-menu {
        width: 100%;
        margin: auto; } }
    #second-nav4 .sn-menu ul {
      width: 100%;
      margin: 0;
      padding: 0; }
      #second-nav4 .sn-menu ul li {
        font-family: "MuseoSans_300", sans-serif;
        font-size: 20px;
        line-height: 1em;
        text-align: center;
        float: left;
        list-style: none;
        margin: 0 10px 5px 0;
        padding: 0;
        width: 130px;
        cursor: pointer;
        -webkit-transition: color 0.4s ease-out;
        -o-transition: color 0.4s ease-out;
        transition: color 0.4s ease-out; }

          #second-nav4 .sn-menu ul li {
            width: 3.1%;
            margin: 0 3% 5px 3%;
          } 
          @media screen and (max-width: 699px) {
              #second-nav4 .sn-menu ul li {
                font-size: 12px; 
              } 
            }
         @media screen and (max-width: 415px) {
              #second-nav4 .sn-menu ul li {
                font-size: 9px; 
                margin: 0 3% 3px 3%;
              } 
            }
        @media screen and (max-width: 320px) {
              #second-nav4 .sn-menu ul li {
                font-size: 8px; 
                margin: 0 3% 2px 3%;
              } 
            }
          #second-nav4 .sn-menu ul li#m1 {
            width: 3.1%;
          }
          #second-nav4 .sn-menu ul li#m2 {
            width: 14.17%;
          }
          #second-nav4 .sn-menu ul li#m3 {
            width: 8.45%;
          }
          #second-nav4 .sn-menu ul li#m4 {
            width: 17.5%;
          }
          #second-nav4 .sn-menu ul li#m5 {
            width: 9.76%;
          }
          #second-nav4 .sn-menu ul li#m6 {
            width: 9.64%;
          }
          
                
        #second-nav4 .sn-menu ul li.selected, #second-nav4 .sn-menu ul li.selected a {
          color: #EB493E !important; }
        #second-nav4 .sn-menu ul li a {
            color: #212529 !important;
        }
        #second-nav4 .sn-menu ul li a:hover {
            text-decoration: none !important;
        }
    #second-nav4 .sn-menu .sm-undeline {
      display: block;
      width: 130px;
      height: 3px;
      background: #EB493E;
      position: absolute;
      bottom: -3px;
      left: 0;
      -webkit-transition: all 0.4s ease-out;
      -o-transition: all 0.4s ease-out;
      transition: all 0.4s ease-out; }


      
        #second-nav4 .sn-menu .sm-undeline {
          width: 7.1%;  left: 1%;} 
      
      
          #second-nav4 .sn-menu .sm-undeline.m1 {
              width: 7.1%;
            left: 1%; } 
      
        
          #second-nav4 .sn-menu .sm-undeline.m2 {
              width: 18.17%;
            left: 10.1%; } 
     
       
          #second-nav4 .sn-menu .sm-undeline.m3 {
              width: 12.45%;
            left: 30.27%; } 
     
       
          #second-nav4 .sn-menu .sm-undeline.m4 {
              width: 21.5%;
            left: 44.72%; } 
      
       
          #second-nav4 .sn-menu .sm-undeline.m5 {
              width: 13.76%;
            left: 68.22%; } 
      
        
          #second-nav4 .sn-menu .sm-undeline.m6 {
              width: 13.64%;
            left: 83.98%; } 
    #second-nav4 .sn-menu:after {
      content: "";
      display: block;
      clear: both; }
  @media screen and (max-width: 939px) {
    #second-nav4 {
      width: 100%;
      margin: 0; } }
  #second-nav4 .sn-menu {
    margin: 10% auto; }


#second-nav5 {
  width: 100%;
  /*border-bottom: 1px solid $red;*/ }
  #second-nav5 .sn-menu {
    width: 100%;
    margin: 0 0 0 0px;
    margin: auto;
    position: relative; }
    @media screen and (max-width: 699px) {
      #second-nav5 .sn-menu {
        width: 100%;
        margin: auto; } }
    #second-nav5 .sn-menu ul {
      width: 100%;
      margin: 0;
      padding: 0; }
      #second-nav5 .sn-menu ul li {
        font-family: "MuseoSans_300", sans-serif;
        font-size: 20px;
        line-height: 1em;
        text-align: center;
        float: left;
        list-style: none;
        margin: 0 10px 5px 0;
        padding: 0;
        width: 130px;
        cursor: pointer;
        -webkit-transition: color 0.4s ease-out;
        -o-transition: color 0.4s ease-out;
        transition: color 0.4s ease-out; }

          #second-nav5 .sn-menu ul li {
            width: 3.1%;
            margin: 0 3% 5px 3%;
          } 
          @media screen and (max-width: 699px) {
              #second-nav5 .sn-menu ul li {
                font-size: 12px; 
              } 
            }
         @media screen and (max-width: 415px) {
              #second-nav5 .sn-menu ul li {
                font-size: 9px; 
                margin: 0 3% 3px 3%;
              } 
            }
        @media screen and (max-width: 320px) {
              #second-nav5 .sn-menu ul li {
                font-size: 8px; 
                margin: 0 3% 2px 3%;
              } 
            }
          #second-nav5 .sn-menu ul li#m1 {
            width: 3.1%;
          }
          #second-nav5 .sn-menu ul li#m2 {
            width: 14.17%;
          }
          #second-nav5 .sn-menu ul li#m3 {
            width: 14.2%;
          }
          #second-nav5 .sn-menu ul li#m4 {
            width: 17.5%;
          }
          #second-nav5 .sn-menu ul li#m5 {
            width: 9.76%;
          }
          #second-nav5 .sn-menu ul li#m6 {
            width: 9.64%;
          }
          
                
        #second-nav5 .sn-menu ul li.selected, #second-nav5 .sn-menu ul li.selected a {
          color: #EB493E !important; }
        #second-nav5 .sn-menu ul li a {
            color: #212529 !important;
        }
        #second-nav5 .sn-menu ul li a:hover {
            text-decoration: none !important;
        }
    #second-nav5 .sn-menu .sm-undeline {
      display: block;
      width: 130px;
      height: 3px;
      background: #EB493E;
      position: absolute;
      bottom: -3px;
      left: 0;
      -webkit-transition: all 0.4s ease-out;
      -o-transition: all 0.4s ease-out;
      transition: all 0.4s ease-out; }


      
        #second-nav5 .sn-menu .sm-undeline {
          width: 7.1%;  left: 1%;} 
      
      
          #second-nav5 .sn-menu .sm-undeline.m1 {
              width: 7.1%;
            left: 1%; } 
      
        
          #second-nav5 .sn-menu .sm-undeline.m2 {
              width: 12.17%;
            left: 13.1%; } 
     
       
          #second-nav5 .sn-menu .sm-undeline.m3 {
              width: 16.2%;
            left: 31.27%; } 
     
       
          #second-nav5 .sn-menu .sm-undeline.m4 {
              width: 11.5%;
            left: 55.5%; } 
      
       
          #second-nav5 .sn-menu .sm-undeline.m5 {
              width: 11.76%;
            left: 75.22%; } 
      
        
          #second-nav5 .sn-menu .sm-undeline.m6 {
              width: 11.64%;
            left: 84.98%; } 
    #second-nav5 .sn-menu:after {
      content: "";
      display: block;
      clear: both; }
  @media screen and (max-width: 939px) {
    #second-nav5 {
      width: 100%;
      margin: 0; } }
  #second-nav5 .sn-menu {
    margin: 10% auto; }


@media screen and (max-width: 760px) {
    #second-nav4 {
        display: none;
    }
    #second-nav5 {
        display: none;
    }
}