/* --------------------------------------------------- bblog - Styles for Mobile Devices --------------------------------------------------- */ /* Tablet Portrait size to standard 960 (devices and browsers) */ @media only screen and (min-width: 1004px) and (max-width: 1170px) { /*----------------------------------------------------------------------------- ----------------------------- 1 - Layout -------------------------------------- -----------------------------------------------------------------------------*/ header div.wrap { width: 960px; padding: 0px 10px; } .wrap { width: 960px; padding: 30px 10px; } .main-content { width: 410px; margin-right: 25px; } .main-content-2cols { width: 410px; margin-right: 25px; } .main-content-3cols { width: 660px; margin-right: 0px; } .single-content, .page-content { width: 630px; height: auto; float: left; margin-top: 5px;} #background { display: none;} /*----------------------------------------------------------------------------- ----------------------------- 2 - Header -------------------------------------- -----------------------------------------------------------------------------*/ /* Search */ #s { width: 80px;} #s:focus { width: 130px;} /* -- Live Search -- */ ul.dwls_search_results { width: 204px !important; } ul.search_results li.post_with_thumb a { width: 105px !important;} /*----------------------------------------------------------------------------- ----------------------------- 3 - Home Content -------------------------------- -----------------------------------------------------------------------------*/ /* -- Featured Slider -- */ #anthemes-slider { width: 960px; } #anthemes-slider .item { width: 960px; } #anthemes-slider .item img { width: 960px; } /* -- Home blog posts (grid 2 columns) -- */ #articles article.list-2cols { width: 410px;} #articles article.list-2cols img { width: 410px; height: 278px; } #articles article.list-2cols .media-icon { margin: -170px 0 0 180px;} #articles article.list-2cols .article-category { margin: -273px 0 0 -5px; } #articles article.list-2cols h2 { font-size: 22px; line-height: 28px; } /* -- Home blog posts (grid 3 columns) -- */ #articles article.list-3cols { width: 305px; } #articles article.list-3cols img { width: 305px; height: 208px; } #articles article.list-3cols .media-icon { margin: -135px 0 0 128px;} #articles article.list-3cols .article-category { margin: -209px 0 0 -5px; } #articles article.list-3cols h2 { font-size: 18px; line-height: 28px; } /* -- Home blog posts (default) -- */ #articles .media-icon { margin: -120px 0 0 180px; } #articles article.list { width: 410px; } #articles article.list img { width: 410px; height: 175px; } #articles .article-category { margin: 10px 0 0 -5px; } /*---------------------------------------------------------------------------- ----------------------------- 4 - Entry Content ------------------------------- -----------------------------------------------------------------------------*/ /* -- Single post types -- */ img.attachment-thumbnail-single-image { width: 100%; height: auto;} .single-gallery img { width: 157px; height: 157px;} iframe.single_iframe { width: 100%; height: 400px;} /* -- Entry bottom -- */ .entry-bottom { width: 100%; } /*----------------------------------------------------------------------------- ----------------------------- 7 - Comments Form ------------------------------- -----------------------------------------------------------------------------*/ ul.comment { width: 100%; } /* -- Comments -- */ .comments { width: 100%; } ul.comment li { float: left;} /*----------------------------------------------------------------------------- ----------------------------- 8 - Custom Pages -------------------------------- -----------------------------------------------------------------------------*/ /* -- Tag & Category Index -- */ #mcTagMap .holdleft, #sc_mcTagMap .holdleft { width: 190px !important; } /*----------------------------------------------------------------------------- ----------------------------- 9 - Shop ------------------------------------- -----------------------------------------------------------------------------*/ ul.products li { width: 211px !important; } ul.products li img { width: 211px; height: 211px;} /*----------------------------------------------------------------------------- ----------------------------- 10 - Footer ------------------------------------- -----------------------------------------------------------------------------*/ footer { width: 100%; } footer img.logo { display: none;} } /* Tablet Portrait size to standard 960 (devices and browsers) */ @media only screen and (min-width: 760px) and (max-width: 1000px) { /*----------------------------------------------------------------------------- ----------------------------- 1 - Layout -------------------------------------- -----------------------------------------------------------------------------*/ header div.wrap { width: 730px; padding: 0px 10px; } .wrap { width: 730px; padding: 30px 10px; } .main-content { width: 410px; margin-right: 0px; } .main-content-2cols { width: 410px; margin-right: 0px; } .main-content-3cols { width: 410px; margin-right: 0px; } .single-content, .page-content { width: 730px; height: auto; float: left; margin-top: 5px;} #background { display: none;} /*----------------------------------------------------------------------------- ----------------------------- 2 - Header -------------------------------------- -----------------------------------------------------------------------------*/ /* -- Logo -- */ .logo { display: block; float: none; margin-left: auto; margin-right: auto; margin-top: 0px !important; padding-top: 30px; } /* Search */ #searchform2 { float: left;} #s { width: 655px;} #s:focus { width: 655px;} /* -- Live Search -- */ ul.dwls_search_results { width: 300px !important; } ul.search_results li.post_with_thumb a { width: 200px !important;} /* -- Top Header Menu -- ##################### */ .jquerycssmenu { display: none;} /* -- Sticky Header -- */ .sticky { z-index: 100 !important;} .sticky #s { width: 590px;} .sticky #s:focus { width: 590px;} /*----------------------------------------------------------------------------- ----------------------------- 3 - Home Content -------------------------------- -----------------------------------------------------------------------------*/ /* -- Featured Slider -- */ #anthemes-slider { width: 730px; } #anthemes-slider .item { width: 730px; } #anthemes-slider .item img { width: 730px; } /* -- Home blog posts (grid 2 columns) -- */ #articles article.list-2cols { width: 410px;} #articles article.list-2cols img { width: 410px; height: 278px; } #articles article.list-2cols .media-icon { margin: -170px 0 0 180px;} #articles article.list-2cols .article-category { margin: -273px 0 0 -5px; } #articles article.list-2cols h2 { font-size: 22px; line-height: 28px; } /* -- Home blog posts (grid 3 columns) -- */ #articles article.list-3cols { width: 410px;} #articles article.list-3cols img { width: 410px; height: 278px; } #articles article.list-3cols .media-icon { margin: -170px 0 0 180px;} #articles article.list-3cols .article-category { margin: -273px 0 0 -5px; } #articles article.list-3cols h2 { font-size: 22px; line-height: 28px; } /* -- Home blog posts (default) -- */ #articles .media-icon { margin: -120px 0 0 180px; } #articles article.list { width: 410px; } #articles article.list img { width: 410px; height: 175px; } #articles .article-category { margin: 10px 0 0 -5px; } /*---------------------------------------------------------------------------- ----------------------------- 4 - Entry Content ------------------------------- -----------------------------------------------------------------------------*/ /* -- Single post types -- */ img.attachment-thumbnail-single-image { width: 100%; height: auto;} .single-gallery img { width: 146px; height: 146px;} iframe.single_iframe { width: 100%; height: 400px;} /* -- Entry bottom -- */ .entry-bottom { width: 100%; } /*----------------------------------------------------------------------------- ----------------------------- 5 - Sidebar & Widgets --------------------------- -----------------------------------------------------------------------------*/ /* -- Sidebar -- */ .sidebar-middle { display: none;} /* -- Sidebar single page -- */ .single .sidebar { width: 750px; float: left;} .single .sidebar .widget { width: 350px; float: left; margin: 0 25px 40px 0;} .single .sidebar .article_list li img, .single .article_list li .media-icon { display: none;} /* -- Siebar default page -- */ .page-template-template-default-php .sidebar { width: 750px; float: left;} .page-template-template-default-php .sidebar .widget { width: 350px; float: left; margin: 0 25px 40px 0;} .page-template-template-default-php .sidebar .article_list li img, .page-template-template-default-php .article_list li .media-icon { display: none;} /* -- Siebar contact page -- */ .page-template-template-contact-php .sidebar { width: 750px; float: left;} .page-template-template-contact-php .sidebar .widget { width: 350px; float: left; margin: 0 25px 40px 0;} .page-template-template-contact-php .sidebar .article_list li img, .page-template-template-contact-php .article_list li .media-icon { display: none;} /*----------------------------------------------------------------------------- ----------------------------- 7 - Comments Form ------------------------------- -----------------------------------------------------------------------------*/ ul.comment { width: 100%; } /* -- Comments -- */ .comments { width: 100%; } ul.comment li { float: left;} /*----------------------------------------------------------------------------- ----------------------------- 8 - Custom Pages -------------------------------- -----------------------------------------------------------------------------*/ /* -- Tag & Category Index -- */ #mcTagMap .holdleft, #sc_mcTagMap .holdleft { width: 163px !important; } /*----------------------------------------------------------------------------- ----------------------------- 9 - Shop ------------------------------------- -----------------------------------------------------------------------------*/ ul.products li { width: 340px !important; margin: 0 15px 40px 10px !important; } ul.products li img { width: 340px; height: 340px;} /*----------------------------------------------------------------------------- ----------------------------- 10 - Footer ------------------------------------- -----------------------------------------------------------------------------*/ footer { width: 100%; } footer img.logo { display: none;} ul.footer-social li { display: none;} ul.footer-social li.current { display: block;} } /* Mobile Landscape Size to Tablet Portrait (devices and browsers) */ @media only screen and (min-width: 580px) and (max-width: 760px) { /*----------------------------------------------------------------------------- ----------------------------- 1 - Layout -------------------------------------- -----------------------------------------------------------------------------*/ header div.wrap { width: 550px; padding: 0px 10px; } .wrap { width: 550px; padding: 30px 10px; } .main-content { width: 550px; margin-right: 0px; } .main-content-2cols { width: 550px; margin-right: 0px; } .main-content-3cols { width: 550px; margin-right: 0px; } .single-content, .page-content { width: 550px; height: auto; float: left; margin-top: 5px;} #background { display: none;} /*----------------------------------------------------------------------------- ----------------------------- 2 - Header -------------------------------------- -----------------------------------------------------------------------------*/ /* -- Logo -- */ .logo { display: block; float: none; margin-left: auto; margin-right: auto; margin-top: 0px !important; padding-top: 30px; } /* -- Ads Header -- */ .header-728 { display: none;} /* -- Ads Header -- */ .header-468 { display: block; float: left; margin-left: 41px;} /* Search */ #searchform2 { float: left;} #s { width: 475px;} #s:focus { width: 475px;} /* -- Live Search -- */ ul.dwls_search_results { width: 300px !important; } ul.search_results li.post_with_thumb a { width: 200px !important;} /* -- Top Header Menu -- ##################### */ .jquerycssmenu { display: none;} /* -- Sticky Header -- */ .sticky { z-index: 100 !important;} .sticky #s { width: 420px;} .sticky #s:focus { width: 420px;} /*----------------------------------------------------------------------------- ----------------------------- 3 - Home Content -------------------------------- -----------------------------------------------------------------------------*/ /* -- Featured Slider -- */ #anthemes-slider { width: 550px; } #anthemes-slider .item { width: 550px; } #anthemes-slider .item img { width: 550px; } section.slider-content h2 { font-size: 28px; font-weight: normal; line-height: 32px; } /* -- Home blog posts (grid 2 columns) -- */ #articles article.list-2cols { width: 255px; margin-right: 10px; margin-left: 10px;} #articles article.list-2cols img { width: 255px; height: 173px; } #articles article.list-2cols .media-icon { margin: -119px 0 0 103px;} #articles article.list-2cols .article-category { margin: -168px 0 0 -5px; } #articles article.list-2cols h2 { font-size: 18px; line-height: 28px; } /* -- Home blog posts (grid 3 columns) -- */ #articles article.list-3cols { width: 255px; margin-right: 10px; margin-left: 10px;} #articles article.list-3cols img { width: 255px; height: 173px; } #articles article.list-3cols .media-icon { margin: -119px 0 0 103px;} #articles article.list-3cols .article-category { margin: -168px 0 0 -5px; } #articles article.list-3cols h2 { font-size: 18px; line-height: 28px; } /* -- Home blog posts (default) -- */ #articles .media-icon { margin: -148px 0 0 250px; } #articles article.list { width: 550px; } #articles article.list img { width: 550px; height: 236px; } #articles .article-category { margin: 10px 0 0 -5px; } /*---------------------------------------------------------------------------- ----------------------------- 4 - Entry Content ------------------------------- -----------------------------------------------------------------------------*/ h1.article-title { font-size: 30px; line-height: 36px; } h1.page-title { font-size: 30px; line-height: 36px; } /* -- Single post types -- */ img.attachment-thumbnail-single-image { width: 100%; height: auto;} .single-gallery img { width: 137px; height: 137px;} iframe.single_iframe { width: 100%; height: 300px;} /* -- Entry bottom -- */ .entry-bottom { width: 100%; } /*----------------------------------------------------------------------------- ----------------------------- 5 - Sidebar & Widgets --------------------------- -----------------------------------------------------------------------------*/ /* -- Sidebar -- */ .sidebar-middle { display: none;} /* -- Sidebar single page -- */ .sidebar { width: 550px; float: left;} .sidebar .widget { width: 550px; float: left; margin: 0 0 40px 0;} .sidebar .article_list li img, .sidebar .article_list li .media-icon { display: none;} /*----------------------------------------------------------------------------- ----------------------------- 7 - Comments Form ------------------------------- -----------------------------------------------------------------------------*/ ul.comment { width: 100%; } /* -- Comments -- */ .comments { width: 100%; } ul.comment li { float: left;} /*----------------------------------------------------------------------------- ----------------------------- 8 - Contact Form -------------------------------- -----------------------------------------------------------------------------*/ /* -- Contact Form -- */ #contactform #contactName, #contactform #emaill, #contactform #subject { width:96%; } #contactform #subject { width: 98%;} #contactform textarea { width: 98%; } /*----------------------------------------------------------------------------- ----------------------------- 9 - Custom Pages -------------------------------- -----------------------------------------------------------------------------*/ /* -- Tag & Category Index -- */ #mcTagMap .holdleft, #sc_mcTagMap .holdleft { width: 163px !important; } /*----------------------------------------------------------------------------- ----------------------------- 10 - Footer ------------------------------------- -----------------------------------------------------------------------------*/ footer { width: 100%; } footer img.logo { display: none;} ul.footer-social li { display: none;} ul.footer-social li.current { display: block;} } /* Mobile Landscape Size to Tablet Portrait (devices and browsers) */ @media only screen and (min-width: 480px) and (max-width: 580px) { /*----------------------------------------------------------------------------- ----------------------------- 1 - Layout -------------------------------------- -----------------------------------------------------------------------------*/ header div.wrap { width: 440px; padding: 0px 10px; } .wrap { width: 440px; padding: 30px 10px; } .main-content { width: 440px; margin-right: 0px; } .main-content-2cols { width: 440px; margin-right: 0px; } .main-content-3cols { width: 440px; margin-right: 0px; } .single-content, .page-content { width: 440px; height: auto; float: left; margin-top: 5px;} #background { display: none;} /*----------------------------------------------------------------------------- ----------------------------- 2 - Header -------------------------------------- -----------------------------------------------------------------------------*/ /* -- Logo -- */ .logo { display: block; float: none; margin-left: auto; margin-right: auto; margin-top: 0px !important; padding-top: 30px; } /* -- Ads Header -- */ .header-728 { display: none;} /* -- Ads Header -- */ .header-468 { display: block;} /* Search */ #searchform2 { float: left;} #s { width: 365px;} #s:focus { width: 365px;} /* -- Live Search -- */ ul.dwls_search_results { width: 300px !important; } ul.search_results li.post_with_thumb a { width: 200px !important;} /* -- Top Header Menu -- ##################### */ .jquerycssmenu { display: none;} /* -- Sticky Header -- */ .sticky { z-index: 100 !important;} .sticky #s { width: 310px;} .sticky #s:focus { width: 310px;} /*----------------------------------------------------------------------------- ----------------------------- 3 - Home Content -------------------------------- -----------------------------------------------------------------------------*/ /* -- Featured Slider -- */ #anthemes-slider { width: 440px; } #anthemes-slider .item { width: 440px; } #anthemes-slider .item img { width: 440px; } section.slider-content h2 { font-size: 24px; font-weight: normal; line-height: 32px; } /* -- Home blog posts (grid 2 columns) -- */ #articles article.list-2cols { width: 440px;} #articles article.list-2cols img { width: 440px; height: 298px; } #articles article.list-2cols .media-icon { margin: -182px 0 0 195px;} #articles article.list-2cols .article-category { margin: -293px 0 0 -5px; } #articles article.list-2cols h2 { font-size: 22px; line-height: 28px; } /* -- Home blog posts (grid 3 columns) -- */ #articles article.list-3cols { width: 440px;} #articles article.list-3cols img { width: 440px; height: 298px; } #articles article.list-3cols .media-icon { margin: -182px 0 0 195px;} #articles article.list-3cols .article-category { margin: -293px 0 0 -5px; } #articles article.list-3cols h2 { font-size: 22px; line-height: 28px; } /* -- Home blog posts (default) -- */ #articles .media-icon { margin: -125px 0 0 195px; } #articles article.list { width: 440px; } #articles article.list img { width: 440px; height: 188px; } #articles .article-category { margin: 10px 0 0 -5px; } /*---------------------------------------------------------------------------- ----------------------------- 4 - Entry Content ------------------------------- -----------------------------------------------------------------------------*/ h1.article-title { font-size: 30px; line-height: 36px; } h1.page-title { font-size: 30px; line-height: 36px; } /* -- Single post types -- */ img.attachment-thumbnail-single-image { width: 100%; height: auto;} .single-gallery img { width: 146px; height: 146px;} iframe.single_iframe { width: 100%; height: 300px;} /* -- Entry bottom -- */ .entry-bottom { width: 100%; } /*----------------------------------------------------------------------------- ----------------------------- 5 - Sidebar & Widgets --------------------------- -----------------------------------------------------------------------------*/ /* -- Sidebar -- */ .sidebar-middle { display: none;} /* -- Sidebar single page -- */ .sidebar { width: 440px; float: left;} .sidebar .widget { width: 440px; float: left; margin: 0 0 40px 0;} .sidebar .article_list li img, .sidebar .article_list li .media-icon { display: none;} /*----------------------------------------------------------------------------- ----------------------------- 7 - Comments Form ------------------------------- -----------------------------------------------------------------------------*/ ul.comment { width: 100%; } /* -- Comments -- */ .comments { width: 100%; } ul.comment li { float: left;} /*----------------------------------------------------------------------------- ----------------------------- 8 - Custom Pages -------------------------------- -----------------------------------------------------------------------------*/ /* -- Tag & Category Index -- */ #mcTagMap .holdleft, #sc_mcTagMap .holdleft { width: 126px !important; } /*----------------------------------------------------------------------------- ----------------------------- 9 - Shop ------------------------------------- -----------------------------------------------------------------------------*/ ul.products li { width: 200px !important; } ul.products li img { width: 200px; height: 200px;} /*----------------------------------------------------------------------------- ----------------------------- 10 - Footer ------------------------------------- -----------------------------------------------------------------------------*/ footer { width: 100%; } footer img.logo { display: none;} ul.footer-social li { display: none;} ul.footer-social li.current { display: block;} } /* All Mobile Size (devices) */ @media only screen and (max-width: 580px) { /*----------------------------------------------------------------------------- ----------------------------- 1 - Layout -------------------------------------- -----------------------------------------------------------------------------*/ header div.wrap { width: 325px; padding: 0px 10px; } .wrap { width: 325px; padding: 30px 10px; } .main-content { width: 325px; margin-right: 0px; } .main-content-2cols { width: 325px; margin-right: 0px; } .main-content-3cols { width: 325px; margin-right: 0px; } .single-content, .page-content { width: 325px; height: auto; float: left; margin-top: 5px;} #background { display: none;} /*----------------------------------------------------------------------------- ----------------------------- 2 - Header -------------------------------------- -----------------------------------------------------------------------------*/ /* -- Logo -- */ .logo { display: block; float: none; margin-left: auto; margin-right: auto; padding-bottom: 10px; margin-top: 0px !important; padding-top: 30px; } /* -- Ads Header -- */ .header-728 { display: none;} /* -- Ads Header -- */ .header-468 { display: none;} /* Search */ #searchform2 { float: left;} #s { width: 210px;} #s:focus { width: 210px;} /* -- Live Search -- */ ul.dwls_search_results { width: 234px !important; } ul.search_results li.post_with_thumb a { width: 130px !important;} /* -- Top Header Menu -- ##################### */ .jquerycssmenu { display: none;} .cart-tab { display: none !important;} /* -- Sticky Header -- */ .sticky { z-index: 100 !important;} .sticky #s { width: 160px;} .sticky #s:focus { width: 160px;} /*----------------------------------------------------------------------------- ----------------------------- 3 - Home Content -------------------------------- -----------------------------------------------------------------------------*/ /* -- Featured Slider -- */ #anthemes-slider { width: 285px; } #anthemes-slider .item { width: 285px; } #anthemes-slider .item img { width: 285px; } section.slider-content { width: 100%;} section.slider-content h2 { font-size: 22px; font-weight: normal; line-height: 28px; } /* -- Home blog posts (grid 2 columns) -- */ #articles article.list-2cols { width: 285px;} #articles article.list-2cols img { width: 285px; height: 193px; } #articles article.list-2cols .media-icon { margin: -129px 0 0 118px;} #articles article.list-2cols .article-category { margin: -188px 0 0 -5px; } #articles article.list-2cols h2 { font-size: 22px; line-height: 28px; } /* -- Home blog posts (grid 3 columns) -- */ #articles article.list-3cols { width: 285px;} #articles article.list-3cols img { width: 285px; height: 193px; } #articles article.list-3cols .media-icon { margin: -129px 0 0 118px;} #articles article.list-3cols .article-category { margin: -188px 0 0 -5px; } #articles article.list-3cols h2 { font-size: 22px; line-height: 28px; } /* -- Home blog posts (default) -- */ #articles .media-icon { margin: -93px 0 0 118px; } #articles article.list { width: 285px; } #articles article.list img { width: 285px; height: 122px; } #articles .article-category { margin: 10px 0 0 -5px; } #articles .an-display-comm { display: none;} /*---------------------------------------------------------------------------- ----------------------------- 4 - Entry Content ------------------------------- -----------------------------------------------------------------------------*/ h1.article-title { font-size: 26px; line-height: 34px; } h1.page-title { font-size: 26px; line-height: 34px; } /* -- Single post types -- */ img.attachment-thumbnail-single-image { width: 100%; height: auto;} .single-gallery img { width: 95px; height: 95px;} iframe.single_iframe { width: 100%; height: 200px;} /* -- Entry bottom -- */ .entry-bottom { width: 100%; } /* -- About author -- */ .author-meta { width: 100%; } .author-meta img.avatar { width: 40px; height: 40px; } .author-info { width: auto; height: auto; margin: 0px 0 -15px 50px; } .author-meta .entry { padding: 0 10px !important;} /*----------------------------------------------------------------------------- ----------------------------- 5 - Sidebar & Widgets --------------------------- -----------------------------------------------------------------------------*/ /* -- Sidebar -- */ .sidebar-middle { display: none;} /* -- Sidebar single page -- */ .sidebar { width: 285px; float: left;} .sidebar .widget { width: 285px; float: left; margin: 0 0 40px 0;} .sidebar .article_list li img, .sidebar .article_list li .media-icon { display: none;} .textwidget p { margin-left: -7px;} /*----------------------------------------------------------------------------- ----------------------------- 7 - Comments Form ------------------------------- -----------------------------------------------------------------------------*/ ul.comment { width: 100%; } /* -- Comments -- */ .comments { width: 100%; } ul.comment li { float: left;} /*----------------------------------------------------------------------------- ----------------------------- 8 - Contact Form -------------------------------- -----------------------------------------------------------------------------*/ /* -- Contact Form -- */ #contactform #contactName, #contactform #emaill, #contactform #subject { width:94%; } #contactform #subject { width: 97%;} #contactform textarea { width: 97%; } /*----------------------------------------------------------------------------- ----------------------------- 9 - Custom Pages -------------------------------- -----------------------------------------------------------------------------*/ /* -- Tag & Category Index -- */ #mcTagMap .holdleft, #sc_mcTagMap .holdleft { width: 121px !important; } /*----------------------------------------------------------------------------- ----------------------------- 9 - Shop ------------------------------------- -----------------------------------------------------------------------------*/ select.orderby { width: 150px !important; } select.orderby { padding: 9px 10px 9px 10px; } ul.products li { width: 285px !important; float: left !important; } ul.products li img { width: 285px; height: 285px;} /*----------------------------------------------------------------------------- ----------------------------- 10 - Footer ------------------------------------- -----------------------------------------------------------------------------*/ footer { width: 100%; position: relative; } footer img.logo { display: inline-block; float: left;} ul.footer-social { float: right; } ul.footer-social li { float: left; height: 40px; font-size: 17px; } ul.footer-social li a { display: block; padding: 10px 15px 10px 14px;} ul.footer-menu { float: left; font-size: 12px; } .footer-menu li { float: left; height: 40px; } .footer-menu li a { display: block; padding: 10px 15px 10px 14px;} /* -- 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;} }