/* 📱 Extra Small Devices (Telefonlar - dikey) */
  @media (max-width: 480px) {
    #desktopLogo{
        display: none!important;
    }
    #mobileLogo{
        display: block!important;
    }
    .headerNavigator{
        display: none;
    }
    .headerSearchBtn{
        display: none;
    }
    .parent {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        grid-template-rows: 1fr;
        grid-column-gap: 1rem;
        grid-row-gap: 0px;
        margin-top: 0rem;
        padding: 0 1rem 1rem 1rem;
        overflow-x: scroll;
        box-sizing: border-box;
        }
        
        #div1 { grid-area: 1 / 1 / 2 / 2; }
        #div2 { grid-area: 1 / 2 / 2 / 3; }
        #div3 { grid-area: 1 / 3 / 2 / 4; }
        #div4 { grid-area: 1 / 4 / 2 / 5; }
        .parentChild{
            width: 50vh;
            height: 360px;
            background-color: #f4f4f4;
            position: relative;
            border-radius: 40px;
            -webkit-border-radius: 40px;
            -moz-border-radius: 40px;
            overflow: hidden;
            cursor: pointer;
        }
        .parentChild:first-child h3{
            font-size: 1.17em;
            font-weight: 500;
        }
        .parentChild picture{
            box-sizing: border-box;
        }
        .parentChildTitle{
            width: 90%;
        }
        .parentChild:first-child{
            flex-direction: column;
            box-sizing: border-box;
        }
        .left{
            width: 100%;
            box-sizing: border-box;
        }
        .right{
            width: 100%;
            padding: 2rem 1.4rem 0 1rem;
            box-sizing: border-box;
            padding-bottom: 10rem;
        }
        .sectionContainer{
            flex-direction: column;
        }
        .postTitle{
            font-size: 1.2rem;
        }
    .headerNavigator{display: none;}
    .container {
      box-sizing: border-box;
    }
    .singleThumbnailDesk{
        display: none;
    }
    .postTitleDesk{
        display: none!important;
    }
    footer{
        display: none;
    }
  }
  
  /* 📱 Small Devices (Telefonlar - yatay & küçük tabletler) */
  @media (min-width: 481px) and (max-width: 767px) {
    #desktopLogo{
        display: none!important;
    }
    #mobileLogo{
        display: block!important;
    }
        .headerNavigator{
            display: none;
        }
        .headerSearchBtn{
            display: none;
        }
        .parent {
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            grid-template-rows: 1fr;
            grid-column-gap: 1rem;
            grid-row-gap: 0px;
            margin-top: 0rem;
            padding: 0 1rem 1rem 1rem;
            overflow-x: scroll;
            box-sizing: border-box;
            }
            
            #div1 { grid-area: 1 / 1 / 2 / 2; }
            #div2 { grid-area: 1 / 2 / 2 / 3; }
            #div3 { grid-area: 1 / 3 / 2 / 4; }
            #div4 { grid-area: 1 / 4 / 2 / 5; }
            .parentChild{
                width: 34vh;
                height: 360px;
                background-color: #f4f4f4;
                position: relative;
                border-radius: 40px;
                overflow: hidden;
                cursor: pointer;
            }
            .parentChild:first-child h3{
                font-size: 1.17em;
                font-weight: 500;
            }
            .parentChildTitle{
                width: 90%;
            }
            .parentChild:first-child{
                flex-direction: column;
                box-sizing: border-box;
            }
            .left{
                width: 100%;
                box-sizing: border-box;
            }
            .right{
                width: 100%;
                padding: 2rem 1.4rem 0 1rem;
                box-sizing: border-box;
                padding-bottom: 10rem;
            }
            .sectionContainer{
                flex-direction: column;
            }
            .postTitle{
                font-size: 1.2rem;
            }
        .headerNavigator{display: none;}
        .container {
          box-sizing: border-box;
        }
        .singleThumbnailDesk{
            display: none;
        }
        .postTitleDesk{
            display: none!important;
        }
        footer{
            display: none;
        }
  }
  
  /* 📱📲 Medium Devices (Tabletler, küçük laptoplar) */
  @media (min-width: 768px) and (max-width: 1024px) {
    #desktopLogo{
        display: block!important;
    }
    #mobileLogo{
        display: none!important;
    }
    .navFlex{
        position: relative;
        top: 0;
        z-index: 0;
        left: 0;
        transform:none;
        justify-content: space-between;
    }
    .container {
      max-width: 1080px;
      margin: 0 auto;
    }
    .mobileNav{
        display: none;
    }
    .mobileFooter{
        display: none;
    }
    .absoluteThumbnails{
        display: none!important;
    } 
    .sectionContainer{
        position: relative;
        top:0;
        display: flex;
    }
    .postTitleSingle{
        display: none!important;
    }
    .parentChild:first-child{
        position: relative;
     
        z-index: 2; 
        border-radius: 0;
    }
  }
  
  /* 💻 Large Devices (Laptoplar, küçük masaüstü) */
  @media (min-width: 1025px) and (max-width: 1440px) {
    #desktopLogo{
        display: block!important;
    }
    #mobileLogo{
        display: none!important;
    }
    .navFlex{
        position: relative;
        top: 0;
        z-index: 0;
        left: 0;
        transform:none;
        justify-content: space-between;
    }
    .container {
      max-width: 1080px;
      margin: 0 auto;
    }
    .mobileNav{
        display: none;
    }
    .mobileFooter{
        display: none;
    }
    .absoluteThumbnails{
        display: none!important;
    } 
    .sectionContainer{
        position: relative;
        top:0;
        display: flex;
    }
    .postTitleSingle{
        display: none!important;
    }
    .parentChild:first-child{
        position: relative;
     
        z-index: 2; 
        border-radius: 0;
    }
  }
  
  /* 🖥️ Extra Large Devices (4K, geniş ekranlar) */
  @media (min-width: 1441px) {
    #desktopLogo{
        display: block!important;
    }
    #mobileLogo{
        display: none!important;
    }
    .navFlex{
        position: relative;
        top: 0;
        z-index: 0;
        left: 0;
        transform:none;
        justify-content: space-between;
    }
    .container {
      max-width: 1080px;
      margin: 0 auto;
    }
    .mobileNav{
        display: none;
    }
    .mobileFooter{
        display: none;
    }
    .absoluteThumbnails{
        display: none!important;
    } 
    .sectionContainer{
        position: relative;
        top:0;
        display: flex;
    }
    .postTitleSingle{
        display: none!important;
    }
    .parentChild:first-child{
        position: relative;
     
        z-index: 2; 
        border-radius: 0;
    }
  }