sburb theme css

.swrapper {
    width: 100%;
    overflow: hidden;
}
.scontainer {
    width: 100%;
    margin: 0 auto;
}
.sburb-img {
    width:100%;
    max-width:1299px;
    position:fixed;
    top:-2px;
    left:0px;
    z-index:50;
    pointer-events: none
}

.top-bar {

    width:1290px;
    position:fixed;
    top:0px;
    left:1299px;
    z-index:51;

}

.menu-1 {

    width:8.5%;
    max-width:112px;
    position:fixed;
    top:0px;
    left:27.1%;
    z-index:52;
    opacity:0;

}
.menu-2 {

    width:8.5%;
    max-width:112px;
    position:fixed;
    top:0px;
    left:36%;
    z-index:52;
    opacity:0;

}
.menu-3 {

    width:8.5%;
    max-width:112px;
    position:fixed;
    top:0px;
    left:44.7%;
    z-index:52;
    opacity:0;

}
.menu-4 {

    width:8.5%;
    max-width:112px;
    position:fixed;
    top:0px;
    left:53.5%;
    z-index:52;
    opacity:0;

}
.menu-5 {

    width:8.5%;
    max-width:112px;
    position:fixed;
    top:0px;
    left:62.3%;
    z-index:52;
    opacity:0;

}
.menu-6 {

    width:8.5%;
    max-width:112px;
    position:fixed;
    top:0px;
    left:71.2%;
    z-index:52;
    opacity:0;

}
.menu-theme {

    width:8.5%;
    max-width:112px;
    position:fixed;
    top:0px;
    left:80%;
    z-index:52;
    opacity:0;

}

.menu-1:hover, .menu-2:hover, .menu-3:hover, .menu-4:hover, .menu-5:hover, .menu-6:hover, .menu-theme:hover {
    opacity:1;
}

.menu-1:hover ~ .dropdown-1, .menu-2:hover ~ .dropdown-2, .menu-3:hover ~ .dropdown-3, .menu-4:hover ~ .dropdown-4, .menu-5:hover ~ .dropdown-5, .menu-6:hover ~ .dropdown-6, .menu-theme:hover ~ .dropdown-theme {

    opacity:1;
    z-index:40;
}


.dropdown-1 {
    width:22.5%;
    max-width:330px;
    position:fixed;
    top:0px;
    left:27.5%;
    z-index:-10;
    opacity:0;
}
.dropdown-2 {
    width:22.5%;
    max-width:330px;
    position:fixed;
    top:0px;
    left:36%;
    z-index:-10;
    opacity:0;
}
.dropdown-3 {
    width:22.5%;
    max-width:330px;
    position:fixed;
    top:0px;
    left:44.5%;
    z-index:-10;
    opacity:0;
}
.dropdown-4 {
    width:22.5%;
    max-width:330px;
    position:fixed;
    top:0px;
    left:53.5%;
    z-index:-10;
    opacity:0;
}
.dropdown-5 {
    width:22.5%;
    max-width:330px;
    position:fixed;
    top:0px;
    left:62.5%;
    z-index:-10;
    opacity:0;
}
.dropdown-6 {
    width:22.5%;
    max-width:330px;
    position:fixed;
    top:0px;
    left:71%;
    z-index:-10;
    opacity:0;
}
.dropdown-theme {
    width:22.5%;
    max-width:330px;
    position:fixed;
    top:0px;
    left:77%;
    z-index:-10;
    opacity:0;
}

@media screen and (min-width: 1299px) {
    .menu-1 {
       width:112px;
       top:0px;
       left:352px;
    }
    .menu-2 {
       width:112px;
       top:0px;
       left:466px;
    }
    .menu-3 {
       width:112px;
       top:0px;
       left:580px;
    }
    .menu-4 {
       width:112px;
       top:0px;
       left:694px;
    }
    .menu-5 {
       width:112px;
       top:0px;
       left:808px;
    }
    .menu-6 {
       width:112px;
       top:0px;
       left:922px;
    }
    .menu-theme {
       width:112px;
       top:0px;
       left:1036px;
    }

    .dropdown-1 {
        width:293px;
        top:0px;
        left:350px;
    }
    .dropdown-2 {
        width:293px;
        top:0px;
        left:465px;
    }
    .dropdown-3 {
        width:293px;
        top:0px;
        left:580px;
    }
    .dropdown-4 {
        width:293px;
        top:0px;
        left:695px;
    }
    .dropdown-5 {
        width:293px;
        top:0px;
        left:810px;
    }
    .dropdown-6 {
        width:293px;
        top:0px;
        left:925px;
    }
    .dropdown-theme {
        width:293px;
        top:0px;
        left:1000px;
    }
}