@media (max-width: 767px) {

    /* start header */
    .header .container .logo {
        width: 100%;
        height: 60px;
    }

    .header .container .main-nav {
        margin: auto;
    }

    .header .container .main-nav > li > a {
        padding: 10px;
        font-size: 14px;
        height: 40px;
    }

    .header .mega-menu {
        flex-direction: column;
        gap: 0;
        padding: 5px;
    }

    .header .mega-menu .links:first-of-type li {
        border-bottom : 1px solid #e6e6e6;
    }



    /* start landing */
    .landing .container .text h1 {
        font-size: 28px;
        margin-bottom: 10px;
    }

    .landing .container .text p {
        font-size: 18px;
    }

    .landing .go-down {
        bottom: 50px;
    }


    /* Start Features */
    .features .container .box .img-holder::before {
        top: -1px;
    }


    /* Start Testimonials */
    .testimonials .container {
        row-gap: 30px;
    }


    /* Start Events */
    .events .subscribe form {
        max-width: 100%;
        padding: 20px;
        flex-direction: column;
        border-radius: 0;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        -ms-border-radius: 0;
        -o-border-radius: 0;
    }

    .events .subscribe form input[type="email"],
    .events .subscribe form input[type="submit"] {
        border-radius: 5px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        -ms-border-radius: 5px;
        -o-border-radius: 5px;
    }

    /* Start Stats */
    .stats .box:hover {
        transform: scale(1);
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
    }

    /* Start Footer */
    .footer {
        text-align: center;
    }

    .footer .box .social {
        justify-content: center;
    }

    .footer .box .links {
        margin: 30px 0;
    }

    .footer .box .line {
        flex-direction: column;
    }

    .footer .box .line i {
        margin-right: 0px;
        margin-bottom: 10px;
    }

    .footer .box .line .info {
        padding: 0 20px;
    }



}