@media(min-width:1200px) and (max-width:1600px) {}

@media(min-width:320px) and (max-width:767px) {
    .home-banner-content.hme-bner-cntn {
        max-width: 100%;
        top: -40px !important;
        bottom: 0;
        margin: 0;
        padding: 0 !important
    }
    .hompg .home-banner-content {
        padding: 0;
        top: -120px
    }
    .hompg .home-banner-content {
        display: table;
        margin: auto
    }
    .introduction-sec {
        text-align: center
    }
    .designunigue ul {
        margin: auto !important
    }
    .packages-sec {
        padding: 30px 0 0
    }
    .leftinner .checklist {
        display: table;
        margin: auto;
        padding: 0 0 0 20px
    }
    .leftinner h2 {
        text-align: center !important
    }
    .packages-sec p {
        text-align: center !important
    }
    section.myprocess .hompg .home-banner-content {
        top: 0 !important
    }
    .home-banner-content {}
    section.myprocess .home-banner-content {
        top: 0
    }
    .col-lg-2 {}
    footer.footer-main .col-lg-2 {
        width: 50%;
        float: left;
        display: table;
        margin: auto
    }
    .footer-nav {
        margin: 0;
        text-align: center
    }
    .fologo figure {
        display: table;
        margin: auto
    }
    .ftr-social {
        justify-content: center;
        display: flex
    }
    ul.addressnav {
        display: flex;
        justify-content: center;
        column-gap: 30px
    }
    .crds-img {
        padding: 0;
        text-align: center
    }
    .footer-bottom {
        text-align: center
    }
    .copyright {
        text-align: center
    }
    ul.footer-nav2 {
        display: flex;
        align-items: center;
        justify-content: center
    }
    .myprocess {
        padding-bottom: 0
    }
    p {
        text-align: center !important
    }
    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        text-align: center !important
    }
}