.toggle {
    position: absolute;
    right: 20px;
    top: 33px;
    width: 34px;
    cursor: pointer;
    
}
.toggle span {
    height: 4px;
    background-color: #1881c2;
    display: block;
    margin: 6px 0;
    border-radius: 5px;
    transition: transform 0.4s;
}

.toggle { z-index: 10; }
#navlogo { position: relative; z-index: 10; }


.open-menu .toggle span:nth-child(1) { transform: rotate(45deg) translate(7px, 6px); }
.open-menu .toggle span:nth-child(2) { opacity: 0; }
.open-menu .toggle span:nth-child(3) { transform: rotate(-45deg) translate(8px, -7px); }

@media screen and (max-width: 1100px) {
    
    *, *:before, *:after { box-sizing: border-box; }
    
    img { max-width: 100%; height: auto; }
    
    #footleft p a { color: #555555; }
    
    #wrapper { max-width: 1024px; width: 100%; }
    #navcontain { max-width: 1024px; width: 100%; margin-left: auto; margin-right: auto; padding-left: 20px; padding-right: 20px; }
    #bbb { width: auto; }
    
    
    #slide1 { width: 100%; }
    #footercontainer { max-width: 1064px; width: 100%; padding-left: 20px; padding-right: 20px; }
    #footerwrap { width: 100%; }
    
    #yourSliderId li > div { width: 100%; /*background-size: cover; height: auto; background-position: top right;*/ }
    
    #innerfooterbg { padding-left: 20px; padding-right: 20px; }
    #innercontentwrap { width: 100%; }
    #innercontent { margin-left: 0; }
    #footleft { width: auto;}
    #footright { width: auto; }
    
    #equipinnercontentbg, #innercontentbg { padding-left: 20px; padding-right: 20px; min-width: 100%; }
    #innerfooterbg { min-width: 100%; }
    #innercontent { margin: 0; }
    
    #staffcontainer { width: 100%; }
    
    /****** Container Width *******/
    #staffcontainer { width: 100%; height: auto; }
    #staffcontainer:after { display: table; content: ""; clear: both; }
    
    #footright a { color: #FFF; }
    
    #footerwrap { display: flex; justify-content: space-between; flex-wrap: wrap; }
    
}

@media screen and (max-width: 991px) {
    /*body { background-repeat: repeat-x; background-size: 1040px; background-position: top center; }*/
    #contactimg { float: right; margin: -10px 0 0 0; }
    #navlogo { width: 230px; }
    .navpad { padding: 0 10px 0 0; }
    #navmenu ul { font-size: 14px; }
    
    
    #navcontain { height: 106px; }
    #footleftdivide { width: auto; }
    
    #staff_left { width: 50%; padding-right: 10px; }
    #staff_right { width: 50%; padding-left: 10px; }
    .staff { width: 100%; }
    a#bbblink.ruhzbum { margin: 0 auto !important; }
    #bbb { margin: 0; }
    
}

@media screen and (min-width: 768px) {
    .toggle { display: none; }
    .tabbed-panels-filter { display: none; }
}

@media screen and (max-width: 767px) {
    
    #innercontent { overflow: hidden; }
    
    .responsive-full:after {content: "";display: table;clear: both;}

    .responsive-full {width: 100%;display: block;clear: both;margin-top: 30px;text-align: center}
    
    .service-slider { display: block; text-align: center; width: 500px; height: 300px; position: relative; left: 50%; transform: translateX(-50%); }
    #innercontentbg #yourSliderId { transform: scale(0.6); margin: -80px 0 !important; width: 500px; }
    #yourSliderId li { opacity: 0; }
    #yourSliderId li.current { opacity: 1 !important; }
    #navlogo { width: 170px; padding: 24px 0; margin: 0; }
    #navcontain { position: relative; }
    
    div#navmenu { position: fixed; top: 0; left: 0; right: 0; margin: 0; background-color: #FFF; bottom: 0; border: none; padding: 130px 40px 30px; overflow-y: auto; visibility: hidden; opacity: 0; transition: all 0.5s; border-top: 2px solid #1881c2; z-index: 9; }
    #navmenu ul li { width: 100%; display: block; border-bottom: 1px solid #e4e4e4; padding: 0; }
    #navmenu ul li a:hover,
    #navmenu ul li a {padding: 17px 20px; display: block; border: none; }
    #navmenu ul { max-height: 100%; overflow-y: auto; }
    .open-menu { padding-top: 106px; }
    .open-menu div#navcontain { position: fixed; z-index: 10; top: 0; left: 0; right: 0; }
    
    .open-menu { overflow: hidden; }
    .open-menu div#navmenu { visibility: visible; opacity: 1; }
    
    .TabbedPanelsTab { display: block; width: 100%; }
    .circlepic { margin: 0 auto 20px; float: none; }
    
    #staff_left { width: 100%; }
    #staff_right { width: 100%; }
    .staff { width: 100%; }
    
    
    .filter-main { position: relative; }
    .TabbedPanelsTab { border-top: none; }
    .filter-main .TabbedPanelsTabGroup {position: absolute;top: 65px;left: 0;right: 0;z-index: 10;}
    .tabbed-panels-filter {width: 100%;display: block;padding: 20px;background-color: #dddddd;font-family: 'Ruda', Helvetica, Arial, sans-serif;font-weight: 600;font-size: 18px;color: #4189B1;line-height: 26px;border: 1px solid #999;margin-bottom: 10px;}
    .tabbed-panels-filter:after {content: "";border-bottom: 2px solid #949494;border-right: 2px solid #949494;transform: rotate(45deg);width: 10px;height: 10px;position: absolute;right: 24px;top: 26px;}
    .TabbedPanelsTabGroup {visibility: hidden;opacity: 0;border: 1px solid #999;}
    
    .open .TabbedPanelsTabGroup {visibility: visible;opacity: 1;}
    
    #equipinnercontentbg { padding-top: 30px; padding-bottom: 30px; background-size: cover; }
    
    #footleft ul { padding: 10px 0; margin: 0; }
    #footleft { width: 100%;  text-align: center; }
    #footright { text-align: center; width: 100%; }
    
    #innercontent h2 { font-size: 18px; }
    #innercontent p { font-size: 14px; }
    #footright p { margin-top: 10px; }
    
    
}