@media (min-width:1400px) and (max-width:1600px) {
    .style-two .portfolio-content {
        width: 98%
    }

    .style-three .portfolio-content {
        width: 88%
    }

    .style-three .portfolio-content a {
        font-size: 22px
    }

    .style-three .single-subscribe-box {
        left: 30px
    }

    .header-area.style-foure .header-menu ul {
        margin-right: -3px
    }

    .header-area.style-foure h3.social-title {
        margin-right: 4px
    }

    .header-area.style-foure ul.social-icon li a i {
        margin-right: 1px
    }

    .header-area.style-foure .social-media {
        margin-right: -28px
    }
}

@media (min-width:1300px) and (max-width:1399px) {
    .style-one .flip-box {
        width: 275px;
        height: 196px
    }

    .style-one .about-thumb {
        left: -90px
    }

    .style-one .testi-desc p {
        width: 78%
    }

    .style-one .blog-content a {
        font-size: 20px;
        line-height: 28px
    }

    .style-one .footer-widget-desc p {
        width: 80%
    }

    .style-two .hero-shape {
        top: 30%;
        left: -60px
    }

    .style-two .about-left {
        left: -55px
    }

    .about-area.style-foure .about-thumb img,
    .style-two .about-thumb img,
    .work-area.style-foure .work-thumb img {
        width: 100%
    }

    .style-two .team-share {
        right: 106px
    }

    .style-two .portfolio-content {
        width: 95%
    }

    .style-two.portfolio-area .container-fluid {
        padding: 0 26px
    }

    .style-two .working-process-box {
        padding: 0 19px
    }

    .style-two .contact-info-box {
        padding: 29px 17px 27px;
        gap: 16px
    }

    .style-two.pricing-area .section-title h4 {
        color: #fff
    }

    .style-two.section-title h1 {
        font-size: 38px
    }

    .style-two .faq-answer {
        padding: 27px 7px 25px 0
    }

    .style-three .hero-content p {
        width: 62%
    }

    .style-three .about-left {
        left: -151px
    }

    .style-three .abour-award-box {
        right: -45px
    }

    .style-three .about-video-box {
        top: 40%;
        left: 48%
    }

    .style-three .about-phone {
        width: 58%;
        right: -70px;
        bottom: 103px
    }

    .style-three .portfolio-content {
        width: 95%;
        padding: 30px 29px
    }

    .style-three .portfolio-content a {
        font-size: 22px
    }

    .style-three .single-subscribe-box {
        left: 30px
    }

    .style-three .testi-content {
        padding: 40px 25px 70px
    }

    .style-three .single-subscribe-box input {
        width: 74%
    }

    .style-three.subscribe-area .section-title.left h1 {
        color: #fff;
        font-size: 35px
    }

    .style-three .single-contact-info-box {
        padding: 60px 30px 49px
    }

    .inner-style .header-menu ul li {
        margin-right: 20px
    }

    .inner-style-one .abour-award-box {
        width: 58%;
        right: -104px
    }

    .service-details-icon-box {
        padding: 32px 13px 18px
    }

    .inner-style .pricing-head {
        padding: 28px 35px 14px
    }

    .inner-style .pricing-body {
        padding: 27px 36px 34px
    }

    .blog-grid-area .blog-content {
        padding: 25px 4px 3px
    }

    .team-details-area .contact-info-content p {
        font-size: 18px
    }

    .inner-style .choose-us-thumb img {
        position: relative;
        left: 0
    }

    .inner-style .mission-box {
        padding: 107px 25px 108px 23px
    }

    .header-area.style-foure .header-menu ul {
        margin-right: -3px
    }

    .header-area.style-foure h3.social-title {
        margin-right: 4px
    }

    .header-area.style-foure ul.social-icon li a i {
        margin-right: 1px
    }

    .header-area.style-foure .social-media {
        margin-right: -53px
    }

    .about-area.style-foure .counter-box {
        right: 0
    }

    .about-area.style-foure .counter-number h1 {
        padding: 16px 12px 12px
    }

    .counter-area.style-foure .counter-number-tow {
        margin-right: 36px
    }

    .counter-area.style-foure .counter-number-tow h1 {
        font-size: 55px
    }

    .section-title.style-foure h1.section-main-title {
        font-size: 45px
    }

    .testimonial-area.style-foure h4.testi-date {
        margin-left: 94px
    }
}

@media (min-width:1200px) and (max-width:1299px) {
    .style-one .flip-box {
        width: 275px;
        height: 196px
    }

    .style-one .about-thumb {
        left: -90px
    }

    .style-one .testi-desc p {
        width: 78%
    }

    .style-one .blog-content a {
        font-size: 20px;
        line-height: 28px
    }

    .style-one .footer-widget-desc p {
        width: 80%
    }

    .style-two .hero-shape {
        top: 30%;
        left: -60px
    }

    .style-two .about-left {
        left: -55px
    }

    .about-area.style-foure .about-thumb img,
    .style-two .about-thumb img,
    .work-area.style-foure .work-thumb img {
        width: 100%
    }

    .style-two .team-socila-icon-box {
        left: 108px;
        bottom: -21px
    }

    .style-two .team-social-icon {
        left: -33px
    }

    .style-two .team-shape {
        position: absolute;
        bottom: -58px;
        left: -33px
    }

    .style-two .portfolio-content {
        width: 95%
    }

    .style-two.portfolio-area .container-fluid {
        padding: 0 32px
    }

    .style-two .portfolio-title a {
        font-size: 20px;
        line-height: 26px
    }

    .style-two .working-process-box {
        padding: 0 19px
    }

    .style-two .contact-info-box {
        padding: 29px 17px 27px;
        gap: 16px
    }

    .style-two.pricing-area .section-title h4 {
        color: #fff
    }

    .style-two.section-title h1 {
        font-size: 38px
    }

    .style-two .faq-answer {
        padding: 27px 7px 25px 0
    }

    .style-three .hero-content p {
        width: 62%
    }

    .style-three .about-left {
        left: -151px
    }

    .style-three .abour-award-box {
        right: -45px
    }

    .style-three .about-video-box {
        top: 40%;
        left: 48%
    }

    .style-three .about-phone {
        width: 46%;
        right: -7px;
        bottom: 81px
    }

    .style-three .portfolio-content {
        width: 95%;
        padding: 30px 29px
    }

    .style-three .portfolio-content a,
    .team-details-area .contact-info-content p {
        font-size: 18px
    }

    .style-three .single-subscribe-box {
        left: 30px
    }

    .style-three .testi-content {
        padding: 40px 25px 70px
    }

    .style-three .single-subscribe-box input {
        width: 74%
    }

    .style-three.subscribe-area .section-title.left h1 {
        color: #fff;
        font-size: 35px
    }

    .style-three .single-contact-info-box {
        padding: 60px 30px 49px
    }

    .inner-style .header-menu ul li {
        margin-right: 20px
    }

    .inner-style-one .abour-award-box {
        width: 58%;
        right: -104px
    }

    .service-details-icon-box {
        padding: 32px 17px 18px;
        gap: 17px
    }

    .widget-sidber-contact-btn a {
        padding: 16px 60px 15px;
        margin-top: 42px
    }

    .inner-style .pricing-head {
        padding: 28px 35px 14px
    }

    .inner-style .pricing-body {
        padding: 27px 36px 34px
    }

    .blog-grid-area .blog-content {
        padding: 25px 4px 3px
    }

    .recent-widget-content a {
        font-size: 16px
    }

    .inner-style .choose-us-thumb img {
        position: relative;
        left: 0
    }

    .inner-style .mission-box {
        padding: 107px 25px 19px 23px
    }

    .header-area.style-foure .header-menu ul li {
        margin-right: 18px
    }

    .header-area.style-foure .header-button a {
        padding: 13px 26px
    }

    .header-area.style-foure .header-menu ul {
        margin-right: 10px
    }

    .header-area.style-foure h3.social-title {
        font-size: 18px;
        margin-right: 14px
    }

    .header-area.style-foure .header-menu,
    .header-area.style-foure .social-media {
        margin-right: 0
    }

    .service-area.style-foure .service-single-box {
        padding: 39px 0 30px 37px;
        margin: 0 0 30px
    }

    .service-area.style-foure .service-icon {
        z-index: 1;
        float: inherit;
        margin-left: 0;
        margin-bottom: 24px
    }

    .about-area.style-foure .counter-box {
        right: 0
    }

    .about-area.style-foure .counter-number h1 {
        padding: 16px 12px 12px
    }

    .counter-area.style-foure .counter-number-tow {
        margin-right: 36px
    }

    .counter-area.style-foure .counter-number-tow h1 {
        font-size: 55px
    }

    .section-title.style-foure h1.section-main-title {
        font-size: 45px
    }

    .testimonial-area.style-foure h4.testi-date {
        margin-left: 94px
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .style-one .header-menu ul li {
        margin-right: 20px
    }

    .style-one .hero-content h1 {
        font-size: 55px;
        line-height: 55px
    }

    .style-one.feature-area {
        padding: 0 0 90px
    }

    .style-one .flip-box {
        margin-bottom: 158px
    }

    .style-one.about-area {
        padding: 0 0 115px
    }

    .about-area.style-foure .about-thumb img,
    .about-thumb img,
    .team-details-area .team-thumb img,
    .work-area.style-foure .work-thumb img,
    .works-thumb img {
        width: 100%
    }

    .inner-style-one .images-thumb,
    .location-icon:after,
    .location-icon:before,
    .style-one .about-shape,
    .style-three .about-phone,
    .style-three .hero-shape,
    .style-two .portfolio-title a i,
    .style-two .working-process-box:after,
    .style-two .working-process-box:before {
        display: none
    }

    .style-one.section-title h1 {
        font-size: 34px
    }

    .style-one.section-title h4 {
        font-size: 17px;
        padding: 0 0 0 16px
    }

    .style-one .single-process-box {
        padding: 0
    }

    .faq-singular .faq-question {
        padding: 16px 25px 15px 14px;
        font-size: 16px
    }

    .style-one .testi-desc p {
        font-size: 16px;
        line-height: 29px;
        width: 72%
    }

    .style-one .blog-content a {
        font-size: 17px;
        line-height: 26px
    }

    .style-one .footer-widget-desc p {
        width: 95%
    }

    .top-header-area:before {
        left: -22px;
        transform: skew(26deg)
    }

    .header-menu ul li {
        margin-right: 15px
    }

    .style-two .hero-content h1 {
        font-size: 56px;
        line-height: 56px
    }

    .style-two .hero-thumb {
        left: -81px
    }

    .style-two .hero-shape {
        top: 30%;
        left: -71px
    }

    .style-two .single-feature-box {
        padding: 56px 24px 33px
    }

    .style-two .feature-content h4 {
        font-size: 22px
    }

    .style-two .about-left {
        left: -31px
    }

    .style-two .about-shape {
        right: -25px;
        bottom: 11px
    }

    .style-two .about-conter-box {
        top: -26px;
        left: 2px
    }

    .style-two.section-title h1 {
        font-size: 30px;
        line-height: 26px
    }

    .style-two.about-area .section-title p {
        width: 90%
    }

    .style-two .single-about-icon-box {
        gap: 10px
    }

    .style-three .portfolio-content a,
    .style-two .about-icon-box-content h4,
    .style-two .contact-info-content p {
        font-size: 18px
    }

    .style-two .single-services-box {
        padding: 37px 15px 30px 40px
    }

    .style-two .team-socila-icon-box {
        left: 91px;
        bottom: -22px
    }

    .style-two .team-shape {
        bottom: -54px;
        left: -71px;
        display: none
    }

    .style-two.portfolio-area .container-fluid {
        padding: 0 60px
    }

    .style-two .portfolio-content {
        padding: 20px 16px 17px;
        width: 100%;
        bottom: -34px
    }

    .style-two .portfolio-title a {
        font-size: 18px;
        line-height: 24px
    }

    .style-two .portfolio-number h1 {
        font-size: 50px
    }

    .style-two.working-proces-area {
        padding: 214px 0 84px
    }

    .style-two .working-process-box {
        padding: 0 1px
    }

    .style-two .process-thumb:before {
        left: 25px;
        top: -14px
    }

    .style-two .contact-info-box {
        padding: 29px 11px 27px;
        gap: 14px
    }

    .style-two .contact-info-content h4 {
        padding: 0 0 1px
    }

    .style-two .single-pricing-box {
        padding: 1px 12px 40px
    }

    .style-two h4.pricing,
    h4.blog-details-title {
        font-size: 28px
    }

    .style-two .pricing-title h4 {
        font-size: 24px
    }

    .style-two.pricing-area .section-title h4 {
        color: #fff
    }

    .style-one.home-two .blog-content a {
        font-size: 17px;
        line-height: 28px
    }

    .style-three .hero-content p {
        width: 70%
    }

    .style-three .about-left {
        left: -34px
    }

    .style-three .abour-award-box {
        right: -17px;
        top: -1px
    }

    .style-three .about-video-box {
        top: 40%;
        left: 39%
    }

    .style-three .about-shape-two {
        bottom: 11px;
        left: 55%
    }

    .style-three .about-shape {
        bottom: 16px;
        left: 76px
    }

    .inner-style .careers-content h4,
    .inner-style .feature-content h4,
    .style-three .service-content h4 {
        font-size: 20px
    }

    .style-three.contact-area-info .contact-thumb {
        right: -6px
    }

    .inner-style.section-title.left h1 {
        font-size: 32px;
        line-height: 34px
    }

    .style-three .single-pricing-box {
        padding: 41px 10px 42px
    }

    .style-three.portfolio-area .container-fluid {
        padding: 0 70px
    }

    .style-three .portfolio-content {
        width: 95%;
        padding: 30px 29px
    }

    .style-three .single-subscribe-box {
        left: 10px
    }

    .style-three .testi-content {
        padding: 40px 25px 70px
    }

    .style-three .testi-desc p {
        font-size: 16px;
        line-height: 28px
    }

    .style-three .single-subscribe-box input {
        width: 72%
    }

    .style-three.subscribe-area .section-title.left h1 {
        color: #fff;
        font-size: 26px;
        line-height: 30px
    }

    .style-three .single-process-box {
        padding: 0 24px
    }

    .style-three .single-contact-info-box {
        padding: 60px 18px 49px
    }

    .style-three .contact-info-box {
        gap: 8px
    }

    .inner-style-one .about-text-content h4,
    .style-three .contact-info-content h4 {
        font-size: 16px
    }

    .inner-style .header-menu ul li {
        margin-right: 12px
    }

    .inner-style-one.images-area {
        padding: 102px 0 120px
    }

    .inner-style-one.about-area {
        padding: 284px 0 125px;
        margin-top: -197px
    }

    .inner-style-one .about-left {
        left: -13px
    }

    .inner-style-one .abour-award-box {
        width: 65%;
        right: -31px;
        top: 0
    }

    .inner-style-one .about-shape {
        bottom: -16px;
        left: 36px
    }

    .footer-area.style-foure .footer-widget-menu ul li,
    .inner-style-one .about-list-item ul li {
        font-size: 15px
    }

    .inner-style-one .about-list-item ul li i {
        margin-right: 2px
    }

    .inner-style-one .about-text {
        gap: 6px
    }

    .inner-style-one .about-number h4 {
        font-size: 20px;
        width: 60px;
        height: 60px;
        line-height: 60px;
        position: relative;
        top: -5px
    }

    .counter-area.style-foure h3.service-title-tow,
    .inner-style .job-item-content h4,
    .inner-style .service-content h4 {
        font-size: 19px
    }

    .widget-sidber {
        padding: 32px 21px 29px
    }

    .widget-sidber-contact-box {
        padding: 48px 30px
    }

    .widget-sidber-contact-btn a {
        padding: 16px 30px 15px;
        margin-top: 35px
    }

    p.services-details-desc {
        font-size: 16px;
        text-align: justify
    }

    .service-details-icon-box {
        display: block
    }

    .service-details-icon-thumb {
        margin-bottom: 20px
    }

    .inner-style .project-content {
        padding: 30px 16px 28px;
        width: 95%
    }

    .project-details-list-item ul li {
        font-size: 14px;
        line-height: 35px
    }

    .project-details-list-item ul li i {
        font-size: 16px;
        margin-right: 7px
    }

    .inner-style .pricing-head {
        padding: 28px 21px 14px
    }

    .inner-style .pricing-body {
        padding: 27px 14px 34px
    }

    .inner-style .pricing-textar-text p:after,
    .inner-style .pricing-textar-text p:before {
        width: 230px
    }

    .inner-style .faqs-thumb img {
        width: 85%
    }

    .inner-style .faqs-thumb {
        margin: 0 -17px
    }

    .inner-style .careers-desc p {
        width: 88%
    }

    .inner-style .single-feature-box {
        padding: 56px 31px 33px
    }

    .blog-grid-area .single-blog-box {
        padding: 20px 5px 31px
    }

    .blog-grid-area .blog-category a {
        left: 5px
    }

    .blog-grid-area .blog-button i {
        top: 141px;
        right: 15px
    }

    .blog-grid-area .blog-title a {
        font-size: 20px;
        line-height: 26px
    }

    @-webkit-keyframes MOVE-BG {
        from {
            -webkit-transform: translateX(0);
            transform: translateX(0)
        }

        to {
            -webkit-transform: translateX(205px);
            transform: translateX(205px)
        }
    }

    .blog-details-author-title p {
        font-size: 18px;
        line-height: 28px
    }

    .blog-details-category span a {
        padding: 6px 7px;
        margin-right: 1px
    }

    .blog-details-comment.style-two {
        margin-left: 17px
    }

    .recent-widget-content a {
        font-size: 14px;
        line-height: 21px
    }

    .google-map iframe {
        height: 500px
    }

    .team-details-area .contact-info-box {
        padding: 29px 13px 27px;
        display: block
    }

    .team-details-area .contact-info-icon i {
        margin-bottom: 15px
    }

    .inner-style .single-location-box {
        padding: 93px 23px 59px
    }

    .inner-style .location-button a {
        padding: 15px 60px
    }

    .inner-style .choose-us-thumb img {
        left: 1px
    }

    .inner-style .mission-box {
        padding: 107px 25px 19px 23px
    }

    .header-area.style-foure .header-menu ul li a {
        display: inline-block;
        padding: 25px 0;
        font-size: 14px
    }

    .header-area.style-foure .header-button a {
        font-size: 12px;
        padding: 9px 20px
    }

    .header-area.style-foure ul.social-icon li a i {
        font-size: 14px;
        margin-right: 10px
    }

    .header-area.style-foure .header-menu,
    .header-area.style-foure .header-menu ul,
    .header-area.style-foure .social-media {
        margin-right: 0
    }

    .header-area.style-foure h3.social-title {
        font-size: 14px;
        margin-right: 14px
    }

    .header-area.style-foure .header-menu ul li {
        margin-right: 18px
    }

    .hero_list .owl-prev {
        left: 25px
    }

    .hero_list .owl-next {
        right: 25px
    }

    .service-area.style-foure .service-single-box {
        padding: 27px 42px 22px 26px;
        margin: 0 0 30px
    }

    .service-area.style-foure .service-icon {
        z-index: 1;
        float: inherit;
        margin-left: 0;
        margin-bottom: 24px
    }

    .service-area.style-foure h3.service-title {
        font-size: 21px
    }

    .counter-area.style-foure .counter-number-tow::before {
        bottom: 0
    }

    .about-area.style-foure .counter-box {
        right: 0
    }

    .about-area.style-foure .counter-number h1 {
        padding: 16px 12px 12px
    }

    .counter-area.style-foure .counter-number-tow {
        margin-right: 36px
    }

    .counter-area.style-foure .counter-number-tow h1 {
        font-size: 45px
    }

    .section-title.style-foure h1.section-main-title {
        font-size: 36px;
        line-height: 35px
    }

    .testimonial-area.style-foure h4.testi-date {
        margin-left: 94px
    }

    .about-area.style-foure .about-title h3 {
        font-size: 13px;
        line-height: 22px
    }

    .counter-area.style-foure .counter-content p {
        font-size: 14px;
        line-height: 27px
    }

    .counter-area.style-foure .service-btn-tow a {
        padding: 12px 26px
    }

    .team-area.style-foure .team-social-icon a i {
        font-size: 11px;
        height: 30px;
        width: 30px;
        line-height: 28px
    }

    .team-area.style-foure .team-bottom-title h3::before {
        left: -155px
    }

    .team-area.style-foure .team-bottom-title h3::after {
        left: 71%
    }

    .footer-area.style-foure .footer-newslatter-box input {
        width: 94%
    }
}

@media (min-width:768px) and (max-width:991px) {

    .counter-area.style-foure .dreamit-button,
    .header-area,
    .hero_list .owl-next,
    .hero_list .owl-prev,
    .inner-style-one .images-thumb,
    .location-icon:after,
    .location-icon:before,
    .style-one .about-shape,
    .style-three .hero-right,
    .style-three.contact-area-info .contact-shape,
    .style-three.contact-area-info .contact-thumb,
    .style-two .portfolio-title a i,
    .style-two .working-process-box:after,
    .style-two .working-process-box:before,
    .top-header-area {
        display: none
    }

    .sticky {
        position: absolute !important
    }

    .style-one.hero-area {
        height: 800px
    }

    .style-one .hero-content h4 {
        font-size: 18px;
        margin: 0 0 14px
    }

    .style-one .hero-content h1 {
        font-size: 50px;
        line-height: 50px
    }

    .inner-style-two.about-area .inner-style.section-title.left p.section-desc,
    .style-one .hero-content p {
        width: 78%
    }

    .awards-one .section-title.style-foure p.description,
    .style-one.feature-area {
        padding: 0
    }

    .style-one .flip-box {
        margin-bottom: 158px;
        width: 100%
    }

    .style-one.about-area {
        padding: 92px 0 115px
    }

    .style-one .about-thumb {
        left: 0
    }

    .style-one .about-thumb img {
        width: 100%;
        margin-bottom: 27px
    }

    .style-one.section-title p {
        width: 88%
    }

    .footer-area.style-foure .footer-newslatter-box input,
    .style-one .about-icon-box-content p {
        width: 81%
    }

    .style-one.section-title h1 {
        font-size: 40px
    }

    .style-one .single-process-box {
        padding: 0 60px
    }

    .style-one .single-process-box:before {
        background: 0 0
    }

    .style-one .single-contact-box {
        margin-bottom: 26px
    }

    .style-one .single-team-box {
        margin-bottom: 27px
    }

    .style-one .testi-desc p {
        font-size: 16px;
        line-height: 28px;
        width: 80%
    }

    .style-one.testimonial-area .owl-dot {
        margin: 0 8px
    }

    .blog-grid-area .blog-title a,
    .style-one .blog-content a {
        font-size: 20px;
        line-height: 26px
    }

    .style-one .footer-widget-desc p {
        width: 87%
    }

    .footer-widget-content {
        margin-bottom: 40px
    }

    .style-one .footer-bottom-area {
        margin-top: 55px
    }

    .style-one .footer-bottom-content p {
        font-size: 15px
    }

    .style-two .hero-right {
        position: relative;
        display: none
    }

    .style-two .hero-content p {
        width: 80%
    }

    .style-two.about-area {
        padding: 786px 0 115px;
        margin-top: -691px
    }

    .style-two .about-left {
        margin-bottom: 36px
    }

    .style-two .about-shape {
        right: 129px;
        bottom: 28px
    }

    .style-two.about-area .section-title p {
        margin: 19px 0 0;
        width: 85%
    }

    .style-two .about-icon-box-content h4 {
        width: 90%;
        line-height: 32px
    }

    .style-two .single-services-box {
        padding: 37px 40px 30px
    }

    .style-two .team-socila-icon-box {
        left: 148px;
        bottom: -26px
    }

    .style-two.team-area .ibc-button {
        text-align: left;
        margin-top: -13px;
        padding-bottom: 38px
    }

    .style-two .team-shape {
        bottom: -47px;
        left: -2px
    }

    .style-two .portfolio_menu ul li {
        margin-right: 9px;
        padding: 10px 21px
    }

    .style-two.portfolio-area .container-fluid {
        padding: 0 40px
    }

    .style-two .single-portfolio-box {
        margin-bottom: 92px
    }

    .about-thumb img,
    .style-two .portfolio-content,
    .work-thumb img {
        width: 100%
    }

    .style-two .portfolio-title a {
        font-size: 20px;
        line-height: 28px
    }

    .style-two.working-proces-area {
        padding: 248px 0 85px;
        margin-top: -256px
    }

    .style-two .working-process-box {
        padding: 0 10px
    }

    .style-two .process-thumb:before {
        left: 35px;
        top: -13px
    }

    .style-two.contact-info-area {
        padding: 123px 0 94px
    }

    .style-two .contact-info-box {
        padding: 29px 19px 27px;
        margin-bottom: 28px;
        gap: 18px
    }

    .style-two .contact-info-content p {
        font-size: 23px
    }

    .style-two.pricing-area {
        background-position: center
    }

    .style-two.pricing-area .faqs-container {
        overflow: hidden;
        margin-bottom: 60px
    }

    .style-two .pricing-right {
        padding-left: 0;
        padding-right: 230px
    }

    .style-three.hero-area {
        background-position: center left
    }

    .style-three .single-feature-box {
        padding: 37px 21px 18px
    }

    .style-three .about-left {
        left: 0;
        margin-bottom: 35px
    }

    .style-three .abour-award-box {
        top: 19px;
        right: 95px
    }

    .style-three .about-video-box {
        top: 40%;
        left: 38%
    }

    .style-three.about-area .style-two.section-title p {
        width: 83%
    }

    .style-three .about-phone {
        width: 43%;
        padding: 29px 23px;
        right: 98px
    }

    .inner-style.section-title.left p.section-desc,
    .style-three.contact-area-info .contact-content p {
        width: 72%
    }

    .about-area.style-foure .about-thumb,
    .style-three .single-pricing-box {
        margin-top: 50px
    }

    .style-three.portfolio-area .container-fluid {
        padding: 0 22px
    }

    .style-three .portfolio-content {
        padding: 30px 22px;
        width: 90%
    }

    .style-three .portfolio-content a {
        font-size: 20px
    }

    .style-three .single-subscribe-box {
        left: 0;
        padding-top: 35px
    }

    .style-three .single-process-box {
        padding: 0 20px 30px
    }

    .style-three.process-area .row.add-bg {
        padding: 96px 0 50px;
        margin-top: -237px
    }

    .style-three .single-contact-box {
        margin-right: 0
    }

    .style-three .single-input-box textarea {
        margin-top: 21px
    }

    .style-three .massage-sent-button button {
        margin-bottom: 39px
    }

    .breadcumb-area {
        padding: 195px 0 153px;
        margin-top: 0;
        text-align: center
    }

    .inner-style-one.images-area {
        padding: 100px 0 141px
    }

    .inner-style-one.about-area {
        padding: 567px 0 121px;
        margin-top: -477px
    }

    .inner-style-one .about-left {
        left: 0;
        margin-bottom: 25px
    }

    .inner-style-one .abour-right {
        padding-left: 0
    }

    .style-two.brand-area {
        padding: 76px 0 64px
    }

    .inner-style-two .about-left {
        left: 0;
        margin-bottom: 45px
    }

    .inner-style-two .about-single-box {
        width: 44%
    }

    .style-one.inner.team-area .ibc-button.style-one {
        text-align: left;
        margin-top: -9px;
        margin-bottom: 37px
    }

    p.services-details-desc {
        font-size: 16px;
        margin-top: 24px;
        text-align: justify
    }

    .widget-sidber {
        margin-top: 38px
    }

    .project-details-right {
        margin-bottom: 37px
    }

    .inner-style .tab-button {
        float: left;
        margin-top: -23px;
        margin-bottom: 26px
    }

    .inner-style .pricing-head {
        padding: 28px 26px 14px
    }

    .inner-style .pricing-body {
        padding: 27px 22px 34px
    }

    .inner-style .single-pricing-box {
        margin-bottom: 20px
    }

    .inner-style .pricing-textar-text p:after,
    .inner-style .pricing-textar-text p:before {
        background-image: none
    }

    .inner-style.faqs-area .section-title.left p {
        margin: 25px 124px 0 0
    }

    .inner-style .faqs-icon-box {
        margin: 33px 0 42px
    }

    .inner-style .careers-desc p {
        width: 75%;
        float: left;
        margin: 13px 0 0
    }

    .inner-style.careers-area .row.add-border {
        padding-top: 43px;
        padding-bottom: 42px
    }

    .inner-style .job-apply-button {
        text-align: left
    }

    .inner-style .job-desc p {
        margin: 13px 0 28px;
        width: 66%
    }

    .inner-style .single-feature-box {
        padding: 56px 24px 33px
    }

    .blog-grid-area .single-blog-box {
        padding: 20px 5px 31px
    }

    .blog-grid-area .blog-category a {
        left: 5px
    }

    .blog-grid-area .blog-button i {
        top: 165px;
        right: 15px
    }

    .blog-grid-area .blog-content {
        padding: 25px 15px 3px
    }

    @-webkit-keyframes MOVE-BG {
        from {
            -webkit-transform: translateX(0);
            transform: translateX(0)
        }

        to {
            -webkit-transform: translateX(250px);
            transform: translateX(250px)
        }
    }

    p.blog-details-desc {
        font-size: 16px
    }

    .blog-details-author-title p {
        font-size: 19px
    }

    .blog-details-category span a {
        padding: 6px 12px
    }

    .blog-details-comment.style-two {
        margin-left: 56px
    }

    .recent-widget-content a {
        width: 70%
    }

    .google-map iframe {
        height: 400px
    }

    .team-details-area .team-thumb img {
        width: 100%;
        margin-bottom: 29px
    }

    .team-details-area .team-details-skills {
        margin-top: 59px
    }

    .inner-style .single-location-box {
        padding: 93px 44px 59px
    }

    .inner-style .location-button a {
        padding: 15px 60px
    }

    .inner-style .choose-us-thumb img {
        left: 0;
        width: 100%;
        margin-top: 20px
    }

    .inner-style .mission-box {
        padding: 107px 55px 108px 50px;
        margin-left: 0
    }

    .mission-thumb.two {
        position: relative;
        left: 0
    }

    .style-foure .hero-content h1 {
        font-size: 56px;
        line-height: 53px
    }

    .service-area.style-foure .service-single-box {
        padding: 31px 0 26px 34px;
        border-radius: 10px;
        margin-left: 0
    }

    .service-area.style-foure .service-icon {
        float: inherit;
        margin-right: 24px;
        margin-left: 0;
        margin-bottom: 21px
    }

    .counter-area.style-foure .counter-number-tow h1 {
        display: inline-block;
        font-size: 56px
    }

    .works-thumb img {
        width: 100%;
        margin-bottom: 50px
    }

    .works-area.style-foure .works-video-icon {
        left: 53%
    }

    .project-area.style-foure p.project-desc {
        width: 92%
    }

    .team-area.style-foure .team-single-box.style-foure,
    .team-area.style-foure .team-single-box.style-twos {
        margin-top: 0
    }
}

@media (min-width:600px) and (max-width:767px) {

    .counter-area.style-foure .dreamit-button,
    .header-area,
    .hero_list .owl-next,
    .hero_list .owl-prev,
    .inner-style-one .images-thumb,
    .style-one .about-shape,
    .style-three .hero-right,
    .style-three.contact-area-info .contact-shape,
    .style-three.contact-area-info .contact-thumb,
    .style-two .portfolio-title a i,
    .style-two .working-process-box:after,
    .style-two .working-process-box:before,
    .top-header-area {
        display: none
    }

    .sticky {
        position: absolute !important
    }

    .style-one.hero-area {
        height: 785px
    }

    .style-one .hero-content h4 {
        font-size: 18px;
        margin: 0 0 14px
    }

    .style-one .hero-content h1 {
        font-size: 40px;
        line-height: 46px
    }

    .style-one .about-icon-box-content p,
    .style-one .hero-content p {
        width: 81%
    }

    .awards-one .section-title.style-foure p.description,
    .style-one.feature-area {
        padding: 0
    }

    .style-one .flip-box {
        margin-bottom: 158px;
        width: 100%
    }

    .style-one.about-area {
        padding: 92px 0 115px
    }

    .style-one .about-thumb {
        left: 0
    }

    .style-one .about-thumb img {
        width: 100%;
        margin-bottom: 27px
    }

    .style-one.section-title p {
        width: 88%
    }

    .style-one.section-title h1 {
        font-size: 30px
    }

    .style-one .single-process-box {
        padding: 0 113px
    }

    .style-one .single-process-box:after,
    .style-one .single-process-box:before {
        background: 0 0
    }

    .style-one .row.add-faqs-bg {
        padding: 40px 10px 39px
    }

    .style-one .single-contact-box {
        margin-bottom: 26px
    }

    .style-one .single-team-box {
        margin-bottom: 27px
    }

    .style-one .testi-desc p {
        font-size: 16px;
        line-height: 28px;
        width: 80%
    }

    .style-one.testimonial-area .owl-dot {
        margin: 0 8px
    }

    .style-one .blog-content a {
        font-size: 18px;
        line-height: 24px
    }

    .style-one .footer-widget-desc p {
        width: 67%
    }

    .footer-widget-content {
        margin-bottom: 40px
    }

    .style-one .footer-bottom-area {
        margin-top: 55px
    }

    .style-one .footer-bottom-content p {
        font-size: 15px
    }

    .style-one .inner-style.ibc-button a {
        margin-bottom: 33px
    }

    .style-one .footer-botton-social-icon {
        text-align: left;
        margin-top: 16px
    }

    .style-one .footer-newslatter-box input,
    .style-three .single-subscribe-box input {
        width: 74%
    }

    .style-two .hero-right {
        position: relative;
        display: none
    }

    .style-three .hero-content h1,
    .style-two .hero-content h1 {
        font-size: 50px;
        line-height: 55px
    }

    .style-two .hero-content p {
        width: 80%
    }

    .style-two.about-area {
        padding: 1079px 0 115px;
        margin-top: -976px
    }

    .style-two .about-left {
        margin-bottom: 36px
    }

    .style-two .about-shape {
        right: -16px;
        bottom: 14px
    }

    .style-two.section-title h1 {
        font-size: 36px;
        line-height: 38px
    }

    .style-two.about-area .section-title p {
        margin: 19px 0 0;
        width: 98%
    }

    .style-two .about-icon-box-content h4 {
        width: 70%;
        line-height: 32px
    }

    .about-thumb img,
    .inner-style .faqs-icon-content p,
    .inner-style-one .about-thumb img,
    .inner-style-two .about-thumb img,
    .style-three .about-thumb img,
    .style-two .about-thumb img,
    .style-two .portfolio-content,
    .work-thumb img {
        width: 100%
    }

    .style-two .about-conter-box {
        top: -2px;
        left: 5px
    }

    .style-two .single-services-box {
        padding: 37px 40px 30px
    }

    .style-two .team-socila-icon-box {
        left: 227px;
        bottom: -26px
    }

    .style-two.team-area .ibc-button {
        text-align: left;
        margin-top: -13px;
        padding-bottom: 38px
    }

    .style-two .team-shape {
        bottom: -47px;
        left: 84px
    }

    .style-two .portfolio_menu ul li {
        margin-right: 9px;
        padding: 10px 21px
    }

    .style-two.portfolio-area .container-fluid {
        padding: 0 40px
    }

    .style-two .single-portfolio-box {
        margin-bottom: 92px
    }

    .style-two .portfolio-title a {
        font-size: 20px;
        line-height: 28px
    }

    .style-two.working-proces-area {
        padding: 248px 0 85px;
        margin-top: -256px
    }

    .style-two.working-proces-area .section-title h1 {
        font-size: 34px
    }

    .style-two .working-process-box {
        padding: 0 99px
    }

    .style-two .process-thumb:before {
        left: 35px;
        top: -13px
    }

    .style-two.contact-info-area {
        padding: 123px 0 94px
    }

    .style-two .contact-info-box {
        padding: 29px 19px 27px;
        margin-bottom: 28px;
        gap: 18px
    }

    .style-two .contact-info-content p,
    h4.blog-details-title {
        font-size: 23px
    }

    .style-two.pricing-area {
        background-position: center
    }

    .style-two.pricing-area .faqs-container {
        overflow: hidden;
        margin-bottom: 60px
    }

    .style-two .pricing-right {
        padding-left: 0;
        padding-right: 20px
    }

    .style-two.brand-area {
        padding: 76px 0 61px
    }

    .style-three.hero-area {
        background-position: center left
    }

    .style-three .hero-content p {
        width: 85%
    }

    .style-three .single-feature-box {
        padding: 37px 21px 18px
    }

    .style-three .about-left {
        left: 0;
        margin-bottom: 35px
    }

    .style-three .abour-award-box {
        top: 6px;
        right: -3px
    }

    .style-three .about-video-box {
        top: 40%;
        left: 38%
    }

    .style-three.about-area .style-two.section-title p {
        width: 83%
    }

    .style-three .about-phone {
        width: 57%;
        padding: 29px 23px;
        right: -40px;
        transform: rotate(54deg);
        bottom: 47px
    }

    .style-three.contact-area-info .contact-content p {
        width: 72%
    }

    .style-three .single-pricing-box {
        margin-top: 50px;
        padding: 41px 17px 42px
    }

    .style-three.portfolio-area .container-fluid {
        padding: 0 22px
    }

    .style-three .portfolio-content {
        padding: 30px 22px;
        width: 90%
    }

    .style-three .portfolio-content a {
        font-size: 20px
    }

    .style-three .single-subscribe-box {
        left: 0;
        padding-top: 35px
    }

    .style-three.subscribe-area .section-title.left h1 {
        color: #fff;
        font-size: 36px
    }

    .style-three .single-process-box {
        padding: 0 75px 30px
    }

    .style-three.process-area .row.add-bg {
        padding: 96px 0 50px;
        margin-top: -237px
    }

    .style-three .single-contact-box {
        margin-right: 0
    }

    .style-three .single-input-box textarea {
        margin-top: 21px
    }

    .style-three .massage-sent-button button {
        margin-bottom: 39px
    }

    .style-three .single-contact-info-box {
        padding: 60px 39px 49px
    }

    .breadcumb-area {
        padding: 191px 0 153px;
        margin-top: 0;
        text-align: center
    }

    .inner-style-one.images-area {
        padding: 100px 0 141px
    }

    .inner-style-one.about-area {
        padding: 567px 0 121px;
        margin-top: -477px
    }

    .inner-style-one .about-left {
        left: 0;
        margin-bottom: 25px
    }

    .inner-style-one .abour-right {
        padding-left: 0
    }

    .inner-style.section-title.left p.section-desc {
        width: 96%
    }

    .inner-style-one .abour-award-box {
        padding: 25px 18px 22px;
        width: 51%;
        right: -30px
    }

    .inner-style-one .about-shape {
        bottom: 20px;
        left: 67px
    }

    .inner-style-two .about-left {
        left: 0;
        margin-bottom: 45px
    }

    .inner-style-two.about-area .inner-style.section-title.left p.section-desc {
        width: 78%
    }

    .inner-style-two .about-single-box {
        width: 44%
    }

    .style-one.inner.team-area .ibc-button.style-one {
        text-align: left;
        margin-top: -9px;
        margin-bottom: 37px
    }

    .inner-style .single-service-box {
        padding: 0 81px 32px
    }

    .inner-style.section-title.center h1 {
        font-size: 38px;
        line-height: 38px
    }

    h4.services-details-title {
        font-size: 33px
    }

    p.services-details-desc {
        font-size: 16px;
        margin-top: 24px;
        text-align: justify
    }

    .service-details-text-content p {
        font-size: 17px;
        line-height: 26px
    }

    .widget-sidber {
        margin-top: 38px
    }

    .project-details-content h4 {
        font-size: 32px
    }

    .project-details-right {
        margin-bottom: 37px
    }

    .inner-style .tab-button {
        float: left;
        margin-top: -23px;
        margin-bottom: 26px
    }

    .inner-style .pricing-head {
        padding: 28px 26px 14px
    }

    .inner-style .pricing-body {
        padding: 27px 22px 34px
    }

    .inner-style .single-pricing-box {
        margin-bottom: 20px
    }

    .inner-style .pricing-textar-text p:after,
    .inner-style .pricing-textar-text p:before {
        background-image: none
    }

    .inner-style.faqs-area .section-title.left p {
        margin: 25px 124px 0 0
    }

    .inner-style .faqs-thumb {
        margin: 0 2px
    }

    .inner-style .faqs-icon-box {
        margin: 33px 0 42px
    }

    .inner-style.careers-area .row.title {
        margin-bottom: 44px
    }

    .inner-style .careers-desc p {
        width: 75%;
        float: left;
        margin: 13px 0 0
    }

    .inner-style.careers-area .row.add-border {
        padding-top: 43px;
        padding-bottom: 42px
    }

    .inner-style .job-apply-button {
        text-align: left
    }

    .inner-style .job-desc p {
        margin: 13px 0 28px;
        width: 66%
    }

    .inner-style .job-requirements-content p {
        text-align: justify
    }

    .inner-style .single-feature-box {
        padding: 56px 94px 33px
    }

    .blog-grid-area .single-blog-box {
        padding: 20px 5px 31px
    }

    .blog-grid-area .blog-category a {
        left: 5px
    }

    .blog-grid-area .blog-button i {
        top: 262px;
        right: 15px
    }

    .blog-grid-area .blog-content {
        padding: 25px 47px 3px
    }

    .blog-grid-area .blog-title a {
        font-size: 20px;
        line-height: 26px
    }

    @-webkit-keyframes MOVE-BG {
        from {
            -webkit-transform: translateX(0);
            transform: translateX(0)
        }

        to {
            -webkit-transform: translateX(350px);
            transform: translateX(350px)
        }
    }

    .blog-details-area .meta-blog span {
        margin-right: 16px
    }

    p.blog-details-desc {
        font-size: 16px
    }

    .blog-details-author-title p {
        font-size: 16px;
        line-height: 26px
    }

    .blog-details-thumb.two {
        margin-bottom: 17px
    }

    .blog-details-social-icon {
        text-align: left;
        padding-top: 21px
    }

    .blog-details-category span a {
        padding: 6px 12px
    }

    .blog-details-comment {
        padding: 29px 6px 25px
    }

    .blog-details-comment-thumb {
        margin-right: 3px
    }

    .blog-details-comment-content h2 {
        margin-right: 7px
    }

    .blog-details-comment.style-two {
        margin-left: 3px
    }

    .recent-widget-content a {
        width: 70%
    }

    .google-map iframe {
        height: 400px
    }

    .team-details-area .team-thumb img {
        width: 100%;
        margin-bottom: 29px
    }

    .team-details-area .team-details-skills {
        margin-top: 59px
    }

    .inner-style .single-location-box {
        padding: 93px 44px 59px
    }

    .inner-style .location-button a {
        padding: 15px 60px
    }

    .inner-style .choose-us-thumb img {
        left: 0;
        width: 100%;
        margin-top: 20px
    }

    .inner-style .single-choose-us-box {
        padding: 0 92px
    }

    .inner-style .mission-box {
        padding: 107px 55px 108px 50px;
        margin-left: 0
    }

    .mission-thumb.two {
        position: relative;
        left: 0
    }

    .style-foure .hero-content h1 {
        font-size: 48px;
        line-height: 49px
    }

    .service-area.style-foure .service-single-box {
        padding: 36px 85px 29px;
        border-radius: 10px;
        margin-left: 0;
        text-align: center
    }

    .service-area.style-foure .service-icon {
        float: inherit;
        margin: auto
    }

    .service-area.style-foure h3.service-title {
        padding: 23px 0 0
    }

    .about-area.style-foure .about-thumb {
        margin-top: 50px
    }

    .about-area.style-foure .about-title.style-two {
        margin-left: 0
    }

    .about-area.style-foure .counter-box {
        right: 0
    }

    .section-title.style-foure h1.section-main-title {
        font-size: 38px;
        line-height: 39px
    }

    .counter-area.style-foure .counter-number-tow h1 {
        display: inline-block;
        font-size: 56px
    }

    .works-thumb img {
        width: 100%;
        margin-bottom: 50px
    }

    .works-area.style-foure .works-video-icon {
        left: 53%
    }

    .project-area.style-foure p.project-desc {
        width: 92%
    }

    .team-area.style-foure .team-single-box.style-foure,
    .team-area.style-foure .team-single-box.style-twos {
        margin-top: 0
    }

    .footer-area.style-foure .footer-newslatter-box input {
        width: 73%
    }

    .footer-botton-list {
        text-align: center;
        margin-top: 19px
    }

    .footer-bottom-content p {
        text-align: center
    }
}

@media (min-width:480px) and (max-width:599px) {

    .counter-area.style-foure .dreamit-button,
    .header-area,
    .hero_list .owl-next,
    .hero_list .owl-prev,
    .inner-style-one .images-thumb,
    .style-one .about-shape,
    .style-one.testimonial-area .owl-nav,
    .style-three .about-phone,
    .style-three .hero-right,
    .style-three.contact-area-info .contact-shape,
    .style-three.contact-area-info .contact-thumb,
    .style-two .portfolio-title a i,
    .style-two .working-process-box:after,
    .style-two .working-process-box:before,
    .team-area.style-foure .team-bottom-title h3::after,
    .team-area.style-foure .team-bottom-title h3::before,
    .top-header-area {
        display: none
    }

    .sticky {
        position: absolute !important
    }

    .style-one.hero-area {
        height: 800px
    }

    .style-one .hero-content h4 {
        font-size: 18px;
        margin: 0 0 14px
    }

    .style-one .hero-content h1 {
        font-size: 40px;
        line-height: 46px
    }

    .style-one .hero-content p {
        width: 94%
    }

    .awards-one .section-title.style-foure p.description,
    .style-one.feature-area {
        padding: 0
    }

    .style-one .flip-box {
        margin-bottom: 158px
    }

    .style-one.about-area {
        padding: 92px 0 115px
    }

    .style-one .about-thumb {
        left: 0
    }

    .style-one .about-thumb img {
        width: 100%;
        margin-bottom: 27px
    }

    .style-one.section-title p {
        width: 88%
    }

    .style-one .about-icon-box-content p {
        width: 81%
    }

    .style-one.section-title h1 {
        font-size: 26px
    }

    .style-one .single-process-box {
        padding: 0 113px
    }

    .style-one .single-process-box:after,
    .style-one .single-process-box:before {
        background: 0 0
    }

    .style-one .row.add-faqs-bg {
        padding: 40px 10px 39px
    }

    .faq-singular .faq-question {
        padding: 16px 25px 15px 19px;
        font-size: 16px
    }

    .style-one .single-contact-box {
        margin-bottom: 26px
    }

    .style-one .single-team-box {
        margin-bottom: 27px
    }

    .style-one .testi-desc p {
        font-size: 16px;
        line-height: 28px;
        width: 100%
    }

    .style-one.testimonial-area .owl-dot {
        margin: 0 8px
    }

    .style-one .blog-content a {
        font-size: 18px;
        line-height: 24px
    }

    .style-one .footer-widget-desc p {
        width: 90%
    }

    .footer-widget-content {
        margin-bottom: 40px
    }

    .style-one .footer-bottom-area {
        margin-top: 55px
    }

    .style-one .footer-bottom-content p {
        font-size: 15px
    }

    .style-one .inner-style.ibc-button a {
        margin-bottom: 33px
    }

    .style-one .footer-botton-social-icon {
        text-align: left;
        margin-top: 16px
    }

    .style-one .footer-newslatter-box input {
        width: 74%
    }

    .style-two .hero-right {
        position: relative;
        display: none
    }

    .style-three .hero-content h1,
    .style-two .hero-content h1 {
        font-size: 44px;
        line-height: 46px
    }

    .style-two .hero-content p {
        width: 96%;
        margin: 24px 0 0
    }

    .style-two.about-area {
        padding: 1079px 0 115px;
        margin-top: -976px
    }

    .style-two .about-left {
        margin-bottom: 36px
    }

    .style-two .about-shape {
        right: -16px;
        bottom: 14px
    }

    .inner-style.section-title.left h1,
    .style-two.section-title h1 {
        font-size: 30px;
        line-height: 30px
    }

    .style-two.about-area .section-title p {
        margin: 19px 0 0;
        width: 91%
    }

    .style-two .about-icon-box-content h4 {
        width: 64%;
        line-height: 32px
    }

    .about-thumb img,
    .inner-style .faqs-icon-content p,
    .inner-style-one .about-thumb img,
    .inner-style-two .about-thumb img,
    .style-three .about-thumb img,
    .style-two .about-thumb img,
    .style-two .portfolio-content,
    .work-thumb img {
        width: 100%
    }

    .style-two .about-conter-box {
        top: -11px;
        left: -10px
    }

    .style-two .single-services-box {
        padding: 37px 40px 30px
    }

    .style-two .team-socila-icon-box {
        left: 212px;
        bottom: -26px
    }

    .style-two.team-area .ibc-button {
        text-align: left;
        margin-top: -13px;
        padding-bottom: 38px
    }

    .style-two .team-shape {
        bottom: -47px;
        left: 84px
    }

    .style-two .portfolio_menu ul li {
        margin-right: 3px;
        padding: 10px
    }

    .style-two.portfolio-area .container-fluid {
        padding: 0 40px
    }

    .style-two .single-portfolio-box {
        margin-bottom: 92px
    }

    .style-two .portfolio-title a {
        font-size: 20px;
        line-height: 28px
    }

    .style-two.working-proces-area {
        padding: 248px 0 85px;
        margin-top: -256px
    }

    .style-two.working-proces-area .section-title h1 {
        font-size: 34px
    }

    .style-two .working-process-box {
        padding: 0 70px
    }

    .style-two .process-thumb:before {
        left: 35px;
        top: -13px
    }

    .style-two.contact-info-area {
        padding: 123px 0 94px
    }

    .style-two .contact-info-box {
        padding: 29px 19px 27px;
        margin-bottom: 28px;
        gap: 18px
    }

    .style-two .contact-info-content p {
        font-size: 23px
    }

    .style-two.pricing-area {
        background-position: center
    }

    .style-three .portfolio-content a,
    .style-two .faq-singular .faq-question {
        font-size: 20px
    }

    .style-two.pricing-area .faqs-container {
        overflow: hidden;
        margin-bottom: 60px
    }

    .style-two .pricing-right {
        padding-left: 0;
        padding-right: 0
    }

    .style-two.brand-area {
        padding: 76px 0 70px
    }

    .style-three.hero-area {
        background-position: center left
    }

    .style-three .hero-content p {
        width: 85%
    }

    .style-three .single-feature-box {
        padding: 37px 90px 18px
    }

    .style-three .about-left {
        left: 0;
        margin-bottom: 35px
    }

    .style-three .abour-award-box {
        top: 6px;
        right: -3px
    }

    .style-three .about-shape {
        bottom: 13px;
        left: 75px
    }

    .style-three .about-video-box {
        top: 40%;
        left: 38%
    }

    .project-area.style-foure p.project-desc,
    .style-three.about-area .style-two.section-title p {
        width: 92%
    }

    .style-three .about-shape-two {
        bottom: 11px;
        left: 57%
    }

    .style-three.choose-us-area .inner-style.section-title.left p.section-desc {
        width: 99%
    }

    .style-three .single-subscribe-box input,
    .style-three.contact-area-info .contact-content p {
        width: 72%
    }

    .style-three .single-pricing-box {
        margin-top: 50px;
        padding: 41px 17px 42px
    }

    .style-three.portfolio-area .container-fluid {
        padding: 0 22px
    }

    .style-three .portfolio-content {
        padding: 30px 22px;
        width: 90%
    }

    .style-three .single-subscribe-box {
        left: 0;
        padding-top: 35px
    }

    .style-three.subscribe-area .section-title.left h1 {
        color: #fff;
        font-size: 28px
    }

    .style-three .single-process-box {
        padding: 0 75px 30px
    }

    .style-three.process-area .row.add-bg {
        padding: 96px 0 50px;
        margin-top: -237px
    }

    .style-three .single-contact-box {
        margin-right: 0
    }

    .style-three .single-input-box textarea {
        margin-top: 21px
    }

    .style-three .massage-sent-button button {
        margin-bottom: 39px
    }

    .style-three .single-contact-info-box {
        padding: 60px 39px 49px
    }

    .breadcumb-area {
        padding: 195px 0 153px;
        margin-top: 0;
        text-align: center
    }

    .breadcumb-content h4 {
        font-size: 46px;
        color: #fff
    }

    .inner-style-one.images-area {
        padding: 100px 0 141px
    }

    .inner-style-one.about-area {
        padding: 567px 0 121px;
        margin-top: -477px
    }

    .inner-style-one .about-left {
        left: 0;
        margin-bottom: 25px
    }

    .inner-style-one .abour-right {
        padding-left: 0
    }

    .inner-style.section-title.left p.section-desc {
        width: 96%
    }

    .inner-style-one .abour-award-box {
        padding: 25px 18px 22px;
        width: 54%;
        right: -20px;
        top: 7px
    }

    .inner-style-one .about-shape {
        bottom: -8px;
        left: 36px
    }

    .inner-style-two .about-left {
        left: 0;
        margin-bottom: 45px
    }

    .inner-style-two.about-area .inner-style.section-title.left p.section-desc {
        width: 95%
    }

    .inner-style-two .about-single-box {
        width: 48%
    }

    .style-one.inner.team-area .ibc-button.style-one {
        text-align: left;
        margin-top: -9px;
        margin-bottom: 37px
    }

    .inner-style .single-service-box {
        padding: 0 59px 32px
    }

    .inner-style.section-title.center h1 {
        font-size: 34px;
        line-height: 30px
    }

    h4.services-details-title {
        font-size: 30px
    }

    p.services-details-desc {
        font-size: 16px;
        margin-top: 24px;
        text-align: justify
    }

    .service-details-text-content p {
        font-size: 17px;
        line-height: 26px
    }

    .widget-sidber {
        margin-top: 38px
    }

    .project-details-content h4 {
        font-size: 32px
    }

    .project-details-right {
        margin-bottom: 37px
    }

    .inner-style .tab-button {
        float: left;
        margin-top: -23px;
        margin-bottom: 26px
    }

    .inner-style .pricing-head {
        padding: 28px 26px 14px
    }

    .inner-style .pricing-body {
        padding: 27px 22px 34px
    }

    .inner-style .single-pricing-box {
        margin-bottom: 20px
    }

    .inner-style .pricing-textar-text p:after,
    .inner-style .pricing-textar-text p:before {
        background-image: none
    }

    .inner-style.faqs-area .section-title.left p {
        margin: 25px 44px 0 0
    }

    .inner-style .faqs-thumb {
        margin: 0 0 15px
    }

    .inner-style .faqs-icon-box {
        margin: 33px 0 42px
    }

    .inner-style .faq-answer {
        padding: 21px 21px 25px
    }

    .inner-style.careers-area .row.title {
        margin-bottom: 44px
    }

    .inner-style .careers-desc p {
        width: 90%;
        float: left;
        margin: 13px 0 0
    }

    .inner-style.careers-area .row.add-border {
        padding-top: 43px;
        padding-bottom: 42px
    }

    .inner-style .job-apply-button {
        text-align: left
    }

    .inner-style .job-desc p {
        margin: 13px 0 28px;
        width: 66%
    }

    .inner-style .job-requirements-content p {
        text-align: justify
    }

    .inner-style .single-feature-box {
        padding: 56px 72px 33px
    }

    .blog-grid-area .single-blog-box {
        padding: 20px 5px 31px
    }

    .blog-grid-area .blog-category a {
        left: 5px
    }

    .blog-grid-area .blog-button i {
        top: 229px;
        right: 15px
    }

    .blog-grid-area .blog-content {
        padding: 25px 23px 3px
    }

    .blog-grid-area .blog-title a {
        font-size: 20px;
        line-height: 26px
    }

    @-webkit-keyframes MOVE-BG {
        from {
            -webkit-transform: translateX(0);
            transform: translateX(0)
        }

        to {
            -webkit-transform: translateX(340px);
            transform: translateX(340px)
        }
    }

    .blog-details-content {
        padding: 27px 16px 20px
    }

    .blog-details-area .meta-blog i {
        padding-right: 4px
    }

    .blog-details-area .meta-blog span {
        margin-right: 9px
    }

    h4.blog-details-title {
        font-size: 22px
    }

    p.blog-details-desc {
        font-size: 16px;
        text-align: justify
    }

    .blog-details-author-talk {
        padding: 41px 18px 40px
    }

    .blog-details-author-title p {
        font-size: 16px;
        line-height: 26px
    }

    .blog-details-thumb.two {
        margin-bottom: 17px
    }

    .blog-details-social-icon {
        text-align: left;
        padding-top: 21px
    }

    .blog-details-category span a {
        padding: 6px 12px
    }

    .blog-details-comment {
        padding: 29px 22px 25px
    }

    .blog-details-comment-thumb {
        float: inherit;
        margin-bottom: 19px
    }

    .blog-details-comment-content h2 {
        margin-right: 7px
    }

    .blog-details-comment.style-two {
        margin-left: 3px
    }

    .recent-widget-content a {
        width: 70%
    }

    .google-map iframe {
        height: 350px
    }

    .team-details-area .team-thumb img {
        width: 100%;
        margin-bottom: 29px
    }

    .team-details-area .team-details-skills {
        margin-top: 59px
    }

    .inner-style .single-location-box {
        padding: 93px 44px 59px
    }

    .inner-style .location-button a {
        padding: 15px 60px
    }

    .inner-style .choose-us-thumb img {
        left: 0;
        width: 100%;
        margin-top: 20px
    }

    .inner-style .single-choose-us-box {
        padding: 0 92px
    }

    .inner-style .mission-box {
        padding: 107px 55px 48px 50px;
        margin-left: 0
    }

    .mission-thumb.two {
        position: relative;
        left: 0
    }

    .style-foure .hero-content h1 {
        font-size: 38px;
        line-height: 39px
    }

    .service-area.style-foure .service-single-box {
        padding: 36px 85px 29px;
        border-radius: 10px;
        margin-left: 0;
        text-align: center
    }

    .service-area.style-foure .service-icon {
        float: inherit;
        margin: auto
    }

    .service-area.style-foure h3.service-title {
        padding: 23px 0 0
    }

    .about-area.style-foure .about-thumb {
        margin-top: 50px
    }

    .about-area.style-foure .about-title.style-two {
        margin-left: 0
    }

    .about-area.style-foure .counter-box {
        right: 0
    }

    .section-title.style-foure h1.section-main-title {
        font-size: 31px;
        line-height: 33px
    }

    .counter-area.style-foure .counter-number-tow h1 {
        display: inline-block;
        font-size: 56px
    }

    .works-thumb img {
        width: 100%;
        margin-bottom: 50px
    }

    .works-area.style-foure .works-video-icon {
        left: 53%
    }

    .team-area.style-foure .team-single-box.style-foure,
    .team-area.style-foure .team-single-box.style-twos {
        margin-top: 0
    }

    .team-area.style-foure .team-bottom-title h3 {
        font-size: 14px
    }

    .footer-area.style-foure .footer-top-social-icon {
        text-align: left;
        margin-top: 79px
    }

    .footer-area.style-foure .footer-newslatter-box input {
        width: 73%
    }

    .footer-botton-list {
        text-align: center;
        margin-top: 19px
    }

    .footer-bottom-content p {
        text-align: center
    }

    .footer-area.style-foure .footer-widget-content p {
        width: 93%
    }
}

@media (min-width:320px) and (max-width:479px) {
    .mt-100 {
        margin-top: 32px
    }

    .blog-details-area,
    .inner-style.careers-area {
        padding: 50px 0
    }

    h3.blog-details-title {
        margin: 0 0 16px
    }

    .services-details-area {
        padding: 20px 0 78px
    }

    .contact-area.style-three.inner {
        padding: 0 0 50px
    }

    .testimonial-area.style-foure {
        padding: 40px 0 0;
        background: #e4e4e4
    }

    .project-details-content h4,
    .style-one.section-title h1,
    .testimonial-area.style-foure h3.testi-title {
        font-size: 18px
    }

    .inner-style-two.about-area {
        padding: 55px 0
    }

    .section-title.style-foure.text-left {
        margin-bottom: 18px
    }

    .feature-area.style-three.inner {
        padding: 15px
    }

    .about-area.style-foure .counter-box,
    .counter-area.style-foure .dreamit-button,
    .header-area,
    .hero_list .owl-next,
    .hero_list .owl-prev,
    .inner-style .faq-question img,
    .inner-style .pricing-textar-text,
    .inner-style-one .about-conuter-box,
    .inner-style-one .images-thumb,
    .location-icon:after,
    .location-icon:before,
    .style-one .about-shape,
    .style-one.testimonial-area .owl-nav,
    .style-three .about-phone,
    .style-three .hero-right,
    .style-three.contact-area-info .contact-shape,
    .style-three.contact-area-info .contact-thumb,
    .style-two .portfolio-title a i,
    .style-two .team-shape,
    .style-two .working-process-box:after,
    .style-two .working-process-box:before,
    .team-area.style-foure .team-bottom-title h3::after,
    .team-area.style-foure .team-bottom-title h3::before,
    .top-header-area {
        display: none
    }

    .sticky {
        position: absolute !important
    }

    .style-one.hero-area {
        height: 768px
    }

    .style-one .hero-content h4 {
        font-size: 18px;
        margin: 0 0 14px
    }

    .style-one .hero-content h1 {
        font-size: 24px;
        line-height: 25px
    }

    .style-one .hero-content p {
        width: 89%;
        font-size: 16px
    }

    .style-one .hero-button.style-one a,
    .style-two .pricing-icon i {
        margin-bottom: 23px
    }

    .awards-one .section-title.style-foure p.description,
    .inner-style .single-choose-us-box,
    .style-one.feature-area,
    .style-two .working-process-box {
        padding: 0
    }

    .style-one .flip-box {
        margin-bottom: 173px;
        width: 100%;
        height:210px;
    }

    .style-one .flip-box-inner {
        height: 183%;
    }

    .style-one.about-area {
        padding: 92px 0 35px
    }

    .style-one .about-thumb {
        left: 0
    }

    .style-one .about-thumb img {
        width: 100%;
        margin-bottom: 27px
    }

    .about-thumb img,
    .inner-style .faqs-icon-content p,
    .inner-style .project-content,
    .inner-style-one .about-thumb img,
    .inner-style-two .about-thumb img,
    .style-one .footer-widget-desc p,
    .style-one.section-title p,
    .style-three .about-thumb img,
    .style-three .single-subscribe-box input,
    .style-three.contact-area-info .contact-content p,
    .style-two .about-thumb img,
    .work-thumb img {
        width: 100%
    }

    .service-details-icon-box,
    .style-one .about-flex-box,
    .style-one .about-icon-box,
    .style-one.service-area .flip-box-back,
    .style-one.service-area .flip-box-front,
    .style-two .pricing-content {
        display: block
    }

    .style-one .about-icon-thumb {
        width: 85px;
        margin-bottom: 25px
    }

    .style-one .about-author,
    .style-three .single-input-box textarea {
        margin-top: 21px
    }

    .style-one .about-icon-box-content p {
        width: 81%
    }

    .style-one.service-area .flip-box-inner {
        height: 355px
    }

    .style-one .single-process-box {
        padding: 0 37px
    }

    .style-one .single-process-box:after,
    .style-one .single-process-box:before {
        background: 0 0
    }

    .style-one .single-contact-box {
        padding: 29px 19px 33px;
        border-radius: 10px;
        margin-bottom: 26px
    }

    .col-lg-6.faqs-right {
        padding-left: 14px
    }

    .style-one .row.add-faqs-bg {
        padding: 40px 10px 39px
    }

    .faq-singular .faq-question {
        padding: 16px 1px 15px 8px;
        font-size: 14px
    }

    .faq-question img {
        padding-right: 7px
    }

    .faq-answer {
        padding: 21px 14px 25px
    }

    .faq-singular .faq-question:before {
        right: 7px
    }

    .inner-style .feature-content h4,
    .style-one .portfolio-title a,
    .style-three .info-content h4,
    .style-three .portfolio-content a,
    .style-two .contact-info-content p,
    h3.blog-details-title {
        font-size: 20px
    }

    .style-one .single-team-box {
        margin-bottom: 27px
    }

    .style-one .testi-desc p {
        font-size: 16px;
        line-height: 28px;
        width: 100%;
        margin-top: 118px
    }

    .style-one.testimonial-area .owl-dot {
        width: 50px;
        height: 50px;
        margin: 0 4px
    }

    .style-one .blog-content a,
    .style-two .portfolio-title a {
        font-size: 18px;
        line-height: 24px
    }

    .footer-widget-content {
        margin-bottom: 40px
    }

    .style-foure.hero-button,
    .style-one .footer-bottom-area {
        margin-top: 55px
    }

    .breadcumb-content ul li,
    .style-one .footer-bottom-content p {
        font-size: 15px
    }

    .style-one .inner-style.ibc-button a {
        margin-bottom: 33px
    }

    .style-one .footer-botton-social-icon {
        text-align: left;
        margin-top: 16px
    }

    .style-one .footer-newslatter-box input {
        width: 74%
    }

    .style-two.hero-area {
        padding-bottom: 1px
    }

    .style-two .hero-right {
        position: relative;
        display: none
    }

    .style-two .hero-content h4 {
        margin: 0;
        line-height: 32px
    }

    .style-two .hero-content h1 {
        font-size: 28px;
        line-height: 30px
    }

    .style-two .hero-content p {
        width: 100%;
        margin: 24px 0 0;
        font-size: 16px
    }

    .style-two .hero-button a {
        margin-bottom: 20px;
        padding: 11px 32px 11px 37px
    }

    .style-two .single-feature-box {
        padding: 56px 26px 33px
    }

    .style-two.about-area {
        padding: 1079px 0 115px;
        margin-top: -976px
    }

    .style-two .about-left {
        margin-bottom: 36px
    }

    .style-two .about-shape {
        right: -36px;
        bottom: 14px
    }

    .style-two.section-title h1 {
        font-size: 19px;
        line-height: 20px
    }

    .style-two.about-area .section-title p {
        margin: 19px 0 0;
        width: 100%
    }

    .style-two .about-icon-box-content h4 {
        width: 100%;
        line-height: 32px
    }

    .style-two .about-conter-box {
        top: -11px;
        left: -10px;
        padding: 0 20px
    }

    .style-two .about-conter-box:before {
        left: -19px
    }

    .style-two .single-services-box {
        padding: 37px 40px 30px
    }

    .style-two .team-socila-icon-box {
        left: 133px;
        bottom: -21px
    }

    .style-two.team-area .ibc-button {
        text-align: left;
        margin-top: -13px;
        padding-bottom: 38px
    }

    .style-two .portfolio_menu ul li {
        margin-right: 3px;
        padding: 10px 22px;
        margin-bottom: 8px
    }

    .style-two.portfolio-area .container-fluid {
        padding: 0 20px
    }

    .style-two .single-portfolio-box {
        margin-bottom: 92px
    }

    .style-two .portfolio-content {
        width: 100%;
        padding: 20px 11px 17px;
        bottom: -25px
    }

    .style-two .portfolio-number h1 {
        font-size: 44px
    }

    .style-two.working-proces-area {
        padding: 190px 0 85px;
        margin-top: -256px
    }

    .style-two.working-proces-area .section-title h1 {
        font-size: 34px
    }

    .style-two .process-thumb:before {
        left: 25px;
        top: -13px
    }

    .style-two.contact-info-area {
        padding: 123px 0 94px
    }

    .style-two .contact-info-box {
        padding: 29px 19px 27px;
        margin-bottom: 28px;
        gap: 18px
    }

    .style-two.pricing-area {
        background-position: center
    }

    .style-two.pricing-area .faqs-container {
        overflow: hidden;
        margin-bottom: 60px
    }

    .style-two .faq-singular.active .faq-question {
        padding: 17px 8px 17px 10px
    }

    .blog-details-list-item ul li,
    .style-two .faq-singular .faq-question,
    p.blog-details-desc {
        font-size: 16px
    }

    .style-two .faq-answer {
        padding: 27px 0 25px
    }

    .style-two .pricing-right {
        padding-left: 0;
        padding-right: 0
    }

    .style-two .single-pricing-box {
        padding: 1px 16px 40px
    }

    .style-one.home-two .blog-content a {
        font-size: 16px;
        line-height: 24px
    }

    .style-two.brand-area {
        padding: 76px 0 61px
    }

    .style-two.section-title h4 {
        font-size: 16px;
        margin: 0 0 20px
    }

    .style-three.hero-area {
        background-position: center left;
        height: 719px
    }

    .style-three .hero-content h1 {
        font-size: 32px;
        line-height: 32px
    }

    .style-three .hero-content p {
        width: 100%;
        font-size: 16px
    }

    .style-three .hero-button a {
        margin-bottom: 26px
    }

    .style-three .single-feature-box {
        padding: 37px 11px 18px
    }

    .style-three .about-left {
        left: 0;
        margin-bottom: 35px
    }

    .style-three .abour-award-box {
        top: -12px;
        right: -20px
    }

    .style-three .about-shape {
        bottom: -4px;
        left: 36px
    }

    .style-three .about-video-box {
        top: 40%;
        left: 38%
    }

    .style-three.about-area .style-two.section-title p {
        width: 100%;
        font-size: 15px
    }

    .style-three .about-shape-two {
        bottom: 11px;
        left: 78%
    }

    .style-three .single-service-box {
        padding: 51px 28px 41px
    }

    .style-three .service-content h4 {
        font-size: 22px;
        margin: 18px 0 0
    }

    .inner-style.section-title.left h1 {
        font-size: 21px;
        line-height: 21px
    }

    .style-three.choose-us-area .inner-style.section-title.left p.section-desc {
        width: 99%
    }

    .style-three.contact-area-info .contact-content h1 {
        font-size: 26px
    }

    .style-three .single-pricing-box {
        margin-top: 50px;
        padding: 41px 17px 42px
    }

    .style-three.portfolio-area .container-fluid {
        padding: 0 16px
    }

    .style-three .single-portfolio-box {
        margin: 0 2px 81px
    }

    .style-three .portfolio-content {
        padding: 30px 18px;
        width: 100%
    }

    .style-three .testi-content {
        padding: 40px 18px 70px
    }

    .style-three .testi-desc p {
        font-size: 15px;
        line-height: 26px
    }

    .style-three .single-subscribe-box {
        left: 0;
        padding-top: 35px
    }

    .style-three.subscribe-area .section-title.left h1 {
        color: #fff;
        font-size: 20px;
        line-height: 20px
    }

    .style-three .single-subscribe-box button {
        right: 0;
        top: 16px
    }

    .style-three .single-process-box {
        padding: 0 11px 30px
    }

    .style-three.process-area .row.add-bg {
        padding: 96px 0 50px;
        margin-top: -237px
    }

    .style-three .add-white-bg {
        padding: 39px 6px 38px
    }

    .style-three .contact-contetn h4 {
        font-size: 25px;
        margin: 0 0 28px
    }

    .style-three .single-contact-box {
        margin-right: 0
    }

    .style-three .massage-sent-button button {
        margin-bottom: 39px
    }

    .style-three .single-contact-info-box {
        padding: 60px 18px 49px
    }

    .style-three .contact-info-box {
        display: block;
        text-align: center
    }

    .style-three .contact-info-icon i {
        margin-bottom: 10px
    }

    .breadcumb-area {
        padding: 172px 0 116px;
        margin-top: 0;
        text-align: center
    }

    .breadcumb-content h4 {
        font-size: 33px;
        color: #fff
    }

    .inner-style-one.images-area {
        padding: 100px 0 141px
    }

    .inner-style-one.about-area {
        padding: 567px 0 121px;
        margin-top: -477px
    }

    .inner-style-one .about-left {
        left: 0;
        margin-bottom: 25px
    }

    .inner-style-one .abour-right {
        padding-left: 0
    }

    .inner-style.section-title.left p.section-desc {
        width: 96%
    }

    .inner-style-one .abour-award-box {
        padding: 25px 18px 22px;
        width: 87%;
        right: -20px;
        top: -21px
    }

    .inner-style-one .about-shape {
        bottom: -8px;
        left: -4px
    }

    .inner-style-two .about-left {
        left: 0;
        margin-bottom: 45px
    }

    .inner-style-two.about-area .inner-style.section-title.left p.section-desc {
        width: 95%
    }

    .inner-style-two .about-single-box {
        width: 80%;
        margin-bottom: 29px
    }

    .inner-style-two .about-video-box {
        width: 195px;
        height: 195px;
        line-height: 191px;
        bottom: -7px;
        right: -11px
    }

    .style-one.inner.team-area .ibc-button.style-one {
        text-align: left;
        margin-top: -9px;
        margin-bottom: 37px
    }

    .inner-style .single-service-box {
        padding: 0 59px 32px
    }

    .inner-style.section-title.center h1 {
        font-size: 23px;
        line-height: 20px
    }

    .inner-style.service-area .section-title.center {
        margin-bottom: 72px
    }

    h4.services-details-title {
        font-size: 19px
    }

    p.services-details-desc {
        font-size: 15px;
        margin-top: 12px
    }

    .services-details-text {
        display: block;
        padding: 32px
    }

    .service-details-text-content p {
        font-size: 17px;
        line-height: 26px;
        margin-top: 17px
    }

    .service-details-box-content h4 {
        margin: 0 0 11px;
        font-size: 18px
    }

    .widget-sidber {
        margin-top: 38px;
        padding: 32px 13px 29px
    }

    .widget-sidber-contact-box {
        padding: 48px 16px
    }

    .widget-sidber-contact-btn a {
        padding: 16px 55px 15px;
        margin-top: 40px
    }

    .inner-style .project-content a,
    .project-details-content h3,
    h3.blog-details-title.two {
        font-size: 22px
    }

    .project-details-right {
        margin-bottom: 37px
    }

    a.project-details-text {
        font-size: 20px;
        line-height: 30px
    }

    .inner-style .tab-button {
        float: left;
        margin-top: -23px;
        margin-bottom: 26px
    }

    .inner-style li.nav-item {
        margin-bottom: 15px
    }

    .inner-style .pricing-head {
        padding: 28px 26px 14px
    }

    .inner-style .pricing-body {
        padding: 27px 10px 34px
    }

    .inner-style .single-pricing-box {
        margin-bottom: 20px
    }

    .inner-style.faqs-area .section-title.left p {
        margin: 25px 0 0
    }

    .inner-style .faqs-thumb {
        margin: 0 0 15px
    }

    .inner-style .faqs-icon-thumb {
        margin-bottom: 19px
    }

    .inner-style .faqs-icon-box {
        margin: 33px 0 42px;
        display: block
    }

    .inner-style .faq-answer {
        padding: 21px 10px 25px
    }

    .inner-style .faq-singular .faq-question {
        padding: 16px 1px 15px 12px;
        font-size: 15px
    }

    .inner-style.careers-area .row.title {
        margin-bottom: 44px
    }

    .inner-style .careers-desc p {
        width: 100%;
        float: left;
        margin: 13px 0 0
    }

    .inner-style.careers-area .row.add-border {
        padding-top: 43px;
        padding-bottom: 42px
    }

    .inner-style .job-apply-button {
        text-align: left
    }

    .inner-style .job-desc p {
        margin: 13px 0 28px;
        width: 100%
    }

    .inner-style .job-requirements-content p {
        text-align: justify
    }

    .inner-style .single-feature-box {
        padding: 56px 20px 33px
    }

    .blog-grid-area .single-blog-box {
        padding: 20px 5px 31px
    }

    .blog-grid-area .blog-category a {
        left: 5px
    }

    .blog-grid-area .blog-button i {
        top: 130px;
        right: 15px
    }

    .blog-grid-area .blog-content {
        padding: 25px 9px 3px
    }

    .blog-grid-area .blog-title a {
        font-size: 20px;
        line-height: 26px
    }

    @-webkit-keyframes MOVE-BG {
        from {
            -webkit-transform: translateX(0);
            transform: translateX(0)
        }

        to {
            -webkit-transform: translateX(200px);
            transform: translateX(200px)
        }
    }

    .blog-details-content {
        padding: 27px 16px 20px
    }

    .blog-details-area .meta-blog i {
        padding-right: 9px
    }

    .blog-details-area .meta-blog span {
        margin-right: 9px
    }

    h4.blog-details-title {
        font-size: 20px;
        line-height: 28px
    }

    .blog-details-author-talk {
        padding: 41px 18px 40px;
        display: block
    }

    .blog-details-quote {
        padding-bottom: 22px
    }

    .blog-details-author-title p {
        font-size: 16px;
        line-height: 26px
    }

    .blog-details-list-item ul li i {
        margin-right: 6px
    }

    .blog-details-thumb.two {
        margin-bottom: 17px
    }

    .blog-details-socila-box {
        padding: 19px 17px 18px
    }

    .blog-details-social-icon {
        text-align: left;
        padding-top: 21px
    }

    .blog-details-category span a {
        padding: 6px 19px;
        margin-bottom: 7px
    }

    .single-comment-area {
        padding: 49px 7px 56px
    }

    .blog-details-comment-content span {
        display: inline-flex
    }

    .blog-details-comment {
        padding: 29px 22px 25px
    }

    .blog-details-comment-thumb {
        float: inherit;
        margin-bottom: 19px
    }

    .blog-details-comment-content h2 {
        margin-right: 7px
    }

    .blog-details-comment.style-two {
        margin-left: 3px
    }

    .recent-widget-content a {
        width: 100%;
        font-size: 15px;
        line-height: 23px
    }

    .google-map iframe {
        height: 295px
    }

    .team-details-area .team-thumb img {
        width: 100%;
        margin-bottom: 29px
    }

    .team-details-area .team-member-title h4 {
        font-size: 29px
    }

    .about-area.style-foure .about-title.style-two,
    .team-details-area .team-details-social-icon ul li i {
        margin-left: 0
    }

    .team-details-area .team-details-skills {
        margin-top: 59px
    }

    .team-details-area .skill1 .skill-count1 {
        right: -43px
    }

    .team-details-area .skill2 .skill-count2 {
        right: -64px
    }

    .inner-style .single-location-box {
        padding: 93px 44px 59px
    }

    .inner-style .location-button a {
        padding: 13px 34px
    }

    .inner-style .choose-us-thumb img {
        left: 0;
        width: 100%;
        margin-top: 20px
    }

    .inner-style .mission-box {
        padding: 107px 25px 48px 24px;
        margin-left: 0
    }

    .mission-thumb.two {
        position: relative;
        left: 0
    }

    .inner-style .single-icon-thumb i {
        float: inherit;
        margin-bottom: 18px
    }

    .inner-style .mission-content h4 {
        font-size: 26px;
        margin: 0 0 46px
    }

    .style-foure.hero-area {
        height: 550px
    }

    .style-foure a.button-two {
        font-size: 15px;
        padding: 15px 25px
    }

    .style-foure .hero-content h1 {
        font-size: 25px;
        line-height: 20px
    }

    .service-area.style-foure .service-single-box {
        padding: 36px 35px 29px;
        border-radius: 10px;
        margin-left: 0;
        text-align: center
    }

    .service-area.style-foure .service-icon {
        float: inherit;
        margin: auto
    }

    .section-title.style-foure.text-center,
    .works-thumb img {
        margin-bottom: 50px
    }

    .service-area.style-foure h3.service-title {
        padding: 23px 0 0;
        font-size: 21px
    }

    .about-area.style-foure .about-thumb {
        margin-top: 50px
    }

    .section-title.style-foure h1.section-main-title {
        font-size: 20px;
        line-height: 18px
    }

    .counter-area.style-foure .counter-number-tow h1 {
        display: inline-block;
        font-size: 40px
    }

    .counter-area.style-foure .counter-content p,
    .team-area.style-foure .team-bottom-title h3 {
        font-size: 14px
    }

    .counter-area.style-foure .counter-number-tow::before {
        bottom: -5%
    }

    .works-thumb img {
        width: 100%
    }

    .works-area.style-foure .works-video-icon {
        left: 44%;
        top: 27%
    }

    .project-area.style-foure p.project-desc {
        width: 92%
    }

    .team-area.style-foure .team-single-box.style-foure,
    .team-area.style-foure .team-single-box.style-twos {
        margin-top: 0
    }

    .testimonial-area.style-foure .testi-single-box {
        padding: 30px 23px 24px
    }

    .testimonial-area.style-foure h4.testi-date {
        margin-left: 24%
    }

    .awards-one__inner ul li .text-box h2 a {
        font-size: 17px
    }

    .text-box span {
        font-size: 20px;
        line-height: 45px;
        margin-right: 31px
    }

    .text-box i {
        width: 40px;
        height: 40px;
        line-height: 40px;
        font-size: 19px
    }

    .footer-area.style-foure .footer-top-social-icon {
        text-align: left;
        margin-top: 79px
    }

    .footer-area.style-foure .footer-newslatter-box input {
        width: 73%
    }

    .footer-botton-list {
        text-align: center;
        margin-top: 19px
    }

    .footer-bottom-content p {
        text-align: center
    }

    .footer-area.style-foure .footer-widget-content p {
        width: 93%
    }
}

@media screen and (min-width:992px) {
    .pl-lg-50 {
        padding-left: 50px
    }
}

@media screen and (min-width:1200px) {
    .video-icon {
        left: 75%
    }
}