@media screen and (max-width:1400px) {
    .intro-text {
        margin-left: 4rem;
    }

    .what-we-do .card {
        width: 270px;
        height: 300px;

    }

    .what-we-do .card-body p a {
        margin-left: -20px;

    }

    .big-boxes img {

        height: 235px;
    }

    .padding{
        padding-left: 3rem;
    }
}

@media screen and (max-width:1200px) {
    .content-center {
        margin-left: 13%;
    }

    .follow-us {
        padding-left: 0rem;
        margin-left: 0rem;
    }

    .footer-logo img {
        margin-left: 3rem;
    }

    .what-we-do-footer{
        padding-left: -2rem;
    }

    .big-boxes img {

        height: 275px;
    }

    .padding{
        padding-left: 6rem;
    }

    .gallery-page-imgs img {
        width: 300px;
        height: 260px;
    }
}

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

    /* navbar */


    .navBar {
        padding-block: 0;
        padding-top: 1rem;
        padding-bottom: 0.5rem;
    }

    .navbar-nav {
        margin-top: 1rem;
    }

    .nav-item {
        padding: 0;
        padding-bottom: 0.5rem;
    }

    .dropdown-menu li a {
        color: var(--white) !important;
        -webkit-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out;
        font-size: 13px;
        border-bottom: 1px solid #007bff;
    }

    .dropdown-menu li a:hover {
        background-color: none;
        border-bottom: none;
    }

    .nav-item.active {
        color: var(--black);
        background-color: transparent;
        border-bottom: none;
    }

    .nav-item:hover,
    .nav-item:active,
    .nav-item:focus {
        background-color: transparent;
        padding-block: 0;
        border-bottom: none;
    }

    /* Carowsel */

    .carousel-item img {
        height: 500px;
    }

    .timing-add-mail>.container>.row>div {
        border: none;
    }

    .margin-b {
        margin-bottom: 2rem;
    }

    .email-text,
    .phn-text,
    .office-text {
        margin-left: -2rem;
    }

    .introduction {
        padding-bottom: 2rem;
    }

    .intro-text {
        margin-top: 1.5rem;
    }

    .content-center {
        margin-left: 6%;
    }

    .projects {
        margin-left: 0;
    }

    .follow-us {
        margin-left: 1rem;
    }

    .footer-logo {
        margin-left: 0rem;
        margin-top: 2rem;
    }

    .padding{
        padding-left: 1rem;
    }

    .what-we-do-page img{
        display: none;
    }
}

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

    .email-text,
    .phn-text,
    .office-text {
        margin-left: 0rem;
    }

    .content-center {
        margin-left: 24%;
    }

  

    .swiper-img img {

        height: 400px;

    }

    .footer-logo {
        margin-left: 0rem;
        margin-top: 2rem;
    }
    .what-we-do-footer{
        padding-left: 0rem;
        margin-left: 0rem;
    }

    .seprater-line{

        margin-block: 1rem;
    }

    .copywrite{
        display: none;
    }

    .sub-footer{
        display: block;
    }
    .follow-us {
        margin-left: 0rem;
    }
   
}

@media screen and (max-width:600px){
    .content-center {
        margin-left: 23%;
    }

    .big-boxes {
        margin-top: 2rem;
        background-color: var(--light-blue);
        padding: 1rem;
    }

    .big-boxes p {
        width: 95%;
        font-size: 14px;
        color: var(--black);
    }

    .gallery-page-imgs img {
        width: 300px;
        height: 230px;
    }
}

@media screen and (max-width:500px){
    .content-center {
        margin-left: 18%;
    }
}