@media (min-width: 320px) and (max-width: 812px){

    .head-top-icon .social {
        justify-content: center !important;
    }
    .banner-img-top img {
        height: auto !important;
    }
    .main-body .main-carousel .pd-r{
        padding-right: 15px !important;
        padding-bottom: 10px;
    }
    .main-body .main-carousel .pd-l{
        padding-left: 15px !important;
    }
    .main-footer .content-title .footer-social {
        padding: 25px !important;
        justify-content: center !important;
    }
    .main-footer .footer-bot-word{
        flex-flow: column !important;
        text-align: center !important;
    }
    .main-footer .footer-bot-word .bw-left{
        padding-bottom: 15px !important;
    }

    /* carousel */
    .img-carousel .carousel-inner{
        margin-top: 3rem !important;
    }
    .main-body .main-carousel .carousel-inner .carousel-item .carousel-caption h5{
        height: 63px !important;
    }
    .main-body .main-carousel .carousel-inner .carousel-item .carousel-caption{
        bottom: 35px !important;
    }
    .main-body .main-carousel .carousel-inner .carousel-item .d-block {
        height: 225px !important;
    }

    /* news details page */
    .main-body .main-content-detail .content-news .content-title-news {
        width: 45% !important;
    }
    .main-body .main-content-detail .content-news .newsdetails .newsdetails-cam {
        width: 30% !important;
    } 

    .main-body .main-content-detail .content-news{
        padding: 20px !important;
    }

    .main-body .advertise {
        padding: 10px 0px 10px 0px !important;
    }

    /* menu */
    .head-menu .navbar-nav .nav-item .active::before{
        content: none;
    }
    .head-menu .navbar-nav .dropdown .dropdown-menu {
        border: unset !important;
    }
    .head-menu .navbar-nav .dropdown .multi-drop{
        padding: 10px !important;
    }
    .head-menu .navbar-nav .dropdown .multi-drop:hover{
        background-color: white !important;
        color: #009624 !important;
    }

    /* marquee */
    .m-quee .breaking-news span {
        font-size: 14px !important;
    }

    .m-quee .breaking-news marquee {
        width: 100% !important;
        align-self: center !important;
        font-size: 13px !important;
    }

    /* category */
    .main-body .main-content-cate .content-news .content-category-sub .category-full .category-paragraph p{
        display: none !important;
    }
    .main-body .main-content-cate .content-news .content-category-sub .category-full .category-paragraph {
        padding: 0px !important;
    }
    .main-body .main-content-cate .content-news .content-category-sub .category-full .category-title h6{
        font-size: 16px !important;
        padding-top: 10px;
        margin-bottom: 10px !important;
    }

    /* display col  */
    .dp-dnone{
        display: none;
    }

    /* button */
    .main-body .main-content .content-news .content-b-news .card .card-body .rd-m{
        width: 25% !important;
    }
}

@media (min-width: 768px) and (max-width: 1024px){
    .head-top-icon .social {
        justify-content: flex-end !important;
    }

    /* nav */
    .head-menu .navbar-nav .dropdown .dropdown-menu .ip-p{
        padding-left: 10px;
    }

    /* marquee */
    .m-quee .breaking-news marquee {
        width: 100% !important;
        font-size: 16px !important;
    }
    .m-quee .breaking-news span {
        font-size: 16px !important;
    }

    /* carousel */
    .main-body .main-carousel .carousel-inner .carousel-item .carousel-caption{
        bottom: 35px !important;
    }
    .main-body .main-carousel .carousel-inner .carousel-item .carousel-caption h5{
        height: 63px;
    }
    .main-body .main-carousel .carousel-inner .carousel-item .d-block {
        height: 225px !important;
    }

    /* New-detais page */
    .main-body .main-content-detail .content-news .content-title-news{
        width: 40% !important;
    }
    .main-body .main-content-detail .content-news .newsdetails .newsdetails-cam {
        width: 30% !important;
    }

    /* display col */
    .dp-dnone{
        display: none;
    }

}
@media (min-width: 1024px) {
    .sticky {
        position: fixed;
        top: 0;
        width: 100%;
        z-index: 1002;
    }
}