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

    .page-wrapper {
        overflow: hidden;
    }

    .author_img_wrap {
        margin-left: 0;
    }

    .author_img {
        margin-left: -0;
    }

    .testimonials-section .thumbs-column .image-one {
        left: -1px;
    }

    .testimonials-section .thumbs-column .image-five {
        right: 13%;
    }

    .testimonials-section .thumbs-column .image-four {
        top: -191px;
    }
}

@media only screen and (max-width: 1140px) {
    .sidebar-page-container {
        padding-top: 0;
    }

    .page-header-content-wrapper {
        margin-top: 0;
    }

    .page-header-title {
        font-size: 80px;
        padding: 70px 0  80px;
    }

    .project-detail {
        padding-top: 0;
    }

    .main-header {
        position: relative;
    }

    .main-header .outer-box {
        position: relative;
        margin-left: var(--margin-left-25);
    }

    .main-header .main-menu {
        float: right;
        margin-left: var(--margin-zero);
    }

    h1 {
        font-size: var(--font-60);
    }

    h2 {
        font-size: var(--font-38);
    }

    h3 {
        font-size: var(--font-26);
    }

    .main-header .header-lower .inner-container {
        padding: 0;
        border-radius: 0;
    }

    .main-header .main-menu .navigation > li > a {
        padding: 20px 0;
    }

    .page-top-header .color-layer,
    .main-slider-two .social-box,
    .main-slider-two .color-layer,
    .main-slider-two .social-list,
    .page-top-header .vector-layer-one,
    .about-section .vector-layer-two,
    .header-top-two .top-right .location,
    .strategy-tabs .tabs-content p br,
    .blog-detail .inner-box blockquote br,
    .strategy-section .info-column .number-list li br,
    .about-section-two .images-column .target-icon {
        display: none;
    }

    .header-top-two {
        background-color: var(--dark-color);
    }

    .page-top-header .dark-color-layer {
        transform: scale(0.8, 0.8);
    }

    .services-section .images-column .inner-column,
    .about-section .content-column .inner-column {
        padding-left: var(--padding-zero);
    }

    .about-section .images-column .image-two {
        margin-left: var(--margin-left-5);
    }

    .main-footer .footer-bottom .social-column .social-box li,
    .principle-section .info-column .social-box li {
        margin-right: var(--margin-right-5);
    }

    .about-section .images-column .image-three {
        margin-left: var(--margin-zero);
    }

    .about-section .images-column .image-four {
        right: 0;
        left: auto;
        bottom: auto;
    }

    .principle-section .info-column .info-list li a,
    .principle-section .info-column .info-list li {
        font-size: var(--font-16);
    }

    .principle-section .info-column .info-list li br {
        display: none;
    }

    .principle-section .info-column .inner-column {
        padding: 30px 25px;
    }

    .principle-section .number-list li br {
        display: none;
    }

    .business-block {
        margin-bottom: var(--margin-bottom-30);
    }

    .business-block .inner-box {
        padding: 25px 25px;
    }

    .business-section .left-column .business-block:nth-child(2) {
        transform: translateX(0px);
    }

    .business-section .right-column .business-block:nth-child(2) {
        transform: translateX(0px);
    }

    .team-block .inner-box .image .content {
        left: 8px;
        right: 8px;
    }

    .business-block-two .inner-box,
    .cta-section .inner-container {
        padding-left: var(--padding-left-20);
        padding-right: var(--padding-right-20);
    }

    .about-section-two .images-column .video-box-three {
        left: 80px;
    }

    .about-section-two .content-column .employe {
        display: none;
    }

    .services-section-two .color-layer {
        left: -800px;
    }

    .services-tabs .tabs-content {
        padding-left: 400px;
    }

    .reward-section .color-layer {
        right: -800px;
    }

    .news-block-two .inner-box .lower-content {
        padding: 28px 22px;
    }

    .cta-section-two .inner-container {
        padding-left: var(--padding-left-40);
        padding-right: var(--padding-right-40);
    }

    .page-title {
        padding: 140px 0;
    }

    .strategy-section .info-column .inner-column {
        padding: 20px 20px;
    }

    .strategy-section .content-column .inner-column {
        padding-left: var(--padding-zero);
    }

    .studio-section .title-column h2 {
        font-size: 44px;
    }

    .blog-detail .post-share-options .tags a {
        letter-spacing: 0;
    }

    .sidebar-page-container .comments-area .comment-box .theme-btn {
        right: 0;
    }

    .support-section .content-column .inner-column .phone {
        position: relative;
        right: auto;
        top: auto;
        margin-bottom: var(--margin-bottom-20);
    }

    .links-widget.style-two,
    .testimonials-section .carousel-column .inner-column {
        margin-left: 0;
    }

    .main-footer .news-widget, .main-footer .social-widget {
        padding-left: var(--padding-zero);
    }

    .author_img_wrap {
        margin-left: 0;
    }

    .author_img {
        margin-left: -0;
    }

    .error-section .error_text {
        font-size: 300px;
    }

}

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

    .main-header .main-menu .navigation > li > ul,
    .main-header .main-menu .navigation > li > ul > li > ul {
        display: block !important;
        visibility: hidden;
        opacity: 0;
    }

    .testimonials-section .thumbs-column {
        margin-bottom: -100px !important;
    }

}

@media only screen and (max-width: 870px) {
    .counter_wrap .plus {
        top: 6px;
    }

    .error-section .error_text {
        font-size: 200px;
    }
}

@media only screen and (max-width: 1023px) {
    .page-header-content-wrapper {
        flex-direction: column;
        margin: 0;
        align-items: center;
    }

    .page-header-content {
        width: 100%;
    }

    .page-header-title {
        margin-bottom: 0;
    }

    .main-header .header-lower .logo-box {
        padding-bottom: var(--padding-zero);
    }

    .main-header .main-menu .navigation > li {
        margin-left: var(--margin-zero);
        margin-right: var(--margin-right-15);
    }

    h1 {
        font-size: 50px;
        line-height: 1.1em;
    }

    h3 {
        font-size: 26px;
    }

    .page-top-header .content-image {
        top: 32px;
    }

    .cta-section-three .inner-container::before,
    .main-header .header-top .top-right .location,
    .main-header .header-lower .search-box-btn {
        display: none;
    }

    .main-header .main-menu .navigation > li > a {
        font-size: var(--font-16);
    }

    .about-section .content-column {
        order: 1;
    }

    .about-section .images-column {
        order: 2;
    }

    .services-section .images-column .image {
        right: 15px;
    }

    .principle-tabs .tab-btns .tab-btn {
        letter-spacing: 0;
    }

    .principle-tabs .tab-btns .tab-btn {
        padding: 10px 16px;
    }

    .business-section .image-column {
        order: 3;
        text-align: center;
    }

    .business-section .right-column {
        order: 2;
    }

    .team-section .more-members {
        margin-top: var(--margin-top-50);
    }

    .form-section .form-column .inner-column {
        padding-right: var(--padding-zero);
    }

    .form-section .image-column .author-box-two {
        right: 15px;
        bottom: 15px;
    }

    .form-section .image-column .image {
        margin: 0;
    }

    .testimonials-section .thumbs-column {
        margin-bottom: var(--margin-bottom-100);
    }

    .main-footer .upper-box .title-column .inner-column {
        text-align: center;
    }

    .main-footer .upper-box .title-column {
        margin-bottom: var(--margin-bottom-30);
    }

    .main-footer .footer-bottom .copyright-column {
        order: 3;
    }

    .main-footer .footer-bottom .social-column {
        order: 2;
        text-align: right;
    }

    .main-footer .footer-bottom .copyright {
        font-size: var(--font-16);
    }

    .process-block .inner-box::before {
        display: none;
    }

    .about-section-two .content-column {
        order: 1;
    }

    .about-section-two .images-column {
        order: 2;
    }

    .about-section-two .images-column .video-box-three {
        left: 0;
    }

    .about-section-two .images-column .icon-two {
        right: 15px;
        top: 0;
    }

    .website-section .title-column .inner-column {
        padding-top: var(--padding-zero);
    }

    .support-section .social-column .inner-column {
        text-align: center;
    }

    .support-section .social-column h3 {
        display: inline-block;
    }

    .support-section .content-column .inner-column {
        padding: 40px 15px;
        text-align: center;
    }

    .support-section .content-column .play-box {
        position: relative;
        left: auto;
        top: auto;
        margin-bottom: var(--margin-bottom-25);
    }

    .reward-section .years-column .inner-column {
        text-align: center;
    }

    .year-block {
        margin: 0 10px 20px;
        display: inline-block;
    }

    .cta-section-two .title-column .inner-column {
        padding-left: var(--padding-zero);
        text-align: center;
    }

    .cta-section-two .title-column .icon {
        position: relative;
        top: 0;
        display: block;
        margin-bottom: var(--margin-bottom-25);
    }

    .cta-section-two .title-column {
        margin-bottom: var(--margin-bottom-30);
    }

    .cta-section-three .title-column .inner-column {
        text-align: center;
    }

    .cta-section-three .video-column .inner-column {
        text-align: center;
        padding: var(--padding-zero);
    }

    .cta-section-three .video-column .play-box {
        position: relative;
        right: 0;
        top: 0;
        margin-top: var(--margin-top-25);
    }

    .cta-section-three .inner-container {
        background-color: var(--dark-color);
    }

    .cta-section-three .video-column h3 span {
        color: var(--main-color);
    }

    .cta-section-three .inner-container {
        padding-left: var(--padding-left-20);
        padding-right: var(--padding-right-20);
    }

    .cta-section-three .video-column .play-box .play-button span {
        color: var(--main-color);
        background-color: var(--white-color);
    }

    .reward-section .years-column .inner-column {
        padding-right: var(--padding-zero);
    }

    .reward-section .color-layer {
        right: -950px;
    }

}

@media only screen and (max-width: 767px) {
    .page-header-title {
        font-size: 64px;
    }

    .main-header .nav-outer {
        width: 100%;
    }

    .main-header .nav-outer .mobile-nav-toggler {
        display: block;
        padding: 0;
    }

    .main-header #navbarSupportedContent {
        display: block;
    }

    .main-header .mCSB_inside > .mCSB_container {
        margin-right: 0;
    }

    .main-header .outer-box {
        position: relative;
        left: 0;
        margin-left: 0;
        padding: 0 0;
    }

    .main-header .sticky-header .mobile-nav-toggler {
        display: block;
        padding: 24px 0;
    }

    h1 {
        font-size: var(--font-40);
    }

    h2 {
        font-size: var(--font-34);
    }

    h4 {
        font-size: var(--font-22);
    }

    .main-menu,
    .sec-title h2 br,
    .header-top-two .top-left,
    .main-header .outer-box,
    .feature-block .inner-box::before,
    .main-slider-two .vector-layer-two,
    .main-header .header-upper .upper-right,
    .reward-section .content-column .revenue-box ul li .arrow,
    .main-header .header-top .top-left {
        display: none;
    }

    .main-header .outer-box {
        float: left;
        padding: 12px 0;
    }

    .page-top-header .text {
        font-size: var(--font-16);
    }

    .main-header .header-top .top-right {
        width: 100%;
        text-align: center;
    }

    .main-header .header-top .top-right .social-box {
        float: none;
        margin: var(--margin-zero);
    }

    .main-header .header-top .top-right .social-box li {
        float: none;
        display: inline-block;
    }

    .main-header .header-lower .nav-outer {
        margin-top: -100px;
    }

    .header-style-two .header-lower .nav-outer {
        margin-top: 0;
    }

    .header-top-two .top-right {
        width: 100%;
        text-align: center;
    }

    .language-dropdown,
    .currency-dropdown {
        float: none;
        display: inline-block;
    }

    .business-block .inner-box .content {
        text-align: center;
        padding-left: var(--padding-zero);
    }

    .business-block .inner-box .icon-box {
        position: relative;
        top: 0;
        margin-bottom: var(--margin-bottom-20);
    }

    .business-block .inner-box .text {
        max-width: 100%;
        margin-top: var(--margin-top-10);
    }

    .team-section .more-members {
        margin-left: var(--margin-left-20);
        margin-top: var(--margin-top-10);
    }

    .team-section .sec-title .pull-right {
        width: 100%;
    }

    .cta-section .pull-left,
    .cta-section .pull-right {
        width: 100%;
        text-align: center;
    }

    .cta-section h3 {
        margin-top: var(--margin-zero);
        margin-bottom: var(--margin-bottom-20);
    }

    .testimonial-block .inner-box .text {
        line-height: 1.7em;
        font-size: var(--font-18);
    }

    .page-title .bread-crumb li {
        font-size: var(--font-16);
    }

    .main-footer .footer-bottom .social-column .social-box,
    .main-footer .footer-bottom {
        text-align: center;
    }

    .feature-block .inner-box .number {
        right: 0;
    }

    .about-section-two .images-column .video-box-three {
        left: 140px;
    }

    .services-tabs .tabs-content {
        padding: var(--padding-zero);
    }

    .services-tabs .tab-btns {
        position: relative;
        width: 100%;
        margin-bottom: var(--margin-bottom-30);
    }

    .support-section .content-column .inner-column::before {
        transform: skewX(0deg);
    }

    .main-footer .footer-bottom-two .copyright {
        text-align: center;
        margin-bottom: var(--margin-bottom-20);
    }

    .main-footer .footer-bottom-two .footer-nav {
        text-align: center;
    }

    .website-section .blocks-column .business-block-two:nth-child(2n) {
        transform: translateY(0px);
    }

    .page-title {
        padding: 100px 0;
    }

    .about-tabs .tab-btns .tab-btn {
        letter-spacing: 0;
    }

    .service-block-two .inner-box {
        padding: 25px 20px;
    }

    .service-detail .inner-box .two-column .video-box-three {
        display: block;
        margin-bottom: var(--margin-bottom-30);
    }

    .blog-detail .inner-box blockquote {
        font-size: var(--font-30);
    }

    .video-box-three {
        width: 100%;
        margin-bottom: var(--margin-bottom-30);
    }

    .blog-detail .post-share-options .social-box {
        width: 100%;
        margin-top: var(--margin-top-15);
    }

    .sidebar-page-container .comments-area .reply-comment {
        margin-left: var(--margin-zero);
    }

    .sidebar-page-container {
        padding-bottom: var(--padding-bottom-40);
    }

    .testimonials-section .carousel-column .owl-nav {
        right: 0;
    }

}

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

    .quote-box .text br,
    .sec-title .text br,
    .main-slider h1 br {
        display: none;
    }

    h1 {
        font-size: var(--font-30);
    }

    .page-header-title {
        font-size: 48px;
        word-break: break-word;
        padding: 40px 0;
    }

    .news-block-three .inner-box h2,
    .support-section .content-column h2,
    .main-footer .upper-box .title-column h2,
    h2 {
        font-size: var(--font-28);
    }

    .project-block .inner-box h3 {
        font-size: var(--font-24);
    }

    .page-top-header .text {
        font-size: var(--font-14);
        line-height: 1.5em;
    }

    .sec-title h2 br,
    .reward-section .color-layer,
    .page-top-header .text br {
        display: none;
    }

    .main-slider-two .text {
        font-size: var(--font-16);
    }

    .main-slider-two .play-outer .play-box {
        margin-top: var(--margin-top-50);
    }

    .about-section .images-column .image {
        width: 100%;
    }

    .about-section .images-column img {
        width: 100%;
        display: block;
    }

    .about-section .images-column .image-two {
        display: block;
        margin: var(--margin-zero);
    }

    .about-section-two .images-column .image {
        display: block;
    }

    .about-section-two .images-column .image img {
        width: 100%;
        display: block;
    }

    .about-section-two .images-column .video-box-three {
        left: 0;
        display: block;
        margin-top: var(--margin-top-30);
    }

    .project-block .inner-box .image .overlay-box .content {
        padding: 20px 30px;
    }

    .project-block .inner-box .icon {
        right: 30px;
        top: 24px;
    }

    .reward-section .content-column .revenue-box {
        padding: 30px 30px;
    }

    .reward-section .content-column .revenue-box ul li .info {
        margin-left: var(--margin-left-30);
    }

    .project-block .inner-box .icon {
        top: 15px;
        transform: scale(0.8, 0.8);
    }

    .reward-section .content-column .revenue-box ul li {
        font-size: var(--font-18);
    }

    .reward-section .content-column .revenue-box ul li .total {
        font-size: var(--font-20);
    }

    .about-tabs .tab-btns .tab-btn {
        margin-bottom: var(--margin-bottom-15);
    }

    .news-block-three .inner-box h2 {
        margin-top: var(--margin-zero);
    }

    .contact-form-box {
        padding: 30px 25px;
    }

    .principle-section .info-column .info-list li a {
        display: block;
        margin-bottom: var(--margin-bottom-10);
    }

    .team-section .more-members .members li:last-child {
        display: block;
        margin-left: -15px;
        margin-top: var(--margin-top-40);
    }

    .main-footer .social-column .inner-column {
        margin-bottom: 20px;
    }

    .footer-widget.links-widget {
        margin-left: 0;
    }

}

@media only screen and (max-width: 479px) {
    h1 {
        font-size: var(--font-22);
    }

    .studio-section .title-column h2,
    h2 {
        line-height: 1.3em;
        font-size: var(--font-26);
    }

    h3 {
        font-size: var(--font-22);
    }

    h5 {
        font-size: var(--font-18);
    }

    .main-slider-two .title {
        font-size: var(--font-18);
    }

    .page-top-header .text {
        font-size: 13px;
        line-height: 1.5em;
    }

    .project-block .inner-box .icon,
    .about-section-two .images-column .image-two,
    .about-section-two .pattern-layer-two,
    .form-section .image-column .author-box-one,
    .form-section .image-column .color-layer,
    .main-slider-two .play-outer {
        display: none;
    }

    .form-section .image-column .inner-column,
    .principle-section .content-column .video-content,
    .quote-box .content {
        padding-left: var(--padding-zero);
    }

    .quote-box .author-image {
        position: relative;
        top: 0;
        margin-bottom: var(--margin-bottom-20);
    }

    .services-section .images-column .image {
        position: relative;
        right: 0;
        top: 0;
    }

    .principle-section .content-column .video-box-two {
        position: relative;
        width: 100%;
        margin-bottom: var(--margin-bottom-20);
    }

    .principle-section .info-column .opening strong {
        font-size: var(--font-22);
    }

    .website-section .title-column .about-list li,
    .team-section .more-members .members li a {
        font-size: var(--font-16);
    }

    .team-section .more-members .members li a::before {
        top: 0;
    }

    .news-block .inner-box .lower-content {
        padding: 20px 20px;
    }

    .news-block .inner-box .post-info li {
        font-size: var(--font-15);
    }

    .subscribe-form .form-group button {
        position: relative;
        width: 100%;
        margin-top: var(--margin-top-10);
    }

    .about-section-two .content-column .employe-box .box-inner {
        padding-left: var(--padding-zero);
    }

    .about-section-two .content-column .employe-box .globe-icon {
        position: relative;
        display: inline-block;
        margin-bottom: var(--margin-bottom-25);
    }

    .cta-section-two .inner-container,
    .support-section .social-column .inner-column {
        padding-left: var(--padding-left-15);
        padding-right: var(--padding-right-15);
    }

    .process-block .inner-box .text {
        padding: var(--padding-zero);
    }

    .reward-section .content-column .revenue-box {
        padding: 15px 15px;
    }

    .reward-section .content-column .revenue-box ul li {
        font-size: var(--font-16);
    }

    .reward-section .content-column .revenue-box ul li .info {
        margin-left: var(--margin-left-15);
    }

    .year-block {
        display: block;
        margin: 0 0 25px;
    }

    .year-block .block-inner {
        display: block;
    }

    .news-block-two .inner-box .post-info li {
        font-size: var(--font-14);
    }

    .subscribe-form-two .form-group button {
        position: relative;
        width: 100%;
        border-radius: 5px;
        margin-top: var(--margin-top-10);
    }

    .strategy-tabs .tab-btns .tab-btn {
        width: 100%;
        text-align: center;
        margin-bottom: var(--margin-bottom-15);
        margin-right: var(--margin-zero);
    }

    .project-widget .widget-content {
        padding: 20px 20px;
    }

    .news-block-three .inner-box .lower-content {
        padding: 20px 20px;
    }

    .sidebar-social-widget .social-box li {
        margin-right: var(--margin-zero);
    }

    .tags-widget a {
        padding: 10px 16px 8px;
        letter-spacing: 0;
    }

    .sidebar-page-container .comments-area .comment {
        padding-left: var(--padding-zero);
    }

    .sidebar .popular-posts .post .post-thumb {
        width: 100px;
    }

    .sidebar-page-container .comments-area .comment-box .author-thumb {
        position: relative;
    }

    .sidebar .popular-posts .post {
        padding-left: var(--padding-left-120);
    }

    .sidebar .popular-posts .post {
        padding-top: var(--padding-zero);
    }

    .reward-section .content-column .revenue-box ul li {
        padding-left: var(--padding-left-80);
    }

    .year-block .block-inner {
        max-width: 100%;
    }

    .principle-tabs .tab-btns .tab-btn {
        font-size: 11px;
    }

    .testimonials-section .carousel-column .owl-nav {
        position: relative;
        bottom: 0;
        margin-top: var(--margin-top-25);
    }

    .testimonials-section .thumbs-column .image-one {
        left: 0;
        top: -36px;
        width: 80px;
        height: 80px;
    }

    .testimonials-section .thumbs-column .image-four {
        top: -327px;
        left: 71%;
    }

    .testimonials-section .thumbs-column .image-six {
        left: 0;
        bottom: 0;
    }

    .testimonials-section .thumbs-column .image-five {
        right: 0;
    }

    .testimonials-section .thumbs-column .inner-column {
        margin-bottom: -100px;
    }

    .main-footer .subscribe-form {
        margin-bottom: 90px;
    }

    .footer-widget.links-widget {
        margin-left: 0;
    }

    .main-footer .social-column .social-box {
        text-align: center;
    }

    .main-footer .social-column .inner-column {
        margin-bottom: 20px;
    }

    .main-footer .pattern-layer-one {
        display: none;
    }

    .about_tab_list li {
        width: 100%;
    }

    .error-section .error_text {
        font-size: 100px;
    }
}

@media only screen and (max-width: 399px) {
    .page-header-title {
        font-size: 38px;
    }
}