@media screen and (max-width: 1280px){
    .banner-contant h2{
        font-size: 22px;
    }
    .banner-contant h4 {
        font-size: 14px;
    }
    .banner-contant p {
        font-size: 14px;
    }
}

@media screen and (max-width: 1199px) {
    .arrow-img{
        display: none;
    }
    .arrow-img2{
        display: none;
    }
}
@media screen and (max-width: 991px) {
    .logo img {
        width: 67px;
    }
    .navbar-area{
        padding: 0;
    }
    .navbar-area.nav-style-02 .nav-container .navbar-toggler {
        background-color: #281d51;
    }
    .about-left{
        margin-top: 50px;
    }
    .count-box{
        margin-top: 20px;
    }
    .feature{
        margin-top: 20px;
    }
    .banner-sec{
        background-image: none;
        background-color: #281d51;
    }
    .banner-contant{
        padding: 20px 50px;
    }
    .banner-contant h4{
        font-size: 20px;
    }
    .banner-contant h2{
        font-size: 45px;
    }
    .banner-contant p{
        font-size: 18px;
    }
    .banner-img{
        margin-top: -50px;
        margin-left: 0;
        max-width: 70%;
        margin: auto;
    }
    .banner-contant p::before{
        background-color: none;
        opacity: 0;
    }
}
@media screen and (max-width: 991px) and (min-width: 767px) {
    .responsive-add{
        width: 100%;
        display: block;
    }
  }

@media screen and (max-width: 618px){
    .banner-contant h2{
        font-size: 22px;
    }
    .banner-contant h4 {
        font-size: 14px;
    }
    .banner-contant p {
        font-size: 14px;
    }
    
}
@media screen and (max-width: 575px){
    .sub_header{
        display: none;
    }
}
@media screen and (max-width: 508px){
    .sub_header_left_content a{
        width: 100%;
        display: block;
        text-align: center;
        margin: 5px 0;
    }
    .banner-contant{
        padding: 20px;
    }
}