@media(max-width:767px){
    .pd-about-first{
        padding-top: 70px;
    }
}

@media(max-width:991px){
    .serviceImg{
        width: 100%;
        height: 346px;
        margin: 0;
    }
    
    .titleAlign{
        text-align: center;
        color: #ff8e4c;
        font-size: 42px;
        padding-bottom: 20px;
        padding-top: 25px;
    }
    
    .serviceSubTitle{
        font-weight: 700;
        font-size: 36px;
        padding-bottom: 10px;
        line-height: normal;
    }
    
    .serviceDesc{
        font-size: 16px;
    }
    
    .servicePart{
        margin-top: 50px;
        padding-left: 20px;
        padding-right: 20px;
        padding-bottom: 60px;
    }
    
    .closePD{
        padding-left: 0;
        padding-right: 0;
        background-color: whitesmoke;
    }
    
    .services{
        margin-bottom: 50px;
    }
}

@media(min-width:768px){
    .serviceImg{
        width: 100%;
        height: 500px;
        margin: 0;
    }
    
    .titleAlign{
        text-align: center;
        color: #ff8e4c;
        font-size: 42px;
        padding-bottom: 20px;
        padding-top: 25px;
    }
    
    .serviceSubTitle{
        font-weight: 700;
        font-size: 36px;
        padding-bottom: 10px;
        line-height: normal;
    }
    
    .serviceDesc{
        font-size: 16px;
    }
    
    .servicePart{
        margin-top: 50px;
        padding-left: 20px;
        padding-right: 20px;
        padding-bottom: 60px;
    }
    
    .closePD{
        padding-left: 0;
        padding-right: 0;
        background-color: whitesmoke;
    }
    
    .services{
        margin-bottom: 50px;
    }

    .mg-about-img{
        margin-top: 50px;
    }
        
    .pd-about-first{
        padding-top: 20px;
    }
}

@media(min-width:992px){
    .serviceImg{
        width: 100%;
        height: 470px;
        margin: 0;
    }
    
    .titleAlign{
        text-align: center;
        color: #ff8e4c;
        font-size: 42px;
        padding-bottom: 20px;
        padding-top: 25px;
    }
    
    .serviceSubTitle{
        font-weight: 700;
        font-size: 36px;
        padding-bottom: 10px;
        line-height: normal;
    }
    
    .serviceDesc{
        font-size: 16px;
    }
    
    .servicePart{
        margin-top: 50px;
        padding-left: 50px;
        padding-right: 50px;
    }
    
    .closePD{
        padding-left: 0;
        padding-right: 0;
        background-color: whitesmoke;
    }
    
    .services{
        margin-bottom: 50px;
    }
        
    .pd-about-first{
        padding-top: 20px;
    }
}

@media(min-width:1200px){
    .pd-about-first{
        padding-top: 140px;
    }

    .mg-about-img{
        margin-top: 0;
    }
}