/*responsive css*/
@media only screen and (max-width: 340px){
    .header_area .main-menu .navbar,    .header_area .main-menu .navbar .navbar-brand,
    .site-main .subscribe-us-area .subscribe .subscribe-title,
    .site-main .subscribe-us-area .subscribe .subscribe-title p,h4 
    .site-main .services-area,.site-main .subscribe-us-area .subscribe{
        padding: 4%;
        margin: 0%;
    }
    .site-main .site-banner .site-title h1{
    font-size: 41px;
    }
    .site-main .subscribe-us-area .subscribe form .input-textbox input{
        width: 15rem;
    }
    .site-main> .services-area .services{
        width: 13rem;
    }
}

@media only screen and (max-width: 792px){
    .site-main .about-area .about-title h2> span{
        font-size: 32px;
        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 .project-area .button-group button{
        font: normal 500 18px/40px 'Roboto',cursive;
    }
    .site-main .about-area .about-title p{
        padding: 0%;
    }
    .site-main .subscribe-us-area .subscribe form .input-textbox input{
        width: 20rem;
        margin: 5rem;
    }

}

@media only screen and (max-width: 1910px){
       .header_area .main-menu .navbar{
           padding: 1rem;
       }
       .container{
           max-width: 90%;
       }
       .site-main .brand-area,.site-main .services-area .services-title,.site-main .about-area{
           padding: 3% 4%;
           
       }
}