@media only screen
and (min-device-width: 0px)
and (max-device-width: 700px)
{
    body {
        line-height:1.1em;
        width:98%;
        margin: 0 1%;
    }
    #sidebar, #subnav {
        display:none;
    }
    #header-right-links {
        float:none;
        width:100%;
    }
    #logo {
        width: 100%;
        float: none;
        margin:0;
        margin-bottom:1%;
    }
    #mobile-menu-toggle {
        display:block;
        width:100%;
        height:2.5em;
    }
    #mobile-menu-toggle-button {
        display:block;
        width:100%;
        line-height:2em;
        text-align:center;
        background-color:#3091C2;
        color:white;
        font-weight:bold;
        font-size:1.5em;
    }
    #mobile-menu-toggle-button:visited {
        text-decoration:none;
    }
    #mobile-menu-toggle-button:active {
        text-decoration:none;
    }
    #user-links {
        width: 100%;
        list-style: none;
        float: none;
        margin: 0;
        text-align: center;
    }
    #user-links>li {
        margin-right:0;
    }
    #searchform {
        width: 100%;
        height: 40px;
        margin: 1px 20px;
        position: relative;
        float: none;
    }
    #s {
        width: 80%;
        margin: 0;
        outline: 0;
        background-color: #ffffff;
        border: 1px solid #cccccc;
        display: inline-block;
        height: 30px;
        padding: 4px 25px 4px 6px;
        font-size: 14px;
        line-height: 20px;
        color: #555555;
        border-radius: 0;
        float:left;
    }
    #content {width:100%; padding: 0;}
    .search-submit {
        border: none;
        background: url('./images/mag_icon_sprite.png') no-repeat;
        background-position: 4px -146px;
        background-color: #ffffff;
        width: 30px !important;
        height: 30px;
        position: relative;
        display:inline-block;
        float:left;
    }
    #inner-wrap {
        width:100%;
        margin: 0 auto;
        background-color:#ffffff;
    }
    #links>div {
        float:none;
        margin: 1em 0 0 0;
    }
    .links-title {
        top:0;
        font-size:1.5em;
    }
    .links-column a {
        font-size:1.2em;
    }
    #main-footer {
        font-size:1em;
        width: 100% !important;
    }
    #main-footer li {
        line-height:2em;
    }

    #social-media-links {
        float:none !important;
    }

    #nav-tabs {
        clear:both;
        height:32px;
        width:100%;
        position:relative;
    }

    #tabsearch .ui-button {padding:0;}

    /*--RESPONSIVE MENU--*/
    #navmenu-h {
        margin:0.5em 0 0 0;
        padding:0;
        list-style:none;
        z-index:1;
        width:100%;
        display:none;
    }

    #navmenu-h ul>li {
        list-style-type:none;
    }

    #navmenu-h ul {
        z-index:1;
    }

    #navmenu-h>li {
        display:block;
        float:left;
        text-align:left;
        position:relative;
        width:100%;
    }
    #navmenu-h>li>a {
        display:block;
        min-height:0;
        padding:6px 14px;
        color:#3091C2;
        text-decoration:none;
        font-size:1.6em;
    }
    #navmenu-h>li>a:hover {
        color:#1070A0;
        text-decoration:underline;
    }
    #navmenu-h>a.active,
    #navmenu-h>a.active:hover,
    #navmenu-h>.current-menu-item>a,
    #navmenu-h>.current-menu-ancestor>a {
        background-color:white;
        color:#39C !important;
    }

    #navmenu-h>li>ul {
        width:100%;
        display:block;
        background-color:#ffffff;
        text-align:left;
        list-style:none;
    }

    #navmenu-h>li>ul>li {
        padding-left:0.5em;
    }

    #navmenu-h .sub-menu li {
        line-height:1.2em;
        margin-bottom:0.75em;
    }
    #navmenu-h .sub-menu a {
        font-size:1.2em;
    }


    #navmenu-h>li:hover>ul {
        display:block;
        position:absolute;
        top:31px;
        left:-18px;
    }

    #subnav ul {
        width:100%;
        list-style:none;
        height:25px;
        position:absolute;
        margin:0 0;
    }

    #subnav ul {
        width:100%;
        list-style:none;
        height:25px;
        position:absolute;
        margin:0 0;
    }

    #subnav ul li {
        display:block;
        float:left;
        line-height:24px;
    }
    #subnav ul li>a {
        color:#ffffff;
        font-size:12px;
        padding:5px 8px;
        border-right:1px dotted #cfcfcf;
    }
    #subnav ul li:last-child>a {
        border-right:none;
    }

    #subnav .current-menu-item>a {
        background-image:url('./images/subnav-active.png');
        background-repeat:no-repeat;
        background-position:center bottom;
    }

    #subnav ul li>a:hover {
        background-color: #4AD;
        color:#333333;
        text-decoration:none;
    }

    #subnav ul li ul {margin-left:0;}

    /*--end new menu--*/

    #search-store-button {
        top:-5px;
    }

    .tabs ul li a {
        font-size:11px;
    }

    #keyword-search {
        width:149px;
        height:10px;
        border-radius:0;
    }

    #subnav {
        background-color:#39C;
        color:#ffffff;
        min-height:25px;
        width:100%;
    }
    #about-us-bottom {
        display:none;
    }
    #about-corporate-offices div {
        float: none !important;
        width: 99% !important;
        margin:4% 1% !important;
    }

    #about-us-top {
        width: 96% !important;
        min-height: 100px;
        margin: 1% auto !important;
        background: url('images/top-panel-background.jpg') repeat-y;
        background-position: right;
        padding: 2% 1% !important;
        font-size: 12px;
        border: 1px solid #cccccc;
    }
    #about-us-top img {
        display:none;
    }
    .left-column, .right-column {
        float:none;
        width:100%;
    }
    #third-party-tiles {
        display:none;
    }
    #bottom-content-panel {
        display:none;
    }
    .news-news-list li {
        background: none !important;
        padding-left: 0 !important;
    }
    #cookie-notice {
        z-index: 1;
        position:fixed;
        bottom:36px;
        left:0;
        min-height:2%;
        width:75%;
        border:1px solid #5295d0;
        border-radius:5px;
        background-color:#fafcfe;
        padding:1% 2%;
        font-size:0.75em;
        line-height:1em;
        color:#000000;
    }
    #geppettoPagesNavigation {
        display: none;
    }
    #meetGeppettoHeroVideo {
        padding:0 !important;
    }
    #geppettoKnowledgeBaseFinalCTALinks {
        display:none;
    }
}