@media only screen and (min-width:961px) and (max-width:1200px) {
    .block-item-small .block-small-right {
        width: 67%
    }
    #header #searchfield {
        margin-right: 2em
    }
    .related-posts .popular-post {
        width: 180px
    }
    .author-box .right {
        width: 80%
    }
    .content,
    .breadcrumb {
        margin-left: 0
    }
    .related-posts .popular-post {
        width: 25%
    }
}

@media only screen and (min-width:480px) and (max-width:960px) {
    .block-item-small .block-small-right {
        width: 60%
    }
    #sidebar {
        display: none
    }
    #main {
        width: 100%
    }
    #header #searchfield {
        margin-right: 2em
    }
    .author-box .right {
        width: 80%
    }
    .content,
    .breadcrumb,
    .featured,
    .featured.flexslider {
        margin-left: 0
    }
    .related-posts .popular-post {
        width: 50%
    }
    .related-posts .popular-post .pp-image img {
        height: auto
    }
}

@media only screen and (max-width:719px) {
    .block-item-small .block-small-right {
        width: 55%
    }
    #respond .comment-name,
    #respond .comment-mail {
        width: 100%
    }
    #respond .comment-name,
    #respond .comment-mail {
        margin-right: 0
    }
    .single-img img,
    .flexslider .slides img {
        height: auto
    }
    .author-box .right {
        width: 75%
    }
    .content,
    .breadcrumb,
    .featured,
    .featured.flexslider {
        margin-left: 0
    }
    .menu {
        display: none
    }
    .menu li .sub-menu:after {
        content: none
    }
    .sub-menu li .sub-menu {
        display: block
    }
    .sub-menu {
        border-radius: 0
    }
    .sub-menu {
        position: initial;
        width: 100%
    }
    .menu>li:hover .sub-menu {
        border: 0
    }
    #nav {
        display: none !important
    }
    #nav.is_active {
        display: table !important
    }
    .toggle {
        display: block
    }
    .menu>li {
        display: inline
    }
    .featured-item img {
        height: 300px
    }
    .featured-item .featured-meta .title {
        font-size: 1.5em;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        color: #fff
    }
}

@media only screen and (max-width:479px) {
    .post-home-group .post-home,
    #main,
    .pyre_anasayfa_1col {
       -ms-flex-basis: 100%;
	-webkit-flex-basis: 100%;
	flex-basis: 100%;
	max-width: 100%;
	width: 100%;
	margin: 8px 0
    }
		.post-home-group {
			margin: 0
		}
    #header .search {
        display: none
    }
    #sidebar {
        display: none
    }
    .divider,
    .content,
    .featured,
    .featured.flexslider {
        margin-left: 0
    }
    .author-box .right {
        width: 65%
    }
    .related-posts .popular-post,
    #respond .comment-name,
    #respond .comment-mail {
        width: 100%
    }
    #respond .comment-name,
    #respond .comment-mail {
        margin-right: 0
    }
    .related-posts .pp-image img,
    .single-img img,
    .flexslider .slides img {
        height: auto
    }
    .content {
        margin-left: 0
    }
    .breadcrumbs {
        display: none
    }
    .crumbs ul {
        margin-top: 10px
    }
    .menu {
        display: none
    }
    .featured-item img {
        height: 200px
    }
    .menu li .sub-menu:after {
        content: none
    }
    .sub-menu {
        border-radius: 0
    }
    .sub-menu {
        position: initial;
        width: 100%
    }
    .menu>li:hover .sub-menu {
        border: 0
    }
    .toggle {
        display: block
    }
    .menu>li {
        display: inline
    }
    .content .post-meta li {
        display: block;
        line-height: 2;
        text-align: left
    }
    .content .post-meta {
        padding: 10px 0
    }
    .content .post-meta li:after {
        display: none
    }
}