@media only screen and (max-width: 1800px) { }
@media only screen and (max-width: 1680px) { }
@media only screen and (max-width: 1440px) { }
@media only screen and (max-width: 1366px) { }
@media only screen and (max-width: 1365px) { }
@media only screen and (max-width: 1280px) { }
@media only screen and (max-width: 1279px) { 
    h1 { font-size: var(--Font-size-42);}
    h2 { font-size: var(--Font-size-26);}

    .blog-details .blog-details-img { height: auto;}
    .blog-details .blog-details-img img { position: relative; transform:none; left: 0; top: 0;}
}
@media only screen and (max-width: 1170px) { }
@media only screen and (max-width: 1024px) { }
@media only screen and (max-width: 1023px) { 
    .blog-list .post-block { width: 50%;}

    .blog-details .blog-details-content .ul-box { gap: 15px; }
    .blog-details .blog-details-content .box-three li { width: 100%;}
    .blog-details .blog-details-content .box-four li { width: calc(50% - 10px);}
}
@media only screen and (max-width: 999px)  { }
@media only screen and (max-width: 960px)  { }
@media only screen and (max-width: 959px)  {
    .footerTop .cntBox .leftCnt .tit { justify-content: center; text-align: center;}
    .footerTop .cntBox .leftCnt { width: 100%;}
    .footerTop .cntBox .rightCnt { max-width: 640px; width: 100%; margin: 0 auto -40px auto;}
}
@media only screen and (max-width: 839px)  { 
    .boxSpace { padding: 60px 0;}
    .boxSpaceT { padding: 60px 0 0 0;}
    .boxSpaceB { padding:0 0 60px 0;}
}
@media only screen and (max-width: 768px)  {
    .blogDtlBanner .cntBox h1 {font-size: var(--Font-size-32);}
    h2 {font-size: var(--Font-size-24);}
	
	.blog-details .blog-details-content .box-three li { width: 100%;}
}
@media only screen and (max-width: 767px)  {
    .footer .mFooter { flex-wrap: wrap; justify-content: center;}
    .footer .mFooter ul.nav { width: 100%; justify-content: space-around; margin-bottom: 20px;}

    .footer .copyBox { flex-wrap: wrap; justify-content: center;}
    .footer .copyBox address { width: 100%; text-align: center; margin-bottom: 20px;}
    
    .productBanner .cntBox label { font-size: 24px;}
}
@media only screen and (max-width: 640px)  { 
    
}
@media only screen and (max-width: 639px)  { 
    .boxSpace { padding: 50px 0;}
    .boxSpaceT { padding: 50px 0 0 0;}
    .boxSpaceB { padding:0 0 50px 0;}

    .blogDtlBanner .cntBox h1 {font-size: var(--Font-size-26);}
    h2 {font-size: var(--Font-size-22);}

    .blog-list .post-block { width: 100%;}

    .blog-details .blog-details-content { padding: 10px;}
    .blog-details .blog-details-content .box-four li { width: 100%;}
}
@media only screen and (max-width: 599px)  { }
@media only screen and (max-width: 480px)  { 
    .footer .mFooter ul.nav { justify-content: center; flex-wrap: wrap; gap: 10px; margin-bottom: 20px;}
    .footer .mFooter ul.nav li { width: 100%; text-align: center;}

    .footerTop .cntBox .rightCnt { padding: 40px 30px 30px 33px;}
    .footerTop .cntBox .leftCnt ul li { width: 100%;}
}
@media only screen and (max-width: 479px)  { }
@media only screen and (max-width: 440px)  { }
@media only screen and (max-width: 428px)  { 
    .blog-list .post-block .content-box { padding: 15px;}
    .blog-list .post-block .content-box .title { margin-bottom: 10px;}
}
@media only screen and (max-width: 414px)  { }
@media only screen and (max-width: 410px)  { }
@media only screen and (max-width: 374px)  { }
@media only screen and (max-width: 360px)  { }
@media only screen and (max-width: 320px)  { }