@media (max-width: 1440px) {
    .container_fav,
    .app-header,
    .container.recepies{
        padding-left: 20px;
        padding-right: 20px;
    }
}
@media (max-width: 1280px) {
    .forDesktop {
        display: none;
    }
    .forMobile {
        display: block;
    }
    .container,
    #topFull{
        /*padding: 0 20px;*/
        overflow: hidden;
    }
    .About .container,
    .Contact .container,
    #topFull{
        padding: 0 20px;
    }
    .app-header{
        padding: 20px;
    }
    .dish-holder .storyNav img{
        width: 100%;
    }
    .dish-holder{
        grid-column-gap: 20px;
        grid-row-gap: 20px;
    }
    .hero-fragment-text{
        padding-bottom: 40px;
    }
    .dish-holder{
        grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    }
    .dish-fragment-holder{
        grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    }
    .featured-country {
        grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    }
    .dish-view-holder{
        padding: 0 20px;
    }
    .container{
        max-width: 1152px
    }
}
@media (max-width: 1024px) {
    .burger-menu {
        display: block;
        margin-right: 10px;
    }
    nav {
        display: none;
        flex-direction: column;
        background-color: #333;
        width: 100%;
        position: absolute;
        top: 60px;
        left: 0;
        padding: 1rem;
    }
    nav.show {
        display: flex;
    }
    .responsive_nav {
        height: 100%;
        width: 250px;
        position: fixed;
        z-index: 1;
        top: 0;
        right: -250px;
        background-color: #fff;
        overflow-x: hidden;
        transition: 0.3s;
        padding-top: 60px;
    }
    .responsive_nav a {
        padding: 8px 8px 8px 32px;
        text-decoration: none;
        font-size: 25px;
        color: #818181;
        display: block;
        transition: 0.3s;
    }
    .responsive_nav .closebtn {
        display: block;
        position: absolute;
        top: 0;
        right: 25px;
        font-size: 36px;
        margin-left: 50px;
    }
    .responsive_nav a:hover {
        color: #f1f1f1;
    }
    .responsive_nav ul{
        flex-direction: column;
    }
    .hero-image{
        max-width: 500px;
    }
    .hero-fragment-text{
        max-width: calc(100% - 500px);
    }
    .app-nav ul li.last{
        margin-left: 0;
    }
    .allDish .storyFilter form,
    .storyFilter form{
        flex-wrap: wrap;
        gap: 10px;
    }
    .allDish .storyFilter .search_dishes,
    .allDish .storyFilter .search_dishes input{
        width: 100%;
    }
    .allDish .storyFilter .dish-select{
        width: auto;
        flex: 1;
    }
    .image-fragment-text,
    .select-holder{
        max-width: 100%;
    }
    .fusioncharts-container svg{
        max-height: 250px !important;
    }
    .featured-country {
        grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    }
    .app-search{
        margin-right: 10px;
    }
    .profile_btn{
        padding: 0;
    }

}
@media (max-width: 991px) {
    .hero-fragment-text,
    .hero-image,
    .image-fragment-holder,
    .pageThumbHolder{
        width: 100%;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        text-align: center;
        max-width: 100%;
        display: flex;
    }
    .top-search,
    .popular-search{
    }
    .popular-tags {
        display: flex;
        justify-content: center;
    }
    .contact-holder,
    .pageContent{
        flex-direction: column;
    }
    .contact-form-holder{
        margin-bottom: 20px;
    }
    .pageTextHolder{
        max-width: 100%;
        margin-bottom: 20px;
    }
    .flag_img_holder{
        align-items: center;
    }

}
@media (max-width: 768px) {
    .image-fragment-holder{
        display: flex;
        flex-direction: column;
    }
    .hero-fragment-text,
    .hero-image{
        float: none;
        max-width: 100%;
    }
    .dish-fragment-holder{
        display: block;
        padding: 0;
        width: calc(100% + 20px);
        margin: 0 -10px;
        overflow: hidden;
    }
    .dish-fragment{
        display: inline-block;
        box-shadow: none;
        margin: 0 10px;
    }
    .dish-fragment-holder .dish-thumb{
        width: 100%;
        max-height: 100%;
    }
    .dish-fragment-holder .dish-thumb img{
        max-height: 200px;
        width: 100%;
    }
    .dish-fragment a{
        display: inline-block;
        width: 100%;
    }
    .dish-text {
        padding: 16px;
    }
    .dish-text h3 {
        margin: 0 0 8px;
    }
    .dish-text .lead {
        margin: 0;
        height: 60px;
    }
    .featured-country{
        flex-direction: column;
        gap: 20px;
    }
    .featured-country-wrapper{
        display: flex;
        justify-content: center;
    }
    .featured-video{
        grid-template-columns: 1fr;
    }
    .video-holder{
        max-width: 100%;
    }
    .footer-menu-holder{
        column-gap: 40px;
    }
    .footer-left,
    .footer-left ul{
        column-gap: 30px;
    }
    .graph-wrapper{
        flex-direction: column;
        gap: 30px;
    }
    .graph-wrapper > div{
        width: 100%;
    }
    .dish-view-holder{
        flex-direction: column;
        gap: 0;
    }
    .dish-info,
    .dish-thumb{
        max-width: 100%;
    }
    .shareHolder{
        justify-content: center;
    }
    .dish-fragment.slick-slide .fusioncharts-container{
        max-height: 250px !important;
    }
    .dish-fragment.slick-slide .fusioncharts-container svg{
        max-height: 280px !important;
        top: -30px !important;
    }
    .featured-country {
        grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));
    }
    .profile_btn{
        position: relative;
        width: 20px;
        height: 20px;
    }
    .profile_btn span,
    .profile_btn i{
        display: none;
    }
    .profile_btn:before{
        content: '\f007';
        font-family: "FontAwesome";
        position: absolute;
        font-size: 21px;
        bottom: -3px;
        color: #017FE5;
    }
    .customRecepie .holder,
    .recipe{
        flex-direction: column;
    }
    .customRecepie .holder > div,
    .recipe .ingredients,
    .recipe .preparation{
        flex: 0 0 100%;
    }
    .recipe .preparation{
        padding: 12px;
    }


}
@media (max-width: 639px) {
    .logo a{
        width: 207px;
        height: 45px;
        background-image: url(../img/mobile_logo.svg);
    }
    .newsletterContainer .cmsFormContainer,
    .footer-top,
    .footer-menu-holder{
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .newsletterContainer form{
        margin-left: 0;
    }
    .newsletterContainer h3{
        text-align: center;
        margin-bottom: 10px;
    }
    .footer-menu,
    .footer-menu .footerLink{
        float: none;
        text-align: center;
    }
    .footer-menu-title{
        text-align: center;
    }
    .footer-top{
        flex-direction: column;
    }
    .footer-logo-holder{
        margin-bottom: 30px;
    }
    .footer-left{
        flex-direction: column-reverse;
        gap: 30px;
    }
    .footer-copy p{
        align-self: flex-start;
    }
    .dish-holder .storyNav img{
        height: 400px;
    }
    .pagination ul{
        column-gap: 0px;
    }
    .childrenItem .thumbWrapper{
        max-width: 50%;
    }
    .childrenItem h4{
        font-size: 18px;
        word-break: break-word;
    }
    body{
        padding-bottom: 550px !important;
    }

}
@media (max-width: 480px) {
    .dish-holder .storyNav img{
        height: 250px;
    }
    .captcha-input{
        max-width: 100%;
        margin-bottom: 20px;
    }
    .contact-holder .formBtn{
        float: none;
        margin: 0 auto;
    }
    .allDish .storyFilter .dish-select{
        max-width: 50%;
    }
    .recipes-wrapper a{
        display: flex;
        flex-direction: column;
        gap: 20px;
    }
    .recipes-img{
        width: 100%;
        height: 200px;
    }
    .recipes-img img{
        height: 100%;
    }
    .recipes-text{
        max-width: 100%;
        margin-top: 20px;
    }
    .grandChildListHolder{
        grid-template-columns: repeat(2, 1fr);
    }
    .fragment-top-right{
        width: 40%;
        text-align: right;
    }
    .app-header {
        padding: 10px;
    }
    .dish-holder{
        grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    }
    .featured-country {
        grid-template-columns: repeat(auto-fill, minmax(300[x], 1fr));
    }

}
@media (max-width: 400px) {
    .dish-holder{
        grid-template-columns:  repeat(auto-fit, minmax(200px, 1fr));
    }
    .storyHolder{
        padding: 50px 20px;
    }
    .featured-country {
        grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    }
}