/*
* Used for tablet and mobile devices
*/
/*-----------------------------------------------------------------------------------*/
/* 11. = iPhone Lanscape Specifics
/*-----------------------------------------------------------------------------------*/
/* iPhone 5 &5s Portrait */

@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (orientation: portrait) {
    .articles-list .article.white h3 {
        font-size: 19px !important;
        margin-top: 15px !important;
        ;
    }
    .articles-list .article .caption h3 {
        font-size: 19px !important;
        margin-bottom: 25px !important;
    }
    .articles-list .article.white .caption.cap-top {
        top: 28px !important;
        left: 5%;
    }
    .articles-list .article.white .caption {
        width: 95% !important;
        margin-right: 10px !important;
        top: 30px;
    }
    .articles-list .article.white .caption p {
        margin-top: -9px;
    }
    .articles-list .article .caption.cap-top {
        position: absolute;
        top: 20px !important;
        left: 5% !important;
    }
    #nav-col h4 {
        padding: 0 22px !important;
    }
    #nav li a {
        padding: 12px 22px !important;
    }
}
2
/* iPhone 5 & 5s Landscape 8 */

@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (orientation: landscape) {
    .articles-list .article.white .caption {
        width: 95% !important;
        margin-right: 10px !important;
        top: 15%;
    }
    .articles-list .article .caption h3 {
        font-size: 21px !important;
        margin-bottom: 25px !important;
        line-height: 1.4em;
    }
    #nav-col h4 {
        padding: 0 82px !important;
    }
    #nav li a {
        padding: 12px 82px !important;
    }
}
/* iPhone 6 Landscape Orientation Grid */

@media only screen and (min-width: 480px) and (max-width: 750px) {
    .caption.cap-top {
        display: none
    }
    .articles-list .article .caption h3 {
        font-size: 18px !important;
        margin-top: 8px !important;
        line-height: 1.2em;
        margin-bottom: 0;
    }
    .articles-list .article.white .caption p {
        line-height: 1.3em !important;
        font-size: 13px !important;
        margin-top: -10px !important;
        width: 100%
    }
    .articles-list .article .caption {
        left: 5%;
        width: 95% !important;
        padding-right: 10px;
        margin-top: -40px;
    }
    .articles-list .article.twitter .caption i {
        display: none;
    }
    .articles-list .article.twitter .caption .twitter-container {
        display: block;
        margin-top: 60px !important;
    }
    .articles-list .article.white .caption .meta {
        font-size: 11px !important;
    }
    .post-title h1 {
        font-size: 32px;
    }
    .articles-list .article.twitter .caption p {
        font-size: 13px;
        margin: 0 0 20px 0;
    }
    /** Need to adjust mobile **/
}
/* iPhone 6 Portrait Orientation 8 */

@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (orientation: portrait) {
    .articles-list .article .caption h3 {
        font-size: 21px !important;
        margin-top: 22px !important;
        line-height: 1.2em;
    }
    .articles-list .article.white .caption p {
        line-height: 1.4em !important;
        font-size: 14px !important;
    }
    .articles-list .article.white .caption.cap-top {
        top: 30px !important;
    }
    .articles-list .article .caption .meta {
        font-size: 13px !important;
        margin-top: -5px !important;
    }
    .articles-list .article.white .caption .meta {
        font-size: 13px !important;
        margin-top: -10px !important;
    }
    .articles-list .article .caption.captop.white {
        margin-top: 20px !important;
    }
    .post-title h1 {
        padding: 15px 0;
    }
    #nav-col h4 {
        padding: 0 35px !important;
    }
    #nav li a {
        padding: 12px 35px !important;
    }
}
/* iPhone 6Plus Landscape Orientation */

@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (orientation: landscape) {
    .caption.cap-top {
        display: inline
    }
    .articles-list .article.twitter .caption i {
        display: inline !important;
        padding-top: 10px;
    }
    .articles-list .article .caption .meta {
        font-size: 12px !important;
    }
    .articles-list .article.white .caption .meta {
        font-size: 12px !important;
    }
    .articles-list .article .caption {
        margin-top: 0;
    }
    .articles-list .article .caption .meta {
        font-size: 12px !important;
        margin-top: -5px !important;
        left: 0:
    }
    .articles-list .article.white .caption .meta {
        font-size: 12px !important;
        margin-top: -5px !important;
        left: 0;
    }
    .articles-list .article .caption h3 {
        margin-top: -5px !important;
    }
    .post-title h1 {
        font-size: 32px;
    }
    /** Need to adjust mobile **/
}
/* iPad 1 & 2 */
/*Portrait*/

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1) {
    .articles-list .article.white h3 {
        font-size: 19px !important;
        margin-top: 15px !important;
    }
    .articles-list .article.white .caption.cap-top {
        top: 20px;
        left: 5%;
    }
    .articles-list .article.white .caption {
        width: 100% !important;
        margin-right: 10px !important;
        top: 40px;
    }
    .articles-list .article .caption {
        left: 5% !important;
    }
}
/*Landscape*/

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1) {
    .articles-list .article.white h3 {
        font-size: 18px !important;
        margin-top: 10px !important;
        width: 100%;
    }
    .articles-list .article.white .caption.cap-top {
        top: 15px;
        font-size: 8px;
    }
    .articles-list .article.white .caption {
        width: 95% !important;
        margin-right: 10px !important;
        top: 30px;
        left: 5% !important;
    }
    .articles-list .article.white .caption p {
        font-size: 12px !important;
    }
    .articles-list .article.white .caption .meta {
        font-size: 11px !important;
    }
    .articles-list .article.two-third .caption {
        left: 20px !important;
    }
}
/*
* Used for tablet and mobile devices
*/
/* Smaller than standard 1240 (devices and browsers) */

@media only screen and (max-width: 1239px) {}
/* Tablet Portrait size to standard 1240 (devices and browsers) */

@media only screen and (min-width: 1024px) and (max-width: 1259px) {
    /*--------142---------------------------------------------------------------------------*/
    /* 2. = Body, Typography and some main Elements
/*-----------------------------------------------------------------------------------*/

    h1 {
        font-size: 32px;
    }
    h2 {
        font-size: 32px;
    }
    h3 {
        font-size: 24px;
    }
    h4 {
        font-size: 18px;
    }
    h5 {
        font-size: 14px;
    }
    h6 {
        font-size: 12px;
    }
    .articles-list .article .caption h3 {
        margin: 8px 0 25px 0;
        font-size: 18px;
        max-height: 44px;
        /*overflow: hidden;*/
    }
    .articles-list .article.white .caption.cap-top {
        left: 15px;
    }
    /*-----------------------------------------------------------------------------------*/
    /* 3. = Structure
/*-----------------------------------------------------------------------------------*/

    .container {
        width: 100%;
        padding-left: 20px;
        padding-right: 20px;
    }
    .one-third {
        width: 32%;
        margin: 0 2% 20px 0;
    }
    .two-third {
        width: 66%;
        margin: 0 0 20px 0;
    }
    /*-----------------------------------------------------------------------------------*/
    /* 6. = Home Page styling
/*-----------------------------------------------------------------------------------*/

    a,
    a:visited,
    a:active {} #home-featured .caption {
        left: 0;
        margin: 0 !important;
    }
    #home-slider .slides li .caption {
        left: 0;
        margin: 0 !important;
    }
    #home-featured {
        margin: 0;
    }
    .articles-list .article {
        margin-right: 2%;
    }
    .articles-list .article .caption {
        left: 5%;
        width: 90%;
        padding-right: 30px;
    }
    .articles-list .article.white .caption {
        left: 5%;
        width: 90%;
        padding-right: 30px;
    }
    .articles-list .article.two-third .caption {
        left: 3%;
        width: 90%;
        max-width: 600px;
        padding-right: 30px;
    }
    .articles-list .article.white .meta {
        padding-right: 30px;
    }
    .articles-list .article.black h3 {
        font-size: 32px;
    }
    .articles-list .article.twitter .caption .twitter-container {
        padding-left: 15px;
        padding-right: 15px;
    }
    .articles-list .article-container.one-third {
        width: 32%;
        margin: 0 2% 0 0;
    }
    .articles-list .article-container.one-third .one-third {
        width: auto;
        margin: 0 0 20px 0;
    }
    #newsletter .container {
        padding-left: 0;
        padding-right: 0;
    }
    #newsletter h2 {
        font-size: 22px;
    }
    #newsletter p {
        font-size: 14px;
    }
    #header .version {
        padding-left: 5px;
        margin-top: -3px;
    }
    #nav .nav li a {
        padding: 8px 0;
    }
    #home-featured .caption h2 {
        max-width: 650px;
        font-size: 36px;
    }
    #cat-banner .cat-list {
        width: 88%;
    }
    #cat-banner li a {
        padding-left: 4%;
        padding-right: 4%;
    }
    #cat-banner .bar-label {
        padding: 33px 0px 30px 0px;
        width: 12%;
    }
    #header .social-links li a i {
        display: none;
    }
    #nav {
        left: -120%;
    }
    #nav-col.col-1 {
        margin-right: 12%;
        padding-left: 30px;
    }
}
@media only screen and (min-width: 640px) and (max-width: 1023px) {
    .container {
        width: 100%;
        padding-left: 20px;
        padding-right: 20px;
    }
    h1 {
        font-size: 32px;
    }
    h2 {
        font-size: 32px;
    }
    h3 {
        font-size: 22px;
    }
    h4 {
        font-size: 18px;
    }
    h5 {
        font-size: 14px;
    }
    h6 {
        font-size: 12px;
    }
    #home-featured .caption {
        left: 0;
        margin: 0 !important;
        bottom: 30px;
    }
    #advert .container > div {
        width: 45%;
        padding: 50px 0 0 0;
    }
    #advert img {
        width: 45%;
    }
    .articles-list .article {
        width: 48.5% !important;
        height: auto !important;
        margin: 0 0 3% 0 !important;
        float: left;
        position: relative !important;
        top: auto !important;
        left: auto !important;
    }
    .articles-list .article:nth-child(2n) {
        float: right;
    }
    .articles-list .article .caption {
        left: 5%;
        width: 90%;
        padding-right: 30px;
    }
    .articles-list .article.white .caption {
        left: 5%;
        width: 90%;
        padding-right: 30px;
    }
    .articles-list .article.two-third .caption {
        left: 5%;
        width: 90%;
        max-width: 600px;
        padding-right: 30px;
    }
    .articles-list .article.white .meta {
        padding-right: 30px;
    }
    .articles-list .article.black h3 {
        font-size: 32px;
    }
    .articles-list .article img.view-desktop {
        display: none;
    }
    .articles-list .article img.view-mobile {
        display: block;
    }
    .articles-list .article-container.one-third {
        width: auto;
        margin: 0;
    }
    #newsletter .container {
        padding-left: 0;
        padding-right: 0;
    }
    .columnists-list .columnist {
        width: 47.5%;
        margin: 0 4% 4% 0;
    }
    .columnists-list .columnist:nth-child(2n) {
        margin-right: 0;
    }
    .post-entry {
        padding: 50px 40px;
    }
    #home-featured {
        margin: -140px 0 0 0;
    }
    #header .search input[type=text] {
        width: 80px;
    }
    #header .version {
        font-size: 11px;
        margin-top: -4px;
    }
    #header .social-links li:last-child {
        margin-left: 0px;
    }
    #nav {
        left: -200%;
    }
    #header .search input[type=text] {
        width: 30px;
    }
    #nav-col.col-1 {
        margin-right: 2%;
        padding-left: 30px;
    }
    .articles-list .article.white .caption .meta {
        margin-left: 0;
    }
    #cat-banner .cat-list {
        width: 88%;
    }
    #cat-banner li a {
        padding-left: 4%;
        padding-right: 4%;
    }
    #cat-banner .bar-label {
        padding: 33px 0px 30px 0px;
        width: 12%;
    }
    .articles-list .article .caption h3 {
        font-size: 18px;
        line-height: 1.4;
    }
    .articles-list .article.white .caption p {
        line-height: 1.4;
    }
    #home-featured {
        margin: 0;
    }
}
/* All Mobile Sizes (devices and browser) */

@media only screen and (max-width: 639px) {
    /*-----------------------------------------------------------------------------------*/
    /* 3. = Structure
/*-----------------------------------------------------------------------------------*/

    .container {
        width: 100%;
        padding-left: 20px;
        padding-right: 20px;
    }
    .view-desktop {
        display: none;
    }
    .view-mobile {
        display: block;
    }
    .one-third {
        width: 100%;
        margin: 0 0 2px 0;
    }
    .one-third:nth-child(3n) {
        margin-right: 0;
    }
    .two-third {
        width: 100%;
        margin: 0 0 2px 0;
    }
    #newsletter .dd-container {
        width: 100% !important;
        margin: 5px 0;
    }
    .dd-select {
        width: 100% !important;
    }
    .articles-list .article .caption.cap-top {
        left: 22px !important;
    }
    #home-featured .caption p {
        max-height: 18px;
        overflow: hidden;
    }
    /*-----------------------------------------------------------------------------------*/
    /* 4. = Header styling
/*-----------------------------------------------------------------------------------*/

    #header {
        background: #000;
        padding: 30px 0;
    }
    #header .menu,
    #header.nav-black .menu {
        text-indent: -9999px;
        margin-right: 15px;
        background-size: 20px 12px;
        background-position: left center;
    }
    #header .search {
        width: 90%;
        text-indent: -9999px;
        margin-top: 4px;
        float: right;
        color: #FFF;
    }
    #header .search label {
        vertical-align: top;
        background-size: 14px 14px;
        margin: 0;
    }
    #header .search input::-webkit-input-placeholder {
        opacity: 0;
    }
    #header .search input:-moz-placeholder {
        opacity: 0;
    }
    #header .search input::-moz-placeholder {
        opacity: 0;
    }
    #header .search input:-ms-input-placeholder {
        opacity: 0;
    }
    #header .iframe-logo {
        position: static;
        float: right;
        margin: 0;
    }
    #header .search input[type=text] {
        padding: 1px 5px 0 0;
        margin-top: -3px;
    }
    #nav {
        min-height: 0;
    }
    section#nav.animated.fadeIn.nodelay {
        min-height: 2000px;
    }
    #nav .nav-container {
        max-height: 2000px;
    }
    #selector {
        text-transform: uppercase;
        font-size: 13px;
        font-weight: 600;
        color: #000;
        border-top: 1px solid rgba(0, 0, 0, 0.1);
        border-bottom: 1px solid rgba(0, 0, 0, 0.1);
        margin-bottom: 20px;
        width: 100%;
        white-space: nowrap;
        padding: 20px 0;
        margin-top: -17px;
        z-index: 99;
    }
    #selector .country {
        display: inline-block;
        white-space: normal;
        width: 50%;
        text-align: center;
    }
    #selector .country.left {
        border-right: 1px solid rgba(255, 255, 255, 0.6);
    }
    #selector .country a {
        color: #FFF;
    }
    #nav .menu {
        display: none;
    }
    #nav .nav-container {
        width: 100%;
    }
    #nav-col {
        display: block;
        width: 100%;
    }
    #nav-col.col-1 {
        border-bottom: 1px solid rgba(0, 0, 0, 0.1);
        margin: 20px 0 !important;
    }
    #nav-col.col-2 {
        margin-top: 0px;
    }
    #nav-col.col-3 {
        border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    }
    #nav-col.col-4 {
        margin-top: 20px;
        border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    }
    #nav-col h4 {
        padding: 0 35px;
    }
    body.nav-active #nav {
        top: 80px;
    }
    #nav li a {
        border-top: 1px solid rgba(0, 0, 0, 0.1);
        padding: 12px 35px;
        font-size: 12px !important;
    }
    /*-----------------------------------------------------------------------------------*/
    /* 6. = Home Page styling
/*-----------------------------------------------------------------------------------*/

    #home-featured {
        margin: 0;
    }
    #home-featured .featured-container {
        background-size: cover;
    }
    #home-featured .caption {
        left: 0;
        margin: 0 !important;
        bottom: 12px;
    }
    #home-slider {
        margin: 0;
    }
    #home-slider .slides li .caption {
        left: 0;
        margin: 0;
    }
    #home-featured .caption h2 {
        margin: 0 0 5px 0;
    }
    .articles-list {
        margin: 0 -20px;
    }
    .articles-list .article {
        width: 100% !important;
        box-shadow: none;
        position: relative !important;
        top: auto !important;
        transition: none !important;
    }
    .articles-list .article .caption {
        left: 5%;
        width: 90%;
        padding-right: 30px;
    }
    .articles-list .article .caption h3 {
        margin: 10px 0 16px 0;
        font-size: 21px;
    }
    .articles-list .article img.stat {
        max-height: 57%;
        max-width: 98%;
    }
    .articles-list .article.white .caption {
        left: 5%;
        width: 98%;
        padding-right: 30px;
    }
    .articles-list .article.two-third .caption {
        left: 5%;
        width: 90%;
        max-width: 600px;
        padding-right: 30px;
    }
    .articles-list .article.white .meta {
        padding-right: 30px;
    }
    .articles-list .article.black h3 {
        font-size: 32px;
    }
    .articles-list .article.twitter .caption .twitter-container {
        padding-left: 15px;
        padding-right: 15px;
        text-align: left;
        float: left;
    }
    .articles-list .article.twitter .caption {
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        padding: 0;
        text-align: left;
    }
    .articles-list .article img {} .articles-list .article-4,
    .articles-list .article-11 {
        border-bottom: solid 1px rgba(0, 0, 0, 0.1);
    }
    .dd-selected {
        padding: 7px 12px;
        opacity: 0.8;
    }
    .articles-list.search-list .article {
        margin-right: 0 !important;
    }
    .articles-list .article.twitter {
        text-align: left;
    }
    #newsletter {
        margin: 0 0 2px 0;
    }
    #newsletter .container.newsletter {
        width: 100% !important;
        margin: 0;
    }
    #newsletter .container {
        width: 100%;
        padding-left: 20px;
        padding-right: 20px;
        text-align: left;
    }
    #newsletter form input[type=text],
    #newsletter form input[type=email] {
        width: 100%;
    }
    #newsletter form input[type=submit] {
        width: 100%;
        margin: 0;
        padding-left: 18px;
        padding-right: 18px;
        text-align: left;
    }
    #newsletter p {
        font-size: 14px !important;
        margin-bottom: 30px;
    }
    #newsletter h2 {
        font-size: 20px !important;
        margin-bottom: 15px;
    }
    #newsletter form input:invalid {
        box-shadow: none !important;
    }
    #newsletter .dd-options {
        width: 100% !important;
    }
    .gform_wrapper .newsletter .gfield input[type=text] {
        width: 100% !important;
    }
    .gform_wrapper .newsletter .gfield input[type=email] {
        width: 100% !important;
    }
    .gform_wrapper .newsletter .gform_footer input[type=submit] {
        padding: 11px 18px !important;
        width: 100% !important;
        margin: 0;
        text-align: left;
        display: block;
    }
    .gform_wrapper .gform_body {
        width: 100% !important;
    }
    .gform_wrapper .gform_footer {
        width: 100% !important;
    }
    .gform_wrapper .newsletter .top_label .gfield_error {
        width: 100%;
    }
    .gform_wrapper .newsletter .top_label .gfield_error .ginput_container {
        max-width: none;
    }
    #home-featured .caption.category {
        bottom: 47%;
    }
    #home-featured .caption.category h2 {
        font-size: 26px;
        letter-spacing: 1px;
        font-weight: 300;
    }
    #home-featured .caption.category p {
        font-size: 13px;
        padding: 0 10%;
        overflow: visible !important;
    }
    #home-featured .caption.affiliate p {
        font-size: 12px;
        margin-bottom: 10px;
    }
    #home-featured .caption.affiliate img.yougov {
        max-width: 100px;
    }
    .articles-list .article .caption h3.stat {
        font-size: 20px;
    }
    /*-----------------------------------------------------------------------------------*/
    /* 7. = Page styling
/*-----------------------------------------------------------------------------------*/

    #page-content {
        padding: 30px 20px;
    }
    .page-entry {
        width: auto;
    }
    .page-entry h1 {
        font-family: "AdelleSansSemoBold", Arial, Helvetica, sans-serif;
    }
    .page-entry h2 {
        margin-top: 0 !important;
        font-family: "AdelleSansSemoBold", Arial, Helvetica, sans-serif;
    }
    .page-entry h3 {
        font-family: "AdelleSansSemoBold", Arial, Helvetica, sans-serif;
    }
    .page-entry h4 {
        font-family: "AdelleSansSemoBold", Arial, Helvetica, sans-serif;
    }
    .page-entry h5 {
        font-family: "AdelleSansSemoBold", Arial, Helvetica, sans-serif;
    }
    .page-entry h6 {
        font-family: "AdelleSansSemoBold", Arial, Helvetica, sans-serif;
    }
    .page-entry .full-width {
        margin: 0 -20px 30px -20px;
    }
    .page-entry .full-width img {
        width: 100%;
    }
    .page-entry .newsletter {
        max-width: none;
    }
    .post-entry p {
        font-weight: 400;
        line-height: 2;
        font-size: 16px;
    }
    .articles-list .article.white {
        border-bottom: solid 1px rgba(0, 0, 0, 0.1);
    }
    /*-----------------------------------------------------------------------------------*/
    /* 8. = Single Post Page styling
/*-----------------------------------------------------------------------------------*/

    .post-title {
        padding: 30px 20px;
    }
    .post-title h1 {
        margin: 20px 0 25px;
        font-weight: 500;
    }
    .top-content {
        padding: 95px 20px 50px 20px;
        font-size: 20px;
    }
    .top-content .large-circle {
        width: 440px;
        height: 440px;
        margin: 0 auto 50px auto;
    }
    .top-content .large-circle .top {
        padding: 22px 0 18px 0;
        margin: 0;
    }
    .top-content .large-circle .bottom {
        padding: 20px 0 0 0;
    }
    .top-content .small-circle {
        width: 300px;
        height: 300px;
        padding: 120px 0 0 0;
    }
    .top-content > p {
        font-size: 15px;
    }
    .post-entry {
        width: auto;
        font-size: 17px;
        font-weight: 300;
    }
    .post-entry h1 {
        font-family: "adelle-sans", Arial, Helvetica, sans-serif;
    }
    .post-entry h2 {
        margin-top: 0 !important;
        font-family: "adelle-sans", Arial, Helvetica, sans-serif;
    }
    .post-entry h3 {
        font-family: "adelle-sans", Arial, Helvetica, sans-serif;
    }
    .post-entry h4 {
        font-family: "adelle-sans", Arial, Helvetica, sans-serif;
    }
    .post-entry h5 {
        font-family: "adelle-sans", Arial, Helvetica, sans-serif;
    }
    .post-entry h6 {
        font-family: "adelle-sans", Arial, Helvetica, sans-serif;
    }
    .post-entry .twitter-list li {
        font-family: 'adelle-sans', Arial, Helvetica, sans-serif;
        font-weight: 400;
    }
    .post-entry .full-width {
        margin: 0 -20px 30px -20px;
    }
    .post-entry .full-width img {
        width: 100%;
    }
    .post-entry .share {
        float: none;
        margin: 0 0 20px 0;
    }
    .post-entry .social-links {
        float: none;
    }
	.post-entry ul {
		font-family: merriweather, Georgia, serif;
	}
    .post-entry {
        width: 730px;
        padding: 30px 20px;
        margin: 0 auto;
        max-width: 100%;
        font-size: 18px;
        font-family: "merriweather", Arial, Helvetica, sans-serif;
        line-height: 1.8;
    }

    .featured-image img.portrait-featured {
        width: 100%;
        padding: 5px 5px 0;
    }
    .featured-image-location {
        padding: 9px 0 8px 0;
    }
    /*-----------------------------------------------------------------------------------*/
    /* 9. = Columnists Page styling
/*-----------------------------------------------------------------------------------*/

    .columnists-list .columnist {
        width: 100% !important;
        margin: 0 0 20px 0;
        box-shadow: none;
    }
    .columnists-list .columnist .caption {
        min-height: 0;
    }
    /*-----------------------------------------------------------------------------------*/
    /* 10. = Topic Page styling
/*-----------------------------------------------------------------------------------*/

    #advert {
        margin: -1px 0 0 0;
    }
    #advert .container > div {
        width: 100%;
        float: none;
        padding: 30px;
    }
    #advert img {
        width: 100%;
        float: none;
    }
}
/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 768px) {
    .custom-single-page .post-title{
        left: 3% !important;
    }
    .custom-single-page .featured-image img{ 
        height:40vh;
    }
}
@media only screen and (min-width: 769px) and (max-width: 880px) {
    .custom-single-page .post-title{
        left: 6% !important;
    }
}
@media only screen and (max-width: 479px) {
    .articles-list .article.twitter {
        text-align: left;
    }
    /*-----------------------------------------------------------------------------------*/
    /* 3. = Structure
/*-----------------------------------------------------------------------------------*/
    /*-----------------------------------------------------------------------------------*/
    /* 4. = Header styling
/*-----------------------------------------------------------------------------------*/

    #header .search {
        width: 90%;
    }
    #header .search input[type=text] {
        width: 80%;
        text-align: right;
        color: #FFF;
        vertical-align: top;
        font-size: 11px;
        padding-top: 5px;
    }
    #header .back {
        padding-left: 19px;
    }
    /*-----------------------------------------------------------------------------------*/
    /* 6. = Home Page styling
/*-----------------------------------------------------------------------------------*/

    #home-featured .caption {
        bottom: 12px;
    }
    #home-featured .caption h2 {
        font-size: 24px;
    }
    #home-slider .slides li .caption {
        bottom: 20px;
    }
    #home-slider .slides li .caption h2 {
        font-size: 24px;
    }
    .articles-list .article.white .caption.cap-top {
        left: 5% !important;
    }
    .articles-list .article img.stat {
        margin-top: -2% !important;
    }
    .articles-list .article .caption h3 {
        font-size: 18px;
        margin: 5px 0 20px 0;
        max-height: 50px;
        overflow: hidden;
    }
    .articles-list .article .caption p {
        line-height: 1.3;
    }
    .articles-list .article.twitter .caption .twitter-container {
        padding-left: 15px;
        padding-right: 15px;
    }
    .articles-list .article.twitter .caption i {
        margin: 0 0 8px 0;
    }
    .articles-list .article.twitter .caption h5 {
        margin: 0 0 8px 0;
    }
    .articles-list .article.twitter .caption p {
        margin: 0 0 15px 0;
    }
    .articles-list.articles-list-bottom {
        margin-top: 0;
    }
    .gform_wrapper .newsletter .gfield input[type=text] {
        width: 100% !important;
    }
    .gform_wrapper .newsletter .gfield input[type=email] {
        width: 100% !important;
    }
    .gform_wrapper .newsletter .gform_footer input[type=submit] {
        padding: 11px 18px !important;
        width: 100% !important;
        margin: 0;
    }
    .gform_wrapper .gform_body {
        width: 100% !important;
    }
    .gform_wrapper .gform_footer {
        width: 100% !important;
    }
    .articles-list .article.white .caption p {
        font-size: 14px;
    }
    /*-----------------------------------------------------------------------------------*/
    /* 7. = Page styling
/*-----------------------------------------------------------------------------------*/

    .page-entry {
        font-size: 15px;
    }
    .page-entry h1 {
        font-size: 26px;
    }
    .page-entry h2 {
        font-size: 20px;
    }
    .page-entry h3 {
        font-size: 18px;
    }
    .page-entry h4 {
        font-size: 15px;
    }
    .page-entry h5 {
        font-size: 15px;
    }
    .page-entry h6 {
        font-size: 15px;
    }
    .page-entry .alignleft {
        float: none;
        margin: 0 0 30px 0;
    }
    .page-entry .alignright {
        float: none;
        margin: 0 0 30px 0;
    }
    /*-----------------------------------------------------------------------------------*/
    /* 8. = Single Post Page styling
/*-----------------------------------------------------------------------------------*/
    
    .custom-single-page .post-title{
        left: 6% !important;
    }
    .post-title {
        padding:  20px 0px !important;
    }
    .post-title h1 {
        font-size: 26px;
        margin: 10px 0 15px;
    }
    .post-title p {
        margin: 0 0 3px 0;
        font-size: 12px;
    }
    .post-title .author {} .top-content {
        padding: 30px 20px 20px 20px;
        font-size: 15px;
    }
    .top-content .large-circle {
        width: 260px;
        height: 260px;
        margin: 0 auto 18px auto;
    }
    .top-content .large-circle .top {
        padding: 12px 0 8px 0;
        margin: 0;
    }
    .top-content .large-circle .bottom {
        padding: 8px 0 0 0;
    }
    .top-content .small-circle {
        width: 180px;
        height: 180px;
        padding: 70px 0 0 0;
    }
    .top-content > p {
        font-size: 12px;
    }
    .post-entry h1 {
        font-size: 26px;
    }
    .post-entry h2 {
        font-size: 20px;
    }
    .post-entry h3 {
        font-size: 18px;
    }
    .post-entry h4 {
        font-size: 15px;
    }
    .post-entry h5 {
        font-size: 15px;
    }
    .post-entry h6 {
        font-size: 15px;
    }
    .post-entry .small {
        font-size: 13px;
    }
    .post-entry .alignleft {
        float: none;
        margin: 0 0 30px 0;
    }
    .post-entry .alignright {
        float: none;
        margin: 0 0 30px 0;
    }
    .page-entry .gform_wrapper {
        max-width: none !important;
    }
    .page-entry .gform_wrapper .gform_body {
        margin-right: 0;
        margin-bottom: -7px;
    }
    .page-title {
        font-size: 26px;
        padding: 35px 0;
    }
    #advert h2 {
        font-size: 26px;
    }
    .featured-image-location i {
        font-size: 10px;
        margin-left: 20px;
    }
    .featured-image-location p {
        font-size: 11px;
    }
    .post-entry .twitter-list li i {
        font-size: 17px;
    }
    .post-entry .twitter-list li a {
        font-size: 13px;
    }
    .post-entry .share input[type=text] {
        display: none;
    }
    .post-entry .social-links {
        float: left;
        margin: 0;
    }
    .post-entry .social-links li {
        margin-right: 20px;
    }
    /*-----------------------------------------------------------------------------------*/
    /* 9. = Columnists Page styling
/*-----------------------------------------------------------------------------------*/

    .columnists-list .columnist .caption {
        padding: 12px 0 0 0;
    }
    .columnists-list .columnist h2 {
        font-size: 16px;
    }
    /*-----------------------------------------------------------------------------------*/
    /* 10. = Topic Page styling
/*-----------------------------------------------------------------------------------*/

    .topic-title {
        padding: 35px 0;
    }
    .topic-title h1 {
        font-size: 26px;
    }
    .topic-title p {
        font-size: 15px;
    }
    #home-featured.category {
        margin: 0;
    }
}