@media only screen and (max-width: 340px){
    .header_area .main-menu .navbar,
    .header_area .main-menu .navbar .navnar-brand,
    .site-main .contact-area .contact .contact-title,
    .site-main .contact-area .contact .contact-title h4
    .site-main .contact-area .contact .contact-title p,
    .site-main .contact-area
    .site-main .contact-area .contact{
        padding: 2%;
        margin: 0;
    }

    .site-main .site-banner .site-title h1{
        font-size: 41px;
    }

    .services{
        width: 13rem;
    }
}

@media only screen and (max-width: 792px){

    .site-main .about-area .about-title h2 > span{
        font-size: 31px;
        letter-spacing: 10px;
    }

    .site-main .brand-area .experience-area .years-area{
        padding-left: 1%;
        width: 49%;
    }

    .site-main .brand-area .experience-area .bg-panel{
        margin-left: 30%;
        width: 80%;
    }

    .site-main .brand-area .experience-area .mail-area{
        padding-left: 3%;
    }

}