/******************************************************************************/ /* 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 */ /******************************************************************************/ @media only screen and (min-width:0px) and (max-width:787px) { /******************************************************************************/ /* 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; } }