@media (max-width:766px) {
    .content-wrapper {
        top: 0;
        margin-bottom: 60px;
    }

    .intro-wrapper {
        background: #fff;
    }

    .intro-wrapper,
    .service-wrapper,
    .advantages-wrapper,
    .handover-wrapper,
    .testimonial-wrapper,
    .trusted-client-wrapper,
    .subscription-wrapper,
    .support-wrapper,
    .about-us-wrapper,
    .team-wrapper,
    .job-page-wrapper,
    .faq-wrapper,
    .contact-us-wrapper {
        padding: 60px 20px;
    }

    .experiance-tab-content,
    .our-progress,
    .capability-tab-content,
    .handover-work-thumb {
        margin-bottom: 30px;
    }

    .media-left,
    .media-right,
    .media-body {
        display: block;
        margin-bottom: 20px;
    }

    .handover-work-thumb {
        margin-bottom: 30px;
    }

    .handover-wrapper .carousel-indicators {
        margin-left: inherit;
        width: 100%;
    }

    .testimonial-wrapper .carousel-indicators {
        right: 0;
        left: inherit;
        bottom: 20px;
        width: 100%;
    }

    .testimonial-wrapper .client-testimonial {
        padding: 0 0 0 50px;
        font-size: 16px;
        line-height: 30px;
    }

    .social-link {
        margin-bottom: 60px;
    }

    .support-wrapper a.btn {
        padding: 14px 12px;
    }

    .about-us-slider-wrapper {
        padding: 0 20px;
    }

    .about-us-slider-wrapper .carousel-control.left {
        left: 80%;
    }

    .about-us-slider-wrapper .carousel-control.right {
        right: -22px;
    }

    .download-box-wrapper {
        padding: 60px 30px;
    }

    .download-box ul li {
        width: 100%;
        margin-bottom: 15px;
    }

    .inner-content {
        padding: 60px 20px;
    }

    .pagination-wrap {
        margin-bottom: 40px;
    }

    .comments-wrapper .media-left,
    .comments-wrapper .media-right,
    .comments-wrapper .media-body {
        display: block;
    }

    .comments-wrapper form {
        margin-bottom: 40px;
    }

    .input-group.text-area {
        margin-left: inherit;
    }

    .typography-page-wrapper {
        padding: 60px 20px;
    }

    .typography-page-wrapper .button-style,
    .typography-page-wrapper .tab-style {
        margin-bottom: 30px;
    }
}

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

    .media-left,
    .media-right,
    .media-body {
        display: table-cell;
        margin-bottom: 0;
    }

    .about-us-slider-wrapper .carousel-control.left {
        left: 84%;
    }

    .about-us-slider-wrapper .carousel-control.right {
        right: 0;
    }

    .download-box-wrapper {
        padding: 60px;
    }

    .comments-wrapper .media-left,
    .comments-wrapper .media-right,
    .comments-wrapper .media-body {
        display: block;
    }
}

@media (min-width:768px) and (max-width:991px) {
    .intro-wrapper {
        background: #fff;
    }

    .our-progress {
        display: block;
    }

    .our-progress,
    .capability-tab-content,
    .handover-work-thumb {
        margin-bottom: 30px;
    }

    .handover-wrapper .carousel-indicators {
        margin-left: inherit;
        width: 100%;
    }

    .testimonial-wrapper .carousel-indicators {
        right: 0;
        left: inherit;
        bottom: 20px;
        width: 100%;
    }

    .testimonial-wrapper .client-testimonial {
        padding: 0 0 0 50px;
        font-size: 16px;
        line-height: 30px;
    }

    .social-link {
        margin-bottom: 60px;
    }

    .about-us-slider-wrapper {
        padding: 0 60px;
    }

    .about-us-slider-wrapper .carousel-control.left {
        left: 88%;
    }

    .about-us-slider-wrapper .carousel-control.right {
        right: 0;
    }

    .comments-wrapper .media-left,
    .comments-wrapper .media-right,
    .comments-wrapper .media-body {
        display: block;
    }

    .input-group.text-area {
        margin-left: inherit;
    }

    .typography-page-wrapper .button-style,
    .typography-page-wrapper .tab-style {
        margin-bottom: 30px;
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .testimonial-wrapper .carousel-indicators {
        right: 0;
        left: inherit;
        bottom: 20px;
        width: 100%;
    }

    .testimonial-wrapper .client-testimonial {
        padding: 20px 0 0 50px;
    }

    .about-us-slider-wrapper .carousel-control.left {
        left: 45%;
    }

    .about-us-slider-wrapper .carousel-control.right {
        right: 48%;
    }

    .four-column .portfolio-item {
        min-height: 120px;
    }

    .download-box ul li a {
        font-size: 18px;
    }
}

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