@media only screen and (max-width:960px) 
{
    .icon-container {
        width: 100%;
        margin-bottom: 40px;
    }
    .main-icon-container > .icon-container:last-child {
        margin-bottom: 0px;
    }
    .our-menu-container {
        width: 100%;
        float: left;
        padding-left: 0px;
    }
    .contact-left,.contact-right {
        width: 100%;
        margin-bottom: 20px;
    }
    .contact-left {
        padding-right: 0px;
    }
    .contact-right {
        float: left;
        padding-left: 0px;
    }
}
                
@media only screen and (max-width:800px) 
{
    #site-loading-right {
        display: none !important;
    }
    #site-loading-left {
        width:100%;
    }
    .left-slider {
        display: none;
    }
    .left-bar {
        right: auto;
        left:-100%;
    }
    .floor {
        padding-left: 0px;
    }
    .icon-container {
        width: 33.3333333333%;
        margin-bottom: 0px;
    }
    .our-menu-container {
        width: 66.6666666666%;
        float: right;
        padding-left: 15px;
    }
    .logo {
        margin-top: 75px;
        margin-bottom: 20px;
    }
    #mobile-menu-icon {
        display: block;
    }
    #mobile-close-icon {
        display: block;
    }
    .logo img {
        height: auto;
        width: 200px;
        border: none;
        margin: auto;
        display: block;
        padding: 10px;
    }
    .page-title {
        padding-left: 65px;
    }
}
@media only screen and (max-width:640px) 
{ 
    .ionTabs__tab {
        width:100%;
        top: 0px;
    }
    .icon-container {
        width: 100%;
        margin-bottom: 40px;
    }
    .main-icon-container > .icon-container:last-child {
        margin-bottom: 0px;
    }
    .our-menu-container {
        width: 100%;
        float: left;
        padding-left: 0px;
    }
}

@media only screen and (max-width:480px) 
{
    h1,.page-title h1, .page-title h2 {
        font-size: 40px;
    }
    h2 {
        font-size: 34px;
    }
    h3 {
        font-size: 28px;
    }
    h4,summary {
        font-size: 24px;
    }
    h5 {
        font-size: 22px;
    }
    h6 {
        font-size: 20px;
    }
    .opening-hours {
        font-size: 18px;
    }
    #mobile-menu-icon {
        width: 55px;
        height: 83px;
        background-image: url('../images/menu2.png');
    }
    .page-title {
        padding-left: 45px;
    }
}
@media only screen and (max-width:320px) 
{  
    .left-bar {
        width: 100%;
    }
    h1 {
        font-size: 36px;
    }
    h2 {
        font-size: 32px;
    }
}