/******* State.Min *********/
/******* V2 *******/

@media(max-width: 480px) {
    #wrapper.home-page {
        background-image:none
    }

    #page-top #logo-container,#page-top #logo {
        width: 175px;
        background-size: 175px 29px
    }

    #page-top #logo-container {
        margin-left: 10px;
        padding-top: 0
    }

    .tour-img .tour-title {
        font-size: 2rem
    }
}

@media(max-width: 768px) {
    #wrapper {
        -moz-box-shadow:0 0 5px #7c7c7c;
        -webkit-box-shadow: 0 0 5px #7c7c7c;
        box-shadow: 0 0 5px #7c7c7c
    }

    .btn.cta {
        width: 100%;
        display: block;
        clear: both
    }

    .ui-selectmenu,input[type='text'] {
        width: 100% !important
    }

    .ui-selectmenu-menu {
        width: 90% !important
    }

    h1 {
        font-size: 2.9rem
    }

    #logo {
        float: right
    }

    .info-box.highlight {
        box-shadow: none
    }

    .tourResultItem .itemDescription {
        display: none
    }

    #wrapper.home-page {
        background-size: 159% !important
    }

    #wrapper.home-page #main-content.home-content .homeImg {
        display: none
    }

    #wrapper.home-page #main-content.home-content .mobileImg {
        display: block;
        width: 100%
    }

    #wrapper.home-page #main-content.home-content .tabletImg {
        display: none
    }

    .siteMap div {
        margin-bottom: 1em
    }

    .siteMap div ul {
        line-height: 1.5em
    }

    .page-signup .col-md-8 {
        clear: both
    }

    .page-signup .next-step,.page-signup .prev-step {
        line-height: 50px;
        display: block;
        float: left;
        width: 50%;
        text-align: center
    }

    .page-signup .next-step {
        color: #fff !important
    }

    .page-signup .prev-step {
        color: #428bca !important
    }

    .page-signup .prev-step:hover {
        color: #fff !important
    }

    .page-signup .prev-step {
        background: #e9e9e9
    }

    .page-signup .next-step {
        background: #428bca
    }

    .page-reserve-tour .next-step,.page-reserve-tour .prev-step {
        line-height: 50px;
        display: block;
        float: left;
        width: 50%;
        text-align: center
    }

    .page-reserve-tour .next-step {
        color: #fff !important
    }

    .page-reserve-tour .prev-step {
        color: #428bca !important
    }

    .page-reserve-tour .prev-step:hover {
        color: #fff !important
    }

    .page-reserve-tour .prev-step {
        background: #e9e9e9
    }

    .page-reserve-tour .next-step {
        background: #428bca
    }
}

@media(max-width: 991px) {
    label {
        margin-left:0
    }

    form section {
        margin-left: 0
    }

    .breadcrumbs {
        display: none
    }

    html,body {
        overflow-x: hidden
    }

    #wrapper {
        background: #fff !important;
        width: 100%;
        background-image: none
    }

    form .section-title {
        margin-left: 0
    }

    #main-content>.cta {
        background: #fff9df;
        padding: 10px
    }

    #page-top #logo-container {
        padding-top: 0
    }

    #logo-container {
        width: 210px
    }

    #logo {
        float: right;
        margin-right: -15px
    }

    #page-top {
        padding: 15px
    }

    #logo-container {
        float: right;
        margin: 0
    }

    #main-content {
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        border-radius: 0;
        padding: 0
    }

    .footer-left {
        margin-top: 20px;
        margin-bottom: 20px
    }

    .footer-left>a {
        display: block;
        font-weight: bold
    }

    .footer-right {
        margin-top: 20px;
        margin-bottom: 20px
    }

    .footer-right span {
        display: block
    }

    ul.tours>li {
        border-top: 1px solid #ccc;
        padding-top: 10px;
        padding-bottom: 10px;
        margin-bottom: 0
    }

    ul.tours>li,ul.tours>li:hover {
        border-left: 0;
        border-color: #ccc
    }

    ul.tours>li ul {
        display: none
    }

    ul.tours>li:last-child {
        border-bottom: 1px solid #ccc
    }

    #tour-map .feature {
        width: 100%;
        margin-bottom: 10px;
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        border-radius: 0;
        height: auto;
        color: #428bca
    }

    .tour-img {
        margin-bottom: 10px;
        position: relative;
        overflow: hidden;
        padding: 0;
        margin: 15px
    }

    .tour-img img {
        width: 100%
    }

    .tour-img .tour-title {
        background: rgba(0,0,0,.7);
        padding: 10px 15px;
        width: 100%;
        position: absolute;
        bottom: 0;
        color: #fff !important;
        margin: 0 !important;
        left: 0;
        z-index: 90
    }

    body.tour-detail #tour-content .tab-container {
        border: 1px solid #f99901;
        padding: 3px;
        margin: auto;
        margin-bottom: 10px;
        overflow: hidden
    }

    body.tour-detail #tour-content .tab-container .tab {
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        border-radius: 0;
        width: 50%;
        border: 0;
        text-align: center;
        color: #f99901;
        float: left
    }

    body.tour-detail #tour-content .tab-container .tab.active {
        color: #fff
    }

    body.tour-detail #tour-content .tab-container .tab.active:hover {
        background: #f99901
    }

    body.tour-detail #tour-content .tab-container .tab:hover {
        background: inherit
    }

    body.tour-detail #tour-content .tab-content {
        border: 0;
        padding: 0
    }

    body.tour-detail #tour-content .tab-content .tour-details {
        background: #fff;
        color: #626262;
        float: none
    }

    body.tour-detail #tour-content .tab-content #price>div {
        padding: 0
    }

    body.tour-detail #tour-content .tab-content #price .pricing {
        background: #fff
    }

    body.tour-detail #tour-content .day .activities {
        margin-left: 0
    }

    .headContent .mobileTagline {
        color: #fb9a00;
        display: inline-block;
        margin-top: 1.6rem;
        font-weight: 800;
        font-style: italic
    }

    .headContent .desktopContent {
        display: none
    }

    .tourFilter .intResults {
        background: #eeeeec
    }

    .tourFilter .secondaryFilter {
        display: none
    }

    .tourFilter header {
        background: #fff;
        border-bottom: 2px solid #ccc;
        display: table;
        height: 75px;
        padding-bottom: 1.6rem;
        width: 100%
    }

    .tourFilter header h2 {
        background: #ccc;
        display: block;
        float: left;
        left: 0;
        position: relative;
        width: 100px;
        padding: 2% 0
    }

    .tourFilter header h2 a {
        color: #fff
    }

    .tourFilter header h3 {
        display: inline-block;
        font-size: 1.8rem;
        margin: 0
    }

    .tourFilter header .filterMobile h3 {
        display: block;
        color: #000;
        text-transform: none;
        font-size: 1.3rem;
        margin-bottom: 10px
    }

    .tourResultItem .filterMap {
        margin-bottom: 1.6rem;
        min-width: 100px;
        width: 25%
    }

    .tourResultItem button {
        display: none
    }

    .tourResultItem .zoom-in {
        left: 10px;
        top: 10px
    }

    .filterDropdown {
        position: fixed;
        overflow-y: scroll;
        height: 100%;
        width: 200px;
        left: -200px;
        top: 0;
        -webkit-transition: left .4s;
        -moz-transition: left .4s;
        -ms-transition: left .4s;
        -o-transition: left .4s;
        transition: left .4s;
        z-index: 40
    }

    .showFilter {
        left: 0 !important
    }

    .chatNow {
        display: none
    }

    .sortBy {
        display: none
    }

    .stickTop {
        left: 0;
        padding: 2%;
        position: fixed;
        top: 0;
        z-index: 49
    }

    .navSpacing {
        padding-top: 100px
    }

    body.page-tour-center .options {
        margin-top: 10px
    }

    body.page-tour-center .options .view-toggle {
        margin: 0;
        padding: 1%;
        border: 1px solid #f99901;
        width: 100%;
        text-align: center
    }

    body.page-tour-center .options .view-toggle li {
        width: 33%;
        float: left;
        margin-right: 0;
        padding: 5px
    }

    body.page-tour-center .options .view-toggle li,body.page-tour-center .options .view-toggle li a {
        color: #f99901
    }

    body.page-tour-center .options .view-toggle li:after {
        content: ""
    }

    body.page-tour-center .options .view-toggle li.active {
        background: #f99901;
        color: #fff
    }

    .home-top {
        background: #fff
    }

    #wrapper.home-page {
        background-image: none
    }

    #main-content.home-content .homeImg {
        display: none
    }

    #main-content.home-content .mobileImg {
        display: none
    }

    #main-content.home-content .tabletImg {
        width: 100%
    }

    .homeBar {
        border-top: 1px solid #ccc;
        border-bottom: none
    }

    .homeSlider {
        position: relative;
        width: 100%
    }

    .homeSlider .buttonBar {
        bottom: -0;
        display: block;
        margin: 1.6rem auto;
        position: relative;
        width: 80%
    }

        .carousel-inner {
            background: rgba(0,0,0,.4);
            height: 90px;
            position: absolute;
            top: -106px;
            text-align: center !important
        }

    .carousel-inner img {
        float: left;
        margin: 0 auto;
        padding-left: 0;
        margin-top: 9px
    }

    .carousel-indicators {
        display: none
    }

    .socialList img {
        margin-bottom: 10px;
        margin-right: 10px !important;
        margin-top: 10px;
        width: 40px !important
    }

    .socialList li {
        font-size: 3.2em
    }

    body.page-signup .steps {
        border-bottom: 1px solid #e9e9e9
    }

    body.page-signup .steps li {
        display: none
    }

    body.page-signup .steps li:after {
        content: ""
    }

    body.page-signup .steps .active {
        display: block
    }

    body.page-signup .step-ind {
        float: right;
        margin-top: -25px
    }

    body.page-my-account .box-first .quote {
        padding: 20px 0
    }

    body.page-my-account .box-first .quote strong {
        font-weight: normal;
        display: inline
    }

    body.page-my-account .col-md-4 {
        height: auto
    }

    body.page-tour-diary .day-log {
        float: none
    }

    body.page-tour-diary .galleria-thumbnails-container {
        display: none
    }

    body.page-tour-diary .galleria-theme-classic {
        border: none
    }

    body.page-tour-diary .galleria-theme-classic .galleria-stage {
        bottom: 10px
    }

    body.page-save-quote .tour-details {
        background: #fff;
        color: #626262;
        float: none;
        margin-bottom: 10px
    }
}

@media(min-width: 992px) {
    ul.tours>li ul {
        display:block !important
    }

    .siteMap li {
        font-size: 10px
    }

    .headContent .mobileTagline {
        display: none
    }

    #wrapper.home-page {
        background-position: 100% 0%
    }

    .onlyMobile {
        display: none
    }

    #main-content.home-content {
        height: 500px
    }

    #main-content.home-content .mobileImg {
        display: none
    }

    #main-content.home-content .tabletImg {
        display: none
    }

    .homeSlider {
        width: 50%;
    }

    .homeSlider .buttonBar {
        border: none;
        float: left;
        padding-left: 4%;
        position: relative;
        bottom: 42px;
        width: 50%;
        text-transform: uppercase;
        text-align: left
    }

    .homeSlider .buttonBar::after {
        color: #fff;
        content: '';
        font-family: 'Glyphicons Halflings';
        font-size: 13px;
        margin-left: 10px
    }

    .homeSlider .carousel {
        position: relative;
        height: 220px
    }

    .homeSlider .carousel .carousel-indicators {
        bottom: initial;
        left: 33%;
        text-align: left;
        top: 15px;
        width: 25%;
        z-index: 1
    }

    .homeSlider .carousel .playPause {
        background: url(../images/pause.png) top left no-repeat;
        background-size: 60%;
        display: inline-block;
        height: 15px;
        left: 14%;
        position: relative;
        top: 16px;
        width: 15px;
        z-index: 2
    }

    .homeSlider .carousel .pauseButton {
        background: url(../images/play.png) top left no-repeat;
        background-size: 60%
    }

    .homeSlider .carousel .carousel-inner {
        top: 40px;
        width: 100%
    }

    .homeSlider .carousel .carousel-inner img {
        margin-left: 40px
    }

    .homeSlider .carousel .carousel-inner .item {
        height: 135px
    }

    .footerRight {
        text-align: right
    }

    .homeBar {
        display: table;
        padding-bottom: 1.6rem;
        padding-top: 1.6rem
    }

    .homeBar .col-md-2 {
        border-left: 1px solid #ccc;
        display: table-cell;
        float: none;
        padding-left: 7px;
        padding-right: 7px;
        vertical-align: top;
        width: 20%
    }

    .homeBar .col-md-2 h3 {
        margin: 5px 0
    }

    .siteMap .socialList {
        padding: 0
    }

    .siteMap .socialList img {
        margin-bottom: 10px;
        width: 20%
    }

    .siteMap .socialList li {
        font-size: 2.3em;
        margin-bottom: 10px
    }

    body.page-my-account .ui-accordion-header-icon.ui-icon.ui-icon-triangle-1-s {
        display: none
    }

    body.page-my-account .ui-accordion-header {
        padding-left: .5em
    }

    body.page-save-quote #saveQuoteSidebar {
        float: right !important
    }
  
}

@media(min-width: 1200px) {
    #wrapper.home-page {
        background-position:top left
    }
}

.carousel-indicators{display:none;}
a.playPause{display:none!important;}
