/* --------------------------------------------------- Styles for Mobile Devices --------------------------------------------------- */ /* 1350px (devices and browsers) */ @media only screen and (min-width: 1300px) and (max-width: 1700px) { /*----------------------------------------------------------------------------- ----------------------------- 2 - Header -------------------------------------- -----------------------------------------------------------------------------*/ /* -- Search -- */ #s { width: 100px; } /* -- Live Search -- */ ul.dwls_search_results { width: 179px !important; } ul.search_results li.post_with_thumb a { width: 90px !important; margin-top: 8px !important; } } /* 1350px (devices and browsers) */ @media only screen and (min-width: 1260px) and (max-width: 1300px) { /*----------------------------------------------------------------------------- ----------------------------- 1 - Layout -------------------------------------- -----------------------------------------------------------------------------*/ .main-header { width: 1230px; } .wrap-center { width: 1230px; } /* - Layout content - */ .wrap-fullwidth { width: 1230px; } .wrap-fullwidth-bg { width: 1228px; } .halfpage { width: 570px; } /* .page-content */ .wrap-content { width: 900px; float: left; } .single-content { width: 898px; float: left; padding: 0 0 25px 0;} /*----------------------------------------------------------------------------- ----------------------------- 2 - Header -------------------------------------- -----------------------------------------------------------------------------*/ /* -- Logo -- */ .logo { margin-left: 10px; } /* -- Search -- */ #s { width: 100px; } /* -- Live Search -- */ ul.dwls_search_results { width: 179px !important; } ul.search_results li.post_with_thumb a { width: 100px !important; } /* -- Top social icons -- */ ul.top-social { display: none; } /* -- Top Header Menu -- */ .jquerycssmenu ul li.right { margin-right: 10px; } /*----------------------------------------------------------------------------- ----------------------------- 3 - Home Content -------------------------------- -----------------------------------------------------------------------------*/ /* -- Home Featured Posts -- */ #featured-posts { width: 1230px; } ul.featured-home-posts li{ width: 307.5px; height: 221px; } ul.featured-home-posts li .title-box { height: 75px; } ul.featured-home-posts li img { width: 307.5px; height: 221px; } ul.featured-home-posts li.big { width: 615px; height: 442px;} ul.featured-home-posts li.big img { width: 615px; height: 442px; } ul.featured-home-posts li.big h2 { padding:18px 30px 0 20px; } /* -- Blog Style -- */ ul.grid_list { width: 900px; } ul.grid_list li { width: 266.6px; height: 275px; } ul.grid_list li img, ul.grid_list li div.noimg { width: 266.6px; height: 156px;} /*----------------------------------------------------------------------------- ----------------------------- 4 - Entry Content ------------------------------- -----------------------------------------------------------------------------*/ /* -- Responsive Images -- */ .entry iframe { max-width: 898px; height: 500px; margin-left: -89px;} /* -- Responsive Images -- */ .alignleft { margin: 20px 20px 10px -40px; } .alignright { margin: 20px -40px 10px 20px; } /*----------------------------------------------------------------------------- ------------------------------ 9 - Footer ------------------------------------- -----------------------------------------------------------------------------*/ .wrap-footer { width: 1230px; } } /* 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; } /* - Layout content - */ .wrap-fullwidth { width: 980px; } .wrap-fullwidth-bg { width: 980px; } .wrap-fullwidth-bg .entry { width: auto; padding-left: 115px; padding-right: 115px;} .halfpage { width: 570px; } /* .page-content */ .wrap-content { width: 650px; float: left; } .single-content { width: 648px; } /*----------------------------------------------------------------------------- ----------------------------- 2 - Header -------------------------------------- -----------------------------------------------------------------------------*/ /* -- Logo -- */ .logo { margin-left: 10px; margin-right: 15px; } /* -- Search -- */ #searchform2 { display: none;} div.widget_search #searchform2 { display: block;} /* -- Top Header Menu -- */ .jquerycssmenu ul li.right { margin-right: 10px; } /*----------------------------------------------------------------------------- ----------------------------- 3 - Home Content -------------------------------- -----------------------------------------------------------------------------*/ /* -- Home Featured Posts -- */ #featured-posts { width: 980px; } ul.featured-home-posts li{ width: 245px; height: 176px; } ul.featured-home-posts li .title-box { height: 75px; } ul.featured-home-posts li img { width: 245px; height: 176px; } ul.featured-home-posts li.big { width: 490px; height: 352px;} ul.featured-home-posts li.big img { width: 490px; height: 352px; } ul.featured-home-posts li.big h2 { font-size: 16px; padding:18px 30px 0 20px; } ul.featured-home-posts li h2 { font-size: 13px; } /* -- Blog Style -- */ ul.grid_list { width: 650px; } ul.grid_list li { width: 287.5px; height: 275px; } ul.grid_list li img, ul.grid_list li div.noimg { width: 287.5px; height: 168px;} /*----------------------------------------------------------------------------- ----------------------------- 4 - Entry Content ------------------------------- -----------------------------------------------------------------------------*/ /* -- Responsive Images -- */ .entry iframe { max-width: 648px; height: 350px; margin-left: -24px;} /* -- Responsive Images -- */ .alignleft { margin-left: 0px;} .alignright { margin-right: 0px;} /* ##### Related articles single ##### ################################## */ .single-related { width: 100%; height: auto; margin: 50px auto 0 auto; } .single-related-wrap { width: 600px; margin: 0 auto; padding: 50px 0;} .single-related ul.article_list { width: 250px; margin-left: 30px;} .single-related h3 { margin: 0 0 20px 20px; } .single-related h4 { margin-top: 0px;} /* - Top entry - */ .entry-top { width: 600px; } /* -- Gallery -- */ .single-gallery { width: 651px; margin-left: -1px;} .single-gallery img { width: 89px; height: 89px; margin: 10px 2px -14px 2px !important; } iframe.single_iframe { max-width: 100%; height: 400px;} /* -- Entry content style -- */ .entry { width: 600px; } /* -- Entry bottom -- */ .entry-bottom { width: 600px; } /*----------------------------------------------------------------------------- ----------------------------- 6 - Comments Form ------------------------------- -----------------------------------------------------------------------------*/ ul.comment { width: 600px; } /* -- Comments -- */ .comments { width: 600px; } /*----------------------------------------------------------------------------- ----------------------------- 8 - Custom Pages -------------------------------- -----------------------------------------------------------------------------*/ /* -- Tag & Category Index -- */ #mcTagMap .holdleft, #sc_mcTagMap .holdleft { width: 180px !important; } /*----------------------------------------------------------------------------- ------------------------------ 9 - Footer ------------------------------------- -----------------------------------------------------------------------------*/ .wrap-footer { width: 980px; } } /* 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; } .bar-header { display: none; } /* - Layout content - */ .wrap-fullwidth { width: 750px; } .wrap-fullwidth-bg { width: 750px; } .wrap-fullwidth-bg .entry { width: auto; padding-left: 50px; padding-right: 50px;} .halfpage { width: 570px; } /* .page-content */ .wrap-content { width: 420px; float: left; } .single-content { width: 418px; } /*----------------------------------------------------------------------------- ----------------------------- 2 - Header -------------------------------------- -----------------------------------------------------------------------------*/ /* -- Logo -- */ .logo { margin-left: 10px; } /* -- Search -- */ #s { width: 300px; } /* -- Live Search -- */ ul.dwls_search_results { width: 379px !important; } ul.search_results li.post_with_thumb a { width: 300px !important; } /* -- Top Header Menu -- ##################### */ header .jquerycssmenu { display: none;} /* -- Menu Icons Top List -- */ ul.top-social { display: none;} /*----------------------------------------------------------------------------- ----------------------------- 3 - Home Content -------------------------------- -----------------------------------------------------------------------------*/ /* -- Home Featured Posts -- */ #featured-posts { width: 750px; } ul.featured-home-posts li{ width: 375px; height: 270px; } ul.featured-home-posts li .title-box { height: 75px; } ul.featured-home-posts li img { width: 375px; height: 270px; } ul.featured-home-posts li.big { width: 750px; height: 539px;} ul.featured-home-posts li.big img { width: 750px; height: 539px; } ul.featured-home-posts li.big h2 { padding: 18px 30px 0 20px; } /* -- Blog Style -- */ ul.grid_list { width: 420px; } ul.grid_list li { width: 370px; height: 320px; } ul.grid_list li img, ul.grid_list li div.noimg { width: 370px; height: 216px;} /*---------------------------------------------------------------------------- ----------------------------- 4 - Entry Content ------------------------------- -----------------------------------------------------------------------------*/ /* -- Responsive Images -- */ .entry iframe { max-width: 418px; height: 250px; margin-left: -24px;} /* -- Responsive Images -- */ .alignleft { margin-left: 0px;} .alignright { margin-right: 0px;} /* -- Page / Article Title -- */ h1.article-title { font-size: 28px; line-height: 36px; } /* -- Single Share -- */ ul.meta-entry-top li ul.single-share { margin: 2px 0 0 -27px; } /* ##### Related articles single ##### ################################## */ .single-related { width: 100%; height: auto; margin: 50px auto 0 auto; } .single-related-wrap { width: 370px; margin: 0 auto; padding: 50px 0;} .single-related ul.article_list { width: 250px; margin-left: 30px;} .single-related h3 { margin: 0 0 20px 20px; } .one_half_sr, .one_half_last_sr { float: none !important; width: 300px; margin: 0 auto 25px auto !important;} .one_half_last_sr { margin-right:0;} .single-related h4 { margin-top: 0px;} /* - Top entry - */ .entry-top { width: 370px; } ul.meta-entry-top li.likes { } ul.meta-entry-top li:nth-last-child(4) { display: none;} ul.meta-entry-top li ul.single-share li:nth-last-child(4) { display: block;} /* -- Gallery -- */ .single-gallery { width: 418px; } .single-gallery img { width: 83.6px; height: 83.6px; margin: 10px 0 -14px 0 !important; } iframe.single_iframe { max-width: 100%; height: 220px;} /* -- Entry content style -- */ .entry { width: 370px; } /* -- Entry bottom -- */ .entry-bottom { width: 370px; } /*----------------------------------------------------------------------------- ----------------------------- 6 - Comments Form ------------------------------- -----------------------------------------------------------------------------*/ ul.comment { width: 370px; } /* -- Comments -- */ .comments { width: 370px; } /*----------------------------------------------------------------------------- ----------------------------- 8 - Custom Pages -------------------------------- -----------------------------------------------------------------------------*/ /* -- Tag & Category Index -- */ #mcTagMap .holdleft, #sc_mcTagMap .holdleft { width: 160px !important; } /* -- 404 page -- */ #viralvideo-404 .middle-404 { max-width: 750px; margin: 0 auto;} #viralvideo-404 h1 { font-size: 60px; padding: 0 0 40px 0;} /* -- WP Recipe Maker -- */ div.wprm-recipe-time-container { width: 100% !important;} /*----------------------------------------------------------------------------- ----------------------------- 9 - Footer ------------------------------------- -----------------------------------------------------------------------------*/ .wrap-footer { width: 750px; } } /* 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; } .bar-header { display: none;} /* - Layout content - */ .wrap-fullwidth { width: 570px; } .wrap-fullwidth-bg { width: 570px; } .wrap-fullwidth-bg .entry { width: auto; padding-left: 35px; padding-right: 35px;} .halfpage { width: 470px; } /* .page-content */ .wrap-content { width: 570px; float: left; } .single-content { width: 570px; float: none; margin-left: auto; margin-right: auto;} /* - sidebar - */ .sidebar { width: 575px; float: left; margin-top: 30px; margin-left: -5px;} .sidebar .widget { width: 250px; padding: 0 15px 20px 15px; display: block; float: left; margin-left: 5px; margin-right: 0px; margin-bottom: 5px;} /* -- Banner widget 300px -- */ .sidebar .widget .img-300 img, .sidebar .widget .img-300 iframe, .sidebar .widget .img-300 embed, .sidebar .widget .img-300 object { width: 280px; height: auto; margin: 0 0 0 10px; padding: 0px;} /*----------------------------------------------------------------------------- ----------------------------- 2 - Header -------------------------------------- -----------------------------------------------------------------------------*/ /* -- Logo -- */ .logo { margin-left: 10px; } /* -- Search -- */ #s { width: 180px; } /* -- Live Search -- */ ul.dwls_search_results { width: 259px !important; } ul.search_results li.post_with_thumb a { width: 180px !important; } /* -- Top Header Menu -- ##################### */ header .jquerycssmenu { display: none;} /* -- Menu Icons Top List -- */ ul.top-social { display: none;} /*----------------------------------------------------------------------------- ----------------------------- 3 - Home Content -------------------------------- -----------------------------------------------------------------------------*/ /* -- Home Featured Posts -- */ #featured-posts { width: 570px; } ul.featured-home-posts li{ width: 285px; height: 205px; } ul.featured-home-posts li .title-box { height: 75px; } ul.featured-home-posts li img { width: 285px; height: 205px; } ul.featured-home-posts li.big { width: 570px; height: 410px;} ul.featured-home-posts li.big img { width: 570px; height: 410px; } ul.featured-home-posts li.big h2 { padding: 18px 30px 0 20px; } /* -- Blog Style -- */ ul.grid_list { width: 570px; } ul.grid_list li { width: 247.5px; height: 275px; } ul.grid_list li img, ul.grid_list li div.noimg { width: 247.5px; height: 145px;} ul.grid_list li .content-grid span.anviews { margin-left: 5px;} /*---------------------------------------------------------------------------- ----------------------------- 4 - Entry Content ------------------------------- -----------------------------------------------------------------------------*/ /* -- Responsive Images -- */ .entry iframe { max-width: 568px; height: 300px; margin-left: -29px;} /* -- Responsive Images -- */ .alignleft { margin-left: 0px;} .alignright { margin-right: 0px;} /* -- Page / Article Title -- */ h1.article-title { font-size: 28px; line-height: 36px; } /* -- Single Share -- */ ul.meta-entry-top li ul.single-share { } /* ##### Related articles single ##### ################################## */ .single-related { width: 100%; height: auto; margin: 50px auto 0 auto; } .single-related-wrap { width: 370px; margin: 0 auto; padding: 50px 0;} .single-related ul.article_list { width: 250px; margin-left: 30px;} .single-related h3 { margin: 0 0 20px 20px; } .one_half_sr, .one_half_last_sr { float: none !important; width: 300px; margin: 0 auto 25px auto !important;} .one_half_last_sr { margin-right:0;} .single-related h4 { margin-top: 0px;} /* - Top entry - */ ul.meta-entry-top li:nth-last-child(4) { display: none;} ul.meta-entry-top li ul.single-share li:nth-last-child(4) { display: block;} .entry-top { width: 510px;} iframe.single_iframe { width: 100%; height: 300px;} /* -- Gallery -- */ .single-gallery { width: 569px; } .single-gallery img { width: 94.83px; height: 94.83px; margin: 10px 0 -14px 0 !important; } /* -- Entry content style -- */ .entry { width: 510px; } /* -- Entry bottom -- */ .entry-bottom { width: 510px; } /* -- Banner widget 300px -- */ .img-300 { margin:0 0 -27px -25px; } /*----------------------------------------------------------------------------- ----------------------------- 6 - Comments Form ------------------------------- -----------------------------------------------------------------------------*/ ul.comment { width: 510px; } .comments { width: 510px; } /*----------------------------------------------------------------------------- ----------------------------- 8 - Custom Pages -------------------------------- -----------------------------------------------------------------------------*/ /* -- Tag & Category Index -- */ #mcTagMap .holdleft, #sc_mcTagMap .holdleft { width: 150px !important; } /* -- 404 page -- */ #viralvideo-404 { padding: 100px 0 100px 0;} #viralvideo-404 .middle-404 { width: 80%; margin: 0 auto;} #viralvideo-404 .widget_recent_entries { margin: 20px auto 0 auto;} #viralvideo-404 h1 { font-size: 60px; padding: 0 0 40px 0;} #viralvideo-404 p { font-size: 20px; line-height: 32px;} #viralvideo-404 .one_half, #viralvideo-404 .one_half_last { float:left; width:100%; margin-bottom:10px; margin-right:0; } #viralvideo-404 .one_half_last { margin-right:0;} /*----------------------------------------------------------------------------- ----------------------------- 9 - Footer ------------------------------------- -----------------------------------------------------------------------------*/ .wrap-footer { width: 570px; } } /* 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; } .bar-header { display: none;} /* - Layout content - */ .wrap-fullwidth { width: 460px; } .wrap-fullwidth-bg { width: 460px; } .wrap-fullwidth-bg .entry { width: auto; padding-left: 15px; padding-right: 15px;} .halfpage { width: 400px; } /* .page-content */ .wrap-content { width: 460px; float: left; } .single-content { width: 460px; float: none; margin-left: auto; margin-right: auto;} /* - sidebar - */ .sidebar { width: 460px; float: left; margin-top: 30px; margin-left: 0px;} .sidebar .widget { width: 250px; display: block; float: left; margin-right: 0px; padding: 0 105px 20px 105px;} /* -- Banner widget 300px -- */ .sidebar .widget .img-300 { padding: 25px 0;} /*----------------------------------------------------------------------------- ----------------------------- 2 - Header -------------------------------------- -----------------------------------------------------------------------------*/ /* -- Logo -- */ .logo { margin-left: 10px; } /* -- Search -- */ #s { width: 110px; } /* -- Live Search -- */ ul.dwls_search_results { width: 189px !important; } ul.search_results li.post_with_thumb a { width: 110px !important; margin-top: 0px !important; } /* -- Top Header Menu -- ##################### */ header .jquerycssmenu { display: none;} /* -- Menu Icons Top List -- */ ul.top-social { display: none;} /*----------------------------------------------------------------------------- ----------------------------- 3 - Home Content -------------------------------- -----------------------------------------------------------------------------*/ /* -- Home Featured Posts -- */ #featured-posts { width: 460px; } ul.featured-home-posts li{ width: 285px; height: 205px; } ul.featured-home-posts li .title-box { height: 75px; } ul.featured-home-posts li img { width: 285px; height: 205px; } ul.featured-home-posts li.big { width: 460px; height: 331px;} ul.featured-home-posts li.big img { width: 460px; height: 331px; } ul.featured-home-posts li.big h2 { font-size: 15px; padding: 18px 30px 0 20px; } ul.featured-home-posts li:nth-last-child(1), ul.featured-home-posts li:nth-last-child(2), ul.featured-home-posts li:nth-last-child(3), ul.featured-home-posts li:nth-last-child(4) { display: none;} /* -- Blog Style -- */ ul.grid_list { width: 460px; } ul.grid_list li { width: 410px; height: 330px; } ul.grid_list li img, ul.grid_list li div.noimg { width: 410px; height: 239px;} /*---------------------------------------------------------------------------- ----------------------------- 4 - Entry Content ------------------------------- -----------------------------------------------------------------------------*/ /* -- Responsive Images -- */ .entry iframe { max-width: 458px; height: 280px; margin-left: -24px;} /* -- Responsive Images -- */ .alignleft { margin-left: 0px;} .alignright { margin-right: 0px;} /* -- Page / Article Title -- */ h1.article-title { font-size: 22px; line-height: 32px; } /* -- Single Share -- */ ul.meta-entry-top li ul.single-share { margin: 10px 0 0 -32px; } /* ##### Related articles single ##### ################################## */ .single-related { width: 100%; height: auto; margin: 50px auto 0 auto; } .single-related-wrap { width: 370px; margin: 0 auto; padding: 50px 0;} .single-related ul.article_list { width: 250px; margin-left: 30px;} .single-related h3 { margin: 0 0 20px 20px; } .one_half_sr, .one_half_last_sr { float: none !important; width: 300px; margin: 0 auto 25px auto !important;} .one_half_last_sr { margin-right:0;} .single-related h4 { margin-top: 0px;} /* - Top entry - */ ul.meta-entry-top li:nth-last-child(4) { display: none;} ul.meta-entry-top li ul.single-share li:nth-last-child(4) { display: block;} .entry-top { width: 410px;} iframe.single_iframe { width: 100%; height: 250px;} /* -- Gallery -- */ .single-gallery { width: 459px; } .single-gallery img { width: 91.8px; height: 91.8px; margin: 10px 0 -14px 0 !important; } /* -- Entry content style -- */ .entry { width: 410px; } /* -- Entry bottom -- */ .entry-bottom { width: 410px; } /*----------------------------------------------------------------------------- ----------------------------- 6 - Comments Form ------------------------------- -----------------------------------------------------------------------------*/ ul.comment { width: 410px; } .comments { width: 410px; } /*----------------------------------------------------------------------------- ----------------------------- 8 - Custom Pages -------------------------------- -----------------------------------------------------------------------------*/ /* -- Tag & Category Index -- */ #mcTagMap .holdleft, #sc_mcTagMap .holdleft { width: 195px !important; } /* -- 404 page -- */ #viralvideo-404 { padding: 100px 0 100px 0;} #viralvideo-404 .middle-404 { width: 80%; margin: 0 auto;} #viralvideo-404 .widget_recent_entries { margin: 20px auto 0 auto;} #viralvideo-404 h1 { font-size: 60px; padding: 0 0 40px 0;} #viralvideo-404 p { font-size: 20px; line-height: 32px;} #viralvideo-404 .one_half, #viralvideo-404 .one_half_last { float:left; width:100%; margin-bottom:10px; margin-right:0; } #viralvideo-404 .one_half_last { margin-right:0;} /* -- WP Recipe Maker -- */ div.wprm-recipe-time-container { width: 200px !important; border: none !important; text-align: left !important;} /*----------------------------------------------------------------------------- ----------------------------- 9 - Footer ------------------------------------- -----------------------------------------------------------------------------*/ .wrap-footer { width: 420px; height: auto; text-align: center; } /* -- Logo -- */ div.footer-logo-wrap { width: auto; float: none; margin-right: 0; } .footer-logo { display: block; margin-left: auto; margin-right: auto; float: none; height: 80px; margin-top: -10px; } } /* All Mobile Size (devices) */ @media only screen and (max-width: 479px) { /*----------------------------------------------------------------------------- ----------------------------- 1 - Layout -------------------------------------- -----------------------------------------------------------------------------*/ /* - Header - */ .main-header { width: 305px; } .wrap-center { width: 305px; } .bar-header { display: none;} /* - Layout content - */ body.single .wrap-fullwidth{ width: 100%;} .wrap-fullwidth { width: 305px;} .wrap-fullwidth-bg { width: 100%; } .wrap-fullwidth-bg .entry { width: auto; padding-left: 15px; padding-right: 15px;} .halfpage { width: 275px; } /* .page-content */ .wrap-content { width: 305px; float: left; margin-left: auto; margin-right: auto; } .single-content { width: 100%; float: none; margin-left: auto; margin-right: auto;} /* - sidebar - */ body.single .sidebar { width: 100%;} .sidebar { width: 300px; margin-left: auto; margin-right: auto;} .sidebar .widget { width: 250px; display: block; float: none; margin-right: auto; margin-left: auto; } /*----------------------------------------------------------------------------- ----------------------------- 2 - Header -------------------------------------- -----------------------------------------------------------------------------*/ /* -- Logo -- */ .logo { margin-left: 10px; } /* -- Search -- */ header #searchform2 { display: none;} /* -- Top Header Menu -- ##################### */ header .jquerycssmenu { display: none;} /* -- Menu Icons Top List -- */ ul.top-social { display: none;} /*----------------------------------------------------------------------------- ----------------------------- 3 - Home Content -------------------------------- -----------------------------------------------------------------------------*/ /* -- Home Featured Posts -- */ #featured-posts { width: 305px; } ul.featured-home-posts li{ width: 285px; height: 205px; } ul.featured-home-posts li .title-box { height: 75px; } ul.featured-home-posts li img { width: 285px; height: 205px; } ul.featured-home-posts li.big { width: 305px; height: 219px;} ul.featured-home-posts li.big img { width: 305px; height: 219px; } ul.featured-home-posts li.big h2 { font-size: 13px; line-height: 24px; padding: 18px 30px 0 20px; } ul.featured-home-posts li:nth-last-child(1), ul.featured-home-posts li:nth-last-child(2), ul.featured-home-posts li:nth-last-child(3), ul.featured-home-posts li:nth-last-child(4) { display: none;} /* -- Blog Style -- */ ul.grid_list { width: 305px; } ul.grid_list li { width: 255px; height: 255px; } ul.grid_list li img, ul.grid_list li div.noimg { width: 255px; height: 149px;} ul.grid_list li .content-grid span.anviews { margin-left: -3px;} ul.grid_list li span.anpostdate { display: none;} /* -- Pagination -- */ .wp-pagenavi { float: left; width: 270px; margin-left: 20px; margin-top: 25px; margin-bottom: 25px; } .wp-pagenavi a, .wp-pagenavi span { margin-bottom: 2px;} /*---------------------------------------------------------------------------- ----------------------------- 4 - Entry Content ------------------------------- -----------------------------------------------------------------------------*/ /* -- Responsive Images -- */ .entry iframe { max-width: 303px; height: 180px; margin-left: -11.5px;} /* -- Responsive Images -- */ .alignleft { margin-left: 0px;} .alignright { margin-right: 0px;} /* -- Page / Article Title -- */ h1.article-title { font-size: 22px; line-height: 32px; } /* -- Single Share -- */ ul.meta-entry-top li ul.single-share { margin: 10px 0 0 -32px; } /* ##### Related articles single ##### ################################## */ .single-related { width: 100%; height: auto; margin: 50px auto 0 auto; } .single-related-wrap { width: 305px; margin: 0 auto; padding: 50px 0;} .single-related ul.article_list { width: 250px; margin-left: 30px;} .single-related h3 { margin: 0 0 20px 20px; } .one_half_sr, .one_half_last_sr { float: none !important; width: 300px; margin: 0 auto 25px auto !important;} .one_half_last_sr { margin-right:0;} .single-related h4 { margin-top: 0px;} /* - Top entry - */ ul.meta-entry-top li span.fn { display: none;} .entry-top { width: 280px;} iframe.single_iframe { width: 100%; height: 180px;} /* -- Gallery -- */ .single-gallery { width: 305px; } .single-gallery img { width: 76.25px; height: 76.25px; margin: 10px 0 -14px 0 !important; } /* -- Entry content style -- */ .entry { width: 280px; } /* -- Entry bottom -- */ .entry-bottom { width: 280px; } /* -- Entry content style -- */ .entry { width: 280px; } /* -- Author entry small box -- */ .author-right-meta { display: none;} /* -- Entry bottom -- */ .entry-bottom { width: 280px; } /*----------------------------------------------------------------------------- ----------------------------- 6 - Comments Form ------------------------------- -----------------------------------------------------------------------------*/ ul.comment { width: 280px; } .comments { width: 280px; } /*----------------------------------------------------------------------------- ----------------------------- 8 - Custom Pages -------------------------------- -----------------------------------------------------------------------------*/ /* -- Tag & Category Index -- */ #mcTagMap .holdleft, #sc_mcTagMap .holdleft { width: 280px !important; } /* -- 404 page -- */ #viralvideo-404 { padding: 100px 0 100px 0;} #viralvideo-404 .middle-404 { width: 80%; margin: 0 auto;} #viralvideo-404 .widget_recent_entries { margin: 20px auto 0 auto;} #viralvideo-404 h1 { font-size: 50px; padding: 0 0 40px 0;} #viralvideo-404 p { font-size: 20px; line-height: 32px;} #viralvideo-404 .one_half, #viralvideo-404 .one_half_last { float:left; width:100%; margin-bottom:10px; margin-right:0; } #viralvideo-404 .one_half_last { margin-right:0;} /*----------------------------------------------------------------------------- ----------------------------- 10 - Footer ------------------------------------- -----------------------------------------------------------------------------*/ .wrap-footer { width: 300px; height: auto; text-align: center; } /* -- Logo -- */ div.footer-logo-wrap { width: auto; float: none; margin-right: 0; } .footer-logo { display: block; margin-left: auto; margin-right: auto; float: none; height: 80px; margin-top: -10px; } /* -- 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;} }