@media screen and (max-width:1024px) {

    p{
        line-height: 1rem;
    }

    .slider-vh {
        height: 50vh;
    }

    .card-container{
        flex-direction: column;
        padding-top: 0.7rem;
        padding-bottom: 0.7rem;
    }

    .card-holder-cocuk{
        flex-wrap: wrap;
        width: 100%;
    }

    .bakimevi-landing{
        height: 60vh;
    }

    .bosluk{
        height: 30vh;
    }

    .blog-outer-container{
        position: relative;
    }

    .categories-container{
        width: 40%;
        position: absolute;
        top: 0;
        left: -45%;
        z-index: 2;
    }

    .category-text{
        display: block;
    }
    
    .category-text-box{
        transform: translateX(0%);/* 825*/
        z-index: 1;
    }
    
    .blog-cover {
        width: 100%;
    }

    .linker{
        display: none;
    }

    .logo-inner{
        margin:0;
        margin-right: auto;
    }

    .ham-menu{
        display: block;
    }

    

    /*  General-settings  */

    p{font-size: 0.7rem;}
    a{font-size: 0.7rem;}

    h1{font-size: 3rem;}
    h2{font-size: 2rem;}
    h3{font-size: 1.7rem;}
    h4{font-size: 1.5rem;}
    h5{font-size: 1.2rem;}
    h6{font-size:1rem;}

    .p-1{padding:0.7rem;}
    .p-2{padding:1rem;}
    .p-3{padding:1.2rem;}
    .p-4{padding:1.5rem;}
    .p-5{padding:2rem;}

    .pl-1{padding-left:0.7rem;}
    .pl-2{padding-left:1rem;}
    .pl-3{padding-left:1.2rem;}
    .pl-4{padding-left:1.5rem;}
    .pl-5{padding-left:2rem;}

    .pr-1{padding-right:0.7rem;}
    .pr-2{padding-right:1rem;}
    .pr-3{padding-right:1.2rem;}
    .pr-4{padding-right:1.5rem;}
    .pr-5{padding-right:2rem;}

    .pb-1{padding-bottom:0.7rem;}
    .pb-2{padding-bottom:1rem;}
    .pb-3{padding-bottom:1.2rem;}
    .pb-4{padding-bottom:1.5rem;}
    .pb-5{padding-bottom:2rem;}

    .pt-1{padding-top:0.7rem;}
    .pt-2{padding-top:1rem;}
    .pt-3{padding-top:1.2rem;}
    .pt-4{padding-top:1.5rem;}
    .pt-5{padding-top:2rem;}

    .m-1{margin:0.7rem;}
    .m-2{margin:1rem;}
    .m-3{margin:1.2rem;}
    .m-4{margin:1.5rem;}
    .m-5{margin:2rem;}

    .ml-1{margin-left:0.7rem;}
    .ml-2{margin-left:1rem;}
    .ml-3{margin-left:1.2rem;}
    .ml-4{margin-left:1.5rem;}
    .ml-5{margin-left:2rem;}

    .mr-1{margin-right:0.7rem;}
    .mr-2{margin-right:1rem;}
    .mr-3{margin-right:1.2rem;}
    .mr-4{margin-right:1.5rem;}
    .mr-5{margin-right:2rem;}

    .mb-1{margin-bottom:0.7rem;}
    .mb-2{margin-bottom:1rem;}
    .mb-3{margin-bottom:1.2rem;}
    .mb-4{margin-bottom:1.5rem;}
    .mb-5{margin-bottom:2rem;}

    .mt-1{margin-top:0.7rem;}
    .mt-2{margin-top:1rem;}
    .mt-3{margin-top:1.2rem;}
    .mt-4{margin-top:1.5rem;}
    .mt-5{margin-top:2rem;}

    .m-auto{margin-left:auto; margin-right: auto;}
    .ml-auto{margin-left:auto;}
    .mr-auto{margin-right:auto;}


    .font-10{font-size: 10px;}
    .font-20{font-size: 20px;}
    .font-30{font-size: 30px;}

    .container-10 {width: 40%;}
    .container-20 {width: 50%;}
    .container-30 {width: 60%;}
    .container-40 {width: 70%;}
    .container-50 {width: 80%;}
    .container-60 {width: 85%;}
    .container-70 {width: 90%;}
    .container-80 {width: 95%;}
    .container-90 {width: 97%;}
    .container-100 {width: 100%;}

     /*  General-settings  */

}