/* --------------------------------------------------- Styles for Mobile Devices --------------------------------------------------- */ /* 1350px (devices and browsers) */ @media only screen and (min-width: 1300px) and (max-width: 1400px) { /*----------------------------------------------------------------------------- ------------------------------ 9 - Footer ------------------------------------- -----------------------------------------------------------------------------*/ /* -- widgets -- */ footer .wrap-middle { width: 1320px; } div.wrap-middle .widget { margin: 0 25px 0 0 !important; } div.wrap-middle .one_fourth_last .widget { margin-right: 0px !important;} footer .widget_text { padding-top: 10px !important;} } /* 1350px (devices and browsers) */ @media only screen and (min-width: 1260px) and (max-width: 1330px) { /*----------------------------------------------------------------------------- ----------------------------- 1 - Layout -------------------------------------- -----------------------------------------------------------------------------*/ .main-header { width: 1230px; } .wrap-center { width: 1230px; } .wrap-middle { width: 1230px; } /* - Layout content - */ .wrap-fullwidth { width: 1230px; } .wrap-fullwidth-bg { width: 1230px; } /* .page-content */ .single-content { width: 900px; float: left; } .sidebar { width: 300px; float: left; margin-left: 30px; } /*----------------------------------------------------------------------------- ----------------------------- 2 - Header -------------------------------------- -----------------------------------------------------------------------------*/ /* -- Logo -- */ .logo { margin-left: 10px; } /* -- Search -- */ #s { width: 100px; } /*----------------------------------------------------------------------------- ----------------------------- 3 - Home Content -------------------------------- -----------------------------------------------------------------------------*/ /* -- Modern Boxes -- */ div.promo-boxes { width: 100%; height: 385px; } ul.modern-boxes { margin: 70px 0 0 -30px; } ul.modern-boxes li { width: 390px; height: 240px; margin: 0 0 0 30px; } ul.modern-boxes li img { width: 390px; height: 240px; } ul.modern-boxes div.topicname { margin-top: -140px; text-align: center; } .boxes-overlay { width: 359px; height: 209px; margin: -127px 0 0 15px;} /* ################# ---- Blog Style ----- #################### -- */ ul.grid_list { margin: 0 0 0 -30px; } ul.grid_list li { width: 285px; margin: 0 0 30px 30px; } ul.grid_list li img { width: 285px; } ul.grid_list li div.grid-content { padding: 30px 25px 25px 25px; } /* - Blog Style Ads - */ ul.grid_list li.homeadv, ul.grid_list li.homeadv img { width: 285px !important; height: auto; min-height: 238px; } /* -- Posts hover border -- */ .borderhover { width: 285px; } /* -- Icons -- */ ul.meta-icons-home { height: 24px; float: right; margin: 0 20px -24px 0; } ul.meta-icons-home li { width: 24px; height: 24px; margin: 65px 0 0 5px; } /*----------------------------------------------------------------------------- ----------------------------- 4 - Entry Content ------------------------------- -----------------------------------------------------------------------------*/ /* -- Related articles single -- */ .single-related-wrap { width: 900px; } /* - Top entry - */ .entry-top { width: 800px; } /* -- Entry bottom -- */ .entry-bottom { width: 800px; } /* -- Entry content style -- */ .entry { width: 800px; } /* -- Responsive Images -- */ .entry iframe { max-width: 900px; height: 500px; margin-left: -50px; } /*----------------------------------------------------------------------------- ----------------------------- 5 - Sidebar & Widgets --------------------------- -----------------------------------------------------------------------------*/ /* -- Sidebar -- */ .sidebar .widget { width: 250px; padding: 40px 25px; margin-bottom: 30px; } /*----------------------------------------------------------------------------- ----------------------------- 6 - Comments Form ------------------------------- -----------------------------------------------------------------------------*/ /* - Comments Form -- */ ul.comment { width: 800px; } /* -- Comments -- */ .comments { width: 800px; } /*----------------------------------------------------------------------------- ------------------------------ 9 - Footer ------------------------------------- -----------------------------------------------------------------------------*/ /* -- Footer -- */ .wrap-footer-middle { width: 1230px;} /* -- widgets -- */ footer .wrap-middle { width: 1230px; } div.wrap-middle .widget { margin: 0 25px 0 0 !important; } div.wrap-middle .one_fourth_last .widget { margin-right: 0px !important;} footer .widget_text { padding-top: 10px !important;} } /* Tablet Portrait size to standard 960 (devices and browsers) */ @media only screen and (min-width: 1004px) and (max-width: 1259px) { /*----------------------------------------------------------------------------- ----------------------------- 1 - Layout -------------------------------------- -----------------------------------------------------------------------------*/ /* - Header - */ .main-header { width: 980px; } .wrap-center { width: 980px; } .wrap-middle { width: 980px; } /* - Layout content - */ .wrap-fullwidth { width: 980px; } .wrap-fullwidth-bg { width: 980px; } /* .page-content */ .single-content { width: 650px; } .sidebar { width: 300px; float: left; margin-left: 30px; } /*----------------------------------------------------------------------------- ----------------------------- 2 - Header -------------------------------------- -----------------------------------------------------------------------------*/ /* -- Logo -- */ .logo { margin-left: 5px; } /* -- Search -- */ #s { width: 80px; } /* -- Top social icons -- */ .top-social { display: none; } /* -- AnThemes Top Header Menu -- */ .ant-responsive-menu { margin-left: 15px;} /*----------------------------------------------------------------------------- ----------------------------- 3 - Home Content -------------------------------- -----------------------------------------------------------------------------*/ /* -- Home content -- */ .home-content div.entry { width: 90%; margin: 40px 50px 0 50px !important; padding: 30px 0 !important; } /* -- Featured Posts -- */ ul.featured-posts { width: 99.34%; padding-bottom: 0.66%; padding-right: 0.66%; } ul.featured-posts li.big { width: 41.34%; } ul.featured-posts li { width: 28.34%; margin-left: 0.66%; } ul.featured-posts li div.inner-big { width: 80%; } ul.featured-posts li h2 { font-size: 28px; line-height: 40px; } /* -- Modern Boxes -- */ div.promo-boxes { width: 100%; height: 345px; } ul.modern-boxes { margin: 50px 0 0 -30px; } ul.modern-boxes li { width: 306.6px; height: 240px; margin: 0 0 0 30px; } ul.modern-boxes li img { width: 306.6px; height: 240px; } ul.modern-boxes div.topicname { margin-top: -140px; text-align: center; } .boxes-overlay { width: 275.6px; height: 209px; margin: -127px 0 0 15px;} /* ################# ---- Blog Style ----- #################### -- */ ul.grid_list { margin: 0 0 0 -40px; } ul.grid_list li { width: 300px; margin: 0 0 40px 40px; } ul.grid_list li img { width: 300px; } ul.grid_list li div.grid-content { padding: 30px 25px 25px 25px; } /* - Blog Style Ads - */ ul.grid_list li.homeadv, ul.grid_list li.homeadv img { width: 300px !important; min-height: 250px; } /* -- Posts hover border -- */ .borderhover { width: 300px; } /* -- Icons -- */ ul.meta-icons-home { height: 24px; float: right; margin: 0 20px -24px 0; } ul.meta-icons-home li { width: 24px; height: 24px; margin: 65px 0 0 5px; } /* -- Title Module Widget -- */ .menu--adsila { margin: 40px 0 10px 0; } /* -- Drop Down Categories -- */ .dropdown { margin: 45px 0 0px 0; } /*----------------------------------------------------------------------------- ----------------------------- 4 - Entry Content ------------------------------- -----------------------------------------------------------------------------*/ /* -- Single Share -- */ ul.meta-entry-top li ul.single-share a span { display: none; } ul.meta-entry-top li ul.single-share li a.fbbutton i { padding-right: 5px; padding-left: 5px;} ul.meta-entry-top li ul.single-share li a.fbbutton { padding: 5px 5px 4px 5px; } @media screen and (-webkit-min-device-pixel-ratio:0) { ul.meta-entry-top li ul.single-share li a.fbbutton i { padding-right: 10px;} ul.meta-entry-top li ul.single-share li a.fbbutton { margin-right: -5px;} } /* -- Related articles single -- */ .single-related-wrap { width: 100%; } /* - Top entry - */ .entry-top { width: 600px; } /* -- Entry content style -- */ .entry { width: 600px; } /* -- Entry bottom -- */ .entry-bottom { width: 600px; } /* -- Responsive Images -- */ .entry iframe { max-width: 650px; height: 350px; margin-left: -25px;} /*----------------------------------------------------------------------------- ----------------------------- 5 - Sidebar & Widgets --------------------------- -----------------------------------------------------------------------------*/ /* -- Sidebar -- */ .sidebar .widget { width: 250px; padding: 40px 25px; margin-bottom: 30px; } /* -- Meta in two columns -- */ .widget_meta ul { width: 245; margin-left: -25px; } .widget_meta li { width: 85px; margin-left: 25px; } /* -- Instagram Footer -- */ #instagram-footer .instagram-pics li { width: 16.66%; } #instagram-footer .instagram-pics li:nth-last-child(1) { display: none;} #instagram-footer .instagram-pics li:nth-last-child(2) { display: none;} #instagram-footer .instagram-pics li:nth-last-child(3) { display: none;} #instagram-footer .instagram-pics li:nth-last-child(4) { display: none;} /*----------------------------------------------------------------------------- ----------------------------- 6 - Comments Form ------------------------------- -----------------------------------------------------------------------------*/ ul.comment { width: 600px; } /* -- Comments -- */ .comments { width: 600px; } /*----------------------------------------------------------------------------- ------------------------------ 9 - Footer ------------------------------------- -----------------------------------------------------------------------------*/ /* -- Footer -- */ .wrap-footer-middle { width: 980px;} /* -- widgets -- */ footer .wrap-middle { width: 980px; } footer .widget_text { padding-top: 10px !important;} div.wrap-middle .widget { margin: 0 25px 0 0 !important; } div.wrap-middle .one_fourth_last .widget { margin-right: 0px !important;} } /* Tablet Portrait size to standard 960 (devices and browsers) */ @media only screen and (min-width: 760px) and (max-width: 1000px) { /*----------------------------------------------------------------------------- ----------------------------- 1 - Layout -------------------------------------- -----------------------------------------------------------------------------*/ /* - Header - */ .main-header { width: 750px; } .wrap-center { width: 750px; } .wrap-middle { width: 750px; } /* - Layout content - */ .wrap-fullwidth { width: 750px; } .wrap-fullwidth-bg { width: 750px; } /* .page-content */ .single-content { width: 420px; } .sidebar { width: 300px; float: left; margin-left: 30px; } /*----------------------------------------------------------------------------- ----------------------------- 2 - Header -------------------------------------- -----------------------------------------------------------------------------*/ /* -- Logo -- */ .logo { margin-left: 10px; } /* -- Search -- */ #searchform2 { height: auto; float: right; margin: -61px 75px 0 0; position: relative; z-index: 203; } #s { width: 180px; } /* -- Top social icons -- */ .top-social { display: none;} /* -- Responsive Menu Styles -- */ #respMenu li.current_page_item a, #respMenu li.current-menu-ancestor a, #respMenu li.current-menu-item a, #respMenu li.current-menu-parent a { background: transparent !important; color: #FFF !important;} /* -- Drop Down Categories -- */ .dropbtn { width: 35px; padding: 0 0 4px 10px; font-size: 0px; } .dropdown { margin: 45px 0 0px 0; width: 35px; } ul#myDropdown { right: 0px;} ul#myDropdown li { right: 0px;} /*----------------------------------------------------------------------------- ----------------------------- 3 - Home Content -------------------------------- -----------------------------------------------------------------------------*/ /* -- Home content -- */ .home-content div.entry { width: 92%; margin: 40px 30px 0 30px !important; padding: 30px 0 !important; } /* -- Featured Posts -- */ ul.featured-posts { width: 99.34%; height: 599px; padding-bottom: 0.66%; padding-right: 0.66%; } ul.featured-posts li.big { width: 99.34%; height: 296.84px; margin-bottom: 0.66% } ul.featured-posts li { width: 49.34%; height: 296.84px; margin-left: 0.66%; } ul.featured-posts li img { width: 100%; height: 296.84px; } ul.featured-posts li h2 { font-size: 28px; line-height: 40px; } ul.featured-posts li div.inner-big { width: 80%; margin: -296.84px auto 0 auto; } ul.featured-posts li div.inner-small { width: 80%; margin: -296.84px auto 0 auto; } /* - user avatar - */ ul.featured-posts li div.grid-top { margin: -50px 15px 0 0; } /* -- Modern Boxes -- */ div.promo-boxes { width: 100%; height: 345px; } ul.modern-boxes { margin: 50px 0 0 -25px; } ul.modern-boxes li { width: 233.33px; height: 240px; margin: 0 0 0 25px; } ul.modern-boxes li img { width: 233.33px; height: 240px; } ul.modern-boxes div.topicname { margin-top: -140px; text-align: center; } .boxes-overlay { width: 202.33px; height: 209px; margin: -127px 0 0 15px;} /* ################# ---- Blog Style ----- #################### -- */ ul.grid_list { margin: 0 0 0 -25px; } ul.grid_list li { width: 233.33px; margin: 0 0 25px 25px; } ul.grid_list li img { width: 233.33px; } ul.grid_list li div.grid-content { padding: 30px 25px 25px 25px; } /* - Blog Style Ads - */ ul.grid_list li.homeadv, ul.grid_list li.homeadv img { width: 233.33px !important; min-height: 195px; } /* -- Posts hover border -- */ .borderhover { width: 233.33px; } /* -- Icons -- */ ul.meta-icons-home { height: 24px; float: right; margin: 0 20px -24px 0; } ul.meta-icons-home li { width: 24px; height: 24px; margin: 65px 0 0 5px; } /* -- Title Module Widget -- */ .menu--adsila { margin: 40px 0 10px 0; } /*---------------------------------------------------------------------------- ----------------------------- 4 - Entry Content ------------------------------- -----------------------------------------------------------------------------*/ /* -- not-found -- */ .not-found #searchform2 { margin: 28px 0 0 0;} .not-found #s { width: 300px; } /* -- Single Share -- */ ul.meta-entry-top li ul.single-share { display: none;} ul.meta-entry-top li ul.single-share a span { display: none; } ul.meta-entry-top li ul.single-share li a.fbbutton i { padding-right: 10px; padding-left: 5px;} ul.meta-entry-top li ul.single-share li a.fbbutton { padding: 5px 5px 4px 5px; margin-right: -5px; } /* -- Related articles single -- */ .single-related-wrap { width: 100%; } .prev-entry { padding: 35px 20px; } .prev-articles h2 { font-size: 16px; line-height: 26px; } /* -- Page / Article Title -- */ h1.article-title { font-size: 26px; line-height: 32px; } .entry h1.page-title { font-size: 26px; line-height: 32px; } /* - Top entry - */ .entry-top { width: 370px; } /* -- Entry content style -- */ .entry { width: 370px; } /* -- Entry bottom -- */ .entry-bottom { width: 370px; } /* -- Responsive Images -- */ .entry iframe { max-width: 420px; height: 250px; margin-left: -25px;} /*----------------------------------------------------------------------------- ----------------------------- 5 - Sidebar & Widgets --------------------------- -----------------------------------------------------------------------------*/ /* -- Sidebar -- */ .sidebar .widget { width: 250px; padding: 40px 25px; margin-bottom: 30px; } /* -- Meta in two columns -- */ .widget_meta ul { width: 275px; margin-left: -25px; } .widget_meta li { width: 112px; margin-left: 25px; } /* -- Instagram Footer -- */ #instagram-footer .instagram-pics li { width: 16.66%; } #instagram-footer .instagram-pics li:nth-last-child(1) { display: none;} #instagram-footer .instagram-pics li:nth-last-child(2) { display: none;} #instagram-footer .instagram-pics li:nth-last-child(3) { display: none;} #instagram-footer .instagram-pics li:nth-last-child(4) { display: none;} /*----------------------------------------------------------------------------- ----------------------------- 6 - Comments Form ------------------------------- -----------------------------------------------------------------------------*/ ul.comment { width: 370px; } /* -- Comments -- */ .comments { width: 370px; } ul.comment li span.comment-date { display: none;} /*----------------------------------------------------------------------------- ----------------------------- 8 - Custom Pages -------------------------------- -----------------------------------------------------------------------------*/ /* -- 404 page -- */ #anthemes-404 .middle-404 { max-width: 750px; margin: 0 auto;} #anthemes-404 h1 { font-size: 50px; padding: 0 0 25px 0;} /*----------------------------------------------------------------------------- ----------------------------- 9 - Footer ------------------------------------- -----------------------------------------------------------------------------*/ /* -- Footer -- */ .wrap-footer-middle { width: 750px;} /* -- widgets -- */ footer .widget { display: inline-block; } footer .wrap-middle { width: 750px; column-count: 2; padding: 30px 0 50px 0; } footer .widget_text { padding-top: 0px !important;} div.wrap-middle .widget { margin: 15px 0 15px 0 !important; } div.wrap-middle .one_fourth_last .widget { } footer .one_fourth, footer .one_fourth_last { float:left; width:auto; margin-right:3%; margin-left: 3%; } footer .one_fourth_last { margin-right:0;} } /* Mobile Landscape Size to Tablet Portrait (devices and browsers) */ @media only screen and (min-width: 580px) and (max-width: 760px) { /*----------------------------------------------------------------------------- ----------------------------- 1 - Layout -------------------------------------- -----------------------------------------------------------------------------*/ /* - Header - */ .main-header { width: 570px; } .wrap-center { width: 570px; } .wrap-middle { width: 570px; } /* - Layout content - */ .wrap-fullwidth { width: 570px; } .wrap-fullwidth-bg { width: 570px; } .wrap-fullwidth-bg .entry { width: auto; padding-left: 35px; padding-right: 35px;} /* .page-content */ .single-content { width: 570px;} .sidebar { width: 575px; float: left; margin-top: 30px; margin-left: -5px; column-count: 2; -moz-column-gap: 10px; -webkit-column-count: 2; -webkit-column-gap: 10px; column-count: 2; } .sidebar .widget { width: 250px; padding-left: 15px; padding-right: 15px; display: inline-block; margin-left: 5px; margin-right: 0px; margin-bottom: 10px;} /*----------------------------------------------------------------------------- ----------------------------- 2 - Header -------------------------------------- -----------------------------------------------------------------------------*/ /* -- Logo -- */ .logo { margin-left: 10px; } /* -- Search -- */ #searchform2 { height: auto; float: right; margin: -61px 75px 0 0; position: relative; z-index: 203; } #s { width: 180px; } /* -- Top social icons -- */ .top-social { display: none;} /* -- Responsive Menu Styles -- */ #respMenu li.current_page_item a, #respMenu li.current-menu-ancestor a, #respMenu li.current-menu-item a, #respMenu li.current-menu-parent a { background: transparent !important; color: #FFF !important;} /* -- Drop Down Categories -- */ .dropbtn { width: 35px; padding: 0 0 4px 10px; font-size: 0px; } .dropdown { margin: 45px 0 0px 0; width: 35px; } ul#myDropdown { right: 0px;} ul#myDropdown li { right: 0px;} /*----------------------------------------------------------------------------- ----------------------------- 3 - Home Content -------------------------------- -----------------------------------------------------------------------------*/ /* -- Home content -- */ .home-content div.entry { width: 90%; margin: 40px 30px 0 30px !important; padding: 30px 0 !important; } /* -- Featured Posts -- */ ul.featured-posts { width: 99.34%; height: 599px; padding-bottom: 0.66%; padding-right: 0.66%; } ul.featured-posts li.big { width: 99.34%; height: 296.84px; margin-bottom: 0.66% } ul.featured-posts li { width: 49.34%; height: 296.84px; margin-left: 0.66%; } ul.featured-posts li img { width: 100%; height: 296.84px; } ul.featured-posts li h2 { font-size: 28px; line-height: 40px; } ul.featured-posts li div.inner-small h2 { font-size: 20px; line-height: 28px; } ul.featured-posts li div.inner-big { width: 80%; margin: -296.84px auto 0 auto; } ul.featured-posts li div.inner-small { width: 80%; margin: -296.84px auto 0 auto; } /* - user avatar - */ ul.featured-posts li div.grid-top { margin: -50px 15px 0 0; } /* -- Modern Boxes -- */ div.promo-boxes { width: 100%; height: 345px; } ul.modern-boxes { margin: 50px 0 0 -10px; } ul.modern-boxes li { width: 183.33px; height: 240px; margin: 0 0 0 10px; } ul.modern-boxes li img { width: 183.33px; height: 240px; } ul.modern-boxes div.topicname { margin-top: -140px; text-align: center; } .boxes-overlay { width: 162.33px; height: 209px; margin: -127px 0 0 10px;} /* ################# ---- Blog Style ----- #################### -- */ ul.grid_list { margin: 0 0 0 -20px; } ul.grid_list li { width: 275px; margin: 0 0 20px 20px; } ul.grid_list li img { width: 275px; } ul.grid_list li div.grid-content { padding: 30px 25px 25px 25px; } /* - Blog Style Ads - */ ul.grid_list li.homeadv, ul.grid_list li.homeadv img { width: 275px !important; min-height: 229px; } /* -- Posts hover border -- */ .borderhover { width: 275px; } /* -- Icons -- */ ul.meta-icons-home { height: 24px; float: right; margin: 0 20px -24px 0; } ul.meta-icons-home li { width: 24px; height: 24px; margin: 65px 0 0 5px; } /* -- Title Module Widget -- */ .menu--adsila { margin: 40px 0 10px 0; } /*---------------------------------------------------------------------------- ----------------------------- 4 - Entry Content ------------------------------- -----------------------------------------------------------------------------*/ /* -- not-found -- */ .not-found #searchform2 { margin: 28px 0 0 0;} .not-found #s { width: 300px; } /* -- Single Share -- */ ul.meta-entry-top li ul.single-share a span { display: none; } ul.meta-entry-top li ul.single-share li a.fbbutton i { padding-right: 5px; padding-left: 5px;} ul.meta-entry-top li ul.single-share li a.fbbutton { padding: 5px 5px 4px 5px; } @media screen and (-webkit-min-device-pixel-ratio:0) { ul.meta-entry-top li ul.single-share li a.fbbutton i { padding-right: 10px;} ul.meta-entry-top li ul.single-share li a.fbbutton { margin-right: -5px;} } /* -- Related articles single -- */ .single-related-wrap { width: 100%; } .prev-entry { padding: 35px 20px; } .prev-articles h2 { font-size: 16px; line-height: 26px; } /* -- Page / Article Title -- */ h1.article-title { font-size: 26px; line-height: 32px; } .entry h1.page-title { font-size: 26px; line-height: 32px; } /* - Top entry - */ .entry-top { width: 510px; } /* -- Entry content style -- */ .entry { width: 510px; } /* -- Entry bottom -- */ .entry-bottom { width: 510px; } /* -- Responsive Images -- */ .entry iframe { max-width: 570px; height: 350px; margin-left: -30px;} /*----------------------------------------------------------------------------- ----------------------------- 5 - Sidebar & Widgets --------------------------- -----------------------------------------------------------------------------*/ /* -- Meta in two columns -- */ .widget_meta ul { width: 275px; margin-left: -25px; } .widget_meta li { width: 112px; margin-left: 25px; } /* -- Instagram Footer -- */ #instagram-footer .instagram-pics li { width: 16.66%; } #instagram-footer .instagram-pics li:nth-last-child(1) { display: none;} #instagram-footer .instagram-pics li:nth-last-child(2) { display: none;} #instagram-footer .instagram-pics li:nth-last-child(3) { display: none;} #instagram-footer .instagram-pics li:nth-last-child(4) { display: none;} /*----------------------------------------------------------------------------- ----------------------------- 6 - Comments Form ------------------------------- -----------------------------------------------------------------------------*/ ul.comment { width: 510px; } .comments { width: 510px; } /*----------------------------------------------------------------------------- ----------------------------- 8 - Custom Pages -------------------------------- -----------------------------------------------------------------------------*/ /* -- 404 page -- */ #anthemes-404 { padding: 100px 0 100px 0;} #anthemes-404 .middle-404 { width: 80%; margin: 0 auto;} #anthemes-404 h1 { font-size: 60px; padding: 30px 0 40px 0;} #anthemes-404 p { font-size: 20px; line-height: 32px;} #anthemes-404 .one_half, #anthemes-404 .one_half_last { float:left; width:100%; margin-bottom:10px; margin-right:0; } #anthemes-404 .one_half_last { margin-right:0;} /*----------------------------------------------------------------------------- ----------------------------- 9 - Footer ------------------------------------- -----------------------------------------------------------------------------*/ /* -- Footer -- */ .wrap-footer-middle { width: 570px;} /* -- Top social icons -- */ .footer-social { display: none;} /* -- widgets -- */ footer .widget { display: inline-block; } footer .wrap-middle { width: 570px; column-count: 2; padding: 30px 0 50px 0; } footer .widget_text { padding-top: 0px !important;} div.wrap-middle .widget { margin: 15px 0 15px 0 !important; } div.wrap-middle .one_fourth_last .widget { } footer .one_fourth, footer .one_fourth_last { float:left; width:auto; margin-right:3%; margin-left: 3%; } footer .one_fourth_last { margin-right:0;} } /* Mobile Landscape Size to Tablet Portrait (devices and browsers) */ @media only screen and (min-width: 480px) and (max-width: 580px) { /*----------------------------------------------------------------------------- ----------------------------- 1 - Layout -------------------------------------- -----------------------------------------------------------------------------*/ /* - Header - */ .main-header { width: 460px; } .wrap-center { width: 460px; } .wrap-middle { width: 460px; } /* - Layout content - */ .wrap-fullwidth { width: 460px; } .wrap-fullwidth-bg { width: 460px; } .wrap-fullwidth-bg .entry { width: auto; padding-left: 25px; padding-right: 25px;} .halfpage { width: 400px; } /* .page-content */ .single-content { width: 460px; } .sidebar { width: 460px; float: left; margin-top: 30px; margin-left: 0px;} .sidebar .widget { width: 250px; display: block; float: left; margin-right: 0px; padding-left: 105px; padding-right: 105px;} /*----------------------------------------------------------------------------- ----------------------------- 2 - Header -------------------------------------- -----------------------------------------------------------------------------*/ /* -- Logo -- */ .logo { margin-left: 10px; } /* -- Search -- */ #searchform2 { height: auto; float: right; margin: -61px 75px 0 0; position: relative; z-index: 203; } #s { width: 80px; } /* -- Top social icons -- */ .top-social { display: none;} /* -- Responsive Menu Styles -- */ #respMenu li.current_page_item a, #respMenu li.current-menu-ancestor a, #respMenu li.current-menu-item a, #respMenu li.current-menu-parent a { background: transparent !important; color: #FFF !important;} /* -- Drop Down Categories -- */ .dropbtn { width: 35px; padding: 0 0 4px 10px; font-size: 0px; } .dropdown { margin: 45px 0 0px 0; width: 35px; } ul#myDropdown { right: 0px;} ul#myDropdown li { right: 0px;} /*----------------------------------------------------------------------------- ----------------------------- 3 - Home Content -------------------------------- -----------------------------------------------------------------------------*/ /* -- Home content -- */ .home-content div.entry { width: 87%; margin: 40px 30px 0 30px !important; padding: 30px 0 !important; } /* -- Featured Posts -- */ ul.featured-posts { width: 99.34%; height: 599px; padding-bottom: 0.66%; padding-right: 0.66%; } ul.featured-posts li.big { width: 99.34%; height: 296.84px; margin-bottom: 0.66% } ul.featured-posts li { width: 49.34%; height: 296.84px; margin-left: 0.66%; } ul.featured-posts li img { width: 100%; height: 296.84px; } ul.featured-posts li h2 { font-size: 28px; line-height: 40px; } ul.featured-posts li div.inner-small h2 { font-size: 20px; line-height: 28px; } ul.featured-posts li div.inner-big { width: 80%; margin: -296.84px auto 0 auto; } ul.featured-posts li div.inner-small { width: 80%; margin: -296.84px auto 0 auto; } /* - user avatar - */ ul.featured-posts li div.grid-top { margin: -50px 15px 0 0; } /* -- Modern Boxes -- */ div.promo-boxes { width: 100%; height: 540px; } ul.modern-boxes { margin: 40px 0 0 0; } ul.modern-boxes li { width: 100%; height: 140px; margin: 0 0 20px 0; } ul.modern-boxes li img { width: 100%; height: 140px; } ul.modern-boxes div.topicname { margin-top: -90px; text-align: center; } .boxes-overlay { width: 95%; height: 114px; margin: -80px 0 0 10px;} /* ################# ---- Blog Style ----- #################### -- */ ul.grid_list { margin: 0 0 0 -20px; } ul.grid_list li { width: 220px; margin: 0 0 20px 20px; } ul.grid_list li img { width: 220px; } ul.grid_list li div.grid-content { padding: 30px 25px 25px 25px; } /* - Blog Style Ads - */ ul.grid_list li.homeadv, ul.grid_list li.homeadv img { width: 220px !important; min-height: 183px; } /* -- Posts hover border -- */ .borderhover { width: 220px; } /* -- Icons -- */ ul.meta-icons-home { height: 24px; float: right; margin: 0 20px -24px 0; } ul.meta-icons-home li { width: 24px; height: 24px; margin: 65px 0 0 5px; } /* -- Title Module Widget -- */ .menu--adsila { margin: 40px 0 10px 0; } /*---------------------------------------------------------------------------- ----------------------------- 4 - Entry Content ------------------------------- -----------------------------------------------------------------------------*/ /* -- not-found -- */ .not-found #searchform2 { margin: 28px 0 0 0;} .not-found #s { width: 300px; } .not-found { padding: 50px 25px;} /* -- Single Share -- */ ul.meta-entry-top li ul.single-share a span { display: none; } ul.meta-entry-top li ul.single-share li a.fbbutton i { padding-right: 5px; padding-left: 5px;} ul.meta-entry-top li ul.single-share li a.fbbutton { padding: 5px 5px 4px 5px; } ul.meta-entry-top li span.updated { display: none;} @media screen and (-webkit-min-device-pixel-ratio:0) { ul.meta-entry-top li ul.single-share li a.fbbutton i { padding-right: 10px;} ul.meta-entry-top li ul.single-share li a.fbbutton { margin-right: -5px;} } /* -- Related articles single -- */ .single-related-wrap { width: 100%; } .prev-entry { padding: 35px 20px; } .prev-articles h2 { font-size: 16px; line-height: 26px; } /* -- Page / Article Title -- */ h1.article-title { font-size: 26px; line-height: 32px; } .entry h1.page-title { font-size: 26px; line-height: 32px; } /* - Top entry - */ .entry-top { width: 410px; } /* -- Entry content style -- */ .entry { width: 410px; } /* -- Entry bottom -- */ .entry-bottom { width: 410px; } /* -- Responsive Images -- */ .entry iframe { max-width: 460px; height: 300px; margin-left: -25px;} /*----------------------------------------------------------------------------- ----------------------------- 5 - Sidebar & Widgets --------------------------- -----------------------------------------------------------------------------*/ /* -- Meta in two columns -- */ .widget_meta ul { width: 245; margin-left: -25px; } .widget_meta li { width: 85px; margin-left: 25px; } /* -- Instagram Footer -- */ #instagram-footer .instagram-pics li { width: 20%; } #instagram-footer .instagram-pics li:nth-last-child(1) { display: none;} #instagram-footer .instagram-pics li:nth-last-child(2) { display: none;} #instagram-footer .instagram-pics li:nth-last-child(3) { display: none;} #instagram-footer .instagram-pics li:nth-last-child(4) { display: none;} #instagram-footer .instagram-pics li:nth-last-child(5) { display: none;} /*----------------------------------------------------------------------------- ----------------------------- 6 - Comments Form ------------------------------- -----------------------------------------------------------------------------*/ ul.comment { width: 410px; } .comments { width: 410px; } /*----------------------------------------------------------------------------- ----------------------------- 8 - Custom Pages -------------------------------- -----------------------------------------------------------------------------*/ /* -- 404 page -- */ #anthemes-404 { padding: 100px 0 100px 0;} #anthemes-404 .middle-404 { width: 80%; margin: 0 auto;} #anthemes-404 h1 { font-size: 60px; padding: 30px 0 40px 0;} #anthemes-404 p { font-size: 20px; line-height: 32px;} #anthemes-404 .one_half, #anthemes-404 .one_half_last { float:left; width:100%; margin-bottom:10px; margin-right:0; } #anthemes-404 .one_half_last { margin-right:0;} /*----------------------------------------------------------------------------- ----------------------------- 9 - Footer ------------------------------------- -----------------------------------------------------------------------------*/ /* -- Footer -- */ .wrap-footer-middle { width: 460px;} .wrap-footer { width: 100%; min-height: 75px; margin: 0 auto; } /* -- Top social icons -- */ .footer-social { display: none;} /* -- widgets -- */ footer .widget { display: inline-block; } footer .wrap-middle { width: 460px; column-count: 2; padding: 30px 0 50px 0; } footer .widget_text { margin-top: 0px !important; padding-right: 30px;} div.wrap-middle .widget { margin: 15px 0 15px 0 !important; } div.wrap-middle .one_fourth_last .widget { } footer .one_fourth, footer .one_fourth_last { float:left; width:auto; margin-right:5%; margin-left: 5%; } footer .one_fourth_last { margin-right:0;} } /* All Mobile Size (devices) */ @media only screen and (max-width: 479px) { /*----------------------------------------------------------------------------- ----------------------------- 1 - Layout -------------------------------------- -----------------------------------------------------------------------------*/ /* - Header - */ .main-header { width: 305px; } .wrap-center { width: 305px; } .wrap-middle { width: 305px; } /* - Layout content - */ .wrap-fullwidth { width: 305px; margin: 0 auto 30px auto; } .wrap-fullwidth-bg { width: 305px; } .wrap-fullwidth-bg .entry { width: auto; padding-left: 15px; padding-right: 15px;} /* .page-content */ .single-content { width: 305px;} .sidebar { width: 300px; float: left; margin-top: 30px; margin-left: 0px;} .sidebar .widget { width: 255px; display: block; float: left; margin-right: 0px; padding-left: 25px; padding-right: 25px;} /*----------------------------------------------------------------------------- ----------------------------- 2 - Header -------------------------------------- -----------------------------------------------------------------------------*/ /* -- Logo -- */ .logo { margin-left: 0px; position: relative; z-index: 203; } /* -- Search -- */ #searchform2 { display: none;} /* -- Top social icons -- */ .top-social { display: none;} /* -- Responsive Menu Styles -- */ #respMenu li.current_page_item a, #respMenu li.current-menu-ancestor a, #respMenu li.current-menu-item a, #respMenu li.current-menu-parent a { background: transparent !important; color: #FFF !important;} .menu-toggle #menu-btn { margin-right: 0px;} /* -- Drop Down Categories -- */ .dropbtn { width: 35px; padding: 0 0 4px 10px; font-size: 0px; } .dropdown { margin: 50px 0 0px 0; width: 35px; } ul#myDropdown { right: 0px;} ul#myDropdown li { right: 0px;} body.page-template-template-home div.wrap-fullwidth span.menu__item-label { display: none;} body.blog div.wrap-fullwidth span.menu__item-label { display: none;} /*----------------------------------------------------------------------------- ----------------------------- 3 - Home Content -------------------------------- -----------------------------------------------------------------------------*/ /* -- Home content -- */ .home-content div.entry { width: 90%; margin: 40px 5% 0 5% !important; padding: 30px 0 !important; } /* -- Featured Posts -- */ ul.featured-posts { width: 99.34%; height: 599px; padding-bottom: 0.66%; padding-right: 0.66%; } ul.featured-posts li.big { width: 99.34%; height: 296.84px; margin-bottom: 0.66% } ul.featured-posts li { width: 49.34%; height: 296.84px; margin-left: 0.66%; } ul.featured-posts li img { width: 100%; height: 296.84px; } ul.featured-posts li h2 { font-size: 20px; line-height: 30px; } ul.featured-posts li div.inner-small h2 { font-size: 16px; line-height: 24px; } ul.featured-posts li div.inner-big { width: 90%; margin: -296.84px auto 0 auto; } ul.featured-posts li div.inner-small { width: 90%; margin: -296.84px auto 0 auto; } /* - user avatar - */ ul.featured-posts li div.grid-top { margin: -50px 15px 0 0; } /* -- Modern Boxes -- */ div.promo-boxes { width: 100%; height: 540px; } ul.modern-boxes { margin: 40px 0 0 0; } ul.modern-boxes li { width: 100%; height: 140px; margin: 0 0 20px 0; } ul.modern-boxes li img { width: 100%; height: 140px; } ul.modern-boxes div.topicname { margin-top: -90px; text-align: center; } .boxes-overlay { width: 92%; height: 114px; margin: -80px 0 0 11px;} /* ################# ---- Blog Style ----- #################### -- */ ul.grid_list { margin: 0 0 0 0px; } ul.grid_list li { width: 305px; margin: 0 0 20px 0px; } ul.grid_list li img { width: 305px; } ul.grid_list li div.grid-content { padding: 30px 25px 25px 25px; } /* - Blog Style Ads - */ ul.grid_list li.homeadv, ul.grid_list li.homeadv img { width: 305px !important; min-height: 254px; } /* -- Posts hover border -- */ .borderhover { width: 305px; } /* -- Icons -- */ ul.meta-icons-home { height: 24px; float: right; margin: 0 20px -24px 0; } ul.meta-icons-home li { width: 24px; height: 24px; margin: 65px 0 0 5px; } .trending-lm .tooltiptext, .sticky-lm .tooltiptext { display: none;} /* -- Title Module Widget -- */ .menu--adsila { margin: 40px 0 10px 0; } /* -- Default pagination -- */ .defaultpag { width: 305px; margin-bottom: 70px; } .defaultpag a { margin-bottom: 5px;} /*---------------------------------------------------------------------------- ----------------------------- 4 - Entry Content ------------------------------- -----------------------------------------------------------------------------*/ /* -- not-found -- */ .not-found #searchform2 { margin: 28px 0 0 0; display: block;} .not-found #s { width: 150px; } .not-found { width: 240px; padding: 50px 25px;} /* -- Single Share -- */ ul.meta-entry-top li ul.single-share { display: none;} ul.meta-entry-top li ul.single-share a span { display: none; } ul.meta-entry-top li ul.single-share li a.fbbutton i { padding-right: 10px; padding-left: 5px;} ul.meta-entry-top li ul.single-share li a.fbbutton { padding: 5px 5px 4px 5px; margin-right: -5px; } ul.meta-entry-top li span.updated { display: none;} /* -- Related articles single -- */ .single-related-wrap { width: 100%; } .prev-entry { padding: 35px 20px; } .prev-articles h2 { font-size: 16px; line-height: 26px; } /* -- Page / Article Title -- */ h1.article-title { font-size: 24px; line-height: 30px; } .entry h1.page-title { font-size: 26px; line-height: 32px; } /* - Top entry - */ .entry-top { width: 270px; } /* -- Entry content style -- */ .entry { width: 270px; } /* -- Entry bottom -- */ .entry-bottom { width: 270px; } /* -- Responsive Images -- */ .entry iframe { max-width: 305px; margin-left: -17.5px;} /* -- Responsive Images -- */ .alignleft { display: block; float: none; margin: 20px auto 10px auto; } .alignright { display: block; float: none; margin: 20px auto 10px auto; } .aligncenter { display: block; margin: 10px auto 0 auto;} /*----------------------------------------------------------------------------- ----------------------------- 5 - Sidebar & Widgets --------------------------- -----------------------------------------------------------------------------*/ /* -- Meta in two columns -- */ .widget_meta ul { width: 275px; margin-left: -25px; } .widget_meta li { width: 112px; margin-left: 25px; } /* -- Instagram Footer -- */ #instagram-footer .instagram-pics li { width: 25%; } #instagram-footer .instagram-pics li:nth-last-child(1) { display: none;} #instagram-footer .instagram-pics li:nth-last-child(2) { display: none;} #instagram-footer .instagram-pics li:nth-last-child(3) { display: none;} #instagram-footer .instagram-pics li:nth-last-child(4) { display: none;} #instagram-footer .instagram-pics li:nth-last-child(5) { display: none;} #instagram-footer .instagram-pics li:nth-last-child(6) { display: none;} /*----------------------------------------------------------------------------- ----------------------------- 6 - Comments Form ------------------------------- -----------------------------------------------------------------------------*/ ul.comment { width: 267px; } .comments { width: 267px; } ul.comment li span.comment-date { display: none;} .entry-bottom nav.menu--adsila span.menu__item-label { font-size: 14px; } /*----------------------------------------------------------------------------- ----------------------------- 7 - Contact Form -------------------------------- -----------------------------------------------------------------------------*/ /* -- Contact Form 7 Plugin -- */ form.wpcf7-form input { width: 97.5%; } form.wpcf7-form textarea { width: 97.5%; } /*----------------------------------------------------------------------------- ----------------------------- 8 - Custom Pages -------------------------------- -----------------------------------------------------------------------------*/ /* -- 404 page -- */ #anthemes-404 { padding: 100px 0 100px 0; min-height: 250px;} #anthemes-404 .middle-404 { width: 80%; margin: 0 auto;} #anthemes-404 h1 { font-size: 50px; padding: 30px 0 30px 0;} #anthemes-404 p { font-size: 16px; line-height: 28px;} #anthemes-404 .one_half, #anthemes-404 .one_half_last { float:left; width:100%; margin-bottom:10px; margin-right:0; } #anthemes-404 .one_half_last { margin-right:0;} /*----------------------------------------------------------------------------- ----------------------------- 10 - Footer ------------------------------------- -----------------------------------------------------------------------------*/ /* -- Footer -- */ .wrap-footer-middle { width: 305px;} .wrap-footer { width: 100%; min-height: 75px; margin: 0 auto; padding-bottom: 20px; } /* -- Top social icons -- */ .footer-social { display: none;} /* -- widgets -- */ footer .wrap-middle { width: 305px; padding: 30px 0 0px 0; } footer .widget_text { margin-top: 0px !important; padding-right: 30px;} div.wrap-middle .widget { margin: 15px 0 15px 0 !important; } div.wrap-middle .one_fourth_last .widget { } footer .one_fourth, footer .one_fourth_last { float:left; width:auto; margin-right:5%; margin-left: 5%; } footer .one_fourth_last { margin-right:0;} /* -- Copyright -- */ .copyright { padding-top: 25px; float: none; text-align: center;} /* -- Columns -- */ .one_half, .one_half_last { float:left;width:100%; margin-bottom:10px; margin-right:0; } .one_half_last { margin-right:0;} .one_third, .one_third_last { float:left; width:100%; margin-bottom:10px; margin-right:0; } .one_third_last { margin-right:0;} .one_fourth, .one_fourth_last { float:left; width:100%; margin-bottom:10px; margin-right:0; } .one_fourth_last { margin-right:0;} }