/* Small screens and tablets landscape */
@media screen and (max-width: 1250px) {
    .latest-posts-list .featured-tag-text {
        width: 212px;
    }

    .footer-widgets {
        margin-right: 0
    }
}


/* Small screens */
@media screen and (max-width: 1163px) {

    .home-section-img img {
        padding-right: 15px
    }

    input.search-field {
        width: 250px;
    }

    .wrap.popular-articles ul li:last-child {
        display: none;
    }

    .wrap.popular-articles ul li {
        width: 33.3333%
    }

    .latest-posts-list .featured-tag-text {
        width: 170px;
        width: 64%;
    }

    a.latest-posts-img-wrap {
        width: 26%;
    }

    .latest-articles-img img {
        display: none;
    }

    img.latest-articles-tablet {
        display: block;
    }

    .popular-title {
        margin-bottom: 1em
    }

}


@media screen and (max-width: 965px) {
    .footer-widgets section {
        margin-left: 10px;
    }
}

@media screen and (max-width: 890px) {
    .header-search-form {
        padding-right: 15px;
    }

    input.search-field {
        font-size: 14px;
        width: 232px;
    }

    .site-header .ge-social-icons a {
        margin-right: 15px;
    }

    .footer-widgets section {
        width: 140px;
    }
}

@media screen and (max-width: 820px) {

    .main-navigation li {
        margin-left: 0px
    }

    .header-search-form {
        padding-left: 15px;
        padding-right: 10px;
    }

}

/* Tweak styles for tablet so content fits within grids */
@media screen and (min-width: 768px) and (max-width: 890px) {

    .featured-in img {
        margin-left: 15px !important;
    }

    h2.widget-title {
        font-size: 20px;
    }

    .category-previews ul a,
    .recommended-tiles ul a {
        font-size: 14px;
    }

    .category-previews li img,
    .recommended-tiles li img {
        margin-right: 8px;
    }

    .cat-preview h3 {
        font-size: 18px;
    }

    a.cat-see-more {
        font-size: 14px
    }
}

@media screen and (min-width: 768px) and (max-width: 800px) {
    .featured-tag-title {
        max-width: 100px
    }
}


@media screen and (min-width: 768px) {
    .has-subnav {
        display: none;
    }

    .menu-toggle {
        display: none;
    }

    .main-navigation ul {
        display: block;
    }

    .menu-mobile-menu-container {
        display: none;
    }

    .site-header .icon-pinterest-circled,
    .site-header .icon-rss-squared {
        display: none
    }
}

/* Mobile Tweaks */
@media screen and (max-width: 767px) {

	.travel-guide-links {
		display: none;
	}

	.fixed header.entry-header.trave-guide-header {
		top: 0;
		position: relative;
	}

	.related-posts {
		display: none;
	}

	.gallery .gallery-item,
	.image-card {
		width: 100%;
		padding-right: 0;
		padding-left: 0;
		max-width: 100%;

	}

    img.full-width {
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        left: 0;
    }

    .split .split-left,
    .split .split-right {
        width: 100% !important;
        max-width: 100%;
        display: block;
        vertical-align: unset;
        margin-bottom: 1em;
        padding: 0;
    }

    related-posts {
        display: none
    }

    p.comment-form-comment,
    p.comment-form-author input,
    p.comment-form-email input,
    .comment-form-author,
    .comment-form-email,
    .comment-form-col {
        width: 100% !important;
    }

    p.comment-form-comment {
        margin-top: 5px;
    }

    .page h1.entry-title {
        font-size: 26px;
    }

    .popular-title {
        margin-bottom: 0
    }

    .wrap.popular-articles.group {
        margin-bottom: 30px;
    }

    .pop-arts-text {
        margin-top: 0px;
    }

    .home-section-img img {
        padding-right: 0
    }

    .featured-tag-title {
        max-width: 100%
    }

    a.latest-posts-img-wrap {
        margin-right: 0;
    }

    h2.widget-title {
        font-size: 22px;
    }

    .main-navigation.toggled .menu-wrap {
        max-height: 40em;
        opacity: 1;
        -webkit-transition: max-height .3s ease-out, opacity .14s ease-in-out, padding .2s ease-out;
        transition: max-height .3s ease-out, opacity .14s ease-in-out, padding .2s ease-out;
        padding-top: 15px;
        position: absolute;
        background: white;
        padding-bottom: 50px;
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
        border-bottom: 1px solid #d1d1d1;
    }

    .menu-nav-container {
        display: none
    }

    header#masthead {
        box-shadow: none;
        border: none;
    }

    header#masthead .wrap {
        width: 100%;
        padding: 0;
    }

    .site-branding {
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
        border-bottom: 1px solid #d1d1d1;
        padding: 3px 11px 15px;
        width: 100%;
        background: white;
        box-sizing: border-box;
        position: relative;
        z-index: 10;
    }

    .header-search-form {
        padding: 0;
        width: 100%;
        margin-bottom: 35px;
        position: relative;
        z-index: 10;
        margin-top: 23px;
    }

    .main-navigation .menu-wrap {
        width: 100%;
        height: auto;
        overflow: hidden;
        float: none;
        max-height: 0;
        opacity: 0;
        -webkit-transition: max-height .2s ease-out, opacity .07s ease-in-out, padding .2s ease-out;
        transition: max-height .2s ease-out, opacity .07s ease-in-out, padding .2s ease-out;
        padding-top: 0;
    }

    input.search-field {
        width: 289px;
    }

    .main-navigation {
        float: none;
        clear: both;
        text-align: center;
        background: white;
    }

    .site-header .ge-social-icons {
        text-align: center;
        float: none;
        display: inline;
    }

    .main-navigation ul li a {
        padding-bottom: 4px;
        margin: 5px 15px;
        padding-top: 3px;
        color: #666;
    }

    .main-navigation li {
        width: 100%;
        margin-left: 0;
        float: none;
    }

    #mobile-menu span.has-subnav {
        display: block;
        font-size: 1.4em;
        position: absolute;
        top: 0;
        height: 2em;
        color: white;
        vertical-align: middle;
        text-align: center;
        padding-top: 11px;
        width: 100%;
    }

    .site-header .ge-social-icons {
        display: inline-block;
    }

    h1.page-title .emoji {
        margin-right: 10px;
    }

    .search #primary article,
    .archive #primary article,
    .popular-articles ul li,
    .latest-articles ul li,
    .latest-posts-list li {
        margin-bottom: 1em !important;
        float: left !important;
    }

    .popular-articles li img,
    .latest-articles li img {
        margin-bottom: 0
    }

    .search article a.post-thumbnail img,
    .archive article a.post-thumbnail img {
        border-radius: 8px;
    }

    .search article a.post-thumbnail,
    .archive article a.post-thumbnail {
        float: left;
        max-width: 230px;
        width: 25%;
        padding-right: 12px;
        width: 100px;
        overflow: hidden;
        display: block;
        border-radius: 8px;
        height: 100px;
    }

    .search article .entry-header,
    .archive article .entry-header {
        float: left;
        width: 75%;
        padding-left: 15px;
    }

    .category-previews li,
    .recommended-tiles li {
        width: 100%;
    }

    .category-previews li img,
    .recommended-tiles li img {
        margin-right: 16px;
    }

    a.latest-posts-img-wrap {
        width: 26%;
        max-width: 150px;
    }

    .wrap.popular-articles ul li {
        width: 50%;
        float: left;
        clear: none;
        padding-right: 25px;
    }

    .wrap.popular-articles ul li:nth-child(2n+1) {
        clear: left;
    }

    .wrap.popular-articles ul li:last-child {
        display: block
    }

    .latest-articles>ul li:last-child {
        padding-right: 0
    }

    .null-instagram-feed .instagram-pics li {
        width: 25%;
    }

    .home-section-img img {
        max-width: 64%;
    }

    .latest-articles {
        margin-bottom: 35px;
    }

    footer#colophon {
        padding-top: 39px;
        margin-top: 10px;
    }

    .cat-preview {
        margin-bottom: 2em
    }

    .home-section-text {
        width: 100%;
        max-width: 100%;
    }

    .home-section-img {
        width: 100%;
        margin-bottom: 2em;
    }

    .footer-widgets {
        float: none;
        clear: both;
        padding-top: 3em;
    }

    .footer-widgets section {
        margin-left: 0;
        width: 100%;
        max-width: none;
        margin-bottom: 2.5em;
    }

    .col-3,
    .col-8,
    .col-6,
    .col-4,
    .latest-articles .latest-posts-list li {
        width: 100%;
        float: none;
        clear: both;
        padding-left: 0;
        padding-right: 0
    }

    .featured-in img {
        margin-right: 20px;
    }

    .cta-button-wrap {
        width: 100%;
        text-align: center;
        margin-top: 10px;
    }

    .category-previews {
        padding-bottom: 0
    }

    div#content {
        margin-bottom: 3.5em
    }

    /* Zero margin for posts with comments */
    .single div#content {
        margin-bottom: 0
    }

    .home div#content {
        margin-bottom: 0
    }

    .not-found h1.page-title,
    section.no-results.not-found h1 {
        font-size: 25px;
        padding-left: 0;
    }

    .not-found h1.page-title img {
        display: none !important
    }

    .recommended-tiles li {
        clear: both;
    }

    ol.comment-list li {
        padding-left: 15px;
    }

    ol.comment-list ol {
        padding-left: 0
    }

    .single h1.entry-title {
        font-size: 26px;
        line-height: 32px;
    }

    .latest-articles li {
        width: 50%;
        padding-right: 25px !important;
    }

    .wrap.popular-articles ul li,
    .latest-articles li {
        width: 100%;
        clear: both;
        padding-right: 0px !important;
    }

    a.pop-arts-img,
    .latest-articles-img {
        float: left;
        width: 24%;
    }

    a.latest-posts-img-wrap,
    a.latest-articles-img {
        width: 26%;
        max-width: 80px;
    }

    .latest-articles-img img,
    .latest-articles-tablet {
        display: none
    }

    .latest-articles-img .latest-articles-thumb,
    .popular-articles-thumb {
        display: block;
    }

    .pop-arts-text,
    .latest-articles-text,
    .latest-posts-list .featured-tag-text {
        float: left;
        width: 70%;
        padding-left: 15px;
    }

    .malinky-load-more {
        margin-top: 1.5em;
    }

    .search article a.post-thumbnail img,
    .archive article a.post-thumbnail img,
    .pop-arts-img img {
        border-radius: 8px;
        max-width: 80px;
    }

    .search article a.post-thumbnail,
    .archive article a.post-thumbnail,
    .pop-arts-img {
        float: left;
        max-width: 80px;
        width: 25%;
        overflow: hidden;
        display: block;
        border-radius: 8px;
        height: 80px;
    }

    .search span.posted-on,
    .archive span.posted-on {
        margin-top: -6px;
    }

    .search h2.entry-title,
    .archive h2.entry-title {
        max-width: 100%
    }

    .category-previews li img,
    .recommended-tiles li img {
        max-width: 56px;
        vertical-align: middle;
        display: inline-block;
        margin-bottom: 8px;
    }

}


@media screen and (max-width: 560px) {

    article ul {
        padding-left: 15px;
    }

    .meta-bar {
        display: none;
    }

    .lonely-planet-logo,
    .skyscanner-logo {
        clear: none !important;
    }

    .featured-in img {
        margin-left: 15px !important;
        float: none;
    }

    .featured-in .momondo-logo {
        margin-left: 0 !important
    }

    .featured-in .easyjet-logo {
        margin-top: 5px;
    }

    .featured-in .trivago-logo {
        margin-top: 19px;
    }

    .featured-in .expedia-logo {
        margin-top: 10px;
        margin-left: 0 !important;
    }

    .featured-in .skyscanner-logo {
        margin-top: 10px;
    }
}


@media screen and (max-width: 480px) {

    .split .split-left {
        width: 40%
    }

}

