@media(max-width:1024px) {
    .blog-list-page ul.blog-list { grid-template-columns: repeat(2, 1fr); gap: 30px; }
    .blog-list .blog-cart .blog-design .blog-img { width: 100%; height: 350px !important; }
    .blog-details-page .photo-area img { width: 100%; height: 500px; }
    .blog-list .blog-cart .blog-design .detail-area { padding:10px;}
    .home-section .content-area h1 {max-width: 600px; }
    .black-owned { top:140px; width: 120px;}
}


@media(max-width:768px) {
    .btn-menu { display: block; }
    
     .home-section .content-area { padding: 170px 25px 25px 25px; }
    .blog-list.blog-list-page { padding: 120px 0 50px 0;}
    .blog-list-page ul.blog-list { grid-template-columns: repeat(1, 1fr); gap: 20px; }
    .blog-list-page .blog-block .photo-area { height: 280px; border-radius: 0 0 0 60px; }
    .blog-list-page .blog-block .content { padding: 15px 18px; }
    .blog-list-page .blog-block .info li {gap: 4px;  font-size: 14px; line-height: 14px; margin-bottom: 5px; }
    .blog-list-page .blog-block .content h3 { font-size: 18px; line-height: 20px; margin: 0 0 6px 0; }
    .blog-list-page .blog-block .content p { font-size: 14px; line-height: 18px; margin: 0 0 6px 0; }
    .blog-list-page .blog-block .content .btn-read svg { margin-left: 8px;  width: 18px; height: 18px; }
    .blog-list-page .blog-block .content .btn-read { font-size: 14px; line-height: 20px; }

    .blog-list-page .blog-heading h1 { font-size: 35px; line-height: 45px; text-align: center; }
    .blog-details-page .blog-details-heading h1 { font-size: 35px; line-height: 45px; text-align: center;}

    .blog-list { padding: 0px 0 40px 0;}
    .blog-list .blog-cart .blog-design {width: 100%;}
    .blog-list .blog-cart .blog-design .detail-area { padding: 15px; }
    .blog-details-page .photo-area img { height: 320px;}
    .blog-list .blog-cart .blog-design .blog-img { width: auto !important; height: 300px !important;}
    .blog-list .blog-cart .blog-design .detail-area .date { font-size: 14px; line-height: 16px; margin-bottom: 10px; }
    .blog-list .blog-cart .blog-design .detail-area .title { font-size: 22px; line-height: 24px; margin-bottom: 10px;}
    .blog-list .blog-cart .blog-design .detail-area .detail { font-size: 14px; line-height: 16px; margin-bottom: 10px;}
    .blog-list .blog-cart .blog-design .detail-area .auth-area h5 { font-size: 15px; line-height: 22px; }
    .blog-list .blog-cart .blog-design .detail-area .auth-area a { font-size: 14px; }
    .blog-list .blog-cart .blog-design .detail-area { padding: 12px;}
    .blog-list .blog-cart .blog-design:last-child { margin-bottom: 0; }
    
    
    footer { padding: 0px 20px;}
    .footer {padding: 20px 0px ; flex-wrap: wrap;}
    .footer .footer-menu { gap: 4px; flex-direction: column; padding: 0;}
    .footer .footer-menu li a { font-size: 16px; line-height: 18px;}
    .footer .footer-logo img {width: 70px; height: 80px;}
    .social-icons { width: 100%; margin-top: 30px; }
    .footer .social-icons ul {    justify-content: center; }

    .header { padding: 20px 30px;}
    .btn-read .text.new { padding: 6px 15px; font-size: 12px; white-space: nowrap;  }
    
    
    .header.fixed .btn-read .text {padding: 6px 15px; font-size: 12px; line-height: 24px; }
    .header .menu-header.show {display: flex; left: 2px; }
    .menu-header { display: none; position: absolute; flex-direction: column; top: 118px; gap: 10px; width: 98.99%; backdrop-filter: blur(10px); left: 100%; padding: 40px 32px; height: fit-content; align-items: start; transition: all .5s ease; background: #00000080; border: 2px solid #343a40; }
    .login-area {display: flex; align-items: center; }
    .header .menu-header .main-menu {display: flex; flex-direction: column; gap: 10px; }
    .header .logo a img { width: 60px; height: 70px; }
    .header.fixed {padding: 20px 30px; }
    .header.fixed .logo a img { width: 60px; height: 70px; }
    .black-owned { top: 111px; width: 94px; }

}