@media only screen and (max-width: 767px) {


    #pageheightwrapper {
        min-height: 100%;
        position: relative;
        background: #fff;
    }

    #pageheightcontent {
        padding-bottom: 10px;
    }


    #pageheightfooter {
        height: auto;
        position: relative;
        width: 100%;
        overflow: hidden;
    }

    .footerbar .social-icon {
        float: none;
    }

    .footerbar .social-icons {
        width: 250px;
        margin-left: auto;
        margin-right: auto;
    }
    
.footerbar .cardbar {
    max-height:60px;margin-left:auto;margin-right:auto;
}
    .menubar .container {
        padding: 0;
    }

    ul.navbar-nav.nav {
        margin: 0;
    }

        ul.navbar-nav.nav li.dropdown.open a.dropdown {
            display: none;
        }


    .opc-stagebox .opc-stagenumber {
        padding: 5px 10px;
    }

    .opc-stagebox .opc-stagetext {
        font-size: 80%;
    }

    #opc-delivopt {
        width: 100%;
    }





    .footerbar ul li {
        margin: 8px 0 5px 0;
        font-size: 110%;
    }

    .footerbar table.openhours tr td {
        font-size: 90%;
    }

    .footerbar a {
        color: white;
    }

    .messagebar .msgbar-left {
        display:none;
    }
 
    .messagebar .msgbar-right {
        width:80%;
     
        float:right;
    }

 
}



@media only screen and (max-width: 470px) {
    .messagebar {
        display: none;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {


    .menubar .navbar {
        font-size: 1em;
    }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
}


@media only screen and   (max-width: 991px) {

    
.messagebar {
    
    background-image:url(images/messagebarsmall.png);
    background-repeat: no-repeat;
    min-height:47px;
      background-position:right 0 top 0;
}

    .messagebar .msgbar-left {
        font-size:16px;
        width:45%;
    }

    .messagebar .msgbar-right {
        width:55%;
    }
}