@charset "utf-8";
/* CSS Document */

/*---For Laptop---*/
@media (max-width: 1800px) {}

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

@media(min-width:1200px) {

    .service_sec_block .container,
    .about_sec .container,
    .portfolio_sec .container,
    .contact_sec .container,
    .footer .container {
        max-width: 1260px;
    }

    .service_sec_block .col-md-4 {
        padding: 0;
    }
}

@media(max-width:1440px) {}

/*---For Laptop---*/
@media (min-width: 1200px) and (max-width: 1400px) {}

@media (min-width: 1024px) and (max-width: 1199px) {}

@media (min-width: 992px) and (max-width: 1024px) {}

@media (max-width: 1199px) {}


/*---For Horizental iPad---*/
@media (min-width: 992px) and (max-width: 1199px) {}

@media (min-width: 991px) {}

@media (min-width: 768px) {
    .about_img {
        width: 57.823%;
    }

    .about_text {
        width: 42.177%;
        margin-left: auto;
    }

    .service_sec .row>div {
        width: 30%;
    }

    .service_sec .row .col-md-4:first-child {
        width: 40%;
    }

    .mission_sec .card_wrap .card {
        align-items: center;
        flex-direction: row;
    }

    .mission_sec .card_wrap .card-body {
        padding-left: 50px;
        width: 72%;
    }

    .mission_sec .card_wrap .card_img {
        width: 26%;
    }

    .mission_sec .card_wrap .card {
        padding: 20px 40px 0 40px;
    }

    .mission_sec .card_wrap .card:hover {
        padding: 15px 40px 48px 40px;
    }
}

/*---For Vertical iPad---*/
@media (min-width: 768px) and (max-width: 991px) {}


@media (max-width: 991px) {
    .header .navbar-expand-lg {
        padding: 10px 0;
    }

    .navbar-light .navbar-nav .nav-link {
        color: #000000 !important;
    }
}

/*---For Mobile---*/
@media (max-width: 767px) {
    .banner_sec {
        padding: 130px 0 200px 0;
    }

    .banner_text .title {
        font-size: 44px;
        line-height: 54px;
    }

    .technology_sec ul li {
        width: calc(100% / 2);
    }

    .navbar-light .navbar-nav .nav-link {
        font-size: 16px;
        padding: 10px 20px;
    }

    .text_wrap .title {
        font-size: 24px;
    }

    .service_block_wrap {
        padding-bottom: 40px;
    }

    .card_wrap .card {
        padding: 48px 20px 0 20px;
    }

    .card_wrap .card:hover {
        padding: 0 20px 48px 20px;
    }

    .about_sec,
    .service_sec,
    .mission_sec {
        padding: 60px 0;
    }

    .mission_sec .card_wrap {
        margin: 20px;
    }

    .testimonial_sec {
        padding-top: 70px;
    }

    .divider-space {
        margin: 0;
    }

    .counter-item {
        margin-bottom: 50px;
    }

    .counter_sec {
        padding: 0;
    }

    .navbar-brand img {
        width: 195px;
    }

    .card_wrap {
        margin: 0px 0 30px;
    }

    .service_sec .text_wrap {
        padding: 0;
    }

    .heading .title {
        font-size: 28px;
    }

    .bg_text-wrap h2 {
        font-size: 26px;
    }

    .header {
        height: auto;
    }

    .serviceSec {
        padding-bottom: 0;
    }

    .banner_text .title_show {
        font-size: 24px;
        line-height: 34px;
    }

    .banner_text .text {
        padding: 0;
        margin-top: 0px;
        font-size: 14px;
        line-height: 22px;
    }

    .about_img .img_wrap {
        padding: 0;
        margin-bottom: 30px;
    }

    .about_img .img_wrap img {
        width: 100%;
    }

    .text_wrap .service_list {
        column-count: 1;
    }

}

@media (min-width:576) {}

@media (max-width: 578px) {}

@media (max-width: 480px) {}

@media (max-width: 440px) {}

@media (max-width: 414px) {}

@media (max-width: 411px) {}

@media (max-width: 393px) {}

@media (max-width: 342px) {}