@media (max-width: 1366px) {
    .bg {
        height: 650px;    
    } 
    
    .bg h1 {
        margin-top: 180px;
    }
}

@media (max-width: 991px) {
    .facts .row {
        margin-top: 170px;
    }
    
    .works img {
        margin-bottom: 25px;
    }
    
    .process p {
        margin-bottom: 25px;
    }

    .name, .email, textarea, .blk-btn {
        width: 100%;
    }
    
    .email {
        margin-top: 25px;
    }
    
}

@media (max-width: 767px) {
    .facts {
        height: 650px;
    }
    
    .facts .row {
        margin-top: 125px;
    }
    
    .services p {
        margin-bottom: 35px;
    }
}

@media (max-width: 601px) {
    .bg {
        height: 600px;
    }
    
    .bg h1 {
        margin-top: 130px;
    }
}

@media (max-width: 628px) {
    .info {
        height: 350px;
    }
}

@media (max-width: 600px) {  
    .social {
        height: 400px;
    }
    
    .social-icons i {
        margin-top: 50px;
        width: 75px;
        height: 75px;
        line-height: 75px;
    }
}

@media (max-width: 438px) {
    .social-icons i {
        width: 65px;
        height: 65px;
        line-height: 65px;
    }
}

@media (max-width: 429px) {
    .info p {
        margin-top: 75px;
    }
}

@media (max-width: 425px) {
    .social-icons i {
        margin-left: -20px;
    }
    
    .social-icons i {
        width: 50px;
        height: 50px;
        line-height: 50px;
    }
}

@media (max-width: 384px) {
    bg {
        height: 550px;
    }
    
    .bg p {
        margin-top: 25px;
        padding-bottom: 25px;
    }
    
    .clients {
        height: 400px;
    }
}