@media only screen and (max-width: 767px) {
    .header-list>ul li:first-child{
        display: none;
    }
    .header-list>ul li:nth-child(2){
        display: none;
    }
    .header-list>ul li:nth-child(3){
        display: none;
    }
    .header-list>ul li:nth-child(4){
        display: none;
    }
    .header-list>ul li:nth-child(5){
        display: none;
    }
    .header-list>ul li:nth-child(7){
        display: none;
    }
    .vl{
        display: none; 
    }
    .left {
        gap: 0.4rem;
    }
    .header-text{
        font-size: 11px;
        line-height: 13px;
    }
    .header-second-row{
        padding: 0.3rem 0.3rem 0.3rem 0.3rem;
    }
    .right{
        display: none;
    }
    .bannerslider .swiper-slide img{
        height: 22vh;
    }
    .tag-line-left{
        font-size: .7rem;
        line-height: 12px;
    }
    .count{
        top: 35%;
        left: 44%;
    }
    .count:nth-of-type(3){
        left: 38% !important;
    }
    .count-1{
        left: 38%;
       }
       .count-2{
        left: 41%;
       }
       .succes-btn {
        position: absolute;
        bottom: 13px;
        left: 43px;
    }
    .img-stories{
        margin-top: 15px;
    }
    .imageSwiper .swiper-slide img {
        height: 110px;
    }
    .slider-col{
        height: 231px;
        padding: 2.1rem;
    }
    .small-card{
        margin-bottom: 12px !important;
        width: 100%;
    }
    .video-heght {
        height: auto;
    }
    .section5{
        width: 100%;
        margin-bottom: 10px;
    }
    section.social-bg {
        margin-top: 16px !important;
        margin-bottom: 16px !important;
    }
    .twitter{
        margin-top: 16px;
    }
    .youtube{
        margin-top: 16px;
    }
    .bottom-footer>p{
    font-size: 12px;
    line-height: 12px;
    padding: 7px;
}
    
.top-footer{
    padding: 1.2rem;
}
.bar1, .bar2, .bar3{
    width: 25px;
    height: 2px;
    background-color: #fff;
    transition: 0.4s;
    margin: 4px 0px 2px 0px;
}
.menu li:hover>ul ul {
    width: auto;
}
.h6, h6 {
    font-size: 0.9rem;
}
.menu li a::after{
    display: none;
}
.mt-4 {
    margin-top: 1rem!important;
}
.dashboard-count-txt{
    margin-bottom: 0px;
}
.card-details{
    margin-bottom: 20px;
}
.twitter-box{
    height: 300px;
}
.twitter-box-1{
    height: 300px;
}
.vide0-1{
    height: auto;
}
.vide0-2{
    height: auto;
}
.py-5 {
    padding-top: 1rem!important;
    padding-bottom: 1rem!important;
}
.menu li:first-child a{
    padding-left: 15px !important;
}
.w-400{
    width: 100%;
}
  }

  @media all and (device-width: 768px) and (device-height: 1024px) and (orientation:portrait) {
    .inner-list{
        flex-wrap: wrap;
    }
    .vide0-1{
        height: 133px;
    }
    .vide0-2{
        height: 141px;
    }
    .img-stories{
        margin-top: 20px;
    }
    .card-details{
        margin-bottom: 20px;
    }
    .bannerslider .swiper-slide img{
        height: 31vh;
    }
    .count{
        left: 49%;
    }
    .count-2 {
        left: 41%;
    }
    .tag-line-left{
        font-size: 1rem;
    line-height: 19px;
    }
    .bar1, .bar2, .bar3{
        width: 25px;
        height: 2px;
        background-color: #fff;
        transition: 0.4s;
        margin: 4px 0px 2px 0px;
    }
    .responsive-menu {
        top: 109px;
        right: 12px;
        left: auto;
    }
    .count-1 {
        left: 32% !important;
    }
    nav{
        margin-top: 40px;
    }
    .menu li a {
        background: unset; 
        color: #fff; 
    }
    .menu li:first-child a{
        padding-left: 15px !important;
    }
    .menu li a::after{
        content: unset;
    }
    .twitter-box{
        height: 283px;
    }
    .twitter-box-1{
        height: 294px;
    }
    .w-400{
        width: 100%;
    }
  }
  @media all and (device-width: 1024px) and (device-height: 768px) and (orientation:landscape) {
    .bannerslider .swiper-slide img{
        height: 31vh;
    }
    .twitter-box{
        height: 290px;
    }
    .twitter-box-1{
        height: 301px;
    }
    .vide0-1, .vide0-2{
        height: 140px;
    }
    .inner-list{
        flex-wrap: wrap;
    }
    .publication marquee{
        height: 222px;
    overflow-y: auto;
    }
    .pub-head-text p{
        padding: 17px 11px;
    }
    .count-2 {
        left: 40%;
    }
    .count{
        left: 45%;
    }
    .menu li a{
        font-size: 12px;
    }
    .w-400{
        width: 100%;
    }
 
  }
  @media all and (device-width: 820px) and (device-height: 1180px){
    .inner-list{
        flex-wrap: wrap;
    }
    .bannerslider .swiper-slide img{
        height: 31vh;
    }
    .twitter-box{
        height: 290px;
    }
    .twitter-box-1{
        height: 301px;
    }
    .vide0-1, .vide0-2{
        height: 140px;
    }
    nav{
        margin-top: 40px;
    }
    .menu li a {
        background: unset; 
        color: #fff; 
    }
    .menu li:first-child a{
        padding-left: 15px !important;
    }
    .menu li a::after{
        content: unset;
    }
    .bar1, .bar2, .bar3{
        width: 25px;
        height: 2px;
        background-color: #fff;
        transition: 0.4s;
        margin: 4px 0px 2px 0px;
    }
    .responsive-menu {
        top: 109px;
        right: 12px;
        left: auto;
    }
    .tag-line-left{
        font-size: 1rem;
    }
    .w-400{
        width: 100%;
    }
}
@media all and (device-width: 1024px) and (device-height: 1366px){
    .bannerslider .swiper-slide img{
        height: 31vh;
    }
    .twitter-box{
        height: 290px;
    }
    .twitter-box-1{
        height: 301px;
    }
    .vide0-1, .vide0-2{
        height: 140px;
    }
    .inner-list{
        flex-wrap: wrap;
    }
    .publication marquee{
        height: 222px;
    overflow-y: auto;
    }
    .publication marquee{
        height: 222px;
    overflow-y: auto;
    }
    .pub-head-text p{
        padding: 17px 11px;
    }
    .count-2 {
        left: 40%;
    }
    .count{
        left: 45%;
    }
    .menu li a{
        font-size: 12px;
    }
    .w-400{
        width: 100%;
    }
       
}