/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
    .nav-links li a {
        color: #ffffff;
    }

    .hero .content {
        position: relative;
        z-index: 2;
        padding: 86px 46px 50px 46px;
    }

    h1 {
        font-size: 2rem;
    }
.video iframe{
  width:100%;
  height:200px;
}
    .section-padding {
        padding: 30px 20px;
    }

    .gallery img {
        margin: 10px;
        cursor: pointer;
        max-width: 140px;
        border-radius: 10px;
    }

    .mb-blog {
        margin-bottom: 15px;
    }

    .section-title {
        font-size: 26px;
    }

    .section-subtitle {
        color: #000;
        font-size: 15px;
    }
}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {}

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {}

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {}