/* Large Layout: 1200px. */ @media only screen and (min-width: 1200px){ .container {padding: 0;} .container-fluid{padding: 0;} } /* Medium screen */ @media only screen and (min-width: 992px) and (max-width: 1199px) { /*** ============================================= Top bar Area style ============================================= ***/ .top-bar-area .contact-info-right { padding-left: 290px; margin-left: -60px; } /*** ============================================= Header Area style ============================================= ***/ .header-area .outer-box { padding-right: 0; } .header-area .outer-box .logo { width: 100%; text-align: center; padding: 40px 0 0; } .header-area.stricky-fixed .outer-box .logo { width: 100%; text-align: center; padding: 40px 0 0; } .header-area .outer-box .cart-btn { right: 300px; } .header-area .outer-box .search-box-btn { right: 230px; } .main-menu { float: left; width: 860px; } /*** ============================================= Welcome Area style ============================================= ***/ .welcome-area { padding-bottom: 112px; } .welcome-area .text-holder .bottom { padding-left: 170px; } .welcome-area .text-holder .bottom .button a { padding: 17px 18px 15px; } .welcome-area .text-holder .bottom .title h3 { font-size: 18px; } .welcome-area .gallery .gallery-bg-img { margin-left: -83px; } /*** ============================================= Latest project Area style ============================================= ***/ .latest-project-area .project-filter li span::after { margin: 0 10px 0 10px; } /*** ============================================= Footer Area style ============================================= ***/ .single-footer-widget .latest-project ul li { display: inline-block; float: left; position: relative; width: 73px; } /*** ============================================= Testimonial Area style ============================================= ***/ .testimonials-carousel .single-slide-item .img-box { width: 425px; } .testimonials-carousel .single-slide-item .text-box { padding-left: 75px; } .testimonials-carousel .owl-dots { margin-left: 110px; margin-top: 10px; } /*** ============================================= Slogan Area style ============================================= ***/ .slogan-area .slogan { padding: 0 30px; } /*** ============================================= Working Area style ============================================= ***/ .working-area .sec-title { padding: 0 30px 40px; } /*** ============================================= Fact counter area style ============================================= ***/ .fact-counter-area .single-fact-counter .title h3 { font-size: 16px; font-weight: 600; } /*** ============================================= Faq content area style ============================================= ***/ .accordion-box { padding: 80px 100px; } .faq-content-area .question-form { background: #f7f7f7 none repeat scroll 0 0; padding: 70px 100px 100px; } /*** ============================================= Press Release Content Area style ============================================= ***/ .press-release-content-area .press-release-caption::after { right: 20%; } /*** ============================================= Project Area style ============================================= ***/ #project-area .project-filter li span { padding: 8px 22px; } /*** ============================================= Project Single v1 Area style ============================================= ***/ .project-single-v1-area #project-single-carousel { margin-bottom: 60px; } /*** ============================================= Design Desc Area style ============================================= ***/ .design-desc-area .tab-manu .tab-manu-items .single-item a { padding: 13px 25px 11px; } } /* Tablet Layout: 768px. */ @media only screen and (min-width: 768px) and (max-width: 991px) { /*** ============================================= Top bar Area style ============================================= ***/ .top-bar-area .contact-info-left { padding-bottom: 10px; } .top-bar-area .contact-info-left ul li { display: block; float: none; margin-right: 0; text-align: center; } .top-bar-area .contact-info-right { position: static; padding-left: 0; min-height: 32px; } .top-bar-area .contact-info-right .phnumber { left: 15px; } .top-social-links { right: 15px; } .top-bar-area .contact-info-right .language-switcher { left: 200px; } /*** ============================================= Header Area style ============================================= ***/ .header-area .outer-box { padding-right: 0; } .header-area .outer-box .logo { width: 100%; text-align: left; padding: 40px 0 0; } .header-area.stricky-fixed .outer-box .logo { padding: 40px 0 0; } .header-area .outer-box .cart-btn { right: 230px; } .header-area .outer-box .search-box-btn { right: 150px; } .main-menu { float: left; } .main-menu .navigation li a { padding: 44px 15px 45px 0; } .header-area.stricky-fixed .main-menu .navigation li a { padding: 29px 15px 30px 0; } .main-menu .navigation > li.dropdown > a { padding-right: 15px; } .header-area.stricky-fixed .main-menu .navigation > li.dropdown > a { padding-right: 15px; } .main-menu .navigation > li.dropdown > a::after { content: ""; } /*** ============================================= Welcome Area style ============================================= ***/ .welcome-area { padding-bottom: 150px; } .welcome-area .gallery { margin-top: 65px; position: relative; width: 570px; } /*** ============================================= Latest project Area style ============================================= ***/ .latest-project-area .sec-title { padding-bottom: 35px; } .latest-project-area .project-filter { margin-bottom: 50px; } /*** ============================================= Footer Area style ============================================= ***/ .single-footer-widget.pd-bottom { padding-bottom: 50px; } .single-footer-widget .popular-news .single-popular-news-item { margin-bottom: 30px; height: 80px; } /*** ============================================= Footer Bottom Area style ============================================= ***/ .footer-bottom-area .copyright-text p { margin: 0 0 10px; text-align: center; } .footer-bottom-area .footer-menu { float: none !important; text-align: center; } .footer-bottom-area .footer-menu ul li { display: inline-block; margin: 0 6px; } /*** ============================================= Testimonial Area style ============================================= ***/ .testimonials-carousel .single-slide-item .img-box, .testimonials-carousel .single-slide-item .text-box { display: block; } .testimonials-carousel .single-slide-item .text-box { padding-left: 20px; padding-top: 30px; } .testimonials-carousel .owl-dots { margin-left: 0; margin-top: 0; } /*** ============================================= Slogan Area style ============================================= ***/ .slogan-area .slogan { padding: 0 30px; } /*** ============================================= Working Area style ============================================= ***/ .working-area .sec-title { padding: 0 30px 40px; } /*** ============================================= About Interrio area style ============================================= ***/ .about-interrio-area .text-holder { padding-bottom: 50px; } .about-interrio-area .single-item.pdtop { padding-top: 50px; } /*** ============================================= Team area style ============================================= ***/ .team-area .bottom-text { padding: 41px 30px 0; } /*** ============================================= Fact counter area style ============================================= ***/ .fact-counter-area .fact-counter-carousel .single-item { padding-bottom: 40px; } .fact-counter-area .owl-controls { bottom: -25px; } /*** ============================================= Faq content area style ============================================= ***/ .accordion-box { padding: 80px 100px; } .faq-content-area .question-form { background: #f7f7f7 none repeat scroll 0 0; padding: 70px 100px 100px; } /*** ============================================= Press Release Content Area style ============================================= ***/ .press-release-content-area .press-release-caption { padding-left: 0px; padding-top: 40px; } .press-release-content-area .press-release-caption::after { content: ""; } .press-release-content-area .press-release-caption::before { content: ""; } .press-release-content-area .text { padding-left: 0; } .press-release-content-area .client-info { padding-left: 0; } /*** ============================================= Blog With Sidebar Area style ============================================= ***/ .blog-with-sidebar-area .blog-post { border-right: medium none; margin-bottom: 0; margin-right: 0; margin-top: 0; padding-bottom: 80px; padding-right: 0; padding-top: 0; } /*** ============================================= Blog Standard Area style ============================================= ***/ .blog-standard-area .single-blog-item .text-holder { padding-bottom: 15px; padding-left: 15px; padding-right: 15px; } .blog-standard-area .single-blog-item .text-holder .blog-title { font-size: 17px; } /*** ============================================= Blog Single Area style ============================================= ***/ .blog-single-area .blog-post { padding-bottom: 80px; } /*** ============================================= Contact v1 Area style ============================================= ***/ .contact-v1-area { padding-bottom: 100px; padding-top: 30px; } .contact-v1-area .sec-title { padding: 0 20px 40px; } /*** ============================================= Contact v2 Area style ============================================= ***/ .contact-v2-form-area { padding-bottom: 100px; padding-top: 100px; } .contact-v2-area .google-map-area { padding-top: 65px; } .contact-v2-form-area .sec-title { padding: 0 40px 40px; } /*** ============================================= Project Area style ============================================= ***/ #project-area .project-filter { margin-bottom: 50px; } #project-area .project-filter li { margin: 0 3px 10px; } #project-area .project-filter li span { padding: 8px 22px; } /*** ============================================= Project Single v1 Area style ============================================= ***/ .project-single-v1-area #project-single-carousel { margin-bottom: 60px; } /*** ============================================= Checkout Area style ============================================= ***/ .checkout-area .billing-info { overflow: hidden; padding-bottom: 70px; } .checkout-area .table { padding-bottom: 70px; } /*** ============================================= Account Area style ============================================= ***/ .account-area .login-form { overflow: hidden; padding-bottom: 60px; } /*** ============================================= Shop withsidebar Area style ============================================= ***/ .shop-withsidebar-area .shop-items { border-right: medium none; margin-bottom: 0; margin-right: 0; margin-top: 0; padding-bottom: 70px; padding-right: 0; padding-top: 0; } /*** ============================================= Shopping Cart Area style ============================================= ***/ #shopping-cart-area .sidebar-wrapper { border-left: medium none; margin-bottom: 0; margin-left: 0; margin-top: 0; padding-bottom: 0; padding-left: 0; padding-top: 80px; } /*** ============================================= Shop single area style ============================================= ***/ .shop-single-area .single-products-details{ border-right: 0px solid #f7f7f7; margin-bottom: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-right: 0px; padding-top: 0px; } .product-content-box .content-box { margin-left: 0; margin-top: 40px; } /*** ============================================= Slogan V2 Area Style ============================================= ***/ .slogan-v2-area .slogan-v2 .button a { margin: 35px 0; } /*** ============================================= Design Desc Area style ============================================= ***/ .design-desc-area .tab-manu { padding-bottom: 50px; } .design-desc-area .tab-manu .tab-manu-items .single-item { margin: 0 2px 10px; } .design-desc-area .tab-manu .tab-manu-items .single-item a { padding: 13px 25px 11px; } .design-desc-area .tab-content .inner-content .text-holder { padding-top: 45px; } /*** ============================================= Appoinment Area style ============================================= ***/ .appoinment-area .sec-title { float: none !important; padding-bottom: 36px; } /*** ============================================= Pricing Table Area style ============================================= ***/ .pricing-table-area { padding-bottom: 60px; padding-top: 100px; } .pricing-table-area .single-price-box { margin-bottom: 40px; } } /* Mobile Layout: 320px. */ @media only screen and (max-width: 767px) { /*** ============================================= Top bar Area style ============================================= ***/ .header-area .outer-box .logo .slogan_img{ height: 25px; margin-top: 65px; } .project-single-v1-area #project-single-carousel .single-item .img-holder img { height: 360px; margin-top: 50px; } #project-single-area.stone-details-sec h3{ margin-top: 40px; } #project-single-area .project-info .color-range img { height: 130px; margin-bottom: 40px; } .sec-title.mt-50{ margin-left: 17px; } .top-bar-area .contact-info-left { padding-bottom: 10px; } .top-bar-area .contact-info-left ul li { display: block; float: none; margin-right: 0; text-align: center; } .top-bar-area .contact-info-right { position: static; padding-left: 0px; margin-left: 0; min-height: 32px; } .top-bar-area .contact-info-right .phnumber { position: static; display: block; overflow: hidden; text-align: center; } .top-social-links { position: relative; right: 0; top: 2px; width: 160px; margin: 0 auto; } .top-bar-area .contact-info-right .language-switcher { left: 0; position: relative; display: block; width: 80px; margin: 0 auto; } /*** ============================================= Header Area style ============================================= ***/ /* .header-area.stricky-fixed { position: static; } */ .products_section .single-project-item { width: 48%; } .header-area .outer-box { padding-right: 0; } .header-area .outer-box .logo { width: 25%; text-align: center; } .header-area .outer-box .cart-btn { top: 112px; left: 0; z-index: 6; } .header-area .outer-box .search-box-btn { right: 0; top: 35px; } .main-menu { display: inline-block; float: right !important; padding-bottom: 0; padding-top: 0; z-index: 5; width: 100%; } .main-menu .navigation li { margin-left: 0; margin-right: 0; padding: 0; } .main-menu .collapse { border-radius: 3px !important; float: none; margin: 0; max-height: 300px; overflow: auto; padding: 0; width: 100%; } .main-menu .collapse.in, .main-menu .collapsing { border-radius: 3px; margin: 0 0 20px; padding: 0; border-top: none; } .main-menu .navbar-header{ position:relative; float:none; display:block; text-align:right; width:100%; right:0px; z-index:12; } .main-menu .navbar-header .navbar-toggle{ display:inline-block; z-index:7; float:none; margin:0px; margin-top: -66px; } .main-menu .navbar-header .navbar-toggle .icon-bar { background: #323233 none repeat scroll 0 0; font-weight: 700; } .main-menu .navbar-collapse > .navigation { float: none !important; margin: 0 !important; width: 100% !important; } .main-menu .navbar-collapse > .navigation > li{ margin:0px !important; float:none !important; width:100%; padding: 0; } .main-menu .navigation li.dropdown > a:after{ display:none !important; } .main-menu .navbar-collapse > .navigation > li > a{ padding:10px 10px !important; } .main-menu .navbar-collapse > .navigation > li > ul, .main-menu .navbar-collapse > .navigation > li > ul > li > ul{ position:relative; border:none; float:none; visibility:visible; opacity:1; display:none; margin:0px; left:auto !important; right:auto !important; top:auto !important; width:100%; background: none; border-radius:0px; -webkit-border-radius:0px; -ms-border-radius:0px; -o-border-radius:0px; -moz-border-radius:0px; transition:none !important; -webkit-transition:none !important; -ms-transition:none !important; -o-transition:none !important; -moz-transition:none !important; } .main-menu .navbar-collapse > .navigation > li > ul, .main-menu .navbar-collapse > .navigation > li > ul > li > ul{ border-top: 0px solid rgba(255,255,255,1) !important; } .main-menu .navbar-collapse > .navigation > li, .main-menu .navbar-collapse > .navigation > li > ul > li, .main-menu .navbar-collapse > .navigation > li > ul > li > ul > li{ opacity:1 !important; top:0px !important; left:0px !important; visibility:visible !important; } .main-menu .navbar-collapse > .navigation > li > a, .main-menu .navbar-collapse > .navigation > li > ul > li > a, .main-menu .navbar-collapse > .navigation > li > ul > li > ul > li > a{ padding:10px 10px !important; line-height:22px; color:#323232; background:#fff; text-align:left; } .main-menu .navbar-collapse > .navigation > li > a:hover, .main-menu .navbar-collapse > .navigation > li > a:active, .main-menu .navbar-collapse > .navigation > li > a:focus{ background:#1b1b1b; } .main-menu .navbar-collapse > .navigation > li:hover > a, .main-menu .navbar-collapse > .navigation > li > ul > li:hover > a, .main-menu .navbar-collapse > .navigation > li > ul > li > ul > li:hover > a, .main-menu .navbar-collapse > .navigation > li.current > a{ background:#fff; color:#d5ac63 !important; } .main-menu .navbar-collapse > .navigation li.dropdown .dropdown-btn{ display:block; } /*** ============================================= Welcome Area style ============================================= ***/ .welcome-area { padding-top: 60px 0; } .welcome-area .text-holder .bottom { padding-left: 0; } .welcome-area .text-holder .bottom .title h3 { position: relative; top: 70px; } .welcome-area .gallery { margin: 100px auto 0; width: 310px; } .welcome-area .gallery .video-gallery { z-index: 1; } .welcome-area .gallery .gallery-bg-img { margin-left: 0; position: static; z-index: -1; margin-top: -60px; display: none; } /*** ============================================= Latest project Area style ============================================= ***/ .latest-project-area .sec-title { padding-bottom: 35px; margin-left: -20px; } .latest-project-area .project-filter { margin-bottom: 50px; } .latest-project-area .project-filter li span::after { margin: 0 10px 0 10px; } /*** ============================================= Latest Blog Area style ============================================= ***/ .latest-blog-area .sec-title { padding-bottom: 35px; float: none !important; } .latest-blog-area .more-blog-button { float: none !important; padding-bottom: 40px; display: block; overflow: hidden; } /*** ============================================= Footer Area style ============================================= ***/ .single-footer-widget.pd-bottom { padding-bottom: 50px; } .single-footer-widget .popular-news .single-popular-news-item { margin-bottom: 30px; height: 80px; } /*** ============================================= Footer Bottom Area style ============================================= ***/ .footer-bottom-area .copyright-text p { margin: 0 0 10px; text-align: center; } .footer-bottom-area .footer-menu { float: none !important; text-align: center; } .footer-bottom-area .footer-menu ul li { display: inline-block; margin: 0 12px; } /*** ============================================= Testimonial Area style ============================================= ***/ .testimonial-area .row { display: block; } .testimonial-area .row .img-box .img-div{ height: auto; } .testimonial-area .img-div1 img{ height: 60px; margin-bottom: 5px; } .testimonial-area .row .img-box{ margin-bottom: 25px; } .testimonial-area .img-div2 img{ height: 90px; } .testimonial-area .img-div3 img{ height: 40px; margin-bottom: 18px; } .testimonial-area .row .img-box .img-div4 img, .testimonial-area .row .img-box .img-div5 img { width: auto; margin-bottom: 5px; margin-top: 0; } .testimonial-area .row .img-box .img-div5 img { margin-left: -18px; } .project-single-v1-area .related-project-items .sec-title { padding-left: 10px; padding-right: 10px; } .about-img { height: 375px; } .testimonials-carousel .single-slide-item .img-box, .testimonials-carousel .single-slide-item .text-box { display: block; } .testimonials-carousel .single-slide-item .img-box { width: 80%; } .testimonials-carousel .single-slide-item .text-box { padding-left: 30px; padding-top: 30px; } .testimonials-carousel .owl-dots { margin-left: 0; margin-top: 0; } /*** ============================================= Slogan Area style ============================================= ***/ .slogan-area .slogan { padding: 0 30px; } .slogan-area .slogan h2 { transform: none; } .slogan-area .slogan:hover h2 { color: none; } /*** ============================================= Working Area style ============================================= ***/ .working-area .sec-title { padding: 0 30px 40px; } /*** ============================================= About Interrio area style ============================================= ***/ .about-interrio-area { padding-bottom: 50px; } .about-interrio-area .text-holder { padding-bottom: 50px; } .about-interrio-area .single-item.pdtop { padding-top: 50px; } .about-interrio-area .text-holder .signature-and-name .signature, .about-interrio-area .text-holder .signature-and-name .name { display: block; } .about-interrio-area .text-holder .signature-and-name .signature { margin: 0 0 15px; } /*** ============================================= Team area style ============================================= ***/ .team-area .bottom-text { padding: 41px 10px 0; } /*** ============================================= Slogan-area.bg-clr-1 style ============================================= ***/ .slogan-area.bg-clr-1 .slogan { padding: 0 10px; } /*** ============================================= Fact counter area style ============================================= ***/ .fact-counter-area .fact-counter-carousel .single-item { padding-bottom: 40px; } .fact-counter-area .owl-controls { bottom: -25px; } .fact-counter-area .single-fact-counter { padding: 26px 3px; } /*** ============================================= Not found area style ============================================= ***/ .not-found-content .search-form { width: 300px; } .not-found-content .search-form input[type="text"] { width: 300px; } /*** ============================================= Faq content area style ============================================= ***/ .accordion-box { padding: 80px 0; } .faq-content-area .question-form { background: #f7f7f7 none repeat scroll 0 0; padding: 70px 15px 100px; } /*** ============================================= Press Release Content Area style ============================================= ***/ .press-release-content-area .press-release-caption { padding-left: 0px; padding-top: 40px; } .press-release-content-area .press-release-caption::after { content: ""; } .press-release-content-area .press-release-caption::before { content: ""; } .press-release-content-area .text { padding-left: 0; } .press-release-content-area .client-info { padding-left: 0; } /*** ============================================= Breadcrumb Area style ============================================= ***/ .breadcrumb-area .breadcrumb-bottom { height: 70px; } .breadcrumb-area .breadcrumb-bottom .left { float: none !important; } .breadcrumb-area .breadcrumb-bottom .left ul { line-height: 20px; } .breadcrumb-area .breadcrumb-bottom .right { float: none !important; line-height: 22px; } /*** ============================================= Blog With Sidebar Area style ============================================= ***/ .blog-with-sidebar-area .blog-post { border-right: medium none; margin-bottom: 0; margin-right: 0; margin-top: 0; padding-bottom: 80px; padding-right: 0; padding-top: 0; } .blog-with-sidebar-area .blog-post .single-blog-item .text-holder { padding-bottom: 20px; padding-left: 15px; padding-right: 15px; } .blog-with-sidebar-area .blog-post .single-blog-item .text-holder .text .bottom .readmore { float: none !important; overflow: hidden; padding: 0; } .blog-with-sidebar-area .blog-post .single-blog-item .text-holder .text .bottom .share { float: none !important; margin-top: 27px; } /*** ============================================= Blog Single Area style ============================================= ***/ .blog-single-area .blog-post { padding-bottom: 80px; } .blog-single-area .middle-content-box .img-holder, .blog-single-area .middle-content-box .text-holder { display: block; } .blog-single-area .middle-content-box .text-holder { padding-left: 0; padding-top: 45px; } .blog-single-area .middle-content-box .text-holder::before { left: 0; top: 15px; } .blog-single-area .tag-social-share-box .social-share { float: left !important; margin-top: 10px; } .blog-single-area .sidebar-wrapper { padding-left: 0; } /*** ============================================= Contact v1 Area style ============================================= ***/ .contact-v1-area { padding-bottom: 100px; padding-top: 80px; } .contact-v1-area .sec-title { padding: 0 20px 40px; } /*** ============================================= Contact v2 Form area style ============================================= ***/ .contact-v2-form-area { padding-bottom: 100px; padding-top: 100px; } .contact-v2-area .google-map-area { padding-top: 65px; } .contact-v2-form-area .sec-title { padding: 0 10px 40px; } .contact-v2-area .contact-info.pd-bottom { padding-top: 60px; } /*** ============================================= Project Area style ============================================= ***/ #project-area .project-filter { margin-bottom: 50px; } #project-area .project-filter li { margin: 0 3px 10px; } #project-area .project-filter li span { padding: 8px 22px; } /*** ============================================= Pro Grid Area style ============================================= ***/ #project-grid-area .project-filter li{ margin: 0 7px; } #project-grid-area .project-filter li span::after { color: #eaeaea; content: ""; display: inline-block; margin: 0px; } /*** ============================================= Project Single v1 Area style ============================================= ***/ .project-single-v1-area #project-single-carousel { margin-bottom: 60px; } /*** ============================================= Checkout Area style ============================================= ***/ .checkout-area .billing-info { overflow: hidden; padding-bottom: 70px; } .checkout-area .table { padding-bottom: 70px; } /*** ============================================= Account Area style ============================================= ***/ .account-area .login-form { overflow: hidden; padding-bottom: 60px; } /*** ============================================= Shop withsidebar Area style ============================================= ***/ .shop-withsidebar-area .shop-items { border-right: medium none; margin-bottom: 0; margin-right: 0; margin-top: 0; padding-bottom: 70px; padding-right: 0; padding-top: 0; } .showing-result-shorting .shorting { float: left !important; } /*** ============================================= Shopping Cart Area style ============================================= ***/ #shopping-cart-area .cart-middle .apply-coupon { padding-left: 0; position: static; } #shopping-cart-area .cart-middle .update-cart { float: left !important; } #shopping-cart-area .cart-middle .apply-coupon input { margin: 0 0 20px; position: static; } #shopping-cart-area .cart-middle .apply-coupon .apply-coupon-button button { margin: 0 0 20px; } #shopping-cart-area .sidebar-wrapper { border-left: medium none; margin-bottom: 0; margin-left: 0; margin-top: 0; padding-bottom: 0; padding-left: 0; padding-top: 80px; } /*** ============================================= Shop single area style ============================================= ***/ .shop-single-area .single-products-details{ border-right: 0px solid #f7f7f7; margin-bottom: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-right: 0px; padding-top: 0px; } .product-content-box .content-box { margin-left: 0; margin-top: 40px; } .shop-single-area .sidebar-wrapper { padding-left: 0; padding-top: 50px; } /*** ============================================= Slogan V2 Area Style ============================================= ***/ .slogan-v2-area .slogan-v2 .text { float: none; margin-bottom: 10px; text-align: center; width: 100%; } .slogan-v2-area .slogan-v2 .button { float: none !important; width: 100%; } .slogan-v2-area .slogan-v2 .button a { margin: 0 auto; } /*** ============================================= Design Desc Area style ============================================= ***/ .design-desc-area .tab-manu { padding-bottom: 50px; } .design-desc-area .tab-manu .tab-manu-items .single-item { margin: 0 2px 10px; } .design-desc-area .tab-manu .tab-manu-items .single-item a { padding: 13px 25px 11px; } .design-desc-area .tab-content .inner-content .text-holder { padding-top: 45px; } /*** ============================================= Appoinment Area style ============================================= ***/ .appoinment-area .sec-title { float: none !important; padding-bottom: 36px; } /*** ============================================= Pricing Table Area style ============================================= ***/ .pricing-table-area { padding-bottom: 60px; padding-top: 100px; } .pricing-table-area .single-price-box { margin-bottom: 40px; } } /* Wide Mobile Layout: 480px. */ @media only screen and (min-width: 480px) and (max-width: 767px) { } /* Only for faq page */ @media only screen and (min-width: 1200px) and (max-width: 1300px) { .accordion-box { padding: 80px 0 80px 55px; } .faq-content-area .question-form { padding: 76px 75px 100px 30px; } } /* Only for faq page */ @media only screen and (min-width: 320px) and (max-width: 570px) { .accordion-box .accordion .accord-btn { height: 90px; } .accordion-box { padding: 80px 0; } .faq-content-area .question-form { padding: 70px 15px 100px; } } @media screen and (max-width: 768px) { .magnific-img{ width: 100%; } .carousel-cell{ margin-top: 50px; } .products_section.architectural-sec .single-project-item{ width: 100%; margin-bottom: 80px; padding: 35px; height: 250px; } .slider img{ object-fit: cover; } .slide-content{ left: 20px; width: 90%; } .slide-content .main_btn, .slide-content .white_btn{ padding: 17px 31px 15px; } .slide-title { font-size: 46px; } .project-single-v1-area{ padding-top: 0; } .sec-title h2{ font-size: 30px; } .latest-project-area .project-filter li{ margin: 0 8px; } .process .coulmn:after{ display: none; } .products_section .single-project-item .img-holder, .products_section .single-project-item .img-holder img { height: 150px; } .products_section.architectural-sec .single-project-item .img-holder img, .products_section.architectural-sec .single-project-item .img-holder{ height: 250px; } .products_section.architectural-sec .sec-title{ padding-bottom: 0; } .products_section a h2, .products_section h2 { font-size: 16px; } .project-single-v1-area .carousel.flickity-enabled.is-draggable { margin-bottom: 0; } .carousel-nav .carousel-cell{ margin-top: 20px; } .flickity-prev-next-button{ top: 60%; } }