@media screen and (max-width: 649px) {
    body {
        font-size: 14px; line-height: 21px; padding-top: 88px;
    }

    p {
        font-size: 14px
    }

    .masthead p {
        line-height: 1.5
    }

    h2 {
        font-size: 48px
    }

    h6 {
        font-size: 16px; margin: 10px auto;
    }

    select {
        background-position: 95% center; width: 100%;
    }

    input, textarea {
        padding-left: 15px; padding-right: 15px; width: 89%;
    }

    a.btn {
        border: 1px solid #FFF; display: inline-block; font-size: 18px; letter-spacing: 1px; padding: 10px 49px 10px 10px;
    }

    a.btn:hover {
        border: 1px solid #97d8e8
    }

    a.btn.small {
        font-size: 18px
    }

    a.btn.teal {
        background-position: 90% 10px; padding: 5px 22px 5px 12px;
    }

    .main .body > div {
        background-color: rgb(67, 138, 197); background-repeat: no-repeat !important; background-size: 117% !important;
    }

    .nav-icon.search {
        display: none
    }

    .nav-icon.translate {
        background: url(../images/ico-translate-mobile.png) 0 0 no-repeat; height: 38px; width: 294px;
    }

    .nav-social {
        padding: 0 4%
    }

    a.social-facebook, span.social-facebook {
        background-position: 7px 7px
    }

    a.social-pinterest, span.social-pinterest {
        background-position: -75px 5px
    }

    a.social-youtube, span.social-youtube {
        background-position: -118px 5px
    }

    .search-container {
        border: 1px solid #b7b7b7
    }

    .search-container input[type="text"] {
        line-height: 36px
    }

    .main .body-copy {
        padding: 0 0 23% 0
    }

    .main .body-copy h2 {
        font-size: 36px; margin: 0 auto; width: 38%;
    }

    h3 {
        font-size: 30px
    }

    .container {
        padding: 0 3%
    }

    h4, .block .title {
        font-size: 20px
    }

    .navigation {
        padding: 0
    }

    .navigation ul.icon-links {
        display: block; padding-top: 0px; position: relative;
    }

    .navigation ul.icon-links li {
        float: left; margin: 0; padding: 0 4%; position: relative; width: 100%;
    }

    .navigation ul.icon-links li {
        width: 100%
    }

    .navigation .container {
        width: auto
    }

    .navigation .logo img {
        height: 75%; max-width: 100%; padding: 9% 0;
    }

    .navigation .links {
        background: #fff; left: 0; margin: 0; min-height: 65px; position: absolute; right: 0; top: 65px; width: 100%; z-index: 3;
    }

    .navigation li {
        display: block; margin: 10px 25px;
    }

    #google_translate_element {
        bottom: 57px; float: left; height: 58px; left: 4%; margin-top: -87px; right: auto; width: 296px;
    }

    .goog-te-gadget-simple {
        float: left; height: 44px; white-space: nowrap; width: 100%;
    }

    .goog-te-menu-frame {
        box-sizing: content-box; display: block; height: 500px !important; left: 0px; overflow: scroll; top: 208px; visibility: visible; width: 100% !important;
    }

    iframe body {
        overflow: visible !important
    }

    .home-feature {
        padding-bottom: 20px; padding-top: 20px;
    }

    .masthead.author {
        background-size: cover
    }

    .masthead h1 {
        font-size: 48px
    }

    .masthead .title {
        font-size: 1.914em; line-height: 1.181em; margin-bottom: 0px; margin-top: 16px; max-width: 300px;
    }

    .masthead p {
        margin-bottom: 5px; margin-top: 5px; max-width: 215px;
    }

    .masthead.main .container {
        padding: 0; width: 87%;
    }

    .main .slick-dots {
        width: 87% !important;
    }

    .masthead.main p {
        display: none
    }

    .masthead.main a {
        margin: 30px 0
    }

    .masthead.main img {
        margin-left: -50%; min-width: 150%;
    }

    .category .itin-sub-header .container img {
        width: 50px
    }

    .itineraries .itin-sub-header {
        background-position: top left
    }

    .itineraries .itin-sub-header .container img {
        width: 50px
    }

    .itineraries .itin-sub-header p {
        font-size: 18px
    }

    .listing-row .itin-sub-header .container h2, .itineraries .itin-sub-header .container h2 {
        font-size: 42px
    }

    .open .navigation .links {
        border-bottom: 1px solid gray
    }

    .navigation-container.fixed {
        border: 1px solid #cccccc;
        border-top:0;
    }

    .search-container {
        display: block !important; left: 0px; position: relative;
    }

    .open-copy {
        padding: 20px 0
    }

    .media-area .presskit-download {
        margin: 0;
        padding: 45px 32px 60px;
    }

    .info-block span{
        display:block;
    }

    .info-block span.separator{
        display:none;
    }

    /* UPCOMING EVENTS */

    .main .upcoming-events .listing-row {
        padding: 0 3%
    }

    .main .upcoming-events .num {
        font-size: 29.5px
    }

    .main .upcoming-events .date {
        font-size: 22.12px
    }

    .main .upcoming-events .title a {
        font-size: 13px
    }

    .circle {
        font-size: 22px
    }

    .floater .circle {
        border-radius: 40px; height: 42px; left: -45px; padding: 15px 0px; top: -39px; width: 70px;line-height:1;
    }

    .btn.col-position-right {
        clear: none; float: right !important;
    }

    .open-copy {
        padding: 30px 0
    }

    .iconic {
        border-bottom: none; padding: 0;
    }

    .iconic .eat {
        margin-left: 0; margin-right: 0; padding-left: 52px; padding-right: 18px;
    }

    .iconic .do {
        margin-left: 17px; margin-right: 0; padding-left: 40px;
    }

    .iconic a {
        margin: 5px
    }

    .side-scroll-sm {
        overflow: hidden; position: absolute;
    }

    .special-grid, .special, .elvis-journey {
        padding: 70px
    }

    .elvis-journey .block .item .title, .special .block .item .title, .interest-container .block .item .title, .floater .block .item .title, .special-grid .block .item .title {
        bottom: 5px; font-size: 20px; left: 0px; letter-spacing: 0.5px; padding: 0px 5%;
    }

    .elvis-journey .col-position-right {
        max-width: 170px
    }

    .elvis-journey h2, .special h2 {
        font-size: 36px
    }

    .special-grid .side-scroll-sm {
        position: relative
    }

    .music-triangle {
        background-position: 84% center; background-size: 1258px; min-height: 650px; padding-top: 30px;
    }

    .music-triangle h2 {
        color: rgb(255, 255, 255)
    }

    .music-triangle .side-scroll-sm {
        -webkit-overflow-scrolling: touch; margin-top: 30px; overflow-x: scroll; position: absolute;
    }

    .loner {
        max-width: 145px; top: 66%;
    }

    .music-triangle .side-scroll-sm .block {
        min-width: 135px
    }

    .loner h4 {
        font-size: 14px
    }

    .loner p {
        font-size: 12px; line-height: 1.2;
    }

    .loner a {
        font-size: 10px
    }

    .loner a.not-loner {
        font-size:18px;
        letter-spacing: 1px;
        padding: 10px 35px 10px 10px;
    }

    .elvis-journey {
        background-size: cover; margin-top: -2.5%; padding-right: 6%; padding-top: 5%;
    }

    .itin-map .map-options {
        width: 285px
    }

    .itin-map .map-options .days .day {
        font-size: 28px !important; padding: 5%; text-align: left;
    }

    .itin-map .map-options .category {
        border-bottom: 1px solid #b5c2c9; box-sizing: border-box; cursor: pointer; margin: 0; padding: 20px 10px;
    }

    .itin-map .map-options .category .title .category-icon {
        padding-bottom: 5px
    }

    .itin-map .map-options .category .cat-list li {
        margin: 10px 0 0 25px
    }

    .itin-map .map-options .category .cat-list li a {
        line-height: 24px
    }

    .itin-map .map-options .dates {
        margin: 0 10px
    }

    .itin-map .map-options .dates .date, .upcoming-events .dates {
        margin-bottom: 30px
    }

    .itin-map .map-options .dates .date, .upcoming-events .dates .eventdate {
        background: none; display: inline-block; margin-bottom: 0; margin-left: 5px; margin-right: 5px; padding: 0px 14px; vertical-align: middle; width: 30%;
    }

    .itin-map .map-options .extra {
        margin: 30px 3%
    }

    .itin-map .map-options .extra .extra-btn {
        margin: 0
    }

    .itin-map .map-options .cats {
        min-height: 365px
    }

    .itin-map .toggle {
        left: 272px
    }

    .itin-map .map-options .extra .extra-btn a.add-all, .itin-map .map-options .extra .extra-btn a.added{
        text-align:center;
    }

    .right-arrow {
        background-position: 0 -98px; margin: 3px 0px; width: 14px;
    }

    .floater .block .item .title {
        font-size: 10px; font-weight: bold; padding: 10px 5%;
    }

    .masthead.mediaroom .container {
        padding: 0 0 0 3.5%; width: 100%;
    }

    .masthead.mediaroom .container .media-subhead {
        margin: 0 0 0 25%
    }

    .masthead.mediaroom .slick-dots {
        margin:0;
    }

    .talk-to-pr {
        margin: -143px auto 60px
    }

    .content .listing-container h3, .content .testimonial h3 {
        font-size: 18px; line-height: 1.25em; margin: 10px 0;
    }

    .content .testimonial.listing-row:first-child {
        border-top: 1px dashed #cccccc; margin-top: 6px; padding-top: 15px;
    }

    .content .listing-row {
        padding-bottom: 0;
        /*min-height: 200px;*/
    }

    .content .listing-row a {
        display: inline-block;
        max-height: 113px;

    }

    .content .listing-row a.view-itin {
     background-position: 110% -174px; display: inline-block; font-size: 14px;
    }

    .content .upcoming-events .listing-row {
     min-height: 0; padding-bottom: 30px;
    }

    .special-grid {
     padding: 0
    }

    /* Itinerary */

    .itin-header .circle {
        height: 225px; width: 280px;
    }

    .itin-header .circle .tagline {
        padding: 25px 0;
        line-height:1.4;
    }

    .itin-header .circle .title {
        font-size: 65px
    }

    .cat-list li .itin-day {
        background-position: 95% center; height: 30px; margin-left: 0; margin-right: 5px; width: 71%;
    }

    .cat-list li .itin-remove {
        margin-left: 0; margin-right: 0;
    }

    a.map-link, a.website-link, a.itinerary-link {
        font-size: 0
    }

    #jrs_arrival_input {
        margin: 30.8% 7% 0% 6% !important
    }

    #jrs_departure_input {
        margin: 30.8% 0% 0% 2% !important
    }

    .locals .block .circle {
        font-size: 15px; height: 30px; left: 0; margin: 0 14px; padding: 10px 0; right: 0; width: 50px;line-height:1;
    }

    .locals .col {
        margin-bottom: 15px
    }

    .local-q-list .local-q-list-title {
        background: url(../images/qa-icon.png) 100% 7px no-repeat
    }

    .goog-te-menu-frame {
        height: auto !important; overflow: visible; width: 100% !important;
    }

    iframe.goog-te-menu-frame body {
        overflow: visible !important
    }

    .frm_form_field.frm_left_half, .frm_form_field.frm_right_half, .frm_form_field.frm_first_half, .frm_form_field.frm_last_half {
        width: 100%
    }

    .upcoming-events .num {
        font-size: 70px
    }

    .upcoming-events .date {
        font-size: 60px
    }

    [id*="attachment_"] {
        height: auto !important; width: 100% !important;
    }

    .content img, .block img {
        height: auto
    }

    .footer, .footer a, .footer a:visited {
        font-size: 14px
    }

    .footer .container {
        padding: 0 5%
    }

    a.tripadvisor.single {
        max-width: 151px;
        color: #589442;
        text-transform: none;
        margin: -17px 0 10px;
        display: block;
        text-align: left;
    }
}

@media screen and (min-width: 650px) and (max-width: 1039px) {
    h4, .block .title {
        font-size: 27px
    }

    select {
        background-position: 95% center
    }

    .navigation .links {
        background: #fff; left: 0; margin: 0; min-height: 65px; position: absolute; right: 0; top: 65px; width: 100%; z-index: 3;
    }

    .open .navigation .links {
        border-bottom: 1px solid gray
    }

    .social-trigger {
        top: 160px
    }

    .nav-icon.search {
        display: none
    }

    .navigation ul.icon-links {
        display: block
    }

    .navigation ul.icon-links li {
        float: none; width: 100%;
    }

    .navigation .container {
        width: auto
    }

    .footer, .footer a, .footer a:visited {
        font-size: 14px
    }

    .container {
        /*padding: 0;*/
    }

    .masthead .title {
     font-size: 2.667em; max-width: 588px; word-spacing: 0.09em;
    }

    .masthead.main p {
     display: none
    }

    .masthead.main a {
     margin: 30px 0
    }

    .masthead.main img {
     min-width: 895px
    }

    .masthead.mediaroom .slick-dots {
        margin: 0;
    }

    .masthead.mediaroom .container {
     padding: 0 0 0 3.5%; width: 100%;
    }

    .navigation .links {
     background: #fff; border-bottom: 1px solid gray; left: 0; margin: 0; position: absolute; right: 0; top: 65px; width: 100%; z-index: 1; z-index: 3;
    }

    .navigation .links {
     padding: 0 10%
    }

    .navigation li {
     display: block; margin: 10px 25px 10px 0;
    }

    .nav-icon.translate {
     background: url(../images/ico-translate-mobile.png) 0 0 no-repeat; height: 38px; width: 294px;
    }

    .search-container {
     display: block !important; left: 0px; position: relative;
    }

    .music-triangle {
     background-position: 78% 0; min-height: 985px;
    }

    .music-triangle .side-scroll-sm {
     -webkit-overflow-scrolling: touch; overflow-x: scroll;
    }

    .music-triangle .side-scroll-sm {
     margin-top: 30px; position: absolute;
    }

    .music-triangle .side-scroll-sm .block {
     min-width: 200px
    }

    .upcoming-events p {
     display: none
    }

    .upcoming-events .num {
     font-size: 70px
    }

    .upcoming-events .date {
     font-size: 60px
    }

    .main .body-copy {
     padding: 40px 0 70% 0
    }

    .main .body-copy h2 {
     font-size: 54px
    }

    .natchez {
     max-height: none;
    }

    .listing-row .itin-sub-header .container h2, .itineraries .itin-sub-header .container h2 {
     font-size: 42px
    }

    .content .listing-row .tel{
        background:none;
        margin-right:5px;
    }

    .content .listing-row .website{
        margin-left:5px;
    }

    .category .itin-sub-header .container img {
     width: 50px
    }

    .content .listing-row a.view-itin {
     background-position: 110% -174px; display: inline-block; font-size: 14px;
    }

    .open-copy p {
     font-size: 14px
    }

    .floater h1 {
     font-size: 54px
    }

    .iconic {
     padding: 20px 0
    }

    .iconic .eat {
     margin-left: 0; margin-right: 0; padding-left: 52px; padding-right: 20px;
    }

    .iconic .do {
     margin-left: 20px; margin-right: 0; padding-left: 40px;
    }

    .main .upcoming-events .title a {
     font-size: 16px
    }

    .main .upcoming-events a.btn.small {
     margin-top: 20px
    }

    .special-grid, .elvis-journey {
     background-position: -177px top
    }

    .special {
     background-position: right top
    }

    .elvis-journey .block .item .title {
     font-size: 20px
    }

    .special h2, .elvis-journey h2 {
     font-size: 60px
    }

    .main .upcoming-events .num {
     font-size: 1em
    }

    .main .upcoming-events .date {
     font-size: .8em
    }
    a.tripadvisor.single {
        max-width: 151px;
        color: #589442;
        text-transform: none;
        margin: -17px 0 10px;
        display: block;
        text-align: left;
    }


}

@media screen and (min-width: 1040px) and (max-width: 1199px) { 
    .masthead h1 {
     font-size: 96px
    }

    .masthead.mediaroom .slick-dots, .masthead.mediaroom .container {
     padding: 0 2%;
    }

    .masthead.mediaroom .container .media-subhead {
     margin-left: 30%
    }

    .navigation li {
     margin: 0px 8px
    }

    .navigation a {
     font-size: 12px; font-weight: 800;
    }

    .elvis-journey .block .item .title {
     font-size: 20px
    }

    .iconic {
     padding: 0
    }

    .iconic .eat {
     margin-left: 0
    }

    .iconic .do {
     margin-right: 0
    }

    .floater h3 {
     font-size: 40px
    }

    .main .body-copy {
     padding: 40px 0 50% 0
    }

    .main .upcoming-events p {
     display: none
    }
}

@media screen and (min-width: 1000px) { 
    .navigation ul.icon-links li {
     margin: 0
    }

    #jrs_departure_input {
     margin: 20.8% 0% 0% 2% !important
    }

    #jrs_departure_input:before {
     margin: 8% 5% 0% -17% !important
    }

    #jrs_arrival_input {
     margin: 20.8% 5% 0% 15% !important
    }

    .sidebar #jrs_departure_input {
     margin: -7% 0% 0% 13% !important
    }

    .sidebar #jrs_arrival_input {
     margin: 33.8% 0% 0% 13% !important
    }
}

@media screen and (min-width: 1040px) { 
    .icon-links a[class*="social-"] {
     display: none
    }
}