@media only screen and (max-width:768px) {
    .footer-area-wrap {
        width: 100%;
        margin-right: 0;
    }
    .illusive-top-bar>.menu-wrap .main-nav {
        display:none;
    }

    .slicknav_menu {
        display:block;
    }

    /* Text */

    body, .comment-text {
        font: 15px/1.6 "Helvetica Neue", Helvetica, sans-serif;
        overflow-x: hidden;
        -webkit-overflow-scrolling: touch;
    }

    h1 {
        font-size: 36px;
    }

    h2 {
        font-size: 33px;
    }

    h3 {
        font-size: 28px;
    }

    h4 {
        font-size: 24px;
    }

    h5 {
        font-size: 20px;
    }

    h6 {
        font-size: 16px;
    }

    p {
        margin-bottom: 1.2em;
    }

    input[type="text"], input[type="email"], textarea {
        font-size: 16px;
    }

    .logo-default, .logo-img {
        width: 100%;
    }

    .logo-text {
        font-size: 30px;
    }

    .entry-title {
        font-size: 36px;
    }

    .intro {
        font-size: 17px;
        margin-bottom: 5%;
        padding-bottom: 5%;
    }

    .title-wrap {
        padding: 5%;
        margin-bottom: 6%;
    }



    .sub-title h1 {
        font-size: 26px;
    }

    .post blockquote p {
        font-size: 16px;
    }


    /* Layout */




    .header-inside {
        padding: 5% 15px;
    }

    #content-wrap {
        padding: 3% 15px;
    }

    #content {
        width: 100%;
    }

    .post .post-content {
        padding: 0;
    }

    .post .bar {
        margin-top: 0;
        padding: 20px 5%;
    }

    .bar-categories, .bar-share {
        width: 65%;
        margin-right: 0;
    }

    #sidebar {
        width: 100%;
        float: left;
        margin-top: 10%;
    }

    .widget {
        margin-bottom: 20px;
        padding-bottom: 20px;
    }

    .comments-wrap {
        padding: 8% 5%;
    }

    .comment-info {
        margin-bottom: 10px;
    }

    .comments .logged-in-as, .comment-notes {
        font-size: 14px;
    }

    #respond h3 {
        font-size: 28px;
    }

    .post-nav {
        border-bottom: solid 2px #ddd;
        padding-top: 0;
        margin-top: 4%;
    }
    .post, .next-prev, .illusive_bio_section, .comments  {
        width: 100% !important;
    }
    .prev-post {
        float: left;
        width: 100%;
        text-align: left;
    }

    .next-post {
        width: 100%;
        margin-top: 4%;
        padding-top: 4%;
        border-top: solid 1px #ccc;
    }

    #footer {
        padding: 8% 15px;
    }
    .illusive_slides.container {
        padding: 0 15px;
    }


    .social-icons {
        float: left;
        width: 100%;
        margin-top: 20px;
    }
    .post-list .post {
        width: 100%;
        margin-left:0!important;
    }
    .bar .share a {
        padding: 5px 10px !important;
    }
    .illusive-top-bar .menu-main-navigation-container {
        max-width: 100% !important;
        float: none;
        padding: 10px !important;
    }

    .illusive-top-bar ul.secondary-nav {
        text-align: center;
    }
    .illusive-top-bar .social-links {
        max-width: 100% !important;
        text-align: center;
        line-height: 38px;
    }
    .socials a {
        font-size: 13px;
    }
    button#open-trigger{
        font-size: 16px;
        top:4px;
    }
}
@media only screen and (max-width:600px) {
    .bar .share a {
        max-width: 100%;
        display: block;
        margin-top: 5px;
    }
    #s::placeholder,#s{
        font-size:14px;
    }
    .post-wrap.list .post .box .featured-image-wrap {
        width: 100%;
        margin-right:  0;
    }

    .post-wrap.list .post .box .title-wrap {
        width:  100%;
        text-align:center;
    }
    .post-wrap.list .post span.post-category {
        text-align:  center;
    }

    .post-wrap.list .post .post-content p.align-center {
        text-align:  center;
    }
}

@media only screen and (max-width:660px) {
    #footer .copyright {
        display: block;
        float: none;
        text-align: center;
        margin-bottom: 10px;
    }

    .theme-author {
        display: block;
        float: none;
        text-align: center;
    }
    #insta_widget_footer p.clear{
        display:none;
    }
    #insta_widget_footer .instagram-pics li {
        width: 25%;
    }

}

@media only screen and (max-width:870px) {
    .below-slider-wrapper .widget_mc4wp_form_widget h4.below-slider {
        width: 100% !important;
        float: none !important;
    }
    .below-slider-wrapper .mc4wp-form p {
        margin: 0;
        float: left;
        width: 26%;
    }
    .below-slider-wrapper .mc4wp-form p:first-child {
        width: 70%;
        margin-right: 2%;
        float: left;
    }
    .below-slider-wrapper .mc4wp-form{
        float:none;
        width:100%;
    }
    .slide-wrap {
        width: 100%;
        display: flex;
        flex-direction: column-reverse;
    }
    .illusive_slides .feat-item-wrapper {
        width: 100%;
    }

    .illusive_slides .item-slide.slick-slide .image-slide {
        width: 100%;
    }

    .illusive_slides .slick-next {
        right: 30px;
    }
    .nextpreviousbuttons {
        position: absolute;
        top: 50%;
        width: 100%;
        bottom:unset;
    }
    .illusive_slides .item-slide.slick-slide .image-slide .feat-item{height:500px;}
    .illusive_slides .feat-item-wrapper h2.feat-title a{font-size:20px;}
    .illusive_slides3 span.post-category, .illusive_slides span.post-category{    margin: 25px 0 5px;}
    .logo-default {
        padding: 20px 0;
    }

    .logo-text h1 a {
        font-size: 32px!important;
        line-height: 34px!important;
    }
    .slide-wrap .feat-item-wrapper .feat-inner p {
        display: none;
    }
    .illusive_slides .feat-overlay {
        padding: 0 25px;
        width: 100%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    .logo-default .logo-text img {
        max-width: 65%;
        height: auto;
    }
    .illusive_slides3 h2.feat-title{font-size:24px;}
    .illusive_slides .slick-next, .illusive_slides .slick-prev {
        border-color: #fff;
        background: #fff;
    }
}

@media only screen and (max-width:479px) {
    .illusive_slides .feat-item-wrapper h2.feat-title a{font-size:18px;}
    .illusive_slides .item-slide.slick-slide .image-slide .feat-item {
        height: 400px;
    }
    .illusive_slides2 .feat-item {
        height: 400px;
    }
    .illusive_slides3 h2.feat-title{font-size:22px;}
    .post-list .title-meta {
        text-align:  center;
        line-height: 30px;
    }

    .post-list .title-meta .postdate, .post-list .title-meta .postcomment, .post-list .title-meta .CT_view_counter {
        display:  inline-block;
        float:  none;
    }

    .jack.social_share_area {
        float:  none;
        display:  inline-block;
    }
    .logo-default .logo-text img {
        max-width: 65%;
        height: auto;
    }
}