@media (min-width:1200px) and (max-width:1500px) {
.brand-layout1 .bg-shape, .project-layout1 .shape-bg { display: none }
.header-top-layout1 .header-middle-area .action-box { padding-right: 30px; margin-right: 30px }
.header-top-layout1 .header-middle-area .phone-box { display: none!important }
.header-top-layout1 .header-middle-area .col-xl-6 { -webkit-box-flex: 0; -webkit-flex: 0 0 60%; -ms-flex: 0 0 60%; flex: 0 0 60%; max-width: 60% }
.header-top-layout1 .header-middle-area .col-xl-4 { -webkit-box-flex: 0; -webkit-flex: 0 0 39%; -ms-flex: 0 0 39%; flex: 0 0 39%; max-width: 39% }
.header-layout1 .main-menu>ul>li { margin: 0 5px }
.header-top-layout1 .header-middle-area .action-box .content .text { font-size: 18px; letter-spacing: 0 }
.header-top-layout1 .header-middle-area .action-box .content span { font-size: 12px; letter-spacing: 0 }
.header-top-layout1 .header-middle-area form.search-bar { margin-left: 0 }
.about-us-sec .experiance-box { padding: 40px 20px; min-width: 100%; margin-top: -60px; right: -20px }
.about-us-sec .experiance-box .content .title { font-size: 18px; letter-spacing: 0; margin-bottom: 10px }
.about-us-sec .experiance-box .content .main-title { top: -27px; left: 25px; font-size: 38px; letter-spacing: 2px }
.about-wrap-layout1 .action-area { padding-left: 25px; margin-top: -130px }
.about-wrap-layout1 .action-area .action-box .content .text { font-size: 22px }
.about-wrap-layout1 .action-area .action-box .icon span { font-size: 38px }
.about-wrap-layout1 .action-area .action-box { padding-right: 20px; margin-right: 20px }
.about-wrap-layout1 .widget_offer_banner .price-box { top: 8px; right: 8px; width: 100px; height: 100px; -webkit-transform: scale(.7); -ms-transform: scale(.7); transform: scale(.7) }
.about-wrap-layout1 .about-title { font-size: 42px }
.about-wrap-layout1 .about-title span { font-size: 68px }
.work-process-layout1 .work-process .process-content { padding: 0 20px; padding-bottom: 5px }
.work-process-layout1 .work-process .process-img { min-height: 215px }
.work-process-layout1 .work-process .process-head:before { right: -100px; top: -18px; max-width: 61%; height: 33px }
.work-process-layout1 .work-process .process-head:after { right: -105px; top: -8.5px }
.work-process-layout1 .row>div:nth-child(2n) .work-process .process-head:after { bottom: 6.5px }
.latest-project-wrapper .project-slider-area { position: relative; top: 0; right: 0; width: 100%; max-width: 100% }
.latest-project-wrapper .row { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center }
.latest-project-wrapper .project-slider-area .thumb-logo { bottom: 20px; left: -60px; width: 120px }
.team-layout1.pt-200 { padding-top: 75px }
.blog-layout1 .blog .blog-content { margin: 0 20px; padding: 25px 30px 0; margin-top: -50px }
.about-wrap-layout1 .action-btn { padding-right: 15px }
header .main-menu ul li { margin: 0 5px }
.header-layout2:before { width: 22vw }
.repair-estimator-layout2 .inner-wrap { position: relative; margin-top: -80px }
.hero-layout2 .phone-box { bottom: 150px }
.about-wrap-layout2 .shape-bg { top: -115px; max-width: 270px }
.service-layout2 .shape-bg { max-width: 270px }
.about-wrap-layout2 .action-area .action-box .content .text { font-size: 16px }
.our-service-wrapper:not(.service-layout1) .service-box .service-content .title { font-size: 18px; margin-bottom: 15px; letter-spacing: 0 }
.service-layout2 .service-box .service-content { padding: 30px 25px; padding-bottom: 60px }
.about-wrap-layout2 .action-area .action-box .content span { font-size: 14px; margin-bottom: 2px }
.about-wrap-layout2 .action-area .action-box { padding-right: 40px; margin-right: 40px }
.about-wrap-layout2 .about-us-content .about-title { font-size: 46px; max-width: 90% }
.service-layout2 .service-box .bottom-icon { bottom: -40px; padding-top: 7px }
.cta-wrapper .cta-content { padding: 0 }
.counter-layout2 .inner-wrapper { padding-left: 40px; padding-right: 40px; margin-top: -100px }
.counter-layout2 .counter-box .content .text { font-size: 14px }
.counter-layout2 .counter-box .content .counter { font-size: 26px; font-weight: 700; color: #01133c }
.work-process-layout2 .shape-bg { bottom: 0; right: 10% }
.work-process-layout2 .container .row>div:first-child .work-process::before { top: 83px; left: 0; -webkit-transform: rotate(5deg); -ms-transform: rotate(5deg); transform: rotate(5deg) }
.team-layout2 { padding-right: 0; padding-left: 0 }
.testomonial-layout2 .shape-bg { bottom: 250px; max-width: 500px }
.blog-layout2 .popular-blog .blog .blog-content { padding: 30px }
.blog-layout2 .popular-blog .blog .blog-content .blog-title { font-size: 17px }
.blog-layout2 .popular-blog .blog .blog-meta { margin-bottom: 10px }
.blog-layout2 .blog .blog-meta span { margin-right: 20px }
.blog-layout2 .latest-blog .blog-content { padding: 0 25px; padding-bottom: 15px }
.blog-layout2 .latest-blog .blog-content .blog-title { padding-right: 0 }
.subscribe-sec-wrapper.background-image, .subscribe-sec-wrapper .background-image { background-size: cover; background-position: 100% }
.footer-layout2 .widget_recent_entries { padding: 0 30px }
.team-layout2:after { max-width: 500px; min-height: 100%; top: 44% }
.pricing-table-layout2 .pricing-table .price-plan span.shape.shape2 { left: auto; right: 20px }
.pricing-table-layout2 .pricing-table .price-plan span.shape { left: 20px; height: 61px }
.pricing-table-layout2 .pricing-table .price-plan { left: -50%; top: 58.5%; min-width: 350px }
.pricing-table-layout2 .inner-wrapper { padding: 0 64px }
.pricing-table-layout2 .pricing-table .price-plan .plan-text { padding: 12px 0; font-size: 21px }
.testomonial-layout2 .brand-layout3 { margin: 0 60px; margin-bottom: 30px; margin-top: 80px }
.hero-layout3 .ls-v6 .ls-nav-next { right: 30px }
.service-layout3 .inner-wrapper { padding: 0 80px; padding-bottom: 95px }
.service-layout3 .slick-slider { padding: 0 }
.service-layout3 .service-box { padding: 40px 30px }
.service-layout3 .service-box .service-content .title { font-size: 18px; line-height: 22px; margin-bottom: 30px }
.service-layout3 .service-box .service-content .shape-icon { margin-bottom: 27px }
.service-layout3 .inner-wrapper:before { left: 0; right: 0; bottom: 0 }
.service-layout3 .slick-slider .slick-arrow { left: -74px; width: 66px; height: 66px; font-size: 18px; padding: 7px; top: 45%; overflow: hidden }
.service-layout3 .slick-slider .slick-arrow i { line-height: 51px }
.service-layout3 .slick-slider .slick-arrow.slick-next { left: auto; right: -74px }
.about-wrap-layout3 .about-us-content .single-counter { max-width: 160px; width: 100%; margin-right: 20px; padding: 10px 15px }
.about-wrap-layout3 .about-us-content .single-counter .text { font-size: 14px }
.about-wrap-layout3 .about-us-content .single-counter .counter { font-size: 42px }
.about-wrap-layout3 .about-us-content .single-counter .counter:after { font-size: 20px; top: -9px }
.about-wrap-layout3 .about-us-content h2.about-title { max-width: 100% }
.about-wrap-layout3 .about-us-content .counter-box-wrapper { margin-left: 30px }
.work-process-layout3 .shape-bg:before { top: -140px; width: 370px; height: 370px; margin-left: -185px }
.work-process-layout3 .shape-bg:after { border-width: 2px; width: 320px; height: 320px; margin-left: -160px; top: -114px }
.work-process-layout3 .shape-bg { max-width: 360px; max-height: 270px; bottom: 45px }
.counter-layout3 .counter-content-area .title { font-size: 42px }
.counter-layout3 .inner-wrapper { padding-left: 50px }
.counter-layout3 .counter-content-area .text { margin-bottom: 0; font-size: 14px }
.team-layout3 .team-member .member-text { bottom: 40px; max-width: 230px; padding: 25px 30px }
.team-layout3 .team-member .btn-overly { bottom: 70px; left: 230px }
.footer-layout3 .copyright-area:before { max-width: 370px }
.testomonial-layout1 .counter-area-wrap { padding: 0 }
.testomonial-layout1 .counter-box .content .text { font-size: 14px }
.testomonial-layout1 .counter-box .content .counter { font-size: 26px }
.testomonial-layout1 .counter-box .icon .shape-icon i { padding-left: 20px; font-size: 54px }
.repair-estimator-layout1 .estimator-title-area .title { font-size: 29px }
.repair-estimator-layout1 .estimator-title-area .text { font-size: 17px }
.work-process-layout1 .work-process .process-content .title { font-size: 19px; line-height: 28px; letter-spacing: 0; margin-bottom: 10px }
.blog-layout1 .blog .blog-content h3.blog-title { font-size: 20px; line-height: 28px; margin-bottom: 10px }
.footer-layout1 .footer-wid-wrap .widget_contact p { margin-bottom: 20px; font-weight: 500; font-size: 16px }
.footer-layout1 .footer-wid-wrap .footer-widget h3.widget_title { font-size: 20px }
.footer-layout1 .footer-wid-wrap .widget-links ul li { margin-bottom: 7px }
.about-wrap-layout4 .about-us-img .big-img { max-width: 370px }
.about-wrap-layout4 .about-us-img .small-img { left: 0; max-width: 330px }
.about-wrap-layout4 .about-us-img { min-height: 470px; max-width: 540px; margin-left: auto }
.about-wrap-layout4 .about-us-img:before { width: 400px; height: 400px; margin-left: -200px; bottom: 30px }
.about-wrap-layout4 .about-us-img .big-img:before { top: 65px }
.about-wrap-layout4 .about-us-img .small-img:before { left: 67px }
.about-wrap-layout4 .about-us-img .big-img:after { right: 112px }
.about-wrap-layout4 .about-us-img .small-img:after { bottom: 36px }
.about-wrap-layout4 .about-us-img .experiance { width: 100px; height: 100px; line-height: 100px; right: 160px; top: 205px; font-size: 26px }
.about-wrap-layout4 .about-us-content .sub-title { font-size: 16px; line-height: 28px; margin-bottom: 10px; letter-spacing: 0 }
.about-wrap-layout4 .about-us-content .about-title { font-weight: 600; font-size: 40px; margin-bottom: 18px }
.about-wrap-layout4 .about-us-content .author-signa { padding-top: 0; padding-bottom: 30px }
.faq-layout1 .faq-area { min-height: 775px; padding: 95px 40px 100px; margin-left: 0 }
.faq-layout1 .faq-banner { margin: 100px 0; height: calc(100% - 200px); margin-right: 0 }
.counter-layout4 .inner-wrapper { padding: 0 }
.counter-layout4 .counter-box .content .text { font-size: 14px }
.counter-layout4 .counter-box .content .counter { font-size: 24px }
.faq-layout1 .faq-banner.background-image { background-size: cover; background-position: top }
.faq-layout2 .faq-area { min-height: 775px; padding: 55px 40px 20px; margin-left: -30px }
.faq-layout2 .faq-area .single-faq .faq-header .faq-title { font-size: 18px; line-height: 30px; margin-bottom: 15px }
.faq-layout2 .faq-area .single-faq .faq-body .faq-text { font-size: 14px }
.faq-layout2 .faq-banner { background-size: cover }
.axivis-mission-layout4 .axivis-mission .mission-content { padding: 0 20px; padding-top: 110px; padding-bottom: 30px }
.testomonial-layout4 .single-testomonial { padding-left: 0 }
.testomonial-layout4 .single-testomonial .testomonial-content { padding-left: 60px; padding-right: 0 }
.faq-layout3 .shape1 { top: 40%; right: 0; max-width: 400px }
.faq-layout3 .shape2 { top: 40%; max-width: 180px }
.faq-layout3 .single-faq .faq-header .faq-title button { font-size: 16px }
.widget_offer_banner .price-box { top: 10px; right: 10px; width: 100px; height: 100px }
.service-layout4 .service-box { padding: 40px 0; padding-bottom: 35px }
.service-layout4 .service-box .service-content { padding: 0 30px }
.service-layout4 .service-box .service-content .title { font-size: 18px; margin-bottom: 10px; letter-spacing: 0 }
.service-layout4 .service-box .service-content p { font-size: 14px; line-height: 22px }
.service-layout4 .service-box .service-icon { width: 70px; height: 70px; line-height: 70px; font-size: 33px; margin-bottom: 20px }
.error-wrapper .shape1 { max-width: 360px }
.error-wrapper .shape2 { max-width: 340px }
.error-wrapper .shape3 { max-width: 400px }
.price-plan-layout1 .price-plan-area .price-title { font-size: 36px; line-height: 46px; margin-bottom: 20px }
.price-plan-layout1 .widget_offer_banner_horizontal .title { top: 50%; left: 30px; max-width: 51%; font-size: 23px }
.price-plan-layout1 .widget_offer_banner_horizontal .price-box { bottom: 15px }
.price-plan-layout1 .price-plan-area .features-list ul li { font-size: 14px }
.price-plan-layout1 .price-plan-area .features-list .features-title { font-size: 22px; margin-bottom: 7px }
.price-plan-layout1 .price-action-box { padding: 75px 30px; padding-top: 70px; margin-left: 0 }
.testomonial-layout5 .single-testomonial { padding: 60px }
.post-pagination-layout1 .post-pagination .pagi-content .pagi-title { font-size: 24px; line-height: 35px; letter-spacing: 0 }
.contact-form-layout3 .contact-information-area { background-size: cover; background-position: top }
.branch-information-layout1 .single-branch-info .branch-info-body .branch-title { font-size: 26px; margin-bottom: 5px }
.branch-information-layout1 .single-branch-info .branch-officer-info .officer-info-box { left: 150px; top: 0; max-width: 330px; padding-top: 30px; padding-bottom: 25px; box-shadow: 0 0 20px 0 rgba(0,0,0,.1) }
.branch-information-layout1 .single-branch-info .map-button { right: 0; bottom: 5px }
.branch-information-layout1 .single-branch-info .officer-info-toggler.button { top: 20px; left: 35px }
.branch-information-layout1 .single-branch-info .branch-officer-info .officer-info-box:before { top: 30px }
.branch-information-layout1 ul.slick-dots li button { width: 30px }
.branch-information-layout1 ul.slick-dots { right: 18%; bottom: 15px }
.team-layout4 .team-member .member-thumb-img { width: 150px; height: 150px; margin: 0 auto; border-width: 2px; padding: 7px; margin-bottom: 20px }
.team-layout4 .team-member { padding: 40px 0 }
.team-layout4 .team-member ul li a { width: 40px; height: 40px; line-height: 40px; font-size: 14px }
.team-details-layout1 .team-member .member-img { bottom: -60px; padding-left: 60px }
.team-details-layout1 .team-member .member-skill .single-circle-progress { padding-left: 30px }
.team-details-layout1 .team-member .member-skill .single-circle-progress .progress-title { font-size: 18px; line-height: 26px; padding-left: 15px }
.team-details-layout1 .team-member .member-details-area { margin-bottom: 120px }
.blog-single-layout1 .blog .blog-content .blog-title { font-size: 28px; line-height: 38px; margin-bottom: 15px }
.widget:not(.footer-widget) { padding: 30px; margin-bottom: 30px; padding-top: 25px }
.widget:not(.footer-widget).widget_categories ul li a { font-size: 14px }
.widget:not(.footer-widget).widget_recent_entries .blog .blog-content .blog-title { font-size: 14px; margin-bottom: 10px }
.widget:not(.footer-widget).widget_recent_comments .recentcomments .comment-text { margin-bottom: 10px; font-size: 14px; line-height: 26px }
.widget:not(.footer-widget).widget_tag_cloud .tagcloud a { font-size: 14px; letter-spacing: 0; padding: 5px 16px }
.widget:not(.footer-widget).widget_admin { padding-top: 40px; padding-bottom: 40px }
.blog-layout3 .single-comment { padding: 26px 15px; padding-right: 10px; min-height: 19vw }
.blog-layout3 .single-comment .comment-text { margin-bottom: 15px; font-size: 14px; line-height: 22px }
.blog-layout3 .single-comment:after { opacity: .3 }
.blog-layout3 .blog .blog-content .blog-title { font-size: 20px }
.brand-layout4 .brand-area-title .title { font-size: 40px }
.blog-single-layout1 .blog .blog-content blockquote { border-width: 10px; font-size: 20px; line-height: 28px; letter-spacing: 0 }
.blog-single-layout1 .blog .blog-content .inner-title { font-size: 24px; line-height: 34px; letter-spacing: 0; padding-top: 30px; margin-bottom: 15px }
.blog-single-layout1 .blog .share-links .social-links ul li a { padding: 5px 15px; font-size: 14px }
.post-pagination-layout2 .post-pagination .pagi-content { padding: 30px; padding-top: 25px }
.post-pagination-layout2 .post-pagination .pagi-content .pagi-title { font-size: 17px; line-height: 26px; margin-bottom: 10px; letter-spacing: 0 }
.post-pagination-layout2 .post-pagination .pagi-content span { font-size: 14px; margin-bottom: 15px }
.blog-single-layout1 .related-post-area .blog .blog-content { padding: 25px 20px }
.blog-single-layout1 .related-post-area .blog .blog-meta span { margin-right: 15px; font-size: 14px }
.blog-single-layout1 .related-post-area .blog .blog-meta span i { font-size: 14px }
.blog-single-layout1 .related-post-area .blog .blog-content .blog-title { font-size: 18px; line-height: 30px; margin-bottom: 10px }
.blog-single-layout1 .blog-author .author-img { width: 120px; height: 120px; margin-right: 20px }
.blog-single-layout1 .blog-author { padding: 30px }
.blog-single-layout1 .blog-author .author-content { width: calc(100% - 140px); padding-top: 0 }
.blog-single-layout1 .blog-author .author-content .name { font-size: 24px; letter-spacing: 0; margin-bottom: 14px; line-height: 1 }
.blog-single-layout1 .blog-author .author-content span { font-size: 12px; margin-bottom: 5px }
.blog-single-layout1 .blog-comment-area .single-comment.replay-comment { margin-left: 60px }
.footer-layout3 .footer-wid-wrap .widget-links ul li a { line-height: 1.2; font-size: 12px }
.project-layout1 .axivis-project .project-content { margin: 0 20px; padding: 0 20px; padding-top: 35px; padding-bottom: 0; margin-top: -60px }
.project-layout1 .axivis-project .project-content .project-title { font-size: 18px; line-height: 28px; margin-bottom: 15px; letter-spacing: 0 }
.project-layout1 .axivis-project .project-content span { margin-bottom: 5px }
.project-layout1 .axivis-project .project-content .primary-btn { width: 130px; height: 40px; line-height: 40px }
.about-wrap-layout5 .about-us-content .author-signa { margin-right: 30px; max-width: 200px }
.about-wrap-layout5 .about-us-img .experiance { right: 3vw }
}
@media (min-width:992px) and (max-width:1199.98px) {
.pb-150 { padding-bottom: 130px }
.about-wrap-layout2 .action-area .action-btn, .about-wrap-layout2 .shape-bg, .appointment-form-layout1 .shape-bg, .brand-layout1 .bg-shape, .contact-form-layout1 .contact-form-slider, .contact-form-layout1:before, .contact-form-layout3 .shape-bg, .faq-layout3 .shape2, .header-layout2 .main-menu ul li ul:before, .project-layout1 .axivis-project .project-content:before, .project-layout1 .shape-bg, .service-layout3 .shape-bg, .team-layout2:after, .work-process-layout2 .shape-bg, .work-process-layout2 .work-process:before, .work-process-layout2:after, .work-process-layout3 .shape-bg { display: none }
header .main-menu>ul>li { margin: 0 7px }
.header-middle-area .action-box { padding-right: 20px; margin-right: 20px }
.header-middle-area form.search-bar { margin-left: 0 }
.about-us-sec.about-wrap-layout1 .experiance-box { padding: 30px 20px; min-width: 100%; margin-top: -30px; right: -20px }
.about-us-sec.about-wrap-layout1 .experiance-box .content .title { font-size: 18px; letter-spacing: 0; margin-bottom: 8px }
.about-us-sec.about-wrap-layout1 .experiance-box .content .main-title { top: -25px; left: 20px; font-size: 32px; letter-spacing: 2px }
.about-wrap-layout1 .about-title { font-size: 42px; letter-spacing: 1px }
.about-wrap-layout1 .about-title span { font-size: 66px }
.about-wrap-layout1 .action-area { margin-top: 40px; padding-left: 0 }
.estimator-title-area { text-align: center; margin-bottom: 40px }
.work-process-layout1 .work-process .process-img { overflow: hidden; min-height: 350px }
.work-process-layout1 .work-process .process-head:after, .work-process-layout1 .work-process .process-head:before { display: none }
.work-process-layout1 .work-process .icon { width: 80px; height: 80px; line-height: 80px; font-size: 18px; border-radius: 50%; position: absolute; left: 25px; top: 25px; z-index: 1 }
.work-process-layout1 .work-process .icon:before { content: ""; position: absolute; z-index: -1; top: -10px; left: -10px; right: -10px; bottom: -10px; -webkit-animation: cspine 20s linear infinite; animation: cspine 20s linear infinite; border: 1px dashed var(--theme-clr1); border-radius: 50% }
.work-process-layout1 .row>div:nth-child(2n) .work-process .icon:before { border-color: var(--theme-clr2) }
.work-process-layout1 .work-process .icon .ripple { display: none }
.work-process-layout1 .work-process .process-head { text-align: center; margin-bottom: 0; position: relative }
.latest-project-wrapper .project-slider-area { position: relative; top: 0; right: 0; width: 100%; max-width: 100%; margin-top: 60px }
.latest-project-wrapper .section-title { text-align: center }
.latest-project-wrapper .project-slider-area .thumb-logo { bottom: auto; left: 20px; top: -80px; width: 160px }
.team-layout1.pt-200 { padding-top: 75px }
.testomonial-layout1 .counter-area-wrap { padding: 0 }
.testomonial-layout1 .counter-area-wrap .counter-box { margin-bottom: 30px }
.testomonial-layout1 .single-testomonial .testomonial-content { padding-left: 50px; padding-right: 40px }
.testomonial-layout1 .single-testomonial .testomonial-content:after { right: 20px; bottom: 5px; font-size: 85px }
.footer-layout1 .footer-wid-wrap .widget_contact p { margin-bottom: 15px; font-size: 14px }
.footer-layout1 .footer-wid-wrap .widget_contact p i { width: 35px; height: 35px; line-height: 35px; font-size: 13px; margin-right: 5px }
.testomonial-layout1 .single-testomonial { padding-top: 30px }
.about-wrap-layout1 .action-btn { padding-right: 15px }
.hero-layout2 { margin-top: 0; padding-top: 0 }
.header-layout2 .main-menu ul li a { color: #01133c; font-weight: 400 }
.header-layout2:before { display: none }
.header-layout2 .header-btn button { color: #01133c; margin-right: 21px }
.hero-layout2 .ls-bottom-nav-wrapper { right: 2% }
.repair-estimator-layout2 .inner-wrap { padding: 60px 40px; padding-bottom: 60px; margin-top: 0 }
.repair-estimator-wrap.repair-estimator-layout2.pb-150.secondary-bg2 { padding-bottom: 100px; padding-top: 100px }
.repair-estimator-layout2 .estimator-title-area { padding-bottom: 0 }
.about-wrap-layout2 .about-us-content .about-title { font-size: 32px; line-height: 42px; max-width: 100% }
.service-layout2 .service-box .service-content { padding: 30px 25px; padding-bottom: 60px }
.about-wrap-layout2 .about-us-content { padding-right: 0 }
.about-wrap-layout2 .about-us-content p { margin-bottom: 20px }
.about-wrap-layout2 .action-area .action-box { padding-right: 30px; margin-right: 30px }
.about-wrap-layout2 .action-area .action-box .content .text { font-size: 18px }
.about-wrap-layout2 .action-area .action-box .content span { font-size: 13px }
.repair-estimator-wrap form.estimator-form { margin-left: 0 }
.service-layout2 .shape-bg { top: 0; max-width: 200px }
.header-layout2 .main-menu ul li ul { border-top: 4px solid var(--theme-clr2) }
.counter-layout2 .counter-box { margin-bottom: 30px }
.counter-layout2.pb-70.pt-70 .inner-wrapper { padding-bottom: 20px; padding-top: 50px; padding-left: 130px }
.work-process-layout2 .work-process { position: static; max-width: 100% }
.work-process-layout2 .container .row>div:nth-child(3) .work-process { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; text-align: left; top: 0; left: 0 }
.work-process-layout2 .container .row>div:nth-child(3) .work-process .icon span, .work-process-layout2 .container .work-process .icon span { margin-right: 25px; margin-left: 0; margin-bottom: 0 }
.work-process-layout2 .container .row>div:nth-child(4) .work-process { top: 485px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; text-align: left; max-width: 100%; left: 0 }
.work-process-layout2 .container .row>div:nth-child(4) .work-process .icon span { margin-bottom: 0; margin-right: 25px }
.work-process-layout2 { position: relative; min-height: auto }
.team-layout2 { padding-left: 0; padding-right: 0 }
.pricing-table-layout2 .pricing-table .price-plan .plan-text { padding: 13px 0; font-size: 22px }
.pricing-table-layout2 .pricing-table .price-plan { min-width: 425px }
.pricing-table-layout2 .pricing-table .price-plan span.shape { height: 65px }
.pricing-table-layout2 .pricing-table .pricing-icon .circle-btn { width: 140px; height: 140px; line-height: 140px; font-size: 66px; margin-bottom: 50px }
.section-title2 .title:before { font-size: 104px }
.pricing-table-layout2.pt-190 { padding-top: 130px }
.pricing-table-layout2.pt-190.pb-120 { padding-bottom: 60px }
.testomonial-layout2 span.quote-top { width: 140px; height: 140px; line-height: 140px; font-size: 66px }
.testomonial-layout2 .shape-bg { bottom: 400px; max-width: 300px }
.testomonial-layout2 .brand-layout3 { margin: 0 40px; margin-bottom: 30px; margin-top: 60px; padding-left: 33px; padding-right: 33px }
.blog-layout2 .popular-blog .blog .blog-meta { margin-bottom: 12px }
.subscribe-layout2 { background-position: 0; background-size: cover }
.subscribe-layout2 .subscribe-content { text-align: center; margin-bottom: 30px }
.footer-layout2 .widget_recent_entries { padding: 0 }
.header-layout3 .header-middle-layout3 { padding: 0 15px }
.header-middle-layout3 .action-box .content .text { font-size: 16px; letter-spacing: 0 }
.header-middle-layout3 .action-box .content span { font-size: 12px }
.header-middle-layout3 .action-box .icon { font-size: 36px }
.header-layout3 .header-top-wrap { padding-left: 15px; padding-right: 15px }
.header-layout3 .header-menu-area { padding: 20px 15px }
.service-layout3 .slick-slider { padding: 0 }
.service-layout3 .inner-wrapper:before { left: 0; right: 0 }
.service-layout3 .service-box .service-content .title { font-size: 18px; line-height: 26px; margin-bottom: 20px }
.service-layout3 .service-box .service-content .shape-icon { margin-bottom: 22px }
.service-layout3 .inner-wrapper { padding: 0 70px; padding-bottom: 85px }
.service-layout3 .slick-slider .slick-arrow { overflow: hidden; left: -72px }
.service-layout3 .slick-slider .slick-arrow.slick-next { left: auto; right: -72px }
.about-wrap-layout3 .about-us-content h2.about-title { font-size: 38px; line-height: 48px; letter-spacing: 0; margin-bottom: 15px; max-width: 100% }
.about-wrap-layout3 .about-us-content { margin-bottom: 0; padding-right: 0 }
.about-wrap-layout3 .about-us-content p { margin-bottom: 15px }
.about-wrap-layout3 .about-us-content .features-list { padding-top: 0; margin-bottom: 25px }
.about-wrap-layout3 form.estimator-form { padding: 40px }
.work-process-layout3 .row>div:nth-child(odd) .work-process { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; -webkit-flex-direction: row; flex-direction: row; text-align: left }
.work-process-layout3 .row>div:nth-child(odd) .work-process .icon span { margin-right: 20px; margin-left: 0 }
.work-process-layout3 .work-process { margin-bottom: 60px }
.work-process-layout3 .section-title3 { margin-bottom: 80px }
.counter-layout3 .counter-content-area .title { font-size: 36px; letter-spacing: 0; line-height: 46px; margin-bottom: 15px }
.counter-layout3 .inner-wrapper { padding-left: 0 }
.counter-layout3 .counter-box .content .text { font-size: 13px }
.counter-layout3 .counter-box .icon .shape-icon { margin-right: 15px }
.counter-layout3 .counter-box .icon .shape-icon i { font-size: 38px; padding-left: 20px }
.counter-layout3 .counter-box .icon .shape-icon:before { width: 45px; height: 45px; margin-top: -23px }
.counter-layout3 .counter-box .content .counter { font-size: 24px; line-height: 1.2 }
.testomonial-layout3 span.quote-top i { width: 140px; height: 140px; font-size: 54px; line-height: 120px }
.pricing-table-layout3 .pricing-table:after { top: 0; right: 0; bottom: 0; left: 0 }
.blog-layout3 .single-comment { padding: 30px; padding-right: 25px; min-height: 295px }
.brand-layout4 .brand-area-title .title { font-size: 34px }
.brand-layout4 .background-image { max-width: 550px }
.footer-layout3 .copyright-area:before { max-width: 320px }
.footer-layout3 .copyright-area .social-links ul li a { width: 40px; height: 40px; line-height: 40px; font-size: 12px }
.footer-layout3 .footer-wid-wrap .widget-links { padding-left: 0 }
.breadcumb-layout1 .breadcumb-content .breadcumb-title { font-size: 48px }
.breadcumb-layout1 .breadcumb-content { padding-top: 145px; padding-bottom: 150px }
.breadcumb-layout1 .breadcumb-content ul { padding: 5px 42px }
.about-wrap-layout4 .about-us-content { padding-right: 0; padding-top: 0 }
.about-wrap-layout4 .about-us-content .about-title { font-size: 38px; margin-bottom: 15px }
.about-wrap-layout4 .about-us-content .sub-title { font-size: 18px; line-height: 28px; margin-bottom: 15px; letter-spacing: 0 }
.about-wrap-layout4 .about-us-content .author-signa { padding-top: 0; padding-bottom: 20px }
.about-wrap-layout4 .about-us-img .big-img { max-width: 290px }
.about-wrap-layout4 .about-us-img .small-img { left: 0; max-width: 300px }
.about-wrap-layout4 .about-us-img { min-height: 410px; max-width: 450px; margin-left: auto }
.about-wrap-layout4 .about-us-img:before { width: 350px; height: 350px; margin-left: -175px }
.about-wrap-layout4 .about-us-img .experiance { width: 80px; height: 80px; line-height: 80px; right: 155px; top: 225px; font-size: 24px; right: 115px; top: 180px }
.about-wrap-layout4 .about-us-img .experiance:before { left: 7px; top: 7px; right: 7px; bottom: 7px }
.about-wrap-layout4 .about-us-img .big-img:before { top: 49px }
.about-wrap-layout4 .about-us-img .big-img:after { right: 64px }
.about-wrap-layout4 .about-us-img .small-img:after { bottom: 33px }
.about-wrap-layout4 .about-us-img .small-img:before { left: 47px }
.faq-layout1 .faq-banner, .faq-layout2 .faq-banner { margin: 0; height: auto; min-height: 600px; text-align: center; margin-right: 0; background-size: cover; background-position: top }
.faq-layout2 .faq-area { min-height: auto; padding: 125px 160px 90px 60px; margin-left: 0 }
.faq-layout1 .faq-area { min-height: auto; padding: 125px 200px 100px 100px; margin-left: 0 }
.faq-layout1 .faq-banner.background-image { background-size: cover; background-position: top }
.testomonial-layout4 .single-testomonial { padding-left: 0 }
.testomonial-layout4 .single-testomonial .testomonial-content { padding-left: 40px; padding-right: 0 }
.testomonial-layout4 .single-testomonial .testomonial-content .text { font-size: 16px; line-height: 28px }
.faq-layout3 .single-faq .faq-header .faq-title button { font-size: 14px; padding: 14px 0; line-height: 26px; padding-right: 20px }
.faq-layout3 .single-faq .faq-header .faq-title button:after { position: absolute; float: none; top: 13px; right: 0 }
.faq-layout3 .single-faq .faq-body .faq-text { margin-bottom: 0; font-size: 14px; line-height: 22px }
.faq-layout3 .single-faq { padding: 0 15px }
.faq-layout3 .faq-area { padding-right: 60px }
.faq-layout3 .shape1 { top: 39%; right: 0; max-width: 350px }
.contact-form-layout2 .shape1 { max-width: 280px }
.subscribe-sec-wrapper.subscribe-layout3.background-image { background-size: cover; background-position: 50% }
.subscribe-layout3 .subscribe-content { text-align: center; margin-bottom: 30px }
.subscribe-layout3 form.subsc-form { padding-top: 0; padding-left: 0 }
.appointment-form-layout1 form { padding: 0; padding-top: 10px }
.service-layout4 .service-box { padding: 40px 0; padding-bottom: 35px }
.service-layout4 .service-box .service-content { padding: 0 30px }
.service-layout4 .service-box .service-content .title { font-size: 18px; margin-bottom: 10px; letter-spacing: 0 }
.service-layout4 .service-box .service-content p { font-size: 14px; line-height: 22px }
.service-layout4 .service-box .service-icon { width: 70px; height: 70px; line-height: 70px; font-size: 33px; margin-bottom: 20px }
.error-wrapper .error-content>span { font-size: 100px; margin-top: 5px }
.error-wrapper .error-content .title { font-size: 310px }
.error-wrapper .error-content .sub-title { font-size: 36px; line-height: 45px; max-width: 490px; margin-bottom: 25px }
.error-wrapper .shape2 { max-width: 245px }
.error-wrapper .shape1 { max-width: 350px }
.error-wrapper .shape3 { max-width: 400px }
.price-plan-layout1 .price-plan-area .price-title { font-size: 30px; line-height: 38px; margin-bottom: 15px }
.price-plan-layout1 .price-plan-area .features-list { margin-bottom: 40px }
.price-plan-layout1 .price-action-box { margin-left: 0; padding: 40px 20px; padding-top: 35px; margin-top: 145px }
.price-plan-layout1 .price-action-box .text { font-size: 14px; line-height: 22px; margin-bottom: 20px }
.price-plan-layout1 .price-action-box .shape1 { top: -141px; left: 0; height: 90px; width: 100% }
.price-plan-layout1 .price-action-box .shape1:before { left: 0; bottom: 38px }
.price-plan-layout1 .price-action-box span.shape.shape2:before { left: -2px; top: -3.5px }
.price-plan-layout1 .price-action-box span.shape.shape2:after { bottom: 2px; left: -2px }
.project-details-layout1 .project-details-area .sub-title { font-size: 28px; letter-spacing: 0; margin-bottom: 10px; margin-top: 10px }
.testomonial-layout5 .single-testomonial { padding: 40px 60px }
.testomonial-layout5 .single-testomonial .testomonial-content .text { font-size: 16px; line-height: 26px; margin-bottom: 10px }
.testomonial-layout5 .single-testomonial .testo-author { width: 200px; margin-right: 30px }
.testomonial-layout5 .single-testomonial .testomonial-content { width: calc(100% - 230px) }
.testomonial-layout5 .single-testomonial .testomonial-content .rating { font-size: 16px }
.post-pagination-layout1 .post-pagination .pagi-content { padding: 30px; padding-top: 25px }
.post-pagination-layout1 .post-pagination .pagi-content .pagi-title { font-size: 26px; line-height: 34px; letter-spacing: 0 }
.project-details-layout1 .share-links { padding: 20px 0; margin: 40px 0 }
.contact-form-layout3 .contact-information-area { background-size: cover; background-position: top }
.contact-form-layout3 .contact-form-area { padding: 20px }
.contact-form-layout3 .contact-form-area .form-title { font-size: 58px }
.contact-form-layout3 .contact-form-area .sub-title { font-size: 18px }
.contact-form-layout3 .contact-information-area { padding: 20px; padding-top: 15px }
.branch-information-layout1 .single-branch-info .branch-info-body .branch-title { font-size: 22px; margin-bottom: 5px }
.branch-information-layout1 .single-branch-info .branch-info-body .branch-location { line-height: 22px; font-size: 14px }
.branch-information-layout1 .single-branch-info .branch-info-body .branch-info .info-box .icon span { width: 40px; height: 40px; line-height: 40px; font-size: 16px; margin-right: 13px }
.branch-information-layout1 .single-branch-info .branch-info-body .branch-info .info-box .content .text { font-size: 14px }
.branch-information-layout1 .single-branch-info .branch-info-body .branch-info .info-box .content span { font-size: 16px; letter-spacing: 0 }
.branch-information-layout1 .single-branch-info .branch-info-body .branch-info { padding: 20px 0; padding-top: 15px }
.branch-information-layout1 .single-branch-info .branch-info-body .branch-info .info-box { margin-bottom: 10px }
.branch-information-layout1 .single-branch-info .map-button { right: 0; bottom: 5px }
.branch-information-layout1 .single-branch-info .officer-info-toggler.button { top: 20px; left: 35px }
.branch-information-layout1 .inner-wrapper { margin-bottom: -80px }
.branch-information-layout1 .single-branch-info .branch-officer-info .officer-info-box { left: 115px; top: 10px; width: 100%; max-width: 270px; padding-top: 25px; padding-bottom: 20px }
.branch-information-layout1 .single-branch-info .branch-officer-info .officer-info-box .avater { width: 80px; height: 80px; margin: 0 auto; margin-bottom: 15px }
.branch-information-layout1 .single-branch-info .branch-officer-info .officer-info-box .name { font-size: 18px; margin-bottom: 0 }
.branch-information-layout1 .single-branch-info .branch-officer-info .officer-info-box .contact-info { font-size: 14px; line-height: 22px; margin-bottom: 0; font-weight: 500; text-align: center }
.branch-information-layout1 .single-branch-info .branch-officer-info .officer-info-box .degi { margin-bottom: 10px }
.branch-information-layout1 .single-branch-info .branch-officer-info .officer-info-box .contact-info i { font-size: 15px; margin-right: 5px }
.branch-information-layout1 .single-branch-info .branch-officer-info .officer-info-box:before { left: -10px; top: 30px; width: 20px; height: 20px }
.branch-information-layout1 ul.slick-dots li button { width: 30px }
.branch-information-layout1 ul.slick-dots { right: 15%; bottom: 10px }
.branch-information-layout1 .single-branch-info { padding: 20px }
.branch-information-layout1 .single-branch-info .branch-info-head { padding-right: 0 }
.branch-information-layout1 .single-branch-info .branch-info-body { padding-left: 0 }
.founder-layout1 .axivis-founder:nth-child(odd) .founder-content { padding-left: 0; padding-right: 30px }
.founder-layout1 .axivis-founder .founder-content { padding-left: 30px }
.founder-layout1 .axivis-founder .founder-content .name { font-size: 34px; letter-spacing: 0; margin-bottom: 10px }
.founder-layout1 .axivis-founder { margin-bottom: 75px }
.team-layout4 .team-member .member-thumb-img { width: 150px; height: 150px; margin: 0 auto; border-width: 2px; padding: 7px; margin-bottom: 20px }
.team-layout4 .team-member { padding: 45px 0 }
.team-layout4 .team-member ul li a { width: 40px; height: 40px; line-height: 40px; font-size: 14px }
.team-details-layout1 .team-member .member-img { bottom: 0; padding-left: 0 }
.team-details-layout1 .team-member .member-details-area { margin-bottom: 60px; padding: 40px }
.team-details-layout1 .team-member .member-details .name { font-size: 36px; margin-bottom: 5px }
.team-details-layout1 .team-member .member-details .degi { font-size: 16px; letter-spacing: 0; margin-bottom: 5px }
.team-details-layout1 .team-member .member-skill .single-circle-progress { padding-left: 0 }
.team-details-layout1 .team-member .member-skill .single-circle-progress .progress-title { font-size: 18px; line-height: 26px; padding-left: 20px }
.team-details-layout1 .team-member .member-skill .circle-progress-area { padding-top: 30px }
.team-details-layout1 .team-member .inner-title { letter-spacing: 0; margin-bottom: 15px; font-size: 24px }
.widget:not(.footer-widget) { padding: 20px; margin-bottom: 30px; padding-top: 15px }
.widget:not(.footer-widget).widget_categories ul li a { width: 100%; padding: 11.5px 10px; padding-left: 60px; font-size: 14px }
.widget:not(.footer-widget).widget_file_link ul li a { padding: 11px 10px; padding-left: 70px; font-size: 14px }
.widget_offer_banner .price-box { top: 10px; right: 10px; -webkit-transform: scale(.8); -ms-transform: scale(.8); transform: scale(.8) }
.widget:not(.footer-widget) .widget_title { font-size: 20px; letter-spacing: 0; padding-bottom: 15px; margin-bottom: 20px }
.service-details-layout1 .service-details .service-title { font-size: 38px; letter-spacing: 0; margin-bottom: 10px }
.service-details-layout1 .service-details .inner-title { font-size: 26px; line-height: 24px; margin-bottom: 15px }
.blog-single-layout1 .blog .blog-content .blog-title { font-size: 28px; line-height: 38px; margin-bottom: 15px }
.blog-single-layout1 .blog .blog-meta { padding: 20px 20px 15px }
.blog-single-layout1 .blog .blog-meta span { margin-right: 15px; font-size: 14px }
.blog-single-layout1 .blog .blog-meta span i { font-size: 16px; margin-right: 5px }
.blog-single-layout1 .blog .blog-content .blog-title { font-size: 24px; line-height: 34px; margin-bottom: 10px }
.blog-single-layout1 .blog .blog-meta { padding: 20px 30px 15px }
.blog-single-layout1 .blog .blog-content { padding: 0 30px; padding-top: 15px }
.blog-single-layout1 .blog .blog-bottom { padding-bottom: 25px }
.widget:not(.footer-widget).widget_recent_entries .blog .blog-content .blog-title { font-size: 14px; line-height: 20px; margin-bottom: 8px }
.widget:not(.footer-widget).widget_social_links ul li a { height: 45px; line-height: 45px; padding: 0 20px; font-size: 14px }
.widget:not(.footer-widget).widget_recent_comments .recentcomments .comment-text { margin-bottom: 10px; font-size: 14px; line-height: 24px }
.widget:not(.footer-widget).widget_tag_cloud .tagcloud a { font-size: 12px; letter-spacing: 0; padding: 3px 14px; margin-right: 5px; margin-bottom: 10px }
.widget:not(.footer-widget).widget_admin { padding-top: 40px; padding-bottom: 40px }
.widget:not(.footer-widget).widget_admin .admin-content .admin-img { width: 100px; height: 100px; margin: 0 auto; margin-bottom: 35px; margin-top: 7px }
.widget:not(.footer-widget).widget_admin .admin-content .admin-img:before { left: -7px; top: -7px; right: -7px; bottom: -7px }
.widget:not(.footer-widget).widget_admin .admin-content .admin-img:after { width: 34px; height: 34px; line-height: 34px; box-shadow: 0 0 0 6px #fff; right: -16px; font-size: 14px }
.widget:not(.footer-widget).widget_admin .admin-content .degi { margin-bottom: 10px }
.widget:not(.footer-widget).widget_admin .admin-content .admin-title { font-size: 18px; margin-bottom: 2px }
.about-us-sec.about-wrap-layout1.pt-155.pb-130 { padding-top: 110px }
.blog-single-layout1 .blog .blog-content blockquote { margin: 0; border-width: 6px; margin-bottom: 25px; font-size: 18px; line-height: 28px; padding: 20px; letter-spacing: 0 }
.blog-single-layout1 .blog .blog-content blockquote .quote-author { font-size: 16px; padding-left: 45px; margin-bottom: 10px }
.blog-single-layout1 .blog .blog-content .inner-title { font-size: 20px; line-height: 30px; letter-spacing: 0; padding-top: 25px; margin-bottom: 15px; margin-top: 0 }
.blog-single-layout1 .blog .blog-img-slider.mb-40 { margin-bottom: 25px }
.blog-single-layout1 .blog .share-links .links-title { font-size: 18px; margin-bottom: 0; letter-spacing: 0; margin-right: 10px; padding-top: 5px }
.blog-single-layout1 .blog .share-links .tagcloud a { font-size: 12px; padding: 1px 13px; margin-right: 5px }
.blog-single-layout1 .blog .share-links { padding-top: 20px; padding-bottom: 20px }
.blog-single-layout1 .blog .share-links .social-links ul { grid-template-columns: repeat(2, 1fr); grid-column-gap: 15px; grid-row-gap: 15px; margin-top: 15px; padding-top: 25px }
.post-pagination-layout2 .post-pagination .pagi-content { padding: 30px; padding-top: 25px }
.post-pagination-layout2 .post-pagination .pagi-content .pagi-title { font-size: 18px; line-height: 26px; margin-bottom: 10px; letter-spacing: 0 }
.post-pagination-layout2 .post-pagination .pagi-content .pagi-btn { width: 100px; height: 40px; line-height: 40px; font-size: 10px; letter-spacing: 0 }
.post-pagination-layout2 .post-pagination .pagi-content .pagi-btn i { font-size: 17px }
.post-pagination-layout2 .post-pagination .pagi-content span { font-size: 12px; margin-bottom: 15px }
.post-pagination-layout2 .post-pagination .pagi-content span i { font-size: 14px }
.blog-single-layout1 .related-post-area .inner-title { padding-top: 30px!important; margin-bottom: 25px!important }
.blog-single-layout1 .related-post-area .blog .blog-content { padding: 15px }
.blog-single-layout1 .related-post-area .blog .blog-meta span { margin-right: 13px; font-size: 13px }
.blog-single-layout1 .related-post-area .blog .blog-meta span i { font-size: 14px }
.blog-single-layout1 .related-post-area .blog .blog-content .blog-title { font-size: 16px; line-height: 27px; margin-bottom: 5px }
.blog-single-layout1 .related-post-area .blog .blog-text { margin-bottom: 0; font-size: 14px; line-height: 22px }
.blog-single-layout1 .blog-author { padding: 30px; margin-bottom: 30px }
.blog-single-layout1 .blog-author .author-img { width: 100px; height: 100px; margin-right: 15px }
.blog-single-layout1 .blog-author .author-content { width: calc(100% - 115px); padding-top: 0 }
.blog-single-layout1 .blog-author .author-content span { font-size: 12px; margin-bottom: 5px }
.blog-single-layout1 .blog-author .author-content .name { font-size: 24px; letter-spacing: 0; margin-bottom: 5px }
.blog-single-layout1 .blog-author .author-content .text { font-size: 14px; line-height: 24px }
.blog-single-layout1 .blog-comment-area .single-comment .comment-author { width: 70px; height: 70px; margin-right: 15px }
.blog-single-layout1 .blog-comment-area .single-comment .comment-content { width: calc(100% - 85px) }
.blog-single-layout1 .blog-comment-area .single-comment .author-name .name { font-size: 18px; letter-spacing: 0; margin-bottom: 2px }
.blog-single-layout1 .blog-comment-area .single-comment .author-name span { font-size: 11px }
.blog-single-layout1 .blog-comment-area .single-comment { padding: 30px 0 }
.blog-single-layout1 .blog-comment-area .single-comment.replay-comment { margin-left: 45px }
.blog-single-layout1 .blog-comment-form { padding-top: 20px; padding-bottom: 30px }
.blog-single-layout1 .blog-comment-form form .notice { padding-top: 0; padding-bottom: 20px; font-size: 14px }
.blog-single-layout1 .blog-comment-form .inner-title { margin-bottom: 20px!important }
.blog-single-layout1 .blog-comment-form form { padding: 30px }
.sticky-header-wrap .main-menu ul li { margin: 0 8px }
.project-layout1 .axivis-project .project-content { margin: 0; padding: 0 20px; padding-top: 20px; padding-bottom: 0; margin-top: 0 }
.project-layout1 .axivis-project .project-content .project-title { font-size: 18px; line-height: 28px; margin-bottom: 15px; letter-spacing: 0 }
.project-layout1 .axivis-project .project-content .primary-btn { width: 130px; height: 40px; line-height: 40px }
.project-layout1 .axivis-project .project-content span { margin-bottom: 5px; font-size: 14px }
.project-layout1 .axivis-project .project-content .price { font-size: 16px; padding-top: 8px }
.project-layout1 .axivis-project .project-content span i { margin-right: 6px; font-size: 16px }
.header2-overlay { position: static }
.pricing-table-layout2 .pricing-table .pricing-icon:before, .testomonial-layout2 span.quote-top:before { width: 160px; height: 160px }
.about-wrap-layout5 .about-us-img { max-width: 670px; margin-bottom: 30px }
.latest-project-wrapper .section-title h2.title { margin-top: -12px }
}
@media (min-width:768px) and (max-width:991.98px) {
.about-wrap-layout2 .shape-bg, .appointment-form-layout1 .shape-bg, .brand-layout1 .bg-shape, .contact-form-layout1 .contact-form-slider, .contact-form-layout1:before, .contact-form-layout2 .shape2, .contact-form-layout3 .shape-bg, .faq-layout3 .shape-bg, .featured-layout2:before, .header-layout2 .header-btn, .header-layout2:before, .header-middle-layout3:before, .header-top-wrap.header-top-layout2, .pricing-table-layout2 .pricing-table .price-plan span.shape, .pricing-table-layout4 .shape-bg, .project-layout1 .axivis-project .project-content:before, .project-layout1 .shape-bg, .service-layout2 .shape-bg, .service-layout3 .shape-bg, .team-layout2:after, .team-layout2:before, .testomonial-layout2 .shape-bg, .testomonial-layout3 span.quote-top, .work-process-layout2 .shape-bg, .work-process-layout2 .work-process:before, .work-process-layout2:after, .work-process-layout2:before, .work-process-layout3 .shape-bg { display: none }
.pb-150 { padding-bottom: 100px }
.pb-130 { padding-bottom: 80px }
.pb-120 { padding-bottom: 70px }
.pb-110 { padding-bottom: 60px }
.pb-80, .pb-90, .pb-100 { padding-bottom: 50px }
.pb-70 { padding-bottom: 40px }
.pt-155 { padding-top: 95px }
.pt-130 { padding-top: 80px }
.pt-125 { padding-top: 75px }
.pt-120 { padding-top: 70px }
.pt-80, .pt-100 { padding-top: 50px }
.pt-70 { padding-top: 40px }
.background-image { background-size: cover }
.header-top-layout1 .header-top-wrap .container { width: 100%; max-width: 100% }
.header-middle-area form.search-bar { display: none; margin-left: 45px }
.about-wrap-layout1 .about-title { font-size: 42px; letter-spacing: 0; margin-bottom: 25px }
.about-wrap-layout1 .about-title span { font-size: 68px }
.about-wrap-layout1 .about-us-img img { width: 100% }
.about-us-sec .experiance-box { padding: 50px 40px; min-width: auto; margin-top: -60px; right: -20px; max-width: 70% }
.about-wrap-layout1 .about-us-content { margin-left: 0; padding-top: 60px }
.about-wrap-layout1 .action-area { position: relative; margin-top: 40px; padding-left: 0 }
.about-wrap-layout1 .action-area .action-box { padding-right: 20px; margin-right: 20px; position: relative }
.estimator-title-area { text-align: center; margin-bottom: 40px }
.repair-estimator-wrap form.estimator-form { margin-left: 0 }
.repair-estimator-wrap form.estimator-form .form-group .primary-btn { width: 100% }
.work-process-layout1 .work-process .process-img { min-height: 250px }
.work-process-layout1 .work-process .process-head:after, .work-process-layout1 .work-process .process-head:before { display: none }
.work-process-layout1 .work-process .icon { width: 65px; height: 65px; line-height: 65px; font-size: 16px; border-radius: 50%; position: absolute; left: 25px; top: 25px; z-index: 1 }
.work-process-layout1 .work-process .icon:before { content: ""; position: absolute; z-index: -1; top: -10px; left: -10px; right: -10px; bottom: -10px; -webkit-animation: cspine 20s linear infinite; animation: cspine 20s linear infinite; border: 1px dashed var(--theme-clr1); border-radius: 50% }
.work-process-layout1 .row>div:nth-child(2n) .work-process .icon:before { border-color: var(--theme-clr2) }
.work-process-layout1 .work-process .icon .ripple { display: none }
.work-process-layout1 .work-process .process-head { text-align: center; margin-bottom: 0; position: relative }
.latest-project-wrapper .project-slider-area { position: relative; top: 0; right: 0; width: 100%; max-width: 100%; margin-top: 60px }
.latest-project-wrapper .section-title { padding: 0; text-align: center }
.latest-project-wrapper .section-title h2.title { font-size: 38px; margin-bottom: 24px }
.latest-project-wrapper .project-slider-area .thumb-logo { bottom: auto; left: 20px; width: 120px; top: -60px }
.testomonial-layout1 .counter-area-wrap .counter-box { margin-bottom: 30px }
.testomonial-layout1 .single-testomonial .testo-author { max-width: 320px; width: 100%; margin-top: 0 }
.testomonial-layout1 .single-testomonial .testomonial-content { padding: 100px 40px 55px 30px; width: 100%; margin-top: -60px }
.blog-layout1 .blog .blog-content { margin: 0; padding: 25px 30px 0; margin-top: 0 }
.footer-layout1 .footer-wid-wrap .footer-widget { margin-bottom: 30px }
.footer-layout1 .footer-wid-wrap { padding-bottom: 40px }
.team-layout1.pt-200 { padding-top: 25px }
.work-process-layout1 .work-process { padding-top: 0 }
header .container { max-width: 100% }
.about-wrap-layout1 .action-btn { padding-right: 15px }
.hero-layout2 { margin-top: 0; padding-top: 0 }
.repair-estimator-layout2 .inner-wrap { padding: 40px; padding-bottom: 25px; margin-top: 0 }
.hero-layout2 .ls-bottom-nav-wrapper { right: 2% }
.repair-estimator-layout2 { padding-top: 80px; padding-bottom: 80px }
.repair-estimator-layout2 .estimator-title-area .title { font-size: 32px }
.repair-estimator-layout2 .estimator-title-area .text { font-size: 15px }
.repair-estimator-wrap .estimator-title-area { padding-bottom: 0; margin-bottom: 25px }
.about-wrap-layout2 .about-us-content { padding-right: 0; margin-top: 40px }
.about-wrap-layout2 .about-us-img img { width: 100% }
.about-wrap-layout2 .about-us-content .about-title { font-size: 36px; line-height: 52px; max-width: 100% }
.about-wrap-layout2 .action-area .action-box { padding-right: 20px; margin-right: 20px }
.about-wrap-layout2 .action-area .action-box .content .text { font-size: 14px }
.about-wrap-layout2 .action-area .action-box .content span { font-size: 12px }
.about-wrap-layout2 .action-area .action-box .icon span i { font-size: 34px; padding-left: 15px }
.about-wrap-layout2 .action-area .action-box .content span.shape-icon:before { width: 40px; height: 40px; margin-top: -20px }
.about-wrap-layout2 .action-area .action-btn { margin-top: 30px }
.sec-separator span { width: 60px; height: 60px; line-height: 60px; font-size: 42px }
.about-wrap-layout2 .action-area { padding-top: 40px }
.section-title2 .title { font-size: 36px }
.section-title2 { padding-bottom: 45px }
.section-title2 .title:before { font-size: 78px; margin-top: -13px }
.cta-wrapper .cta-content .cta-title { font-size: 36px; line-height: 52px; margin-bottom: 10px }
.cta-wrapper .cta-content { padding: 0 }
.counter-layout2.pt-70 .inner-wrapper { padding-top: 40px }
.counter-layout2.pb-70 .inner-wrapper { padding-bottom: 40px }
.counter-layout2 .inner-wrapper { padding-left: 40px; padding-right: 40px; margin-top: -80px }
.cta-wrapper .cta-content .cta-text { font-size: 16px; margin-bottom: 25px }
.cta-layout1.pb-200 { padding-bottom: 160px }
.work-process-layout2 .work-process { position: static; max-width: 100%; display: block; text-align: center; margin-bottom: 30px }
.work-process-layout2 .container .row>div:nth-child(3) .work-process { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; text-align: center; top: 0; left: 0 }
.work-process-layout2 .container .row>div:nth-child(3) .work-process .icon span, .work-process-layout2 .container .work-process .icon span { margin-right: 0; margin-left: 0; margin-bottom: 15px; width: 120px; height: 120px; line-height: 103px; font-size: 40px }
.work-process-layout2 .container .row>div:nth-child(4) .work-process { top: 0; text-align: center; max-width: 100%; left: 0 }
.work-process-layout2 .container .row>div:nth-child(4) .work-process .icon span { margin-bottom: 15px; margin-right: 25px }
.work-process-layout2 { position: relative; min-height: auto }
.work-process-layout2 .work-process .process-content { width: 100% }
.work-process-layout2 .work-process .icon span:before { width: 30px; height: 30px; font-size: 12px; line-height: 30px }
.work-process-layout2 .work-process .process-content .title { font-size: 19px; margin-bottom: 4px }
.counter-layout2 .counter-box .content .counter { font-size: 24px }
.counter-layout2 .counter-box .content .text { font-weight: 400; font-size: 14px }
.counter-layout2 .counter-box .shape-icon i { font-size: 42px; padding-left: 15px }
.counter-layout2 .counter-box .icon .shape-icon:before { width: 40px; height: 40px; margin-top: -20px }
.team-layout2 { padding-left: 0; padding-right: 0; position: relative }
.pricing-table-layout2 .inner-wrapper { width: 100%; max-width: 100%; margin: 0 auto; overflow: hidden!important; padding: 0 20px; padding-top: 10px }
.pricing-table-layout2 .pricing-table .price-plan { position: static; left: 0; top: 0; background-color: transparent; width: 100%; min-width: 100%; z-index: 3; text-align: center; border-top-right-radius: 0; border-top-left-radius: 0; -webkit-transform: rotate(0) translateY(0); -ms-transform: rotate(0) translateY(0); transform: rotate(0) translateY(0) }
.pricing-table-layout2 .pricing-table .price-plan .plan-text { color: #01133c; padding: 0; font-size: 22px; margin-bottom: 20px }
.pricing-table-layout2 .pricing-table span.price-amount { font-size: 42px; padding: 0; margin-bottom: 10px }
.pricing-table-layout2 .pricing-table ul.pricing-list li { margin-bottom: 5px }
.pricing-table-layout2 .pricing-table ul.pricing-list { margin-bottom: 30px }
.pricing-table-layout2 .pricing-table .pricing-icon .circle-btn { width: 100px; height: 100px; line-height: 100px; font-size: 48px; margin-bottom: 30px }
.pricing-table-wrapper .pricing-table h3.title { margin-bottom: 10px; font-weight: 700; font-size: 26px }
.pricing-table-layout2.pt-190 { padding-top: 80px }
.pricing-table-layout2 .pricing-table { margin-bottom: 30px; padding-bottom: 40px; -ms-box-shadow: 0 10px 73px -21px rgba(0,0,0,.1); box-shadow: 0 10px 73px -21px rgba(0,0,0,.1) }
.testomonial-layout2 span.quote-top { left: calc(50% - 50px); top: -50px; width: 100px; height: 100px; line-height: 100px; font-size: 42px }
.testomonial-layout2 .single-testomonial .testomonial-content .title { font-size: 28px; line-height: 36px; margin-bottom: 10px }
.testomonial-layout2 .single-testomonial .testomonial-content .text { font-size: 17px; line-height: 26px }
.testomonial-layout2 .brand-layout3 { margin: 0 20px; margin-bottom: 30px; margin-top: 40px; padding-left: 23px; padding-right: 23px }
.testomonial-layout2:before { max-height: 580px; background-size: cover }
.blog-layout2 .latest-blog .blog-content .blog-title { font-size: 17px; line-height: 20px; padding-right: 0; margin-bottom: 10px }
.blog-layout2 .latest-blog .blog-content { position: absolute; bottom: 0; left: 0; right: 0; z-index: 2; padding: 0 20px; padding-bottom: 0 }
.blog-layout2 .latest-blog .blog-content p { font-size: 13px; line-height: 22px; margin-bottom: 20px }
.blog-layout2 .latest-blog .blog-meta { padding-bottom: 10px; margin-bottom: 15px; margin-right: 0 }
.blog-layout2 .popular-blog .blog .blog-content { padding: 15px }
.blog-layout2 .popular-blog .blog .blog-content .blog-title { font-size: 16px; line-height: 22px; margin-bottom: 15px }
.blog-layout2 .popular-blog .blog .blog-meta { padding-bottom: 10px; margin-bottom: 12px }
.blog-layout2 .blog .blog-meta span { font-size: 13px; margin-right: 10px }
.blog-layout2 .blog .blog-meta span i { font-size: 13px; margin-right: 7px }
.subscribe-layout2 .subscribe-content .title { font-size: 36px; margin-bottom: 5px }
.subscribe-layout2 .subscribe-content { text-align: center; margin-bottom: 30px }
.subscribe-layout2 { padding-top: 40px }
.footer-layout2 .widget_recent_entries { padding: 0 }
.header-layout3 .header-middle-layout3, .header-layout3 .header-top-wrap { padding-left: 15px; padding-right: 15px }
.header-middle-layout3 .action-box { padding-right: 20px; margin-right: 20px }
.header-middle-layout3 .action-box .content .text { font-size: 18px; letter-spacing: 0 }
.header-middle-layout3 .action-box .icon { font-size: 36px }
.header-middle-layout3 .action-box .content span { font-size: 12px }
.header-layout3 .header-logo { padding: 5px 0 }
.header-layout3 .inner-wrapper { padding-bottom: 45px }
.header-layout3 .phone-btn { width: 70px; height: 70px; margin-left: -35px; bottom: -7px; padding: 7px }
.header-layout3 .phone-btn a { line-height: 56px; font-size: 22px }
.header-layout3 .inner-wrapper:before { bottom: -13px; margin-left: -45px; width: 90px; height: 90px }
.service-layout3 .scroll-btn { top: -60px; padding-top: 35px; max-height: 120px }
.service-layout3 .slick-slider { padding: 0 }
.section-title3 .title { font-size: 36px; letter-spacing: 0; margin-bottom: 25px }
.service-layout3 .section-title3 { margin-bottom: 20px }
.service-layout3 .service-box { padding: 35px 20px; margin-bottom: 20px; margin-top: 40px }
.service-layout3 .service-box .service-content .title { font-size: 17px; line-height: 28px; margin-bottom: 15px }
.service-layout3 .service-box .service-content p { font-size: 14px }
.service-layout3 .service-box .service-content .shape-icon { margin-bottom: 15px }
.service-layout3 .inner-wrapper { padding-bottom: 65px; padding-right: 40px; padding-left: 50px }
.service-layout3 .inner-wrapper:before { max-height: 550px }
.service-layout3 .slick-slider .slick-arrow { left: -67px; top: 56%; width: 56px; height: 56px; font-size: 16px; padding: 6px; overflow: hidden }
.service-layout3 .slick-slider .slick-arrow i { line-height: 44px }
.service-layout3 .slick-slider .slick-arrow.slick-next { left: auto; right: -55px }
.about-wrap-layout3 .about-us-content h2.about-title { font-size: 36px; line-height: 46px; letter-spacing: 0; margin-bottom: 10px; max-width: 80% }
.about-wrap-layout3 .about-us-content p { margin-bottom: 15px }
.about-wrap-layout3 .about-us-content .features-list { padding-top: 0; margin-bottom: 20px }
.about-wrap-layout3 .about-us-content { padding-right: 0; margin-bottom: 60px }
.work-process-layout3 .row>div:nth-child(odd) .work-process { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; -webkit-flex-direction: row; flex-direction: row; text-align: left }
.work-process-layout3 .row>div:nth-child(odd) .work-process .icon span { margin-right: 15px; margin-left: 0 }
.work-process-layout3 .work-process { margin-bottom: 60px }
.work-process-layout3 .section-title3 { margin-bottom: 80px }
.work-process-layout3 .row>div:nth-child(2n) .work-process { margin-right: 0; margin-left: 0 }
.work-process-layout3 .work-process .process-content .title { font-size: 19px; margin-bottom: 6px }
.work-process-layout3 .work-process .icon span { width: 80px; height: 80px; line-height: 80px; font-size: 35px; margin-right: 15px }
.work-process-layout3 .work-process .process-content { width: calc(100% - 95px) }
.work-process-layout3 .work-process .process-content .text { margin-bottom: 0; font-size: 14px }
.separator-layout2 .sec-separator .shape { width: 80px; height: 80px; left: 50%; top: 50%; margin-top: -40px; margin-left: -40px }
.separator-layout2 .sec-separator:after, .separator-layout2 .sec-separator:before { width: calc(50% - 52px) }
.section-title3 .icon { width: 80px; height: 80px; line-height: 80px; font-size: 38px }
.counter-layout3 .counter-content-area .title { font-size: 36px; letter-spacing: 0; line-height: 46px; margin-bottom: 15px }
.counter-layout3 .inner-wrapper { padding-left: 0 }
.counter-layout3 .counter-box .content .text { font-size: 13px }
.counter-layout3 .counter-box .icon .shape-icon { margin-right: 15px }
.counter-layout3 .counter-box .icon .shape-icon i { font-size: 38px; padding-left: 20px }
.counter-layout3 .counter-box .icon .shape-icon:before { width: 45px; height: 45px; margin-top: -23px }
.counter-layout3 .counter-box .content .counter { font-size: 24px; line-height: 1.2 }
.counter-layout3 .counter-box { padding-bottom: 20px }
.counter-layout3 .counter-content-area { padding-bottom: 40px }
.team-layout3 .team-member .member-text { bottom: 20px; max-width: 230px; padding: 25px 30px }
.team-layout3 .team-member .btn-overly { bottom: 70px }
.team-layout3 .team-member ul.social-links { width: 50px; bottom: 80px; left: 51px }
.team-layout3 .team-member .member-img { padding-left: 50px }
.team-layout3 .team-member ul.social-links li { margin-bottom: 15px }
.team-layout3 .team-member .btn-overly { bottom: 50px; left: 230px }
.testomonial-layout3 .single-testomonial { padding-left: 40px; padding-right: 40px; min-height: auto }
.testomonial-layout3 ul.slick-dots { bottom: 20px }
.pricing-table-layout3 .pricing-table span.price-amount { width: 120px; height: 120px; line-height: 108px; font-size: 33px; letter-spacing: 0; margin-bottom: 30px; border-width: 5px }
.pricing-table-layout3 .pricing-table h3.title { margin-bottom: 5px; font-size: 20px }
.pricing-table-layout3 .pricing-table .content p { font-size: 14px }
.pricing-table-layout3 .pricing-table ul.pricing-list li { font-size: 14px; margin-bottom: 5px }
.pricing-table-layout3 .pricing-table ul.pricing-list { padding-top: 0; padding-bottom: 25px }
.pricing-table-layout3 .pricing-table:after { top: 0; right: 0; bottom: 0; left: 0 }
.pricing-table-layout3 .pricing-table { padding-top: 40px; padding-bottom: 40px }
.brand-layout4 .brand-area-title { text-align: center }
.brand-layout4 .brand-area-title .title { font-size: 36px; color: #fff }
.brand-layout4 .background-image { max-width: 100%; -webkit-clip-path: none; clip-path: none }
.brand-layout4 { padding-top: 35px; padding-bottom: 0 }
.footer-layout3 .footer-wid-wrap .widget-links { padding-left: 0 }
.footer-layout3 .copyright-area:before { max-width: 285px }
.breadcumb-layout1 .breadcumb-content .breadcumb-title { font-size: 46px }
.breadcumb-layout1 .breadcumb-content { padding-top: 135px; padding-bottom: 140px }
.breadcumb-layout1 .breadcumb-content ul { padding: 0 40px }
.breadcumb-layout1 .breadcumb-content ul li { font-size: 14px }
.about-wrap-layout4 .about-us-img .big-img { max-width: 290px }
.about-wrap-layout4 .about-us-img .small-img { left: 0; max-width: 300px }
.about-wrap-layout4 .about-us-img { min-height: 410px; max-width: 450px; margin-right: auto }
.about-wrap-layout4 .about-us-img:before { width: 350px; height: 350px; margin-left: -175px }
.about-wrap-layout4 .about-us-img .experiance { width: 80px; height: 80px; line-height: 80px; right: 155px; top: 225px; font-size: 24px; right: 115px; top: 180px }
.about-wrap-layout4 .about-us-img .experiance:before { left: 7px; top: 7px; right: 7px; bottom: 7px }
.about-wrap-layout4 .about-us-img .big-img:before { top: 49px }
.about-wrap-layout4 .about-us-img .big-img:after { right: 64px }
.about-wrap-layout4 .about-us-img .small-img:after { bottom: 33px }
.about-wrap-layout4 .about-us-img .small-img:before { left: 47px }
.about-wrap-layout4 .about-us-content { padding-right: 0; padding-top: 30px }
.about-wrap-layout4 .about-us-content .about-title { font-size: 36px; margin-bottom: 15px }
.about-wrap-layout4 .about-us-content .sub-title { font-size: 16px; line-height: 26px; margin-bottom: 10px; letter-spacing: 0 }
.about-wrap-layout4 .about-us-content .author-signa { padding-top: 0; padding-bottom: 30px }
.about-wrap-layout4 .about-us-content .video-action .text { font-size: 18px; line-height: 30px; max-width: 180px }
.about-wrap-layout4 .about-us-content .video-action a.video-btn { width: 60px; height: 60px; font-size: 22px; margin-right: 20px }
.faq-layout1 .faq-banner { margin: 0; height: auto; margin-right: 0; min-height: 500px }
.faq-layout1 .faq-area { min-height: auto; padding: 75px 60px 50px; margin-left: 0 }
.faq-layout1 .faq-banner.background-image { background-size: cover; background-position: top }
.faq-layout2 .faq-area { min-height: auto; padding: 75px 60px 50px; margin-left: 0 }
.faq-layout2 .faq-area .row>div:nth-last-child(2) .single-faq { border-bottom: 2px solid #fff }
.faq-layout2 .faq-banner { margin: 0; background-size: cover; background-position: top; height: 70vw; margin-right: 0 }
.testomonial-layout4 .single-testomonial { padding-left: 0 }
.testomonial-layout4 .single-testomonial .testomonial-content .text { font-size: 16px; line-height: 28px; margin-bottom: 5px }
.testomonial-layout4 .single-testomonial .testomonial-content { padding-left: 30px; padding-right: 0; width: calc(100% - 180px) }
.testomonial-layout4 .single-testomonial .testo-author { max-width: 220px; width: 100%; padding-top: 30px; padding-bottom: 25px }
.testomonial-layout4 .single-testomonial .testo-author img { width: 100px; height: 100px; padding: 6px; margin-bottom: 15px }
.testomonial-layout4 .single-testomonial .testomonial-content .rating i { font-size: 15px; margin-right: 0 }
.testomonial-layout4 .single-testomonial .testomonial-content .quote { font-size: 38px; margin-bottom: 0 }
.faq-layout3 .faq-area { padding-right: 0; padding-bottom: 60px }
.faq-layout3 .single-faq .faq-header .faq-title button { font-size: 14px; padding: 20px 0; line-height: 1; padding-right: 20px }
.faq-layout3 .single-faq .faq-header .faq-title button:after { position: absolute; float: none; top: 20px; right: 0 }
.faq-layout3 .single-faq .faq-body .faq-text { margin-bottom: 0; font-size: 14px; line-height: 22px }
.faq-layout3 .single-faq { padding: 0 15px }
.widget_offer_banner { margin: 0 auto; max-width: 350px }
.faq-layout3 .sidebar-area { margin-bottom: 20px }
.faq-layout3 .single-faq .faq-header .faq-title { margin-bottom: 0; line-height: 0 }
.contact-form-layout2 .shape1 { top: 160px; left: 0; max-width: 285px }
.contact-form-layout2 .notice { padding-bottom: 50px; margin-top: 45px }
.contact-form-layout2 .notice .notice-icon { margin-top: -45px; margin-bottom: 13px }
.contact-form-layout2 .notice .notice-text { font-size: 22px; line-height: 30px; max-width: 80%; margin: 0 auto; margin-bottom: 0 }
.subscribe-layout3 .subscribe-content { text-align: center; margin-bottom: 30px }
.subscribe-layout3 form.subsc-form { padding-top: 0; padding-left: 0 }
.subscribe-layout3 .subscribe-content .title { font-size: 36px; margin-bottom: 5px }
.subscribe-sec-wrapper.subscribe-layout3.background-image.pt-90.pb-100 { padding-top: 40px }
.appointment-form-layout1 form { padding: 0; padding-top: 10px }
.appointment-form-layout1 .form-title { font-size: 64px }
.service-layout4 .service-box { padding: 40px 0; padding-bottom: 35px }
.service-layout4 .service-box .service-content { padding: 0 30px }
.service-layout4 .service-box .service-content .title { font-size: 18px; margin-bottom: 10px; letter-spacing: 0 }
.service-layout4 .service-box .service-content p { font-size: 14px; line-height: 22px }
.service-layout4 .service-box .service-icon { width: 70px; height: 70px; line-height: 70px; font-size: 33px; margin-bottom: 20px }
.error-wrapper .error-content>span { font-size: 82px }
.error-wrapper .error-content .title { font-size: 290px; margin-bottom: 10px }
.error-wrapper .error-content .sub-title { font-size: 36px; line-height: 48px; max-width: 490px; margin-bottom: 23px }
.error-wrapper .shape2 { max-width: 200px }
.error-wrapper .shape1 { max-width: 250px }
.error-wrapper .shape3 { max-width: 300px }
.price-plan-layout1 .price-plan-area .price-title { font-size: 32px; line-height: 44px; margin-bottom: 10px }
.price-plan-layout1 .price-plan-area .features-list { margin-bottom: 30px }
.price-plan-layout1 .widget_offer_banner_horizontal .title { max-width: 45% }
.price-plan-layout1 .price-action-box .shape { display: none }
.price-plan-layout1 .price-action-box { padding: 60px 40px; padding-top: 55px; margin-top: 40px; margin-left: 0 }
.pricing-table-layout4 .pricing-table .price-amount { width: 126px; height: 126px; line-height: 116px; border-width: 5px; font-size: 41px; letter-spacing: 0; margin-bottom: 30px }
.pricing-table-layout4 .pricing-table:before { height: 180px }
.pricing-table-layout4 .pricing-table { padding-top: 60px }
.pricing-table-wrapper .pricing-table h3.title { margin-bottom: 5px; font-size: 22px }
.pricing-table-layout4 .pricing-table .pricing-list { padding-top: 0; padding-bottom: 40px }
.project-details-layout1 .project-details-area .sub-title { font-size: 26px; margin-bottom: 20px; margin-top: 0 }
.testomonial-layout5 .single-testomonial { padding: 40px }
.testomonial-layout5 .single-testomonial .testo-author { width: 180px; margin-right: 30px }
.testomonial-layout5 .single-testomonial .testomonial-content { width: calc(100% - 210px) }
.testomonial-layout5 .single-testomonial .testomonial-content .text { font-size: 16px; line-height: 26px }
.testomonial-layout5 .single-testomonial .testomonial-content .rating { font-size: 14px }
.project-details-layout1 .share-links { margin: 30px 0 }
.project-details-layout1 .share-links .links-title { font-size: 22px; margin-bottom: 20px }
.project-details-layout1 .share-links .social-links ul li a i { width: 45px; height: 45px; line-height: 45px; font-size: 14px }
.project-details-layout1 .share-links .social-links ul { padding-top: 30px }
.post-pagination-layout1 .post-pagination .pagi-content { padding: 20px; padding-top: 15px }
.post-pagination-layout1 .post-pagination .pagi-content .pagi-title { font-size: 18px; line-height: 28px; letter-spacing: 0; margin-bottom: 15px }
.post-pagination-layout1 .post-pagination .pagi-content .pagi-btn { width: 120px; height: 45px; line-height: 42px; font-size: 12px; letter-spacing: 0 }
.post-pagination-layout1 .post-pagination .pagi-content .pagi-btn i { font-size: 17px }
.contact-form-layout3 .contact-information-area { padding: 40px; padding-top: 35px; padding-bottom: 10px; max-width: 460px; margin: 0 auto; margin-bottom: 30px }
.contact-form-layout3 .contact-form-area .form-title { font-size: 68px }
.contact-form-layout3 .contact-form-area .sub-title { font-size: 18px }
.branch-information-layout1 .single-branch-info .branch-info-body .branch-title { font-size: 22px; margin-bottom: 5px }
.branch-information-layout1 .single-branch-info .branch-info-body .branch-location { line-height: 22px; font-size: 14px }
.branch-information-layout1 .single-branch-info .branch-info-body .branch-info .info-box .icon span { width: 40px; height: 40px; line-height: 40px; font-size: 16px; margin-right: 13px }
.branch-information-layout1 .single-branch-info .branch-info-body .branch-info .info-box .content .text { font-size: 14px }
.branch-information-layout1 .single-branch-info .branch-info-body .branch-info .info-box .content span { font-size: 16px; letter-spacing: 0 }
.branch-information-layout1 .single-branch-info .branch-info-body .branch-info { padding: 20px 0; padding-top: 15px }
.branch-information-layout1 .single-branch-info .branch-info-body .branch-info .info-box { margin-bottom: 10px }
.branch-information-layout1 .single-branch-info .map-button { right: 15px; bottom: 10px }
.branch-information-layout1 .single-branch-info .officer-info-toggler.button { top: 20px; left: 35px }
.branch-information-layout1 .inner-wrapper { margin-bottom: -80px }
.branch-information-layout1 .single-branch-info .branch-officer-info .officer-info-box { left: 115px; top: 10px; width: 100%; max-width: 270px; padding-top: 25px; padding-bottom: 20px }
.branch-information-layout1 .single-branch-info .branch-officer-info .officer-info-box .avater { width: 80px; height: 80px; margin: 0 auto; margin-bottom: 15px }
.branch-information-layout1 .single-branch-info .branch-officer-info .officer-info-box .name { font-size: 18px; margin-bottom: 0 }
.branch-information-layout1 .single-branch-info .branch-officer-info .officer-info-box .contact-info { font-size: 14px; line-height: 22px; margin-bottom: 0; font-weight: 500 }
.branch-information-layout1 .single-branch-info .branch-officer-info .officer-info-box .degi { margin-bottom: 10px }
.branch-information-layout1 .single-branch-info .branch-officer-info .officer-info-box .contact-info i { font-size: 15px; margin-right: 5px }
.branch-information-layout1 .single-branch-info .branch-officer-info .officer-info-box:before { left: -10px; top: 30px; width: 20px; height: 20px }
.branch-information-layout1 ul.slick-dots li button { width: 30px }
.branch-information-layout1 .single-branch-info { padding: 20px }
.branch-information-layout1 .single-branch-info .branch-info-head .branch-img img { width: 100% }
.branch-information-layout1 .single-branch-info .branch-info-head { padding-right: 0; padding-bottom: 30px }
.branch-information-layout1 ul.slick-dots { right: 37%; bottom: 15px }
.branch-information-layout1 .single-branch-info .branch-info-body { padding-left: 0 }
.contact-map-wrap { height: 85vw }
.founder-layout1 .axivis-founder:nth-child(odd) .row { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row }
.founder-layout1 .axivis-founder:nth-child(odd) .founder-content { padding-left: 0; padding-right: 0 }
.founder-layout1 .axivis-founder .founder-content { padding-left: 0; padding-top: 50px; text-align: center }
.founder-layout1 .axivis-founder { margin-bottom: 60px }
.founder-layout1 .axivis-founder:last-child { margin-bottom: 30px }
.founder-layout1 .axivis-founder .founder-content .name { font-size: 36px; letter-spacing: 0; margin-bottom: 5px }
.team-layout4 .team-member .member-thumb-img { width: 150px; height: 150px; margin: 0 auto; border-width: 2px; padding: 7px; margin-bottom: 20px }
.team-layout4 .team-member { padding: 60px 0 }
.team-layout4 .team-member ul li a { width: 40px; height: 40px; line-height: 40px; font-size: 14px }
.team-details-layout1 .team-member .member-img { bottom: 0; padding-left: 0; padding-bottom: 40px }
.team-details-layout1 .team-member .member-img img { width: 100% }
.team-details-layout1 .team-member .member-details { padding-left: 0; padding-right: 0 }
.team-details-layout1 .team-member .member-details-area { margin-bottom: 60px; padding: 60px }
.team-details-layout1 .team-member .member-details .name { letter-spacing: 0; font-size: 34px; margin-bottom: 5px }
.team-details-layout1 .team-member .member-details .member-information ul li span { font-size: 16px; margin-right: 10px }
.team-details-layout1 .team-member .member-details .member-information ul li { padding: 10px 0 }
.team-details-layout1 .team-member .member-details .member-information { margin-bottom: 5px }
.team-details-layout1 .team-member .inner-title { letter-spacing: 0; margin-bottom: 15px; font-size: 24px }
.team-details-layout1 .team-member .member-contact-form .inner-title { margin-bottom: 25px }
.team-details-layout1 .team-member .member-content p { margin-bottom: 20px }
.team-details-layout1 .team-member .member-skill .single-circle-progress { padding-left: 0; padding-top: 40px }
.service-details-layout1 .service-details .service-title { font-size: 36px; letter-spacing: 0; margin-bottom: 10px }
.service-details-layout1 .service-details .inner-title, .service-details-layout1 .service-details .service-middle-box .inner-title { margin-bottom: 10px; font-size: 26px; letter-spacing: 0 }
.service-details-layout1 .service-details .service-content { padding-bottom: 0; margin-bottom: 30px }
.blog-single-layout1 .blog .blog-content .blog-title { font-size: 28px; line-height: 38px; margin-bottom: 15px }
.blog-single-layout1 .blog .blog-meta { padding: 20px 20px 15px }
.blog-single-layout1 .blog .blog-meta span { margin-right: 15px; font-size: 14px }
.blog-single-layout1 .blog .blog-meta span i { font-size: 16px; margin-right: 5px }
.blog-single-layout1 .blog .blog-content .blog-title { font-size: 24px; line-height: 34px; margin-bottom: 10px }
.blog-single-layout1 .blog .blog-meta { padding: 20px 30px 15px }
.blog-single-layout1 .blog .blog-content { padding: 0 30px; padding-top: 15px }
.blog-single-layout1 .blog .blog-bottom { padding-bottom: 25px }
.widget:not(.footer-widget).widget_recent_entries .blog .blog-content .blog-title { font-size: 14px; line-height: 20px; margin-bottom: 8px }
.widget:not(.footer-widget).widget_social_links ul li a { height: 45px; line-height: 45px; padding: 0 20px; font-size: 14px }
.widget:not(.footer-widget).widget_recent_comments .recentcomments .comment-text { margin-bottom: 10px; font-size: 14px; line-height: 24px }
.widget:not(.footer-widget).widget_tag_cloud .tagcloud a { font-size: 12px; letter-spacing: 0; padding: 3px 14px; margin-right: 5px; margin-bottom: 10px }
.widget:not(.footer-widget).widget_admin { padding-top: 40px; padding-bottom: 40px }
.widget:not(.footer-widget).widget_admin .admin-content .admin-img { width: 100px; height: 100px; margin: 0 auto; margin-bottom: 35px; margin-top: 7px }
.widget:not(.footer-widget).widget_admin .admin-content .admin-img:before { left: -7px; top: -7px; right: -7px; bottom: -7px }
.widget:not(.footer-widget).widget_admin .admin-content .admin-img:after { width: 34px; height: 34px; line-height: 34px; box-shadow: 0 0 0 6px #fff; right: -16px; font-size: 14px }
.widget:not(.footer-widget).widget_admin .admin-content .degi { margin-bottom: 10px }
.widget:not(.footer-widget).widget_admin .admin-content .admin-title { font-size: 18px; margin-bottom: 2px }
.blog-single-layout1 .blog .blog-content blockquote { margin: 0; border-width: 6px; margin-bottom: 25px; font-size: 18px; line-height: 28px; padding: 20px; letter-spacing: 0 }
.blog-single-layout1 .blog .blog-content blockquote .quote-author { font-size: 16px; padding-left: 45px; margin-bottom: 10px }
.blog-single-layout1 .blog .blog-content .inner-title { font-size: 20px; line-height: 30px; letter-spacing: 0; padding-top: 25px; margin-bottom: 15px; margin-top: 0 }
.blog-single-layout1 .blog .blog-img-slider.mb-40 { margin-bottom: 25px }
.blog-single-layout1 .blog .share-links .links-title { font-size: 18px; margin-bottom: 0; letter-spacing: 0; margin-right: 10px; padding-top: 5px }
.blog-single-layout1 .blog .share-links .tagcloud a { font-size: 12px; padding: 1px 13px; margin-right: 5px }
.blog-single-layout1 .blog .share-links { padding-top: 20px; padding-bottom: 20px }
.blog-single-layout1 .blog .share-links .social-links ul { grid-template-columns: repeat(2, 1fr); grid-column-gap: 15px; grid-row-gap: 15px; margin-top: 15px; padding-top: 25px }
.post-pagination-layout2 .post-pagination .pagi-content { padding: 30px; padding-top: 25px }
.post-pagination-layout2 .post-pagination .pagi-content .pagi-title { font-size: 18px; line-height: 26px; margin-bottom: 10px; letter-spacing: 0 }
.post-pagination-layout2 .post-pagination .pagi-content .pagi-btn { width: 100px; height: 40px; line-height: 40px; font-size: 10px; letter-spacing: 0 }
.post-pagination-layout2 .post-pagination .pagi-content .pagi-btn i { font-size: 17px }
.post-pagination-layout2 .post-pagination .pagi-content span { font-size: 12px; margin-bottom: 15px }
.post-pagination-layout2 .post-pagination .pagi-content span i { font-size: 14px }
.blog-single-layout1 .related-post-area .inner-title { padding-top: 30px!important; margin-bottom: 25px!important }
.blog-single-layout1 .related-post-area .blog .blog-content { padding: 15px }
.blog-single-layout1 .related-post-area .blog .blog-meta span { margin-right: 13px; font-size: 13px }
.blog-single-layout1 .related-post-area .blog .blog-meta span i { font-size: 14px }
.blog-single-layout1 .related-post-area .blog .blog-content .blog-title { font-size: 16px; line-height: 27px; margin-bottom: 5px }
.blog-single-layout1 .related-post-area .blog .blog-text { margin-bottom: 0; font-size: 14px; line-height: 22px }
.blog-single-layout1 .blog-author { padding: 30px; margin-bottom: 30px }
.blog-single-layout1 .blog-author .author-img { width: 100px; height: 100px; margin-right: 15px }
.blog-single-layout1 .blog-author .author-content { width: calc(100% - 115px); padding-top: 0 }
.blog-single-layout1 .blog-author .author-content span { font-size: 12px; margin-bottom: 5px }
.blog-single-layout1 .blog-author .author-content .name { font-size: 24px; letter-spacing: 0; margin-bottom: 5px }
.blog-single-layout1 .blog-author .author-content .text { font-size: 14px; line-height: 24px }
.blog-single-layout1 .blog-comment-area .single-comment .comment-author { width: 70px; height: 70px; margin-right: 15px }
.blog-single-layout1 .blog-comment-area .single-comment .comment-content { width: calc(100% - 85px) }
.blog-single-layout1 .blog-comment-area .single-comment .author-name .name { font-size: 18px; letter-spacing: 0; margin-bottom: 2px }
.blog-single-layout1 .blog-comment-area .single-comment .author-name span { font-size: 11px }
.blog-single-layout1 .blog-comment-area .single-comment { padding: 30px 0 }
.blog-single-layout1 .blog-comment-area .single-comment.replay-comment { margin-left: 45px }
.blog-single-layout1 .blog-comment-form { padding-top: 20px; padding-bottom: 30px }
.blog-single-layout1 .blog-comment-form form .notice { padding-top: 0; padding-bottom: 20px; font-size: 14px }
.blog-single-layout1 .blog-comment-form .inner-title { margin-bottom: 20px!important }
.blog-single-layout1 .blog-comment-form form { padding: 30px }
.blog-single-layout1 .blog .middle-img img { width: 100% }
.blog-single-layout1 .pagination-layout1 { padding-top: 0 }
.pagination-layout1 ul li a { font-size: 14px; width: 45px; height: 45px; line-height: 45px }
.project-layout1 .axivis-project .project-content { margin: 0; padding: 0 20px; padding-top: 20px; padding-bottom: 0; margin-top: 0 }
.project-layout1 .axivis-project .project-content .project-title { font-size: 18px; line-height: 28px; margin-bottom: 15px; letter-spacing: 0 }
.project-layout1 .axivis-project .project-content .primary-btn { width: 130px; height: 40px; line-height: 40px }
.project-layout1 .axivis-project .project-content span { margin-bottom: 5px; font-size: 14px }
.project-layout1 .axivis-project .project-content .price { font-size: 16px; padding-top: 8px }
.project-layout1 .axivis-project .project-content span i { margin-right: 6px; font-size: 16px }
.project-details-layout1 .project-details-area>ul li:before { width: auto; height: auto; line-height: auto; background-color: transparent; font-size: 16px; margin-right: 10px }
.project-details-layout1 .project-details-area>ul li { line-height: 16px }
.header2-overlay { position: static }
.pricing-table-layout2 .pricing-table .pricing-icon:before, .testomonial-layout2 span.quote-top:before { width: 120px; height: 120px }
.about-wrap-layout2 .action-area .action-box .icon span { margin-right: 15px }
.about-wrap-layout5 .about-us-img { max-width: 670px; margin-bottom: 30px }
.footer-layout3 .footer-wid-wrap.pt-100 { padding-top: 70px }
}
@media (max-width:767.98px) {
.hero-slider2-active h2 { font-size: 20px !important; line-height: 20px !important;}
.about-wrap-layout1 .action-area .action-box:before, .about-wrap-layout1:before, .about-wrap-layout2 .action-area .action-box:before, .about-wrap-layout2 .shape-bg, .about-wrap-layout4 .about-us-img .big-img:after, .about-wrap-layout4 .about-us-img .big-img:before, .about-wrap-layout4 .about-us-img .small-img:after, .about-wrap-layout4 .about-us-img .small-img:before, .about-wrap-layout4 .about-us-img:before, .appointment-form-layout1 .shape-bg, .brand-layout1 .bg-shape, .contact-form-layout1 .contact-form-slider, .contact-form-layout1:before, .contact-form-layout2 .shape-bg, .contact-form-layout3 .shape-bg, .faq-layout3 .shape-bg, .featured-layout2:before, .footer-layout3 .copyright-area:before, .header-layout2 .header-btn, .header-layout2:before, .header-layout3 .header-top-wrap, .header-middle-layout3:before, .header-top-wrap.header-top-layout2, .hero-layout2 .ls-bottom-nav-wrapper, .hero-layout3 .small-title:after, .hero-layout3 .small-title:before, .price-plan-layout1 .price-action-box .shape, .pricing-table-layout2 .pricing-table .price-plan span.shape, .pricing-table-layout4 .shape-bg, .project-layout1 .axivis-project .project-content:before, .project-layout1 .shape-bg, .service-layout2 .shape-bg, .service-layout3 .inner-wrapper:before, .service-layout3 .shape-bg, .shape-bg.shape-br, .team-layout2:after, .team-layout2:before, .testomonial-layout2 .shape-bg, .testomonial-layout3 span.quote-top, .testomonial-layout4 .single-testomonial .testomonial-content .quote, .work-process-layout1:before, .work-process-layout2 .shape-bg, .work-process-layout2 .work-process:before, .work-process-layout2:after, .work-process-layout2:before, .work-process-layout3 .shape-bg { display: none }
.pb-130, .pb-150 { padding-bottom: 60px }
.pb-120 { padding-bottom: 50px }
.pb-110 { padding-bottom: 40px }
.pb-100 { padding-bottom: 30px }
.pb-80, .pb-90 { padding-bottom: 40px }
.pb-70 { padding-bottom: 30px }
.pt-155 { padding-top: 75px }
.pt-130 { padding-top: 60px }
.pt-125 { padding-top: 55px }
.pt-120 { padding-top: 50px }
.pt-110 { padding-top: 40px }
.pt-100 { padding-top: 30px }
.pt-80, .pt-90 { padding-top: 40px }
.pt-70 { padding-top: 30px }
.background-image { background-size: cover }
.section-title { padding: 0; padding-bottom: 15px }
.circle-btn.xl { font-size: 46px; width: 100px; height: 100px; line-height: 100px }
.about-us-sec .experiance-box .content .main-title, .header-top-layout1 { display: none }
.about-wrap-layout1 .about-title { font-size: 30px; letter-spacing: 0; margin-bottom: 23px }
.about-wrap-layout1 .about-title span { font-size: 58px }
.about-wrap-layout1 .about-us-img img { width: 100% }
.about-us-sec .experiance-box { padding: 30px 20px; min-width: auto; margin-top: 40px; right: 0; background-image: none; background-color: var(--theme-clr1) }
.about-us-sec .experiance-box .content { width: 100% }
.about-us-sec .experiance-box .content .title { font-size: 19px; letter-spacing: 0; margin-bottom: 10px }
.about-us-sec .experiance-box .icon { margin-bottom: 30px }
.about-wrap-layout1 .about-us-content { margin-left: 0; padding-top: 40px }
.about-wrap-layout1 .sub-title { font-size: 28px; letter-spacing: 0; margin-bottom: 20px }
.about-wrap-layout1 .action-area { margin-top: 15px; padding-left: 0 }
.about-wrap-layout1 .action-area .action-box .icon span { font-size: 38px; margin-bottom: 0 }
.about-wrap-layout1 .about-us-content .features-list ul li:before { position: absolute; left: 0; top: 4px }
.about-wrap-layout1 .about-us-content .features-list ul li { margin-bottom: 4px; padding-left: 25px }
.about-wrap-layout1 .action-area .action-box { padding-right: 0; margin-right: 0; border-right: none; margin-bottom: 10px }
.about-wrap-layout1 .action-btn { float: none; margin-top: 20px }
.about-us-sec.about-wrap-layout1.pt-155.pb-130 { padding-top: 45px }
.estimator-title-area { text-align: center; margin-bottom: 30px }
.repair-estimator-wrap .estimator-title-area .title { margin-bottom: 0; font-size: 24px }
.repair-estimator-wrap .estimator-title-area .text { font-size: 16px; margin-bottom: 0 }
.repair-estimator-wrap form.estimator-form { margin-left: 0 }
.repair-estimator-wrap form.estimator-form .primary-btn { width: 100%; overflow: hidden }
.work-process-layout1 .work-process .process-img { min-height: auto }
.work-process-layout1 .work-process .process-head:after, .work-process-layout1 .work-process .process-head:before { display: none }
.work-process-layout1 .work-process .icon { width: 65px; height: 65px; line-height: 65px; font-size: 16px; border-radius: 50%; position: absolute; left: 25px; top: 25px; z-index: 1 }
.work-process-layout1 .work-process .icon:before { content: ""; position: absolute; z-index: -1; top: -10px; left: -10px; right: -10px; bottom: -10px; -webkit-animation: cspine 20s linear infinite; animation: cspine 20s linear infinite; border: 1px dashed var(--theme-clr1); border-radius: 50% }
.work-process-layout1 .row>div:nth-child(2n) .work-process .icon:before { border-color: var(--theme-clr2) }
.work-process-layout1 .work-process .icon .ripple { display: none }
.work-process-layout1 .work-process .process-head { text-align: center; margin-bottom: 0; position: relative }
.work-process-layout1 .work-process .process-content .title { font-size: 18px; line-height: 25px; letter-spacing: 0; margin-bottom: 10px }
.work-process-layout1 .work-process .process-content { padding: 10px 25px; padding-bottom: 5px }
.work-process-layout1 .work-process { padding-top: 0 }
.latest-project-wrapper .project-slider-area { position: relative; top: 0; right: 0; width: 100%; max-width: 100%; margin-top: 40px }
.latest-project-wrapper .project-slider-area .thumb-logo { bottom: -15px; left: -5px; width: 80px }
.latest-project-wrapper .section-title { text-align: center }
.latest-project-wrapper .section-title h2.title { line-height: 42px; font-size: 28px; margin-bottom: 20px }
.team-layout1.pt-200 { padding-top: 55px }
.team-layout1 .section-title { padding-bottom: 0 }
.our-featured-wrapper .single-featured .featured-icon { margin-bottom: -50px }
.our-featured-wrapper .single-featured .shape { margin-left: -80px; width: 160px; height: 160px }
.our-featured-wrapper .single-featured .featured-content { padding: 80px 20px; padding-bottom: 10px }
.our-featured-wrapper .single-featured .featured-content .title { font-size: 25px; margin-bottom: 15px }
.our-featured-wrapper .section-title { padding-bottom: 20px }
.pricing-table-wrapper .pricing-table h3.title { font-size: 24px }
.pricing-table-layout1 .pricing-table .pricing-icon { padding-top: 13px; padding-bottom: 45px }
.testomonial-layout1 .counter-area-wrap { padding: 0 }
.testomonial-layout1 .counter-area-wrap .counter-box { margin-bottom: 25px }
.testomonial-layout1 .section-title { padding-bottom: 25px }
.testomonial-layout1 .single-testomonial { padding-top: 30px; padding-bottom: 30px }
.testomonial-layout1 .single-testomonial .testo-author { max-width: 320px; width: 100%; padding-top: 30px; padding-bottom: 25px; margin-top: 0; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0) }
.testomonial-layout1 .single-testomonial .testo-author img { width: 100px; height: 100px; padding: 5px; margin-bottom: 15px }
.testomonial-layout1 .single-testomonial .testomonial-content { padding: 30px 20px 25px; width: 100% }
.testomonial-layout1 .slick-current .single-testomonial .testomonial-content .quote, .testomonial-layout1 .slick-current .single-testomonial .testomonial-content .rating, .testomonial-layout1 .slick-current .single-testomonial .testomonial-content .text { -webkit-animation-name: none; animation-name: none }
.testomonial-layout1 .single-testomonial .testomonial-content:after { right: 10px; bottom: 40px; font-size: 55px }
.blog-layout1 .blog .blog-content { margin: 0; padding: 15px 20px 0; margin-top: 0 }
.blog-layout1 .blog .blog-content h3.blog-title { font-size: 19px; line-height: 28px; margin-bottom: 15px }
.subscribe-sec-wrapper .subscribe-content .title { margin-bottom: 0 }
.subscribe-sec-wrapper form.subsc-form .form-group input { width: 100%; margin-right: 0; margin-bottom: 20px }
.footer-layout1 .footer-wid-wrap { padding-bottom: 20px }
.footer-layout1 .footer-wid-wrap .footer-widget { margin-bottom: 30px }
.footer-layout1 .copyright-area .copyright .text { font-size: 14px }
.footer-layout1 .copyright-area { padding: 20px 0 }
header .container { max-width: 100% }
.work-process-layout2 .work-process { position: static; max-width: 100%; display: block; text-align: center; margin-bottom: 30px }
.work-process-layout2 .container .row>div:nth-child(3) .work-process { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; text-align: center; top: 0; left: 0 }
.work-process-layout2 .container .row>div:nth-child(3) .work-process .icon span, .work-process-layout2 .container .work-process .icon span { margin-right: 0; margin-left: 0; margin-bottom: 15px; width: 80px; height: 80px; line-height: 62px; font-size: 25px }
.work-process-layout2 .container .row>div:nth-child(4) .work-process { top: 0; text-align: center; max-width: 100%; left: 0 }
.work-process-layout2 .container .row>div:nth-child(4) .work-process .icon span { margin-bottom: 15px; margin-right: 0 }
.work-process-layout2 { position: relative; min-height: auto }
.work-process-layout2 .work-process .process-content { width: 100% }
.work-process-layout2 .work-process .icon span:before { width: 22px; height: 22px; font-size: 10px; line-height: 22px; right: 9px; top: 7px }
.work-process-layout2 .work-process .process-content .title { font-size: 19px; margin-bottom: 4px }
.counter-layout2 .counter-box .content .counter { font-size: 24px }
.counter-layout2 .counter-box .content .text { font-weight: 400; font-size: 14px }
.counter-layout2 .counter-box .shape-icon i { font-size: 42px; padding-left: 15px }
.counter-layout2 .counter-box .icon .shape-icon:before { width: 40px; height: 40px; margin-top: -20px }
.team-layout2 { padding-left: 0; padding-right: 0; position: relative }
.pricing-table-layout2 .inner-wrapper { width: 100%; max-width: 100%; margin: 0 auto; overflow: hidden!important; padding: 0; padding-top: 10px }
.pricing-table-layout2 .inner-wrapper .slick-list { overflow: hidden }
.pricing-table-layout2 .pricing-table .price-plan { position: static; left: 0; top: 0; background-color: transparent; width: 100%; min-width: 100%; z-index: 3; text-align: center; border-top-right-radius: 0; border-top-left-radius: 0; -webkit-transform: rotate(0) translateY(0); -ms-transform: rotate(0) translateY(0); transform: rotate(0) translateY(0) }
.pricing-table-layout2 .pricing-table .price-plan .plan-text { color: #01133c; padding: 0; font-size: 22px; margin-bottom: 20px }
.pricing-table-layout2 .pricing-table span.price-amount { font-size: 42px; padding: 0; margin-bottom: 10px }
.pricing-table-layout2 .pricing-table ul.pricing-list li { margin-bottom: 5px }
.pricing-table-layout2 .pricing-table ul.pricing-list { margin-bottom: 30px }
.pricing-table-layout2 .pricing-table .pricing-icon .circle-btn { width: 100px; height: 100px; line-height: 100px; font-size: 48px; margin-bottom: 30px }
.pricing-table-wrapper .pricing-table h3.title { margin-bottom: 10px; font-size: 26px; font-weight: 700 }
.pricing-table-layout2.pt-190 { padding-top: 80px }
.pricing-table-layout2 .pricing-table { margin-bottom: 30px; padding-bottom: 40px; -ms-box-shadow: 0 10px 73px -21px rgba(0,0,0,.1); box-shadow: 0 10px 73px -21px rgba(0,0,0,.1) }
.testomonial-layout2 span.quote-top { left: calc(50% - 40px); top: -40px; width: 80px; height: 80px; line-height: 80px; font-size: 34px }
.blog-layout2 .latest-blog .blog-content .blog-title { font-size: 18px; line-height: 18px; padding-right: 0; margin-bottom: 10px }
.blog-layout2 .latest-blog .blog-content { position: absolute; bottom: 0; left: 0; right: 0; z-index: 2; padding: 0 20px; padding-bottom: 0 }
.blog-layout2 .latest-blog .blog-content p { font-size: 13px; line-height: 22px; margin-bottom: 20px }
.blog-layout2 .latest-blog .blog-meta { padding-bottom: 10px; margin-bottom: 15px; margin-right: 0 }
.blog-layout2 .popular-blog .blog .blog-content { padding: 15px }
.blog-layout2 .popular-blog .blog .blog-content .blog-title { font-size: 18px; line-height: 22px; margin-bottom: 15px }
.blog-layout2 .popular-blog .blog .blog-meta { padding-bottom: 10px; margin-bottom: 12px }
.blog-layout2 .blog .blog-meta span { font-size: 13px; margin-right: 10px }
.blog-layout2 .blog .blog-meta span i { font-size: 13px; margin-right: 7px }
.hero-layout2 { margin-top: 0; padding-top: 0 }
.repair-estimator-layout2 .inner-wrap { padding: 20px 15px; padding-bottom: 15px; margin-top: 0 }
.repair-estimator-wrap.repair-estimator-layout2.pb-150.secondary-bg2 { padding-bottom: 60px; padding-top: 60px }
.about-wrap-layout2 .about-us-img { position: relative; padding: 15px }
.about-wrap-layout2 .about-us-img img { width: 100% }
.about-wrap-layout2 .about-us-content { padding-right: 0; margin-top: 30px; margin-bottom: 15px }
.about-wrap-layout2 .about-us-content .about-title { font-size: 26px; line-height: 36px; max-width: 100%; width: 100% }
.about-wrap-layout2 .about-us-content p { margin-bottom: 20px }
.about-wrap-layout2 .about-us-content .video-action { margin-right: 0; padding-top: 0 }
.about-wrap-layout2 .about-us-content .author-signa, .about-wrap-layout2 .action-area { padding-top: 20px }
.about-wrap-layout2 .action-area .action-box { padding-right: 0; margin-right: 0; margin-bottom: 20px }
.about-wrap-layout2 .action-area .action-box .icon span i { font-size: 36px; padding-left: 15px }
.about-wrap-layout2 .action-area .action-box .content .text { font-size: 18px }
.about-wrap-layout2 .action-area .action-box .content span { font-size: 13px; margin-bottom: 2px }
.shape-icon:before { width: 40px; height: 40px; margin-top: -20px }
.sec-separator span { width: 60px; height: 60px; line-height: 60px; font-size: 38px }
.section-title2 .title { font-size: 26px; line-height: 28px; margin-bottom: 16px }
.section-title2 .title:before { font-size: 54px; margin-top: -7px }
.section-title2 { padding-bottom: 35px }
.our-service-wrapper:not(.service-layout1) .service-box .service-content .title { font-size: 20px; margin-bottom: 10px; letter-spacing: 0 }
.service-layout2 .service-box .service-content { padding: 25px 20px; padding-bottom: 55px }
.cta-wrapper .cta-content { padding: 0 }
.cta-wrapper .cta-content .cta-title { font-size: 26px; line-height: 36px; margin-bottom: 15px }
.cta-wrapper .cta-content .cta-text { font-size: 15px; margin-bottom: 20px }
.counter-layout2 .inner-wrapper { padding-left: 80px; padding-right: 80px; padding-left: 20px; padding-right: 20px; margin-top: 60px; padding-top: 20px!important; padding-bottom: 10px!important }
.counter-layout2 .counter-box { margin-bottom: 20px }
.work-process-wrap.work-process-layout2.pt-130.pb-90 { padding-bottom: 30px }
.team-layout2 .background-image { height: 420px }
.team-layout2 .team-member .member-content { padding-bottom: 30px }
.testomonial-layout2 .single-testomonial .testomonial-content .title { font-size: 24px; line-height: 34px; margin-bottom: 15px; letter-spacing: 0 }
.testomonial-layout2 .single-testomonial .testomonial-content .text { font-size: 16px; line-height: 24px }
.testomonial-layout2 .single-testomonial .testomonial-content { padding-bottom: 0 }
.testomonial-layout2 .single-testomonial .testo-author .name { font-size: 20px; margin-bottom: 0 }
.testomonial-layout2 .single-testomonial .testo-author span { font-size: 14px; font-weight: 700 }
.testomonial-layout2 .single-testomonial { padding-bottom: 0; text-align: center }
.testomonial-layout2 .brand-layout3 { margin: 0; margin-bottom: 30px; margin-top: 50px; padding-left: 0; padding-right: 0 }
.blog-layout2 .latest-blog { position: relative; min-height: 400px }
.subscribe-layout2 .subscribe-content { text-align: center; margin-bottom: 30px }
.subscribe-layout2 .subscribe-content .text { line-height: 16px; font-size: 12px }
.subscribe-layout2 form.subsc-form div.skew { width: 100%; height: 50px; margin-right: 0; margin-bottom: 10px }
.subscribe-layout2 form.subsc-form { padding-left: 0; text-align: center }
.subscribe-sec-wrapper .subscribe-content .title { font-size: 22px; margin-bottom: 10px; line-height: 1 }
.footer-layout2 .widget_recent_entries { padding: 0 }
.footer-layout2 .widget_recent_entries .blog .blog-content span { margin-bottom: 0 }
.footer-layout2 .widget_recent_entries .blog .blog-content .blog-title { font-size: 17px; line-height: 26px; margin-bottom: 0 }
.footer-layout2 .copyright-area p { margin-bottom: 0; font-size: 13px; text-align: center }
.cta-layout1.pb-200 { padding-bottom: 60px }
.footer-layout2 .widget_title { margin-bottom: 25px; font-size: 22px }
.footer-widget.widget_contact .widget_title { margin-bottom: 10px }
.footer-layout2 .widget_contact { padding: 40px 0 }
.repair-estimator-layout2 form.estimator-form .primary-btn { width: 90%!important; margin: 0 auto!important }
.repair-estimator-layout2 .estimator-title-area { padding-bottom: 0 }
.subscribe-layout1 form.subsc-form { padding-left: 0 }
.testomonial-layout1 .single-testomonial .testomonial-content .text { font-size: 16px; line-height: 26px; margin-bottom: 20px }
.header-layout3 .header-middle-layout3 { padding: 0 15px }
.header-layout3 .header-logo { padding: 15px 0 }
.header-layout3 .menuToggleBtn { margin-right: 0 }
.header-layout3 .inner-wrapper { padding-bottom: 15px }
.header-layout3 .phone-btn { width: 50px; height: 50px; margin-left: -25px; bottom: -10px; padding: 5px }
.header-layout3 .phone-btn a { line-height: 42px; font-size: 16px }
.header-layout3 .inner-wrapper:before { left: 50%; bottom: -9px; margin-left: -30px; width: 60px; height: 60px }
.hero-layout3 .ls-v6 .ls-nav-next:after, .hero-layout3 .ls-v6 .ls-nav-prev:after { top: 70%!important; margin-top: -8px!important; width: 16px!important; height: 16px!important }
.mobile-menu-wrapper .mean-menu-area { max-width: 200px }
.service-layout3 .scroll-btn { position: absolute; top: -23px; z-index: 99; padding-top: 10px; max-height: 60px; max-width: 100% }
.service-layout3 .scroll-btn a { width: 20px; height: 35px; padding: 5px }
.service-layout3 .scroll-btn a .move { height: 7px }
.section-title3 .title { font-size: 26px; letter-spacing: 0; margin-bottom: 20px }
.section-title3 .icon { font-size: 34px; margin-bottom: 20px }
.service-layout3 .section-title3 { margin-bottom: 0 }
.service-layout3 .slick-slider { padding: 0 }
.service-layout3 .service-box { padding: 15px 20px; margin-bottom: 40px; margin-top: 40px }
.service-layout3 .service-box .service-content .title { font-size: 17px; margin-bottom: 20px; letter-spacing: 0; line-height: 24px }
.service-layout3 .service-box .service-content .shape-icon { margin-bottom: 15px }
.service-layout3 .service-box .service-content .shape-icon i { font-size: 42px; padding-left: 35px }
.service-layout3 .service-box .service-content .shape-icon:before { width: 65px; height: 65px; margin-top: -32.5px }
.service-layout3 .inner-wrapper { padding-bottom: 0 }
.service-slider2-active { max-width: 360px; margin: 0 auto!important }
.about-wrap-layout3 .about-us-content h2.about-title { font-size: 26px; line-height: 32px; letter-spacing: 0; margin-bottom: 15px; max-width: 100% }
.about-wrap-layout3 .about-us-content { padding-right: 0; margin-bottom: 40px }
.about-wrap-layout3 .about-us-content p { margin-bottom: 20px }
.about-wrap-layout3 .about-us-content .features-list { padding-top: 0; margin-bottom: 20px }
.about-wrap-layout3 .about-us-content .counter-box-wrapper { margin-bottom: 20px }
.about-wrap-layout3 .about-us-content .single-counter { max-width: 250px; width: 100%; margin-right: 0; padding: 15px 20px; padding-right: 0; margin-bottom: 20px }
.about-wrap-layout3 .about-us-content .counter-box-wrapper { padding-top: 5px; margin-bottom: 0 }
.about-wrap-layout3 form.estimator-form h3.form-title { font-size: 22px; margin-bottom: 5px }
.about-wrap-layout3 form.estimator-form p.sub-title { line-height: 22px; margin-bottom: 30px; margin-bottom: 20px; font-size: 13px }
.about-wrap-layout3 form.estimator-form { padding: 25px 20px }
.work-process-layout3 .row>div:nth-child(odd) .work-process { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; -webkit-flex-direction: row; flex-direction: row; text-align: left }
.work-process-layout3 .row>div:nth-child(odd) .work-process .icon span { margin-right: 15px; margin-left: 0 }
.work-process-layout3 .work-process { margin-bottom: 20px }
.work-process-layout3 .section-title3 { margin-bottom: 80px }
.work-process-layout3 .row>div:nth-child(2n) .work-process { margin-right: 0; margin-left: 0 }
.work-process-layout3 .work-process .process-content .title { font-size: 17px; margin-bottom: 2px }
.work-process-layout3 .work-process .icon span { width: 60px; height: 60px; line-height: 60px; font-size: 26px; margin-right: 15px }
.work-process-layout3 .work-process .process-content { width: calc(100% - 75px) }
.work-process-layout3 .work-process .process-content .text { margin-bottom: 0; font-size: 14px }
.separator-layout2 .sec-separator .shape { width: 80px; height: 80px; left: 50%; top: 50%; margin-top: -40px; margin-left: -40px }
.separator-layout2 .sec-separator:after, .separator-layout2 .sec-separator:before { width: calc(50% - 52px) }
.section-title3 .icon { width: 60px; height: 60px; line-height: 60px; font-size: 32px }
.work-process-layout3 .section-title3 { margin-bottom: 45px }
.counter-layout3 .inner-wrapper { padding-left: 0 }
.counter-layout3 .counter-box .content .text { font-size: 13px }
.counter-layout3 .counter-box .icon .shape-icon { margin-right: 15px }
.counter-layout3 .counter-box .icon .shape-icon i { font-size: 38px; padding-left: 20px }
.counter-layout3 .counter-box .icon .shape-icon:before { width: 45px; height: 45px; margin-top: -23px }
.counter-layout3 .counter-box .content .counter { font-size: 24px; line-height: 1.2 }
.counter-layout3 .counter-box, .counter-layout3 .counter-content-area { padding-bottom: 20px }
.counter-layout3 .counter-content-area .title { font-size: 26px; letter-spacing: 0; line-height: 36px; margin-bottom: 10px }
.team-layout3 .team-member .btn-overly { bottom: 70px; left: 230px }
.team-layout3 .team-member ul.social-links { width: 50px; bottom: 80px; left: 51px }
.team-layout3 .team-member .member-img { padding-left: 50px }
.team-layout3 .team-member ul.social-links li { margin-bottom: 15px }
.team-layout3 .team-member .btn-overly { bottom: 43px; left: 200px }
.team-layout3 .team-member .member-text { bottom: 20px; max-width: 200px; padding: 20px 25px }
.team-layout3 .team-member .member-text .name { font-size: 18px; margin-bottom: 0 }
.section-title3 { padding-bottom: 20px; margin-bottom: 45px }
.testomonial-layout3 .single-testomonial { padding: 40px 20px 100px; min-height: auto }
.testomonial-layout3 ul.slick-dots { bottom: 45px; left: 50% }
.testomonial-layout3 .single-testomonial .testomonial-content .title { font-size: 18px; line-height: 26px; margin-bottom: 15px }
.pricing-table-layout3 .pricing-table span.price-amount { width: 120px; height: 120px; line-height: 108px; font-size: 33px; letter-spacing: 0; margin-bottom: 30px; border-width: 5px }
.pricing-table-layout3 .pricing-table h3.title { margin-bottom: 5px; font-size: 20px }
.pricing-table-layout3 .pricing-table .content p { font-size: 14px; margin-bottom: 20px }
.pricing-table-layout3 .pricing-table ul.pricing-list li { font-size: 14px; margin-bottom: 5px }
.pricing-table-layout3 .pricing-table ul.pricing-list { padding-top: 0; padding-bottom: 25px }
.pricing-table-layout3 .pricing-table:after { top: 0; right: 0; bottom: 0; left: 0 }
.pricing-table-layout3 .pricing-table { padding-top: 40px; padding-bottom: 40px }
.blog-layout3 .blog .blog-content { padding: 20px; padding-top: 25px; padding-bottom: 5px }
.blog-layout3 .blog .blog-content h3.blog-title { font-size: 18px; line-height: 18px; letter-spacing: 0; margin-bottom: 10px }
.blog-layout3 .blog .blog-meta { padding: 18px 0; margin-top: 15px }
.blog-layout3 .single-comment { padding: 20px; padding-right: 25px; min-height: auto }
.brand-layout4 .brand-area-title { text-align: center }
.brand-layout4 .brand-area-title .title { font-size: 26px; color: #fff }
.brand-layout4 .background-image { max-width: 100%; -webkit-clip-path: none; clip-path: none }
.brand-layout4 { padding-top: 35px; padding-bottom: 0 }
.footer-layout3 .copyright-area .copyright .text { font-size: 13px }
.footer-layout3 .copyright-area .inner-wrapper { padding: 14px 0 }
.footer-layout3 .footer-wid-wrap .widget_title { font-size: 18px; margin-bottom: 15px }
.footer-layout3 .footer-wid-wrap .widget-links { padding-left: 0 }
.footer-wid-wrap.pt-130.pb-70 { padding-bottom: 30px }
.footer-layout3 .footer-wid-wrap .widget-newsletter .text { line-height: 24px; margin-bottom: 15px; font-size: 14px }
.footer-layout3 .footer-wid-wrap .widget_about .about-text { margin-bottom: 15px; font-size: 14px }
.breadcumb-layout1 .breadcumb-content .breadcumb-title { font-size: 28px; text-align: center }
.breadcumb-layout1 .breadcumb-content ul { right: 50%; padding: 0 15px; width: 80%; -webkit-transform: translateX(50%); -ms-transform: translateX(50%); transform: translateX(50%); text-align: center }
.breadcumb-layout1 .breadcumb-content ul li { font-size: 15px; line-height: 50px }
.breadcumb-layout1 .breadcumb-content { padding-top: 85px; padding-bottom: 140px }
.breadcumb-layout1 .breadcumb-content h3 {font-weight: 300; line-height: 35px;}
.about-wrap-layout4 .about-us-img { min-height: auto }
.about-wrap-layout4 .about-us-img .big-img, .about-wrap-layout4 .about-us-img .small-img { position: static; display: block }
.about-wrap-layout4 .about-us-img .big-img img, .about-wrap-layout4 .about-us-img .small-img img { width: 100%; margin-bottom: 30px }
.about-wrap-layout4 .about-us-img .experiance { width: 70px; height: 70px; line-height: 70px; right: 5px; top: -30px; font-size: 22px }
.about-wrap-layout4 .about-us-img .experiance:before { left: 5px; top: 5px; right: 5px; bottom: 5px }
.about-wrap-layout4 .about-us-content { padding-right: 0; padding-top: 0 }
.about-wrap-layout4 .about-us-content .about-title { font-size: 26px; margin-bottom: 5px }
.about-wrap-layout4 .about-us-content .sub-title { font-size: 17px; line-height: 26px; margin-bottom: 10px; letter-spacing: 0 }
.faq-layout1 .video-btn, .faq-layout2 .video-btn { width: 60px; height: 60px; line-height: 60px; font-size: 22px }
.faq-layout1 .faq-area { min-height: auto; padding: 55px 15px 40px; margin-left: 0 }
.faq-layout1 .faq-area .section-title .sub-title { font-size: 14px; line-height: 22px; margin-bottom: 0 }
.faq-layout1 .faq-area .section-title { padding-bottom: 30px }
.faq-layout1 .faq-area .single-faq .faq-header h3.faq-title button { font-size: 11px; line-height: 30px; padding: 9px 10px }
.faq-layout1 .faq-area .single-faq .faq-body { padding: 17px 15px; padding-bottom: 8px; padding-right: 15px }
.faq-layout1 .faq-area .single-faq .faq-body .faq-text { margin-bottom: 0; font-size: 12px }
.counter-layout4 .inner-wrapper { padding: 0 }
.counter-layout4 .counter-box .content .counter { font-size: 24px }
.counter-layout4 .counter-box .content .text { font-size: 14px }
.about-wrap-layout4 .about-us-img .big-img, .about-wrap-layout4 .about-us-img .small-img { max-width: 100% }
.faq-layout1 .faq-banner.background-image { background-position: top }
.faq-layout1 .faq-banner, .faq-layout2 .faq-banner { margin: 0; height: 80vw; margin-right: 0 }
.faq-layout2 .faq-area { min-height: auto; padding: 60px 15px 35px; margin-left: 0 }
.faq-layout2 .faq-area .row>div:nth-last-child(2) .single-faq { border-bottom: 2px solid #fff }
.faq-layout2 .faq-area .single-faq .faq-header .faq-title { font-size: 18px; line-height: 28px; margin-bottom: 10px }
.faq-layout2 .faq-area .single-faq { padding-bottom: 25px; padding-top: 26px }
.axivis-mission-layout4 .axivis-mission .mission-content { padding: 0 15px; padding-top: 110px; padding-bottom: 15px }
.testomonial-layout4 .single-testomonial { padding-left: 0 }
.testomonial-layout4 .single-testomonial .testomonial-content .text { font-size: 14px; line-height: 22px; margin-bottom: 5px; font-style: normal }
.testomonial-layout4 .single-testomonial .testomonial-content { padding-left: 0; padding-right: 0; width: 100%; padding-top: 20px }
.testomonial-layout4 .single-testomonial .testo-author { max-width: 220px; width: 100%; padding-top: 30px; padding-bottom: 25px }
.testomonial-layout4 .single-testomonial .testo-author img { width: 100px; height: 100px; padding: 6px; margin-bottom: 15px }
.testomonial-layout4 .single-testomonial .testomonial-content .rating i { font-size: 15px; margin-right: 0 }
.testomonial-layout4 .single-testomonial .testomonial-content .quote { font-size: 38px; margin-bottom: 0 }
.faq-layout3 .faq-area { padding-right: 0; padding-bottom: 20px }
.faq-layout3 .single-faq .faq-header .faq-title button { font-size: 11px; padding: 15px 0; line-height: 18px; padding-right: 20px }
.faq-layout3 .single-faq .faq-header .faq-title button:after { position: absolute; float: none; top: 15px; right: 0 }
.faq-layout3 .single-faq .faq-body .faq-text { margin-bottom: 0; font-size: 11px; line-height: 20px }
.faq-layout3 .single-faq { padding: 0 15px }
.widget_offer_banner { margin: 0 auto; max-width: 350px }
.faq-layout3 .sidebar-area { margin-bottom: 20px }
.faq-layout3 .single-faq .faq-header .faq-title { margin-bottom: 0; line-height: 0 }
.faq-layout3 .single-faq .faq-body { padding-top: 10px; padding-bottom: 15px }
.widget_offer_banner .price-box { top: 15px; right: 15px; width: 100px; height: 100px }
.contact-form-layout2 .notice .notice-icon { width: 70px; height: 70px; line-height: 60px; font-size: 33px; margin-top: -35px; margin-bottom: 15px; top: -7px }
.contact-form-layout2 .notice .notice-text { margin-bottom: 0; font-size: 18px; font-weight: 500; padding: 0 15px; line-height: 26px }
.contact-form-layout2 .notice { padding-bottom: 30px; margin-top: 35px }
.section-title .title { font-size: 28px; margin-bottom: 15px }
.subscribe-layout3 .subscribe-content { text-align: center; margin-bottom: 20px }
.subscribe-layout3 form.subsc-form { padding-top: 0; padding-left: 0; text-align: center }
.subscribe-layout3 form.subsc-form .form-group input { margin-bottom: 10px }
.subscribe-sec-wrapper.subscribe-layout3.background-image.pt-90.pb-100 { padding-top: 30px }
.subscribe-sec-wrapper .subscribe-content .text { margin-bottom: 0; line-height: 25px; font-size: 12px }
.appointment-form-layout1 form { padding: 0; padding-top: 0 }
.appointment-form-layout1 .form-title { font-size: 26px; line-height: 32px; margin-bottom: 5px; color: rgba(0,0,0,.9) }
.appointment-form-layout1 .sub-title { font-size: 18px; line-height: 28px; margin-bottom: 15px }
.service-layout4 .service-box { padding: 40px 0; padding-bottom: 35px }
.service-layout4 .service-box .service-content { padding: 0 30px }
.service-layout4 .service-box .service-content .title { font-size: 18px; margin-bottom: 10px; letter-spacing: 0 }
.service-layout4 .service-box .service-content p { font-size: 14px; line-height: 22px }
.service-layout4 .service-box .service-icon { width: 70px; height: 70px; line-height: 70px; font-size: 33px; margin-bottom: 20px }
.service-layout4 .service-box { border-right: none }
.service-layout4 .row>div:first-child .service-box { border-top: none }
.service-layout4 .service-box .service-content { padding: 0 15px }
.error-wrapper .error-content>span { font-size: 36px }
.error-wrapper .error-content .title { font-size: 140px; margin-bottom: 20px }
.error-wrapper .error-content .sub-title { font-size: 20px; line-height: 28px; max-width: 690px; margin-bottom: 20px }
.error-wrapper .shape2 { max-width: 90px }
.error-wrapper .shape1 { max-width: 120px }
.error-wrapper .shape3 { max-width: 300px }
.price-plan-layout1 .price-plan-area .price-title { line-height: 34px }
.price-plan-layout1 .price-plan-area>.text { padding-right: 0; margin-bottom: 10px }
.widget_offer_banner_horizontal .title { top: 50%; left: 5vw; line-height: 6vw; margin-bottom: 0; font-size: 3.5vw }
.widget_offer_banner_horizontal .title span { line-height: 5vw; padding: 0 1vw }
.widget_offer_banner_horizontal .price-box { bottom: -10px; right: 0; -webkit-transform: scale(.5); -ms-transform: scale(.5); transform: scale(.5) }
.price-plan-layout1 .price-action-box { padding: 40px 20px; padding-top: 35px }
.price-plan-layout1 .price-action-box .text { font-size: 14px; line-height: 22px; margin-bottom: 20px }
.price-plan-layout1 .price-plan-area .price-title { font-size: 26px; line-height: 32px; margin-bottom: 10px }
.price-plan-layout1 .price-plan-area .features-list { margin-bottom: 30px }
.price-plan-layout1 .widget_offer_banner_horizontal .title { max-width: 45% }
.price-plan-layout1 .price-action-box .shape { display: none }
.price-plan-layout1 .price-action-box { padding: 60px 40px; padding-top: 55px; margin-top: 40px; margin-left: 0 }
.pricing-table-layout4 .pricing-table .price-amount { width: 126px; height: 126px; line-height: 116px; border-width: 5px; font-size: 41px; letter-spacing: 0; margin-bottom: 30px }
.pricing-table-layout4 .pricing-table:before { height: 180px }
.pricing-table-layout4 .pricing-table { padding-top: 60px }
.pricing-table-wrapper .pricing-table h3.title { margin-bottom: 5px; font-size: 22px }
.pricing-table-layout4 .pricing-table .pricing-list { padding-top: 0; padding-bottom: 40px }
.project-details-layout1 .project-details-area .sub-title { font-size: 24px; letter-spacing: 0; margin-bottom: 15px; margin-top: 0 }
.testomonial-layout5 .single-testomonial { display: block; padding: 40px 20px }
.testomonial-layout5 .single-testomonial .testo-author { width: 160px; margin-right: 0; margin-bottom: 10px }
.testomonial-layout5 .single-testomonial .testomonial-content { width: 100% }
.testomonial-layout5 .single-testomonial .testomonial-content .text { font-size: 16px; line-height: 26px; margin-bottom: 10px }
.testomonial-layout5 .single-testomonial .testomonial-content .rating { font-size: 16px }
.project-details-layout1 .share-links .links-title { font-size: 18px; margin-right: 0; margin-bottom: 20px; display: block }
.project-details-layout1 .share-links .tagcloud a { font-size: 12px; padding: 7px 13px; margin-right: 7px }
.project-details-layout1 .share-links .social-links ul { text-align: left; margin-top: 20px }
.project-details-layout1 .share-links .social-links ul li a i { width: 40px; height: 40px; line-height: 40px; font-size: 12px }
.project-details-layout1 .share-links { padding: 20px 0; margin: 30px 0 }
.post-pagination-layout1 .post-pagination .pagi-content { padding: 20px; padding-top: 15px }
.post-pagination-layout1 .post-pagination .pagi-content .pagi-title { font-size: 16px; line-height: 28px; letter-spacing: 0; margin-bottom: 10px }
.post-pagination-layout1 .post-pagination .pagi-content .pagi-btn { width: 120px; height: 40px; line-height: 38px; font-size: 11px; letter-spacing: 0; font-weight: 700 }
.post-pagination-layout1 .post-pagination .pagi-content .pagi-btn i { font-size: 18px }
.contact-form-layout3 .contact-form-area { padding: 20px }
.contact-form-layout3 .contact-information-area { height: auto; padding: 20px; padding-top: 15px; padding-bottom: 0; margin: 0 auto; margin-bottom: 30px; max-width: 460px }
.contact-form-layout3 .contact-information-area .info-box .icon span { width: 45px; height: 45px; line-height: 45px; font-size: 16px; margin-right: 15px }
.contact-form-layout3 .contact-information-area .info-box .content .text { line-height: 22px; font-size: 14px; max-width: 220px }
.contact-form-layout3 .contact-information-area .info-box .content { width: calc(100% - 60px) }
.contact-form-layout3 .contact-form-area .form-title { font-size: 28px; line-height: 32px; letter-spacing: 0; opacity: .7; margin-top: 0; margin-bottom: 10px }
.contact-form-layout3 .contact-form-area .sub-title { font-size: 18px; line-height: 24px; margin-top: 0 }
.branch-information-layout1 .single-branch-info .branch-info-body .branch-title { font-size: 16px; margin-bottom: 5px; line-height: 22px }
.branch-information-layout1 .single-branch-info .branch-info-body .branch-location { line-height: 22px; font-size: 12px }
.branch-information-layout1 .single-branch-info .branch-info-body .branch-info .info-box .icon span { width: 35px; height: 35px; line-height: 35px; font-size: 12px; margin-right: 10px }
.branch-information-layout1 .single-branch-info .branch-info-body .branch-info .info-box .content .text { font-size: 13px; line-height: 20px }
.branch-information-layout1 .single-branch-info .branch-info-body .branch-info .info-box .content .text a { line-height: inherit }
.branch-information-layout1 .single-branch-info .branch-info-body .branch-info .info-box .content span { font-size: 14px; letter-spacing: 0 }
.branch-information-layout1 .single-branch-info .branch-info-body .branch-info { padding: 20px 0; padding-top: 15px }
.branch-information-layout1 .single-branch-info .branch-info-body .branch-info .info-box { margin-bottom: 10px }
.branch-information-layout1 .single-branch-info .map-button { right: 0; bottom: 30px }
.branch-information-layout1 .single-branch-info .officer-info-toggler.button { top: 20px; left: 35px }
.branch-information-layout1 .inner-wrapper { margin-bottom: 30px }
.branch-information-layout1 .single-branch-info .branch-officer-info .officer-info-box { left: 20px; top: 80px; width: 100%; max-width: 250px; padding-top: 25px; padding-bottom: 20px; box-shadow: 0 0 15px 0 rgba(0,0,0,.15); margin-left: 0; margin-top: 30px }
.branch-information-layout1 .single-branch-info .branch-officer-info .officer-info-box.show { margin-top: 0 }
.branch-information-layout1 .single-branch-info .branch-officer-info .officer-info-box .avater { width: 80px; height: 80px; margin: 0 auto; margin-bottom: 15px }
.branch-information-layout1 .single-branch-info .branch-officer-info .officer-info-box .name { font-size: 18px; margin-bottom: 0 }
.branch-information-layout1 .single-branch-info .branch-officer-info .officer-info-box .contact-info { font-size: 14px; line-height: 22px; margin-bottom: 0; font-weight: 500 }
.branch-information-layout1 .single-branch-info .branch-officer-info .officer-info-box .degi { margin-bottom: 10px }
.branch-information-layout1 .single-branch-info .branch-officer-info .officer-info-box .contact-info i { font-size: 15px; margin-right: 5px }
.branch-information-layout1 .single-branch-info .branch-officer-info .officer-info-box:before { left: 25px; top: -10px; width: 20px; height: 20px }
.branch-information-layout1 ul.slick-dots li button { width: 30px }
.branch-information-layout1 .single-branch-info { padding: 15px }
.branch-information-layout1 .single-branch-info .branch-info-head .branch-img img { width: 100% }
.branch-information-layout1 .single-branch-info .branch-info-head { padding-right: 0; padding-bottom: 20px }
.branch-information-layout1 ul.slick-dots { right: 50%; bottom: 15px; -webkit-transform: translateX(50%); -ms-transform: translateX(50%); transform: translateX(50%) }
.branch-information-layout1 .single-branch-info .branch-info-body { padding-left: 0; padding-bottom: 30px }
.branch-information-layout1 .single-branch-info .branch-info-body .primary-btn { width: 130px; height: 40px; font-size: 12px; line-height: 40px }
.branch-information-layout1 .single-branch-info .button i { width: 35px; height: 35px; line-height: 33px; font-size: 14px }
.contact-map-wrap { height: 85vw }
.founder-layout1 .axivis-founder:nth-child(odd) .row { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row }
.founder-layout1 .axivis-founder:nth-child(odd) .founder-content { padding-left: 0; padding-right: 0 }
.founder-layout1 .axivis-founder { margin-bottom: 50px }
.founder-layout1 .axivis-founder:last-child { margin-bottom: 10px }
.founder-layout1 .axivis-founder .founder-content .name { font-size: 26px; letter-spacing: 0; margin-bottom: 5px }
.founder-layout1 .axivis-founder .social-links ul li a { width: 35px; height: 35px; line-height: 35px; font-size: 12px }
.founder-layout1 .axivis-founder .social-links ul li { margin: 0 2px }
.founder-layout1 .axivis-founder .social-links { margin-bottom: -15.5px }
.founder-layout1 .axivis-founder .founder-content { padding-left: 0; padding-top: 40px; text-align: center }
.founder-layout1 .axivis-founder .founder-content .text { font-size: 14px; margin-bottom: 20px }
.team-layout4 .team-member .member-thumb-img { width: 150px; height: 150px; margin: 0 auto; border-width: 2px; padding: 7px; margin-bottom: 20px }
.team-layout4 .team-member { padding: 60px 0; margin: 0 auto; margin-bottom: 20px; max-width: 340px }
.team-layout4 .team-member ul li a { width: 40px; height: 40px; line-height: 40px; font-size: 14px }
.team-details-layout1 .team-member .member-skill .single-circle-progress .circle-progress span { font-size: 24px; padding-bottom: 10px }
.team-details-layout1 .team-member .member-img { bottom: 0; padding-left: 0 }
.team-details-layout1 .team-member .member-details { padding-left: 0; padding-top: 30px; padding-right: 0 }
.team-details-layout1 .team-member .member-details .name { letter-spacing: 0; font-size: 26px; margin-bottom: 5px }
.team-details-layout1 .team-member .member-details .degi { font-size: 16px; letter-spacing: 0; margin-bottom: 5px }
.team-details-layout1 .team-member .member-details .member-information ul li span { font-size: 14px; margin-right: 5px }
.team-details-layout1 .team-member .member-details .member-information ul li { padding: 10px 0; font-size: 14px }
.team-details-layout1 .team-member .member-details .social-links li a { width: 40px; height: 40px; line-height: 40px; font-size: 13px }
.team-details-layout1 .team-member .member-details .member-information { margin-bottom: 10px; padding-top: 10px }
.team-details-layout1 .team-member .member-details-area { margin-bottom: 60px; padding: 20px }
.team-details-layout1 .team-member .inner-title { letter-spacing: 0; margin-bottom: 15px; font-size: 22px }
.team-details-layout1 .team-member .member-content p { margin-bottom: 15px }
.team-details-layout1 .team-member .member-content { margin-bottom: 30px }
.team-details-layout1 .team-member .member-skill .single-circle-progress { padding-left: 0; padding-bottom: 15px }
.team-details-layout1 .team-member .member-skill .single-circle-progress .progress-title { font-size: 16px; line-height: 22px; padding-left: 15px }
.team-details-layout1 .team-member .member-skill .circle-progress-area { display: -ms-grid; display: grid; -ms-grid-columns: auto; grid-template-columns: auto; padding-top: 10px }
.team-details-layout1 .team-member .member-skill { margin-bottom: 20px }
.service-details-layout1 .service-details .service-title { font-size: 26px; letter-spacing: 0; margin-bottom: 0 }
.service-details-layout1 .service-details p { margin-bottom: 20px }
.service-details-layout1 .service-details .service-thumb-image { margin-left: -5px; margin-right: -5px; margin-bottom: 20px }
.service-details-layout1 .service-details .service-thumb-image img { padding-left: 5px; padding-right: 5px }
.service-details-layout1 .service-details .inner-title, .service-details-layout1 .service-details .service-middle-box .inner-title { letter-spacing: 0; margin-bottom: 10px; font-size: 20px }
.service-details-layout1 .service-details .service-content { padding-bottom: 0; margin-bottom: 20px }
.service-details-layout1 .service-details .service-middle-box .middle-img { margin-bottom: 15px }
.service-details-layout1 .service-details .service-video-box .box-btn a.video-btn { width: 60px; height: 60px; font-size: 18px; line-height: 61px }
.service-details-layout1 .service-details .service-video-box .box-btn a.text { font-size: 11px; letter-spacing: 0; top: 0; left: 0 }
.service-details-layout1 .service-details .service-video-box .box-btn { margin-left: 0 }
.widget:not(.footer-widget) { padding: 20px 15px; margin-bottom: 40px; padding-top: 20px }
.widget:not(.footer-widget).widget_categories ul li a { padding: 11.5px 15px; padding-left: 60px; font-size: 14px }
.widget:not(.footer-widget) .widget_title { font-size: 18px; letter-spacing: 0; padding-bottom: 15px; margin-bottom: 25px }
.widget:not(.footer-widget).widget_file_link ul li a { padding: 16px 10px; padding-left: 70px; font-size: 14px }
.service-detaiils-wrap.service-details-layout1.pt-130.pb-90 { padding-bottom: 20px }
.blog-single-layout1 .blog .blog-meta { padding: 15px 20px 15px 15px }
.blog-single-layout1 .blog .blog-meta span { margin-right: 10px; font-size: 14px }
.blog-single-layout1 .blog .blog-meta span i { font-size: 16px; margin-right: 6px }
.blog-single-layout1 .blog .blog-content { padding: 0 15px; padding-top: 15px }
.blog-single-layout1 .blog .blog-content .blog-title { font-size: 18px; line-height: 28px; margin-bottom: 10px }
.blog-single-layout1 .blog .blog-admin img { width: 35px; height: 35px; margin-right: 10px }
.blog-single-layout1 .blog .blog-admin a { font-size: 14px }
.blog-single-layout1 .blog a.link-btn { font-size: 13px; letter-spacing: 0 }
.widget:not(.footer-widget).widget_admin .admin-content .admin-img { width: 100px; height: 100px; margin: 0 auto; margin-bottom: 37px; margin-top: 7px }
.widget:not(.footer-widget).widget_admin .admin-content .admin-title { font-size: 18px }
.widget:not(.footer-widget).widget_admin .admin-content .degi { margin-bottom: 11px }
.widget:not(.footer-widget).widget_admin .admin-content .admin-text { max-width: 100%; margin-bottom: 15px }
.widget:not(.footer-widget).widget_admin { padding-top: 40px; padding-bottom: 40px }
.widget:not(.footer-widget).widget_admin .admin-content ul li a { width: 35px; height: 35px; line-height: 36px; font-size: 12px }
.widget:not(.footer-widget).widget_admin .admin-content .admin-img:after { width: 29px; height: 29px; line-height: 29px; box-shadow: 0 0 0 5px #fff; right: -13px; font-size: 12px }
.widget:not(.footer-widget).widget_recent_entries .blog .blog-content .blog-title { font-size: 13px; line-height: 22px; margin-bottom: 5px }
.widget:not(.footer-widget).widget_recent_entries .blog .blog-content span { font-size: 12px }
.widget:not(.footer-widget).widget_recent_entries .blog .blog-content span i { font-size: 13px; margin-right: 7px }
.widget:not(.footer-widget).widget_recent_entries .blog .blog-img { margin-right: 15px; width: 75px; height: 75px }
.widget:not(.footer-widget).widget_social_links ul li a { display: block; height: 45px; line-height: 45px; padding: 0 20px; font-size: 14px }
.widget:not(.footer-widget).widget_recent_comments .recentcomments .comment-text { margin-bottom: 5px; font-size: 14px; line-height: 24px }
.widget:not(.footer-widget).widget_recent_comments .recentcomments { padding-top: 15px; padding-bottom: 15px }
.widget:not(.footer-widget).widget_tag_cloud .tagcloud a { font-size: 13px; letter-spacing: 0; padding: 3px 15px; margin-right: 5px; margin-bottom: 10px }
.blog-single-layout1 .blog .blog-video .video-btn { width: 60px; height: 60px; line-height: 60px; font-size: 22px }
.repair-estimator-wrap.repair-estimator-layout1 { padding-bottom: 40px }
.repair-estimator-wrap.repair-estimator-layout1 .estimator-title-area { padding-bottom: 0 }
.blog-single-layout1 .blog .blog-content .blog-text { margin-bottom: 15px }
.blog-single-layout1 .blog .blog-content blockquote { margin: 0; border-width: 5px; margin-bottom: 20px; font-size: 16px; line-height: 26px; padding: 20px }
.blog-single-layout1 .blog .blog-content blockquote .quote-author { font-size: 14px; padding-left: 26px; margin-bottom: 10px }
.blog-single-layout1 .blog .blog-content blockquote .quote-author:before { width: 15px }
.blog-single-layout1 .blog .blog-content .inner-title { font-size: 18px; line-height: 28px; letter-spacing: 0; padding-top: 15px; margin-bottom: 10px; margin-top: 0 }
.blog-single-layout1 .blog .blog-img-slider.mb-40 { margin-bottom: 15px }
.blog-single-layout1 .blog .middle-img { margin-bottom: 20px }
.blog-single-layout1 .blog .blog-content ul li { margin-bottom: 10px; padding-left: 25px; line-height: 28px }
.blog-single-layout1 .blog .share-links { padding-top: 15px; padding-bottom: 20px }
.blog-single-layout1 .blog .share-links .links-title { font-size: 16px; display: block; margin-bottom: 5px; letter-spacing: 0; margin-right: 0; padding-top: 0 }
.blog-single-layout1 .blog .share-links .tagcloud { float: none }
.blog-single-layout1 .blog .share-links .tagcloud a { margin-bottom: 10px }
.blog-single-layout1 .blog .share-links .social-links ul { grid-template-columns: repeat(1, 1fr); grid-column-gap: 15px; grid-row-gap: 15px; margin-top: 10px; padding-bottom: 0; padding-top: 20px; border-top: 1px solid #ededed }
.post-pagination-layout2 .post-pagination .pagi-content { padding: 15px; padding-top: 15px }
.post-pagination-layout2 .post-pagination .pagi-content .pagi-title { font-size: 15px; line-height: 20px; margin-bottom: 10px; letter-spacing: 0 }
.post-pagination-layout2 .post-pagination .pagi-content span { font-size: 12px; margin-bottom: 15px }
.post-pagination-layout2 .post-pagination .pagi-content span i { font-size: 13px; margin-right: 4px }
.post-pagination-layout2 .post-pagination .pagi-content .pagi-btn { width: 130px; height: 40px; line-height: 38px; font-size: 11px; letter-spacing: 0 }
.blog-single-layout1 .related-post-area .inner-title { padding-top: 20px!important; margin-bottom: 20px!important }
.blog-single-layout1 .related-post-area .blog .blog-content { padding: 20px }
.blog-single-layout1 .related-post-area .blog .blog-meta span { margin-right: 10px; font-size: 12px }
.blog-single-layout1 .related-post-area .blog .blog-meta span i { font-size: 14px }
.blog-single-layout1 .related-post-area .blog .blog-content .blog-title { font-size: 16px; line-height: 26px; margin-bottom: 5px }
.blog-single-layout1 .related-post-area .blog .blog-content .blog-text { margin-bottom: 15px; font-size: 14px }
.blog-single-layout1 .blog-author { display: block; padding: 20px; margin-bottom: 25px }
.blog-single-layout1 .blog-author .author-img { width: 120px; height: 120px; margin-right: 0; margin-bottom: 15px }
.blog-single-layout1 .blog-author .author-content { width: 100%; padding-top: 0 }
.blog-single-layout1 .blog-author .author-content span { font-size: 12px; margin-bottom: 5px }
.blog-single-layout1 .blog-author .author-content .name { font-size: 24px; letter-spacing: 0; margin-bottom: 10px }
.blog-single-layout1 .blog-author .author-content .text { font-size: 14px; line-height: 24px }
.blog-single-layout1 .blog-comment-area .single-comment .comment-author { width: 90px; height: 90px; margin-right: 0; margin-bottom: 20px }
.blog-single-layout1 .blog-comment-area .single-comment .comment-content { width: 100% }
.blog-single-layout1 .blog-comment-area .single-comment .author-name .name { font-size: 18px; margin-bottom: 3px }
.blog-single-layout1 .blog-comment-area .single-comment .author-name span { font-size: 11px }
.blog-single-layout1 .blog-comment-area .single-comment .reply-btn { width: 95px; height: 35px; font-size: 10px; line-height: 33px }
.blog-single-layout1 .blog-comment-area .inner-title { margin-bottom: 20px!important }
.blog-single-layout1 .blog-comment-area .single-comment .comment-top { margin-bottom: 10px }
.blog-single-layout1 .blog-comment-area .single-comment .comment-content .text { line-height: 24px; font-size: 14px }
.blog-single-layout1 .blog-comment-area .single-comment { padding: 20px 0 }
.blog-single-layout1 .blog-comment-area .single-comment.replay-comment { margin-left: 20px }
.blog-single-layout1 .blog-comment-form { padding-top: 20px; padding-bottom: 20px }
.blog-single-layout1 .blog-comment-form form { padding: 20px }
.blog-single-layout1 .blog-comment-form .inner-title { margin-bottom: 20px!important }
.blog-single-layout1 .blog-comment-form form .notice { padding-top: 0; padding-bottom: 15px; font-size: 12px; line-height: 22px }
.blog-single-layout1 .blog .middle-img img { width: 100% }
.blog-single-layout1 .blog .blog-content blockquote:before { right: 20px; bottom: 20px; font-size: 44px }
.blog-single-layout1 .pagination-layout1, .footer-layout2 .widget_about ul { padding-top: 0 }
.pagination-layout1 ul li a { font-size: 11px; width: 35px; height: 35px; line-height: 35px }
.hero-layout2 .ls-bottom-nav-wrapper { display: none!important }
.hero-layout2 .small-title {font-size: 12px !important };

.menuToggleBtn { font-size: 28px; margin-right: 10px }
.sticky-header-wrap .logo { padding: 10px 0;  }
.project-layout1 .axivis-project .project-content { margin: 0; padding: 0 20px; padding-top: 20px; padding-bottom: 0; margin-top: 0 }
.project-layout1 .axivis-project .project-content .project-title { font-size: 18px; line-height: 28px; margin-bottom: 15px; letter-spacing: 0 }
.project-layout1 .axivis-project .project-content .primary-btn { width: 130px; height: 40px; line-height: 40px }
.project-layout1 .axivis-project .project-content span { margin-bottom: 5px; font-size: 14px }
.project-layout1 .axivis-project .project-content .price { font-size: 16px; padding-top: 8px }
.project-layout1 .axivis-project .project-content span i { margin-right: 6px; font-size: 16px }
.project-details-layout1 .project-details-area>ul { display: block; margin-bottom: 0 }
.project-details-layout1 .project-details-area>ul li { line-height: 1; margin-bottom: 20px }
.project-details-layout1 .project-details-area>ul li:before { width: 30px; height: 30px; line-height: 28px; font-size: 15px; margin-right: 10px }
.project-details-layout1 .project-details-area .twentytwenty-wrapper { margin-bottom: 20px }
.header2-overlay { position: static }
.pricing-table-layout2 .pricing-table .pricing-icon:before, .testomonial-layout2 span.quote-top:before { width: 120px; height: 120px }
.about-wrap-layout2 .action-area .action-box .icon span i.fa-phone-alt { font-size: 28px; padding-left: 24px }
.cta-layout1 .cta-content .cta-text { color: #fff; line-height: 24px }
.about-wrap-layout5 .about-us-img .big-img { max-width: 100%; margin: 10px; margin-bottom: 40px }
.about-wrap-layout5 .about-us-img img { width: 100% }
.about-wrap-layout5 .about-us-img { padding-bottom: 30px; padding-left: 0; padding-top: 0 }
.about-wrap-layout5 .about-us-img .small-img { position: static }
.about-wrap-layout5 .about-us-img .big-img:after, .about-wrap-layout5 .about-us-img .big-img:before { top: -10px; right: -10px; width: 90%; height: 90%; border-width: 2px }
.about-wrap-layout5 .about-us-img .big-img:after { top: auto; right: auto; left: -10px; bottom: -10px; max-width: 100px; max-height: 100px }
.about-wrap-layout5 .about-us-img .experiance { width: 60px; height: 60px; line-height: 60px; top: auto; font-size: 19px; bottom: 10px; right: auto; left: -10px }
.about-wrap-layout5 .about-us-img .experiance:before { left: 5px; top: 5px; right: 5px; bottom: 5px }
.about-wrap-layout5 .about-us-content .about-title { font-size: 24px; margin-bottom: 5px }
.about-wrap-layout5 .about-us-content .sub-title { font-size: 16px; line-height: 24px; margin-bottom: 10px; letter-spacing: 0 }
.about-wrap-layout5 .about-us-content p { margin-bottom: 20px }
.about-wrap-layout5 .about-us-content .features-list ul li { font-size: 12px }
.about-wrap-layout5 .about-us-content .features-list { padding-bottom: 10px }
.about-wrap-layout5 .about-us-content .author-signa { padding-top: 5px; overflow: hidden; float: none; margin-right: 0; margin-bottom: 20px }
.about-wrap-layout5 .about-us-content .video-action .text { font-size: 15px; line-height: 24px; width: 100%; max-width: 140px }
.about-wrap-layout5 .about-us-content .video-action a.video-btn { margin-right: 20px }
.footer-layout3 .footer-wid-wrap.pt-100, .repair-estimator-layout2 { padding-top: 60px }
.service-layout3.pb-110 { padding-bottom: 30px }
}
@media (min-width:576px) and (max-width:767.98px) {
.about-wrap-layout1 .action-area .action-box:before { display: inline-block }
.about-wrap-layout1 .action-area .action-box { padding-right: 40px; margin-right: 40px; margin-bottom: 30px }
.work-process-layout1 .work-process { max-width: 320px; margin: 0 auto; margin-bottom: 30px }
.about-wrap-layout1 .about-title { font-size: 52px; margin-bottom: 37px }
.about-wrap-layout1 .about-title span { font-size: 86px }
.work-process-layout1 .work-process .icon { width: 55px; height: 55px; line-height: 51px; font-size: 14px; left: 20px; top: 20px }
.work-process-layout1 .work-process .process-img { min-height: 200px }
.team-layout1 .team-member { max-width: 360px; margin: 0 auto; margin-bottom: 30px; margin-top: 45px }
.our-featured-wrapper .single-featured { max-width: 360px; margin: 0 auto }
.pricing-table-layout1 .pricing-table { max-width: 360px; margin: 0 auto; margin-bottom: 30px }
.testomonial-layout1 .single-testomonial .testomonial-content { padding-top: 100px; margin-top: -80px }
.testomonial-layout1 .single-testomonial .testo-author { -webkit-transform: translateX(-1000px); -ms-transform: translateX(-1000px); transform: translateX(-1000px) }
.blog-layout1 .blog { max-width: 360px; margin: 0 auto; margin-bottom: 30px }
.footer-layout1 .footer-wid-wrap .widget_contact p:last-child { font-size: 14px }
.about-wrap-layout2 .about-us-content .video-action { margin-right: 30px; padding-top: 25px }
.service-layout2 .service-slider1-active { margin: 0 auto; max-width: 340px }
.team-layout2 .team-slider2-active { max-width: 360px; margin: 0 auto }
.featured-layout2.pt-130.pb-100 { padding-bottom: 60px }
.pricing-table-layout2 .pricing-table { margin-bottom: 30px; padding-bottom: 40px; -ms-box-shadow: none; box-shadow: none; padding-top: 40px }
.about-wrap-layout3 .about-us-content .single-counter { max-width: 200px; margin-right: 20px }
.work-process-layout3 .work-process .process-content .title { font-size: 15px; margin-bottom: 2px }
.work-process-layout3 .work-process .process-content .text { font-size: 11px }
.work-process-layout3 .work-process .icon span { width: 50px; height: 50px; line-height: 50px; font-size: 21px; margin-right: 15px }
.team-slider3-active { margin: 0 auto; max-width: 360px }
.pricing-table-layout3 .slick-slider { max-width: 360px; margin: 0 auto; margin-bottom: 30px }
.service-layout4 .service-box { border-right: 1px solid #e8e8e8 }
.widget_offer_banner_horizontal .price-box { bottom: 15px; right: 20px; -webkit-transform: scale(.5); -ms-transform: scale(.5); transform: scale(.8) }
.post-pagination-layout1 .post-pagination .pagi-content .pagi-title { font-size: 13px; line-height: 22px; letter-spacing: 0; margin-bottom: 10px }
.post-pagination-layout1 .post-pagination .pagi-content .pagi-title a { line-height: inherit }
.branch-information-layout1 .single-branch-info .branch-officer-info .officer-info-box { left: 100px; top: 10px; margin-left: 30px; margin-top: 0 }
.branch-information-layout1 .single-branch-info .branch-officer-info .officer-info-box:before { left: -10px; top: 15px }
.hero-slider2-active h2 {  font-size: 20px !important; line-height: 44px !important;}
}
@media (min-width:1200px) and (max-width:1500px) {
.counter-layout2 .counter-box .content .text { font-size: 20px }
}
@media (max-width:768px) {
.pricing-table-layout2 .pricing-table .pricing-icon:before, .testomonial-layout2 span.quote-top:before { width: 120px; height: 120px; display: none }
.testomonial-layout4 .single-testomonial .testo-author { max-width: 100%; width: 100%; padding-top: 30px; padding-bottom: 25px }
}