@media screen and (max-width: 1140px){
    header .check_top .flex_checks_left{
        width: 100%;
        justify-content: space-between;
    }

    header .check_top .flex_checks_left a{
        margin: 0;
    }

    header .check_top .flex_checks_right{
        display: none;
    }
    

    header .top_bar .top_flex .left_nav .main_search{
        display: none;
    }

    header .top_bar .top_flex .left_nav .mob_search{
        display: block;
    }



    header .top_bar .top_flex .logo_title h1{
        font-size: 22px;
    }




    header .main_nav .nav_flex .main_nav_left{
        width: 100vw;
    }
}


@media screen and (max-width: 820px){
    header .aanbieding_top{
        display: none;
    }

    header .check_top{
        display: none;
    }


    header .top_bar{
        position: fixed;
        z-index: 10;
        height: 72px;
    }



    header .top_bar .top_flex .left_nav{
        height: 72px;
    }

    header .top_bar .top_flex .left_nav .nav_bars{
        display: block;
    }

    header .top_bar .top_flex .left_nav .nav_bars .fas{
        width: 100%;
    }

    header .top_bar .top_flex .left_nav .mob_search .fas{
        line-height: 72px;
        width: 100%;
    }






    header .top_bar .top_flex .logo_title{
        height: 72px;
    }

    header .top_bar .top_flex .logo_title h1{
        font-size: 19px;
    }



    header .top_bar .top_flex .right_nav .nav_login{
        display: none;
    }

    header .top_bar .top_flex .right_nav .fas{
        line-height: 72px;
        width: 100%;
    }

    header .top_bar .top_flex .right_nav .far{
        line-height: 72px;
        width: 100%;
    }


    header .main_nav .nav_flex{
        display: none;
    }

    header .top_mob_search{
        height: 42px;
        top: 72px;
    }

    header .top_mob_search .top_search_flex .fas{
        line-height: 42px;
    }
}




@media screen and (max-width: 520px){
    header .top_bar .top_flex .logo_title{
        width: 70vw;
    }

    header .top_bar .top_flex .logo_title h1{
        font-size: 16px;
    }



    header .top_bar .top_flex .left_nav{
        width: 15vw;
    }

    header .top_bar .top_flex .left_nav .nav_bars{
        width: 100%;
    }

    header .top_bar .top_flex .left_nav .mob_search{
        display: none;
    }




    header .top_bar .top_flex .right_nav{
        width: 15vw;
    }

    header .top_bar .top_flex .right_nav .nav_cart{
        width: 100%;
    }

    header .top_bar .top_flex .right_nav .nav_fav{
        display: none;
    }



    .container_mob_nav{
        width: 90%;
        margin: auto;
    }


    .sub_title{
        height: 132px;
    }

    .sub_title h1{
        font-size: 27px;
    }
}