Файловый менеджер - Редактировать - /home/neurocs/www/wp-content/themes/mediclinic/assets/css/modules-responsive.css
Назад
/*------------------------------------------------------------------ * This is main responsive css file for theme. It is broken into following sections: * 1. Global responsive styles * 2. Header responsive styles * 3. Footer responsive styles * 4. Title area responsive styles * 5. Search functionality responsive styles * 6. Blog responsive styles * 7. Widgets responsive styles * 8. Shortcodes responsive styles * 9. Custom Post Types responsive styles -------------------------------------------------------------------*/ /* ========================================================================== 1. Global responsive styles ========================================================================== */ /* Button mixins - start */ /* Button mixins - end */ @media only screen and (max-width: 1024px) { body:not(.mkdf-content-is-behind-header):not(.error404) .mkdf-content { margin-top: 0 !important; } } @media only screen and (max-width: 1200px) { .mkdf-grid, .mkdf-container-inner, .mkdf-row-grid-section { width: 950px; } } @media only screen and (max-width: 1024px) { .mkdf-grid, .mkdf-container-inner, .mkdf-row-grid-section { width: 768px; } } @media only screen and (max-width: 768px) { .mkdf-grid, .mkdf-container-inner, .mkdf-row-grid-section { width: 600px; } } @media only screen and (max-width: 680px) { .mkdf-grid, .mkdf-container-inner, .mkdf-row-grid-section { width: 420px; } } @media only screen and (max-width: 480px) { .mkdf-grid, .mkdf-container-inner, .mkdf-row-grid-section { width: 300px; } } @media only screen and (max-width: 320px) { .mkdf-grid, .mkdf-container-inner, .mkdf-row-grid-section { width: 95%; } } @media only screen and (max-width: 1200px) { .mkdf-boxed .mkdf-wrapper .mkdf-wrapper-inner, .mkdf-boxed .mkdf-wrapper .mkdf-footer-inner { width: 1000px; } } @media only screen and (max-width: 1024px) { .mkdf-boxed .mkdf-wrapper .mkdf-wrapper-inner, .mkdf-boxed .mkdf-wrapper .mkdf-footer-inner { width: 818px; } } @media only screen and (max-width: 768px) { .mkdf-boxed .mkdf-wrapper .mkdf-wrapper-inner, .mkdf-boxed .mkdf-wrapper .mkdf-footer-inner { width: 650px; } } @media only screen and (max-width: 680px) { .mkdf-boxed .mkdf-wrapper .mkdf-wrapper-inner, .mkdf-boxed .mkdf-wrapper .mkdf-footer-inner { width: 470px; } } @media only screen and (max-width: 480px) { .mkdf-boxed .mkdf-wrapper .mkdf-wrapper-inner, .mkdf-boxed .mkdf-wrapper .mkdf-footer-inner { width: 350px; } } @media only screen and (max-width: 320px) { .mkdf-boxed .mkdf-wrapper .mkdf-wrapper-inner, .mkdf-boxed .mkdf-wrapper .mkdf-footer-inner { width: 96%; } } /* ========================================================================== 2. Header responsive styles ========================================================================== */ /* ========================================================================== 3. Footer responsive styles ========================================================================== */ /* ========================================================================== 4. Title area responsive styles ========================================================================== */ /* ========================================================================== 5. Search functionality responsive styles ========================================================================== */ /* ========================================================================== # Search template responsive style - begin ========================================================================== */ @media only screen and (max-width: 1024px) { .mkdf-search-page-holder article .mkdf-post-image { width: 82px; } .mkdf-search-page-holder article .mkdf-post-title-area { padding: 0 0 0 102px; min-height: 82px; } } @media only screen and (max-width: 680px) { .mkdf-search-page-holder article .mkdf-post-image { width: 72px; } .mkdf-search-page-holder article .mkdf-post-title-area { padding: 0 0 0 92px; min-height: 72px; } } /* ========================================================================== # Search template responsive style - end ========================================================================== */ /* ========================================================================== 6. Blog responsive styles ========================================================================== */ /* ========================================================================== 7. Widgets responsive styles ========================================================================== */ @media only screen and (max-width: 1024px) { .mkdf-image-with-button-holder { padding: 30px 20% 46px 47px; } } /*# sourceMappingURL=../css/modules-responsive.css.map */ /* ========================================================================== Blog responsive styles - begin ========================================================================== */ /* Button mixins - start */ /* Button mixins - end */ @media only screen and (max-width: 680px) { .mkdf-blog-holder.mkdf-blog-standard article.format-quote .mkdf-post-mark, .mkdf-blog-holder.mkdf-blog-standard article.format-link .mkdf-post-mark { display: block; width: 100%; margin-bottom: 13px; } .mkdf-blog-holder.mkdf-blog-standard article.format-quote .mkdf-post-text, .mkdf-blog-holder.mkdf-blog-standard article.format-link .mkdf-post-text { padding: 37px 37px 20px; } .mkdf-blog-holder.mkdf-blog-standard article.format-quote .mkdf-post-quote-holder, .mkdf-blog-holder.mkdf-blog-standard article.format-quote .mkdf-post-link-holder, .mkdf-blog-holder.mkdf-blog-standard article.format-link .mkdf-post-quote-holder, .mkdf-blog-holder.mkdf-blog-standard article.format-link .mkdf-post-link-holder { display: block; padding-left: 0; } .mkdf-blog-holder.mkdf-blog-standard article.format-quote .mkdf-post-info-bottom, .mkdf-blog-holder.mkdf-blog-standard article.format-link .mkdf-post-info-bottom { width: 100%; } .mkdf-blog-holder.mkdf-blog-standard article.format-quote .mkdf-post-info-bottom .mkdf-post-info-bottom-left, .mkdf-blog-holder.mkdf-blog-standard article.format-link .mkdf-post-info-bottom .mkdf-post-info-bottom-left { width: 100%; } .mkdf-blog-holder.mkdf-blog-standard article.format-quote .mkdf-post-info-bottom .mkdf-blog-share, .mkdf-blog-holder.mkdf-blog-standard article.format-link .mkdf-post-info-bottom .mkdf-blog-share { padding-left: 0; } } @media only screen and (max-width: 480px) { .mkdf-blog-holder.mkdf-blog-standard article .mkdf-post-info-bottom .mkdf-post-info-bottom-right { text-align: left; width: 100%; } .mkdf-blog-holder.mkdf-blog-standard article .mkdf-post-info-bottom .mkdf-post-info-bottom-right .mkdf-post-info-author { display: block; } .mkdf-blog-holder.mkdf-blog-standard article .mkdf-post-info-bottom .mkdf-post-info-bottom-right .mkdf-post-info-comments-holder { margin-left: 0; } } @media only screen and (max-width: 768px) { .mkdf-related-posts-holder .mkdf-related-post { width: 50% !important; } } @media only screen and (max-width: 480px) { .mkdf-related-posts-holder .mkdf-related-post { width: 100% !important; } } /* ========================================================================== Blog List shortcode responsive style - begin ========================================================================== */ @media only screen and (max-width: 1440px) { .mkdf-blog-list-holder.mkdf-bl-masonry.mkdf-bl-five-columns .mkdf-bl-item, .mkdf-blog-list-holder.mkdf-bl-masonry.mkdf-bl-five-columns .mkdf-bl-grid-sizer { width: 25%; } } @media only screen and (max-width: 1200px) { .mkdf-blog-list-holder.mkdf-bl-standard.mkdf-bl-four-columns .mkdf-bl-item, .mkdf-blog-list-holder.mkdf-bl-boxed.mkdf-bl-four-columns .mkdf-bl-item { width: 33.33333%; } } @media only screen and (max-width: 1200px) and (min-width: 1025px) { .mkdf-blog-list-holder.mkdf-bl-standard.mkdf-bl-four-columns .mkdf-bl-item:nth-child(3n+1), .mkdf-blog-list-holder.mkdf-bl-boxed.mkdf-bl-four-columns .mkdf-bl-item:nth-child(3n+1) { clear: both; } } @media only screen and (max-width: 1200px) { .mkdf-blog-list-holder.mkdf-bl-standard.mkdf-bl-five-columns .mkdf-bl-item, .mkdf-blog-list-holder.mkdf-bl-boxed.mkdf-bl-five-columns .mkdf-bl-item { width: 33.33333%; } } @media only screen and (max-width: 1200px) and (min-width: 1025px) { .mkdf-blog-list-holder.mkdf-bl-standard.mkdf-bl-five-columns .mkdf-bl-item:nth-child(3n+1), .mkdf-blog-list-holder.mkdf-bl-boxed.mkdf-bl-five-columns .mkdf-bl-item:nth-child(3n+1) { clear: both; } } @media only screen and (max-width: 1200px) { .mkdf-blog-list-holder.mkdf-bl-masonry.mkdf-bl-four-columns .mkdf-bl-item, .mkdf-blog-list-holder.mkdf-bl-masonry.mkdf-bl-four-columns .mkdf-bl-grid-sizer { width: 33.33333%; } .mkdf-blog-list-holder.mkdf-bl-masonry.mkdf-bl-five-columns .mkdf-bl-item, .mkdf-blog-list-holder.mkdf-bl-masonry.mkdf-bl-five-columns .mkdf-bl-grid-sizer { width: 33.33333%; } } @media only screen and (max-width: 1024px) { .mkdf-blog-list-holder.mkdf-bl-standard.mkdf-bl-three-columns .mkdf-bl-item, .mkdf-blog-list-holder.mkdf-bl-boxed.mkdf-bl-three-columns .mkdf-bl-item { width: 50%; } } @media only screen and (max-width: 1024px) and (min-width: 681px) { .mkdf-blog-list-holder.mkdf-bl-standard.mkdf-bl-three-columns .mkdf-bl-item:nth-child(2n+1), .mkdf-blog-list-holder.mkdf-bl-boxed.mkdf-bl-three-columns .mkdf-bl-item:nth-child(2n+1) { clear: both; } } @media only screen and (max-width: 1024px) { .mkdf-blog-list-holder.mkdf-bl-standard.mkdf-bl-four-columns .mkdf-bl-item, .mkdf-blog-list-holder.mkdf-bl-boxed.mkdf-bl-four-columns .mkdf-bl-item { width: 50%; } } @media only screen and (max-width: 1024px) and (min-width: 681px) { .mkdf-blog-list-holder.mkdf-bl-standard.mkdf-bl-four-columns .mkdf-bl-item:nth-child(2n+1), .mkdf-blog-list-holder.mkdf-bl-boxed.mkdf-bl-four-columns .mkdf-bl-item:nth-child(2n+1) { clear: both; } } @media only screen and (max-width: 1024px) { .mkdf-blog-list-holder.mkdf-bl-standard.mkdf-bl-five-columns .mkdf-bl-item, .mkdf-blog-list-holder.mkdf-bl-boxed.mkdf-bl-five-columns .mkdf-bl-item { width: 50%; } } @media only screen and (max-width: 1024px) and (min-width: 681px) { .mkdf-blog-list-holder.mkdf-bl-standard.mkdf-bl-five-columns .mkdf-bl-item:nth-child(2n+1), .mkdf-blog-list-holder.mkdf-bl-boxed.mkdf-bl-five-columns .mkdf-bl-item:nth-child(2n+1) { clear: both; } } @media only screen and (max-width: 1024px) { .mkdf-blog-list-holder.mkdf-bl-masonry.mkdf-bl-three-columns .mkdf-bl-item, .mkdf-blog-list-holder.mkdf-bl-masonry.mkdf-bl-three-columns .mkdf-bl-grid-sizer { width: 50%; } .mkdf-blog-list-holder.mkdf-bl-masonry.mkdf-bl-four-columns .mkdf-bl-item, .mkdf-blog-list-holder.mkdf-bl-masonry.mkdf-bl-four-columns .mkdf-bl-grid-sizer { width: 50%; } .mkdf-blog-list-holder.mkdf-bl-masonry.mkdf-bl-five-columns .mkdf-bl-item, .mkdf-blog-list-holder.mkdf-bl-masonry.mkdf-bl-five-columns .mkdf-bl-grid-sizer { width: 50%; } } @media only screen and (max-width: 680px) { .mkdf-blog-list-holder.mkdf-bl-standard .mkdf-bl-item, .mkdf-blog-list-holder.mkdf-bl-boxed .mkdf-bl-item { width: 100% !important; } .mkdf-blog-list-holder.mkdf-bl-masonry.mkdf-bl-two-columns .mkdf-bl-item, .mkdf-blog-list-holder.mkdf-bl-masonry.mkdf-bl-two-columns .mkdf-bl-grid-sizer { width: 100%; } .mkdf-blog-list-holder.mkdf-bl-masonry.mkdf-bl-three-columns .mkdf-bl-item, .mkdf-blog-list-holder.mkdf-bl-masonry.mkdf-bl-three-columns .mkdf-bl-grid-sizer { width: 100%; } .mkdf-blog-list-holder.mkdf-bl-masonry.mkdf-bl-four-columns .mkdf-bl-item, .mkdf-blog-list-holder.mkdf-bl-masonry.mkdf-bl-four-columns .mkdf-bl-grid-sizer { width: 100%; } .mkdf-blog-list-holder.mkdf-bl-masonry.mkdf-bl-five-columns .mkdf-bl-item, .mkdf-blog-list-holder.mkdf-bl-masonry.mkdf-bl-five-columns .mkdf-bl-grid-sizer { width: 100%; } } /* ========================================================================== Blog List shortcode responsive style - end ========================================================================== */ /* ========================================================================== Blog Slider shortcode responsive style - begin ========================================================================== */ @media only screen and (max-width: 1024px) { .mkdf-blog-slider-holder .active .mkdf-blog-slider-item .mkdf-item-text-wrapper { opacity: 1; } } /* ========================================================================== Blog Slider shortcode responsive style - end ========================================================================== */ @media only screen and (max-width: 768px) { .mkdf-blog-holder.mkdf-blog-single.mkdf-blog-single-standard .mkdf-blog-single-navigation .mkdf-blog-single-next, .mkdf-blog-holder.mkdf-blog-single.mkdf-blog-single-standard .mkdf-blog-single-navigation .mkdf-blog-single-prev { width: 36%; } .mkdf-blog-holder.mkdf-blog-single.mkdf-blog-single-standard .mkdf-author-description .mkdf-author-description-inner { padding: 36px 0 30px; } .mkdf-blog-holder.mkdf-blog-single.mkdf-blog-single-standard article blockquote { padding: 0 0 10px 60px; } .mkdf-blog-holder.mkdf-blog-single.mkdf-blog-single-standard article blockquote:after { left: 9px; } .mkdf-blog-holder.mkdf-blog-single.mkdf-blog-single-standard article .mkdf-post-info-bottom .mkdf-post-info-bottom-left, .mkdf-blog-holder.mkdf-blog-single.mkdf-blog-single-standard article .mkdf-post-info-bottom .mkdf-post-info-bottom-right { width: 100%; float: none; } .mkdf-blog-holder.mkdf-blog-single.mkdf-blog-single-standard article .mkdf-post-info-bottom .mkdf-post-info-bottom-right { text-align: inherit; margin: 10px 0 0; } .mkdf-blog-holder.mkdf-blog-single.mkdf-blog-single-standard article.format-quote .mkdf-post-mark, .mkdf-blog-holder.mkdf-blog-single.mkdf-blog-single-standard article.format-link .mkdf-post-mark { display: block; width: 100%; margin-bottom: 13px; } .mkdf-blog-holder.mkdf-blog-single.mkdf-blog-single-standard article.format-quote .mkdf-post-text, .mkdf-blog-holder.mkdf-blog-single.mkdf-blog-single-standard article.format-link .mkdf-post-text { padding: 37px 37px 20px; } .mkdf-blog-holder.mkdf-blog-single.mkdf-blog-single-standard article.format-quote .mkdf-post-quote-holder, .mkdf-blog-holder.mkdf-blog-single.mkdf-blog-single-standard article.format-quote .mkdf-post-link-holder, .mkdf-blog-holder.mkdf-blog-single.mkdf-blog-single-standard article.format-link .mkdf-post-quote-holder, .mkdf-blog-holder.mkdf-blog-single.mkdf-blog-single-standard article.format-link .mkdf-post-link-holder { display: block; padding-left: 0; } .mkdf-blog-holder.mkdf-blog-single.mkdf-blog-single-standard article.format-quote .mkdf-post-info-bottom, .mkdf-blog-holder.mkdf-blog-single.mkdf-blog-single-standard article.format-link .mkdf-post-info-bottom { width: 100%; } .mkdf-blog-holder.mkdf-blog-single.mkdf-blog-single-standard article.format-quote .mkdf-post-info-bottom .mkdf-blog-share, .mkdf-blog-holder.mkdf-blog-single.mkdf-blog-single-standard article.format-link .mkdf-post-info-bottom .mkdf-blog-share { padding-left: 0; } .mkdf-blog-holder.mkdf-blog-single.mkdf-blog-single-standard .mkdf-blog-single-navigation .mkdf-blog-single-prev .mkdf-blog-single-nav-label, .mkdf-blog-holder.mkdf-blog-single.mkdf-blog-single-standard .mkdf-blog-single-navigation .mkdf-blog-single-prev .mkdf-blog-single-nav-mark { left: inherit; position: relative; top: inherit; transform: none; display: block; } .mkdf-blog-holder.mkdf-blog-single.mkdf-blog-single-standard .mkdf-blog-single-navigation .mkdf-blog-single-next .mkdf-blog-single-nav-label, .mkdf-blog-holder.mkdf-blog-single.mkdf-blog-single-standard .mkdf-blog-single-navigation .mkdf-blog-single-next .mkdf-blog-single-nav-mark { right: inherit; position: relative; top: inherit; transform: none; display: block; text-align: right; } } /* ========================================================================== Blog responsive styles - end ========================================================================== */ /*# sourceMappingURL=../css/blog-map-responsive.css.map */ /* ========================================================================== Footer responsive styles - begin ========================================================================== */ /* Button mixins - start */ /* Button mixins - end */ /* ========================================================================== Footer responsive style - begin ========================================================================== */ @media only screen and (max-width: 1024px) and (min-width: 681px) { .mkdf-page-footer .mkdf-column-content.mkdf-grid-col-3 { width: 50%; float: left; } .mkdf-page-footer .mkdf-column-content.mkdf-grid-col-3:nth-child(2n+1) { clear: both; } .mkdf-page-footer .mkdf-column-content.mkdf-grid-col-3:nth-child(3), .mkdf-page-footer .mkdf-column-content.mkdf-grid-col-3:nth-child(4) { margin-top: 30px; } .mkdf-page-footer .mkdf-column-content.mkdf-grid-col-4 { width: 33.33333333333333%; float: left; } } @media only screen and (max-width: 680px) { .mkdf-page-footer .mkdf-column-content:not(:first-child) { margin-top: 30px; } } /* ========================================================================== Footer responsive style - end ========================================================================== */ /* ========================================================================== Footer responsive styles - end ========================================================================== */ /*# sourceMappingURL=../css/footer-map-responsive.css.map */ /* ========================================================================== Header responsive styles - begin ========================================================================== */ /* Button mixins - start */ /* Button mixins - end */ /* ========================================================================== Header responsive style - begin ========================================================================== */ @media only screen and (max-width: 1280px) { .mkdf-page-header .mkdf-grid .mkdf-vertical-align-containers { padding: 0 40px; } .mkdf-page-header .mkdf-vertical-align-containers { padding: 0 40px; } } @media only screen and (max-width: 1200px) { .mkdf-drop-down .wide .second > .inner > ul { width: 950px; } } @media only screen and (max-width: 1024px) { .mkdf-page-header { display: none; } .mkdf-drop-down .wide .second > .inner > ul { width: 768px; } } /* ========================================================================== Header responsive style - end ========================================================================== */ /* ========================================================================== Fixed header responsive style - begin ========================================================================== */ @media only screen and (max-width: 1200px) { .mkdf-boxed .mkdf-page-header .mkdf-fixed-wrapper.fixed { width: 1000px; } } /* ========================================================================== Fixed header responsive style - end ========================================================================== */ /* ========================================================================== Header Standard style - begin ========================================================================== */ @media only screen and (max-width: 1300px) { .mkdf-header-standard .mkdf-menu-area { /*padding: 0 40px;*/ } .mkdf-header-standard .mkdf-menu-area .mkdf-grid { width: 100%; } } /* ========================================================================== Header Standard style - end ========================================================================== */ /* ========================================================================== Mobile header responsive style - begin ========================================================================== */ @media only screen and (max-width: 1024px) { .mkdf-mobile-header { display: block; } } /* ========================================================================== Mobile header responsive style - end ========================================================================== */ /* ========================================================================== Sticky header responsive style - begin ========================================================================== */ @media only screen and (max-width: 1200px) { .mkdf-boxed .mkdf-page-header .mkdf-sticky-header { width: 1000px; } } @media only screen and (max-width: 1024px) { .mkdf-boxed.mkdf-sticky-up-mobile-header .mobile-header-appear .mkdf-mobile-header-inner { width: 818px; left: auto; } } @media only screen and (max-width: 768px) { .mkdf-boxed.mkdf-sticky-up-mobile-header .mobile-header-appear .mkdf-mobile-header-inner { width: 650px; } } @media only screen and (max-width: 680px) { .mkdf-boxed.mkdf-sticky-up-mobile-header .mobile-header-appear .mkdf-mobile-header-inner { width: 470px; } } @media only screen and (max-width: 480px) { .mkdf-boxed.mkdf-sticky-up-mobile-header .mobile-header-appear .mkdf-mobile-header-inner { width: 350px; } } @media only screen and (max-width: 320px) { .mkdf-boxed.mkdf-sticky-up-mobile-header .mobile-header-appear .mkdf-mobile-header-inner { width: 96%; } } /* ========================================================================== Sticky header responsive style - end ========================================================================== */ /* ========================================================================== Top header responsive style - begin ========================================================================== */ @media only screen and (max-width: 1300px) { .mkdf-top-bar .mkdf-grid { width: 100%; padding: 0 40px; box-sizing: border-box; } } @media only screen and (max-width: 1280px) { .mkdf-top-bar > .mkdf-vertical-align-containers { padding: 0 40px; } .mkdf-top-bar-in-grid-padding .mkdf-top-bar .mkdf-grid .mkdf-vertical-align-containers { padding: 0 40px; } } @media only screen and (max-width: 1024px) { .mkdf-top-bar { display: none; } } /* ========================================================================== Top header responsive style - end ========================================================================== */ /* ========================================================================== Header responsive styles - end ========================================================================== */ /*# sourceMappingURL=../css/header-map-responsive.css.map */ /* ========================================================================== Title responsive styles - begin ========================================================================== */ /* Button mixins - start */ /* Button mixins - end */ /* ========================================================================== Title responsive style - begin ========================================================================== */ @media only screen and (max-width: 1024px) { .mkdf-title.mkdf-standard-type .mkdf-breadcrumbs-holder { margin-top: 0; } .mkdf-title.mkdf-has-background { background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important; height: auto !important; padding: 0 !important; } .mkdf-title.mkdf-title-image-not-responsive .mkdf-title-image { display: block; } .mkdf-title .mkdf-title-holder { position: absolute; top: 0; left: 0; display: block; height: 100% !important; padding: 0 !important; } .mkdf-title .mkdf-title-holder .mkdf-container { display: block; height: 100%; } .mkdf-title .mkdf-title-holder .mkdf-container-inner { display: table; height: 100%; } .mkdf-title .mkdf-title-holder .mkdf-title-subtitle-holder { display: table-cell; vertical-align: middle; width: 100%; padding: 0 !important; } .mkdf-title .mkdf-title-holder .mkdf-title-subtitle { padding: 0 !important; } } @media only screen and (max-width: 768px) { .mkdf-title.mkdf-standard-type .mkdf-breadcrumbs-holder { position: relative !important; top: auto !important; left: auto !important; right: auto !important; width: 100%; } } /* ========================================================================== Title responsive style - end ========================================================================== */ /* ========================================================================== Title responsive styles - end ========================================================================== */ /*# sourceMappingURL=../css/title-map-responsive.css.map */ /* ========================================================================== Global partials ========================================================================== */ /* Button mixins - start */ /* Button mixins - end */ /* ========================================================================== Shortcodes responsive styles ========================================================================== */ @media only screen and (max-width: 1024px) { .mkdf-boxes.mkdf-two-columns .mkdf-boxes-item, .mkdf-boxes.mkdf-three-columns .mkdf-boxes-item, .mkdf-boxes.mkdf-four-columns .mkdf-boxes-item { display: inline-block; width: 100%; height: auto; } .mkdf-boxes.mkdf-two-columns .mkdf-boxes-item:first-child, .mkdf-boxes.mkdf-three-columns .mkdf-boxes-item:first-child, .mkdf-boxes.mkdf-four-columns .mkdf-boxes-item:first-child { border-radius: 5px 5px 0 0; } .mkdf-boxes.mkdf-two-columns .mkdf-boxes-item:last-child, .mkdf-boxes.mkdf-three-columns .mkdf-boxes-item:last-child, .mkdf-boxes.mkdf-four-columns .mkdf-boxes-item:last-child { border-radius: 0 0 5px 5px; } } /* ========================================================================== Call To Action shortcode responsive style - begin ========================================================================== */ @media only screen and (min-width: 1201px) and (max-width: 1300px) { .mkdf-call-to-action-holder .mkdf-grid { width: 1100px; } } @media only screen and (max-width: 1200px) { .mkdf-call-to-action-holder.mkdf-three-quarters-columns .mkdf-cta-text-holder, .mkdf-call-to-action-holder.mkdf-four-fifths-columns .mkdf-cta-text-holder { width: 66.66666666666667%; } .mkdf-call-to-action-holder.mkdf-three-quarters-columns .mkdf-cta-button-holder, .mkdf-call-to-action-holder.mkdf-four-fifths-columns .mkdf-cta-button-holder { width: 33.33333333333333%; } } @media only screen and (max-width: 1024px) { .mkdf-call-to-action-holder.no-proportion .mkdf-cta-text-holder { display: block; margin-bottom: 15px; margin-right: 0; } } @media only screen and (max-width: 768px) { .mkdf-call-to-action-holder.mkdf-normal-layout .mkdf-cta-inner, .mkdf-call-to-action-holder.mkdf-normal-layout .mkdf-cta-text-holder, .mkdf-call-to-action-holder.mkdf-normal-layout .mkdf-cta-button-holder { display: block; margin: 0; } .mkdf-call-to-action-holder.mkdf-normal-layout .mkdf-cta-button-holder { margin: 28px 0 0; text-align: initial; display: inline-block; } .mkdf-call-to-action-holder.mkdf-two-halves-columns .mkdf-cta-text-holder, .mkdf-call-to-action-holder.mkdf-two-halves-columns .mkdf-cta-button-holder, .mkdf-call-to-action-holder.mkdf-two-thirds-columns .mkdf-cta-text-holder, .mkdf-call-to-action-holder.mkdf-two-thirds-columns .mkdf-cta-button-holder, .mkdf-call-to-action-holder.mkdf-three-quarters-columns .mkdf-cta-text-holder, .mkdf-call-to-action-holder.mkdf-three-quarters-columns .mkdf-cta-button-holder, .mkdf-call-to-action-holder.mkdf-four-fifths-columns .mkdf-cta-text-holder, .mkdf-call-to-action-holder.mkdf-four-fifths-columns .mkdf-cta-button-holder { width: 100%; } } /* ========================================================================== Call To Action shortcode responsive style - end ========================================================================== */ /* ========================================================================== # Clients responsive style - begin ========================================================================== */ @media only screen and (min-width: 1024px) and (max-width: 1200px) { .mkdf-clients .mkdf-client-holder .mkdf-client-holder-inner { padding: 0 10px; } } @media only screen and (max-width: 1024px) { .mkdf-clients.mkdf-clients-six-columns .mkdf-client-holder, .mkdf-clients.mkdf-clients-five-columns .mkdf-client-holder { width: 33.33333333333333%; } .mkdf-clients.mkdf-clients-six-columns .mkdf-client-holder:nth-child(3n + 1), .mkdf-clients.mkdf-clients-five-columns .mkdf-client-holder:nth-child(3n + 1) { clear: both; } .mkdf-clients.mkdf-clients-five-columns .mkdf-client-holder:nth-of-type(5n+0) { box-shadow: 1px 1px 0 0 #dadada; } .mkdf-clients.mkdf-clients-four-columns .mkdf-client-holder { width: 50%; } .mkdf-clients.mkdf-clients-four-columns .mkdf-client-holder:nth-child(2n + 1) { clear: both; } } @media only screen and (max-width: 680px) { .mkdf-clients.mkdf-clients-six-columns .mkdf-client-holder, .mkdf-clients.mkdf-clients-five-columns .mkdf-client-holder { width: 50%; } .mkdf-clients.mkdf-clients-six-columns .mkdf-client-holder:nth-child(3n + 1), .mkdf-clients.mkdf-clients-five-columns .mkdf-client-holder:nth-child(3n + 1) { clear: none; } .mkdf-clients.mkdf-clients-six-columns .mkdf-client-holder:nth-child(2n + 1), .mkdf-clients.mkdf-clients-five-columns .mkdf-client-holder:nth-child(2n + 1) { clear: both; } } @media only screen and (max-width: 480px) { .mkdf-clients.mkdf-clients-six-columns .mkdf-client-holder, .mkdf-clients.mkdf-clients-five-columns .mkdf-client-holder, .mkdf-clients.mkdf-clients-four-columns .mkdf-client-holder, .mkdf-clients.mkdf-clients-three-columns .mkdf-client-holder, .mkdf-clients.mkdf-clients-two-columns .mkdf-client-holder { width: 100%; float: none; box-shadow: 0 1px 0 0 #dadada; } } /* ========================================================================== # Clients responsive style - end ========================================================================== */ /* ========================================================================== Countdown shortcode responsive style - begin ========================================================================== */ @media only screen and (max-width: 1200px) { .mkdf-countdown .countdown-row .countdown-section .countdown-amount { font-size: 60px; } } @media only screen and (max-width: 768px) { .mkdf-countdown .countdown-row.countdown-show4 .countdown-section, .mkdf-countdown .countdown-row.countdown-show5 .countdown-section, .mkdf-countdown .countdown-row.countdown-show6 .countdown-section, .mkdf-countdown .countdown-row.countdown-show7 .countdown-section { width: 100%; margin-bottom: 20px; } .mkdf-countdown .countdown-row .countdown-section .countdown-amount { font-size: 50px; } } @media only screen and (max-width: 680px) { .mkdf-countdown .countdown-row .countdown-section .countdown-amount { font-size: 40px; } } /* ========================================================================== Countdown shortcode responsive style - end ========================================================================== */ /* ========================================================================== Elements Holder shortcode responsive style - begin ========================================================================== */ @media only screen and (max-width: 1280px) { .mkdf-elements-holder.mkdf-responsive-mode-1280.mkdf-two-columns .mkdf-eh-item, .mkdf-elements-holder.mkdf-responsive-mode-1280.mkdf-three-columns .mkdf-eh-item, .mkdf-elements-holder.mkdf-responsive-mode-1280.mkdf-four-columns .mkdf-eh-item, .mkdf-elements-holder.mkdf-responsive-mode-1280.mkdf-five-columns .mkdf-eh-item, .mkdf-elements-holder.mkdf-responsive-mode-1280.mkdf-six-columns .mkdf-eh-item { width: 100%; display: inline-block; height: auto; } } @media only screen and (max-width: 1024px) { .mkdf-elements-holder.mkdf-responsive-mode-1024.mkdf-two-columns .mkdf-eh-item, .mkdf-elements-holder.mkdf-responsive-mode-1024.mkdf-three-columns .mkdf-eh-item, .mkdf-elements-holder.mkdf-responsive-mode-1024.mkdf-four-columns .mkdf-eh-item, .mkdf-elements-holder.mkdf-responsive-mode-1024.mkdf-five-columns .mkdf-eh-item, .mkdf-elements-holder.mkdf-responsive-mode-1024.mkdf-six-columns .mkdf-eh-item { width: 100%; display: inline-block; height: auto; } } @media only screen and (max-width: 768px) { .mkdf-elements-holder.mkdf-responsive-mode-768.mkdf-two-columns .mkdf-eh-item, .mkdf-elements-holder.mkdf-responsive-mode-768.mkdf-three-columns .mkdf-eh-item, .mkdf-elements-holder.mkdf-responsive-mode-768.mkdf-four-columns .mkdf-eh-item, .mkdf-elements-holder.mkdf-responsive-mode-768.mkdf-five-columns .mkdf-eh-item, .mkdf-elements-holder.mkdf-responsive-mode-768.mkdf-six-columns .mkdf-eh-item { width: 100%; display: inline-block; height: auto; } } @media only screen and (max-width: 600px) { .mkdf-elements-holder.mkdf-responsive-mode-600.mkdf-two-columns .mkdf-eh-item, .mkdf-elements-holder.mkdf-responsive-mode-600.mkdf-three-columns .mkdf-eh-item, .mkdf-elements-holder.mkdf-responsive-mode-600.mkdf-four-columns .mkdf-eh-item, .mkdf-elements-holder.mkdf-responsive-mode-600.mkdf-five-columns .mkdf-eh-item, .mkdf-elements-holder.mkdf-responsive-mode-600.mkdf-six-columns .mkdf-eh-item { width: 100%; display: inline-block; height: auto; } } @media only screen and (max-width: 480px) { .mkdf-elements-holder.mkdf-responsive-mode-480.mkdf-two-columns .mkdf-eh-item, .mkdf-elements-holder.mkdf-responsive-mode-480.mkdf-three-columns .mkdf-eh-item, .mkdf-elements-holder.mkdf-responsive-mode-480.mkdf-four-columns .mkdf-eh-item, .mkdf-elements-holder.mkdf-responsive-mode-480.mkdf-five-columns .mkdf-eh-item, .mkdf-elements-holder.mkdf-responsive-mode-480.mkdf-six-columns .mkdf-eh-item { width: 100%; display: inline-block; height: auto; } } @media only screen and (max-width: 480px) { .mkdf-elements-holder .mkdf-eh-item-content { padding: 0 10px; } } @media only screen and (max-width: 1280px) { .mkdf-elements-holder.mkdf-responsive-mode-1280.mkdf-one-column-alignment-left .mkdf-eh-item .mkdf-eh-item-content { text-align: left; } .mkdf-elements-holder.mkdf-responsive-mode-1280.mkdf-one-column-alignment-right .mkdf-eh-item .mkdf-eh-item-content { text-align: right; } .mkdf-elements-holder.mkdf-responsive-mode-1280.mkdf-one-column-alignment-center .mkdf-eh-item .mkdf-eh-item-content { text-align: center; } } @media only screen and (max-width: 1024px) { .mkdf-elements-holder.mkdf-responsive-mode-1024.mkdf-one-column-alignment-left .mkdf-eh-item .mkdf-eh-item-content { text-align: left; } .mkdf-elements-holder.mkdf-responsive-mode-1024.mkdf-one-column-alignment-right .mkdf-eh-item .mkdf-eh-item-content { text-align: right; } .mkdf-elements-holder.mkdf-responsive-mode-1024.mkdf-one-column-alignment-center .mkdf-eh-item .mkdf-eh-item-content { text-align: center; } } @media only screen and (max-width: 768px) { .mkdf-elements-holder.mkdf-responsive-mode-768.mkdf-one-column-alignment-left .mkdf-eh-item .mkdf-eh-item-content { text-align: left; } .mkdf-elements-holder.mkdf-responsive-mode-768.mkdf-one-column-alignment-right .mkdf-eh-item .mkdf-eh-item-content { text-align: right; } .mkdf-elements-holder.mkdf-responsive-mode-768.mkdf-one-column-alignment-center .mkdf-eh-item .mkdf-eh-item-content { text-align: center; } } @media only screen and (max-width: 680px) { .mkdf-elements-holder.mkdf-responsive-mode-600.mkdf-one-column-alignment-left .mkdf-eh-item .mkdf-eh-item-content { text-align: left; } .mkdf-elements-holder.mkdf-responsive-mode-600.mkdf-one-column-alignment-right .mkdf-eh-item .mkdf-eh-item-content { text-align: right; } .mkdf-elements-holder.mkdf-responsive-mode-600.mkdf-one-column-alignment-center .mkdf-eh-item .mkdf-eh-item-content { text-align: center; } } @media only screen and (max-width: 480px) { .mkdf-elements-holder.mkdf-responsive-mode-480.mkdf-one-column-alignment-left .mkdf-eh-item .mkdf-eh-item-content { text-align: left; } .mkdf-elements-holder.mkdf-responsive-mode-480.mkdf-one-column-alignment-right .mkdf-eh-item .mkdf-eh-item-content { text-align: right; } .mkdf-elements-holder.mkdf-responsive-mode-480.mkdf-one-column-alignment-center .mkdf-eh-item .mkdf-eh-item-content { text-align: center; } } /* ========================================================================== Elements Holder shortcode responsive style - end ========================================================================== */ /* ========================================================================== Elliptical Slider shortcode responsive start styles ========================================================================== */ @media only screen and (max-width: 1440px) { .mkdf-elliptical-slider .mkdf-elliptical-slide .mkdf-elliptical-slide-svg-holder svg { right: 45%; } .mkdf-elliptical-slider .mkdf-elliptical-slide .mkdf-elliptical-slide-content-wrapper .mkdf-elliptical-slide-elements-holder { padding: 19px 0 30px 58px; vertical-align: middle; } } @media only screen and (max-width: 1280px) { .mkdf-elliptical-slider .mkdf-elliptical-slide .mkdf-elliptical-slide-content-wrapper .mkdf-elliptical-slide-elements-holder { padding: 5px 0 20px 59px; vertical-align: middle; } .mkdf-elliptical-slider .mkdf-elliptical-slide .mkdf-elliptical-slide-svg-holder svg { right: 47%; } .mkdf-elliptical-slider .mkdf-elliptical-slide .mkdf-elliptical-slide-content-holder { background: -webkit-linear-gradient(left, #43d5cb 57%, transparent 48%); background: linear-gradient(to left, #43d5cb 57%, transparent 48%); } .mkdf-elliptical-slider .mkdf-elliptical-slide .mkdf-elliptical-slide-content-wrapper .mkdf-elliptical-slide-wrapper-inner { width: 60%; } } @media only screen and (max-width: 1024px) { .mkdf-elliptical-slider .flex-control-nav.flex-control-paging { left: 20px; } .mkdf-elliptical-slider .mkdf-elliptical-slide .mkdf-elliptical-slide-content-wrapper .mkdf-elliptical-slide-elements-holder { padding: 10px 0 20px 71px; vertical-align: middle; } .mkdf-elliptical-slider .mkdf-elliptical-slide .mkdf-elliptical-slide-svg-holder svg { right: 73%; } .mkdf-elliptical-slider .mkdf-elliptical-slide .mkdf-elliptical-slide-image-holder-wrapper .mkdf-elliptical-slide-image-holder { display: none; } } @media only screen and (max-width: 768px) { .mkdf-elliptical-slider .flex-control-nav.flex-control-paging { left: 40px; } .mkdf-elliptical-slider .mkdf-elliptical-slide { height: 450px; } .mkdf-elliptical-slider .mkdf-elliptical-slide .mkdf-elliptical-slide-image-holder-wrapper { width: 100%; height: 100%; z-index: 1; background-color: #43d5cb; } .mkdf-elliptical-slider .mkdf-elliptical-slide .mkdf-elliptical-slide-content-wrapper .mkdf-elliptical-slide-wrapper-inner { width: 100%; } .mkdf-elliptical-slider .mkdf-elliptical-slide .mkdf-elliptical-slide-content-wrapper .mkdf-elliptical-slide-wrapper-inner svg { display: none; } .mkdf-elliptical-slider .mkdf-elliptical-slide .mkdf-elliptical-slide-content-wrapper .mkdf-elliptical-slide-elements-holder { padding: 0; vertical-align: middle; } .mkdf-elliptical-slider .mkdf-elliptical-slide .mkdf-elliptical-slide-content-holder { background: none !important; } } @media only screen and (max-width: 1024px) { .mkdf-elliptical-slide { height: 600px; } } @media only screen and (max-width: 480px) { .mkdf-elliptical-slider .mkdf-elliptical-slide { height: 620px; } } @media only screen and (max-width: 320px) { .mkdf-elliptical-slide .mkdf-elliptical-slide-content-wrapper .mkdf-elliptical-slide-elements-holder { padding: 0 35px; } } /* ========================================================================== Fullwidth Slider shortcode responsive end styles ========================================================================== */ /* ========================================================================== Google Map shortcode responsive style - begin ========================================================================== */ @media only screen and (max-width: 1024px) { .mkdf-google-map-overlay { display: block; } } /* ========================================================================== Google Map shortcode responsive style - end ========================================================================== */ @media only screen and (max-width: 1024px) { .mkdf-horizontal-timeline .mkdf-events-content .mkdf-hti-content-image { width: 100%; display: block; height: auto; } .mkdf-horizontal-timeline .mkdf-events-content .mkdf-hti-content-value { width: 100%; border-left: 2px solid #ededed; } .mkdf-horizontal-timeline .mkdf-events-content > ol > li:nth-child(2n+2) .mkdf-event-text { position: relative; top: 60px; } } /* ========================================================================== # Underline icon box responsive style - begin ========================================================================== */ @media only screen and (max-width: 768px) { .mkdf-underline-icon-box-holder.mkdf-with-border { margin-bottom: 20px !important; /* Important is because visual composer column css for margin is stronger */ } } /* ========================================================================== # Underline icon box responsive style - end ========================================================================== */ /* ========================================================================== Tabs shortcode responsive style - begin ========================================================================== */ @media only screen and (max-width: 1024px) { .mkdf-icon-tabs .mkdf-icon-tabs-nav li a { padding: 20px 5px; } .mkdf-icon-tabs .mkdf-icon-tabs-nav li a .mkdf-icon-tabs-title-holder { font-size: 14px; } } @media only screen and (max-width: 768px) { .mkdf-icon-tabs.mkdf-icon-tabs-four ul li, .mkdf-icon-tabs.mkdf-icon-tabs-five ul li, .mkdf-icon-tabs.mkdf-icon-tabs-six ul li { width: 33.33%; } } @media only screen and (max-width: 680px) { .mkdf-icon-tabs.mkdf-icon-tabs-two ul li, .mkdf-icon-tabs.mkdf-icon-tabs-three ul li, .mkdf-icon-tabs.mkdf-icon-tabs-four ul li, .mkdf-icon-tabs.mkdf-icon-tabs-five ul li, .mkdf-icon-tabs.mkdf-icon-tabs-six ul li { width: 50%; } } /* ========================================================================== Tabs shortcode responsive style - end ========================================================================== */ /* ========================================================================== Image Gallery shortcode responsive style - begin ========================================================================== */ @media only screen and (max-width: 1440px) { .mkdf-image-gallery .mkdf-ig-grid.mkdf-ig-six-columns .mkdf-ig-image { width: 20%; } } @media only screen and (max-width: 1440px) and (min-width: 1281px) { .mkdf-image-gallery .mkdf-ig-grid.mkdf-ig-six-columns .mkdf-ig-image:nth-child(6n+1) { clear: none; } .mkdf-image-gallery .mkdf-ig-grid.mkdf-ig-six-columns .mkdf-ig-image:nth-child(5n+1) { clear: both; } } @media only screen and (max-width: 1440px) { .mkdf-image-gallery .mkdf-ig-masonry.mkdf-ig-six-columns .mkdf-ig-image, .mkdf-image-gallery .mkdf-ig-masonry.mkdf-ig-six-columns .mkdf-ig-grid-sizer { width: 20%; } } @media only screen and (max-width: 1280px) { .mkdf-image-gallery .mkdf-ig-grid.mkdf-ig-five-columns .mkdf-ig-image { width: 25%; } } @media only screen and (max-width: 1280px) and (min-width: 1025px) { .mkdf-image-gallery .mkdf-ig-grid.mkdf-ig-five-columns .mkdf-ig-image:nth-child(4n+1) { clear: both; } } @media only screen and (max-width: 1280px) { .mkdf-image-gallery .mkdf-ig-grid.mkdf-ig-six-columns .mkdf-ig-image { width: 25%; } } @media only screen and (max-width: 1280px) and (min-width: 1025px) { .mkdf-image-gallery .mkdf-ig-grid.mkdf-ig-six-columns .mkdf-ig-image:nth-child(4n+1) { clear: both; } } @media only screen and (max-width: 1280px) { .mkdf-image-gallery .mkdf-ig-masonry.mkdf-ig-five-columns .mkdf-ig-image, .mkdf-image-gallery .mkdf-ig-masonry.mkdf-ig-five-columns .mkdf-ig-grid-sizer { width: 25%; } .mkdf-image-gallery .mkdf-ig-masonry.mkdf-ig-five-columns .mkdf-ig-image.mkdf-large-masonry-item { width: 50%; } .mkdf-image-gallery .mkdf-ig-masonry.mkdf-ig-six-columns .mkdf-ig-image, .mkdf-image-gallery .mkdf-ig-masonry.mkdf-ig-six-columns .mkdf-ig-grid-sizer { width: 25%; } .mkdf-image-gallery .mkdf-ig-masonry.mkdf-ig-six-columns .mkdf-ig-image.mkdf-large-masonry-item { width: 50%; } } @media only screen and (max-width: 1024px) { .mkdf-image-gallery .mkdf-ig-grid.mkdf-ig-five-columns .mkdf-ig-image { width: 33.33333%; } } @media only screen and (max-width: 1024px) and (min-width: 769px) { .mkdf-image-gallery .mkdf-ig-grid.mkdf-ig-five-columns .mkdf-ig-image:nth-child(3n+1) { clear: both; } } @media only screen and (max-width: 1024px) { .mkdf-image-gallery .mkdf-ig-grid.mkdf-ig-six-columns .mkdf-ig-image { width: 33.33333%; } } @media only screen and (max-width: 1024px) and (min-width: 769px) { .mkdf-image-gallery .mkdf-ig-grid.mkdf-ig-six-columns .mkdf-ig-image:nth-child(3n+1) { clear: both; } } @media only screen and (max-width: 1024px) { .mkdf-image-gallery .mkdf-ig-grid.mkdf-ig-four-columns .mkdf-ig-image { width: 50%; } } @media only screen and (max-width: 1024px) and (min-width: 681px) { .mkdf-image-gallery .mkdf-ig-grid.mkdf-ig-two-columns .mkdf-ig-image:nth-child(2n+1) { clear: both; } } @media only screen and (max-width: 1024px) and (min-width: 681px) { .mkdf-image-gallery .mkdf-ig-grid.mkdf-ig-three-columns .mkdf-ig-image:nth-child(3n+1) { clear: both; } } @media only screen and (max-width: 1024px) and (min-width: 681px) { .mkdf-image-gallery .mkdf-ig-grid.mkdf-ig-four-columns .mkdf-ig-image:nth-child(4n+1) { clear: both; } } @media only screen and (max-width: 1024px) { .mkdf-image-gallery .mkdf-ig-masonry.mkdf-ig-five-columns .mkdf-ig-image, .mkdf-image-gallery .mkdf-ig-masonry.mkdf-ig-five-columns .mkdf-ig-grid-sizer { width: 33.33333%; } .mkdf-image-gallery .mkdf-ig-masonry.mkdf-ig-five-columns .mkdf-ig-image.mkdf-large-masonry-item { width: 66.66667%; } .mkdf-image-gallery .mkdf-ig-masonry.mkdf-ig-six-columns .mkdf-ig-image, .mkdf-image-gallery .mkdf-ig-masonry.mkdf-ig-six-columns .mkdf-ig-grid-sizer { width: 33.33333%; } .mkdf-image-gallery .mkdf-ig-masonry.mkdf-ig-six-columns .mkdf-ig-image.mkdf-large-masonry-item { width: 66.66667%; } .mkdf-image-gallery .mkdf-ig-masonry.mkdf-ig-four-columns .mkdf-ig-image, .mkdf-image-gallery .mkdf-ig-masonry.mkdf-ig-four-columns .mkdf-ig-grid-sizer { width: 50%; } .mkdf-image-gallery .mkdf-ig-masonry.mkdf-ig-four-columns .mkdf-ig-image.mkdf-large-masonry-item { width: 100%; } } @media only screen and (max-width: 768px) { .mkdf-image-gallery .mkdf-ig-grid.mkdf-ig-five-columns .mkdf-ig-image { width: 50%; } } @media only screen and (max-width: 768px) and (min-width: 681px) { .mkdf-image-gallery .mkdf-ig-grid.mkdf-ig-five-columns .mkdf-ig-image:nth-child(2n+1) { clear: both; } } @media only screen and (max-width: 768px) { .mkdf-image-gallery .mkdf-ig-grid.mkdf-ig-six-columns .mkdf-ig-image { width: 50%; } } @media only screen and (max-width: 768px) and (min-width: 681px) { .mkdf-image-gallery .mkdf-ig-grid.mkdf-ig-six-columns .mkdf-ig-image:nth-child(2n+1) { clear: both; } } @media only screen and (max-width: 768px) { .mkdf-image-gallery .mkdf-ig-grid.mkdf-ig-three-columns .mkdf-ig-image { width: 100%; } .mkdf-image-gallery .mkdf-ig-masonry.mkdf-ig-five-columns .mkdf-ig-image, .mkdf-image-gallery .mkdf-ig-masonry.mkdf-ig-five-columns .mkdf-ig-grid-sizer { width: 50%; } .mkdf-image-gallery .mkdf-ig-masonry.mkdf-ig-five-columns .mkdf-ig-image.mkdf-large-masonry-item { width: 100%; } .mkdf-image-gallery .mkdf-ig-masonry.mkdf-ig-six-columns .mkdf-ig-image, .mkdf-image-gallery .mkdf-ig-masonry.mkdf-ig-six-columns .mkdf-ig-grid-sizer { width: 50%; } .mkdf-image-gallery .mkdf-ig-masonry.mkdf-ig-six-columns .mkdf-ig-image.mkdf-large-masonry-item { width: 100%; } .mkdf-image-gallery .mkdf-ig-masonry.mkdf-ig-three-columns .mkdf-ig-image, .mkdf-image-gallery .mkdf-ig-masonry.mkdf-ig-three-columns .mkdf-ig-grid-sizer { width: 100%; } .mkdf-image-gallery .mkdf-ig-masonry.mkdf-ig-three-columns .mkdf-ig-image.mkdf-large-masonry-item { width: 100%; } } @media only screen and (max-width: 680px) { .mkdf-image-gallery .mkdf-ig-grid.mkdf-ig-two-columns .mkdf-ig-image { width: 100%; } .mkdf-image-gallery .mkdf-ig-grid.mkdf-ig-three-columns .mkdf-ig-image { width: 100%; } .mkdf-image-gallery .mkdf-ig-grid.mkdf-ig-four-columns .mkdf-ig-image { width: 100%; } .mkdf-image-gallery .mkdf-ig-grid.mkdf-ig-five-columns .mkdf-ig-image { width: 100%; } .mkdf-image-gallery .mkdf-ig-grid.mkdf-ig-six-columns .mkdf-ig-image { width: 100%; } .mkdf-image-gallery .mkdf-ig-masonry.mkdf-ig-two-columns .mkdf-ig-image, .mkdf-image-gallery .mkdf-ig-masonry.mkdf-ig-two-columns .mkdf-ig-grid-sizer { width: 100%; } .mkdf-image-gallery .mkdf-ig-masonry.mkdf-ig-two-columns .mkdf-ig-image.mkdf-large-masonry-item { width: 100%; } .mkdf-image-gallery .mkdf-ig-masonry.mkdf-ig-three-columns .mkdf-ig-image, .mkdf-image-gallery .mkdf-ig-masonry.mkdf-ig-three-columns .mkdf-ig-grid-sizer { width: 100%; } .mkdf-image-gallery .mkdf-ig-masonry.mkdf-ig-three-columns .mkdf-ig-image.mkdf-large-masonry-item { width: 100%; } .mkdf-image-gallery .mkdf-ig-masonry.mkdf-ig-four-columns .mkdf-ig-image, .mkdf-image-gallery .mkdf-ig-masonry.mkdf-ig-four-columns .mkdf-ig-grid-sizer { width: 100%; } .mkdf-image-gallery .mkdf-ig-masonry.mkdf-ig-four-columns .mkdf-ig-image.mkdf-large-masonry-item { width: 100%; } .mkdf-image-gallery .mkdf-ig-masonry.mkdf-ig-five-columns .mkdf-ig-image, .mkdf-image-gallery .mkdf-ig-masonry.mkdf-ig-five-columns .mkdf-ig-grid-sizer { width: 100%; } .mkdf-image-gallery .mkdf-ig-masonry.mkdf-ig-five-columns .mkdf-ig-image.mkdf-large-masonry-item { width: 100%; } .mkdf-image-gallery .mkdf-ig-masonry.mkdf-ig-six-columns .mkdf-ig-image, .mkdf-image-gallery .mkdf-ig-masonry.mkdf-ig-six-columns .mkdf-ig-grid-sizer { width: 100%; } .mkdf-image-gallery .mkdf-ig-masonry.mkdf-ig-six-columns .mkdf-ig-image.mkdf-large-masonry-item { width: 100%; } } /* ========================================================================== Image Gallery shortcode responsive style - end ========================================================================== */ /* ========================================================================== Interactive banners responsive start styles ========================================================================== */ @media only screen and (max-width: 680px) { .mkdf-interactive-banner-holder { padding: 50px 10px !important; } } /* ========================================================================== Interactive banners responsive end styles ========================================================================== */ /* ========================================================================== Pricing Tables shortcode responsive style - begin ========================================================================== */ @media only screen and (max-width: 1280px) { .mkdf-pricing-tables.mkdf-four-columns .mkdf-price-table { width: 50%; } } @media only screen and (max-width: 1280px) and (min-width: 681px) { .mkdf-pricing-tables.mkdf-four-columns .mkdf-price-table:nth-child(2n+1) { clear: both; } } @media only screen and (max-width: 1280px) { .mkdf-pricing-tables.mkdf-five-columns .mkdf-price-table { width: 50%; } } @media only screen and (max-width: 1280px) and (min-width: 681px) { .mkdf-pricing-tables.mkdf-five-columns .mkdf-price-table:nth-child(2n+1) { clear: both; } } @media only screen and (max-width: 1024px) { .mkdf-pricing-tables.mkdf-three-columns .mkdf-price-table { width: 100%; } } @media only screen and (max-width: 680px) { .mkdf-pricing-tables .mkdf-price-table { width: 100% !important; } } /* ========================================================================== Pricing Tables shortcode responsive style - end ========================================================================== */ @media only screen and (max-width: 1440px) { .mkdf-process-holder .mkdf-process-item-holder.mkdf-pi-highlighted .mkdf-pi-image-holder { width: 275px; height: 275px; margin-top: -20px; } .mkdf-process-holder .mkdf-process-item-holder.mkdf-pi-highlighted .mkdf-pi-holder-inner { width: 100%; } } @media only screen and (max-width: 1200px) { .mkdf-process-holder .mkdf-process-item-holder .mkdf-pi-image-holder { width: 171px; height: 171px; } .mkdf-process-holder .mkdf-process-item-holder.mkdf-pi-highlighted .mkdf-pi-image-holder { width: 237px; height: 237px; margin-top: -30px; } .mkdf-process-holder .mkdf-process-item-holder.mkdf-pi-highlighted .mkdf-pi-holder-inner { width: 100%; } } @media only screen and (max-width: 1024px) { .mkdf-process-holder .mkdf-process-bg-holder { display: none; } .mkdf-process-holder.mkdf-process-holder-items-four .mkdf-process-item-holder { width: 50%; margin-bottom: 30px; } .mkdf-process-holder.mkdf-process-holder-items-four .mkdf-process-item-holder.mkdf-pi-highlighted .mkdf-pi-image-holder { margin-top: 0; } .mkdf-process-holder.mkdf-process-holder-items-four .mkdf-process-item-holder .mkdf-pi-holder-inner { width: 100%; } .mkdf-process-holder.mkdf-process-holder-items-four .mkdf-process-item-holder .mkdf-pi-holder-inner .mkdf-pi-content-holder { padding: 0 20px; } } @media only screen and (max-width: 768px) { .mkdf-process-holder.mkdf-process-holder-items-three .mkdf-process-item-holder.mkdf-pi-highlighted .mkdf-pi-image-holder { margin-top: 0; } .mkdf-process-holder .mkdf-process-item-holder { width: 100% !important; margin-bottom: 30px; } .mkdf-process-holder .mkdf-process-item-holder .mkdf-pi-holder-inner { width: 100%; } } /* ========================================================================== Section Title shortcode responsive styles - begin ========================================================================== */ @media only screen and (max-width: 1024px) { .mkdf-section-title-holder.mkdf-st-two-columns { padding: 0 !important; } } @media only screen and (max-width: 768px) { .mkdf-section-title-holder { padding: 0 !important; } .mkdf-section-title-holder.mkdf-st-two-columns .mkdf-st-title, .mkdf-section-title-holder.mkdf-st-two-columns .mkdf-st-text { width: 100%; float: none !important; text-align: initial !important; } .mkdf-section-title-holder.mkdf-st-two-columns .mkdf-st-text { margin: 14px 0 0; } .mkdf-section-title-holder.mkdf-st-disable-title-break .mkdf-st-title br { display: none; } } /* ========================================================================== Section Title shortcode responsive styles - end ========================================================================== */ /* ========================================================================== Tabs shortcode responsive style - begin ========================================================================== */ @media only screen and (max-width: 768px) { .mkdf-tabs.mkdf-tabs-standard .mkdf-tabs-nav li { display: block; float: none; border-bottom: #ebebeb solid 1px; border-right: none; } .mkdf-tabs.mkdf-tabs-standard .mkdf-tabs-nav li a { width: 100%; } .mkdf-tabs.mkdf-tabs-standard .mkdf-tabs-nav li:first-child a { border-radius: 5px 5px 0 0; } .mkdf-tabs.mkdf-tabs-standard .mkdf-tabs-nav li:last-child a { border-radius: 0 0 5px 5px; } .mkdf-tabs.mkdf-tabs-standard .mkdf-tabs-nav li:last-child { border-bottom: none; } } /* ========================================================================== Tabs shortcode responsive style - end ========================================================================== */ /*# sourceMappingURL=../../../../plugins/mkdf-core/assets/css/shortcodes-responsive.css.map */ /* ========================================================================== Global partials ========================================================================== */ /* Button mixins - start */ /* Button mixins - end */ /* ========================================================================== Custom Post Types responsive styles ========================================================================== */ /* ========================================================================== Team list shortcode responsive style - begin ========================================================================== */ @media only screen and (max-width: 1200px) { .mkdf-team-list-holder.mkdf-tl-four-columns .mkdf-team { width: 33.33333%; } } @media only screen and (max-width: 1200px) and (min-width: 1025px) { .mkdf-team-list-holder.mkdf-tl-four-columns .mkdf-team:nth-child(3n+1) { clear: both; } } @media only screen and (max-width: 1200px) { .mkdf-team-list-holder.mkdf-tl-five-columns .mkdf-team { width: 33.33333%; } } @media only screen and (max-width: 1200px) and (min-width: 1025px) { .mkdf-team-list-holder.mkdf-tl-five-columns .mkdf-team:nth-child(3n+1) { clear: both; } } @media only screen and (max-width: 1024px) { .mkdf-team-list-holder.mkdf-tl-three-columns .mkdf-team { width: 50%; } } @media only screen and (max-width: 1024px) and (min-width: 681px) { .mkdf-team-list-holder.mkdf-tl-three-columns .mkdf-team:nth-child(2n+1) { clear: both; } } @media only screen and (max-width: 1024px) { .mkdf-team-list-holder.mkdf-tl-four-columns .mkdf-team { width: 50%; } } @media only screen and (max-width: 1024px) and (min-width: 681px) { .mkdf-team-list-holder.mkdf-tl-four-columns .mkdf-team:nth-child(2n+1) { clear: both; } } @media only screen and (max-width: 1024px) { .mkdf-team-list-holder.mkdf-tl-five-columns .mkdf-team { width: 50%; } } @media only screen and (max-width: 1024px) and (min-width: 681px) { .mkdf-team-list-holder.mkdf-tl-five-columns .mkdf-team:nth-child(2n+1) { clear: both; } } @media only screen and (min-width: 769px) and (max-width: 1024px) { .mkdf-team.info-bellow .mkdf-team-image .mkdf-circle-animate, .mkdf-team.info-bellow .mkdf-team-image .mkdf-circle-icon { top: 20px; right: 10px; } } @media only screen and (max-width: 680px) { .mkdf-team-list-holder .mkdf-tl-inner .mkdf-team { width: 100%; } } /* ========================================================================== Team list shortcode responsive style - end ========================================================================== */ /* ========================================================================== # Team responsive style - begin ========================================================================== */ /* ========================================================================== # Team responsive style - end ========================================================================== */ /* ========================================================================== # Team slider responsive - begin ========================================================================== */ @media only screen and (min-width: 769px) and (max-width: 1024px) { .mkdf-team-slider-holder .mkdf-team.info-bellow .mkdf-team-image .mkdf-circle-animate, .mkdf-team-slider-holder .mkdf-team.info-bellow .mkdf-team-image .mkdf-circle-icon { top: 0; right: 0; } } @media only screen and (max-width: 680px) { .mkdf-team-slider-holder .mkdf-owl-slider .owl-nav .owl-prev { left: 0; } .mkdf-team-slider-holder .mkdf-owl-slider .owl-nav .owl-next { right: 0; } } /* ========================================================================== # Team slider responsive - end ========================================================================== */ @media only screen and (max-width: 1440px) { .mkdf-team-single-holder .mkdf-booking-form .mkdf-bf-form-button input { padding-left: 11px; } } @media only screen and (max-width: 1024px) { .mkdf-team-single-holder .mkdf-ts-image-holder img { width: 60%; } .mkdf-team-single-holder .mkdf-ts-image-holder .mkdf-doctor-info-holder { width: 40%; float: right; padding-left: 40px; box-sizing: border-box; } .mkdf-team-single-holder .mkdf-ts-details-holder { padding-left: 15px; } .mkdf-team-single-holder .mkdf-ts-bio-holder h4 { margin-top: 60px; } } @media only screen and (max-width: 680px) { .mkdf-team-single-holder .mkdf-ts-image-holder img { width: 100%; } .mkdf-team-single-holder .mkdf-ts-image-holder .mkdf-doctor-info-holder { width: 100%; float: none; padding-left: 0; box-sizing: border-box; } .mkdf-team-single-holder .mkdf-workdays-wrapper { display: block; margin-left: 7px; float: inherit; } } @media only screen and (max-width: 480px) { .mkdf-testimonials-holder .mkdf-tes-nav > .mkdf-tes-nav-next, .mkdf-testimonials-holder .mkdf-tes-nav > .mkdf-tes-nav-prev { display: none; } .mkdf-testimonials-holder .mkdf-tes-image-nav { width: 100%; } .mkdf-testimonials-slider.mkdf-owl-testimonials .mkdf-testimonial-text { padding: 0 5px; } .mkdf-testimonials-holder.mkdf-testimonials-cards .mkdf-testimonials { padding: 0; } } /*# sourceMappingURL=../../../../plugins/mkdf-core/assets/css/custom-post-types-responsive.css.map */
| ver. 1.4 |
Github
|
.
| PHP 7.4.33 | Генерация страницы: 0 |
proxy
|
phpinfo
|
Настройка