/**  Responsive CSS**/

@media(max-width:1260px){

    .container {

        width: 100%;

        margin: 0 auto;

        padding:0px 20px;

    }

}



@media(max-width:992px){

       .footer-wrap {

        display: inline-block;

        text-align: center;

    }

    #menu-footer-menu  {

        display: inline-block;

        margin-top: 10px;

    }

    .desktop-navigation {

        display: none;

    }

    .menu-toggle {

        display: block;

        color:#fff;

    }

    .header-flex {

        justify-content: space-between;

    }



    /* Home css */

    .fp-wrapper {

        grid-template-columns: 1fr;

    }

    .featured-post {

        margin-bottom: 20px;

    }

    .telecom-live-item {

        justify-content: space-between;

    }

    .telecom-live-grid{

        margin-bottom:30px;

    }

    .container{

        padding:0px 15px;

    }

    .main-section {

        grid-template-columns: 60% auto;

    }

    .featured-title {

       font-size: clamp(20px, 5vw, 30px);

    }

    h3.small-post-title {

        font-size: clamp(18px, 4.2vw, 21px);

    }

    .telecom-wrapper{

        margin-top: 20px;

    }



    /* Archive CSS */

    .archive-page{

        grid-template-columns: 1fr;

    }

    .archive-leftcontent {

        margin-right: 0;

        margin-bottom: 30px;

    }

    

}



@media (max-width: 768px) {

    .other-posts-grid {

        grid-template-columns: 1fr;

    }

    .layout-with-sidebar {

        grid-template-columns: 1fr;

    }

    /* Home css */

   /* .header-top-wrap{

        display: none;

    }*/

    .social-icons li{

        display: none;

    }

    .social-icons li.theme-switch-btn{

        display: block;

    }

    .bn-label, .bn-track{

        font-size: 14px;

    }

    .latest-posts article {

        padding: 10px 10px;

    }

    .main-section {

        grid-template-columns: 1fr;

    }

    .fp-wrapper {

        grid-template-columns: 60% auto;

    }

    .telecom-live-grid {

        margin-bottom: 20px;

    }

    .pagination-wrap{

        padding-bottom: 20px;

    }

    .breadcrumb{

        font-size:12px;

        text-transform:uppercase;

        letter-spacing:0.5px;

        /*color:#ef4444;*/

        font-weight:600;

        margin-bottom:6px;

    }

    /* New CSS */
    .dark-mode .latest-posts article {
        background: #ffffff0d;
        border: none;
    }
    .dark-mode .analysis-post.small-post, .dark-mode .analysis-block .analysis-left{
         background: #ffffff0d;
    }
    .dark-mode .analysis-post.big-post .analysis-fp{
        padding: 0px 15px 10px;
    }
    .dark-mode .analysis-block .analysis-left{
        border-radius: 10px;
    }
    .dark-mode .sp-social-buttons {
        border-top: 1px solid #ffffff14;
    }
    .dark-mode .telecom-live-grid {
        background: #ffffff0d;
        border:none;
    }
    .dark-mode .telecom-live-wrap {
        border-bottom: 1px solid #ffffff14;
    }
    .dark-mode .editors-pick-post, .dark-mode .news-tip-box, .dark-mode .news-tip-box, .dark-mode .md-comments, .dark-mode .recent-comments, .dark-mode .category-section ul {
        background: #ffffff0d;
        box-shadow: 1px 1px 3px #0f0f0f;
        border: 1px solid #ffffff14;
    }
    .dark-mode .category-section ul li {
        border-bottom: 1px solid #ffffff14;
    }
    .dark-mode .widget ul {
        border: 1px solid #ffffff14;
        background: #ffffff0d;
    }


}



@media(max-width:620px){

    .main-section {

        display: inline-block;

    }

    .fp-wrapper {

        grid-template-columns: 1fr;

    }

    .sp-social-buttons{

        flex-direction: column;

        padding-top:10px;

        gap: 6px;

    }

    .featured-post {

        margin-bottom: 10px;

    }

    .small-post-excerpt p {

        font-size: 14px;

        line-height: 1.5;

    }

    .analysis-block {

        grid-template-columns: 1fr;

    }

    .analysis-fp h3 a {

        font-size: 24px;

    }

    .latest-date, .support-tt {

        font-size: 10px;

    }

    /* Archive CSS */

    .archive-list article{

        grid-template-columns: 1fr;

    }

    .archive-list .left-news {

        float: none;

        order: 1;

    }

    .archive-list .right-news {

        float: none;

        padding-left: 0;

        border-left: none;

    }

    .archive-leftcontent {

        padding: 0px 0px 0px 0px;

        border-right: none;

        margin-right: 0;

    }

    .archive-list .right-news h2.post-title {

        font-size: 20px;

    }

    .small-latest-posts .small-post-article{

        float: left;

        display: inherit;

        margin-bottom: 15px;

    }

    .small-post-thumb{

        float: left;

        margin-right: 15px;

    }

    



}



@media(max-width:400px){

    .latest-date, .support-tt {

        font-size: 9px;

    }

    .container{

        padding:0px 10px;

    }

    .header-top-wrap .container{

        padding:0px 10px;

    }

}



@media(max-width:340px){

    .latest-date, .support-tt {

        font-size: 8px;

    }

}