/* Responsive CSS Style */ @media only screen and (min-width: 960px) and (max-width: 1179px) { .container { width: 940px; } #primary { width: 620px; } .sf-menu li a { margin: 0 10px; } .site-header .search-icon { display: none; } .site-branding img { max-height: 65px; margin-top: 5px; } .header-buttons { margin-right: 0 !important; } } @media only screen and (max-width: 1179px) { .site-desc { display: none; } } /* Smaller than standard 960 (devices and browsers) */ @media only screen and (max-width: 959px) { .container { width: 94%; } #primary-nav, .products-menu { display: none; } .header-toggles { display: block; right: 0; } .site-header { height: 60px; } .site-branding #logo { height: 60px; line-height: 60px; } .site-branding img { max-height: 60px; } .site-title h1 { line-height: 59px; } .site-header .search-icon { display: none; } .header-buttons { margin-right: 60px !important; } .header-button { margin-top: 14px; } #primary { float: none !important; width: 100% !important; clear: both; } #secondary { float: none; width: 100% !important; margin-top: 25px; } .section-mobile-hide { display: none; } .section-text-image-alt .link-setion-text h3 { font-size: 1.3em; } .section-text-image-alt .link-setion-text p { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; margin-bottom: 10px; } .section-text-image-bg .section-wrap { width: 100%; } } /* Tablet Portrait size to standard 960 (devices and browsers) */ @media only screen and (min-width: 768px) and (max-width: 959px) { .featured-content .owl-carousel, .featured-content .featured-slide { height: 400px !important; } } /* All Mobile Sizes (devices and browser) */ @media only screen and (max-width: 767px) { .site-branding img { height: 52px; margin-top: 4px; } .error-404 .page-content .search-form input.search-field { width: 200px; } #site-bottom { text-align: center; } #site-bottom .site-info { float: none; margin-bottom: 10px; } #site-bottom .footer-nav li { margin: 0 5px; } } /* Mobile Landscape Size to Tablet Portrait (devices and browsers) */ @media only screen and (min-width: 480px) and (max-width: 767px) { .featured-content .owl-carousel, .featured-content .featured-slide { height: 300px !important; } .featured-content .featured-slide h2 { font-size: 1.6em; } .featured-content .featured-slide h3 { font-size: 1.1em; } } /* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */ @media only screen and (max-width: 479px) { body { background-color: transparent; } .site-title { font-size: 24px; } .header-buttons { display: none; } .featured-content .featured-slide h2 { font-size: 1.2em; } .featured-content .featured-slide h3 { font-size: 0.95em; font-weight: normal; } .featured-content .featured-slide .banner-wrap { text-align: center; width: 100%; } .featured-content .featured-slide h3 { margin-top: 10px; } .featured-content .featured-slide .banner-button { margin-top: 15px; padding: 7px 15px; } .featured-content .owl-theme .owl-dots { bottom: -5px; } .home-section { padding: 10px 0; } .section-header { margin-bottom: 10px; } .section-header h2 { font-size: 1.2em; margin-bottom: 0; } .section-more { margin-top: 20px; } .section-text-image .section-column { margin-bottom: 10px; } .section-text-image h2.title { font-size: 1.4em; margin-bottom: 20px; } .section-feature-bg .home-section { padding: 20px 0 0 0; } .section-feature-bg .icon-box { padding: 15px; margin-bottom: 10px; } .section-feature-bg .icon-box h6 { font-size: 1.1em; } .section-service .single-item { margin-bottom: 10px; } .section-service .single-item .image-wrap { height: 100px; } .section-text-image-alt .link-section { float: none; width: 100%; } .home-product-loop .hentry { margin-bottom: 20px; } .home-product-loop .hentry:last-child { margin-bottom: 0; } .home-product-loop .thumbnail-link { height: auto !important; } .home-blog-loop .hentry { border-bottom: 1px solid #f0f0f0; padding-bottom: 10px; margin-bottom: 10px; } .home-blog-loop .hentry:last-child { border-bottom: none; margin-bottom: 0; padding-bottom: 0; } .home-blog-loop .thumbnail-link { width: 70px; margin-right: 15px; } .home-blog-loop .entry-title { font-size: 1em; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } .section-text-image-bg .link-name-default h3 { font-size: 1.4em; } .section-member .single-item { margin-bottom: 10px; } .section-slogan .link-section { padding: 0 20px; } .section-count { padding: 10px 0 0 0; } .section-count .section-column { margin-bottom: 10px; } .section-count .countup-text { padding-left: 5px; padding-right: 5px; } .section-count .countup-text .counter { font-size: 1.4em; } .section-count .countup-text h4 { font-size: 1em; } .section-service .text-holder { padding: 6px 10px 8px; } .section-service .text-holder h5 { font-size: 1em; } .section-member .text-holder { padding: 6px 10px 8px; } .section-member .text-holder h5 { font-size: 1em; } .client-logo { margin-bottom: 10px; } .custom-page-header .header-image { height: 100% !important; } .custom-page-header .page-banner { padding: 20px 0; } .custom-page-header h1 { font-size: 1.2em; } .custom-page-header p { display: none; } #primary { margin: 10px 0; padding: 10px; } .archive .content-post-loop .hentry .entry-date { width: 70px; font-size: 90%; margin-right: 15px; padding-top: 10px; padding-bottom: 10px; } .archive .content-post-loop .hentry .entry-title { font-size: 1em; } .archive .content-post-loop .hentry .thumbnail-link { float: none; width: 100%; margin: 0 0 10px 0; } .search .content-post-loop .hentry .entry-title { font-size: 1em; } .search .content-post-loop .hentry .thumbnail-link { margin-right: 15px; } .footer-columns { padding: 20px 0 0 0; } .site-footer .widget .widget-title { font-size: 1.2em; } .error404 h1.entry-title, .single h1.entry-title, .page h1.entry-title { font-size: 1.2em; } .site-breadcrumbs .post-title { display: none; } .entry-related li.hentry.type-product { margin-bottom: 20px; } .sidebar .widget { margin-bottom: 10px; padding: 15px 10px; } #comments .comment-metadata, .comment-respond .comment-metadata { display: none; } .comment-form .comment-form-author, .comment-form .comment-form-email, .comment-form .comment-form-url { width: 100%; } } /*# sourceMappingURL=responsive.css.map */