@media (min-width: 1300px) and (max-width: 1500px){}
/* xxl end */
@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{flex: 0 0 60%; max-width: 60%} .header-top-layout1 .header-middle-area .col-xl-4{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} .our-service-wrapper.service-layout1 .service-box .service-content{position: relative; z-index: 1; padding: 0 20px} .our-service-wrapper.service-layout1 .service-box{padding: 40px 0; padding-bottom: 35px} .our-service-wrapper.service-layout1 .service-box .service-content .title{font-size: 18px; margin-bottom: 15px; letter-spacing: 0} .service-layout1 .service-box .service-icon{width: 70px; height: 70px; line-height: 70px; font-size: 34px; margin-bottom: 20px} .service-layout1 .service-box .bottom-icon{font-size: 16px; margin-bottom: 0; bottom: -70px; left: 50%; margin-left: -40px; line-height: 10px; padding-top: 13px} .service-layout1 .service-box::before{max-width: 240px; max-height: 240px} .service-layout1 .shape-bg{max-width: 900px} .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{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 30px; 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 .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-layout1 .service-box .service-content .title{font-size: 18px; margin-bottom: 10px} .service-layout2 .service-box .bottom-icon{bottom: -40px; padding-top: 7px} .cta-wrapper .cta-content{padding: 0 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:nth-child(1) .work-process::before{top: 83px; left: 0; 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: right center} .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 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 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-left: 40px; padding-right: 40px; padding-top: 95px; padding-bottom: 100px; margin-left: 0} .faq-layout1 .faq-banner{margin: 100px 0; height: -webkit-calc(100% - 200px); height: -moz-calc(100% - 200px); height: calc(100% - 200px); margin-right: 0} .counter-layout4 .inner-wrapper{padding: 0 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 center} .faq-layout2 .faq-area{min-height: 775px; padding-left: 40px; padding-right: 40px; padding-top: 55px; padding-bottom: 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 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 center} .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: -webkit-calc(100% - 140px); width: -moz-calc(100% - 140px); 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}}
/* xl end */
@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} .service-layout1 .service-box .service-img img{height: 100%} .service-layout1 .service-box .service-content{padding: 0 20px} .service-layout1 .service-box .service-content .title{font-size: 18px; margin-bottom: 15px; letter-spacing: 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(even) .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} .service-layout1 .shape-bg{max-width: 800px} .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 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{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: 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: left center; background-size: cover} .subscribe-layout2 .subscribe-content{text-align: center; margin-bottom: 30px} .footer-layout2 .widget_recent_entries{padding: 0 0} .header-layout3 .header-middle-layout3{padding-left: 15px; padding-right: 15px; padding-top: 0; padding-bottom: 0} .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 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; 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 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 0; height: auto; min-height: 600px; text-align: center; margin-right: 0; background-size: cover; background-position: center top} .faq-layout2 .faq-area{min-height: auto; padding-left: 60px; padding-right: 160px; padding-top: 125px; padding-bottom: 90px; margin-left: 0} .faq-layout1 .faq-area{min-height: auto; padding-left: 100px; padding-right: 200px; padding-top: 125px; padding-bottom: 100px; margin-left: 0} .faq-layout1 .faq-banner.background-image{background-size: cover; background-position: top center} .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: center center} .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: -webkit-calc(100% - 230px); width: -moz-calc(100% - 230px); 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 center} .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(2n+1) .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 20px} .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{padding: 0 30px; padding-top: 15px} .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 30px} .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; -webkit-box-shadow: 0 0 0 6px #fff; -moz-box-shadow: 0 0 0 6px #fff; 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 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: -webkit-calc(100% - 115px); width: -moz-calc(100% - 115px); 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: -webkit-calc(100% - 85px); width: -moz-calc(100% - 85px); 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 span{margin-bottom: 5px} .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;}}
/* lg end */
@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-100{padding-bottom: 50px} .pb-90{padding-bottom: 50px} .pb-80{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-100{padding-top: 50px} .pt-80{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(even) .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-left: 30px; width: -moz-calc(100%); width: 100%; padding-top: 100px; padding-bottom: 55px; padding-right: 40px; margin-top: -60px} .blog-layout1 .blog .blog-content{margin: 0 0; padding: 25px 30px 0 30px; 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 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 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{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: calc(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; 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 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-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-top-wrap{padding-left: 15px; padding-right: 15px} .header-layout3 .header-middle-layout3{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; 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: -webkit-calc(100% - 95px); width: -moz-calc(100% - 95px); width: calc(100% - 95px)} .work-process-layout3 .work-process .process-content .text{margin-bottom: 00; 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: -webkit-calc(50% - 52px); width: -moz-calc(50% - 52px); 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; 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: 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 0; height: auto; margin-right: 0; min-height: 500px} .faq-layout1 .faq-area{min-height: auto; padding-left: 60px; padding-right: 60px; padding-top: 75px; padding-bottom: 50px; margin-left: 0} .faq-layout1 .faq-banner.background-image{background-size: cover; background-position: top center} .faq-layout2 .faq-area{min-height: auto; padding-left: 60px; padding-right: 60px; padding-top: 75px; padding-bottom: 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: center 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 40px} .testomonial-layout5 .single-testomonial .testo-author{width: 180px; margin-right: 30px} .testomonial-layout5 .single-testomonial .testomonial-content{width: -webkit-calc(100% - 210px); width: -moz-calc(100% - 210px); 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(2n+1) .row{-webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-direction: row; flex-direction: row} .founder-layout1 .axivis-founder:nth-child(2n+1) .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{margin-bottom: 10px; font-size: 26px; letter-spacing: 0} .service-details-layout1 .service-details .service-middle-box .inner-title{letter-spacing: 0; font-size: 26px; margin-bottom: 10px} .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 20px} .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{padding: 0 30px; padding-top: 15px} .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 30px} .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; -webkit-box-shadow: 0 0 0 6px #fff; -moz-box-shadow: 0 0 0 6px #fff; 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 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: -webkit-calc(100% - 115px); width: -moz-calc(100% - 115px); 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: -webkit-calc(100% - 85px); width: -moz-calc(100% - 85px); 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 span{margin-bottom: 5px} .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;}}
/* md end */
@media (max-width:767.98px){.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-150{padding-bottom: 60px} .pb-130{padding-bottom: 0px!important} .pb-120{padding-bottom: 50px} .pb-110{padding-bottom: 40px} .pb-100{padding-bottom: 30px} .pb-90{padding-bottom: 40px} .pb-80{padding-bottom: 40px} .pb-70{padding-bottom: 30px} .pt-155{padding-top: 75px} .pt-130{padding-top: 60px} .pt-125{padding-top: 0px!important;} .pt-120{padding-top: 50px} .pt-110{padding-top: 40px} .pt-100{padding-top: 30px} .pt-80{padding-top: 40px} .pt-90{padding-top: 40px} .pt-70{padding-top: 30px} .background-image{background-size: cover} .section-title{padding: 0 0; padding-bottom: 15px} .section-title .title{font-size: 28px} .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: -moz-calc(100%); 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} .service-layout1 .service-box .service-img img{height: 100%} .service-layout1 .service-box::before{max-width: 250px; max-height: 250px} .service-layout1 .service-box .service-content .title{font-size: 18px; margin-bottom: 15px; letter-spacing: 0} .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(even) .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; margin-bottom: 10px} .pricing-table-layout1 .pricing-table .pricing-icon{padding-top: 13px; padding-bottom: 45px} .testomonial-layout1 .counter-area-wrap{padding: 0 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; 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-left: 20px; width: -moz-calc(100%); width: 100%; padding-top: 30px; padding-bottom: 25px; padding-right: 20px} .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 0; padding: 15px 20px 0 20px; 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{font-size: 22px; margin-bottom: 0} .subscribe-sec-wrapper form.subsc-form .form-group input{width: -moz-calc(100%); 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} .service-layout1 .service-box .service-content{padding: 0 20px} 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{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: calc(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 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; 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 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} .pricing-table-wrapper .pricing-table h3.title{margin-bottom: 5px; font-weight: 700; font-size: 22px} .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{padding-top: 20px} .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: .8; margin-bottom: 16px} .section-title2 .title::before{font-size: 54px; margin-top: -7px} .section-title2{padding-bottom: 35px} .our-service-wrapper .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; margin-top: 60px} .counter-layout2 .inner-wrapper{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 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: calc(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 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-left: 15px; padding-right: 15px; padding-top: 0; padding-bottom: 0} .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 5px} .service-layout3 .scroll-btn a .move{height: 7px} .section-title3 .title{font-size: 26px; letter-spacing: 0; margin-bottom: 20px} .section-title3 .icon{width: 60px; height: 60px; line-height: 60px; font-size: 34px; margin-bottom: 20px} .service-layout3 .section-title3{margin-bottom: 0} .service-layout3 .slick-slider{padding: 0 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{padding-top: 5px; 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 .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; flex-direction: row; text-align: left} .work-process-layout3 .row>div:nth-child(2n+1) .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: -webkit-calc(100% - 75px); width: -moz-calc(100% - 75px); width: calc(100% - 75px)} .work-process-layout3 .work-process .process-content .text{margin-bottom: 00; 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: -webkit-calc(50% - 52px); width: -moz-calc(50% - 52px); 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{padding-bottom: 20px} .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-left: 20px; padding-right: 20px; min-height: auto; padding-bottom: 100px; padding-top: 40px} .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 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} .about-us-sec .col-xl-4{display:none} .footer .container{width: 100%;margin-right: auto;margin-left: auto;} .footer .col-lg-3{display:none} .footer .col-xs-12{width:100%!important;padding-left:10px} .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} .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-left: 15px; padding-right: 15px; padding-top: 55px; padding-bottom: 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 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 center} .faq-layout1 .faq-banner, .faq-layout2 .faq-banner{margin: 0; height: 80vw; margin-right: 0} .faq-layout2 .faq-area{min-height: auto; padding-left: 15px; padding-right: 15px; padding-top: 60px; padding-bottom: 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{font-size: 26px; line-height: 34px; margin-bottom: 10px} .price-plan-layout1 .price-plan-area>.text{padding-right: 0; margin-bottom: 10px} .price-plan-layout1 .price-plan-area .features-list{margin-bottom: 30px} .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; margin-top: 40px; margin-left: 0} .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: -webkit-calc(100%); width: -moz-calc(100%); width: calc(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: -webkit-calc(100% - 60px); width: -moz-calc(100% - 60px); 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(2n+1) .row{-webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-direction: row; flex-direction: row} .founder-layout1 .axivis-founder:nth-child(2n+1) .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-content img{width:100%!important;height:auto!important} .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; -webkit-box-shadow: 0 0 0 5px #fff; -moz-box-shadow: 0 0 0 5px #fff; 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: 100px; height: auto;} .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 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: -webkit-calc(100%); width: -moz-calc(100%); width: calc(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: -webkit-calc(100%); width: -moz-calc(100%); width: calc(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} .footer-layout2 .widget_about ul{padding-top: 0} .blog-single-layout1 .pagination-layout1{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} header .header-logo{padding: 10px 0} .menuToggleBtn{font-size: 28px; margin-right: 10px} .sticky-header-wrap .logo{padding: 10px 0; max-width: 90px} .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 span{margin-bottom: 5px} .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} .repair-estimator-layout2{padding-top: 60px;} .footer-layout3 .footer-wid-wrap.pt-100{padding-top: 60px;} .service-layout3.pb-110{padding-bottom: 30px;}}
/* sm end */
@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} .service-layout1 .service-box{max-width: 320px; margin: 0 auto; margin-bottom: 30px} .work-process-layout1 .work-process{max-width: 320px; margin: 0 auto; margin-bottom: 30px} .service-layout1 .service-box .service-content{padding: 0 10px} .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{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}}