@media (max-width: 768px) {

    .sm-dn{
        display: none;
    }
    .sm-db{
        display: block;
    }

    .heading-title {
        margin-bottom: 10px;
        margin-top: 20px;
    }
    
    .mobileSubmit{
        margin-bottom: 10px;
    }

    #custom-container{
        padding: 0;
    }
    #custom-coloum{
        padding: 0;
    }
    #menu_toggle-btn{
        width: 100%;
        display: block;
    }

    .sm-col-header{
        background: var(--white);
        padding: 0;
        overflow: hidden;
        z-index: 999;
    }

    .headSticky{
        position: -webkit-sticky;
        position: sticky;
        top: -2px;
        z-index: 999;
        /* background-color: yellow; */
        /* padding: 50px; */
        /* font-size: 20px; */
    }

    .headStickyBig{
        display: none;
        position: unset;
        position: unset;
        top: unset;
        z-index: unset;
        /* background-color: yellow; */
        /* padding: 50px; */
        /* font-size: 20px; */
    }

    .topbarr{
        padding: 0px 6px 0 6px;
    }

    div.fadeMe {
        opacity:    0.5; 
        background: #000; 
        width:      100%;
        height:     100%; 
        z-index:    10;
        top:        0; 
        left:       0; 
        position:   fixed; 
    }

    .scrollmenu-cont{
        margin-top: 90px;
    }

    .side-nav{
        width: 100%;
        padding-left: 30px;
    }

    .side-nav a{
        font-size: 15px;
        border: none;
        padding: 5px;    
    }
    .side-nav a .fa{
        font-size: 10px;
        color: var(--site-color);
        margin-right: 5px;   
    }
    .mobileBar{
        position: absolute;
        top: 6px;
        left: 12px;
        background: #f3f3f3;
        padding: 4px 8px;
    }

    .scrollmain {
        background-color: #ffff;
        -webkit-box-shadow: 0 1px 0 rgb(0 0 0/10%);
        -moz-box-shadow: 0 1px 0 rgba(0,0,0,.1);
        -o-box-shadow: 0 1px 0 rgba(0,0,0,.1);
        box-shadow: 0 1px 0 rgb(0 0 0/10%);
        -webkit-overflow-scrolling: touch;
        background: var(--sunam-dark-blue);
    }

    .scrollmenu {
        overflow: auto;
        white-space: nowrap;
    }

    .scrollmenu ol {
        list-style: none;
        padding: 6px 0 6px 35px;
        margin: 0;
    }
    .scrollmenu ol li {
        display: inline-block;
    }
    .scrollmenu ol li a.active-category {
        color: var(--site-color);
        border-bottom: 2px solid;
    }
    .scrollmenu ol li a {
        display: inline-block;
        color: #ffffff;
        text-align: center;
        text-decoration: none;
        padding: 0px 6px;
        font-size: 14px;
        font-weight: normal;
    }

    .scrollmenu {
        -ms-overflow-style: none;  /* Internet Explorer 10+ */
        scrollbar-width: none;  /* Firefox */
    }
    .scrollmenu::-webkit-scrollbar { 
        display: none;  /* Safari and Chrome */
    }


    .sidebar .sidebar-mbl-item{
        display: block;
        padding: 0 20px;
        margin-top: -30px;
        font-size: 16px;
    }

    .navbar-new-bottom {
        display: none;
    }
    #imaginary_container {
        display: none;
    }
    .top-bar-3 {
        display: none;
    }
    .bd-r8-box{
        border: none;
    }
    .top-bar .logo-part img {
        max-height: 50px;
        width: unset;
    }
    .header-link a {
        width: 42px;
        height: 21px;
        display: inline-flex;
        justify-content: center;
        align-items: center;
        color: #209aca;
        margin: 0 2px;
        border-radius: 5px;
    }
    .marData {
        margin-left: 2px !important;
        margin-right: 2px !important;
    }

    .date-time {
        display: inline-block;
        justify-content: center;
        text-align: center;
        width: 100%;
        margin-top: 5px;
    }
    .date-time p {
        margin: 0 10px;
        display: inline-block;
        font-size: 14px;
    }
    .top-bar {
        height: 75px;
        display: flex;
        align-items: center;
        justify-content: center;
        padding-bottom: 0;
    }
    .top-bar .menu-link , .top-bar .separetor{
        display: none;
    }
    #desk-nav-button{
        display: none;
    }

    .src__menu .show {
        border: none;
        font-size: 25px;
        display: flex;
        background: transparent;
        color: var(--some-blk);
        margin: 0;
        padding: 0;
        /* text-align: right; */
        float: right;
    }

    .breaking-all-news .news {
        font-size: 16px;
        font-weight: bold;
    }
    
    .body_overlay{
        position: relative;
        z-index: 3000;
        background: rgba(0,0,0,.6);
        
    }

    /* header{
        height: 80px;
    } */
    .top-ad {
        width: 100%;
        margin: 0;
        text-align: center;
    }
    .top-ad img{
        height: 45px;
    }
    .ads-bar {
        margin: 0;
    }
    .ads-bar .col-md-12{
        padding: 0;
    }

    /* Top section  */

    .top-bar {
        padding: 0;
    }

    .top-section .top-news .news-image {
        width: 100%;
        float: right;
    }
    
    .top-section .top-news .news-post {
        width: 100%;
        float: right;
        padding: 0 5px;
    }
    .top-section .left-part {
        border: none;
    }
    .bd-r8{
        border-right: none;
    }
    .top-section .top-news{
        border-right: none;
        padding : 0;
        display: block;
    }
    .top-section hr{
        display: none;
    }
    .top-section .news-post{
        width: 100%;
        border-bottom: 0px solid #ddd;
        float: left;
        margin-bottom: 10px;
    }
    .top-section .ad{
        padding: 20px;
    }

    .side-mobile-post{
        padding-top: 10px;
        border-top: 0.5px solid #d5d5d5;
        margin-top: 5px;
    }
    .side-mobile-post .news-image{
        width: 40%;
        float: left;
    }
    .side-mobile-post h2{
        width: 60%;
        float: left;
        padding-left: 10px
    }
    .side-mobile-post p{
        width: 100%;
        float: left;
        margin-top: 10px;
    }
    /* Top section  */

    /* Multi Section  */
    .multi-section .top-news, .multi-section .ent-top-news {
        display: block;
    }
    .multi-section .top-news .top-image, .multi-section .ent-top-news .top-image {
        width: 100%;
    }
    .multi-section .top-news .news-post, .multi-section .ent-top-news .news-post {
        width: 100%;
        padding-left: 0px;
        padding: 10px;
        padding-top: 0;
    }
    .multi-section .top-news .news-post h2, .multi-section a .ent-top-news .news-post h2 {
        margin-top: 10px;
        font-size: 1.3rem;
    }

    .multi-section .local-row .news-post h2 {
        font-size: 1.15rem;
        font-weight: bold;
        margin-top: 0;
    }
    .multi-section .sports-row .news-post h2 {
        font-size: 1.2rem;
    }
    .multi-section .sports-row .news-post h2.head-sm {
        margin-top: 10px;
    }
    .country-row .news-post h2.head-sm {
        font-size: 1.1rem;
        margin-top: 10px;
        font-weight: bold;
    }

    .latest-row .sidebar-news .news-post h2 {
        margin: 0;
        font-size: 1.1rem;
    }
    .country-row .bd-r8{
        border-right: 1px solid #ddd;
    }

    .world-row .lg-col .news-post h2 {
        font-size: 1.15rem;
    }
    .world-row .side-col .news-post h2 {
        font-size: 1.1rem;
    }

    footer .portal-info {
        margin-bottom: 0px;
        margin-left: 0px;
    }

    footer .portal-info .tag-name {
        width: 85px;
    }

    /* Multi Section  */

    /* opinion desk  */
    .opinion-desk-section .col-md-3{
        margin-bottom: 10px;
        padding-bottom: 10px;
        border-bottom: 0.5px solid #ddd;
    }
    .section-archive input{
        margin-bottom: 15px;
    }
    .section-archive .search-filter{
        text-align: center;
    }
    /* opinion desk  */

    p.IT-section {
        font-size: 14px;
        padding-top: 10px;
    }


    /* section 2 */
    .section-2 hr{
        display: none;
    }
    .section-2 .news-image{
        width: 40%;
        float: right;
    }
    .section-2 .news-post{
        float: left;
        padding: 10px 0;
        width: 100%;
    }

    .section-2 .news-content p {
        display: none;
    }
    .section-2 .news-time{
        display: none;
    }
    /* section 2 */

    /* section 3 */
    .section-3 .mbl-view{
        display: block;
    }
    .section-3 .dsk-view{
        display: none;
    }

    .section-3 .bd-r8-lft {
        border-left: none;
        border-right: none;
    }

    /* section 3 */

    /* photo section */
    .photo-section .thumb-news-img h2 {
        font-size: .9rem;
    }
    /* photo section */

    /* .section-4 */
        .section-4 hr{
            display: none;
        }
        .section-4 .news-content p {
            display: none;
        }
        .section-4 .bd-bt {
            border: none;
        }
        .section-4 .news-post {
            padding-top: 10px;
            margin-bottom: 10px;
            float: left;
            border-bottom: 0.5px solid #ddd;
        }
    /* section 4 */

    /* section 5 */
    .MultiCarousel {
        
        background: #1b1b1b;
    }
    /* section 5 */


    /* section 6 */
    .section-6 .dv-align {
        width: 100%;
        margin: 0;
    }
    .section-6 .part-1 .main-content {
        width: 88%;
        
        /* position: absolute; */
    }
    .section-6 .part-2{
        padding-top: 20px;
        margin-top: 20px;
        border-top: 0.5px solid #ddd;
    }

    .section-6 .part-2 .content h2 {
        font-size: 1.5rem;
    }
    .section-6 .part-2 .writer-heading h4 {
        font-size: 1.1rem;
        font-weight: bold;
    }
    
    .section-6 .part-2 .icon-view-image{
        width: 55px;
        float: left;
        height: 55px;
        border-radius: 50%;
    }
    
    /* section 6 */

     /* section 7  */
    .section-7 hr{
        display: none;
    }
    .section-7 a h2 {
        font-size: 1.5rem;
    }
    .section-7 .news-image{
        width: 40%;
        float: right;
    }
    .section-7 .news-post{
        border-bottom: 0.5px solid #ddd;
        float: left;
        padding: 10px 0;
        width: 100%;
    }

    .section-7 .news-content p {
        display: none;
    }
    .section-7 .news-time{
        display: none;
    }
    /* section 7 */


    /* footer  */
    footer .footer-brand-logo{
        width: 50%;
        margin: 0 25%;
    }

    footer .desk-row{
        display: none;
    }
    footer .mbl-row {
        display: block;
        padding: 20px;
        border-bottom: 0.5px solid #ddd;
        margin: 10px 15px;
    }
    footer .mbl-row a{
        padding: 0 10px;
    }
    footer ul.social-network {
        
        text-align: center;
        width: 100%;
        margin-bottom: 15px;
        padding-bottom: 15px;
        border-bottom: 0.5px solid #ddd;
        margin-top: 20px;
        /* margin: 0 10%; */
    }
    /* footer  */





    /* News Details */
    .news-details .head-part {
        width: 100%;
        margin: 0px;
    }
    .news-details .head-part .news-title h1 {
        font-weight: bold;
        font-size: 1.8rem;
    }
    .news-details .news-dt-share .news-time {
        float: left;
        width: 100%;
    }
    .news-details .news-dt-share .news-share {
        float: left;
        width: 100%;
    }
    .news-details .news-dt-share .news-share ul.share-list {
        list-style: none;
        margin-left: 0 !important;
        padding: 0;
        line-height: .6;
        float: left;
    }
    .news-details .news-dt-share .news-share ul.share-list li {
        display: inline-block;
        padding-left: 0px;
    }
    .news-details .news-body {
        float: left;
        width: 100%;
        margin: 0%;
        padding: 20px 0;
    }
    .news-details .news-body .news-content {
        padding: 0 6px;
       
    }
    .news-details .news-body .news-content p {
        font-size: 1.2rem;
        text-align: justify;
        color: #1f1f1f;
    }
    .news-details .news-body .news-content .more a{
        color: var(--navy-blue);
        /* text-decoration: underline; */
    }

    .details-sidebar hr{
        display: none;
    }
    .details-sidebar {
        padding-top: 0;
    }
    .news-details .category-wise-news h2 {
        margin-top: 5px;
        font-size: 1.4rem;
    }

    .details-sidebar .news-section {
        float: left;
        border-bottom: 0.5px solid #ddd;
        padding-top: 10px;
        padding-bottom: 10px;
    }
    /* News Details */




    /* .news-category  */
    .news-more .news-content h2 a {
        font-size: 1.2rem;
        color: var(--headline);
        font-weight: bold;
    }
    
    .news-category .news-section .news-heading h3 {
        /* margin-top: 5px; */
        font-size: 1.75rem;
        font-weight: unset;
        line-height: 1;
        margin-top: 10px;
    }


    .news-category .news-section2.border-bt {
        padding-bottom: 15px;
        margin-bottom: 15px;
        border-bottom: 0.5px solid #ddd;
    }




    .news-category .news-section2 .news-image{
        width: 40%;
        float: left;
    }
    .news-category .news-section2 .news-content{
        width: 60%;
        float: left;
        padding-left: 10px;
    }
    .news-category .news-section2 .news-content h3{
        font-size: 1.3rem;
        color: var(--black);
    }
    .news-category .news-section2 .news-content p{
        display: none;
    }
    .news-category .news-section2  hr{
        display: none;
    }
    .news-category .news-section2  .news-time{
        font-size: 16px;
        color: var(--time);
    }
    .news-category .news-section2 .news-content p{
        margin-bottom: 0px;
        line-height: 1.25;
    }
    




    .news-category .news-more .news-content {
        width: 60%;
        float: left;
    }
    .news-category .news-more .news-content h2{
        font-size: 1.3rem;
        color: #000;
    }
    .news-category .news-more .news-content p{
        display: none;
    }
    .news-category .news-more .news-content .news-time{
        font-size: 16px;
        color: var(--time);
    }
    .news-category .news-more .news-image {
        width: 40%;
        float: left;
    }
    /* .news-category  */


    .HeadSironem {
        font-size: 13px;
        line-height: 1;
        color: #fff;
        padding: 8px 8px 8px 8px;
    }
    .navdate {
        margin: 5px 0;
    }

    .topbarr2{
        padding: 0 !important;
    }


    .time {
        font-size: 12px !important;
    }

    .orderDate{
        order: 13;
    }
    .topImage{
        order: -1;
    }

    .bigTitle {
        font-size: 1.7rem;
        line-height: 1.27;
    }
    
    .bigTitle a{
        color: var(--some-hover);
    }

    .midTitle {
        font-size: 1.4rem !important;
    }
    .smallTitle {
        font-size: 1rem !important;
        /* font-weight: normal !important; */
    }
    .smallTitle3 {
        font-size: 15px;
    }

    .box_news2 .news-post h2 {
        padding: 7px 0 13px 0!important;
        font-size: 26px !important;
        margin-top: 2px !important;
    }
    .news2 h2 {
        font-size: 15px !important;
        margin-top: 8px !important;
        font-weight: bold !important;
    }

    .smallTitleW {
        color: #ffffff;
        font-size: 12px !important;
        font-weight: normal !important;
    }

    .sv_title {
        font-size: 12px !important;
        font-weight: normal !important;
    }
    .sv_title_bl {
        font-size: 12px !important;
        font-weight: normal !important;
    }


    .multi-section .local-row .news-post h2.head-sm {
        padding: 0 7px;
        font-size: 14px;
        font-weight: normal;
        line-height: 1.4;
    }
    .mg-btn-mb{
        margin-bottom: 10px;
    }
    .bd-btm-mb{
    border-bottom: 1px solid var(--border-color);
    }
    .divBg2 {
        padding: 0 0;
    }
    .opinionDiv{
        margin-bottom: 12px;
        padding-bottom: 12px;
    }
    .opinionDiv img {
        margin-top: 3px;
        width: 100px !important;
        height: 100px !important;
    }
    .opinionDiv h2 {
        padding: 0 0 !important;
        font-size: 16px !important;
        margin-top: 1px !important;
        font-weight: bold !important;
    }
    .opinionDiv .news-time p {
        font-size: 14px !important;
        color: #3b3b3b;
    }
    footer .author-view .name p {
        font-size: 15px;
    }
    .footer .author-view p {
        font-size: 14px;
    }


    .popup-youtube, .popup-img {
        width: 35px;
        height: 35px;
    }
    .newsText1 h2 {
        font-size: .9rem !important;
        margin-top: 10px !important;
        margin-bottom: 1px !important;
    }
    .Order1{
        order: 2;

    }
    .Order2{
        order: 1;
    }
    

    .fixed_bom{
        display: block;
    }
   
    .footer_B{
       margin-bottom: 50px;
    }
    .mb-p-top{
        margin-top: 0px;
    }

    footer .author-view .name p {
        font-weight: normal;
    }
    footer .portal-info .tag-name {
        font-weight: normal;
    }

    .date_time_div p {
        font-size: 9px;
        margin-right: 0px;
    }
    .bd-btm-dash-mb{
        margin-bottom: 7px;
        padding-bottom: 7px;
        border-bottom: 1px solid #727272 ;
    }
    .box_bor1{
        margin-top: 15px;
    }
    .box_bor2{
        margin-top: 15px;
    }
    .newsText3 h2 {
        font-size: .9rem !important;
        margin-top: 11px !important;
    }

    .news-content h2 {
        font-size: 1rem !important;
    }
    .news-content {
        top: 70px;
        padding: 1px 6px;
    }
    .bgHeight {
        height: 180px;
    }
    .overDiv{
        padding: 0;
        margin: 10px 0px;
    }
    .news-box h2 {
        font-size: 1rem !important;
    }
    .news-box .news-h {
        height: 80px;
        padding: 0px 10px;
    }
}

/*@media(max-width: 425px){*/
/*    .top-section .top-news .news-image.top-image img {*/
/*        width: 107.4%;*/
/*        margin: 0px -14.6px;*/
/*    }*/
/*    .section-3 .news-image img.top-img, .section-4 .news-image img.top-img {*/
/*        width: 107.4%;*/
/*        margin: 0px -14.6px;*/
/*    }*/
/*}*/
/*@media (max-width: 375px){*/
/*    .top-section .top-news .news-image.top-image img {*/
/*        width: 108.6%;*/
/*        margin: 0px -14.6px;*/
/*    }*/
/*    .section-3 .news-image img.top-img, .section-4 .news-image img.top-img {*/
/*        width: 108.6%;*/
/*        margin: 0px -14.6px;*/
/*    }*/
/*}*/
/*@media (max-width: 325px){*/
/*    .top-section .top-news .news-image.top-image img {*/
/*        width: 110.2%;*/
/*        margin: 0px -14.6px;*/
/*    }*/
/*    .section-3 .news-image img.top-img, .section-4 .news-image img.top-img {*/
/*        width: 110.2%;*/
/*        margin: 0px -14.6px;*/
/*    }*/
/*}*/

@media(max-width: 991px){
    .navbar-new-top ul li {
        margin: 0 7.5px;
        font-size: 16px;
    }
    #navbar2 .row{
        width: 100%;
    }
    .navbar-nav{
        width: 100%;
        display: block;
    }
    .navbar-new-bottom ul li {
        margin: 0 5px;
        display: inline-block;
    }
    .date-time{
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .date-time p{
        margin: 0 10px;
    }
    .top-section a h2 {
        line-height: 1.3;
        font-size: 1.1rem;
        font-weight: bold;
    }
    .top-section a h2.top {
        font-size: 1.4rem;
        line-height: 1.27;
        font-weight: bold;
    }
    .top-section a p {
        line-height: 1.37;
        font-size: 1rem;
    }

    footer .footer-div {
        background: #f3f3f3;;
        padding: 20px;
    }
    footer .author-view, footer .portal-view  {
        margin-bottom: 15px;
    }
}


@media(min-width: 991px){
    
    .section-2 .news-image img{
        width: 100%;
        max-height: 200px;
        min-height: 200px;
    }
    .section-3 .side-bar .news-image img{
        max-height: 100px;
    }
    .section-3 .news-image .top-img{
        max-height: 280px;
    }
    .section-7 .news-image img{
        width: 100%;
        max-height: 200px;
        min-height: 200px;
    }
    .section-8 .news-image img{
        width: 100%;
    }
    .news-details .category-wise-news .news-image img{
        width: 100%;
        max-height: 200px;
        min-height: 200px;
    }
}