@media only screen and (max-width: 1199px) {
    #header-section form {
        width:100%;
        margin:20px 0px 0px 0px;
        box-shadow: 1px 1px 3px 1px #bbb;
    }
    #services-section .single-service h4{
        margin-left: 0px;
    }    
    .headerLeft h1{
        text-align: center;
        font-size: 60px;
        margin-top:100px;
    }
    #header-section .headerLeft h1{
        text-align: center;
        font-size: 60px;
        margin:100px 0px;
    }
}




@media only screen and (max-width: 991px) {
    #services-section{
        margin-top:300px;
    }
    #services-page #services-section{
        margin-top:0px;
    }
}




@media only screen and (max-width: 767px) {
    #experience-section .workingExperience h1{
        margin-top:30px;
    }
    #footer-section .foot-two h3{
        margin-left:0;
    }
    #footer-section .foot-two ul li{
        margin-left:0;
    }
    #fun-section .fun-item h1{
        float:none;
        margin:0;
    }
    #fun-section .fun-item h4{
        float:none;
        margin:0;
        margin-bottom:10px;
    }
}




@media only screen and (max-width: 575px) {
    #header-section{
        background-position: 25% 50%;
        background-repeat: no-repeat;
    }
    #header-section .headerLeft h1{
        font-size: 50px;
        margin:50px 0px;
    }
    #services-section{
        margin-top:200px;
    }
    #services-page #services-section{
        margin-top:0px;
    }
    #services-section .single-service{
        margin-bottom:10px;
    }
    #projects-details img{
        margin-bottom:20px;
        width:100%;
    }
}




@media only screen and (max-width: 380px) {
    #header-section .headerLeft h1{
        font-size: 40px;
    }
}




@media only screen and (max-width: 345px) {
    #services-section{
        margin-top:200px;
    }
    #services-page #services-section{
        margin-top:0px;
    }
    #services-section .single-service{
        margin-bottom:0px;
    }
    #header-section .navbar-brand img{
        width:170px;
    }
}