@media(max-width:575px){
    .d-none{
        display: none;
    }
    .d-block{
        display: block;
    }
    h1 {
        font-size: 30px;
        color: #fff;
        text-transform: capitalize;
        line-height: 38px;
    }
    header {
       
        z-index: 999999;
    }

    .card.about {
        background-color: #fff;
        display: none;
    }
    .card.services {
        background-color: var(--thm-clr);
        display: none;
    }
    .card.faq {
        background-color: #fff;
        display: none;
    }
    .header .logo{
            width: 28%;
    }
    .header .logo img{
       width: 100%;
    }
    header .toggle {
        
    width: 8%;

    }
    header {
        padding: 10px 15px;
    }
    header .toggle span {
        margin-bottom: 6px;
    }
    header .toggle span:nth-child(2) {
        margin-right: 8px;
    }
    footer ul li {
        font-size: 16px;
    margin: 10px 0px 0px 0px;
}
       footer ul li a {
    color: #fff;
    display: inline-block;
    margin-top: 0;
}     
.menu ul li a {
    line-height: 45px;
    font-size: 25px;
    color: #3a3a3a;
    font-weight: 700;
}
     
.menu .cross img {
    width: 30px;
    height: 30px;
}
header.resMenu .menu {
 
    padding: 15px 35px;
}
header.resMenu .menu ul {
    margin-top: -230px;
}
.menu h1 {
    position: absolute;
    color: #3a3a3a;
    font-size: 100px;
    z-index: -1;
    opacity: 0.1;
    margin-top: -225px;
}
.footer-contant img{
width: 92px;
}
    }