@media (min-width:1200px) and (max-width:1500px) {
    .quick1-area-bg {
        background-position: 2%;
        min-height: 474px;
        width: 38%
    }
    .quick-img.quick11-img {
        margin-top: 160px
    }
    .quick1-content {
        margin-top: 49px
    }
    .quick11-area {
        padding-bottom: 48px
    }
    .vh {
        height: 800px
    }
    .slider-wrapper {
        padding-top: 200px;
        padding-bottom: 200px
    }
    .slider-area2 .slider-wrapper {
        padding-top: 10px;
        padding-bottom: 60px
    }
    .quick-area-bg {
        background-position: left center
    }
    .quick-content.quick-text {
        margin-top: 65px
    }
    .prof-mobile-img {
        text-align: right;
        padding-right: 25px
    }
    .prof-mobile-img img {
        width: 67%;
        margin-bottom: -100px
    }
}

@media (min-width:992px) and (max-width:1200px) {
    .main-menu ul li a {
        margin-right: 0;
        padding: 34px 10px 15px
    }
    .prof-mobile-img {
        display: none
    }
    .get-experience-text p {
        margin-right: 0
    }
    .main-style1>nav>ul>li {
        padding: 0 13px
    }
    .quick-content h2 {
        margin-bottom: 15px;
        padding-right: 4%
    }
    .team-icon a {
        padding: 7px 12px
    }
    .team1-icon a {
        padding: 7px 12px
    }
    .project1-area {
        padding: 140px 60px 230px
    }
    .professional-fetures-area {
        background-position: 20% center
    }
    .slider4-content h1 {
        font-size: 123px;
        line-height: 129px;
        margin-bottom: 45px
    }
    .project22-area {
        padding: 140px 30px
    }
    .quick-img.quick11-img {
        margin-top: 129px
    }
    .quick1-content {
        margin-top: 49px
    }
    .quick11-area {
        padding-bottom: 48px
    }
    .quick1-area-bg {
        background-position: 19% center;
        min-height: 401px;
        width: 50%
    }
    .quick1-content h2 {
        font-size: 35px;
        line-height: 46px;
        margin-bottom: 10px
    }
    .quick1-content a {
        margin-top: 19px
    }
    .quick11-area {
        margin-bottom: 27px
    }
    .main-menu-style5 {
        padding: 0 69px
    }
    .service-content p {
        font-size: 15px;
        width: 100%
    }
    .testimonial-active .owl-nav div {
        right: 16px
    }
    .client-wrapper p {
        padding-right: 0
    }
    .quick-area {
        margin-bottom: 0
    }
    .quick-img {
        margin-top: 150px
    }
    .quick-3-area .quick-img {
        margin-top: 185px
    }
    .main-menu-style1 {
        padding: 0 64px
    }
    .vh {
        height: 700px
    }
    .user-text a {
        font-size: 13px;
        margin-right: 5px;
        padding: 4px 16px
    }
    .faq-text {
        margin-left: 0
    }
    .faq-content {
        margin-left: 0
    }
    .faq-text p {
        margin-right: 0
    }
    .fetured-service-content p {
        padding-right: 6px
    }
    .slider1-active .slider-wrapper {
        padding: 200px 0
    }
    .quick-content p {
        padding-right: 0
    }
    .quick-content.quick-text {
        margin-top: 40px
    }
    .quick-area-bg {
        width: 44%;
        min-height: 442px
    }
    .choose-us-content p {
        margin-right: 0
    }
    .slider-area2 .slider-wrapper {
        padding: 50px 0 100px 0
    }
}

@media (min-width:768px) and (max-width:991px) {
    .slider-area2 .slider-wrapper {
        padding: 0
    }
    .get-professional-content ul.industries {
        padding: 0;
        margin-left: 70px;
        margin-top: 20px
    }
    .content-btn a {
        float: right;
        display: inline-block;
        background: transparent;
        border: 2px solid #fff;
        border-radius: 100px;
        color: #fff;
        display: inline-block;
        font-size: 12px;
        font-weight: 500;
        line-height: 1;
        margin-top: 12px;
        padding: 20px 48px;
        margin-right: 18px;
        position: relative;
        text-transform: capitalize;
        transform: perspective(1px) translateZ(0);
        transition: color 0.3s ease 0s;
        vertical-align: middle;
        box-shadow: 0 6px 10px 8% rgba(3, 169, 244, .21)
    }
    .live-chat-area-content h2 {
        font-size: 22px;
        font-weight: 600;
        color: #fff;
        margin-top: 10px
    }
    .header-right {
        text-align: center
    }
    .prof-mobile-img {
        display: none
    }
    .professional-text p {
        width: 100%
    }
    .header-wrapper {
        text-align: center
    }
    .slider-content h1 {
        font-size: 47px;
        line-height: 53px;
        margin-bottom: 11px
    }
    .slider-content a {
        margin-top: 40px
    }
    .slider-active:hover .owl-nav div {
        left: 10px
    }
    .slider-active:hover .owl-nav div.owl-next {
        right: 10px
    }
    .slider-wrapper {
        padding: 170px 0 140px 0
    }
    .get-experience-text p {
        margin-right: 0
    }
    .get-professional-content h1 {
        font-size: 27px;
        margin-bottom: 7px
    }
    .get-professional-content a {
        margin-top: 40px;
        padding: 22px 46px
    }
    .copyright {
        float: none
    }
    .footer-bottom-wrapper {
        text-align: center
    }
    .footer-icon {
        float: none;
        margin-top: 6px;
        text-align: center
    }
    .slider-text h1 {
        font-size: 40px;
        margin-bottom: 30px;
        margin-top: 12px
    }
    .slider1-active .owl-nav div {
        font-size: 25px;
        height: 60px;
        line-height: 60px;
        width: 60px
    }
    .project1-area {
        padding: 140px 30px 230px
    }
    .client-wrapper p {
        padding-right: 0
    }
    .footer-text p {
        padding-right: 0
    }
    .slider3-content h1 {
        font-size: 41px;
        line-height: 47px;
        margin-bottom: 19px
    }
    .inner3-info p {
        font-size: 20px;
        line-height: 30px
    }
    .slider-button {
        margin-top: 29px
    }
    .professional-fetures-area {
        background-position: 20% center
    }
    .slider4-content h1 {
        font-size: 43px;
        margin-bottom: 15px;
        line-height: 45px
    }
    .slider4-content p {
        font-size: 15px;
        line-height: 28px
    }
    .slider4-content a {
        margin-top: 27px;
        padding: 17px 27px
    }
    .project1-area {
        padding: 140px 30px 230px
    }
    .vh {
        height: 600px
    }
    .project22-area {
        padding: 140px 30px
    }
    .quick1-area-bg {
        background-image: none!important
    }
    .quick1-content {
        margin-top: 20px
    }
    .quick1-content h2 {
        font-size: 32px;
        line-height: 42px;
        margin-bottom: 18px
    }
    .quick1-content p {
        font-size: 16px;
        line-height: 32px;
        padding-right: 0
    }
    .quick1-content a {
        margin-top: 23px
    }
    .quick11-area {
        margin-bottom: 0;
        padding-bottom: 60px;
        padding-top: 40px
    }
    .main-menu-style5 {
        padding: 0 60px
    }
    .main-menu-style3 {
        padding: 0 60px
    }
    .client-about-section>h2 {
        font-size: 26px;
        line-height: 38px
    }
    .client-about-section>h2::before {
        right: -202px;
        width: 317px
    }
    .testimonial-text {
        padding: 0 40px 60px 40px
    }
    .testimonial-active .owl-nav div {
        right: 20px
    }
    .testimonial-text p {
        font-size: 18px;
        line-height: 30px
    }
    .main-menu-area {
        padding-bottom: 0
    }
    .get-professional-content p {
        width: 100%
    }
    .quick-area-bg {
        background-image: none!important
    }
    .quick-wrapper {
        text-align: center
    }
    .quick-content h2 {
        font-size: 34px;
        line-height: 35px;
        margin-bottom: 11px;
        padding-right: 0
    }
    .quick-content {
        margin-top: 0
    }
    .quick-content p {
        font-size: 18px;
        line-height: 29px;
        padding-right: 0
    }
    .quick-content a {
        margin-top: 30px
    }
    .quick-area {
        margin-bottom: 0
    }
    .brand-img {
        text-align: center
    }
    .main-menu-style1 {
        padding: 0 48px
    }
    .paginationss {
        margin-left: 10px
    }
    .faq-text {
        margin-left: 0
    }
    .faq-content {
        margin-left: 0
    }
    .choose-us-content p {
        margin-right: 0
    }
    .faq-text p {
        margin-right: 0
    }
    .section-title {
        width: 100%
    }
    .logo {
        margin-top: 17px
    }
    .footer-bottom-wrapper ul {
        margin: 10px 0
    }
    .quick1-img>img {
        width: inherit
    }
    .fetures-service-content>p {
        margin-right: 0
    }
    .menu-style1 .mean-container a.meanmenu-reveal {
        border: 1px solid #444
    }
    .menu-style1 .mean-container a.meanmenu-reveal span {
        background: #444
    }
    .menu-style1 .logo1 {
        margin-top: 18px
    }
    .menu-style1 .mean-container a.meanmenu-reveal {
        color: #444
    }
    .main-menu-style5 .mean-container a.meanmenu-reveal {
        border: 1px solid #444
    }
    .main-menu-style5 .mean-container a.meanmenu-reveal span {
        background: #444
    }
    .main-menu-style5 .mean-container a.meanmenu-reveal {
        color: #444
    }
    .menu-style4 .mean-container a.meanmenu-reveal {
        border: 1px solid #000
    }
    .menu-style4 .mean-container a.meanmenu-reveal span {
        background: #fff
    }
    .menu-style4 .mean-container a.meanmenu-reveal {
        color: #000
    }
    .choose-area-bg {
        background-image: none!important
    }
    .quick-3-area {
        margin-bottom: 60px
    }
    .features1-area {
        margin-top: 0
    }
    .all-project>a {
        font-size: 14px;
        padding: 17px 21px
    }
    .project-tab ul li a {
        font-size: 14px;
        margin-right: 15px
    }
    .alls-project>a {
        font-size: 14px;
        padding: 17px 21px
    }
    .projects-tab ul li a {
        font-size: 14px;
        margin-right: 15px
    }
    .all3-project>a {
        font-size: 14px;
        padding: 17px 21px
    }
    .project3-tab ul li a {
        font-size: 14px;
        margin-right: 15px
    }
}

@media (max-width:767px) {
      
      .btn-getstarted
      {
            display: table;
            margin: 0 auto !important;
            top: 10px;
            padding: 5px 48px;
      }
      .btn-anchor
      {
          font-size:15px !important;
      }
      .pb-100
      {
          padding-bottom:50px !important;
      }
      .pt-100
      {
          padding-top:50px !important;
      }
      .md-client-none
      {
          display:none !important;
      }
      .mb-block-sec
      {
          display:block !important;
      }
      .mb-none-sec
      {
          display:none !important;
      }
      .how-it-works-area
      {
          padding-top:20px !important;
      }
      
      .section-title
      {
          margin-left:15px;
      }
      
      /*=========Update==========*/
      
      .stat-list
       {
          display:block;
       }
     .portfolio-menu li
      {
          margin-bottom:20px;
      }
     .portfolio-menu
     {
         float:none;
         display:block;
     }
    .clients-web-area .client-web-image
    {
       padding-left:0px;
    }
    .branding-menu a.button
    {
       float:none;
       margin-bottom: 10px;
       width:100%;
    }
    .branding-menu
     {
        display: table;
    margin: 0 auto;
    padding-bottom: 20px;
    width: 100%;
     }

    .client-identity-img
    {
       position:relative;
       top:0px;
    }
    input.bname2
    {
        width:100% !important;
        margin-bottom: 15px;
    }
    .portfolio-area .section-text {
        padding-left: 50px
    }
    .header-right {
        text-align: center
    }
    .copyright>p {
        margin-right: 0
    }
    .footer-bottom-wrapper a {
        margin-right: 0
    }
    .choose-us-content p {
        margin-right: 0
    }
    .footer-bottom-wrapper li {
        margin: 8px 9px
    }
    .choose-area-bg {
        background-image: none!important
    }
    .choose-section h2 {
        font-size: 29px;
        line-height: 40px
    }
    .fetured-service-content p {
        padding-right: 0
    }
    .slider-content h1 {
        font-size: 30px;
        line-height: 36px;
        margin-bottom: 11px
    }
    .circle-right::after {
        display: none
    }
    .circle-left::before {
        display: none
    }
    .project-tab ul li a {
        font-size: 15px;
        margin-right: 20px
    }
    .projects-tab ul li a {
        font-size: 15px;
        margin-right: 20px
    }
    .project3-tab ul li a {
        font-size: 15px;
        margin-right: 20px
    }
    .slider-content a {
        margin-top: 35px;
        font-size: 18px;
        padding: 16px 28px
    }
    .slider-active:hover .owl-nav div {
        left: 10px
    }
    .slider-active:hover .owl-nav div.owl-next {
        right: 10px
    }
    .slider-wrapper {
        padding: 100px 0
    }
    .slider-content>span {
        font-size: 18px
    }
    .inner-info {
        width: 100%
    }
    .inner-info p {
        font-size: 16px;
        line-height: 28px
    }
    .service-content p {
        width: 100%
    }
    .get-experience-text p {
        margin-right: 0
    }
    .get-professional-content h1 {
        font-size: 30px;
        margin-bottom: 16px
    }
    .get-professional-content a {
        margin-top: 25px;
        padding: 20px 38px;
        font-size: 20px
    }
    .get-professional-content p {
        color: #fff;
        font-size: 15px;
        line-height: 25px;
        margin: auto;
        width: 100%
    }
    .paginationss {
        margin-left: 10px
    }
    .brand-img {
        text-align: center
    }
    .quick-area-bg {
        background: none!important
    }
    .quick-content {
        margin-top: 0;
        text-align: center
    }
    .quick-content h2 {
        font-size: 28px;
        line-height: 40px;
        margin-bottom: 20px;
        padding-right: 0
    }
    .quick-content p {
        padding-right: 0
    }
    .quick-content a {
        margin-top: 30px
    }
    .quick-area {
        margin-bottom: 0
    }
    .section-title {
        width: 100%
    }
    .copyright {
        float: none
    }
    .footer-bottom-wrapper {
        text-align: center
    }
    .footer-icon {
        float: none;
        margin-top: 6px;
        text-align: center
    }
    .main-menu-style1 {
        padding: 0 15px
    }
    .slider-text h1 {
        font-size: 24px;
        margin-bottom: 23px;
        margin-top: 13px
    }
    .slider-text span {
        font-size: 20px
    }
    .start-now {
        margin-right: 0;
        margin-bottom: 10px
    }
    .slider1-active .owl-nav div {
        font-size: 22px;
        height: 50px;
        line-height: 50px;
        width: 50px
    }
    .fetures-service-content>p {
        margin-right: 0
    }
    .project1-area {
        padding: 140px 15px 230px
    }
    .professional-text p {
        font-size: 18px;
        line-height: 31px;
        width: 100%
    }
    .professional-text h1 {
        font-size: 28px;
        margin-bottom: 15px
    }
    .client-wrapper p {
        padding-right: 0
    }
    .footer-text p {
        padding-right: 0
    }
    .team-area .section-title {
        width: 100%
    }
    .section-title h2 {
        font-size: 27px;
        line-height: 38px
    }
    .professional-text a {
        font-size: 13px;
        margin-top: 30px;
        padding: 17px 8px
    }
    .blog-area .section-title {
        width: 100%
    }
    .slider3-content {
        margin-left: 0
    }
    .slider3-content h1 {
        font-size: 30px;
        line-height: 37px;
        margin-bottom: 19px
    }
    .inner3-info {
        width: 100%
    }
    .inner3-info p {
        font-size: 17px;
        font-weight: 400;
        line-height: 28px
    }
    .slider-button {
        margin-top: 30px
    }
    .slider3-active:hover .owl-nav div.owl-next {
        right: 10px
    }
    .slider3-active:hover .owl-nav div {
        left: 10px
    }
    .main-menu-style2 {
        padding: 0 15px
    }
    .professional-fetures-area {
        background-position: 10% center
    }
    .professional-section {
        width: 100%
    }
    .slider4-content h1 {
        font-size: 30px;
        line-height: 38px;
        margin-bottom: 12px
    }
    .slider4-content p {
        font-size: 15px;
        line-height: 28px;
        width: 100%
    }
    .slider4-content a {
        margin-top: 27px;
        padding: 15px 25px
    }
    .project22-area {
        padding: 140px 15px
    }
    .project22-area {
        padding: 140px 30px
    }
    .quick1-area-bg {
        background-image: none!important
    }
    .quick1-content {
        margin-top: 20px
    }
    .quick1-content h2 {
        font-size: 29px;
        line-height: 39px;
        margin-bottom: 18px
    }
    .quick1-content p {
        font-size: 16px;
        line-height: 32px;
        padding-right: 0
    }
    .quick1-content a {
        margin-top: 23px
    }
    .quick11-area {
        margin-bottom: 0;
        padding-bottom: 60px;
        padding-top: 40px
    }
    .main-menu-style5 {
        padding: 0 15px
    }
    .client-about-section>h2 {
        font-size: 19px;
        line-height: 32px
    }
    .client-about-section>h2::before {
        display: none;
        right: -202px;
        width: 317px
    }
    .testimonial-text {
        padding: 0 15px 59px
    }
    .testimonial-active .owl-nav div {
        bottom: 15px;
        right: 68px
    }
    .testimonial-text p {
        font-size: 14px;
        line-height: 26px;
        margin-top: 10px
    }
    .testimonial-area {
        margin-top: 80px
    }
    .testimonial-wrapper {
        margin-left: 0;
        margin-right: 0
    }
    .testimonial-content h4 {
        font-size: 20px;
        margin-bottom: 3px
    }
    .testimonial-content span {
        font-size: 15px
    }
    .client-about-section {
        margin-bottom: 50px
    }
    .comapny-work-secion>h3 {
        font-size: 25px;
        line-height: 36px
    }
    .subcribe-section p {
        width: 100%
    }
    .enter-button {
        font-size: 16px;
        margin-right: 6px;
        padding: 12px 28px;
        margin-bottom: 10px
    }
    .now-button {
        font-size: 16px;
        margin-right: 6px;
        padding: 12px 28px
    }
    .brand-img {
        text-align: center
    }
    .client-wrapper::before {
        bottom: -30px
    }
    .vh {
        height: 500px
    }
    .main-menu-style3 {
        padding: 0 15px
    }
    .user-share {
        float: none;
        margin-top: 13px
    }
    .comment-text>p {
        margin-right: 0
    }
    .replay-comment {
        padding-left: 20px
    }
    .user-text a {
        font-size: 12px;
        margin-right: 2px;
        padding: 7px 9px
    }
    blockquote {
        margin: 32px 15px 40px;
        padding: 19px 15px 30px
    }
    .faq-text {
        margin-left: 0
    }
    .faq-content {
        margin-left: 0
    }
    .faq-section h2 {
        font-size: 32px
    }
    .faq-text p {
        margin-right: 0
    }
    .menu-style1 .mean-container a.meanmenu-reveal {
        border: 1px solid #444
    }
    .menu-style1 .mean-container a.meanmenu-reveal span {
        background: #444
    }
    .menu-style1 .logo1 {
        margin-top: 18px
    }
    .menu-style1 .mean-container a.meanmenu-reveal {
        color: #444
    }
    .main-menu-style5 .mean-container a.meanmenu-reveal {
        border: 1px solid #444
    }
    .main-menu-style5 .mean-container a.meanmenu-reveal span {
        background: #444
    }
    .main-menu-style5 .mean-container a.meanmenu-reveal {
        color: #444
    }
    .menu-style4 .mean-container a.meanmenu-reveal {
        border: 1px solid #000
    }
    .menu-style4 .mean-container a.meanmenu-reveal span {
        background: #000
    }
    .menu-style4 .mean-container a.meanmenu-reveal {
        color: #000
    }
    .quick-3-area {
        margin-bottom: 60px
    }
    .features1-area {
        margin-top: 0
    }
    .prof-mobile-img {
        display: none
    }
    .error-area {
        padding: 200px 0
    }
    .error-content h1 {
        font-size: 70px
    }
    .error-content span {
        letter-spacing: 2px
    }
    .error-content a {
        margin-top: 40px;
        padding: 14px 32px
    }
    .breadcrumb-area {
        background-position: center center;
        background-size: cover;
        padding-top: 150px
    }
}

@media only screen and (min-width:576px) and (max-width:767px) {
    .header-img {
        margin-right: 7px
    }
    .header-left {
        margin-right: 8px
    }
    .header-right {
        text-align: center
    }
    .justify-content-end {
        -moz-box-pack: left!important;
        justify-content: left
    }
    .get-professional-content a {
        margin-top: 25px;
        padding: 20px 38px;
        font-size: 20px
    }
    .get-professional-content p {
        color: #fff;
        font-size: 20px;
        line-height: 30px;
        margin: auto;
        width: 100%
    }
    .start-now {
        margin-bottom: 0
    }
    .professional-text a {
        margin-top: 30px
    }
    .section-title h2 {
        font-size: 32px;
        line-height: 42px
    }
    .team-icon a {
        font-size: 15px;
        margin: 0 2px;
        padding: 7px 17px
    }
    .team1-icon a {
        font-size: 15px;
        margin: 0 2px;
        padding: 7px 17px
    }
    .professional-fetures-area {
        background-position: 28%
    }
    .enter-button {
        font-size: 16px;
        margin-right: 6px;
        padding: 12px 28px
    }
    .now-button {
        font-size: 16px;
        margin-right: 6px;
        padding: 12px 28px
    }
    .main-menu-style3 {
        padding: 0 30px
    }
    .user-share {
        float: none;
        margin-top: 13px
    }
    .comment-text>p {
        margin-right: 0
    }
    .replay-comment {
        padding-left: 20px
    }
    .user-text {
        float: none
    }
    .section-title {
        width: 100%
    }
    .menu-style4 .mean-container a.meanmenu-reveal {
        border: 1px solid #000
    }
    .menu-style4 .mean-container a.meanmenu-reveal span {
        background: #000
    }
    .menu-style4 .mean-container a.meanmenu-reveal {
        color: #000
    }
    nav#mainnav ul.nav-list li>a {
        line-height: 20!important
    }
    .menu1-style>nav>ul.primary-navbar {
        display: flex;
        background: #fff;
        padding-bottom: 20px;
        border-bottom: 1px solid #e4e4e4
    }
}

@media (max-width:399px) {
    .getstarted-area-content span {
        font-size: 20px
    }
    .getstarted-area-content .linear-btn-container a {
        font-size: 16px
    }
    div#bname-catcher {
        display: flex;
        justify-content: center;
        margin-top: 2em;
        margin-bottom: 3em;
        flex-direction: column!important
    }
    button.bn-sub {
        background-color: #0686d8;
        border: 0;
        border-radius: 50px;
        color: white;
        margin-top: 20px!important;
        font-weight: 400;
        padding: .8em 0em;
        letter-spacing: 1px;
        font-size: 15px;
        margin-right: auto!important;
        margin-left: auto!important;
        -webkit-box-shadow: 1px 1px 7px #999
    }
    input.bname {
        border: 2px solid #d0d0d0;
        border-radius: 100px;
        padding: .7em 1.3em;
        font-size: 18px;
        margin-right: 0;
        background: transparent;
        width: 300px!important;
        margin: auto;
        -webkit-transition: .3s linear;
        -moz-transition: .3s linear;
        -o-transition: .3s linear;
        -ms-transition: .3s linear
    }
    .slider-text h1 {
        font-size: 34px!important;
        margin-bottom: 23px;
        margin-top: 13px
    }
    .slider-text span {
        font-size: 15px!important
    }
}

@media (min-width:768px) {
    .client-area .hide,
    .nav-list .hide {
        display: block
    }
}

@media (max-width:449px) {
    .nav-mobile {
        display: block;
        margin-right: 19px
    }
    .client-wrapper {
        position: relative;
        padding-right: 38px
    }
    .client-wrapper p {
        color: #828282;
        font-size: 17px;
        font-weight: 400;
        line-height: 28px;
        margin-bottom: 0;
        margin-top: 22px;
        overflow: hidden;
        padding-right: 39px
    }
    .workflow_single_item {
        margin-bottom: 25px
    }
    .linear-btn-container {
        padding-right: 50px;
        padding-left: 50px
    }
    .cbp-l-filters-alignRight .cbp-filter-item {
        background-color: transparent;
        color: #212121;
        cursor: pointer;
        font-family: 'Montserrat', sans-serif;
        font-size: 20px;
        padding: 10px 15px;
        position: relative;
        overflow: visible;
        margin: 0 5px;
        display: inline-block;
        -webkit-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out;
        font-weight: 600
    }
    .live-chat-area .content-btn {
        display: flex;
        justify-content: center
    }
    .slider-area2 .slider-wrapper {
        padding: 30px 0
    }
    .slider-area2 .featured-content h2 {
        font-weight: 700!important;
        margin-top: 20px
    }
    .portfolio-area .section-text {
        padding-left: 18px
    }
    .portfolio-area .section-title .mini-line {
        display: table;
        margin: 0 auto;
        margin-bottom: 20px
    }
    .getstarted-area-content h2 {
        font-weight: 600;
        font-size: 35px;
        margin-bottom: 15px
    }
    .section-title {
        width: 100%
    }
    .all3-project {
        display: flex;
        justify-content: center
    }
    .live-chat-area-content h2 {
        font-size: 27px;
        font-weight: 600;
        color: #fff;
        margin-top: 15px;
        text-align: center
    }
    .getstarted-area-content .linear-btn-container a {
        float: none;
        margin-right: 0;
        margin-bottom: 15px
    }
    .getstarted-area-content .linear-btn-container {
        position: relative;
        margin-top: 28px;
        display: flex;
        flex-direction: column
    }
    .client-area .hide {
        display: none
    }
    .flex-control-nav {
        width: 26.4%!important;
        position: absolute;
        bottom: -40px;
        text-align: center
    }
    .client-wrapper::before {
        bottom: -58px;
        top: 187px;
        color: #828282;
        content: "\201D";
        font-family: "Font Awesome 5 Free";
        font-size: 85px;
        font-weight: 900;
        margin: auto;
        position: absolute;
        right: 30px;
        text-align: center;
        z-index: 999
    }
    div#bname-catcher {
        display: grid;
        justify-content: center;
        margin-top: 2em;
        margin-bottom: 3em;
        flex-direction: row
    }
    .slider-wrapper {
    padding: 90px 0;
}
    input.bname {
        border: 2px solid #d0d0d0;
        border-radius: 100px;
        padding: .7em 1.3em;
        font-size: 18px;
        margin-right: 10px;
        background: transparent;
        width: 237px;
        margin: auto;
        -webkit-transition: .3s linear;
        -moz-transition: .3s linear;
        -o-transition: .3s linear;
        -ms-transition: .3s linear
    }
    button.bn-sub {
        background-color: #0686d8;
        border: 0;
        border-radius: 50px;
        color: white;
        margin: 0;
        font-weight: 400;
        padding: .5em 2em;
        letter-spacing: 1px;
        font-size: 15px;
        -webkit-box-shadow: 1px 1px 7px #999
    }
    .slider-text h1 {
        font-size: 40px;
        margin-bottom: 23px;
        margin-top: 13px
    }
}

.client-area .hide {
    display: block
}

@media (min-width:770px) {
    .menu1-style>nav.short-nav {
        display: block
    }
    .client-area .hide,
    .nav-list .hide {
        display: none!important
    }
    .slider-text span {
        font-size: 24px!important
    }
    .quick-area {
        padding: 0
    }
    .quick-wrapper .quick-content span.mini-line {
        display: block;
        margin: 0 0 15px 0
    }
    .client-area {
        padding-top: 70px;
        padding-bottom: 50px
    }
    .client-identity-img.img02 {
        top: -118px
    }
    .client-identity-img.img03 {
        top: -190px;
        width: 100%
    }
    .client-identity-img.img04 {
        top: -65px
    }
    .client-wrapper::before {
        bottom: -100px;
        font-size: 100px;
        right: 54px
    }
    .flex-control-nav {
        left: 0%
    }
    .how-it-works-area {
        padding-left: 50px;
        padding-right: 50px;
        position: relative
    }
    .workflow_single_item.item01 {
        background: url(../img/icon/step1.png) no-repeat;
        padding-bottom: 60px!important;
        background-position: 90px 167px!important;
        background-repeat: no-repeat!important
    }
    .how-it-works-area .workflow_single_item.item02 {
        background: url(../img/icon/step2.png) no-repeat;
        padding-bottom: 12px!important;
        background-position: 90px 162px!important;
        background-repeat: no-repeat
    }
    .how-it-works-area .workflow_single_item.item03 {
        background: url(../img/icon/step3.png) no-repeat;
        padding-bottom: 35px!important;
        background-position: 90px 166px!important;
        background-repeat: no-repeat!important
    }
    .how-it-works-area .workflow_single_item.item04 {
        background: url(../img/icon/step4.png) no-repeat;
        padding-bottom: 60px!important;
        background-position: 90px 162px!important;
        background-repeat: no-repeat!important
    }
    .workflow_single_item h3 {
        font-size: 20px
    }
    .portfolio-area .section-title h2 {
        font-size: 28px;
        line-height: 32px
    }
    .portfolio-area .section-text p {
        font-size: 20px;
        color: #757575;
        margin-top: 12px
    }
    .cbp-l-filters-alignRight .cbp-filter-item {
        font-size: 18px
    }
    .featured-icon {
        color: #e56735;
        padding: 5px 0 0 0;
        border: 10px solid #e4e4e4;
        border-radius: 100px;
        font-size: 36px;
        height: 100px;
        line-height: 70px;
        text-align: center;
        width: 100px
    }
    .service-2 .service-box h4 {
        font-size: 22px
    }
}

@media (min-width:999px) {
    .slider-text span {
        font-size: 24px
    }
}