@media screen and (max-width: 1600px) {
    .main-skill img {
        width:856px;
        height: 856px
    }

    .address-banner {
        height: 390px
    }
}

@media screen and (max-width: 1450px) {
    .bannerContent h2 {
        font-size:44px
    }

    .bannerContent p {
        margin-bottom: 0;
        padding: 20px 0;
        position: relative;
        font-size: 15px
    }

    .main-skill img {
        width: 795px;
        height: 795px
    }

    .banner {
        padding: 60px 0 50px
    }

    .banner .bannerImg>*,.video-overlay {
        height: 100%
    }

    .banner .bannerImg {
        background: #121212;
        height: auto
    }

    .indexBanner.banner .bannerContent {
        height: auto;
    }

    .banner_content {
        padding-top: 0;
        margin-top: 11%
    }

    .banner .bannerContent {
        padding: 58px 0px 10px;
    }

    .about-content-text ul {
        padding: 25px 0;
        margin-bottom: 0
    }

    .about-content-text h3 {
        padding-bottom: 20px
    }

    .content-text p {
        padding: 15px 20px 15px 0
    }
}

@media screen and (max-width: 1366px) {
    section.cta.services-cta {
        overflow:hidden!important
    }

    .cta::before {
        left: -230px!important
    }

    .cta::after {
        right: -230px!important
    }

    .bannerContent h2 {
        font-size: 38px!important;
        line-height: 38px!important;
        text-align: left
    }

    .bannerContent p::before {
        top: 25px
    }

    .main-skill img {
        width: 745px;
        height: 745px
    }

    .banner .bannerImg>*,.video-overlay {
        height: 100%
    }

    .banner .bannerImg {
        background: #121212;
        height: auto
    }

    .indexBanner.banner .bannerContent {
        height: auto
    }

    .banner_content {
        padding-top: 0
    }

    .bannerContent p {
        padding: 20px 0;
        position: relative;
        font-size: 18px
    }

    .banner .bannerContent {
        padding: 0
    }

    .address-banner {
        width: 42%
    }

    .menu-right {
        padding-left: 5px
    }

    .btn-default {
        min-width: 160px
    }
}

@media screen and (max-width: 1280px) {
    .bannerContent p {
        font-size:16px
    }

    .main-skill img {
        width: 705px;
        height: 705px
    }

    .contact-address p {
        font-size: 21px
    }
}

@media screen and (max-width: 1199px) {
    .bannerContent h2 {
        font-size:50px
    }

    .bannerContent p {
        font-size: 17px
    }

    .main-client-logo .owl-theme .owl-nav {
        display: none
    }

    .industry-point ul,.terms-text ul {
        padding-left: 0
    }

    .industry-text p {
        font-size: 15px;
        padding-right: 75px;
        padding-top: 16px;
        line-height: 26px
    }

    .Comprehensive-service-box p,.industry-counter-text h3 {
        font-size: 13px
    }

    .footer-links ul li {
        display: flex
    }

    .about-content-text h3,.feature-box-text h3 {
        font-size: 48px
    }

    .writing-service-text p {
        font-size: 13px;
        height: 90px
    }

    .testimonail-box-text h3,.writing-service-text h3 {
        font-size: 20px
    }

    .skill-text {
        padding-left: 15px
    }

    .contact-rolling h3,.ghost-writing-text h3 {
        font-size: 40px
    }

    .ghost-writing-text h2 {
        font-size: 18px;
        margin-bottom: 8px;
        padding-left: 0
    }

    .ghost-writing-text p {
        font-size: 15px;
        margin-bottom: 10px
    }

    .Comprehensive-service-text p {
        font-size: 15px
    }

    .service-cta-text p {
        font-size: 23px
    }

    .feature-box-text p {
        font-size: 14px
    }

    .video-tab-content h3 {
        font-size: 24px
    }

    .testimonail-box-text h4 {
        font-size: 18px
    }

    .contact-address::before {
        top: 117px;
        right: 145px
    }

    .btn-default {
        min-width: 140px
    }

    ul.navbar li a {
        padding: 3px 10px
    }

    .content-text p {
        padding: 10px 10px 10px 0;
        font-size: 13px
    }

    .content-left-margin-40 {
        margin-left: 10px
    }
}

@media screen and (max-width: 1040px) {
    .cta::after,.cta::before {
        display:none!important
    }

    .about-content-text button {
        display: block;
        margin-bottom: 15px;
        margin-right: 0
    }

    .flex-min-height-inner {
        min-height: 0;
        height: unset
    }

    .portfolio-content .about-content-inner {
        padding: 103px 0 34px
    }

    .btn-default {
        min-width: 120px;
        font-size: 12px
    }

    ul.navbar li a {
        padding: 3px 10px;
        font-size: 12px
    }

    .n-btn {
        margin-right: 5px
    }

    .resource-content-box {
        margin: 2rem 0 0!important
    }
}

@media screen and (max-width: 991px) {
    .feature-box-text,.main-copyright {
        text-align:center
    }

    .mcs {
        display: block
    }

    .Comprehensive-service-text p br,.contact-address::before,.contact-rolling h3 br,.ghost-writing-img,.main-contact img,.main-skill img,ul.navbar {
        display: none
    }

    .bannerContent h2 {
        font-size: 45px
    }

    .industry-text h3 {
        font-size: 40px
    }

    .industry-point ul li i {
        padding-top: 6px
    }

    .industry-point ul li {
        display: flex
    }

    .industry-text p {
        padding-right: 15px
    }

    .industry-counter {
        padding-top: 50px
    }

    .main-industry::before {
        left: 50%;
        width: 655px;
        background-size: contain;
        background-position: bottom;
        top: 0
    }

    .industry-counter-text {
        padding-bottom: 10px
    }

    .main-industry {
        padding: 80px 0
    }

    .main-portfolio::after,.main-portfolio::before {
        width: 174px;
        background-size: contain;
        background-position: bottom
    }

    .main-portfolio,.main-testi {
        padding: 90px 0
    }

    .main-testi .owl-theme .owl-nav.disabled+.owl-dots {
        margin-top: 45px;
        text-align: center;
        padding-left: 0
    }

    .review-box h6 {
        padding-top: 15px;
        padding-bottom: 15px
    }

    .main-cta {
        padding: 60px 0
    }

    .footer-about,.skill-text {
        padding-left: 0
    }

    .footer-about h3 {
        padding-top: 0
    }

    .terms-text {
        float: none
    }

    .about-content-text h2 {
        font-size: 28px
    }

    .about-content-text h3 {
        font-size: 34px
    }

    .about-content-text ul li {
        padding-right: 4px
    }

    .inner-main-service::after,.inner-main-service::before,.service-icon-top::after,.service-icon-top::before {
        width: 280px;
        background-size: contain;
        background-position: bottom
    }

    .ghost-writing-text p {
        font-size: 15px;
        margin-bottom: 15px
    }

    .ghost-writing-text h2 {
        margin-bottom: 15px
    }

    .Comprehensive-service-text h3 {
        font-size: 35px
    }

    .Comprehensive-service-box h3,.service-cta-text p {
        font-size: 20px
    }

    .arrow-btn-box-5 {
        margin-top: 0
    }

    .feature-service {
        padding: 70px 0
    }

    .feature-box-text {
        padding-top: 35px
    }

    .inner-testi-box-text img {
        width: 20%
    }

    .inner-main-testi-video {
        top: 0;
        padding: 20px 0
    }

    .inner-testi-box-text h3 {
        font-size: 24px;
        padding-top: 7px
    }

    .inner-testi-box-text p {
        font-size: 15px;
        padding-top: 5px
    }

    .inner-testi-box-text {
        padding: 0 30px
    }

    .about-box-text {
        padding: 7px 0
    }

    .about-box-text p {
        font-size: 13px;
        line-height: 22px
    }

    .about-we-are h3 {
        font-size: 38px
    }

    .about-we-are {
        padding-bottom: 20px;
        padding-top: 10px
    }

    .main-contact {
        height: auto;
        padding: 50px 0
    }

    .contact-address {
        padding-bottom: 30px
    }

    .contact-rolling {
        background-color: #1f1f1f;
        text-align: left
    }

    .contact-address p {
        padding: 0 0 20px;
        margin-right: 0;
        margin-bottom: 20px
    }

    .bannerContent p {
        font-size: 13px;
        line-height: 23px
    }

    .banner_content {
        padding: 0
    }
}

@media screen and (max-width: 795px) {
    .menu-right .btn.btn-default.hvr-grow-shadow {
        display:none
    }

    .brand-logo img {
        width: 100%
    }

    .brand-logo {
        width: 20%
    }

    .navicon {
        padding-left: 20px
    }

    .menu-right {
        padding-left: 0
    }

    .bannerContent p {
        padding: 40px 0
    }

    .content-text p {
        font-size: 14px;
        line-height: 20px;
        padding: 15px 0
    }

    .cta-form .btn-default {
        min-width: 8.7rem
    }

    .footer-links ul {
        padding-left: 0;
        margin-bottom: 0
    }

    .arrow-btn-box-5 {
        padding-top: 11px;
        min-width: 12.7rem;
        font-size: 12px;
        margin-top: 4px
    }

    .leader-heading h3 {
        font-size: 25px
    }

    .bannerContent h2 {
        font-size: 38px;
        line-height: 41px
    }

    .bannerContent p {
        font-size: 14px;
        padding-bottom: 15px
    }

    .bannerContent p::before {
        top: 20px
    }

    .banner_content {
        padding: 0
    }

    section.mcta .btn-wrap a.btn.btn-default {
        margin-bottom: 13px
    }
}

@media screen and (max-width: 767px) {
    .slide-video-icon,.tab-content {
        display:block;
        text-align: center
    }

    .detailHeader.active,.industry-point,.industry-text,.service-cta,.slide-video-icon,.tab-content {
        text-align: center
    }

    .nav-m {
        padding-top: 45%
    }

    .detailHeader .innerMenu li a {
        color: #eee;
        line-height: 1.5;
        font-size: 1rem;
        font-weight: 700;
        text-decoration: none
    }

    .overlay-scroll-btn {
        padding: 15px 0 0 47%
    }

    .slide-video-icon {
        margin-top: 30px
    }

    .bannerContent p {
        font-size: 14px;
        padding: 16px 0
    }

    .about-we-are h3 br,.bannerContent p:before,.reverse .about-content-bg-box,.testimonail-box-text::before {
        display: none
    }

    .industry-text p {
        padding-right: 0
    }

    .industry-point ul li {
        display: inline-grid
    }

    .content-left-margin-40 {
        margin-left: 0;
        margin-bottom: 25px
    }

    .bottom-padding-90 {
        padding-bottom: 50px
    }

    .content-right-margin-40 {
        margin-right: 0;
        margin-bottom: 25px
    }

    .portfolio-text .nav-tabs .nav-link {
        padding: 9px 25px;
        margin-left: 10px
    }

    .cta-form-control {
        margin-bottom: 20px
    }

    .cta-form .btn-default {
        min-width: 14.7rem
    }

    .main-cta {
        padding: 40px 0
    }

    .about-content-text h2 {
        font-size: 30px!important
    }

    .about-content-text h3,.service-heading h3 {
        font-size: 40px
    }

    .service-cta-text p {
        font-size: 15px
    }

    .Comprehensive-service-text h3 {
        font-size: 25px
    }

    .Comprehensive-service-text p {
        font-size: 13px
    }

    .Comprehensive-service-box {
        border-right: none;
        padding-right: 0
    }

    .Comprehensive-service-box img {
        width: auto!important;
        display: inline-block!important
    }

    .Comprehensive-service-box p {
        font-size: 14px
    }

    .service-cta {
        padding: 40px 0
    }

    .inner-testi-video-box {
        margin-bottom: 18px
    }

    .about-box {
        border: none;
        padding: 4px 0;
        text-align: left
    }

    .about-box-text p {
        line-height: 24px
    }

    .contact-rolling h3 {
        font-size: 30px
    }

    .contact-address p {
        font-size: 16px
    }

    .contact-form h3 {
        font-size: 43px
    }

    .leader-heading h2 {
        font-size: 21px
    }

    .leader-heading h3 {
        font-size: 18px
    }

    .leader-box h3 {
        font-size: 24px
    }

    .bannerContent h2 {
        font-size: 48px;
        line-height: 55px
    }

    .bannerContent h2 span,.play-icon {
        display: inline-block
    }
}

@media screen and (max-width: 650px) {
    .bannerContent h2 {
        font-size:35px;
        line-height: 48px
    }

    .bannerContent p {
        font-size: 14px
    }

    .feature-box-text h3 {
        font-size: 38px
    }

    .main-testimonails-box {
        padding-top: 0
    }

    .entry-box {
        width: 520px
    }

    .inner-service-text {
        height: auto
    }

    .inner-service-text h3 {
        font-size: 24px
    }
}

@media screen and (max-width: 567px) {
    .bannerContent h2 {
        font-size:41px
    }

    .cta-form .btn-default {
        min-width: 100%
    }

    .footer-about {
        padding-top: 15px
    }

    .footer-about p {
        font-size: 16px
    }

    .main-footer::after,.main-footer::before {
        width: 170px;
        background-size: contain;
        background-position: bottom
    }

    .detailHeader::after,.detailHeader::before,.service-icon-top::after,.service-icon-top::before {
        display: none
    }

    .inner-main-service .row {
        margin-left: 0;
        margin-right: 0
    }

    .inner-main-service::after,.inner-main-service::before {
        width: 180px;
        background-size: contain;
        background-position: bottom
    }

    .video-box {
        margin-bottom: 15px
    }

    .testimonail-box-text {
        height: auto
    }

    .main-about-leader {
        padding: 35px 0;
        text-align: center
    }

    .leader-heading {
        padding-top: 0;
        padding-bottom: 15px
    }

    .leader-heading h3 {
        font-size: 26px
    }

    .entry-box {
        width: 490px
    }

    .main-industry::before {
        width: 475px
    }

    .main-footer::before {
        width: 440px;
        top: 20%
    }
}

@media screen and (max-width: 480px) {
    .dnform form .fldst.btnattach button {
        position:absolute;
        bottom: 0;
        border: 0;
        display: inline-block;
        right: 42px;
        background-image: linear-gradient(to right,#fb9f3d,#893a1a);
        width: 60px;
        height: 60px;
        border-radius: 50%
    }

    .tab-content .btn-default {
        min-width: 7.3rem
    }

    .dnform {
        padding: 0
    }

    section.main-service .nav-tabs {
        border-bottom: none;
        display: grid;
        margin: auto;
        padding-bottom: 30px
    }

    .dnform form {
        padding: 0;
        margin-top: 61px
    }

    .clients-animate-ger img,.main-footer::after,.main-footer::before {
        display: none
    }

    .brand-logo {
        width: 55%
    }

    .menuInfo ul li a {
        font-size: 12px
    }

    .bannerContent p,.contact-address a {
        font-size: 15px
    }

    .portfolio-text .nav-tabs .nav-link {
        padding: 9px 30px;
        margin-left: 25px;
        margin-bottom: 18px
    }

    .main-industry::before {
        width: 475px
    }

    .service-heading h3 {
        font-size: 35px
    }

    .inner-service-text {
        height: auto
    }

    .inner-service-text::before {
        bottom: 0;
        left: 20px
    }

    .inner-service-text h3 {
        font-size: 24px
    }

    .inner-service-text a,.inner-service-text button {
        min-width: 9.7rem
    }

    .Comprehensive-service-text h3 {
        font-size: 20px
    }

    .feature-box-text h3 {
        font-size: 32px
    }

    .contact-rolling h3 {
        font-size: 27px
    }

    .contact-form h3 {
        font-size: 33px
    }

    .contact-address p {
        font-size: 14px
    }

    .entry-box {
        width: 370px
    }

    .entry-box .text-1 h1 {
        font-size: 22px;
        margin-bottom: 7px
    }

    .entry-box .text-1 p {
        font-size: 16px;
        line-height: 21px
    }

    .entry-box button {
        font-size: 16px
    }

    .banner {
        padding: 25% 0
    }

    .btn-default {
        min-width: 9.7rem!important
    }
}

@media screen and (max-width: 414px) {
    .bannerContent p br,.doubleMenu,.main-industry::before {
        display:none
    }

    .bannerContent h2 {
        font-size: 38px
    }

    .industry-text h3 {
        font-size: 22px;
        text-transform: capitalize
    }

    .industry-text h2 {
        font-size: 30px;
        text-transform: capitalize;
        font-weight: 500!important
    }

    .portfolio-content-bg {
        height: 70vh
    }

    .about-content-text ul {
        padding: 25px 0 15px
    }

    .about-content-text h3 {
        font-size: 36px;
        padding-bottom: 25px
    }

    .service-heading h3 {
        font-size: 30px
    }

    .writing-service-text p {
        font-size: 14px;
        height: auto
    }

    .writing-service-text h3 {
        font-size: 23px
    }

    .skill-text p {
        font-size: 17px
    }

    .skill-text h3 {
        font-size: 40px
    }

    .Comprehensive-service-text h3,.feature-box-text h2 {
        font-size: 18px
    }

    .entry-box .text-1 p,.feature-box-text p {
        font-size: 12px
    }

    .feature-box-text h3 {
        font-size: 27px
    }

    .contact-rolling {
        width: auto
    }

    .entry-box .text-1 h1 {
        font-size: 17px;
        margin-bottom: 7px
    }

    .entry-box {
        width: 305px
    }
}

@media screen and (max-width: 375px) {
    .detailHeader::after,.detailHeader::before,.menuInfo ul li a {
        display:none
    }

    .bannerContent h2 {
        font-size: 34px
    }

    .bannerContent p {
        font-size: 11px;
        line-height: 19px
    }

    .industry-text h3 {
        font-size: 30px
    }

    .industry-text h2 {
        font-size: 28px
    }

    .portfolio-content-bg {
        height: 50vh
    }

    .portfolio-text .nav-tabs .nav-link {
        padding: 9px 20px;
        margin-left: 11px
    }

    .main-footer::after,.main-footer::before {
        width: 145px;
        display: none
    }

    .copyright-text p {
        font-size: 15px;
        font-weight: 400
    }

    .main-industry::after,.main-industry::before {
        width: 120px
    }

    .main-portfolio::after,.main-portfolio::before {
        width: 130px
    }

    .main-testi {
        padding: 40px 0
    }

    .service-heading h3 {
        font-size: 29px
    }

    .inner-main-service::after,.inner-main-service::before {
        width: 150px
    }

    .about-content-text h3 {
        font-size: 33px
    }

    .video-tab-content h3 {
        margin: 0 0 15px
    }

    .video-tab-content {
        padding: 0 30px
    }

    .feature-box-text p {
        font-size: 13px
    }

    .feature-box-text h3 {
        font-size: 20px
    }

    .feature-box-text h2 {
        font-size: 14px
    }

    .inner-service-text button.btn.btn-default {
        margin-bottom: 1rem
    }
}

@media screen and (max-width: 360px) {
    .bannerContent h2 {
        font-size:32px
    }

    .bannerContent p br {
        display: none
    }

    .bannerContent p {
        font-size: 12px;
        line-height: 18px
    }

    .industry-text p {
        font-size: 14px
    }

    .industry-counter-text h3 {
        font-size: 11px
    }

    .service-heading h3 {
        font-size: 35px
    }

    .content-text h3 span {
        font-size: 30px
    }

    .client_content {
        padding: 40px 10px
    }

    .porfolio-carousel .item {
        padding-top: 30px;
        padding-bottom: 40px
    }
}

@media screen and (max-width: 320px) {
    .bannerContent h2 {
        font-size:27px;
        line-height: 40px
    }

    .industry-text h2,.industry-text h3 {
        font-size: 20px
    }

    .content-text p {
        font-size: 13px;
        line-height: 19px;
        padding: 15px 0
    }

    .copyright-text p {
        font-size: 13px
    }
}

.industry-text.aos-init.aos-animate {
    text-align: left
}