.container {
    /* set the default width for the main content area */
    width: 950px; /* strange that it's 950 currently - the grid is based on 960px */
}

#responsiveTest {
    display: inline;
    height: 0px;
    width: 0px;
}

.ui-tooltip {
    max-width: 50%;
    margin: 0 auto;
    padding: 4px;
    text-align: center;
}

.ui-tooltip-content {
    text-align: center;
    padding: 4px;
    background-color: #F4DEA7;
}

@media screen and (min-width: 700px){

    .slicknav_menu {
        display:none;
    }

}

/* @media screen and (max-device-width:600px){ */
@media screen and (max-width:699px){
    /* look for any Blueprint CSS classes, and make them all take up the entire width rather than x positions within a grid */
    div[class*='span-']{ width: 100%; }

    /* if viewed on small device, take all available space */
    .container {
        width: 90%;
        overflow: hidden;
    }

    body {
        text-shadow: none;
    }

    #responsiveTest {
        display: none;
    }

    #top-bar {
        margin-bottom: 0;
    }

    /* International Kitchen site tweaks start here */
    #top-bar .container #print-page, #top-bar .container #press-release-signup, #top-bar .container #newsletter-signup, #top-bar .container #travel-agent-signup {
        display: none;
    }

    .featured .image-wrapper img  {
        /* max-width: 320px; */
        width: 100%;
        margin: 0;
        padding: 0;
        border: none;
    }
    .featured .image-wrapper {
        /* max-width: 320px; */
        width: 100%;
        margin: 0;
        padding: 0;
        border: none;
    }
    body #inner-page {
        padding: 0;
    }

    #masthead #graphic img {
        width: 100%;
        height: auto;
    }

    #center_well div p {
        padding: 0 4px;
    }

    #masthead-wrapper {
        width: auto;
        height: auto;
        margin-left: 0;
        padding: 4px;
    }

    #masthead-wrapper #leading {
        display: none;
    }

    /* featured logos */
    #top-content img {
        width: auto;
        height: 32px;
    }
    #top-content a {
        margin: 0 4px;
    }

    #logo {
        width: 100%;
        font-size: 32px;
        line-height: 30px;
        float: none;
        clear: both;
        /* display: block; */
        position: relative;
        top: 8px;
        text-align: center;
        display: table-header-group;
    }


    #top {
        /* make display table so can reorganize (social links after logo) */
        display: table;
        width: 100%;
    }


    .social_sharing_holder ul {
        margin: 0 auto;
    }

    #social-links, .social_sharing_container, .social_sharing_holder {
        float: none;
        text-align: center;
        clear: both;
       display: block;

        margin: 0 auto;
        /* display: table-footer-group; */
    }

    #social-links {
        width: 180px;
    }

    .social_sharing_container {
        width: 143px;
    }

    #social-links a, .social_sharing_container a {
        margin-left: 5px;
    }

    #social-links #facebook, .social_sharing_container .facebook {
        margin-left: 0;
    }

    .block {
        text-align: center;
    }

    #sidebar h2 {
        text-align: center;
    }

    div[class*='append-']{
            width: 100%;
            padding: 0;
            margin: 0;
    }

    #center-well {
        display: table;
        width: 100%;
    }

    #center-well h1.item-title {
        width: 100%;
        margin: 0;
        padding: 0;
        display: table-header-group;
    }

    #center-well h1.break {
        width: 100%;
    }

    #center-well img {
        max-width: 100%;
    }

    #content .image_left {
       /* width: 100%; */
        max-width: 100%;
        max-height: 200px;
        text-align: center;
        margin: 0 4px 0 0;
    }

    #content .image_right {
        /* width: 100%; */
        max-width: 100%;
        max-height: 200px;
        text-align: center;
        margin: 0 0 0 4px;
    }

    .prepend-2 {
        padding: 0;
    }

    /* slicknav */
    #main-nav {
        display:none;
    }

    .slicknav_menu {
        display:block;
    }

    #mobile_menu_holder .slicknav_menu .slicknav_nav li .slicknav_row:hover {
        background-color: black;
    }

    #sidebar .box p {
        display: block;
        text-align: center;
    }

    /* begin forms */
    #search-form {
        width: 100%;
        position: relative;
        top: 8px;
        padding: 0;
        float: none;
        margin-bottom: 20px;
    }

    input {
        width: 90%;
    }

    input[type='checkbox'] {
        width: auto;
        display: block;
        float: left;
        width: 30px;
    }

    .form_row input[type='radio'] {
        width: auto;
        margin-right: 10px;
    }

    .form_row textarea {
        width: 90%;
    }

    select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"] {
        font-size:  16px;
    }


    div.form_row {
        padding: 0;
        width: 100%;
        margin: 2px 0 0 0;
    }

    #program_country_id, #program_region_id, #program_id {
        float: right;
    }

    #country_id, #billing_country_id {
        width: 100%;
    }

    .form_row .form_group {
        float: right;
    }

    #booking-form-sections .form_row p img {
        width: 100%;
    }

    .form_row input, .form_row select {
        margin-right: 0;
    }

    .form_row select {
        max-width: 100%;
    }


    #search-form input {
        width: 80%;
    }



    /* traveller vacation */
    .form_row span.med {
        display: block;
    }

    /*
    #inner-page form {
        min-width: 400px;
        padding: 0 6px;
    }
    */

    select#program_id {
        width: 100%;
    }

    .date-selector {
        display: block;
        clear: both;
        float: left;
        width: 100%;
    }

    .form_row label, .form_row label.med {
        padding: 0;
        margin: 0;
        width: 90%;
    }

    /* end forms */

    /* video player */

    video {
        width: 100%;
        margin: 0;
        padding: 0;
    }

    #media_wrapper.flash {
        width: 100%;
        height: initial;
    }

    /* end video player */
}