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

.web-steps-section .col-lg-3:nth-child(even){
    margin: 0 !important;
}
.web-service-section .web-service-item{
    margin-bottom: 2.5rem;
}
    .centerment{
        margin: 0 auto !important;
        text-align: center !important;
    }
    .web-header-section{
        box-shadow: 0 5px 20px rgba(0,0,0,.12);
        margin-bottom: 15rem;
    }
    .navbar{
        display:block;
        
    }
    .navbar-brand{
        margin-top: 5rem;
        margin: 4rem auto !important;
        text-align: center !important;
        display: block !important;
        align-items: center !important;
    }
    .web-header-section ul{
        padding: 0 !important; 
    }
    
    .icon-pad{
        padding: 0 !important;
    }

    .web-header-section ul li {
        float: none !important;
        list-style: none;
        padding: 0 25px;
        display: block;
        text-align: center !important;
    }
    .web-header-section ul li a{
        display:block !important;
        margin: 2rem auto !important;
        align-items: center !important;
        font-size: 1.2rem;
        text-align: center !important;

    }
    .navbar-toggler{
        width: 30%;
    margin-top: 4rem;
    }

    .web-heading h1{
        text-align: center !important;
        margin: 0 auto !important;
    }

    .web-menu-color{
        background-color: #425e5b !important;
    }
    .respos{
        text-align: center !important;
        margin: 0 auto !important;
        display: block;
        }
    .contact h4{
        margin-top: 5rem;
        text-align: center !important;
    }
    .contact h5{
        margin-top: 1rem;
        text-align: center !important;
    }
    .respos-bottoms{
        margin: 5 auto !important;
        text-align: center !important;
        width: 100% !important;
    }
    .web-footer-section .web-menu-section ul{
        padding: 0 !important;
    }

    .web-heading h3{
        text-align: center !important;
        margin: 0 auto;
    }
    .web-heading h2{
        text-align: center !important;
        margin: 0 auto;
    }
    .web-heading p{
        text-align: center !important;
        margin: 0 auto;
    }
    .web-service-section .web-heading a{
        margin-bottom: 5rem !important;
        text-align: center;
        margin: 0 auto;
        display: inline-block;
        width: 100%;
    }

    .web-heading-2 p{
        margin: 0 auto;
        text-align: center !important;
        margin-bottom: 5rem !important;
    }

    .web-blog-section .web-blog-item .web-blog-content a.btn.btn-primary{
        width: 100%;
        margin: 0 auto;
        text-align: center !important;
        margin-top: 3rem !important;
    }

    .web-steps-section .web-steps-line{
        background: white !important;
    }

    
    .web-footer-section .web-menu-section li a{
        text-align: center;
        margin: 0 auto;
        padding: 10px 0 !important;
        font-size: 1.2rem !important;

    }
    .web-footer-section form{
        margin: 4rem auto;
    text-align: center;
    display: block;
    }

    .web-footer-section .web-social-section{
        margin: 4rem auto;
    text-align: center;
    display: block;
    }
    .web-footer-section form button {
        border: 2px solid #3a5653 !important;
    }
}


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

    .web-heading-2 p{
        margin: 2rem auto !important;
        text-align: center !important;
    }
    .web-blog-section .web-blog-item .web-blog-content a.btn.btn-primary{
        margin: 5rem auto !important;
        text-align: center !important;
        width: 100% !important;
    }
    .web-heading h3{
        margin: 2rem auto !important;
        text-align: center !important;
    }
    .web-heading h2{
        margin: 2rem auto !important;
        text-align: center !important;
    }
    .web-heading p{
        margin: 2rem auto !important;
        text-align: center !important;
    }
    .web-service-section .web-heading a{
        margin: 5rem auto !important;
        text-align: center !important;
        width: 100% !important;
    }
    .web-steps-section .web-steps-line{
        background: white !important;
    }
    .respos-bottoms{
        margin: 5 auto !important;
        text-align: center !important;
        width: 100% !important;
    }
    .respos{
        text-align: center !important;
        margin: 0 auto !important;
        display: block;
        }
        .web-footer-section form {
            width: 100% !important;
            position: relative !important;
            border-radius: 5px !important;
            overflow: hidden !important;
        }
}