@media only screen and (max-width:960px) {
    .stellarnav.dark a {
        color: #000000;
    }

    .stellarnav.dark li a {
        color: #ffffff;
    }
}

@media only screen and (max-width:720px) {
    .comu_sec .comu_txt h3 {
        color: #ffffff;
        font-size: 50px;
        text-align: center;
        line-height: 67px;
        font-weight: 700;
    }

    .comu_sec .comu_txt {
        margin-top: 40px;
        margin-bottom: 0px;
    }
}

@media screen and (min-device-width: 960px) and (max-device-width: 1060px) {
    .stellarnav>ul>li>a {
        padding: 20px 5px;
    }

    .stellarnav.dark a {
        font-size: 14px;
    }
}

@media screen and (min-device-width: 960px) and (max-device-width: 2400px) {
    .main_header .lst_item .stellarnav .log_li {
        display: none;
    }
}

@media only screen and (max-width:960px) {
    .cstm_btn {
        display: none;
    }
}
@media only screen and (max-width:960px) {
    .xtra-hdr h6 {
    color: #ffffff;
    margin: 0px;
    text-align: center;
}
}
@media only screen and (max-width:960px) {
    .xtra-banner .xtra-inr {
    text-align: center!important;
    margin-bottom: 10px;
}
}



/* Counter section Start  */
 /* Responsive */
  @media (max-width:880px){
    .countdown-wrap{ flex-direction: column; align-items: stretch; }
    .left-panel{ min-width: auto; width:100%; padding:18px 20px; }
    .right-panel{ width:100%; padding: 12px 14px; gap:8px; justify-content: space-around; }
    .time-val{ font-size: 32px; }
    .badge{ font-size: 36px; }
    .title{ font-size: 18px; }
  }

  @media (max-width:480px){
    .time-val{ font-size: 26px; }
    .dots{ height:36px; gap:5px; }
  }
/* Counter section End */