@media only screen and (max-width: 1540px) {
    .header-style-two .outer-box .button-box {
        display:none
    }
}

@media only screen and (max-width: 1450px) {
    .case-one_pattern-layer-two {
        display:none
    }
}

@media only screen and (max-width: 1340px) {
    .page-wrapper {
        overflow:hidden
    }

    .fluid-one_column-inner {
        padding: 30px 30px
    }

    .fluid-one_content {
        left: 0;
        right: 0;
        padding: 0 15px
    }

    .about-one_counter-block {
        left: 0
    }
}

@media only screen and (max-width: 1200px) {
    .about-one_content-inner {
        padding-right:var(--padding-zero)
    }

    .step-block_one-content-inner {
        padding-left: var(--padding-zero);
        padding-right: var(--padding-right-80)
    }

    .step-block_one:nth-child(2) .step-block_one-content-inner {
        padding-right: var(--padding-right-20)
    }

    .step-block_one:nth-child(2) .step-block_one-text {
        max-width: 100%
    }

    .main-header .sticky-header .main-menu .navigation>li {
        margin-right: var(--margin-right-20)
    }

    .header-style-two .logo {
        margin-right: var(--margin-right-30)
    }
}

@media only screen and (max-width: 1140px) {
    .nav-toggle-btn,#open_offcanvas {
        margin-left:var(--margin-left-30)
    }

    .main-slider {
        padding-left: var(--padding-zero)
    }

    .news-block_one-content {
        padding: 35px 20px 30px
    }

    .header-style-one .nav-outer .main-menu {
        padding: 20px 40px
    }

    .about-one_color-layer {
        left: 0;
        right: 0
    }

    .fluid-one_column-inner .sec-title_heading {
        line-height: 40px;
        font-size: var(--font-30)
    }

    .fluid-one .owl-dots {
        right: 15px;
        bottom: 15px
    }

    .team-color-box,.header-social_box-two,.fluid-one_image:after,.header-style-two .outer-box .search-box {
        display: none
    }

    .header-style-two .outer-box .language {
        margin-right: 0
    }

    .team-one {
        padding: 110px 0 70px
    }

    .awards-one_inner-container {
        padding: 100px 30px 100px
    }

    .feature-block_one-inner {
        padding: 35px 20px 30px
    }

    .services-two .owl-dots,.case-one .owl-dots,.services-one .owl-dots {
        width: 100%;
        margin: 0 auto;
        text-align: center;
        background: 0
    }

    .services-two .owl-dots .owl-dot,.case-one .owl-dots .owl-dot,.services-one .owl-dots .owl-dot {
        width: 30px;
        opacity: 1;
        margin: 0 3px;
        background-color: var(--black-color)
    }

    .services-two .owl-dots .owl-dot.active,.services-two .owl-dots .owl-dot:hover,.case-one .owl-dots .owl-dot.active,.case-one .owl-dots .owl-dot:hover,.services-one .owl-dots .owl-dot.active,.services-one .owl-dots .owl-dot:hover {
        background-color: var(--main-color)
    }

    .testimonial-section .carousel-column .inner-column {
        margin-left: var(--margin-zero)
    }

    .company-two_image img {
        max-width: 100%
    }

    .about-three_image {
        margin-left: var(--margin-zero)
    }

    .about-three .sec-title_three-big_title {
        font-size: var(--font-90)
    }

    .step-block_one-number-inner {
        padding-right: var(--padding-zero)
    }

    .step-block_one:nth-child(2) .step-block_one-content-inner {
        padding-left: var(--padding-zero)
    }

    .step-block_one:nth-child(2) .step-block_one-number-inner {
        padding-right: var(--padding-right-60)
    }

    .testimonial-section-two .side-image,.header-style-three .header-upper .outer-box .button-box,.step-block_one-content-inner::before {
        display: none
    }

    .about-three_image-inner {
        padding-left: var(--padding-zero)
    }

    .service-block_four-list {
        margin-left: var(--margin-zero)
    }

    .testimonial-section-two .inner-container {
        padding-left: var(--padding-left-100)
    }

    .case-two .owl-nav {
        margin-left: var(--margin-zero);
        margin-right: var(--margin-zero)
    }

    .case-two .owl-dots {
        width: auto;
        background: 0;
        text-align: center;
        margin-left: var(--margin-zero)
    }

    .case-two .owl-dots .owl-dot {
        width: 30px;
        opacity: 1;
        margin: 0 5px;
        display: inline-block;
        background-color: var(--white-color)
    }

    .case-two .owl-dots .owl-dot.active,.case-two .owl-dots .owl-dot:hover {
        opacity: .50
    }

    .contact-one_form-inner {
        padding-right: var(--padding-zero)
    }

    .contact-one_info-inner {
        padding: var(--padding-zero)
    }

    .service-block_five-inner {
        padding: 25px 25px
    }

    .company-three_heading {
        line-height: 50px;
        font-size: var(--font-40)
    }

    .step-two_block-text {
        padding: var(--padding-zero)
    }

    .testimonial-two_carousel-inner {
        padding-left: var(--padding-zero)
    }

    .blog-single .inner-box .lower-content {
        padding: 30px 0 0
    }

    .contact-one .info-column .inner-column {
        margin-top: var(--margin-zero)
    }

    .projects-detail .info-column .inner-column {
        padding: 25px 25px
    }
}

@media only screen and (min-width: 768px) {
    .main-menu .navigation>li>ul,.main-menu .navigation>li>ul>li>ul {
        display:block!important;
        visibility: hidden;
        opacity: 0
    }
}

@media only screen and (max-width: 991px) {
    .header-style-three .logo {
        padding:15px 0
    }
}

@media only screen and (max-width: 1023px) {
    .main-header .main-box .logo-box {
        position:relative;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        margin: 0;
        text-align: left
    }

    .main-menu .navigation>li>a {
        font-size: 14px
    }

    .main-header .main-menu .navigation>li {
        margin-right: var(--margin-right-25)
    }

    .main-header .header-upper .logo-box {
        margin: 0;
        padding: 0
    }

    .main-header .sticky-header .logo {
        padding: 10px 0 10px
    }

    .main-header {
        position: relative
    }

    .main-menu .navigation>li>a {
        text-transform: capitalize
    }

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

    .mCSB_inside>.mCSB_container {
        margin-right: var(--margin-zero)
    }

    .main-header .main-menu {
        display: none
    }

    .main-header .sticky-header .mobile-nav-toggler {
        display: block;
        margin-left: var(--margin-left-25)
    }

    .main-header .mobile-nav-toggler {
        display: block;
        font-size: var(--font-26)
    }

    #navbarSupportedContent {
        display: block
    }

    .slider-three_icon-two,.nav-toggle-btn {
        display: none
    }

    .main-header .outer-box {
        right: 0
    }

    .main-header.header-style-three .header-lower .mobile-nav-toggler {
        filter: invert(100%)
    }

    .header-top,.main-header .logo:after {
        display: none
    }

    .main-slider .slide {
        padding: 110px 0 120px
    }

    .header-style-one {
        min-height: 91px
    }

    .service-one {
        padding: 70px 0 20px
    }

    .service-block_one {
        margin-bottom: var(--margin-bottom-60)
    }

    .service-block_one-inner {
        margin-top: var(--margin-zero)
    }

    .fluid-one_carousel-column {
        width: 100%
    }

    .fluid-one_content-column {
        width: 100%
    }

    .fluid-one .outer-container {
        display: block!important
    }

    .fluid-one_column-inner {
        padding: 90px 15px 60px;
        max-width: 100%
    }

    .cta-one .right-box {
        margin-top: var(--margin-top-30)
    }

    .header-style-two .header-lower .outer-box {
        width: 100%;
        display: block!important;
        padding-right: var(--padding-zero)
    }

    .blog-single .post-share-options {
        padding: var(--padding-zero)
    }

    .blog-single .inner-box blockquote br,.main-header.header-style-two .header-lower .language {
        display: none
    }

    .main-header.header-style-two .mobile-nav-toggler {
        position: relative;
        color: var(--black-color);
        margin-left: var(--margin-left-25)
    }

    .header-style-two .search-box-btn {
        padding: 20px 20px;
        display: inline-block
    }

    .header-style-two .header-upper {
        padding: var(--padding-zero)
    }

    .main-header .info-box {
        margin-left: var(--margin-zero);
        margin-right: var(--margin-right-30)
    }

    .header-style-two .upper-right {
        padding: 15px 0 25px
    }

    .featured-one .feature-block_one {
        width: 33%;
        text-align: center
    }

    .clients-one {
        padding-top: var(--padding-top-50);
        margin-top: var(--margin-zero)
    }

    .featured-one {
        padding-bottom: var(--padding-bottom-80)
    }

    .about-two_image-column {
        order: 2
    }

    .about-two_content {
        order: 1
    }

    .about-two_image {
        margin-top: var(--margin-top-40)
    }

    .choose-tabs .tab-btns .tab-btn {
        margin: 0 15px
    }

    .choose-one_content-inner {
        padding: var(--padding-zero)
    }

    .choose-one_content-column {
        order: 1;
        margin-bottom: var(--margin-bottom-35)
    }

    .choose-one_image-column {
        order: 2
    }

    .header-style-three .header-upper .outer-box .nav-btn {
        margin-right: var(--margin-right-25)
    }

    .about-three_image-column {
        order: 1
    }

    .about-three_content-column {
        order: 2
    }

    .counter-three_block {
        margin-bottom: var(--margin-bottom-30)
    }

    .counter-three_block:last-child {
        margin-bottom: var(--margin-zero)
    }

    .step-block_one:nth-child(2) .step-block_one-number-inner {
        padding-right: var(--padding-zero)
    }

    .step-block_one:nth-child(2) .step-block_one-number-column {
        order: 2
    }

    .step-block_one:nth-child(2) .step-block_one-content {
        order: 1
    }

    .testimonial-section-two .inner-container {
        padding-left: var(--padding-zero)
    }

    .testimonial-section-two .carousel-outer {
        max-width: 100%
    }

    .slider-three_title {
        line-height: 60px;
        font-size: var(--font-50)
    }

    .company-three_inner {
        padding-top: var(--padding-zero)
    }

    .company-three_image-column {
        order: 2
    }

    .company-three_content-column {
        order: 1;
        margin-bottom: var(--margin-bottom-30)
    }

    .cta-two_button-box {
        position: relative;
        margin-top: var(--margin-top-25)
    }

    .step-block_two:nth-child(2) .step-block_two-inner::before,.steps-two_pattern {
        display: none
    }

    .testimonial-two_image-inner {
        padding-top: var(--padding-zero)
    }

    .testimonial-two_carousel-column {
        order: 1
    }

    .testimonial-two_image-column {
        order: 2
    }

    .page-title {
        padding: 120px 0
    }

    .testimonial-three_carousel-column {
        margin-bottom: var(--margin-bottom-40)
    }

    .projects-detail .info-column .inner-column {
        width: 100%;
        margin-top: var(--margin-top-40)
    }

    .sidebar-page-container .sidebar-side.left-sidebar {
        order: 2
    }

    .sidebar-page-container .content-side.right-sidebar {
        order: 1
    }

    .header-style-two.fixed-header .logo {
        width: 180px;
        padding: 22px 0;
        padding-right: var(--padding-right-50)
    }

    .header-style-two .outer-box {
        top: 45px;
        right: 15px
    }
}

@media only screen and (max-width: 767px) {
    .header-upper .logo-outer {
        position:relative;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        width: 100%;
        margin: 0
    }

    .main-header .sticky-header .outer-box {
        display: block;
        right: 15px;
        left: auto;
        top: 0
    }

    .nav-outer .mobile-nav-toggler {
        display: block;
        margin: 0;
        padding: 8px 0;
        margin-left: 20px
    }

    .sec-title .text br {
        display: none
    }

    .main-slider_title {
        line-height: 60px;
        font-size: var(--font-50)
    }

    .counter-one_inner-container {
        padding: 35px 40px 10px
    }

    h2 {
        line-height: 46px;
        font-size: var(--font-36)
    }

    .fluid-one_image::before {
        top: 0
    }

    .testimonial-block_one-text {
        line-height: 34px;
        font-size: var(--font-20)
    }

    .company-three_icon-two {
        display: none
    }

    .slider-two_heading {
        line-height: 60px;
        font-size: var(--font-50)
    }

    .featured-one .feature-block_one {
        width: 50%
    }

    .case-block_lower-content {
        padding: 25px 25px 25px
    }

    .banner-one_icons,.counter-two_pattern-one,.counter-two_pattern-three,.case-one_inner-container::before {
        display: none
    }

    .case-one_pattern-layer {
        transform: scale(0.7,0.7)
    }

    .counter-two_inner-container {
        padding: 65px 30px 65px
    }

    .price-block .inner-box .recomend {
        position: relative;
        top: 0
    }

    .pricing-tabs .tab-btns {
        margin-bottom: var(--margin-bottom-20)
    }

    .sec-title_two-heading {
        line-height: 44px;
        font-size: var(--font-34)
    }

    .header-style-three .header-upper .outer-box .nav-btn {
        margin-right: var(--margin-right-5)
    }

    .sec-title_three-big_title {
        font-size: var(--font-100)
    }

    .company-one_block {
        margin-bottom: var(--margin-bottom-90)
    }

    .company-one_lower-text {
        margin-top: var(--margin-zero)
    }

    .counter-three_inner-container {
        padding: 40px 35px
    }

    .contact-one_pattern,.step-block_two-inner::before,.step-block_one-arrow,.counter-three_pattern-two {
        display: none
    }

    .step-block_one-content-inner {
        padding-right: var(--padding-zero)
    }

    .steps-one {
        padding-bottom: var(--padding-bottom-50)
    }

    .service-block_four-inner {
        padding: 30px 20px 30px
    }

    .cta-two_inner-container {
        border-radius: 0
    }

    .prev-post-thumb {
        padding: var(--padding-zero)
    }

    .new-posts .left-box {
        width: 100%;
        text-align: center;
        margin-bottom: var(--margin-bottom-25)
    }

    .next-post-thumb .thumb-image,.prev-post-thumb .thumb-image {
        position: relative;
        display: block;
        margin: 0 auto;
        margin-bottom: var(--margin-bottom-15)
    }

    .new-posts .right-box {
        width: 100%;
        text-align: center
    }

    .next-post-thumb {
        text-align: center;
        padding: var(--padding-zero)
    }

    .sidebar-page-container .comments-area .comment .comment-reply {
        right: 0
    }

    .comment-form form {
        padding: 20px 20px 15px
    }

    .feature-three {
        margin-bottom: var(--margin-bottom-30)
    }

    .service-detail h4 {
        margin-top: var(--margin-top-30)
    }

    .header-style-two .logo {
        padding: 15px 0;
        width: 160px;
        padding-right: var(--padding-right-30)
    }

    .header-top_two .info-list {
        display: none
    }

    .header-top_two {
        padding: 15px 0
    }

    .header-style-two .outer-box {
        top: 20px
    }
}

@media only screen and (max-width: 599px) {
    .sec-title_three-heading,h2 {
        line-height:40px;
        font-size: var(--font-30)
    }

    .contact-widget .help {
        border: 0;
        padding: var(--padding-zero)
    }

    .service-detail h3 {
        font-size: var(--font-24)
    }

    .counter-one_inner-container {
        background-position: center
    }

    .counter-one_inner {
        text-align: center;
        padding-left: var(--padding-zero)
    }

    .counter-one_text {
        margin-left: var(--margin-zero)
    }

    .counter-one_icon {
        position: relative;
        display: block;
        width: 100%;
        margin-bottom: var(--margin-bottom-25)
    }

    .projects-one_filters li {
        margin: 0 10px 15px;
        font-size: var(--font-16)
    }

    .slider-two_heading {
        line-height: 50px;
        font-size: var(--font-40)
    }

    .compant-two_list li,.sec-title_three-text,.slider-two_text {
        font-size: var(--font-16)
    }

    .about-two_block {
        margin-bottom: var(--margin-bottom-25)
    }

    .about-two_block:last-child {
        margin-bottom: var(--margin-zero)
    }

    .case-two_pattern-two,.services-two .owl-dots,.counter-three_text br,.sec-title_three-big_title,.case-one .owl-dots,.services-one .owl-dots,.service-block_three-overlay {
        display: none
    }

    .service-block_three-inner:hover .service-block_three-icon {
        opacity: 1
    }

    .case-one .owl-nav,.services-one .owl-nav {
        margin-top: var(--margin-zero)
    }

    .testimonial-section .carousel-column .inner-column {
        padding: 30px 30px
    }

    .banner-one_heading {
        line-height: 50px;
        font-size: var(--font-40)
    }

    .testimonial-section-two .carousel-outer {
        padding: 30px 30px
    }

    .slider-three_title {
        line-height: 50px;
        font-size: var(--font-40)
    }

    .slider-three_text {
        line-height: 30px
    }

    .company-three_reviews {
        margin-top: var(--margin-top-20);
        margin-left: var(--margin-left-20)
    }

    .cta-two_title {
        line-height: 36px;
        margin-top: var(--margin-top-25)
    }

    .testimonial-block_two-text {
        padding: var(--padding-zero)
    }

    .page-title {
        padding: 80px 0
    }
}

@media only screen and (max-width: 479px) {
    .main-slider_title {
        line-height:40px;
        font-size: var(--font-30)
    }

    .sec-title_text br,.sec-title_heading br,.main-slider_text br {
        display: none
    }

    .about-tabs .tab-btns .tab-btn {
        font-size: var(--font-15);
        margin-right: var(--margin-zero)
    }

    .about-one_detail {
        display: block;
        padding: 18px 15px;
        text-align: center
    }

    .about-one_detail .play-icon {
        position: relative;
        display: block;
        margin: 0 auto;
        right: 0;
        margin-top: var(--margin-top-15)
    }

    .about-one_image-text {
        line-height: 30px;
        font-size: var(--font-20)
    }

    .about-one_bold-text {
        bottom: 10px;
        font-size: var(--font-30)
    }

    .fluid-one_content .sec-title {
        margin-bottom: var(--margin-bottom-10)
    }

    .fluid-one_content .sec-title_text {
        display: none
    }

    .fluid-one_column-inner .sec-title_heading {
        line-height: 36px;
        font-size: var(--font-26)
    }

    .sec-title_text {
        font-size: var(--font-16)
    }

    .testimonial-block_one-inner {
        padding-left: var(--padding-zero)
    }

    .testimonial-block_one-quote {
        position: relative;
        line-height: 1em;
        margin-bottom: var(--margin-bottom-20)
    }

    .news-block_one-content {
        margin-left: var(--margin-left-5);
        margin-right: var(--margin-right-5)
    }

    .cta-one_heading {
        line-height: 36px;
        font-size: var(--font-26)
    }

    .awards-one_inner-container {
        padding: 60px 20px 40px
    }

    .sec-title_title {
        padding: var(--padding-zero)!important
    }

    .sec-title_title:before,.sec-title_title:after {
        display: none
    }

    .header-top_two .text {
        margin-bottom: var(--margin-bottom-10)
    }

    .slider-two_title {
        font-size: var(--font-16)
    }

    .slider-two_heading {
        line-height: 36px;
        font-size: var(--font-26)
    }

    .featured-one .feature-block_one {
        width: 100%
    }

    .client-one_title {
        padding: var(--padding-zero)
    }

    .sec-title_three-heading br,.testimonial-section .carousel-column .authors-outer,.about-two_pattern-two,.client-one_title:before {
        display: none
    }

    .sec-title_two-heading {
        line-height: 38px;
        font-size: var(--font-28)
    }

    .about-phone_box {
        margin-top: var(--margin-top-25);
        margin-left: var(--margin-zero)
    }

    .about-two_play {
        right: 20px;
        bottom: 20px
    }

    .choose-one_image-inner {
        padding: var(--padding-zero)
    }

    .counter-two_inner-container {
        padding: 35px 15px 35px
    }

    .testimonial-block .author-box .box-inner {
        padding-top: var(--padding-zero)
    }

    .testimonial-section .carousel-column .inner-column {
        padding: 20px 20px
    }

    .testimonial-block .text {
        line-height: 28px;
        font-size: var(--font-16)
    }

    .news-two .owl-nav {
        position: relative;
        right: 0;
        top: 0
    }

    .banner-one_heading {
        line-height: 40px;
        font-size: var(--font-30)
    }

    .company-one_block_overlay {
        padding: 35px 25px
    }

    .testimonial-block .author-box h5 {
        font-size: var(--font-20)
    }

    .clients-two_inner-container {
        padding: 50px 20px 40px
    }

    .slider-three_title,.company-three_heading {
        line-height: 40px;
        font-size: var(--font-30)
    }

    .about-one_award {
        position: relative;
        left: 0;
        bottom: 0;
        right: 0
    }

    .blog-single .inner-box blockquote {
        padding: 25px 25px
    }

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

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

    .sidebar-page-container .comments-area .comment .comment-reply {
        position: relative;
        display: inline-block;
        margin-top: var(--margin-top-15)
    }

    .contact-one .form-column .inner-column {
        padding: 30px 25px
    }

    .testimonial-block_four .author-outer {
        position: relative;
        top: 0;
        display: inline-block;
        margin-bottom: var(--margin-bottom-25)
    }

    .testimonial-block_four-inner {
        padding-left: var(--padding-zero)
    }

    .header-style-three .sticky-header .outer-box .button-box,.header-style-two .outer-box .language {
        display: none
    }
}