@media only screen and (max-width: 1360px) {
    #support ul li ul li{ width: 100%; display: block; padding: 30px 10px 0 10px; margin: 0; }
    #support ul li ul li.divider{ margin: 30px 0 0; }
    #support ul li ul li.details{ margin-top: 30px; }
    #posts.blog{ padding: 0 60px 0 60px; }
    .post{ padding: 0 60px 0 60px; }
    #sidebar.posts{ padding: 0 60px 0 60px; }
}
@media only screen and (max-width: 1280px) {
    #header{ height: auto; }
    #header .nav.top .wrapper{ padding-right: 0; }
    #header .nav.top ul.menu li.menu-item-has-children:last-child ul.sub-menu{ left: inherit; right: -15px; }
    #header h1#logo{ margin: 20px 40px; }
    #header #nav.toggle{ display: none; }
    #nav_btn{ 
    width: 120px; 
    height: 70px;
    float: right;
    display: block;
    text-align: center; 
    color: #fff;
    padding-top: 55px;
    padding-right: 30px;
    background: url(../svg/search_white.svg) no-repeat center right 30px;
    -webkit-background-size: 24px 24px; 
    -moz-background-size: 24px 24px;  
    -o-background-size: 24px 24px; 
    background-size: 24px 24px;
    cursor: pointer; 
    z-index: 99999; 
    }
    #nav_btn span, #nav_btn span:before, #nav_btn span:after{ 
    width: 28px; 
    height: 4px; 
    display: block; 
    background: #fff; 
    position: relative; 
    text-indent: -9000px; 
    -webkit-transition: all 100ms ease-in-out;
    -moz-transition: all 100ms ease-in-out;
    -ms-transition: all 100ms ease-in-out;
    -o-transition: all 100ms ease-in-out;
    transition: all 100ms ease-in-out;
    }
    #nav_btn span{ margin: 8px auto; }
    #nav_btn span:before, #nav_btn span:after{ content: ''; position: absolute; }
    #nav_btn span:before{ top: -8px; }
    #nav_btn span:after{ bottom: -8px; }
    #nav_btn.active span{ background-color: transparent; }
    #nav_btn.active span:before, #nav_btn.active span:after{ top: 0; }
    #nav_btn.active span:before{ transform: rotate(45deg); -webkit-transform: rotate(45deg); }
    #nav_btn.active span:after{ transform: translateY(-10px) rotate(-45deg); -webkit-transform: translateY(-10px) rotate(-45deg); top: 10px; }
    #header #nav{ width: 100%; height: auto; float: left; padding-right: 0; }
    #header #nav ul{ width: 100%; }
    #header #nav ul li{ width: 100%; border-top: 1px solid #444; }
    #header #nav ul li a{ height: auto; display: block; padding: 20px 40px; vertical-align: middle; }
    #header #nav ul li a.active{ color: #999; }
    #header #nav ul li.menu-item-has-children > a:before{ 
    content: '\203A'; 
    height: 20px; 
    display: block; 
    font-family: 'Open Sans', sans-serif;
    font-size: 22px; 
    color: #999; 
    line-height: 14px; 
    position: absolute; 
    top: 50%; 
    right: 40px; 
    margin-top: -10px; 
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg); 
    }
    #header #nav ul li.menu-item-has-children > a.active:before{ 
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg); 
    }
    #header #nav ul li:hover > a:after, #header #nav ul li > a.active:after{ display: none; }
    #header #nav ul.sub-menu{ width: 100%; position: relative; left: inherit; top: inherit; padding: 0; background: none; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; -webkit-opacity: 1; -moz-opacity: 1; opacity: 1; }
    #header #nav ul.sub-menu:before{ display: none; }
    #header #nav ul.sub-menu li{ width: 100%; }
    #header #nav ul.sub-menu li a{ color: #fff; padding: 14px 40px 14px 55px; }
    #header #nav ul.sub-menu li a:hover{ background: none; }
    #header #searchform{ width: 100%; padding: 0 30px; background: #fff; position: relative; top: inherit; right: inherit;  }
    #header #searchform .field input{ width: 100%; font-size: 15px; }
    #header #searchform .submit{ background-position: left center; }
    .section .header.main.with_bg{ padding: 200px 60px 60px; }
    .section.std.with_sidebar .content{ margin-right: -360px; }
    .section.std.with_sidebar .content .wrap{ margin-right: 360px; }
    .section.std.with_sidebar .sidebar{ width: 360px; }
    #slideshow a.rslides_nav{ width: 70px; height: 90px; margin-top: -45px; }
    .teaser .header.align_right{ text-align: left; }
    .tweet{ width: 50%; }
    .tweet:before{ padding-top: 50%; }
    .custom3.teaser{ width: 50% !important; clear: left; }
    .custom3.teaser:before{ padding-top: 100%; }
    .custom4.teaser:before{ padding-top: 100%; }
    .blog.teaser{ width: 50% !important; }
    .blog.teaser:before{ padding-top: 50%; }
    .news.teaser{ width: 50% !important; }
    .news.teaser:before{ padding-top: 50%; }
    .product.preview{ width: 33.3333%; }
    .product.single #related_products .product.preview{ width: 25%; }
    .product.single .product_shots{ width: 100%; max-width: 700px; float: none; display: block; padding: 60px 120px 0; margin: 0 auto; }
    .product.single .main{ clear: both; padding: 60px; margin-left: 0; }
    .product.single .nav.quicklinks ul li{ font-size: 14px; }
    .product.single .nav.quicklinks ul li a{ padding: 0 10px; }
    .product.single #videos .video{ width: 50%; }
    .product.single #related_articles .post.preview{ width: 50%; }
    .section.training .videos .video{ width: 50%; }
    .section.youtube .video{ width: 50%; }
    .teaser.featured{ height: 300px; }
    .post.preview{ width: 33.3333%; }
    body#wfx2015 hgroup h1 {
    	font-size: 38px;
    }
    body#wfx2015 aside .callout h2 {
    	font-size: 22px;
    }
    .videos.box.alt .video.box iframe {
        float: left;
        width: 100% !important;
    }
    #foogallery-gallery-29296 {
        width: 1140px;
    }
    #SignupFormPreview #FormFieldsTable label { 
        width: 40%;
    }
}

@media only screen and (max-width: 1180px){
    #posts.blog{ width: 60%; }
    .post{ width: 60%; }
    #sidebar.posts{ width: 40%; }
    .section.twitter{ width: 50%; padding-right: 30px; }
    .section.facebook{ width: 50%; padding-left: 30px; padding-right: 60px; }
    .section.instagram{ width: 100%; padding-left: 40px !important; }
    .section.instagram .instagram-image{ width: 25%; }
    .section.instagram .instagram-image:nth-last-child(1), .section.instagram .instagram-image:nth-last-child(2) { display: none; }
    #footer .meta{ padding: 15px 30px 30px; }
    #footer ul.memberships{ width: 100%; float: left; text-align: left; margin: 0 0 10px; }
    #footer ul.memberships li{ padding: 0 18px 0 0; }
    #footer .copyright{ width: 100%; max-width: none; float: left; position: relative; top: inherit; -webkit-transform: none; -ms-transform: none; transform: none; }
    #foogallery-gallery-29296 {
        width: 100%;
    }
}

@media only screen and (max-width: 980px) {
    html { -webkit-text-size-adjust: none; }
    html, body{ -ms-word-break: break-all; word-break: break-all; word-break: break-word; }
    #header h1#logo{ margin: 20px 30px; }
    #nav_btn{ width: 100px; }
    #header #nav ul li a{ padding: 18px 30px; }
    #header #nav ul.sub-menu li a{ color: #fff; padding: 14px 30px 14px 45px; }
    #header #nav ul li.menu-item-has-children > a:before{ right: 30px; }
    .section.std{ padding: 30px; }
    .section.grid, .section.std.grid{ padding: 30px 10px 0; }
    .section .header.main{ padding: 30px; }
    .section .header.main.with_bg{ padding: 160px 30px 30px; }
    .section .header.main.with_bg:before{
    content: '';
    display: block; 
    width: 100%; 
    height: 100%; 
    position: absolute;
    top: 0;
    left: 0;
    background: #000; 
    -webkit-opacity: 0.3;
    -moz-opacity: 0.3;
    opacity: 0.3;
    z-index: 1;
    }
    .section .header.main.with_bg h1{ position: relative; z-index: 9; }
    .section .header.main .nav_btn{ float: left; display: block; font-size: 18px; text-transform: uppercase; padding-right: 60px; margin-top: 5px; position: relative; }
    .section .header.main .nav_btn:after{ 
    content: '\203A'; 
    height: 20px; 
    display: block; 
    font-family: 'Open Sans', sans-serif;
    font-size: 22px; 
    color: #999; 
    line-height: 14px; 
    position: absolute; 
    top: 50%; 
    right: 45px; 
    margin-top: -10px; 
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg); 
    }
    .section .header.main .nav_btn.active:after{ 
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg); 
    }
    .section .header.main .toggle{ display: none; }
    .section .header.main .nav{ width: 100%; float: left; clear: both; margin-top: 10px; }
    .section .header.main .nav ul{ padding: 0; border-top: 2px solid #000; }
    .section .header.main .nav ul.dropdown{ position: relative; left: inherit; bottom: inherit; border-top: 1px solid #ddd; }
    .section .header.main .nav ul.active{ padding-bottom: 0; }
    .section .header.main .nav ul li{ display: block; font-size: 14px; margin-right: 0; border-bottom: 1px solid #ddd; }
    .section .header.main .nav ul.dropdown li:last-child{ border-bottom: 0; }
    .section .header.main .nav ul li.title{ font-weight: bold; border-right: 0; }
    .section .header.main .nav ul li a{ padding: 15px 0; }
    .section .header.main .nav ul.dropdown li a{ font-size: 12px; padding: 15px; }
    .section.std.with_sidebar .content{ margin: 0 0 10px; }
    .section.std.with_sidebar .content .wrap{ padding-right: 0; margin-right: 0; }
    .section.std.with_sidebar .sidebar{ width: 100%; max-width: 540px; clear: both; }
    #slideshow a.rslides_nav{ display: none; }
    #slideshow ul.rslides_tabs{ display: none; }
    .teaser a.youtube:before{ width: 80px; height: 80px; margin: -40px 0 0 -40px; border-radius: 40px; -moz-border-radius: 40px; -webkit-border-radius: 40px; }
    .teaser .header.align_right{ text-align: right; }
    .custom1.teaser{ width: 100% !important; }
    .custom1.teaser:before{ padding-top: 50%; }
    .custom2.teaser{ width: 100%; }
    .custom2.teaser:before{ padding-top: 50%; }
    .tweet:before{ padding-top: 100%; }
    .custom3.teaser{ clear: none; }
    .custom4.teaser{ width: 100% !important; }
    .custom4.teaser:before{ padding-top: 50%; }
    .blog.teaser:before{ padding-top: 100%; }
    .news.teaser:before{ padding-top: 100%; }
    .product.preview{ width: 50% !important; margin-bottom: 30px; }
    .product.single .product_shots{ padding: 30px 120px 0; margin: 0 auto; }
    .product.single .main{ clear: both; padding: 30px; margin-left: 0; }
    .product.single .section.std:before{ margin: -1px 30px 0; }
    .product.single .section.std.grid{ padding-bottom: 0; }
    .product.single .nav.quicklinks{ display: none; }
    .product.single .download{ width: 50%; margin: 10px -4px 30px 0; }
    .product.single #videos .video{ margin-bottom: 30px; }
    .product.single #related_articles .post.preview{ margin-bottom: 30px; }
    .ext_link{ padding: 15px 30px 30px; margin-top: 10px; }
    .ext_link:before{ left: 30px; }
    #filter fieldset{ max-width: none; }
    #reset-filter{ clear: both; margin: 10px 0 0; } 
    #products .wrapper .entry.product{ margin: 0 0 40px; }
    .entry .wrapper{ padding: 30px; }
    .entry .header{ margin: 0 0 30px; }
    .entry.full .header{ padding: 30px 30px 0; }
    .entry .header .nav.tabbed{ padding: 30px 30px 0; margin-left: -30px; }
    .entry.full .content{ padding: 0 30px 30px; }
    #about #gallery{ margin: 0 0 30px; }
    #about #gallery .header{ padding: 0 30px; }
    #about #gallery .item span{ font-size: 12px; padding: 10px; }
    #trajectory ul.gallery li{ margin: 10px 0; }
    #trajectory ul.gallery li:last-child{ margin-bottom: 0; }
    .section.locator h2{ padding: 0 30px; }
    #sl_div #searchForm{ max-width: 840px; padding: 0 30px; margin: 0 0 30px; }
    #sl_div #map_sidebar{ max-width: none; padding: 0 0 30px; }
    #sl_div .results_wrapper .results_entry{ padding: 20px 30px; }
    #sl_div .text_below_map{ padding: 30px; }
    #sl_div .no_results_found{ padding: 30px; }
    .livechat{ top: 30px; right: 30px; }
    .region_contact .details{ padding-right: 30px; }
    #support ul{ padding: 0 5px; margin: 0; }
    #support ul li{ width: 100%; float: left; display: block; padding: 0 15px; margin: 0 0 30px; }
    #support ul li ul li{ width: 50%; float: none; display: inline-block; padding: 30px 30px 0 10px; margin: 0 -4px 0 0; }
    .section.training:before{ margin: -1px 30px 0; }
    .section.training{ padding-bottom: 0; }
    .section.training .videos .video{ margin-bottom: 30px; }
    .section.training ul.links{ padding: 0 20px 20px; }
    .section.social_feed.grid{ padding-bottom: 0; }
    .section.social_feed .header.title{ margin: 0 0 30px; }
    .section.twitter{ padding-right: 15px; }
    .section.facebook{ padding-left: 15px; }
    .section.instagram{ padding-left: 10px !important; }
    .section.instagram .feed{ padding: 0 10px 10px; }
    .section.youtube .video{ margin-bottom: 30px; }
    .see_us .section.std{ padding-top: 10px; }
    #showrooms .image{ width: 100%; padding: 0; } 
    #showrooms .locations{ width: 100%; }
    #tradeshows ul{ max-height: none; }
    #tradeshows ul li span.name{ display: block; }
    #tradeshows ul li span.name:after{ display: none; }
    #featured_news{ margin: 0 0 30px; }
    #posts{ padding: 0 15px; margin: 0; }
    #posts.blog{ padding: 0 30px 0 30px; margin: 0 0 30px; }
    .post{ padding: 0 30px 0 30px; margin: 0 0 30px; }
    .post.preview{ width: 50%; margin: 0 0 30px; }
    #posts.blog .post.preview{ padding: 30px 0; }
    .post .header h1{ font-size: 32px; line-height: 40px; }
    #posts.blog .post.preview .header h2{ font-size: 32px; line-height: 40px; }
    #sidebar.posts{ padding: 0 30px 0 30px; margin: 0 0 30px -1px; }
    #sidebar.posts .post.preview .header h2{ font-size: 17px; line-height: 23px; }
    #sidebar.posts .section ul.cats{ padding: 10px 0; }
    #rss_subscribe{ padding: 20px 0; }
    #rss_subscribe .subscribe .submit{ font-size: 11px; }
    .search #posts{ padding: 10px 30px 0; margin: 0 0 30px; }
    .search #posts .post.preview{ padding: 30px 0; }
    .load_more a, .load_more .loader{ margin: 0 15px 30px; }
    .section.grid .load_more a, .section.grid .load_more .loader{ margin: 0 20px 30px;}
    #footer .nav{ padding: 0 !important; }
    #footer .nav ul{ width: 100%; border-bottom: 1px solid #2e2e2e; }
    #footer .nav ul li{ width: 100%; }
    #footer .nav ul li a{ border-top: 1px solid #2e2e2e; padding: 20px 30px; }
    #footer .nav ul li.menu-item-has-children > a:after{ right: 30px; }
    #footer .nav ul li.menu-item-has-children a.btn:after{ right: 30px; }
    #footer .nav ul li.menu-item-has-children ul.sub-menu{ border: 0; }
    #footer .nav ul li.menu-item-has-children ul.sub-menu li{ padding: 0 !important; }
    #footer .nav ul li.menu-item-has-children ul.sub-menu li a{ font-size: 13px; padding: 15px 30px 15px 50px; }
    #footer .nav ul#sister_brands li a{ display: block; padding: 20px 30px; }
    body#wfx2015 aside, body#wfx2015 hgroup {
    display: none;
    }
    section.wfx {
    border-right: 0px;
    width: 100%;
    }
    .mobile-display {
    border-bottom: 1px solid #e2e2e2;
    display: inline-block !important;
    margin-bottom: 0;
    padding-bottom: 25px;
    padding-top: 20px;
    width: 100%;
    }
    .mobile-display .callout {
    background: #000;
    padding: 15px;
    }
    .mobile-display .callout h1, .mobile-display .callout h2 {
    color: #fff;
    }
    .mobile-display .callout h1 {
    color: #fff;
    font-size: 32px;
    font-weight: bold;
    text-align: left;
    }
    .mobile-display .callout h2 {
    border-top: 2px solid #b5b5b5;
    font-size: 24px;
    font-weight: bold;
    padding-top: 10px;
    }
    .mobile-display .callout h2 a {
    color: #fff;
    }
    a.directions {
    border: 1px solid #000;
    float: left;
    font-size: 14px;
    margin-top: 8px;
    padding: 5px 15px;
    text-decoration: none;
    }
    header.title ul {float:left; margin-top: 15px;}
    header.title ul li {padding-bottom: 5px;}

    #foogallery-gallery-29296 {
    margin: 0px auto;
    width: 100%;
    }
    .photo-credit {
    margin: 0px;
    }
    body#wfx2017 .wfx + aside,
    body#wfx2018 .wfx + aside {
    width: 100%;
    }
}

@media only screen and (max-width: 880px) {
    #support ul li ul li{ width: 100%; float: left; display: block; padding: 30px 10px 0 10px; margin: 0; }
    body#wfx2015 aside {
    display: none;
    }
    body#wfx2015 aside, body#wfx2015 hgroup {
    display: none;
    }
    section.wfx {
    border-right: 0px;
    width: 100%;
    }
    .mobile-display {
    border-bottom: 1px solid #e2e2e2;
    display: inline-block !important;
    margin-bottom: 0;
    padding-bottom: 25px;
    padding-top: 20px;
    width: 100%;
    }
    .mobile-display .callout {
    background: #000;
    padding: 15px;
    }
    .mobile-display .callout h1, .mobile-display .callout h2 {
    color: #fff;
    }
    .mobile-display .callout h1 {
    color: #fff;
    font-size: 32px;
    font-weight: bold;
    text-align: left;
    }
    .mobile-display .callout h2 {
    border-top: 2px solid #b5b5b5;
    font-size: 24px;
    font-weight: bold;
    padding-top: 10px;
    }
    .mobile-display .callout h2 a {
    color: #fff;
    }
    a.directions {
    border: 1px solid #000;
    float: left;
    font-size: 14px;
    margin-top: 8px;
    padding: 5px 15px;
    text-decoration: none;
    }
    #foogallery-gallery-29296 {
    margin: 0px auto;
    width: 100%;
    }
    .photo-credit {
    margin: 0px;
    }
    body#wfx2017 .wfx + aside,
    body#wfx2018 .wfx + aside {
        width: 100%;
    }
}

@media only screen and (max-width: 780px) {
    #header .nav.top.toggle{ display: none; }
    #top_nav_btn{ 
    width: 100%; 
    height: 40px; 
    float: left; 
    display: block; 
    background: #fff;
    position: relative;
    text-indent: -9000px;
    cursor: pointer; 
    }
    #top_nav_btn:before{ 
    content: '\203A';
    width:  40px;
    height: 20px; 
    display: block; 
    font-family: 'Open Sans', sans-serif;
    font-size: 36px; 
    color: #999; 
    line-height: 12px;
    text-indent: initial; 
    text-align: center;
    position: absolute; 
    top: 50%; 
    left: 50%; 
    margin-top: -10px; 
    margin-left: -20px;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg); 
    }
    #top_nav_btn.active:before{
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg); 
    }
    #header .nav.top{ height: auto; }
    #header .nav.top .wrapper{ width: 100%; }
    #header .nav.top ul.menu{ width: 100%; padding: 0; }
    #header .nav.top ul.menu li{ width: 100%; height: auto; border-bottom: 1px solid #ddd; }
    #header .nav.top ul.menu li a{ font-size: 15px; line-height: inherit; padding: 16px 20px; position: relative; }
    #header .nav.top ul.menu li.menu-item-has-children a{ margin-right: 0; }
    #header .nav.top ul.menu li.menu-item-has-children > a:after{ right: 20px; }
    #header .nav.top ul.menu li.menu-item-has-children ul.sub-menu{ width: 100%; float: left; max-height: none; position: relative; top: inherit; left: inherit; border: 0; }
    #header .nav.top ul.menu li.menu-item-has-children:last-child ul.sub-menu{ width: 100%; right: inherit; }
    #header .nav.top ul.menu li.menu-item-has-children ul.sub-menu li{ border-bottom: 0; }
    #header .nav.top ul.menu li.menu-item-has-children ul.sub-menu li:first-child{ border-top: 1px solid #ddd; }
    #header .nav.top ul.menu li.menu-item-has-children ul.sub-menu li a{ font-family: 'Open Sans', sans-serif; font-size: 13px; padding: 12px 20px 12px 30px; }
    #header .nav.top #google_language_translator{ width: 100%; padding: 10px; background: #f2f2f2; border-bottom: 1px solid #ddd; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
    #header .nav.top select.goog-te-combo { width: 100% !important; margin: 0 !important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
    .wpcf7-form.warranty-member-reg-form div.form_field.left-40,
    .wpcf7-form.warranty-member-reg-form div.form_field.left-30,
    form.warranty-member-reg-form.wpcf7-form .form_field.left{ width: 100%; padding-right: 0; }
    .wpcf7-form.warranty-member-reg-form div.form_field.right-30,
    form.warranty-member-reg-form.wpcf7-form .form_field.right{ width: 100%; padding-left: 0; }
    div#sl_div div#map{ height: 400px !important; }
    .downloads{ width: 100%; padding: 0 0 30px; }
    .downloads:last-child{ padding-bottom: 10px; }
    #posts.blog{ width: 100%; border-right: 0; border-bottom: 3px solid #ddd; }
    .post{ width: 100%; }
    .post.single{ border-right: 0; border-bottom: 3px solid #ddd; }
    #sidebar.posts{ width: 100%; clear: both; margin-left: 0; border-left: 0; }
    #sidebar.posts .section .header h3{ text-align: left; }
    #sidebar.posts .post.preview{ max-width: 520px; clear: both; }
    #sidebar.posts .section .cat_btn{ float: left; display: block; font-size: 18px; text-transform: uppercase; padding-right: 60px; position: relative; }
    #sidebar.posts .section .cat_btn:after{ 
    content: '\203A'; 
    height: 20px; 
    display: block; 
    font-family: 'Open Sans', sans-serif;
    font-size: 22px; 
    color: #999; 
    line-height: 14px; 
    position: absolute; 
    top: 50%; 
    right: 45px; 
    margin-top: -10px; 
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg); 
    }
    #sidebar.posts .section .cat_btn.active:after{ 
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg); 
    }
    #sidebar.posts .section .toggle{ display: none; }
    #sidebar.posts .section ul.cats{ width: 100%; float: left; clear: both; padding: 0;  margin-top: 10px; border-top: 2px solid #000; }
    #sidebar.posts .section ul li{ padding: 15px 0; margin: 0; border-bottom: 1px solid #ddd; }
    #sidebar.posts .section ul li a{ font-size: 14px; }
    #rss_subscribe{ padding: 30px 0 0; margin-top: 30px; border-top: 0; position: relative; }
    #rss_subscribe:before{ content: ''; width: 140%; height: 3px; display: block; position: absolute; top: 0; left: -20%; background: #ddd; }
    #rss_subscribe .subscribe{ padding-top: 0; }
    #posts.blog .load_more a, #posts.blog .load_more .loader, .search #posts .load_more a, .search #posts .load_more .loader{ margin: 0 0 30px !important; }
    body#wfx2015 aside, body#wfx2015 hgroup {
    	display: none;
    }
    section.wfx {
    	border-right: 0px;
    	width: 100%;
    }
    .mobile-display {
    	border-bottom: 1px solid #e2e2e2;
        display: inline-block !important;
        margin-bottom: 0;
        padding-bottom: 25px;
        padding-top: 20px;
        width: 100%;
    }
    .mobile-display .callout {
    	background: #000;
    	padding: 15px;
    }
    .mobile-display .callout h1, .mobile-display .callout h2 {
    	color: #fff;
    }
    .mobile-display .callout h1 {
    	color: #fff;
        font-size: 32px;
        font-weight: bold;
        text-align: left;
    }
    .mobile-display .callout h2 {
    	border-top: 2px solid #b5b5b5;
    	font-size: 24px;
        font-weight: bold;
        padding-top: 10px;
    }
    .mobile-display .callout h2 a {
    	color: #fff;
    }
    a.directions {
    	border: 1px solid #000;
        float: left;
        font-size: 14px;
        margin-top: 8px;
        padding: 5px 15px;
        text-decoration: none;
    }
    .section.std .header.title h2 {
        font-size: 38px;
    }

    #foogallery-gallery-29296 {
        margin: 0px auto;
        width: 100%;
    }
    .photo-credit {
        margin: 0px;
    }
    body#wfx2016 aside {
        width: 100% !important;
    }
    body#wfx2016 .map iframe {
        width: 100%;
    }
    body#wfx2016 .wfx + aside .callout h1 {
        font-size: 49px;
    }
    body#wfx2017 .wfx + aside,
    body#wfx2018 .wfx + aside {
            width: 100%;
    }
    .event-info {
        border: 0px;
        padding: 0px;
        width: 100%;
    }
    .event-info h2 {
        font-size: 1.2em;
    }
    .event-info + aside {
        width: 100%;
    }
    #FormFieldsTable label {
        width: 34%;
    }
    .option-container .wpcf7-list-item label {
        width: 50%;
    }
}

@media only screen and (max-width: 680px) {
    .cols {
    -moz-column-count: auto;
    -moz-column-gap: normal;
    -webkit-column-count: auto;
    -webkit-column-gap: normal;
    column-count: auto;
    column-gap: normal;
    }
    .section.std{ padding: 20px; }
    .section.grid, .section.std.grid{ padding: 20px 0 0; }
    .section .header.main{ padding: 20px; }
    .section .header.main.with_bg{ padding: 100px 20px 20px; }
    .section .header.main h1{ font-size: 48px; }
    .section.std .header.title h2{ font-size: 30px; line-height: 34px; }
    .section .header.main h3{ font-size: 24px; }
    ul#slides.rslides li img{ max-width: 125%; margin-left: -20px; }
    .teaser .header{ padding: 15px 20px; }
    .teaser .header h2{ font-size: 21px; line-height: 25px; }
    .tweet span.content{ font-size: 15px; line-height: 25px; }
    #featured_news{ margin: 0 0 20px; }
    .teaser.featured{ padding-right: 10px; }
    .teaser.featured.lighting_insights{ padding-left: 10px; }
    .teaser.featured.lighting_insights:before{ width: 124px; height: 38px; top: 20px; right: 20px; }
    .teaser.featured a{ right: 10px; }
    .teaser.featured.lighting_insights a{ left: 10px; }
    .teaser.featured .header h2{ font-size: 18px; line-height: 22px; }
    .product.preview .header h2{ padding: 10px 15px 0; }
    .product.single .product_shots{ padding: 30px 60px 0; margin: 0 auto; }
    .product.single .product_shots a.rslides_nav{ height: 90px; margin-top: -45px; left: 5px; }
    .product.single .product_shots a.rslides_nav.next{ left: inherit; right: 5px; }
    .product.single .main{ padding: 30px 20px 20px; }
    .product.single .main .content{ margin: 0 0 20px; }
    .product.single .video.featured{ width: 100%; padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #ddd; }
    .product.single .main .footer{ width: 100%; float: left; padding-left: 0; }
    .product.single .main .footer .share{ float: left; text-align: left; }
    .product.single .main .footer .showroom_btn{ float: left; text-align: left; }
    .product.single .section.std{ padding-top: 30px !important; padding-bottom: 30px !important; }
    .product.single .section.std.grid{ padding-bottom: 10px !important; }
    .product.single .section.std:before{ margin: -1px 20px 0; }
    .product.single .section.std .header.title{ margin: 0 0 15px; }
    .product.single #specifications .cols{ margin-bottom: -20px; }
    .product.single .download{ margin: 20px -4px 20px 0; }
    .product.single .download a{ font-size: 15px; padding-top: 105px; -webkit-background-size: 75px 92px; -moz-background-size: 75px 92px; -o-background-size: 75px 92px; background-size: 75px 92px; }
    .product.single #videos .video{ width: 100%; float: left; display: block; margin: 0 0 20px; }
    .product.single #videos .video h4{ font-size: 15px; padding: 10px 0 0; }
    .product.single .product_photos a.rslides_nav{ width: 70px; height: 90px; margin-top: -45px; }
    .product.single #related_articles .post.preview{ width: 100%; float: left; display: block; margin: 0 0 20px; }
    .product.single #related_articles .post.preview .post .image{ margin: 0 0 10px; }
    .product.single #related_articles .post.preview .header h2{ font-size: 15px; line-height: 21px; }
    .ext_link{ padding: 15px 20px 30px; }
    .ext_link:before{ left: 20px; }
    .ext_link a{ font-size: 15px; line-height: 23px; }
    #filter .form-field{ width: 50%; }
    #products .wrapper .entry.product{ margin: 0 0 20px; }
    #products .wrapper .entry.product .header h2{ font-size: 18px; line-height: 25px; }
    .entry .wrapper{ padding: 20px; }
    .entry .header{ margin: 0 0 20px; }
    .entry .header h1{ font-size: 48px; }
    .entry .header h2{ font-size: 34px; line-height: 38px; }
    .entry.full .header{ padding: 20px 20px 0; }
    .entry .header .nav.tabbed{ padding: 20px 20px 0; margin-left: -20px; }
    .entry .header .nav.tabbed ul li a{ font-size: 13px; padding: 10px 15px; }
    .entry.full .content{ padding: 0 20px 20px; }
    #about .section .header{ margin: 0 0 20px; }
    #about #gallery{ margin: 0 0 20px; }
    #about #gallery .header{ padding: 0 20px; }
    #about #gallery .item.border:after{ display: none; }
    #about #gallery #item3:after, #about #gallery #item5:after{ display: block; left: 0; }
    #about #gallery .rect{ width: 100%; }
    #about #gallery .rect.border:after{ display: none; }
    #about #gallery .square{ width: 50%; }
    #about #gallery .border.left:after{ left: inherit; }
    #about #gallery .border.right:after{ right: inherit; }
    #about #gallery .border.left span.left{ left: 0; }
    #about #gallery .border.right span.right{ right: 0; }
    #about #gallery #item3 span.left, #about #gallery #item5 span.left{ left: 6px; }
    .section.locator h2{ font-size: 24px; line-height: 29px; padding: 0 20px; margin: 0 0 20px; }
    #sl_div #searchForm{ padding: 0 20px; margin: 0 0 20px; }
    #sl_div #address_search .search_item{ width: 100%; margin: 0 0 15px; }
    #addy_in_radius { padding-right: 0; }
    #sl_div #address_search #addy_in_address, #sl_div #address_search #addy_in_country{ padding: 0; }
    #radius_in_submit { width: 100%; padding: 8px 0 0; margin: 0 0 -15px; }
    #radius_in_submit INPUT { width: auto; height: auto; padding: 12px 20px; }
    div#sl_div div#map{ height: 300px !important; }
    #sl_div #map_sidebar{ max-width: none; padding: 0 0 20px; }
    #sl_div .results_wrapper .results_entry{ padding: 20px; }
    #sl_div .results_wrapper .results_entry .address{ width: 60%; padding-right: 4%; }
    #sl_div .results_wrapper .results_entry .contact{ width: 36%; padding-right: 0; }
    #sl_div .results_wrapper .results_entry .directions{ width: 100%; }
    #sl_div .results_wrapper .results_entry span.slp_result_directions{ float: left; }
    #sl_div .text_below_map{ padding: 20px; }
    #sl_div .no_results_found{ padding: 20px; }
    #marketing_downloads li{ padding: 10px 0; }
    #marketing_downloads li .thumb{ width: 60px; }
    #marketing_downloads li .details{ margin: 0 0 0 80px; }
    #marketing_downloads li .details h4{ font-size: 15px; margin: 0 0 10px; }
    .livechat{ float: left; clear: both; margin: 0 0 20px; position: relative; top: inherit; right: inherit; }
    .region_contact{ padding: 30px 0 0; margin: 10px 0 0; }
    .region_contact .details{ width: 100%; padding-right: 0; }
    .region_contact .details ul{ margin: 0 0 20px; }
    #support ul li{ margin: 0 0 20px; }
    #support ul li a.btn{ padding: 15px 10px; }
    #support ul li ul li{ padding: 20px 5px 0 5px; }
    #support ul li ul li.divider{ margin: 20px 0 0; }
    #support ul li ul li.details{ margin-top: 20px; }
    .section.training{ padding-top: 30px !important; padding-bottom: 10px !important; }
    .section.training:before{ margin: -1px 20px 0; }
    .section.training .header.title{ margin: 0 0 20px; }
    .section.training .videos .video{ width: 100%; float: left; display: block; margin: 0 0 20px; }
    .section.training .videos .video h4{ font-size: 15px; padding: 10px 0 0; }
    .section.training ul.links{ padding: 0 20px 10px; }
    .section.training ul.links li{ font-size: 18px; line-height: 24px; }
    .section.social_feed .header.title{ margin: 0 0 20px; }
    .section.twitter{ width: 100%; padding-right: 20px; }
    .section.facebook{ width: 100%; padding-left: 20px; }
    .section.instagram{ padding-left: 0 !important; }
    .section.instagram .feed{ padding: 0 10px 0; }
    .section.instagram .instagram-image{ width: 50%; }
    .section.youtube .video{ width: 100%; float: left; display: block; margin: 0 0 20px; }
    .section.youtube .video h4{ font-size: 15px; padding: 10px 0 0; }
    .see_us .section.std{ padding-top: 0; }
    .see_us .section.std .header.title{ margin: 0 0 20px; }
    #showrooms .image{ margin: 0 0 25px; } 
    #showrooms .locations{ margin: 0 0 25px; }
    #posts{ padding: 0 10px; }
    #posts.blog{ padding: 0 20px 0 20px; margin: 0 0 20px; }
    .post{ padding: 0 20px 0 20px; margin: 0 0 20px; }
    .post.preview{ padding: 0 10px; margin: 0 0 20px; }
    #sidebar.posts{ padding: 0 20px 0 20px; margin: 0 0 20px; }
    #sidebar.posts .post.preview .header h2{ font-size: 15px; line-height: 21px; }
    #rss_subscribe{ padding: 20px 0 0; margin-top: 20px; }
    .search #posts{ padding: 10px 20px 0; margin: 0; }
    .search #posts .post.preview{ padding: 20px 0; }
    .load_more a, .load_more .loader{ margin: 10px 0 20px; }
    .section.grid .load_more a, .section.grid .load_more .loader{ margin: 0 20px 20px;}
    #posts.blog .load_more a, #posts.blog .load_more .loader, .search #posts .load_more a, .search #posts .load_more .loader{ margin: 0 0 20px !important; }
    #footer .section{ padding: 20px; }
    #footer .nav ul li a{ padding: 16px 20px; }
    #footer .nav ul li.menu-item-has-children > a:after{ right: 20px; }
    #footer .nav ul li.menu-item-has-children ul.sub-menu li a{ padding: 12px 20px 12px 30px; }
    #footer .nav ul#sister_brands li a{ display: block; padding: 20px; }
    #footer .social{ float: left; padding-right: 0; margin: 0 0 25px; }
    #footer .social h3{ min-height: inherit; margin: 0 0 15px; text-align: left; }
    #footer .social ul{ float: left; }
    .updates{ width: 100%; min-width: inherit; max-width: 380px; clear: both; }
    .updates .signup{ padding-top: 0; }
    #footer ul.memberships li{ height: 40px; padding: 0 12px 0 0; }
    #footer ul.memberships li img{ max-width: 80px; max-height: 24px; }
    section.wfx, section.side {
    float: left;
    width: 100%;
    }
    section.wfx > article img {
    width: 100%;
    }
    body#wfx2015 hgroup h1 {
    color: #000;
    font-size: 27px;
    font-weight: bold;
    letter-spacing: -1px;
    line-height: 38px;
    }
    body#wfx2015 hgroup h2 {
    font-size: 19px;
    }
    section.wfx > article h2, section.wfx > article h3.alt {
    font-size: 17px;
    line-height: 21px;
    width: 92%;
    }
    section.wfx > article h3 {
    font-size: 18px;
    }
    body#wfx2015 aside {
    display: none;
    }
    #foogallery-gallery-29296 {
    width: 100%;
    }
    body#wfx2017 .wfx + aside,
    body#wfx2018 .wfx + aside {
        width: 100%;
    }
    .event-info {
    border: 0px;
    padding: 0px;
    width: 100%;
    }
    .event-info h2 {
    font-size: 1.2em;
    }
    .event-info + aside {
    width: 100%;
    }
    .option-container .wpcf7-list-item label {
    width: 50%;
    }
}

@media only screen and (max-width: 580px) {
    .tweet{ width: 100%; padding: 50px 20px 20px; background-position: center top 20px; }
    .tweet:before{ display: none; }
    .tweet span.content{ position: relative; top: inherit; padding: 0 0 12px; -webkit-transform: none; -ms-transform: none; transform: none; }
    .tweet span.timestamp{ position: relative; bottom: inherit; font-size: 13px; }
    .product.preview{ width: 100% !important; float: left; display: block; margin-left: 0; }
    .product.single .product_shots a.rslides_nav{ width: 40px; height: 70px; margin-top: -35px; }
    .entry .header .nav.tabbed{ padding: 20px 0 0; margin-left: 0; border: 0; }
    .entry .header .nav.tabbed ul li{ width: 50%; margin: 0; text-align: center; }
    .entry .header .nav.tabbed ul li a{ font-size: 13px; padding: 10px 15px; margin: 3px 6px 3px 0; }
    .entry .header .nav.tabbed ul li.current_page_item a{ border-bottom: 1px solid #ddd; }
    .custom3.teaser{ width: 100% !important; }
    .blog.teaser{ width: 100% !important; }
    .news.teaser{ width: 100% !important; }
    .section.locator{ padding-top: 20px; border-top: 1px solid #ddd; }
    #featured_news{ margin: 0; }
    .teaser.featured{ width: 100%; height: 240px; padding-right: 0; margin: 0 0 20px; }
    .teaser.featured.lighting_insights{ padding-left: 0; }
    .teaser.featured a{ right: 0; }
    .teaser.featured.lighting_insights a{ left: 0; }
    #posts{ padding: 0 20px; }
    .post.preview{ width: 100%; padding: 0; }
    .wpcf7-form div.form_field.left{ width: 100%; padding-right: 0; } 
    .wpcf7-form div.form_field.right{ width: 100%; padding-left: 0; }
    .wpcf7-form div.form_field input, .wpcf7-form div.form_field select, .wpcf7-form div.form_field textarea { font-size: 13px; }
    body#wfx2015 aside {
    display: none;
    }
    #newspop, body#home .fancybox-overlay, body#home .fancybox-item.fancybox-close {
    display: none !important;
    }
    #foogallery-gallery-29296 {
    width: 100%;
    }
    body#wfx2017 .wfx + aside,
    body#wfx2018 .wfx + aside {
    width: 100%;
    }
    .event-info {
    border: 0px;
    padding: 0px;
    width: 100%;
    }
    .event-info h2 {
    font-size: 1.2em;
    }
    .event-info + aside {
    width: 100%;
    }
    .checkbox-wrap label.checkbox {
    font-size: 0.9em;
    }
    #FormFieldsTable label {
    width: 100%;
    }
    .option-container .wpcf7-list-item label {
    width: 50%;
    }
}

@media only screen and (max-width: 520px) {
    #footer ul.memberships{ max-width: 300px; }
    #footer .copyright{ font-size: 13px; }
    #footer .copyright span{ display: none; }
    #newspop, body#home .fancybox-overlay, body#home .fancybox-item.fancybox-close {
    display: none !important;
    }
    body#wfx2017 .wfx + aside,
    body#wfx2018 .wfx + aside {
        width: 100%;
    }
    .event-info {
        border: 0px;
        padding: 0px;
        width: 100%;
    }
    .event-info h2 {
        font-size: 1.2em;
    }
    .event-info + aside {
        width: 100%;
    }
    .checkbox-wrap label.checkbox {
        width: 100%;
    }
    #FormFieldsTable label {
        width: 100%;
    }
    .option-container .wpcf7-list-item label {
        width: 100%;
    }
}

@media only screen and (max-width: 480px) {
    #header h1#logo{ margin: 20px 0 20px 20px; }
    #nav_btn{ padding-right: 20px; background-position: center right 20px; }
    #header #nav ul li a{ padding: 16px 20px; }
    #header #nav ul.sub-menu li a{ color: #fff; padding: 12px 20px 12px 35px; }
    #header #nav ul li.menu-item-has-children > a:before{ right: 20px; }
    #header #searchform{ padding: 0 20px; }
    .section .header.main.with_bg{ padding: 80px 20px 20px; }
    .section .header.main h1{ font-size: 36px; }
    .section .header.main h3{ font-size: 20px; }
    .section.std .header.title h2{ font-size: 27px; line-height: 31px; }
    header.title ul {float:left; margin-top: 15px;}
    header.title ul li {padding-bottom: 5px;}
    ul#slides.rslides li img{ max-width: 135%; margin-left: -10px; }
    .product.single .main .header h1{ font-size: 34px; line-height: 38px; }
    .product.single .product_photos a.rslides_nav{ width: 50px; height: 70px; margin-top: -35px; }
    #filter .form-field{ width: 100%; padding: 0; }
    .entry .header h1{ font-size: 36px; }
    .entry .header h2{ font-size: 26px; line-height: 30px; }
    #trajectory ul.gallery li span.year{ top: 10px; right: 10px; font-size: 28px; line-height: 28px; }
    div#sl_div div#map{ height: 250px !important; }
    #sl_div .results_wrapper .results_entry .address{ width: 100%; padding-right: 0; margin: 5px 0 0; }
    #sl_div .results_wrapper .results_entry .contact{ width: 100%; margin: 0; }
    #showrooms .locations ul li span.location{ font-size: 15px; }
    #showrooms .locations ul li span.info{ font-size: 11px; padding-left: 6px; }
    #tradeshows ul li span{ display: block; }
    #tradeshows ul li span:after{ display: none; }
    .post .header h1{ font-size: 24px; line-height: 32px; }
    #posts.blog .post.preview .header h2{ font-size: 24px; line-height: 32px; }
    #sidebar.posts .section .header h3{ font-size: 22px; }
    .search .header.main span{ font-size: 17px; line-height: 25px; padding-top: 6px; }
    .search #posts .post.preview .header span.type{ font-size: 10px; padding: 2px 6px; margin-bottom: 8px; }
    .search #posts .post.preview .header h2{ font-size: 20px; line-height: 28px; }
    .wpcf7-form div.form_field input, .wpcf7-form div.form_field select, .wpcf7-form div.form_field textarea { font-size: 11px; }
    .content-block h1{ font-size: 26px; line-height: 32px; }
    .content-block h2{ font-size: 22px; line-height: 28px; }
    .content-block h3{ font-size: 19px; line-height: 26px; }
    .content-block h4{ font-size: 17px; line-height: 23px; }
    .content-block h5{ font-size: 15px; line-height: 21px; }
    body#wfx2015 aside {
    display: none;
    }
    body#wfx2015 hgroup {
    display: none;
    }
    .mobile-display {
    border-bottom: 1px solid #e2e2e2;
    display: inline-block !important;
    margin-bottom: 0;
    padding-bottom: 25px;
    padding-top: 20px;
    width: 100%;
    }
    .mobile-display .callout {
    background: #000;
    padding: 15px;
    }
    .mobile-display .callout h1, .mobile-display .callout h2 {
    color: #fff;
    }
    .mobile-display .callout h1 {
    color: #fff;
    font-size: 19px;
    font-weight: bold;
    text-align: left;
    }
    .mobile-display .callout h2 {
    border-top: 2px solid #b5b5b5;
    font-size: 16px;
    font-weight: bold;
    padding-top: 10px;
    }
    .mobile-display .callout h2 a {
    color: #fff;
    }
    a.directions {
    border: 1px solid #000;
    float: left;
    font-size: 14px;
    margin-top: 8px;
    padding: 5px 15px;
    text-decoration: none;
    }
    section.wfx > article h3 {
    font-size: 17px;
    }
    section.wfx > article h2, section.wfx > article h3.alt {
    font-size: 16px;
    }
    section.wfx > article h2 span, section.wfx > article h3.alt span {
    clear: both;
    float: left;
    width: 100%;
    }
    section.wfx > article img.profile {
    margin-bottom: 10px;
    }
    #newspop, body#home .fancybox-overlay, body#home .fancybox-item.fancybox-close {
    display: none !important;
    }
    #foogallery-gallery-29296 {
    width: 100%;
    }
    body#wfx2017 .wfx + aside,
    body#wfx2018 .wfx + aside {
        width: 100%;
    }
    .post.single.box .content-block .alignright {
    width: 100%;
    float: none;
    display: inline-block;
    }
    .event-info {
    border: 0px;
    padding: 0px;
    width: 100%;
    }
    .event-info h2 {
    font-size: 1.2em;
    }
    .event-info + aside {
    width: 100%;
    }
    .checkbox-wrap label.checkbox {
    width: 100%;
    }
    #FormFieldsTable label {
    width: 100%;
    }
    .option-container .wpcf7-list-item label {
    width: 100%;
    }
    #SignupFormPreview #FormFieldsTable label { 
        width: 100%;
    }
}

@media only screen and (max-width: 380px) {
    .product.single .download{ width: 100%; float: left; display: block; margin: 20px 0; }
    .entry .header .nav.tabbed ul li a{ font-size: 11px; }
    .mobile-display .callout h1 {
    font-size: 20px;
    }
    .mobile-display .callout h2 {
    font-size: 19px;
    }
    #newspop, body#home .fancybox-overlay, body#home .fancybox-item.fancybox-close {
    display: none !important;
    }

    #foogallery-gallery-29296 {
    margin: 0px auto;
    width: 100%;
    }
    .photo-credit {
    margin: 0px;
    }
    .foogallery-image-viewer .foogallery-caption-title, .foogallery-image-viewer .foogallery-caption-desc {
    font-size: 11px !important;
    }
    .wfx + aside .callout h1 {
    font-size: 25px;
    line-height: 33px;
    }
    .wfx + aside .callout h2 {
    font-size: 23px;
    }
    body#wfx2016 .content-block h1 {
    font-size: 24px;
    line-height: 32px;
    }
    body#wfx2016 section.wfx > article h2 span {
    clear: both;
    float: left;
    font-size: 18px !important;
    line-height: 23px;
    width: 100%;
    }
    body#wfx2016 .content-block h2 {
    font-size: 20px;
    line-height: 28px;
    }
    body#wfx2016 .callout h2 {
    font-size: 23px;
    }
    section.wfx > article p {
    text-align: left;
    }
    body#wfx2016 .content-block h2 {
    font-size: 14px;
    }
    body#wfx2016 .wfx + aside .callout h1 {
    font-size: 24px;
    line-height: 32px;
    }
    .photo-caption {
    margin-bottom: 10px;
    width: 100%;
    display: inline-block;
    }
    .post.single.box .photo-caption.left img,
    .post.single.box .photo-caption.right img {
    width: 100%;
    }
    body#wfx2017 .wfx + aside,
    body#wfx2018 .wfx + aside {
    width: 100%;
    }
    .post.single.box .content-block .alignright {
    width: 100%;
    float: none;
    display: inline-block;
    }
    .event-info {
    border: 0px;
    padding: 0px;
    width: 100%;
    }
    .event-info h2 {
    font-size: 1.2em;
    }
    .event-info + aside {
    width: 100%;
    }
    .checkbox-wrap label.checkbox {
    width: 100%;
    }
    .option-container .wpcf7-list-item label {
    width: 100%;
    }
    #SignupFormPreview #FormFieldsTable label { 
        width: 100%;
    }
}

@media (min-width: 320px) and (max-width: 360px) {
    body#wfx2017 .wfx + aside,
    body#wfx2018 .wfx + aside {
        width: 100%;
    }
    body#wfx2017 hgroup h2 span,
    body#wfx2018 hgroup h2 span {
        padding: 3px 18px;
        font-size: 1.0em;
    }
    body#wfx2017 h2 > span,
    body#wfx2018 h2 > span {
        font-size: 1.7em;
        line-height: 1.3em;
    }
    body#wfx2017 section.wfx > article h2, 
    body#wfx2017 section.wfx > article h3.alt,
    body#wfx2018 section.wfx > article h2, 
    body#wfx2018 section.wfx > article h3.alt {
        font-size: 0.8em;
        letter-spacing: 0.03em;
    }
    body#wfx2017 img.alignleft,
    body#wfx2018 img.alignleft {
        display: inline-block;
        width: 100% !important;
    }
    .post.single.box .content-block .alignright {
        width: 100%;
        float: none;
        display: inline-block;
    }
    .post.single.box .content-block .alignright {
        width: 100%;
        float: none;
        display: inline-block;
    }
    .event-info {
        border: 0px;
        padding: 0px;
        width: 100%;
    }
    .event-info h2 {
        font-size: 1.2em;
    }
    .event-info + aside {
        width: 100%;
    }
    .checkbox-wrap label.checkbox {
        width: 100%;
    }
    .option-container .wpcf7-list-item label {
        width: 100%;
    }
    #SignupFormPreview #FormFieldsTable label { 
        width: 100%;
    }
}

@media (min-width: 320px) and (max-width: 413px) {
    #chamsys_banner {
        padding: 1.66em;
        background-position: -785px -25px;
        height: auto;
        width: 91%;
    }
    #chamsys_banner .logo {
        display: block;
        margin-top: 1em;
        width: 80%;
    }
    #chamsys_banner a.text-link {
        float: left;
    }
    #chamsys_banner h2, #chamsys_banner a.text-link {
        font-size: 0.92em;
        line-height: 1.4em;
        margin: .4em 0em;
        float: left;
        clear: both;   
    }
}

@media (min-width: 414px) and (max-width: 639px) {
    #chamsys_banner {
        padding: 1.66em;
        width: 93%;
        background-position: -545px 0px;
        height: auto;
    }
    #chamsys_banner .logo {
        display: block;
        margin-top: 1em;
        width: 50%;
    }
    #chamsys_banner a.text-link {
        float: left;
    }
    #chamsys_banner h2, #chamsys_banner a.text-link {
        font-size: 0.92em;
        line-height: 1.4em;
        margin: .4em 0em;
        float: left;
        clear: both;   
    }
} 

@media (min-width: 640px) and (max-width: 840px) {
    #chamsys_banner {
        padding: 1.66em;
        width: auto;
        background-position: -570px 0px;
        height: auto;
    }
    #chamsys_banner .logo {
        display: block;
        width: 50%;
    }
    #chamsys_banner a.text-link {
        float: left;
    }
     #chamsys_banner h2, #chamsys_banner a.text-link {
        font-size: 0.9em;
        line-height: 1.4em;
        margin: .4em 0em;
        float: left;
        clear: both;   
    }
}   

@media (min-width: 841px) and (max-width: 1129px) {
    #chamsys_banner {
        width: 100%;
        max-width: 100%;
    }
    #chamsys_banner a.text-link {
        float: left;
    }
    #chamsys_banner h2, #chamsys_banner a.text-link {
        margin: .4em 0em;
        float: left;
        clear: both;    
    }
}

/*
    USITT Page
--------------------------------------------------------------- */

@media (min-width: 320px) and (max-width: 840px) {
    section.sessions, .sessions .article, .sessions + aside, .sessions + aside iframe, .sessions + aside div img {
        width: 100%;
    }
    .sessions + aside {
        text-align: left;
    }
    body#usitt-2019 .entry .header h1 {
        font-size: 1.8em;
    }
}
@media (min-width: 841px) and (max-width: 960px) {
    section.sessions, .sessions .article, .sessions + aside, .sessions + aside iframe {
        width: 100%;
    }
    .sessions + aside div img {
        float: left;
        margin-right: 1em;
    }
    .sessions + aside {
        text-align: left;
    }
}

@media only screen and (max-height: 560px){
.vid{ max-width: 586px; max-height: 330px; }
}
@media only screen and (max-height: 380px){
.vid{ max-width: 426px; max-height: 240px; }
}
@media only screen and (max-height: 280px){
.vid{ max-width: 284px; max-height: 160px; }
}