@media all and (max-width: 810px){
    .explore{
        min-height: 50vh;
        background-image:linear-gradient(rgba(79, 172, 254, 0.5), rgba(0, 242, 254, 0.5)), url(../images/bg-1.jpg);
        background-size: cover;
        background-position: center;
    }
    
    /* explore slider end */
    
    
    /* digital marketing slider start */
    .digital-marketing{
        min-height: 50vh;
        background-image:linear-gradient(rgba(79, 172, 254, 0.5), rgba(0, 242, 254, 0.5)), url(../images/bg-2.jpg);
        background-size: cover;
        background-position: center;
    }
    
    
    
    /* digital marketing slider end */
    
    /* seo slider start  */
    .seo{
        min-height: 50vh;
        background-image:linear-gradient(rgba(79, 172, 254, 0.5), rgba(0, 242, 254, 0.5)), url(../images/bg-3.jpg);
        background-size: cover;
        background-position: center;
    }
    
    
    /* seo slider end  */
    
    /* social media start */
    .smm{
        min-height: 50vh;
        background-image:linear-gradient(rgba(79, 172, 254, 0.5), rgba(0, 242, 254, 0.5)), url(../images/bg-4.jpg);
        background-size: cover;
        background-position: center;
    }
    
    
    /* social media end */
    
    /*  youtube marketing start */
    .youtube-marketing{
        min-height: 50vh;
        background-image:linear-gradient(rgba(79, 172, 254, 0.5), rgba(0, 242, 254, 0.5)), url(../images/bg-5.jpg);
        background-size: cover;
        background-position: center;
    }

    .responsive-front{
        font-size:35px;
    }
    .responsive-front-a{
        font-size:40px;
    }

    .ft{
        font-size: 12px;
        width: 250px;
        text-align: left;
    }

    .map{
        height: 450px;
        width: 700px;
    }
}

@media all and (max-width: 428px){
    .map{
        height: 250px;
        width: 397px;
    }
}
@media all and (max-width: 375px){
    .map{
        height: 250px;
        width: 345px;
    }
}
@media all and (max-width: 414px){
    .map{
        height: 250px;
        width: 380px;
    }
}
@media all and (max-width: 390px){
    .map{
        height: 250px;
        width: 355px;
    }
}
@media all and (max-width: 412px){
    .map{
        height: 250px;
        width: 385px;
    }
}
@media all and (max-width: 360px){
    .map{
        height: 250px;
        width: 325px;
    }
}
@media all and (max-width: 384px){
    .map{
        height: 250px;
        width: 350px;
    }
}