/* =========================================================
   RESPONSIVE STYLESHEET (WITHOUT NAVBAR)
========================================================= */

/* =========================
   TABLET & MOBILE <= 991px
========================= */
@media (max-width:991px){

    .english-content{
        padding-left:0;
        padding-top:10px;
    }

    .english-content h1{
        font-size:28px;
    }

    .english-content p{
        font-size:18px;
    }

    .lead-heading{
        font-size:20px;
    }

    .news-header{
        font-size:20px;
        padding:14px 18px;
    }

    .latest-thumb{
        width:85px;
        height:65px;
    }

    .img-btn{
        height:42px;
    }

    .newsletter-form{
        margin-top:15px;
        display:flex;
        width:100%;
    }

    .newsletter-form input{
        width:67%;
    }

    .newsletter-form button{
        width:28%;
        padding:0 5px;
    }

    .footer-main{
        padding:30px 0;
    }

    .footer-brand{
        text-align:center;
        margin-bottom:15px;
    }

    .social-links{
        justify-content:center;
    }

    .app-box{
        margin-top:15px;
    }

    .footer-bottom{
        text-align:center;
    }
}


/* =========================
   MOBILE <= 767px
========================= */
@media (max-width:767px){

    .header-top{
        padding:10px 0 !important;
    }

    .web-date{
        display:none;
    }

    .main-logo{
        max-width:280px;
        max-height:100%;
    }

    .main-logo img{
        width:280px;
        max-width:280px;
        height:auto;
        object-fit:contain;
    }

    .notice-board{
        padding:20px 0;
    }

    .notice-wrapper{
        padding:12px;
        border-radius:16px;
    }

    .notice-title{
        font-size:18px;
    }

    .notice-short,
    .notice-full{
        font-size:12px;
    }

    .lead-heading{
        padding:10px 0;
        text-align:center;
        font-size:24px;
    }

    .english-content{
        padding:0 10px;
        padding-top:10px;
    }

    .english-content h1{
        text-align:center;
        font-size:24px;
    }

    .english-content p{
        text-align:center;
        font-size:12px;
    }

    .news-section{
        padding:20px 0;
    }

    .news-item{
        gap:12px;
        padding:14px;
    }

    .news-content{
        padding:12px;
    }

    .news-content p{
        font-size:12px;
    }

    .sub-heading,
    .deafult-heading,
    .list-heading{
        font-size:22px;
        line-height:1.35;
    }

    .price-sensitive-section{
        padding:15px 10px;
    }

    .price-news-thumb{
        height:90px;
    }

    .footer-main{
        padding:25px 0;
    }

    .footer-section{
        padding-top:20px;
    }

    .copyright-section{
        padding-top:10px;
        text-align:center;
    }

}


/* =========================
   SMALL MOBILE <= 575px
========================= */
@media (max-width:575px){

    .main-logo{
        padding:0 10px;
        align-items:center;
        justify-content:center;
        max-width:280px;
        max-height:100%;
    }

    .main-logo img{
        width:280px;
        max-width:100%;
        height:auto;
        object-fit:contain;
    }

    .news-section{
        padding:10px 0;
    }

    .lead-heading{
        text-align:center;
        font-size:26px;
    }

    .paragraph{
        display:none;
    }

    .sub-heading{
        font-size:22px;
        text-align:center;
        line-height:1.4;
    }

    .deafult-heading{
        font-size:18px;
        text-align:center;
        line-height:1.4;
    }

    .list-heading{
        text-align:left;
        line-height:1.4;
        font-size:18px;
    }

    .news-header{
        font-size:18px;
        padding:12px 14px;
    }

    .news-item{
        padding:10px;
        gap:10px;
    }

    .latest-thumb{
        width:78px;
        height:58px;
        border-radius:10px;
    }

    .footer-apps{
        display:flex;
        align-items:center;
        justify-content:center;
        margin-bottom:25px;
    }

    .footer-author{
        display:inline-block;
        text-align:center;
        margin-bottom:25px;
    }

    .footer-links{
        display:flex;
        justify-content:center;
        gap:20px;
    }

    .copyright-content{
        display:block;
        text-align:center;
    }

}