@media screen and (max-width: 1199px) {
    img {
        max-width: 100%;
    }
}

@media screen and (max-width: 992px) {
    .row {
        margin: 0;
    }

    .with-background h2 {
        float: none;
        text-align: center;
    }

    .bar-breadcrumbs {
        float: none;
        display: flex;
        justify-content: center;
        width: 50%;
    }

    .main-footer {
        padding: 30px 15px 30px 15px;
    }

    .existing-reviews-w,
    div.all-wrapper div.userpro,
    .recipe-review-form-w {
        padding: 15px !important;
    }

    .profil {
        margin-top: 30px;
    }

    .userForm {
        width: 100%;
        padding-right: 0;
    }

    .userPassword {
        width: 100%;
        float: none;
        padding-left: 0;
        margin-bottom: 15px;
    }

    .formSocial {
        width: 100%;
        border-top: 1px solid #eee;
    }

    .page-title-and-desc {
        width: 100%;
    }

    .benzer-bread {
        float: none;
        width: 100%;
    }

    .benzer-bread>div {
        float: left;
    }

    .benzer-bread>div #benzer_rating {
        padding-top: 0 !important;
        padding-right: 30px !important;
        padding-left: 30px !important;
    }

    article.post img, article.page img {
        width: 100%;
    }
}

@media screen and (max-width: 767px) {
    .tarifList li,
    .column-three li {
        width: 50%;
    }

    .footerCopy {
        width: 100%;
        float: none;
    }

    .footerCopy p {
        float: left;
    }

    .footerList li {
        width: 50%;
    }
    .footerList li {
        padding: 0;
    }

    .footerSocial {
        width: 100%;
        float: none;
    }
    .footerSocial ul {
        float: none;
        display: flex;
        justify-content: center
    }

    .copy {
        text-align: center;
        margin-top: 15px !important;
    }

    .scrollTop {
        padding: 5px 12px;
    }

    .scrollTop a {
        font-style: 14px;
    }
    .recipe-floating-box {
        display: none;
    }
    .single-panel .single-panel-main .single-meta ul li {
        width: 50%;
        border-right: none;
    }

    .single-content {
        padding: 0;
        padding-right: 40px;
    }

    .tarif-yazar ul li {
        width: 100% !important;
    }

    .mutfak_sirlari #slider {
        display: none;
    }
    .ui.selection.dropdown .menu {
        max-height: 100% !important;
        min-height: 94px;
    }

    .blog .small_blog li .archive-item-content-text {
        display: none;
    }

    .benzerSol {
        width: 100%;
        float:none;
        padding-right: 0;
    }
    .benzerSag {
        display: none;
    }
    .benzerDevami .questionAdd {
        width: 100%;
    }

    .tabMenu a {
        font-size: 18px;
    }

    .profileLeft {
        display: none;
    }
    .profileRight {
        width: 100%;
        padding-left: 0 !important;
        margin-top: 30px;
    }
    .profilImg {
        left: 0;
        width: 100%;
        padding-left: 15px;
    }
    .profileButton {
        margin-right: 15px;
        padding: 6px 15px;
        font-size: 13px;
        margin-top: 0;
    }
    .profilImg h4 {
        padding-left: 15px;
        padding-top: 0;
        font-size: 18px;
    }

    .profilImg {
        bottom: -25px;
    }

    .profilPicture {
        width: 75px;
        height: 75px;
    }

    .profilTab a {
        font-size: 18px;
    }

    .formSocial .form-group {
        width: 100%;
        padding: 0;
    }

    .formSocial .social-left {
        font-size: 12px;
        width: 15%;
    }

    .formSocial .social-left span{
        display: none;
    }

    .formSocial .social-right input {
        width: 85%;
    }

    .ne-ariyorsunuz-sol {
        width: 100%;
        float: none;
        display: block;
    }

    .ne-ariyorsunuz-sag {
        display: none;
    }

    .column-3{
        width: 100%;
        float: none;
        padding-right: 0;
    }

    .column-9 {
        margin-top: 30px;
        width: 100%;
        padding-left: 0;
    }

    .questionTitle {
        margin-bottom: 30px;
    }

    .qCommentLeft {
        width: 100%;
        float: none;
    }

    .qCommentRight {
        width: 100%;
    }

    .question-avatar-wrap {
        float: left !important;
    }

    .page-w blockquote {
        margin: 0;
        padding: 20px 30px 20px 30px;
    }

    .popUp {
        width: 85%;
    }

    .popUp .groupLeft {
        width: 100%;
        float: none;
        padding-top: 0;
    }

    .popUp .groupRight {
        width: 100%;
        float: none;
        margin-top: 15px;
    }

    .popUp .form-group {
        margin: 10px 0;
    }

    .groupRight .formInput {
        padding: 5px 10px;
    }

    form.registerForm {
        padding: 0;
    }

    form.registerForm .submit {
        padding: 5px 10px;
    }

    .social {
        float: none;
        margin-top: 15px;
    }

    .popUp {
        -webkit-transform: translate(0, 0);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        left: 0;
        top: 0;
        opacity: 0;
        visibility: hidden;
    }

    .active-pop-up-login .popUp.login {
        top: 15px;
        left: 15px;
        right: 15px;
        opacity: 1;
        visibility: visible;
        margin: 0 auto;
    }
    .active-pop-up-signUp .popUp.signup {
        top: 15px;
        left: 15px;
        right: 15px;
        opacity: 1;
        visibility: visible;
        margin: 0 auto;
    }
    .active-pop-up-pass .popUp.pass {
        top: 15px;
        left: 15px;
        right: 15px;
        opacity: 1;
        visibility: visible;
        margin: 0 auto;
    }

    .active-pop-up-changePass .popUp.changePass {
        top: 15px;
        left: 15px;
        right: 15px;
        opacity: 1;
        visibility: visible;
        margin: 0 auto;
    }

    .active-pop-up-search .popUp.search {
        top: 62px;
        left: 15px;
        right: 15px;
        opacity: 1;
        visibility: visible;
        margin: 0 auto;
    }

    .active-pop-up-proposal .popUp.proposal {
        top: 62px;
        left: 15px;
        right: 15px;
        opacity: 1;
        visibility: visible;
        margin: 0 auto;
    }

    .loginSocial {
        padding: 5px 10px;
    }
    .loginSocial:nth-child(1) {
        margin-left: 0;
    }

    .groupLeft {
        display: none;
    }

    .groupLeft .inputSpan {
        padding-left: 0;
    }

    .user-box {
        float: none;
    }

    .userRedirect {
        font-size: 11px;
        margin-top: 2px;
        float: none;
    }

    .popUp .submit {
        font-size: 12px;
    }

    .userIdLeft {
        display: none;
    }

    .userIdRight {
        width: 100% !important;
    }

    .popUp form .search-field {
        padding: 15px;
        padding-left: 55px;
        font-size: 13px;
    }

    .popUp form .search-submit {
        padding: 5px 10px;
    }

    .popUp form .search-submit {
        top: 10px;
    }

    .form-left {
        width: 100%;
        float: none;
        margin-bottom: 10px;
    }

    .form-right {
        width: 100%;
        float: none;
        padding-left: 0;
    }

    .pop-close .close-white {
        display: none;
    }

    .pop-close .close-black {
        display: block;
    }

    .pop-close {
        top: 15px;
        right: 15px;
    }

    .tarif-ekle .column-9 {
        padding-right: 0;
    }

    .tarif-ekle .column-3 {
        clear: both;
        padding-left: 0;
    }

    .popUp form .search-field-w:before {
        top: 12px;
        left: 10px;
    }

    .na-title {
        width: 100%;
        border-right: none !important;
        float: none;
        padding-top: 0 !important
    }

    .naList {
        width: 100% !important;
        overflow: auto;
    }

    .contactDescription {
        width: 100%;
        float: none;
        padding-right: 0;
    }

    .contactForm {
        width: 100%;
        float: none;
    }
    .single-authorFav {
        padding: 0px 10px;
        top: -3px;
    }
    .single-authorFav span {
        font-size: 14px;
    }
    .listImg img {
        margin: 0 0 15px 0;
    }
    .category-tiles.columns-3 .category-tile {
        width: 100%;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: flex;
        -ms-align-items: center;
        align-items: center;
        justify-content: center;
    }
}


@media screen and (max-width: 560px) {
    .tarifList li,
    .column-three li,
    .column-two li {
        width: 100%;
    }

    .single-steps table.recipe-steps-table tr td {
        display: block;
        width: 100%;
    }

    .single-steps .single-step-description {
        padding-left: 0;
    }

    .existing-reviews-w .review-box-w {
        display: flex;
        justify-content: center;
        text-align: center;
    }

    .review-author-wrap {
        width: 100%;
        float: none;
        text-align: center;
    }

    .review-head .review-rating {
        width: 100%;
        float: none;
    }

    .existing-reviews-w .review-box-w .review-head .review-author-avatar,
    .existing-reviews-w .review-box-w .review-head .review-author-meta {
        width: 100%;
        float: none;
    }

    .bnpSlider2 {
        width: 100%;
        float: none;
        padding-right: 0;
    }

    .bnpSlider3 {
        width: 100%;
        padding-left: 0;
        margin-top: 30px;
    }
    .bnpSlider4 {
        width: 100%;
        padding-right: 0;
    }
    .bnpSlider5 {
        width: 100%;
        padding-left: 0;
        margin-top: 30px;
    }

    .sirala {
        float: none;
        width: 100%;
        display: flex;
        justify-content: center;
        margin-bottom: 15px;
    }
    .tarifFiltre p {
        float: none !important;
        width: 100%;
    }
    .tarifFiltre {
        text-align: center;
    }
    .small_blog li .archive-item-comments,
    .small_blog li .archive-item-views-count {
        display: none;
    }

    .post-tag {
        width: 100%;
        float: none;
    }

    .post-tag span {
        margin-bottom: 15px;
    }
    .postSocial {
        float: none;
    }

    .profilTab2 a {
        font-size: 14px;
        width: 100%;
    }

    .profilTab2 {
        margin-top: 50px;
    }

    .form_small_box {
        width: 100%;
        padding: 0 !important;
        min-height: auto !important;
        margin-bottom: 15px;
    }

    .form_three_box {
        width: 100%;
        float: none;
        padding: 0 !important;
    }

    .form_five_box {
        width: 100%;
        margin-bottom: 30px;
    }

    .form_four_box {
        width: 100%;
        margin-bottom: 30px;
        padding: 0 !important;
    }

    .input-group.datetimepicker {
        display: block !important;
        width: 100%;
    }
    .input-group.datetimepicker input{
        display: block !important;
        width: 88% !important;
    }

    .frontend-publisher-w .acf-form-submit .button {
        font-size: 16px !important;
        padding: 8px 15px !important;
    }

    .form-group {
        margin: 15px 0 !important;
    }

    .benzer-right {
        float: none;
        display: block;
    }

    .single-bread {
        text-align: left;
    }
    .singleDate {
        float: none;
        margin-bottom: 15px;
    }

    .benzerList .single-bread .rating-container {
        float: none;
        padding-left: 0;
    }

    .benzerList .single-bread .single-authorFav {
        float: none;
        position:relative;
        top: 10px;
    }

    .list-right {
        float: none;
    }

    .list-right .single-authorFav {
        float: none;
    }

    .single-bread #list_benzer_rating,
    .single-bread #benzer_rating {
        border-right: none;
        clear: both;
        margin-bottom: 10px;
        margin-left: 0;
        position: static;
    }

    .benzer-bread {
        text-align: left;
    }

    .benzer-bread>div {
        float: none;
    }

    .benzer-bread>div #benzer_rating {
        padding-top: 0 !important;
        padding-right: 0 !important;
        padding-left: 0 !important;
    }

    .benzer-authorFav {
        float: none;
    }
    .profilBg {
        height: 200px;
    }

    .profileButton {
        position: absolute;
        top: -130px;
        right: 0;
    }
}

@media screen and (max-width: 455px) {
    .related-recipes-w .related-recipes li a {
        min-height: 215px;
    }

    .archive-posts.masonry-grid-w.per-row-3 .masonry-grid .masonry-item.last-in-row {
        padding-left: 0;
    }
    .archive-posts.masonry-grid-w.per-row-3 .masonry-grid .masonry-item.first-in-row,
    .archive-posts .masonry-grid .archive-item.full_full {
        padding-right: 0;
    }

}