/* ================================================================ Author : ThemeOO Version : 1.0 =================================================================*/ /********************************** Responsive Css ***********************************/ /* Medium desktop :1366px. */ @media (min-width: 1200px) and (max-width: 1680px) { /* Bannar Section */ /********************************* Checkout Page **********************************/ h3#order_review_heading { padding: 0 30px; } } @media only screen and (min-width: 1200px) and (max-width: 1370px) { /*Banner Section */ .themeoo-add-banner .banner-content .add-title { margin: 0 0 0px; font-size: 24px; line-height: 36px; } .themeoo-add-banner .banner-content .add-title { font-size: 18px; line-height: 26px; } /* Discount Section */ .themeoo-calltoaction h4.cta-subtext { font-size: 25px; line-height: 36px; } .themeoo-calltoaction h2.cta-title { font-size: 50px; line-height: 62px; } /* newsletter */ .mc4wp-form .themeoo-newsletter [type="email"] { padding-right: 68px !important; } } @media only screen and (max-width: 576px) { /* Banner Section */ .themeoo-add-banner .banner-content .add-title { margin: 0 0 5px; font-size: 18px; line-height: 25px; } .themeoo-banner-countdown .banner-content .add-title { font-size: 28px; line-height: 35px; margin-bottom: 11px; } .event-countdown .time-number { width: 60px; height: 60px; line-height: 60px; font-size: 24px; } .themeoo-add-banner .add-price .price { font-size: 30px; } .themeoo-add-banner .add-price .discount { font-size: 18px; } .themeoo-banner-countdown .banner-btn { padding: 10px 30px; min-width: 150px; } .themeoo-add-banner .banner-btn { padding: 10px 30px; min-width: 150px; margin-top: 16px; } .themeoo-banner-style1 .banner-content .add-subtext { font-size: 13px; } /* Discount Section */ .themeoo-calltoaction h2.cta-title { font-size: 50px; line-height: 60px; } /* newsletter */ .mc4wp-form .themeoo-newsletter [type="email"] { padding-right: 68px !important; } /************************************* Cart Page **************************************/ .coupon input#coupon_code { width: 125px !important; } /********************************** CheckOut Page ***********************************/ h3#order_review_heading { padding-left: 30px !important; } /********************************* Blog Page **********************************/ .post-half .medium-left { float: none; width: 100% !important; } /********************************* Single Blog page **********************************/ #title-container h3 { font-size: 24px !important; line-height: 34px !important; } article.post-grid h3.post-title { line-height: 28px !important; } /* Account Page */ .woocommerce-account .addresses .title h3 { font-size: 20px; } } /********************************** Tab responsive ***********************************/ @media only screen and (min-width: 768px) and (max-width: 991px) { /* Banner Section */ h2.add-title a { font-size: 15px !important; } h2.add-title { line-height: 30px !important; margin-bottom: 0px !important; } .themeoo-banner-countdown .banner-content .add-title { font-size: 25px; } .themeoo-add-banner .banner-content .add-title { font-size: 20px; line-height: 30px; margin-bottom: 0; } .themeoo-banner-countdown .banner-btn { padding: 8px 30px; min-width: 136px; font-size: 16px; } .themeoo-add-banner .banner-btn { padding: 10px 26px; min-width: 154px; margin-top: 16px; } .event-countdown .time-number { width: 40px; height: 40px; line-height: 40px; font-size: 18px; } .themeoo-banner-style1 .banner-content .add-subtext { font-size: 13px; } .themeoo-add-banner .add-price .price { font-size: 25px; } .themeoo-add-banner .add-price .discount { font-size: 16px; } .themeoo-add-banner .banner-content .add-price { margin: 0 0 0px; } /* Newsletter Section */ .mc4wp-form .themeoo-newsletter [type="email"] { padding-right: 68px !important; } /* services section */ .themeoo-services .services-content { display: block; text-align: center; } .themeoo-services .service-icon { margin: auto; margin-bottom: 20px; } .checkout woocommerce-checkout h3#order_review_heading { padding: 0 30px !important; } /********************************** CheckOut Page ***********************************/ h3#order_review_heading { padding-left: 0px !important; } /******************************** Blog Page *********************************/ article.post-grid h3.post-title { font-size: 18px !important; line-height: 28px !important; } /******************************* Contact Page ********************************/ .single-contact-filed-message { margin-top: 10px !important; } .single-contact-filed input { max-width: 100% !important; } /* Footer Area */ .widget_nav_menu { margin-bottom: 50px; } .widget_text { margin-bottom: 50px; } h3.themeoo_vc_map_overlay_title { font-size: 20px; } .widget-area.main-sidebar { margin-top: 27px; } /****************************** Shop Page *******************************/ .woocommerce .widget_price_filter .price_slider_amount .button { height: 49px; margin-left: 10px; } .price_slider_amount input { margin-right: 2px; } .themeoo-search-box input { max-width: 100% !important; } /****************************** Product Details Page *******************************/ .summary.entry-summary { margin-top: 25px; } .single-product.woocommerce div.product .product_title { font-size: 25px; } div#tab-additional_information h2 { font-size: 25px !important; } .single-product #reviews h3 { font-size: 25px; } .woocommerce-Tabs-panel h3 { font-size: 25px; } section.related.products h2 { font-size: 25px !important; } /* Account Page */ nav.woocommerce-MyAccount-navigation { margin-bottom: 20px; } } @media only screen and (max-width: 991px) { .header-bottom .themeoo-signup { float: none; } li.header-cart-count.menu-item a:after { display: none; } } /************************************ SMart Phone Device **************************************/ @media only screen and (min-width: 320px) and (max-width: 767px) { /* Banner Images */ .themeoo-add-banner .banner-content .add-title { margin-bottom: 0; font-size: 20px; } .themeoo-banner-countdown .banner-btn { padding: 7px 30px; min-width: 133px; margin-top: 20px; font-size: 15px; } .themeoo-banner-right .banner-content { left: 40px; right: auto; } .themeoo-add-banner .banner-content .add-price { margin: 0 0 0px; } h2.add-title a { font-size: 17px !important; } .themeoo-banner-style1 .banner-content .add-subtext { font-size: 12px; } .themeoo-banner-countdown .banner-content .add-title { font-size: 23px; margin-bottom: 0; } .event-countdown .time-number { width: 50px; height: 50px; } .event-countdown .digit { line-height: 50px !important; font-size: 20px !important; } /* Discount Section */ h4.cta-subtext { font-size: 30px !important; } h2.cta-title { font-size: 42px !important; line-height: 52px !important; } .themeoo-banner-countdown .banner-btn { margin-top: 0px; padding: 6px 18px; } .themeoo-banner-countdown .dash { margin-right: 3px !important; } .themeoo-add-banner .add-price .price { font-size: 27px; } .themeoo-add-banner .add-price .discount { font-size: 15px; } .themeoo-add-banner .banner-btn { padding: 6px 30px; margin-top: 6px; } .themeoo-banner-style2 .banner-content .add-title { line-height: 25px; } /* Newletter Section */ .mc4wp-form .themeoo-newsletter [type="email"] { padding-right: 66px !important; } .themeoo-newsletter-area h3 { font-size: 23px; } /************************************ Cart Page ************************************/ .coupon button.button[type="submit"] { float: left !important; width: 100% !important; margin-top: 10px; } .coupon input#coupon_code { width: 100% !important; } .wc-proceed-to-checkout a.checkout-button { font-size: 1em !important; } /********************************** CheckOut Page ***********************************/ h3#order_review_heading { padding-left: 0px !important; font-size: 20px; } .woocommerce-billing-fields h3 { font-size: 20px; } h3#ship-to-different-address span { font-size: 20px !important; } /********************************* Order Details Page **********************************/ .woocommerce ul.order_details li { float: left; margin-right: 1em; margin-bottom: 29px; } /*********************************** Blog Page ************************************/ h3.post-title.entry-title { line-height: 28px !important; font-size: 19px !important; margin-bottom: 10px !important; } .post-half .medium-left { float: none; width: 100%; } .post-half .entry-footer { display: inherit !important; overflow: hidden; } .entry-footer ul { margin-right: 16px !important; } .read-more { display: block !important; float: left !important; width: 100% !important; margin-top: 10px; } /************************************ Single Blog Page **************************************/ #title-container h3 { color: #3a3a3a; font-size: 23px; } article.post-normal h1.post-title { font-size: 20px !important; line-height: 28px !important; } article.post-normal .entry-footer { padding-bottom: 30px; overflow: hidden; } .blog time.post-date.updated { font-size: 13px !important; } .entry-meta>a { font-size: 13px !important; } ul.post-categories li a { font-size: 13px; } .read-more a{ font-size: 13px; } .single-post article.post-normal { border: none !important; } .pagination.post-pagination .previous { margin-bottom: 20px; } /* Contact Page */ .themeoo_vc_map_overlay { left: 0; } /* Footer Area */ .widget_nav_menu { margin-bottom: 50px; } .widget_text { margin-bottom: 50px; } h3.themeoo_vc_map_overlay_title { font-size: 20px; } .pagination.post-pagination .previous { text-align: center !important; border-bottom: none !important; } .previous.col-md-6.col-sm-6 { text-align: center !important; } .next.col-md-6.col-sm-6 { text-align: center !important; } .pagination.post-pagination .next .text { margin-right: 0px !important; } .pagination.post-pagination { border-top: 0px solid #e0e0e0 !important; } .pagination.post-pagination .previous .text { margin-left: 0px !important; } .single-contact-filed-message { margin-top: 10px !important; } /* Shope Page */ .woocommerce .woocommerce-ordering, .woocommerce-page .woocommerce-ordering { float: left; } .woocommerce .widget_price_filter .price_slider_amount { display: block !important; } .price_slider_amount input { margin-bottom: 10px; } .price_slider_amount input { padding: 10px 7px !important; } .woocommerce .widget_price_filter .price_slider_amount .button { margin-top: 10px; } .widget-area.main-sidebar { margin-top: 33px; } p.woocommerce-result-count { width: 100%; } .themeoo-search-box input { max-width: 100% !important; } /* Single Product Page */ .summary.entry-summary { margin-top: 34px; } .single-product.woocommerce div.product .product_title { font-size: 20px; margin-bottom: 6px; } .woocommerce div.product form.cart .button { margin-top: 10px; } .single-product div.product .woocommerce-tabs ul.tabs li a { font-weight: 500; padding: 10px 6px; font-size: 12px; } .woocommerce-Tabs-panel h3 { font-size: 20px; } div#tab-additional_information h2 { font-size: 20px !important; } section.related.products h2 { font-size: 20px !important; } /* Account Page */ nav.woocommerce-MyAccount-navigation { margin-bottom: 20px; } } @media only screen and (max-width: 768px) { .woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1, .woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2 { width: 100%; } } @media only screen and (min-width: 480px) and (max-width: 767px) { /* Global Section Title */ .wpb_wrapper h3 { font-size: 25px !important; } /* Service Section */ .service-description h3 { font-size: 20px !important; } /* Newsletter Section */ .themeoo-newsletter-area h3 { font-size: 28px; } /******************************** Cart Page *********************************/ .coupon button.button[type="submit"] { float: left !important; width: 100% !important; margin-top: 10px; } /******************************** Blog Page **********************************/ h3.post-title.entry-title { line-height: 31px !important; font-size: 21px !important; margin-bottom: 10px !important; } h3.post-title.entry-title { font-size: 23px !important; line-height: 32px !important; } .read-more { display: inline-block !important; float: right !important; width: inherit !important; margin-top: 0px; } .blog time.post-date.updated { font-size: 14px !important; } .entry-meta>a { font-size: 14 px !important; } ul.post-categories li a { font-size: 14px; } .read-more a{ font-size: 13px; } /* Single Blog Page */ #title-container h3 { font-size: 28px; } article.post-normal h1.post-title { font-size: 24px !important; line-height: 33px !important; } /* Contact Page */ .themeoo_vc_map_overlay { left: 12%; } /* Shop Page */ .woocommerce .woocommerce-ordering, .woocommerce-page .woocommerce-ordering { float: right; } .woocommerce .widget_price_filter .price_slider_amount .button { margin-top: 0px; height: 49px; margin-right: 2px; } .widget-area.main-sidebar { margin-top: 27px; } p.woocommerce-result-count { width: inherit; } /* Single Blog Page */ .previous.col-md-6.col-sm-6 { text-align: center !important; } /* Product Single Page */ .woocommerce div.product form.cart .button { margin-top: 10px; } .single-product div.product .woocommerce-tabs ul.tabs li a { font-weight: 500; padding: 10px 14px; font-size: 15px; } .woocommerce div.product form.cart .button { margin-top: 0px; } } /******************************** Small Devices *********************************/ @media only screen and (max-width: 767px) { .main-header .header-bottom .site-branding.pull-left { float: none !important; display: inline-block; } .main-header .header-bottom .site-branding.pull-left .logo { display: block !important; height: 68px; line-height: 68px; } } @media only screen and (max-width: 480px) { .slider-btn { padding: 9px 30px !important; } }