@media(max-width:767px){

    

    .site-header .header-content{
        flex-wrap: wrap;
    }

    .header-mobile-wrapper{
        width: 100%;
        display: flex;
        position: relative;
        align-items: center;
        justify-content: space-between;
    }

    .header-links-wrapper.is-active{
        display: block;
    }

    .header-logo-link{
        left: 50%;
        position: absolute;
        transform: translateX(-50%);
        text-outline: calc(50% - 26px);
    }

    .section-header{
        font-size: 28px;
    }

    .site-header ul,
    .site-header ul li{
        display: block;
        text-align: center;
    }

    .site-header ul li{
        padding: 15px;
    }
    
    .header-links-wrapper{
        display: none;
    }

    .header-logo{
        max-width: 200px;
    }

    .container{
        padding-left: 20px;
        padding-right: 20px;
    }

    .landing-content{
        color: #404040;
        text-shadow: none;
    }

    .landing-content h2{
        font-size: 38px;
        margin-bottom: 0;
    }

    .landing-content p{
        opacity: .8;
        font-size: 16px;
    }

    .contact-form{
        padding: 0;
    }

    .section-enq{
        padding: 50px 0 25px 0;
    }
    .enq-card,
    .enq-header-wrapper{
        margin-bottom: 30px;
    }

    .enq-card img{
        max-width: 100%;
    }

    .enq-card h2{
        font-size: 18px;
        margin: 10px 0 5px 0;
    }
    
    .section-about{
        padding: 40px 0;
    }

    .about-content{
        margin-bottom: 30px;
    }

    .btn-back-to-top{
        right: 15px;
    }

    

    .stats-box{
        display: flex;
        min-height: 125px;
        padding: 20px 15px;
        margin-bottom: 30px;
        align-items: center;
        justify-content: center;
    }

    .stats-box h6{
        font-size: 32px;
    }

    .section-why{
        padding: 60px 0;
    }

    .usp-box img{
        max-width: 75px;
    }

    .usp-box span{
        font-size: 16px;
        padding: 10px 5px 0 5px;
    }

    .reviews-slider{
        margin: 0 -20px;
    }

    .reviews-slide{
        max-width: calc(100% - 15px);
    }

    .section-clients{
        padding: 50px 0;
    }

    .section-help{
        margin-bottom: 75px;
    }

    
    .help-banner{
        text-align: center;
        padding: 30px 15px;
    }

    .help-banner img:not(a img){
        margin-bottom: 15px;
    }


    .help-banner p:not(.section-help a p){
        margin-bottom: 30px;
    }

    .footer-end-line{
        display: block;
        text-align: center;
    }

    .footer-end-line p{
        margin-bottom: 7.5px;
    }
    
    .section-genres,
    .section-reviews{
        padding: 50px 0 30px 0;
    }
    
 
}

@media (max-width:576px) {
    .landing-content h2{
        font-size: 28px;
        margin-bottom: 2.5px;
    }

    .section-why header span{
        display: block;
    }
}