@media only screen and (min-width:600px) {
    .post-wrap.list .featured-image img{
        height: 300px;
        object-fit: cover;
    }
}
@media only screen and (max-width:768px) {
    .villanelle_slides2.container .item-slide {
        width: 100%;
        margin-bottom: .3%;
        height: 290px;
    }

    .villanelle_slides2.container {
        height: auto;
    }

    .villanelle_slides2 .feat-item {
        height: 290px!important;
    }
    .footer-area-wrap {
        width: 100%;
        margin-right: 0;
    }


    /* 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: 0;
    }

    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%;
    }




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

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


    /* Layout */

    #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, .villanelle_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;
    }
    .villanelle_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;
    }
    .villanelle-top-bar .menu-main-navigation-container {
        max-width: 100% !important;
        float: none;
        padding: 10px !important;
    }

    .villanelle-top-bar ul.secondary-nav {
        text-align: center;
    }

    .socials a {
        font-size: 13px;
    }

}
@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%;
    }
    .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) {
    .below-slider-wrapper .mc4wp-form p:first-child {
        width: 100%!important;
        margin: 15px 0;
    }
    #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:1000px) {
    .featured-box-link {
        display: inline-block;
        margin: 3%;
        width:44%;
    }
    .featured-box-item {
        height: 150px;
    }
    .featured-box-area{
        text-align: center;
    }
    .featured-box-overlay h4{
        font-size:10px;
    }
}


@media only screen and (min-width: 768px) and (max-width: 1191px)  {


    .side-pop-content {
        width: 100%;
    }
}

@media only screen and (max-width:920px) {
    .villanelle-top-bar.header1{
        background:none;
    }

    .villanelle-top-bar .menu-wrap .main-nav {
        display:none;
    }

    .slicknav_menu {
        display:block;
    }
    .menu-wrap {
        width: 100%;
    }
    .header3-wrap {
        position: relative;
    }
    .villanelle-top-bar .social-links {
        position: absolute;
        right: 20px;
        top: 0;
        padding: 20px 0;
        margin: 15px 6px;
        width:auto;
    }
    .menu-wrap .slicknav_menu {
        padding: 20px 0;
        width:100%;
    }
    .villanelle-top-bar.header1 .header-inside.clearfix {
        display: block;
        width: 100%;
        text-align: center;
    }
    .villanelle-top-bar.header1 .top-bar {
        float: right;
    }

    .hearder-holder {width: 100%;}


    .header-inside img {
        margin-top: 10px;
    }
    .top-bar {
        padding: 20px 0;
    }
    div#footer-top .villanelle_popular_news_widget ul li {
        width: 48%;
    }
    .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%;
    }
    .villanelle_slides .slide-wrap{}
    .villanelle_slides .feat-item-wrapper {
        position: relative;width: 100%;display: block;
    }
    .villanelle_slides .feat-inner {height: auto;padding: 20px 0;}
    .villanelle_slides .item-slide.slick-slide .image-slide {
        width: 100%;
    }

    .villanelle_slides .slick-next {
        right: 30px;
    }
    .nextpreviousbuttons {
        position: absolute;
        top: 50%;
        width: 100%;
        bottom:unset;
    }
    .villanelle_slides .item-slide.slick-slide .image-slide .feat-item{height:300px;}


    .logo-text h1 a {
        font-size: 28px!important;
        line-height: 34px!important;
    }
    .slide-wrap .feat-item-wrapper .feat-inner p {
        display: none;
    }
    .villanelle_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: 80%;
        height: auto;
    }
    .villanelle_slides3 h2.feat-title{font-size:24px;}
    .villanelle_slides .slick-next, .villanelle_slides .slick-prev {
        border-color: #fff;
        background: #fff;
    }
}

@media only screen and (max-width:479px) {
    div#footer-top .villanelle_popular_news_widget ul li {
        width: 100%;
    }
    .villanelle_slides3 .feat-item {
        height: 350px;
    }
    .villanelle_slides2 h2.feat-title a {
        font-size: 18px!important;
    }
    .villanelle_slides3 h2.feat-title a {
        line-height:32px!important;
    }
    .villanelle_slides .feat-item-wrapper h2.feat-title a{font-size:24px;}
    .villanelle_slides .item-slide.slick-slide .image-slide .feat-item {
        height: 250px;
    }
    .villanelle_slides2 .feat-item {
        height: 400px;
    }
    .villanelle_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: 80%;
        height: auto;
    }
}