.jumpto-cotainer {
    position: relative;
}

.jumpto-subnav {
    position: absolute;
    z-index: 1;
    top: 0px;
    /*
  left: -120px;
  width: 100px;
  background: rgba(0,0,0,0.7);
*/
   
    display: inline-block;
     margin: 0 auto; text-align: center;
        
  
    width: 100%;
}



    .jumpto-subnav .jumpto-second {
        display: none;
    }

    .jumpto-subnav.fixed {
        position: fixed !important;
        left: 0px;
        top: 54px;
        /*left: auto;
  margin-left: -120px;
  background-image:url(../black.png); */
        padding: 0px;
        margin: 0px;
    }

        .jumpto-subnav.fixed a {
            color: #666666;
            border: 1px solid #3161a3;
            background-color: #ffffff;
            margin: 0px;
            margin-left: -1px;
            -webkit-box-shadow: 0px 0px 30px -12px #000000;
            -moz-box-shadow: 0px 0px 30px -12px #000000;
            box-shadow: 0px 0px 30px -12px #000000;
        }
        /**/
        .jumpto-subnav.fixed.bottom {
            top: auto;
            bottom: 0;
            position: absolute !important;
        }

    .jumpto-subnav ul {
        list-style: none;
        padding: 0;
        margin: 0 auto;
        width: auto;
        display: inline-block;
    }

        .jumpto-subnav ul li {
            list-style: none;
            padding: 0;
            margin: 0;
            float: left;
        }

            .jumpto-subnav ul li a {
                padding: 5px 20px;
                display: inline-block;
                float: left;
                box-sizing: border-box;
                -moz-box-sizing: border-box;
                -webkit-box-sizing: border-box;
                border: 1px solid #cccccc;
                color: #000000;
                margin: 0 2px;
            }

                .jumpto-subnav ul li a:hover, .jumpto-subnav ul li a.active {
                    background-color: #3161a3;
                    border: 1px solid #3161a3;
                    color: #ffffff;
                }

        .jumpto-subnav ul > li > ul > li > a {
            /*
  padding-left: 15px;*/
        }
/*
.jumpto-title, .jumpto-close a{
  background: #7D0A2C;
  color: #FFF;
  text-align: center;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 500;
  padding: 5px 10px;
  display: block;
}
    */

.jumpto-block h1 {
    margin-top: 85px;
}


@media (max-width: 500px) {
    .jumpto-subnav ul { display:block; width:100%; background-color:red;
    }
    .jumpto-subnav ul li { width:25%;
    }
       .jumpto-subnav ul li a {
                padding: 5px 0; font-size:15px; display:block;
                width:100%;
                /*
                display: inline-block;
                float: left;
                box-sizing: border-box;
                -moz-box-sizing: border-box;
                -webkit-box-sizing: border-box;
                border: 1px solid #cccccc;
                color: #000000;
                margin: 0 2px;*/
            }
}