/*for all mobile*/


/*==========END TESTIMONIAL======================*/


/*Parallax effects section must be configured with the samewidth as the _widthForShiftSwap setting in section.js*/

@media screen and (max-width: 1200px) {
    .demoform-container table td.dblleft {
        padding-right: 0px;
    }
    .demoform-container table td.dblright {
        padding-left: 0px;
    }
    .demoform-container input[type="text"],
    .demoform-container textarea,
    .demoform-container input.short[type="text"],
    .demoform-container select {
        width: 100% !important;
        margin-bottom: 4px;
    }
    .demoform-container textarea {
        height: 110px;
    }
    .demoform-container form {
        margin-left: 4px;
        margin-right: 10px;
    }
    .demoform-container input[type="text"],
    .form textarea {
        margin: 0 0 4px;
        background-size: 100% 38px;
    }
    .demoform-container input[type="text"]:focus {
        outline: none;
        background-size: 100% 38px;
    }
    .demoform-container .inner-demoform {
        width: 100%;
    }
    .demoform-container form {
        margin-left: 0;
        margin-right: 0;
    }
    /*override dynamic settings*/
    #commonHiddenPopup {
        bottom: auto !important;
        right: 0 !important;
    }
    #commonHiddenPopup.translate {
        position: fixed;
        width: auto !important;
        /*we can solve the mouse-out issue if we set 500px, but then it is too easy to cause the popup to disappear*/
        height: 100% !important;
        margin: 0 auto !important;
        top: 34px;
        left: 0;
        overflow: auto;
        /*required*/
        transform: translate(0, 0);
    }
    /*we need to give a definite height to our popup form so that it scrolls*/
    #commonHiddenPopup .demoform-container {
        height: auto;
        /*870px;*/
    }
    /*TURN OFF PARALLAX FOR VIDEO*/
    .parallaxvideo-window video,
    .videofullscreenelement,
    .videofullscreenelement.visible {
        display: none;
    }
    .parallaxvideo-window ._m.bgimg-container,
    .parallax-window ._m.bgimg-container {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-position: initial;
        background-repeat: no-repeat;
        background-size: cover;
        background-attachment: initial;
        /*removing parallax from all mobile*/
    }
    .parallaxvideo-window {
        background-attachment: initial;
        /*removing parallax from all mobile*/
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover !important;
    }
    /*We don't need the clone preview for mobile*/
    .parallaxvideo-window .showpreview {
        display: none;
    }
    .parallaxvideo-window:not(.maintain) {
        height: auto !important;
        padding: 20px;
        min-height: 300px;
    }
    /*END PARALLAX VIDEO*/
    #layout.fixedproxy .headerfixedproxy,
    #layout.express-travel-registry .headerfixedproxy,
    /*some pages require explicit setting*/
    #layout.application-mgmt .headerfixedproxy,
    #layout.agreements-mgmt .headerfixedproxy,
    #layout.mobility .headerfixedproxy,
    #layout.canada-landing .headerfixedproxy,
    #layout.at-test .headerfixedproxy,
    /*at-test is actually alerttravler*/
    #layout[class*='blog'] .headerfixedproxy,
    #layout[class*='conference'] .headerfixedproxy,
    #layout[class*='resource'] .headerfixedproxy,
    #layout[class*='case-studies'] .headerfixedproxy,
    #layout[class*='ebook-'] .headerfixedproxy,
    .headerfixedproxy {
        display: none;
    }
    /*TURN OFF PARALLAX FOR WINDOW*/
    /* 4-23-19 WE HAVE LEFT THIS IN PLACE BUT IMMEDIATELY OVERRIDE NEARLY ALL THE               PROPERTIES IN FAVOR OF THE 767px MOBILE SETTINGS*/
    /*remove vertical centering and make parent window auto-fit contents*/
    .parallax-window {
        height: auto !important;
        /*height: 50vh !important;*/
        /*9-7-18*/
        padding: 20px;
        /* remove the parallax scrolling effect */
        /*background:none;*/
        background-size: cover;
        background-position: top center;
    }
    .parallax-window.no-bg-size {
        background-size: initial;
    }
    .parallax-window._m-no-img:not(.imgx991) {
        background-image: none !important;
        /*ensure destkop version is hidden*/
    }
    .inner-bannerbox-container:not(.maintain) .bannerbox-item {
        text-align: center;
        position: relative;
        height: auto;
        top: auto;
        left: auto;
        transform: none;
        margin: 0;
        /* 30px 0 42px;*/
    }
    .inner-bannerbox-container .button-container,
    .inner-bannerbox-container .bannerbox-item.flexbox .button-container {
        margin-top: 38px;
    }
    .bannerbox-item .imgwrapper img {
        width: 100% !important;
        height: auto !important;
    }
    /*END PARALLAX WINDOW*/
    /*IMMEDIATELY OVERRIDE MANY OF THE ABOVE PROPERTIES*/
    /*1099n*/
    /*BEGIN PARALLAX WINDOW*/
    /*remove vertical centering and make parent window auto-fit contents*/
    .parallax-window {
        /* remove the parallax scrolling effect */
        /*background:none;*/
        background-attachment: scroll;
        background-size: cover;
        background-position: top center;
    }
    .text-container.padbottom767 {
        padding-bottom: 40px;
    }
    .parallax-window:not(.maintain) {
        height: auto !important;
        /*5-24-18 added important as temp solution for solutions pages*/
        padding: 25px;
        min-height: 300px;
    }
    .inner-bannerbox-container {
        min-height: auto;
    }
    .parallax-window .inner-bannerbox-container {
        padding: 20px;
        padding-left: 0;
        padding-right: 0;
    }
    .parallax-window.no-bg-size {
        background-size: initial;
    }
    .parallax-window._m-no-img:not(.imgx991) {
        background-image: none !important;
        /*ensure destkop version is hidden*/
    }
    .inner-bannerbox-container:not(.maintain) .bannerbox-item {
        text-align: center;
        position: relative;
        height: auto;
        top: auto;
        left: auto;
        transform: none;
        margin: 0;
        /* 30px 0 42px;*/
    }
    .inner-bannerbox-container .button-container:not(.maintain),
    .inner-bannerbox-container .bannerbox-item.flexbox .button-container {
        margin-top: 0px;
    }
    .bannerbox-item .imgwrapper img {
        width: 100% !important;
        height: auto !important;
    }
    .parallax-scroll-button:not(.maintain) {
        display: none;
    }
    /*END PARALLAX WINDOW*/
    /*VIDEO/ITEM BUTTONS*/
    .itembtn.flexbox.btn-standard {
        height: 60px;
        width: 195px;
    }
    .itembtn.playvideo {
        margin-right: 20px;
    }

    .itembtn.playvideo.flexbox::before {
        height: 14px;
        width: 14px;
    }

    /*video playonce items*/
    .videoanimate._m {
        display: block;
    }
    .videoanimate.videoplayonce {
        display: none;
    }
    /*use hamburger menu*/
    /*Takes over from -tap highlight    However, A tags are still controlled by -tap*/
    #topmenus-mobile .navigation.menulist li:active,
    #header-container ul.navigation .menulistbox.open li.active,
    #menu-container ul.navigation .menulistbox.open li.active,
    #mainnav-container ul.navigation .menulistbox.open li.active,
    #pinfooter ul.navigation .menulistbox.open li.active {
        /*background-color:#FF8300;*/
        background-color: rgba(0, 0, 0, .3);
    }
    #mobilemenus.mobileonly {
        display: block;
    }
    #top-menu .mainonly {
        display: none !important;
    }
    /*These have other property classes but they are grouped here    because they require adjustments when the menu header height is adjusted.*/
    #mobile-header-container,
    #mobilemenus {
        /*If  we notice descrepency in the elements, then check that        the top-mobile-menu element has bottom set to "auto" not 0*/
        height: 57px;
    }
    #mobile-header-container.test {
        height: 100px
    }
    /*margin-top must match mobile-header-container fixed position. Header    proxy is handling this for this site*/
    /*#layout {        margin-top: 57px;     }*/
    #topmenus-mobile {
        top: 57px;
    }
    /*not common - takes over for typical layout mobile setting*/
    header .header,
    header.fixed {
        /*header.fixed + .headerfixedproxy*/
        height: 57px;
        /*must match mobile-header-container fixed position*/
    }
    header.fixed+.headerfixedproxy,
    .headerfixedproxy {
        display: none;
    }
    .header .logo {
        display: none;
    }
    .appbar {
        display: block;
        top: 6px;
    }
    #commonPopupOverlay .xboxclose {
        position: fixed;
        top: 16px;
        right: 16px;
        height: 16px;
        background-size: contain;
    }
    .header {
        height: auto;
        padding-top: 0;
        margin-bottom: 0;
    }
    /*compensate for overlay*/
    header,
    .header,
    #top-mobile-menu {
        z-index: 2010;
    }
    header .header {
        height: 0;
    }
    #mobile-logo {
        z-index: 2000;
        display: inline-block;
        margin-left: 14px;
        margin-top: 10px;
        width: 200px;
    }
    #mobile-logo .logo {
        width: 100%;
        /*allow img to scale*/
    }
    #mobile-logo .logo img {
        width: 100%;
        /*allow img to scale*/
        height: auto;
    }
    /*handle our double logo*/
    .logo-item.itembase {
        display: none;
    }
    .logo .logo-item.itemfade {
        position: relative;
        text-align: center;
        top: inherit;
        left: inherit;
        margin-left: 0px;
        width: auto;
    }
    #commonHiddenPopupOverlay .xboxclosehidden {
        background: url(../png/xbox-off-mobile.png) no-repeat;
        background-size: contain;
    }
    #commonHiddenPopupOverlay .xboxclosehidden:hover {
        background: url(../png/xbox-over-mobile.png) no-repeat;
        background-size: contain;
    }
    #mobile-header-container {
        position: fixed;
        display: block;
        top: 0px;
        left: 0px;
        width: 100%;
        background-color: #fff;
        z-index: 2120;
        /*must be more than the top menu*/
    }
    #mobilemenus {
        z-index: 2110;
        position: absolute;
        width: 100%;
    }
    #topmenus-mobile {
        position: absolute;
        display: none;
        /*height: 147px*/
        ;
        z-index: 1400;
        /*don't cover the app icon*/
        width: 100%;
        height: auto;
        /*use auto if not wanting to cover entire interface; 100% to cover all*/
    }
    #topmenus-mobile.menuopen {
        display: block;
    }
    #topmenus-mobile #inner-topmenus-mobile {
        position: relative;
        padding: 0;
        height: 100%;
        background: rgba(239, 239, 239, 1.0);
        /*rgba(30, 135, 212, 0.75); */
        -webkit-border-radius: 0 0 7px;
        -moz-border-radius: 0 0 7px;
        border-radius: 0 0 7px;
    }
    .mobilelayer {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100px;
    }
    #top-menu {
        display: none;
    }
    #top-mobile-menu.mobile {
        display: block;
        font-weight: 400;
        position: absolute;
        bottom: auto;
        /*do not set to 0. That will cause the element to push up into the page*/
        z-index: 1400;
        /*don't cover the app icon*/
        width: 100%;
        height: auto;
        /*use auto if not wanting to cover entire interface; 100% to cover all*/
        right: 0;
        left: 0;
        text-align: left;
    }
    #top-mobile-menu .inline-list>li {
        text-transform: uppercase;
    }
    #top-mobile-menu ul.inline-list {
        /*line-height:1.6rem;*/
    }
    #mobilemenus .menulist a,
    .menulist a,
    .inline-list a {
        outline: none;
    }
    /*END NEW MOBILE*/
    /*BEGIN NAV LIST ITEM*/
    ul.navigation {
        padding: 0px;
    }
    .navigation.menulist {
        width: auto;
        z-index: 100;
        /*don't cover the app icon*/
        padding-left: 0px;
        background-color: transparent;
    }
    #top-mobile-menu.mobile .inline-list,
    .inline-list>li,
    .inline-list {
        float: none;
        display: block;
    }
    #top-mobile-menu.mobile .inline-list>li,
    .inline-list>li {
        padding: 0;
        /*We remove the padding. We now use BEFORE to inject space. This prevents iOS from showing separation        from device edge when tapping the A link*/
        margin: 0;
    }
    #top-mobile-menu.mobile .inline-list>li a:before,
    #top-mobile-menu.mobile .inline-list>li span.applied:before {
        /*add spaces before menu item. We do this to keep 'A' element         to the edge of browser*/
        content: "\00a0 \00a0 \00a0 \00a0 \00a0 ";
    }
    #top-mobile-menu.mobile .demobtn.menu {
        display: none;
    }
    #top-mobile-menu.mobile .inline-list>li a,
    .inline-list>li a,
    #top-mobile-menu.mobile .inline-list>li.isSelected {
        font-size: 20px;
        text-decoration: none;
        /*padding-left: 10px;*/
        /*1099-n*/
        display: block;
        width: 100%;
    }
    #top-mobile-menu.mobile .inline-list>li a,
    .inline-list>li a {
        color: #ece8db;
    }
    #top-mobile-menu.mobile .inline-list>li.isSelected,
    #top-mobile-menu.mobile .inline-list>li>a.isSelected {
        color: #ece8db;
    }
    /*because isSelected shows up on LI and A tags, we need to    remove padding on the A tag when it exists within th LI*/
    #top-mobile-menu.mobile .inline-list>li>a.isSelected {
        padding-left: 0px;
    }
    #top-mobile-menu.mobile .inline-list img,
    .navigation.menulist img,
    .inline-list img {
        display: none;
    }
    .navigation.menulist ._m,
    .inline-list ._m {
        display: inline-block;
        padding: 0 0 0 15px;
    }
    .navigation.menulist.menuopen,
    .inline-list.menuopen {
        display: block;
    }
    /*all menu items*/
    #top-mobile-menu.mobile .inline-list li,
    ul.navigation li,
    .inline-list li {
        /*font-family:"alternate-gothic-no-3-d";*/
        height: 70px;
        line-height: 70px;
        border-bottom: 1px solid rgba(99, 97, 92, 0.5);
        color: #ece8db;
        text-transform: uppercase;
        font-weight: normal;
        font-size: 20px;
        /*see A class*/
    }
    #top-mobile-menu.mobile .inline-list>li:first-child,
    .navigation.menulist>li:first-child,
    .inline-list>li:first-child {
        margin-top: 0px;
        border-top: 1px solid rgba(99, 97, 92, 0.5);
    }
    #top-mobile-menu.mobile .inline-list>li:first-child,
    .navigation.menulist>li:last-child,
    .inline-list>li:first-child {}
    /*#top-mobile-menu.mobile .inline-list li.blue {
        background-color: #3ab6e5;
    }
    #top-mobile-menu.mobile .inline-list li.orange {
        background-color: #FF8300;
    }
    #top-mobile-menu.mobile .inline-list li.purple {
        background-color: #7f3f98;
    }
    #top-mobile-menu.mobile .inline-list li.red {
        background-color: #ef4023;
    }
    #top-mobile-menu.mobile .inline-list li.reddeep {
        background-color: #c20000;
    }
    #top-mobile-menu.mobile .inline-list li.green {
        background-color: #8dc63f;
    }
    #top-mobile-menu.mobile .inline-list li.yellow {
        background-color: #fcaf17;
    }*/
    /*END NAV LIST ITEM*/
    /*MOBILE ONLY*/
    /*Billboards*/
    #section-demo-container .rs .rsBullet {
        padding: 0px 12px 6px;
    }
    .searchbox {
        display: none !important;
    }
    /*DEMO POPUP*/
    .demoform-container table,
    .demoform-container table tbody,
    .demoform-containertable tbody tr,
    .demoform-container table tbody tr td {
        display: block;
        width: 500px;
        margin: 0 auto;
    }
}

@media screen and (max-width: 1200px) {
    .inner-bannerbox-container.flexbox .bannerbox-item.flexbox.midheight {
        height: 65%;
    }
}

@media screen and (max-width: 1100px) {
    /*Takes over from -tap highlight    However, A tags are still controlled by -tap*/
    #topmenus-mobile .navigation.menulist li:active,
    #header-container ul.navigation .menulistbox.open li.active,
    #menu-container ul.navigation .menulistbox.open li.active,
    #mainnav-container ul.navigation .menulistbox.open li.active,
    #pinfooter ul.navigation .menulistbox.open li.active {
        /*background-color:#FF8300;*/
        background-color: rgba(0, 0, 0, .3);
    }
    /*#top-menu {        right: 2%;    }    header .logo {        margin-left: 5%;    }    #top-menu .inline-list > li {        padding: 0px 0 0 15px;    }*/
    /*===================================================*/
    /*BEGIN HAMBURGER REQUIREMENTS*/
    .searchbox {
        display: none !important;
    }
    /*These have other property classes but they are grouped here    because they require adjustments when the menu header height is adjusted.*/
    #mobile-header-container,
    #mobilemenus {
        /*If  we notice descrepency in the elements, then check that        the top-mobile-menu element has bottom set to "auto" not 0*/
        height: 57px;
        display: block;
        z-index: 2110;
        position: absolute;
        width: 100%;
    }
    #mobile-header-container.test {
        height: 100px
    }
    /*margin-top must match mobile-header-container fixed position. Header    proxy is handling this for this site*/
    /*#layout {        margin-top: 57px;     }*/
    #topmenus-mobile {
        top: 57px;
    }
    /*not common - takes over for typical layout mobile setting*/
    header .header,
    header.fixed {
        /*header.fixed + .headerfixedproxy*/
        height: 57px;
        /*must match mobile-header-container fixed position*/
    }
    /*removed hidden header from home page 9-21-17*/
    #layout.index header.fixed {
        display: none;
    }
    header.fixed+.headerfixedproxy,
    .headerfixedproxy {
        display: none;
    }
    /*We must compensate for the block mobile header since it pushes    100vh elements down too far*/
    .parallaxvideo-window.fill:not(.maintain) {
        position: relative;
        height: 93vh;
        /*compensated from the 57px height of the mobile block*/
    }
    .header .logo,
    .header #contact-info {
        display: none;
    }
    .appbar {
        display: block;
        top: 6px;
    }
    .header {
        height: auto;
        padding-top: 0;
        margin-bottom: 0;
    }
    /*compensate for overlay*/
    header,
    .header,
    #top-mobile-menu {
        z-index: 2010;
    }
    header .header {
        height: 0;
    }
    #mobile-logo {
        z-index: 2000;
        display: inline-block;
        margin-left: 14px;
        margin-top: 10px;
        width: 200px;
    }
    #mobile-logo .logo {
        width: 100%;
        /*allow img to scale*/
    }
    #mobile-logo .logo img {
        width: 100%;
        /*allow img to scale*/
        height: auto;
    }
    /*handle our double logo*/
    .logo-item.itembase {
        display: none;
    }
    .logo .logo-item.itemfade {
        position: relative;
        text-align: center;
        top: inherit;
        left: inherit;
        margin-left: 0px;
        width: auto;
    }
    #mobile-header-container {
        position: fixed;
        display: block;
        top: 0px;
        left: 0px;
        width: 100%;
        background-color: #fff;
        z-index: 2120;
        /*must be more than the top menu*/
    }
    /*handles gallery box for mobileheader*/
    #mobile-header-container.gallerybox {
        background: none;
        z-index: 1;
    }
    /*used when menu is cloned to get real height*/
    /*#clonetopmenu #menu-container-mobile {        display:block;        }*/
    #topmenus-mobile {
        position: absolute;
        display: none;
        /*height: 147px*/
        ;
        z-index: 1400;
        /*don't cover the app icon*/
        width: 100%;
        height: auto;
        /*use auto if not wanting to cover entire interface; 100% to cover all*/
    }
    #topmenus-mobile.menuopen {
        display: block;
    }
    #topmenus-mobile #inner-topmenus-mobile {
        position: relative;
        padding: 0;
        height: 100%;
        background: rgba(239, 239, 239, 1.0);
        /*rgba(30, 135, 212, 0.75); */
        -webkit-border-radius: 0 0 7px;
        -moz-border-radius: 0 0 7px;
        border-radius: 0 0 7px;
    }
    .mobilelayer {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100px;
    }
    #top-menu,
    #mobilemenus .demobtn {
        display: none;
    }
    #top-mobile-menu.mobile {
        display: block;
        font-weight: 400;
        position: absolute;
        bottom: auto;
        /*do not set to 0. That will cause the element to push up into the page*/
        z-index: 1400;
        /*don't cover the app icon*/
        width: 100%;
        height: auto;
        /*use auto if not wanting to cover entire interface; 100% to cover all*/
        right: 0;
        left: 0;
        text-align: left;
    }
    #top-mobile-menu .inline-list>li {
        text-transform: uppercase;
    }
    #top-mobile-menu ul.inline-list {
        /*line-height:1.6rem;*/
    }
    #mobilemenus .menulist a,
    .menulist a,
    .inline-list a {
        outline: none;
    }
    /*END NEW MOBILE*/
    /*BEGIN NAV LIST ITEM*/
    ul.navigation {
        padding: 0px;
    }
    .navigation.menulist {
        width: auto;
        z-index: 100;
        /*don't cover the app icon*/
        padding-left: 0px;
        background-color: transparent;
    }
    #top-mobile-menu.mobile .inline-list,
    .inline-list>li,
    .inline-list {
        float: none;
        display: block;
    }
    #top-mobile-menu.mobile .inline-list>li,
    .inline-list>li {
        padding: 0;
        /*We remove the padding. We now use BEFORE to inject space. This prevents iOS from showing separation        from device edge when tapping the A link*/
        margin: 0;
    }
    #top-mobile-menu.mobile .inline-list>li a:before,
    #top-mobile-menu.mobile .inline-list>li span.applied:before {
        /*add spaces before menu item. We do this to keep 'A' element         to the edge of browser*/
        content: "\00a0 \00a0 \00a0 \00a0 \00a0 ";
    }
    #top-mobile-menu.mobile .inline-list>li a,
    .inline-list>li a,
    #top-mobile-menu.mobile .inline-list>li.isSelected {
        font-size: 20px;
        text-decoration: none;
        /*padding-left: 10px;*/
        /*1099-n*/
        display: block;
        width: 100%;
    }
    #top-mobile-menu.mobile .inline-list>li a,
    .inline-list>li a {
        color: #ece8db;
    }
    #top-mobile-menu.mobile .inline-list>li.isSelected,
    #top-mobile-menu.mobile .inline-list>li>a.isSelected {
        color: #ece8db;
    }
    /*because isSelected shows up on LI and A tags, we need to    remove padding on the A tag when it exists within th LI*/
    #top-mobile-menu.mobile .inline-list>li>a.isSelected {
        padding-left: 0px;
    }
    #top-mobile-menu.mobile .inline-list img,
    .navigation.menulist img,
    .inline-list img {
        display: none;
    }
    .navigation.menulist ._m,
    .inline-list ._m {
        display: inline-block;
        padding: 0 0 0 15px;
    }
    .bannerbox-item._m {
        display: block;
    }
    .navigation.menulist.menuopen,
    .inline-list.menuopen {
        display: block;
    }
    /*all menu items*/
    #top-mobile-menu.mobile .inline-list li,
    ul.navigation li,
    .inline-list li {
        /*font-family:"alternate-gothic-no-3-d";*/
        height: 70px;
        line-height: 70px;
        border-bottom: 1px solid rgba(99, 97, 92, 0.5);
        color: #ece8db;
        text-transform: uppercase;
        font-weight: normal;
        font-size: 20px;
        /*see A class*/
    }
    #top-mobile-menu.mobile .inline-list>li:first-child,
    .navigation.menulist>li:first-child,
    .inline-list>li:first-child {
        margin-top: 0px;
        border-top: 1px solid rgba(99, 97, 92, 0.5);
    }
    #top-mobile-menu.mobile .inline-list>li:first-child,
    .navigation.menulist>li:last-child,
    .inline-list>li:first-child {}
    /*#top-mobile-menu.mobile .inline-list li.blue {
        background-color: #3ab6e5;
    }
    #top-mobile-menu.mobile .inline-list li.orange {
        background-color: #FF8300;
    }
    #top-mobile-menu.mobile .inline-list li.purple {
        background-color: #7f3f98;
    }
    #top-mobile-menu.mobile .inline-list li.red {
        background-color: #ef4023;
    }
    #top-mobile-menu.mobile .inline-list li.reddeep {
        background-color: #c20000;
    }
    #top-mobile-menu.mobile .inline-list li.green {
        background-color: #8dc63f;
    }
    #top-mobile-menu.mobile .inline-list li.yellow {
        background-color: #fcaf17;
    }
    #top-mobile-menu.mobile .inline-list li.bluegreen,
    #top-mobile-menu.mobile .inline-list li.teal {
        background-color: #50E3C2;
    }*/
    /*END NAV LIST ITEM*/
    /*END HAMBURGER REQUIREMENTS*/
    /*===================================================*/
}

@media screen and (max-width: 1030px) {
    /*#top-menu .inline-list > li {    padding: 0px 0 0 8px;}*/
}

@media screen and (max-width: 991px) {
    .parallax-window._m-no-img.imgx991 {
        background-image: none !important;
        /*ensure destkop version is hidden*/
    }
    .parallax-window ._m-bgimg.imgx991 {
        display: block;
        /*height: 530px;*/
        /*the div must be contained*/
    }
}

@media screen and (max-width: 991px) and (orientation: landscape) {
    /*don't constrain for mobile landscape*/
    /*.parallax-window.maintain {        height: auto !important;    }*/
}

@media screen and (max-width: 980px) {
    /*TEMP TURNING OF STUDY ABROAD TROUBLE SPOTS*/
    #section-directory-container,
    #section-demo-container {
        display: none;
    }
    .inner-bigbox-container .bigbox-item {
        width: 33.33333333%;
    }
    /*5-19-17 all boxes are always visible*/
    /*    .inner-bigbox-container .bigbox-item:last-child {        display:block;        }    */
    .c3 {
        width: 100%;
    }
    .mobileonly {
        display: block;
    }
    #billboards-container .billboarditem.mobile {}
    .mainonly {
        display: none !important;
    }
    #billboards-container .billboarditem.main {}
    #billboards-container .billboarditemimagewrapper {
        /*width: auto;*/
    }
    #content.privacy-policy ul li,
    #content.terms-of-use ul li,
    #content.fully-occupied,
    #inner-footer .copyright .rights,
    /*this is a span that is converted to a block; apply margins*/
    div ol:not(.nobase),
    div dl,
    div h1:not(.nopadding),
    div h2:not(.nopadding),
    div h3:not(.nopadding),
    div h4:not(.nopadding),
    div h5:not(.nopadding),
    div p:not(.nopadding),
    div:not(.nopadding) p,
    div:not(#powerby-mobile) table:not(.nopadding) {
        margin-left: 20px !important;
        margin-right: 20px !important;
    }
    .m-padding {
        margin-left: 20px !important;
        margin-right: 20px !important;
    }
    .amenities img,
    .neighborhood img {
        padding-left: 20px;
        padding-right: 20px;
    }
    /*if the table has padding, remove padding    from inner elements*/
    div table:not(.nopadding) div ul:not(.navigation):not(.inline-list),
    div table:not(.nopadding) div ol,
    div table:not(.nopadding) div h1,
    div table:not(.nopadding) div h2,
    div table:not(.nopadding) div h3,
    div table:not(.nopadding) div h4,
    div table:not(.nopadding) div h5,
    div table:not(.nopadding) div p,
    div table:not(.nopadding) ul:not(.navigation):not(.inline-list),
    div table:not(.nopadding) h1,
    div table:not(.nopadding) h2,
    div table:not(.nopadding) h3,
    div table:not(.nopadding) h4,
    div table:not(.nopadding) h5,
    div table:not(.nopadding) p {
        margin-left: 0;
    }
    div p.address-s33o9o,
    div p.tagline-G4vJOP,
    div p.info-UvyExW,
    div.linkbox-cQCAYO p.litem {
       margin-left: 0px !important;
       margin-right: 0px !important; 
    }
    /*AFTER DIGITS IN UL/OL ELEMENTS*/
    #commonPopupOverlay .xboxclose {
        position: fixed;
        top: 16px;
        right: 16px;
        height: 16px;
        background-size: contain;
    }
    /*by adding margins to the top, we mess up the pushfooter.    Keeping the pushfooter ensures that short pages do not unlock    the footer from the bottom of the page on desktops. Even though    this stylesheet is geared towards mobile devices, the desktop    reflects these styles as well whenever the browser is narrowed.    To adjust for the top margin, we add to the footer and pushfooter*/
    .pushfooter,
    #footer {
        /*height: 142px;*/
        /*This number is calculated by ading the layout margin-top to the current height of the footer*/
    }
    #footer {
        /*height:auto;*/
    }
    #commonHiddenPopupOverlay .xboxclosehidden {
        background: url(../png/xbox-off-mobile.png) no-repeat;
        background-size: contain;
    }
    #commonHiddenPopupOverlay .xboxclosehidden:hover {
        background: url(../png/xbox-over-mobile.png) no-repeat;
        background-size: contain;
    }
    .wrapper,
    #banner,
    .site-container,
    #footer #inner-footer {
        width: 100%;
        min-width: 100%;
    }
    #powerby,
    .header .logo,
    .header #contact-info {
        display: none;
    }
    #powerby-mobile {
        display: block;
        position: relative;
        text-align: center;
        margin: 10px auto 0;
        z-index: 1500;
    }
    #powerby-mobile .socialicon {
        cursor: pointer;
    }
    #powerby-mobile table {
        height: 65px;
        /*background:url(../../graphics/extra/socialmedia-footer-bkg-slice.png) repeat-x;*/
    }
    #footer #innerfooter-mobile {
        display: block;
        position: relative;
        padding-top: 0;
    }
    .inner-sitemap-container .inner-sitemap-wrapper {
        padding: 0 0px 44px;
    }
    #billboards-container {
        /*1099*/
        /*position:relative;        width:100%;        height:405px;        overflow:hidden;        background:none !important;*/
    }
    #billboards-container .billboarditemimagewrapper {
        /*1099*/
        /*height: 100%;        background-repeat: no-repeat;        background-size: cover;        background-position: bottom center;        width: 100%;*/
    }
    #billboards-container .billboarditem .secondary {
        position: absolute;
        z-index: 10;
        height: 100%;
    }
    /*minimum required CSS for vertical alignment*/
    #billboards-container .billboarditem .secondary .mobileimghelper,
    .billboards-container .billboarditem .mobileimghelper {
        display: inline-block;
        height: 100%;
        vertical-align: middle;
    }
    #billboards-container .billboarditem .secondary img {
        width: 100%;
        vertical-align: middle;
        /*if necessary, include display:inline-block*/
    }
    .billboards-container .billboarditem img.secondary {
        vertical-align: middle;
        /*if necessary, include display:inline-block*/
    }
    /*end vertical alignment*/
    /*.rsMinW .rsBullets {        left: 0px;        right: 0px !important;    }    .rsMinW .rsBullet {        padding: 6px 20px 14px 6px !important;    }    .rsMinW .rsBullet.rsNavSelected span {        background: #f47321;    }*/
    .rsMinW .rsBullet span {
        width: 12px !important;
        height: 12px !important;
    }
    .form-container input[type="text"],
    .form-container textarea,
    .form-container input.short[type="text"],
    .form-container select {
        margin-bottom: 7px;
        /*position: relative !important;        width: 100% !important;*/
    }
    .form-container textarea {
        height: 110px;
    }
    /*custom form fields*/
    /*.customfields input.short,    .customfields.form-container input.short[type="text"] {        margin:0 0 14px;        width:491px;        height:38px;    }    .customfields input.short[type="text"]:focus {        outline: none;        border-color: #f4f4f4;     }*/
    /*#inner-appfolio {        width: 100%;        margin: 0 auto;    }*/
    .directorymobile {
        display: none;
    }
    .map .google-map-frame {
        margin: 0;
        width: 100%;
    }
    .map .google-map-frame iframe {
        /*wait until we claer margins on map frame before making iframe 100%*/
        width: 100%;
    }
    .contact-cols .google-map {
        left: 50%;
        /*width: auto;*/
    }
    #banner.contact-us {
        /*background-position: right 30% top 0;*/
        background-position: right 52% top 0px;
        width: 100%;
        height: 0px;
        padding-top: 72.06%;
        /*40.06%; */
        /* (img-height / img-width * container-width) */
        /* (853 / 1280 * 100) */
    }
    #inner-footer .inner-content dl {
        font-size: 1.14286rem;
    }
    #inner-footer .inner-content dl dd {
        margin-bottom: 6.5px;
        color: #FFF;
        font-size: 0.92857rem;
    }
    section.thumbnails.ui-rs {
        display: none;
    }
    .sales-marketing-team #content table tbody tr td,
    .leadership #content table tbody tr td {
        text-align: left;
    }
    #footer #inner-footer .inner-content {
        margin: 21px 10px 16px 0;
    }
    #inner-footer .inner-content .contact {
        padding-left: 12px;
    }
    #inner-footer .inner-content .copyright {
        width: auto;
    }
    /*turn off gallery arrows*/
    .rsDefault .rsArrowIcn {
        display: none;
    }
    .c5 {
        width: 100%;
    }
    /*ADJUSTMENT LATER FOR PHONE*/
    #searchform .inner-search.maxwidth {
        margin: 0 auto;
    }
    #searchform #searchclear {
        top: 5px;
    }
    .video-snapshot-container {
        padding: 15px 0px 0px;
        text-align: center;
        position: relative;
    }
    .video-frame-container {
        position: relative;
        padding-bottom: 56.25% !important;
        padding-top: 30px !important;
        overflow: hidden;
        background: none !important;
        height: auto !important;
    }
    .video-frame-container iframe,
    .video-frame-container object,
    .video-frame-container embed {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
    /*video drive*/
    .video ul {
        margin: 0px auto !important;
        /*override margin for normal UL on mobile*/
        padding: 0px;
        width: 100%;
    }
    .video ul li:first-child {
        padding-left: 0;
    }
    .video ul li {
        float: none;
        margin: 0px;
        display: block;
        padding: 0px;
        text-align: center;
    }
    .video.thumbnails {
        margin-top: 20px;
    }
    /*video sliders*/
    .slides-container.video-drive,
    .slides-container.videos {
        height: 225px;
    }
    .videos-content.royalSlider {
        margin-top: 45px;
        height: 185px;
    }
    /*we need to counter the styles we set earlier for the video page*/
    .slides-container.videos .light-left-slide,
    .slides-container.video-drive .light-left-slide,
    .video-drive .light-left-slide {
        background: url(../png/testimonial-arrow-left-off.png) no-repeat 17px center;
        display: block;
        background-size: 40%;
    }
    .slides-container.videos .light-right-slide,
    .slides-container.video-drive .light-right-slide,
    .video-drive .light-right-slide {
        background: url(../png/testimonial-arrow-right-off.png) no-repeat 3px center;
        display: block;
        background-size: 40%;
    }
    .slides-container.videos .light-left-slide,
    .slides-container.videos .light-right-slide,
    .video-drive .light-left-slide,
    .video-drive .light-right-slide {
        height: 58%;
    }
    #sitemap-container .inner-sitemap-container.open {
        height: 579px;
    }
    /*KNOWN CARRY-OVERS*/
    .trblst,
    .dbllst {
        width: 100%;
    }
    .list-col {
        float: none;
    }
    #geo-client-list.s3,
    #alpha-client-list.s3 {
        padding-left: 0;
    }
    h1 {
        font-size: 35px;
        line-height: 1em;
    }
    .inner-bannerbox-container .bannerbox-item>img {
        max-width: 100%;
    }
}


/* MEDIA QUERIES */

@media screen and (max-width: 980px) {
    .light-left-slide,
    .testimonial-left-slide,
    .light-right-slide,
    .testimonial-right-slide,
    .light-left-slide:hover,
    .testimonial-left-slide:hover,
    .light-right-slide:hover,
    .testimonial-right-slide:hover {
        background: none;
        display: none;
    }
    #section-testimonial-container {
        padding: 12px 0 30px;
    }
    .testimonial-content .entry {
        /*padding-right: 20px;        padding-left: 20px;*/
    }
    #testimonial-quote-mark {
        left: 48px;
    }
    .testimonial-content .rsBullets {
        /*plural*/
        position: absolute;
        display: block;
        bottom: -10px;
        left: 0px;
        right: 0;
        z-index: 35;
        height: auto;
        text-align: center;
        line-height: 6px;
        overflow: hidden;
        padding-top: 4px;
        padding-left: 10px;
        padding-right: 10px;
    }
    .testimonial-content .rsBullet {
        /*singular*/
        padding: 2px 18px 6px 4px !important;
        display: inline-block;
        width: 6px;
        height: 14px;
        text-align: center;
        line-height: 6px;
        color: #FFF;
    }
    .testimonial-content .rsBullet span {
        display: block;
        border-radius: 50%;
        box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, .25);
        width: 8px !important;
        height: 8px !important;
    }
    .testimonial-content .rsBullet.rsNavSelected span {
        background: #777777 none repeat scroll 0% 0%;
    }
}

@media screen and (max-width: 960px) {
    .flex-grid-container.videos {
        width: 100%;
    }
}

@media screen and (max-width: 880px) {
    .flex-grid-container.videos {
        width: 622px;
    }
}

@media screen and (max-width: 900px) {
    .testimonial-quote-container {
        text-align: center;
        padding-top: 5px;
    }
    .testimonial-content {
        padding-left: 0;
    }
    #testimonial-quote-mark {
        left: unset;
        top: unset;
        position: relative;
        display: inline-block;
    }
    .testimonial-content {
        padding-top: 20px;
        padding-bottom: 25px;
    }
}

@media screen and (max-width: 900px) {
    /*sitemap*/
    #sitemap-container .inner-sitemap-container.open {
        height: 619px;
    }
    #sitemap-container .sitemap-item ul {
        text-align: center;
    }
    .inner-sitemap-container .sitemap-item.pkg:nth-child(2),
    .inner-sitemap-container .sitemap-item.pkg:nth-child(3) {
        margin: 0 auto;
        display: block;
    }
    .inner-sitemap-container .sitemap-item .sitemap-col.endrow {
        display: block;
    }
    #sitemap-container form,
    #sitemap-container h3 {
        text-align: center;
    }
    .inner-sitemap-container .sitemap-item.pkg .sitemap-col.form {
        padding-top: 25px;
    }
    /*end sitemap*/
    /*BEGIN PARALLAX SHIT*/
    .parallax-shift {
        height: auto !important;
    }
    .parallax-shift .shift-items-container {
        height: auto !important;
    }
    .parallax-shift .shift-item {
        margin: auto;
        position: relative;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        display: block;
    }
    .parallax-shift .shift-item.fromcenter {
        position: relative;
    }
    .parallax-shift .shift-item,
    .parallax-shift>.shift-item:not(.visible),
    .shift-items-container>.shift-item:not(.visible) {
        pointer-events: all;
        visibility: visible;
        opacity: 1.0;
    }
    .section-container.parallax-shift .shift-item.floatright {
        float: none;
    }
    .section-container.parallax-shift .shift-item.floatleft {
        float: none;
    }
    .shift-items-container .vcenter-floating-item {
        display: block;
        vertical-align: inherit;
    }
    .shift-items-container .vcenter-floating {
        display: block;
        height: auto;
    }
    /*END PARALLAX SHIT*/
}

@media screen and (max-width: 896px) {
    #content-container #content,
    .c9,
    .c2 {
        width: 100%;
    }
}

@media screen and (max-width: 812px) {
    .c1 {
        width: 100%;
    }
}

@media screen and (max-width: 800px) {
    .inner-bigbox-container .bigbox-item {
        width: 50%;
    }
}

@media screen and (max-width: 780px) {
    .ebannerAssocElement {
        width: 600px;
    }
    .directorymobile {
        display: block;
        background-color: #ffffff;
        /*8F4803*/
    }
    .uitabs {
        background-color: #FFFFFF;
        /*#F5F5F5*/
    }
    .uitabs .tabheader-container {
        display: none;
    }
    /*list beneath uitabs when open*/
    .directorymobile .directory-item.open {
        /*background-color: black;*/
    }
    .directory-container .divcontainer {
        /*overflow:hidden;*/
        /*border-bottom: 1px solid #D7D7D7;*/
        border: 0;
    }
    .directory-container .divcontainer:first-child {
        /*border-top: 1px solid #D7D7D7;*/
        border: 0;
    }
    .directory-container .divcontainer .c,
    .directory-container .divcontainer .w1 .directory-container .divcontainer .s2 {
        padding: 0;
        margin: 0;
    }
    .directory-container .divcontainer p.header {
        padding: 0px;
        margin: 0px;
        line-height: 2.6em;
        /*font-family: "alternate-gothic-no-3-d";*/
        height: auto;
        color: #302719;
        text-transform: uppercase;
        font-weight: normal;
        /*cursor:pointer;*/
        /*background:url(../../graphics/gnome_list_add.png) no-repeat right center;*/
    }
    .directory-container .divcontainer p.header.open {
        /*background:url(../../graphics/gnome_list_remove.png) no-repeat right center;*/
    }
    .directory-container .directory-item {
        position: relative;
        padding-top: 0px;
        /*height:0;*/
        height: auto;
        /*-webkit-transition: height 187.5ms ease-in-out;        -o-transition: height 187.5ms ease-in-out;        -moz-transition: height 187.5ms ease-in-out;        transition: height 187.5ms ease-in-out;*/
    }
    .directory-container .directory-item.open {
        height: auto;
        padding-bottom: 8px;
    }
    .directory-item li {
        margin: 0px 0px 8px;
        line-height: 1.3em;
        font-size: 14px;
        color: #ffffff;
        padding: 0px 0px 0px 2px;
        list-style: inside;
        /*list-style:none;*/
        /*use when using custom dots*/
    }
    /*for custom dots*/
    /*.directory-item li:before {        content: "";        width:5px;        height:5px;        background:#762621;        display:inline-block;        border-radius:5px;        margin: 0 5px 2px 0;    }*/
    .directory-item ul {
        /*padding-top:10px;*/
    }
    #section-directory-container {
        background: none;
        height: auto !important;
    }
    #content .btn-navigation {
        height: auto;
        margin-top: 0;
        margin-bottom: 10px;
    }
    #content .btn-navigation {
        margin-top: 0;
    }
    .btn-navigation img {
        margin: 0 auto;
        display: block;
    }
    /*customize*/
    .uitabs .directory-container .divcontainer:last-child {
        border-bottom: none;
    }
    .inner-bannerbox-container .text-container.wide1 {
        width: 525px;
    }
}

@media screen and (max-width: 770px) {
    .c {
        width: 100%;
    }
    /*contact map*/
    table.contact tr td {
        display: block;
        width: 100%;
        text-align: center;
    }
    #content table.contact tr td p {
        text-align: center;
    }
    table.contactinfo {
        width: 100%;
        text-align: center;
    }
    table.contactinfo tr td {
        display: inline-block;
        width: auto;
    }
    table.contactinfo tr td,
    table.contactinfo a,
    table.contactinfo a:link {
        font-size: 19px;
        line-height: 1.4em;
    }
    table.contactinfo tr td:first-of-type {
        vertical-align: middle;
        height: auto;
        width: 25px;
    }
    table.contactinfo tr td img {
        vertical-align: middle;
    }
    .tablemap {
        width: 100% !important;
    }
}

@media screen and (max-width: 750px) {
    .map-map.inline.mainmap {
        display: none;
    }
    .map-map.inline.mobilemap {
        display: block;
    }
    #maps-section .dda-map-container {
        height: auto;
    }
    #maps-section .dda-map-container .inline:not(.mainmap) {
        float: none;
        width: auto;
        height: 430px;
        display: block;
    }
    /*existing*/
    #content.contact-us .context.m1 {
        margin: 47px 5% 0 5%;
    }
    .context.m1 {
        margin: 47px 5% 0 5%;
    }
    .inner-bannerbox-container .text-container {
        width: 100%;
    }
}

@media screen and (max-width: 700px) {
    .inner-bannerbox-container .text-container.wide1 {
        width: 100%;
    }
    /*adjust per class*/
    .inner-bannerbox-container .text-container.wide1 img {
        width: 450px;
        /*based on 658px to 450px*/
        height: auto;
    }
    .bannerbox-item .text-container img {
        max-width: 450px;
        /*based on 658px to 450px*/
        height: auto;
    }
    /*    Removed this because of new styles in main:    #bannerbox + #content-container, .parallaxbox + #content-container, .parallaxvideobox + #content-container    */
    #content-container {
        /*margin: 0px auto 75px;*/
    }
    #bannerbox+#content-container,
    .parallaxbox+#content-container,
    .parallaxvideobox+#content-container,
    #bannerbox+#headliner-container,
    .parallaxbox+#headliner-container,
    .parallaxvideobox+#headliner-container {
        /*padding: 55px 0 75px;*/
        padding: 30px 0 30px;
    }
    /*sitemap*/
    .sitemap-button-wrapper {
        display: none;
    }
    #sitemap-container {
        margin-top: 0;
    }
    .inner-sitemap-container .sitemap-item.pkg:nth-child(2) {
        width: 100%;
        margin: 0;
    }
    .inner-sitemap-container .sitemap-item .sitemap-col:not(.stack) {
        padding-right: 0;
        padding-bottom: 25px;
    }
    .inner-sitemap-container .sitemap-item.pkg .sitemap-col.form {
        padding-top: 0;
        padding-left: 20px;
        padding-right: 20px;
    }
    .inner-sitemap-container .sitemap-item .sitemap-col {
        display: block;
        text-align: center;
    }
    .inner-sitemap-container dl dt,
    .inner-sitemap-container dl dt a,
    .inner-sitemap-container dl dt a:link,
    .inner-sitemap-container dl dt a:hover,
    .inner-sitemap-container dl dt a:active,
    .inner-sitemap-container dl dt a:visited,
    .inner-sitemap-container dl dd,
    .inner-sitemap-container dl dd a,
    .inner-sitemap-container dl dd a:link,
    .inner-sitemap-container dl dd a:hover,
    .inner-sitemap-container dl dd a:active,
    .inner-sitemap-container dl dd a:visited,
    .inner-sitemap-container dl dd.caption {
        text-align: center;
    }
    .inner-sitemap-container dl dd dl dd {
        margin-left: 0;
    }
    #sitemap-container .inner-sitemap-container,
    #sitemap-container .inner-sitemap-container.open {
        height: auto;
    }
    #sitemap-container h3,
    #sitemap-container .sitemap-item ul {
        text-align: center;
    }
    .inner-sitemap-container .sitemap-item:first-child {
        /*margin-top: 16px;*/
        margin-bottom: 16px;
    }
    .inner-sitemap-container .sitemap-item.pkg {
        display: block;
    }
    .inner-sitemap-container .sitemap-item.pkg:nth-child(3) {
        margin: 0 auto;
        display: block;
        width: 100%;
        /*any container needing less room must manually adjust, such as info-col*/
    }
    .inner-sitemap-container .sitemap-item .sitemap-col.stack.info-col {
        padding-bottom: 25px;
        margin: 0 auto;
        width: 187px;
        /*takes over for outside container*/
    }
    .icon-holder.phone {
        line-height: 16px;
    }
    .icon-holder .icon+span {
        padding-left: 30px;
    }
    /*end sitemap*/
}

@media screen and (max-width: 680px) {
    .banner-poweredby {
        bottom: 15px;
        right: 15px;
        width: 120px;
    }
    .inner-bannerbox-container.flexbox .bannerbox-item.space-evenly.sidepad {
        padding-left: 0;
        padding-right: 0;
    }
}

@media screen and (max-width: 767px) {
    .parallax-window ._m-bgimg.imgx991 {
        display: none;
    }
    .parallax-window ._m-bgimg.imgx767 {
        display: block;
        /*height: 590px;*/
        /*the div must be contained*/
    }
    .inner-bannerbox-container .imgbox img._m {
        display: inline-block;
    }
    .inner-bannerbox-container .imgbox img._d {
        display: none;
    }
    .inner-bannerbox-container.flexbox .bannerbox-item.flexbox.midheight {
        height: 75%;
    }
    .inner-bannerbox-container .imgbox img:not(.maintain100) {
        /*height: 57%; 73%*/
        height: auto;
        width: 50%;
        min-width: 200px;
    }
    .inner-bannerbox-container .imgbox.index img:not(.maintain100) {
        width: 77%;
    }
    .inner-bannerbox-container .imgbox.isss img {
        /*don't need to indicate :not(.maintain100); this is a targeted class*/
        width: 56%;
    }
    .inner-bannerbox-container .imgbox,
    .inner-bannerbox-container .imgboxpad {
        padding-bottom: 55px;
        /*we changed the image dynamics so we push away*/
    }
    /*added due to a tall popup 10-25-18*/
    .inner-bannerbox-container .imgbox {
        padding-bottom: 0;
        /*9-19-19 changed from 35px*/
    }
    /*.demobtn:not(.imgbtn).banner,     .submitbtn.btn-standard,     .itembtn.btn-standard {        height: 80px;        width: 273px;    }    .itembtn.playvideo {        margin-right: 32px;    }*/
    .demobtn.flexbox:not(.imgbtn).banner,
    .submitbtn.flexbox.btn-standard {
        height: 60px;
        width: 195px;
    }
}

@media screen and (max-width: 767px) {
    /*5-18-18 changed from 840px to coincide with tagline adjustment*/
    #bannerbox h1 {
        font-size: 2.5rem;
        line-height: 1.2;
    }
    /*BEGIN PARALLAX VIDEO*/
    .parallaxvideo-window video,
    .videofullscreenelement,
    .videofullscreenelement.visible {
        display: none;
    }
    .parallax-scroll-button {
        width: 50px;
        height: 50px;
    }
    .parallaxvideo-window ._m.bgimg-container,
    .parallax-window ._m.bgimg-container {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-position: initial;
        background-repeat: no-repeat;
        background-size: cover;
        background-attachment: initial;
        /*removing parallax from all mobile*/
    }
    .parallaxvideo-window {
        background-attachment: initial;
        /*removing parallax from all mobile*/
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover !important;
    }
    /*We don't need the clone preview for mobile*/
    .parallaxvideo-window .showpreview {
        display: none;
    }
    .parallaxvideo-window:not(.maintain) {
        height: auto !important;
        padding: 20px;
    }
    /*END PARALLAX VIDEO*/
    /*video playonce items*/
    .videoanimate._m {
        display: block;
    }
    .videoanimate.videoplayonce {
        display: none;
    }
}

@media screen and (max-width: 760px) {
    .headline-container h1 br {
        display: none;
    }
}

@media screen and (max-width: 746px) {
    .testimonial-photo-column {
        /*width: 35%;*/
        padding-left: 0;
        padding-top: 0px;
        width: 100%;
    }
    .testimonial-message {
        width: 100%;
        /*65%;*/
    }
    .testimonial-message>br {
        display: none;
    }
    .flexrowcentertop {
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .testimonial-photobox {
        background-position: top center;
    }
    .testimonial-detailsbox {
        padding-left: 20px;
        padding-right: 20px;
        margin-left: auto;
        margin-right: auto;
        text-align: center;
    }
}

@media screen and (max-width: 700px) {
    .copyright-container {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .copyright-container .p-copyright {
        padding-bottom: 5px;
    }
}

@media screen and (max-width: 700px) {
    .testimonial-content {
        width: 100%;
    }
}

@media screen and (max-width: 660px) {
    .flex-grid-container {
        width: 100%;
    }
    .grid-container.videos.bottompad {
        padding-bottom: 0;
    }
    .flex-grid-container.videos {
        padding: 0;
    }
    .flex-grid-container.videos {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }
}

@media screen and (max-width: 655px) {
    .inner-bannerbox-container .text-container p {
        width: 100%;
    }
    .inner-bannerbox-container .text-container.wide1 img {
        width: 100%;
        height: auto;
    }
    .bannerbox-item .text-container img {
        max-width: 100%;
        height: auto;
    }
    /*we don't need to include NOT FLEXBOX because flexbox    will never or should never be used with the stack class*/
    .itembtn.stack {
        /*we force block (even though inline-block will naturally stack) because        introducing the bottom margin causes multiple buttons to offset. So we        force the items to stack*/
        display: block;
        margin: 0 auto 20px;
    }
}

@media screen and (max-width: 650px) {
    .inner-bannerbox-container .imgbox.isss img {
        /*don't need to indicate :not(.maintain100); this is a targeted class*/
        width: 75%;
    }
}

@media screen and (max-width: 650px) {
    /*11-6-17*/
    .inner-bannerbox-container .text-container-md {
        width: 100%;
    }
    #colorbox,
    #cboxLoadedContent,
    #cboxContent,
    #colorbox,
    #cboxOverlay,
    #cboxWrapper {
        width: 100% !important;
    }
    #inner-footer .inner-content dl {
        padding-right: 2%;
    }
    #inner-footer .inner-content .copyright {
        width: 100%;
    }
    #content .side-gradient {
        display: none;
    }
    #content .decoration {
        display: none;
    }
    /*this may need to be higher in the chain*/
    .s1-ext {
        padding-top: 20px;
        padding-bottom: 25px;
    }
    /*REPEAT ADJUSTMENT FOR PHONE*/
    /*END REPEAT ADJUSTMENT*/
    /*TEAM TABLE*/
    .teamtables table tr td {
        display: block;
    }
    .teamtables table h1,
    .teamtables table h2 {
        text-align: center;
        line-height: 1em;
    }
    .teamtables table h2 .spanH4lt {
        display: inline-block;
    }
    .teamtables h2+p,
    #content .teamtables h2+p {
        margin-top: 12px;
        text-align: center;
    }
    .teamtables table tr td:first-of-type {
        width: 100%;
        text-align: center;
    }
    img.bioPic {
        display: inline-block;
        width: 235px;
        height: auto;
    }
    p.spacer {
        height: 55px;
    }
}

@media screen and (max-width: 630px) {
    .content-container {
        width: 100%;
    }
}

@media screen and (max-width: 622px) {
    .flex-grid-container.videos {
        width: 100%;
    }
}

@media screen and (max-width: 600px) {
    .inner-bannerbox-container .imgbox.index img:not(.maintain100) {
        width: 90%;
    }
}

@media screen and (max-width: 600px) {
    .ebannerAssocElement {
        width: 400px;
    }
    #content.contact-us .context.m1 {
        margin: 20px 0 0;
    }
    .context.m1 {
        margin: 20px 0 0;
    }
    #content .contact-cols {
        height: auto;
        padding: 20px;
        padding-bottom: 40px;
    }
    .context .info-col {
        margin: 0;
        text-align: center;
    }
    .contact .context .info-col {
        padding-bottom: 40px;
    }
    .context .inner-context.info-col img+h1,
    .context .inner-context.info-col img+h2,
    .context .inner-context.info-col img+p {
        margin-top: 22px;
    }
    .contact-cols .google-map {
        height: 300px;
        width: 100%;
        left: 0;
        position: relative;
        overflow: hidden;
    }
    /*contact page*/
    .contact-cols .google-map #map-canvas {
        position: relative;
        height: 300px;
    }
    .contact-cols .map-container {
        overflow: hidden;
    }
    #inner-footer .inner-content dl dt {
        font-weight: 700;
        margin-bottom: 5px;
        color: #f47321;
        margin-top: 19px;
    }
    #inner-footer .inner-content dl {
        display: block;
        float: none;
        padding-right: 0;
    }
    #inner-footer .inner-content .contact {
        float: none;
        width: auto;
        padding-left: 0;
        height: auto;
        background: none;
        margin-top: 20px;
    }
    #footer #inner-footer .inner-content {
        margin: 21px 0px 16px;
        height: auto;
        text-align: center;
    }
    #inner-footer .inner-content .copyright {
        position: relative;
        left: auto;
        bottom: auto;
        margin-top: 20px;
    }
    #inner-footer .copyright ul {
        float: none;
        width: auto;
        margin-top: 10px;
    }
    #inner-footer .copyright ul li:first-child {
        float: none;
    }
    #inner-footer .copyright ul li {
        padding-right: 0;
        margin-right: 0;
        float: none;
        background: none;
        padding-bottom: 8px;
    }
    #inner-footer .copyright .rights {
        display: block;
    }
    /*prevent wall-to-wall gallery images*/
    /*#billboards-container, .billboards-container {        padding-left: 10px;        padding-right: 10px;    }    */
    .billboards-container.isss .billboarditem .billboarditemimagewrapper .imgwrapper {
        padding-left: 10px;
        padding-right: 10px;
    }
    .billboards-container.isss .billboarditem .billboarditemimagewrapper .imgwrapper img {
        width: 100%;
        height: auto;
    }
    /*collapse site map tab*/
    #sitemap-container {
        margin-top: 0;
    }
    #sitemap-container .sitemap-button {
        height: 0;
        line-height: 0;
        width: 0;
        margin-left: 0;
        background: none;
    }
}

@media screen and (max-width: 600px) {
    .demoform-container table,
    .demoform-container table tbody,
    .demoform-containertable tbody tr,
    .demoform-container table tbody tr td {
        width: 300px;
    }
}

@media screen and (max-width: 550px) {
    .parallax-window {
        background-position: calc(50% + 10px) 50%;
    }
    .uitabs .uitabs-header li img {
        height: auto;
    }
    #bannerbox h1 br,
    ul:not(.keepbr) li br {
        display: none;
    }
    .conference-schedule table td {
        display: block;
        width: 100%;
    }
}

@media screen and (max-width: 525px) {}

@media screen and (max-width: 500px) {
    .fully-occupied .available-content {
        margin-top: 0px;
    }
    .parallax-shift .shift-item.list,
    .section-container .list {
        width: auto;
    }
    /*contact map*/
    .tablemap,
    .tablemap iframe {
        width: 100% !important;
    }
    .tablemap {
        padding: 0 10px;
        background: none !important;
    }
    /*at this point, we can decide to remove the pushfooter to allow    all pages to collapse even if they are short*/
    /*#layout {        margin-bottom: 0px;        min-height: 0;    }    .pushfooter {        display:none;    }    #footer {        height: auto;        padding-bottom: 0px;    }*/
    /*.schedule.tables table.chart,    .schedule.tables table.chart tbody,    .schedule.tables table.chart tr {        display: block;    }*/
    .schedule.tables table.chart {
        margin: 0 auto !important;
        width: 305px;
    }
    .schedule.tables table.chart tr {
        text-align: left;
    }
    .schedule.tables table.chart tr td {
        /*display: inline-block;*/
        line-height: 32px;
    }
    .schedule.tables table.chart tr td.icon,
    .schedule.tables table.chart tr:first-child td:first-child {
        display: none;
    }
    .schedule.tables table.chart tr:first-child td:last-child {
        padding-bottom: 10px;
    }
    .schedule.tables table.chart tr td h2 {
        text-align: center;
    }
    .schedule.tables table.chart tr td.icon+td,
    .schedule.tables table.chart tr td:nth-child(1) {
        /*TR first child has been removed so this is fine*/
        width: 95px;
        text-align: left;
    }
    #sitemap-container input {
        width: 100%;
    }
}

@media screen and (max-width: 480px) {
    .parallax-window {
        background-position: calc(50% + 40px) 50%;
    }
    .inner-bannerbox-container .text-container p {
        font-size: 1rem;
    }
    .inner-bannerbox-container .text-container:not(.nofontoffset) {
        font-size: 60px;
        line-height: 1;
    }
}

@media screen and (max-width: 479px) {
    .parallax-window ._m-bgimg.imgx767 {
        display: none;
    }
    .parallax-window ._m-bgimg.imgx479 {
        display: block;
    }
    /*at this size, we drop maintain height contraints*/
    .parallax-window.maintain {
        height: auto !important;
    }
    .itembtn.btn-standard {
        height: 75px;
        width: 255px;
    }
    .inner-bannerbox-container .button-container.maintain479 {
        margin-top: 38px;
    }
    .inner-bannerbox-container .imgbox:not(.index):not(.isss) img:not(.maintain100) {
        width: 70%;
    }
    .inner-bannerbox-container .imgbox.index img:not(.maintain100) {
        width: 100%;
    }
    .inner-bannerbox-container .imgbox.isss img {
        /*don't need to indicate :not(.maintain100); this is a targeted class*/
        width: 100%;
    }
    .demobtn.flexbox:not(.imgbtn).banner,
    .submitbtn.flexbox.btn-standard,
    .itembtn.flexbox.btn-standard {
        height: 50px;
        width: 165px;
    }
}

@media screen and (max-width:400px) {
    .itembtn.playvideo {
        margin-right: 12px;
    }
}

@media screen and (max-width: 460px) {
    #headliner-container h1,
    .headliner-container h1,
    .parallax-shift h2,
    #bannerbox h1,
    #billboards-container.bannerbox-billboard h1,
    .parallaxbox h1,
    .parallaxvideobox h1 {
        font-size: 250%;
    }
}

@media screen and (max-width: 420px) {
    .form-container form {
        margin: auto;
    }
    .form-container.newsletter .inner-form,
    .form-container.articles .inner-form,
    .form-container.stack .inner-form {
        width: 100%;
        padding: 0 20px;
    }
    #content #form-section .form-container {
        width: 100%;
    }
    .customfields input:not(.noresponse),
    .customfields.form-container input[type="text"]:not(.noresponse),
    .customfields input:not(.noresponse).short,
    .customfields.form-container input.short[type="text"]:not(.noresponse),
    .customfields.form-container input.short[type="password"]:not(.noresponse),
    .customfields.form-container textarea {
        /*margin:0 0 14px;        height:38px;        */
        position: relative !important;
        width: 100%;
        /*background-size: 100% 36px;                background: url(../../graphics/input-field-long.png) no-repeat;*/
    }
    .customfields input[type="text"]:focus,
    .customfields input.short[type="text"]:focus {
        outline: none;
        /*background-size: 100% 36px;*/
    }
    .infozone-item p {
        font-size: 1.25rem;
    }
    .inner-sitemap-container li,
    .inner-sitemap-container ul li {
        padding-right: 0px;
        margin: 0;
        padding: 0 6px;
    }
    .inner-sitemap-container li:first-child,
    .inner-sitemap-container ul li:first-child {
        display: block;
    }
    .inner-sitemap-container li.text {
        text-align: center;
    }
    #sitemap-container .sitemap-button {
        pointer-events: none;
        cursor: default;
        background: url(../sitemap-tab-open.html) no-repeat;
    }
    .inner-bannerbox-container .text-container p br {
        display: none;
    }
    .testimonial-content .rsBullet {
        padding: 2px 13px 6px 4px !important;
    }
    .testimonial-content .rsBullet span {
        width: 6px !important;
        height: 6px !important;
    }
}

@media screen and (max-width: 400px) {
    .ebannerAssocElement {
        width: 100%;
    }
    .contact-cols .google-map .placard,
    .contact-cols .google-map-frame .placard {
        display: none;
    }
    /*fix contact form checkboxes*/
    #content #form-section {
        height: auto;
    }
    #content #form-section .form-container {
        margin: 25px auto 0px;
        padding-bottom: 10px;
    }
    .customfields input[type="checkbox"] {
        display: block;
    }
    .customfields .input-container.short.checkbox {
        height: 60px;
    }
    .customfields .input-container.short.checkbox:first-of-type {
        margin: 10px 10px 0px;
    }
    .customfields .input-container.short.checkbox+.input-container.short.checkbox.absoluteright {
        position: relative;
        right: auto;
        height: 65px;
        margin: 0px 10px 10px;
    }
}

@media screen and (max-width: 360px) {
    .infozone-item p {
        font-size: 100%;
    }
    #top-mobile-menu.mobile .inline-list>li a,
    .inline-list>li a,
    #top-mobile-menu.mobile .inline-list>li.isSelected {
        font-size: 16px;
    }
}

@media screen and (max-width: 350px) {
    .button-container.flexrow {
        -webkit-flex-direction: column;
        flex-direction: column;
        flex-direction: column;
    }
    .inner-bannerbox-container .imgbox:not(.index):not(.isss) img:not(.maintain100) {
        width: 200px;
        /*dictate the size at this point*/
        height: auto;
    }
    .itembtn.flexbox.playvideo {
        margin-right: 0px;
    }
    .itembtn.flexbox.playvideo {
        margin-bottom: 20px;
    }
    .itembtn.flexbox.playvideo:last-child {
        margin-bottom: 0px;
    }
}

@media screen and (max-width: 350px) {
    .schedule.tables table.chart {
        margin-left: 20px !important;
        width: 100%;
    }
}

@media screen and (max-height: 400px) {
    .parallax-scroll-button {
        display: none;
    }
}