/******************************************************************************/ /* 0-1049 */ /******************************************************************************/ @media only screen and (min-width:0px) and (max-width:1069px) {} /******************************************************************************/ /* 0-959 */ /******************************************************************************/ @media only screen and (min-width:0px) and (max-width:979px) { /******************************************************************************/ /* Base */ /******************************************************************************/ *, body, input, select, textarea, .fancybox-title.fancybox-title-inside-wrap { font-size: 14px; } /******************************************************************************/ /* Post */ /******************************************************************************/ /**************************************************************************/ /* Post / Comments list */ /**************************************************************************/ .template-post .template-post-comment-list>ul>li ul.template-post-comment-list-children, .template-post .template-post-comment-list>ul>li ul.template-post-comment-list-children li { margin-left: 0px; } /******************************************************************************/ /* Component */ /******************************************************************************/ /**************************************************************************/ /* Component / Counter box */ /**************************************************************************/ .template-component-counter-box ul>li>.template-component-counter-box-counter { width: 150px; height: 150px; line-height: 150px; } /**************************************************************************/ /* Component / Feature */ /**************************************************************************/ /**************************************************************/ /* Component / Feature / Icon */ /**************************************************************/ /**********************************************************/ /* Component / Feature / Icon / Size */ /**********************************************************/ .template-component-feature.template-component-feature-size-large ul>li>.template-icon-feature { width: 150px; height: 150px; } /**********************************************************/ /* Component / Feature / Header / Position */ /**********************************************************/ .template-component-feature.template-component-feature-size-large.template-component-feature-position-right ul>li>h5 { margin-right: 170px; } .template-component-feature.template-component-feature-size-large.template-component-feature-position-left ul>li>h5 { margin-left: 170px; } /**********************************************************/ /* Component / Feature / Text / Position */ /**********************************************************/ .template-component-feature.template-component-feature-size-large.template-component-feature-position-right ul>li>p { margin-right: 170px; } .template-component-feature.template-component-feature-size-large.template-component-feature-position-left ul>li>p { margin-left: 170px; } } /******************************************************************************/ /* 0-767 */ /******************************************************************************/ /* max width 787px change to 979px */ @media only screen and (min-width:0px) and (max-width:979px) { /******************************************************************************/ /* Template layout */ /******************************************************************************/ .template-content-layout .template-content-layout-column-left, .template-content-layout .template-content-layout-column-right { clear: both; float: none; } .template-content-layout .template-content-layout-column-left { margin-bottom: 60px; } /******************************************************************************/ /* Headers */ /******************************************************************************/ h3, h3 a, .template-component-testimonial ul>li>p, .template-component-twitter-user-timeline ul>li>p { font-size: 28px; } h4, h4 a { font-size: 24px; } h5, h5 a { font-size: 20px; } h6, h6 a, .template-component-counter-list>ul>li>.template-component-counter-list-label, .template-component-counter-list>ul>li>.template-component-counter-list-counter { font-size: 16px; } /******************************************************************************/ /* Template */ /******************************************************************************/ /**************************************************************************/ /* Template / Header */ /**************************************************************************/ .template-header {} .template-header .template-main { display: block; } /**********************************************************************/ /* Template / Header / Top */ /**********************************************************************/ .template-header .template-header-top .template-header-top-logo, .template-header .template-header-top .template-header-top-menu { width: 100%; display: block; } .template-header .template-header-top .template-header-top-logo { float: none; text-align: center; } .template-header .template-header-top .template-header-top-logo a {} .template-header .template-header-top .template-header-top-logo a img { max-width: 150px; margin-left: auto; margin-right: auto; } .template-header .template-header-top .template-header-top-menu { margin-bottom: 20px; } /******************************************************************************/ /* Form */ /******************************************************************************/ .template-form-line.template-form-line-submit, .template-form-line.template-form-line-submit>div, .template-form-line.template-form-line-submit input[type="submit"] { width: 100%; display: block; } /******************************************************************************/ /* Component */ /******************************************************************************/ /**************************************************************************/ /* Component / Menu */ /**************************************************************************/ /**********************************************************************/ /* Component / Menu / Default */ /**********************************************************************/ .template-component-menu-default { display: none; } /**********************************************************************/ /* Component / Menu / Responsive */ /**********************************************************************/ .template-component-menu-responsive { display: block; } } /******************************************************************************/ /* 768-1049 */ /******************************************************************************/ @media only screen and (min-width:768px) and (max-width:1069px) {} /******************************************************************************/ /* 960-1049 */ /******************************************************************************/ @media only screen and (min-width:960px) and (max-width:1069px) { /******************************************************************************/ /* Default */ /******************************************************************************/ .template-main, .template-component-menu-default ul.sf-menu .sf-mega { width: 930px; } /******************************************************************************/ /* Template layout */ /******************************************************************************/ .template-content-layout.template-content-layout-sidebar-left .template-content-layout-column-left, .template-content-layout.template-content-layout-sidebar-right .template-content-layout-column-right { width: 290px; } .template-content-layout.template-content-layout-sidebar-left .template-content-layout-column-right, .template-content-layout.template-content-layout-sidebar-right .template-content-layout-column-left { width: 610px; } /******************************************************************************/ /* Component */ /******************************************************************************/ /**************************************************************************/ /* Component / Menu */ /**************************************************************************/ /**********************************************************************/ /* Component / Menu / Default */ /**********************************************************************/ .template-component-menu-default ul.sf-menu>li>a { min-width: 100px; } } /******************************************************************************/ /* 768-959 */ /******************************************************************************/ @media only screen and (min-width:768px) and (max-width:979px) { /******************************************************************************/ /* Default */ /******************************************************************************/ .template-main, .template-component-menu-default ul.sf-menu .sf-mega { width: 750px; } /******************************************************************************/ /* Template layout */ /******************************************************************************/ .template-content-layout.template-content-layout-sidebar-left .template-content-layout-column-left, .template-content-layout.template-content-layout-sidebar-right .template-content-layout-column-right { width: 230px; } .template-content-layout.template-content-layout-sidebar-left .template-content-layout-column-right, .template-content-layout.template-content-layout-sidebar-right .template-content-layout-column-left { width: 490px; } /******************************************************************************/ /* Widget */ /******************************************************************************/ /**************************************************************************/ /* Widget / Most commented - Style 2 */ /* Widget / Recent post - Style 2 */ /* Widget / Recent comments - Style 3 */ /**************************************************************************/ .template-footer .template-footer-top .template-widget-most-commented.template-widget-most-commented-style-1>ul>li>a, .template-footer .template-footer-top .template-widget-recent-post.template-widget-recent-post-style-1>ul>li>a, .template-footer .template-footer-top .template-widget-recent-comment.template-widget-recent-comment-style-1>ul>li>a { display: none; } .template-footer .template-footer-top .template-widget-most-commented.template-widget-most-commented-style-1>ul>li>h6, .template-footer .template-footer-top .template-widget-most-commented.template-widget-most-commented-style-1>ul>li>span, .template-footer .template-footer-top .template-widget-recent-post.template-widget-recent-post-style-1>ul>li>h6, .template-footer .template-footer-top .template-widget-recent-post.template-widget-recent-post-style-1>ul>li>span, .template-footer .template-footer-top .template-widget-recent-comment.template-widget-recent-comment-style-1>ul>li>h6, .template-footer .template-footer-top .template-widget-recent-comment.template-widget-recent-comment-style-1>ul>li>span { margin-left: 0px; } /******************************************************************************/ /* Component */ /******************************************************************************/ /**************************************************************************/ /* Component / Menu */ /**************************************************************************/ /**********************************************************************/ /* Component / Menu / Default */ /**********************************************************************/ .template-component-menu-default ul.sf-menu>li>a { min-width: 75px; padding-left: 5px; padding-right: 5px; } } /******************************************************************************/ /* 479-767 */ /******************************************************************************/ @media only screen and (min-width:480px) and (max-width:787px) { /******************************************************************************/ /* Headers */ /******************************************************************************/ h2, h2 a, .template-component-counter-box ul>li>.template-component-counter-box-counter, .template-component-pricing-plan>ul>li .template-component-pricing-plan-price>span:first-child { font-size: 48px; } /******************************************************************************/ /* Default */ /******************************************************************************/ .template-main, .template-component-menu-default ul.sf-menu .sf-mega { width: 460px; } /******************************************************************************/ /* Template layout */ /******************************************************************************/ .template-content-layout.template-content-layout-sidebar-left .template-content-layout-column-left, .template-content-layout.template-content-layout-sidebar-left .template-content-layout-column-right, .template-content-layout.template-content-layout-sidebar-right .template-content-layout-column-left, .template-content-layout.template-content-layout-sidebar-right .template-content-layout-column-right { width: 460px } } /******************************************************************************/ /* 0-479 */ /******************************************************************************/ @media only screen and (min-width:0px) and (max-width:499px) { /******************************************************************************/ /* Headers */ /******************************************************************************/ h1, h1 a { font-size: 48px; } h2, h2 a, .template-component-counter-box ul>li>.template-component-counter-box-counter, .template-component-pricing-plan>ul>li .template-component-pricing-plan-price>span:first-child { font-size: 40px; } /******************************************************************************/ /* Default */ /******************************************************************************/ .template-main, .template-component-menu-default ul.sf-menu .sf-mega { width: 300px; } /******************************************************************************/ /* Template layout */ /******************************************************************************/ .template-content-layout.template-content-layout-sidebar-left .template-content-layout-column-left, .template-content-layout.template-content-layout-sidebar-left .template-content-layout-column-right, .template-content-layout.template-content-layout-sidebar-right .template-content-layout-column-left, .template-content-layout.template-content-layout-sidebar-right .template-content-layout-column-right { width: 300px; } /******************************************************************************/ /* Post */ /******************************************************************************/ /**************************************************************************/ /* Post / Comments list */ /**************************************************************************/ .template-post .template-post-comment-list>ul>li .template-comment-meta, .template-post .template-post-comment-list>ul>li .template-comment-content { margin-left: 0px; } /**********************************************************************/ /* Post / Comments list / Comment */ /********************************************************************** /******************************************************************/ /* Post / Comments list / Comment / Avatar */ /******************************************************************/ .template-post .template-post-comment-list>ul>li .template-comment-avatar { display: none; } /******************************************************************/ /* Post / Comments list / Comment / Content */ /******************************************************************/ .template-post .template-post-comment-list>ul>li .template-comment-content { margin-top: 10px; } }