@charset "utf-8"; /* CSS Document */ /* Large desktop - BROWSER SIZE 1 */ @media only screen and (min-width: 1200px) and (max-width: 5000px) { /* crank up to 5000px to support high res monitors and TV's */ .tinynav { display:none; } .pm-mobile-menu-overlay, .pm-mobile-global-menu { display:none; } } /* Portrait tablet to landscape and desktop - BROWSER SIZE 2 */ @media only screen and (min-width: 991px) and (max-width: 1200px) { .pm-boxed-mode { width:100%; margin:0 auto; } .pm-news-post-title.quarter-width { bottom: -30px; width: 63.5%; } .pm-news-post-title.quarter-width p { font-size:16px; } .pm-news-post-desc-container.quarter-width { margin-top: 45px; width: 60%; } .pm-sidebar-search-field { width:80% !important; } .pm-single-post-title.full-width { bottom: -25px; width: 80% !important; } .pm-comment-author-list { width:80% !important; } .pm-single-post-share-container p { float:none; text-align:center; margin-bottom: 10px; } .pm-single-post-share-container { padding:10px 0 30px; } .pm-single-post-share-container.full-width { padding:30px; } .pm-single-post-share-container.full-width p { float: left; margin-bottom: 0; } .pm-single-post-share-list { display:table; margin:0 auto; float:none; } .pm-single-post-share-list.full-width { display:block; float:right; } .pm-single-post-desc-container.half-width { width:70% !important; padding-left:25px !important; } .pm-single-post-title { width: 70.5%; } .pm-news-post-title.half-width { bottom: -40px; width: 73%; } .pm-news-post-title.full-width { bottom: -30px; width: 82.5%; } .pm-caption h1 { font-size: 38px !important; padding: 25px 120px !important; } .pm-caption h1 span:before, .pm-caption h1 span:after { top:25px !important; } .pm-news-post-title { width: 64%; } .pm-news-post-desc-container { width: 50%; } .tinynav { display:none; } .pm-book-event { padding-left:0px; padding-right:0px; } .sf-menu a { padding:0.75em 0.2em !important; font-size:11px !important; } .sf-menu ul li a { padding:0.75em 1.5em !important; } .sf-menu a.sf-with-ul { min-width: 1px; padding-right:2.5em !important } .pm-mobile-menu-overlay, .pm-mobile-global-menu { display:none; } .pm-sub-menu-info p { font-size:11px; } } /* Landscape phone to portrait tablet - BROWSER SIZE 3 */ @media only screen and (min-width: 767px) and (max-width: 991px) { #pm_theme_color_selector { display:none; } .pm-cart-remove { font-size: 12px !important; min-width: 70px !important; padding: 10px 4px !important; } .pm-boxed-mode { width:100%; margin:0 auto; } .quantity .qty { width:25%; } .pm-news-post-title.quarter-width { bottom: -40px; width: 77%; } .pm-news-post-desc-container.quarter-width { margin-top: 55px; width: 70%; } .pm-news-post-title.quarter-width p { font-size:16px; } .pm-single-post-title.full-width { bottom: -45px; width: 73%; } .pm-single-post-desc-container.full-width { width: 75% !important; margin-top:65px !important; } .pm-comment-author-list { width:82.5% !important; } .pm-single-post-share-container p { float:none; text-align:center; margin-bottom: 10px; } .pm-single-post-share-container { padding:10px 0 30px; } .pm-single-post-share-list { display:table; margin:0 auto; float:none; } .pm-single-post-desc-container.half-width { width:70% !important; padding-left:22px !important; } .pm-sidebar .pm-widget { padding:0px !important; } .pm-sidebar { margin-top:30px; } .pm-news-post-title.half-width { bottom: -40px; width: 77%; } .pm-news-post-title.full-width { bottom: -30px; width: 76.5%; } .pm-news-post-desc-container.full-width { margin-top: 45px; width: 70%; } .pm-sub-header-message { font-size:16px !important; } .pm-news-post-title { width: 77%; } .tinynav { display:none; } .pm-footer-copyright-col { text-align:center; } .pm-footer-navigation { float:none; display:table; margin:5px auto; } .pm-footer-copyright p { margin-top:5px; } .pm-caption h1 { font-size:34px !important; padding:25px 100px !important; } .pm-caption h1 span:before, .pm-caption h1 span:after { top:20px !important; } .pm-caption-decription { font-size: 16px !important; padding: 14px 30px !important; } .sf-menu ul li a { padding:0.75em 1.5em !important; } .sf-menu a.sf-with-ul { min-width: 1px; } .pm-sub-menu-info p { font-size:10px; } .pm-dropmenu .pm-menu-title, .pm-sub-navigation a { font-size:11px; } .pm-widget-footer { margin-bottom:30px; } .pm-footer-subscribe-field { width:300px; } .navbar-toggle { display: block; } /* Collapse navigation to mobile format */ .pm-main-menu { padding:20px 0 0 !important; display:none; } .pm-nav { float:left; width:100%; overflow:hidden; } .pm-nav li { float:left; clear:left; width:100%; } .sf-menu ul { position:relative !important; overflow:hidden !important; } .pm-main-menu { clear: both; padding: 0 !important; } .sf-menu a { padding: 0.75em 2em !important; } .sf-menu ul { padding: 0 25px; } .sf-sub-indicator { right: 0.35em !important; } .sf-menu li:after { content:""; } .sf-menu ul { border-bottom: 1px solid #333; border-top: 1px solid #333; } /* Collapse navigation to mobile format end */ .pm-header-mobile-btn-container { float: right; } .pm-header-logo-container { float: left; max-width: 280px; } .pm-search-btn-li, .pm-cart-btn-li { display:none; visibility:hidden; } .pm-sub-header-title.post { font-size:16px !important; padding: 10px 20px !important; } .pm-form-textfield { width:100% !important; } .pm-sub-header-container { background-position:top center !important; } } /* All Mobile Sizes (devices and browser) - BROWSER SIZE 4 */ @media only screen and (max-width: 767px) { .pm-sub-header-container { background-position:top center !important; } #pm_theme_color_selector { display:none; } .pm-cart-info-title h3, .pm-cart-shipping-calculator-title h3, .pm-cart-totals-title h3 { font-size:16px !important; } .pm-cart-shipping-calculator { margin-bottom:40px; } .quantity .qty.cart { margin-right: 0; width: 65%; } .pm-cart-totals-column { padding: 15px 20px 0; text-align: left; } .pm-checkout-quantity { display: table; margin: 0 auto; width: 140px; } .pm-boxed-mode { width:100%; margin:0 auto; } .pm-form-textfield { width:100% !important; } .pm-woocom-tags-container { margin-bottom:30px; } .quantity .qty { width:20%; } .pm-news-post-title.quarter-width { bottom: -30px; width: 100%; } .pm-single-post-title.full-width { bottom: -45px; width: 100%; } .pm-single-post-desc-container.full-width { width: 60% !important; margin-top:60px !important; } .pm-sub-header-title.post { font-size:16px !important; padding: 10px 20px !important; max-width:500px; } .pm-sidebar { margin-top:30px; } .pm-single-post-share-container p { float:none; text-align:center; margin-bottom: 10px; } .pm-single-post-share-container { padding:10px 0 30px; } .pm-single-post-share-list { display:table; margin:0 auto; float:none; } .pm-single-post-title { width:100%; } .pm-single-post-meta-container { margin-top: 45px; } .pm-single-post-desc-container.half-width { width:60% !important; padding-left:22px !important; } .pm-sidebar .pm-widget { padding:0px !important; } .pm-news-post-title.half-width { bottom: -30px; width: 100%; } .pm-news-post-desc-container.half-width { margin-top: 45px; width: 60%; } .pm-news-post-title.full-width { bottom: -30px; width: 100%; } .pm-news-post-desc-container.full-width { margin-top: 45px; width: 60%; } .pm-sub-header-message { font-size: 14px !important; max-width: 80%; } .pm-sub-header-title-container { margin-top:140px; } /* Isotope filter menu */ .pm-isotope-filter-system { margin:0; width:100%; display:block; height:80px; overflow:hidden; } .pm-isotope-filter-system li a.current { border-top:0px solid white; } .pm-isotope-filter-container { height:auto; min-height:100%; } .pm-isotope-filter-system li { float:none; width:100%; } .pm-isotope-filter-system li a { line-height:40px; padding:0 20px; } .pm-isotope-filter-system-expand { display:block; visibility:visible; } /* Isotope filter menu end */ .pm-news-post-title { width: 100%; bottom: -40px; } .pm-news-post-meta-container { margin-top: 30px; } .pm-news-post-desc-container { width:61%; } .pm-footer-navigation { display:none; } .pm-footer-copyright-col { text-align:center; } .pm-widget-footer { margin-bottom:30px; } .pm-caption h1 { font-size:32px !important; padding:25px 20px !important; } .pm-caption h1 span:before, .pm-caption h1 span:after { top:25px !important; } .pm-caption-decription { font-size:16px !important; padding:14px 20px !important; } .pm-caption h1 span:before, .pm-caption h1 span:after { border-top:0px !important; } .pm-sub-header-title span:before, .pm-sub-header-title span:after { border-top:0px !important; } .pm-sub-header-title { font-size: 32px !important; padding: 25px 20px !important; } .sf-menu a { padding: 0.75em 2em !important; } .sf-menu ul { padding: 0 25px; } .sf-sub-indicator { right: 0.35em !important; } .pm-search-container { padding:35px 0 0; } .pm-search-controls { display: table; margin: 0 auto; } .pm-sub-menu-info { display: table; margin: 10px auto; } .pm-sub-navigation { display: table; margin: 10px auto; float:none; } .pm-main-menu { clear: both; padding: 0 !important; } .sf-menu li:after { content:""; } .sf-menu ul { border-bottom: 1px solid #333; border-top: 1px solid #333; } .pm-header-mobile-btn-container { float: right; } .pm-header-logo-container { float: left; max-width: 220px; } .pm-search-field-header { margin-bottom: 20px; } .pm-search-field-header { text-align:center; } .pm-slider ul li { background-size:cover !important; } .pm-search-btn-li, .pm-cart-btn-li { display:none; visibility:hidden; } .pm-featured-header-title { font-size:22px; } .pm-featured-header-message { padding: 0 20px; text-align: center; font-size:14px; } .pm-featured-header-title { margin: 0 auto 10px; } /* Collapse navigation to mobile format */ .pm-main-menu { padding:20px 0 0 !important; } .pm-nav { float:left; width:100%; overflow:hidden; } .pm-nav li { float:left; clear:left; width:100%; } .sf-menu ul { position:relative !important; overflow:hidden !important; } /* Collapse navigation to mobile format end */ .pm-comment-author-list { width:inherit !important; margin:10px 0 0 10px !important; } .pm-comment-author-list li { float:none !important; } .pm-comment-author-list li:last-child { float:none !important; } .pm-news-post-desc-container.quarter-width { margin-top: 45px; width: 60%; } } /* Landscape phones and down - BROWSER SIZE 5 */ @media (max-width: 480px) { .pm-news-post-desc-container.quarter-width { margin-top: 20px; width:100%; } .pm-single-post-desc-container.full-width { width: 100% !important; margin-top:0px !important; padding:0px !important; text-align:center; } .pm-sub-header-title.post { font-size:14px !important; padding: 10px 20px !important; max-width:420px; } .pm-comment { margin:20px !important; } .pm-comment-reply-btn { margin:0 20px 20px !important; } .pm-single-meta-divider.bottom, .pm-single-tags-container.bottom, .pm-likes-title.bottom { display:inherit; text-align:center; clear:both; } .pm-single-tags-container.top, .pm-likes-title.top, .pm-single-meta-divider.top { display:none; visibility:hidden; } .pm-single-post-meta-container { float:none; width:100%; text-align:center; } .pm-single-post-date { display: table; margin: 0 auto; overflow: hidden; } .pm-single-meta-options-list, .pm-single-tags-container { margin:0; } .pm-single-post-meta-container { padding-bottom:0px; } .pm-single-post-desc-container.half-width { padding:0px !important; margin-top: 0px; } .pm-likes-title { margin:0; } .pm-tags-list { display: table; margin: 10px auto; } .pm-single-post-desc-container.half-width { float:none; width:100% !important; text-align:center; } .pm-sub-header-message { font-size: 14px !important; max-width: 80%; } .pm-sub-header-title-container { margin-top:140px; } .pm-featured-header-title { font-size:18px; text-align:center; padding:0 20px; } .pm-featured-header-title-container { padding-top:25px; } .pm-featured-header-message { padding: 0 20px; text-align: center; font-size:12px; } .pm-featured-header-title { margin: 0 auto 10px; } .pm-news-post-title { text-align:center; } .pm-news-post-meta-container { width:100%; } .pm-news-post-date { display: table; margin: 0 auto; overflow: hidden; } .pm-meta-options-list { display: table; list-style: none outside none; margin: 0 auto; padding: 0; text-align: center; } .pm-news-post-desc-container, .pm-news-post-desc-container.full-width, .pm-news-post-desc-container.half-width { margin-top: 15px; padding: 0 20px; text-align: center; width: 100%; } .pm-footer-subscribe-field { width:300px !important; } .pm-holder { padding-top:140px !important; } .pm-slider { height:600px !important; } .pm-caption h1 span { padding:0px !important; } .pm-caption h1 { max-width: 320px; } .pm-caption-decription { width:320px !important; } .pm-sub-menu-info p { float:none; text-align:center; } .pm-sub-navigation li:first-child { margin-left: 10px; margin-right: 5px; } .pm-dropmenu-active ul li:first-child { margin-left: 0px; } .pm-sub-header-title { width: 280px; font-size:26px !important; } .pm-sub-header-title span { padding:0px; } .pm-sub-header-message { font-size: 14px; padding: 15px 30px; line-height:20px !important; } .pm-sub-header-title-container { margin-top:130px; } .pm-single-post-share-list li { margin-bottom:5px; } .pm-comment-avatar { display:inline-block; } .pm-comment-date { float:left !important; clear:left; margin:0px !important; } .pm-comment-name { margin:0px !important; } .pm-news-post-title p { font-size: 16px !important; } } /* iphone portrait mode - BROWSER SIZE 6 */ @media (max-width: 320px) { .pm-header-logo-container { float: left; max-width: 200px; } .pm-footer-subscribe-field { width:220px !important; } .pm-caption-decription { font-size: 12px !important; line-height: 20px; width:200px !important; } .pm-caption h1 { width: 200px; font-size:26px !important; } .pm-sub-header-title { width: 80%; font-size:20px !important; } .pm-sub-header-title span { padding:0px; } .pm-sub-header-message { font-size: 12px !important; line-height: 20px !important; padding: 15px 30px; width: 260px; } .pm-search-field-header { font-size:22px; margin-bottom: 20px; } .pm-sub-menu-info p { float:none; text-align:center; } .pm-sub-navigation li:first-child { margin-left: 10px; margin-right: 5px; } .pm-search-btn, .pm-cart-btn { display: block; line-height: 30px !important; margin-top: 8px; } .pm-search-btn i, .pm-cart-btn i { font-size:16px !important; } .pm-single-post-share-container p { line-height:30px; } .pm-sub-header-title-container { margin-top:120px; } .pm-sidebar-search-field { width:80% !important; } .pm-news-post-title p { font-size: 14px !important; line-height:20px; } }