/*-----------------------------------------------------------------------------------*/ /* Framework: Media Queries for Standard Devices */ /* http://css-tricks.com/snippets/css/media-queries-for-standard-devices/ */ /*-----------------------------------------------------------------------------------*/ /* All Mobile ----------- */ @media only screen and (min-width : 240px) and (max-width : 1024px) { /* iOS and WinMobile text mobile-optimize j.mp/textsizeadjust */ html { -webkit-text-size-adjust:none; -ms-text-size-adjust:none; } .widget-latest-tweets { margin-bottom: 25px !important; } /*.single-project.layout-1col #primary, .single-project.layout-1col #secondary { display: none; }*/ .page-template-page-templatesblog-masonry-php #content .hentry, .page-template-page-templatesblog-masonry-sidebar-php #content .hentry { border-bottom: none; } } /* iPads (landscape) ----------- */ @media only screen and (min-width : 768px) and (max-width : 1024px) and (orientation : landscape) { /*#navi .custom-menu, #navi .menu ul { display: block; }*/ /*select.responsive_menu,*/ div.menu-notice { display: none; } } /*-----------------------------------------------------------------------------------*/ /* iPads (portrait) */ /*-----------------------------------------------------------------------------------*/ @media only screen and (min-width : 768px) and (max-width : 1024px) and (orientation : portrait) { /* --- Issue with 13" displays. If you remove the orientation it's ok on 13 but it falls on iPad. --- */ #navi { height: auto; } #navi { float: left; clear: left; margin-top: 25px; } #navi ul { width: 100%; display: block; height: auto; } #navi ul li:first-child a { padding-left: 0; } #navi ul ul li:first-child a { padding-left: 7px; } /**/ #header, #footer, #main, #topbar, #sidebar-footer { min-width: 700px; } .wrapper { width: 700px; } #content { border-bottom: 1px solid #d8dbdf; margin-bottom: 40px; padding-bottom: 20px; } #content, #home-content { border-bottom: 1px solid #d8dbdf; margin-bottom: 40px; /*padding-bottom: 20px;*/ width: 700px; max-width: 700px !important; } #content.one-column { border-bottom: none; margin-bottom: 0; } #primary, #secondary { float: left; } #primary { margin-right: 80px; margin-left: 50px; } #primary li.widget-container { margin: 0 80px 40px 0; } #primary li.widget-container:nth-child(even) { margin-right: 0; } li.widget-container { float: left; } #content.portfolio { border-bottom: none; margin-bottom: 0; } #portfolios, #projects { max-width: 720px !important; /*background-color: #fc0;*/ } #portfolios .element { width: 220px; margin-bottom: 30px; /*background-color: red;*/ } #projects .element { width: 340px; margin-bottom: 30px; /*background-color: red;*/ } #projects .element img, #projects .element span.overlay { width: 340px; height: 238px; } #portfolios .element img, #portfolios .element span.overlay { width: 220px; height: 154px; } #sidebar-footer .widget-area { float: left; clear: right; display: inline-block; padding-right: 0; margin-right: 80px; } #sidebar-footer .widget-area:nth-child(even) {} #sidebar-footer .wrapper { width: 650px; padding-left: 50px; } /*#sidebar-footer #first, #sidebar-footer #third { margin-left: 50px; } #sidebar-footer #second.widget-area { margin-right: 0; }*/ /*#sidebar-footer #third.widget-area { margin-left: 0; }*/ #site-generator { float: left; margin-bottom: 8px; } #footer .custom-menu { margin-top: 5px; } #footer .custom-menu ul li { margin-right: 20px; margin-left: 0; } .layout-2cl #secondary { clear: right; } /*.layout-1col #content { width: 700px; }*/ .single-project .hentry { margin-right: 0; margin-bottom: 30px; width: 700px; } .single-project #content { border-bottom: none; margin-bottom: 0; } .single-project #secondary { display: none; } #project-content { width: 700px; } #project-details { float: left; width: 100%; border-bottom: 1px solid #d8dbdf; margin-bottom: 40px; padding-bottom: 40px; } .project-link { width: 260px; } #home-quote .wrapper, #clients-home .wrapper { width: 660px; } #portfolio-quote { width: 660px; } #content.archives { width: 700px; } /**/ #player-video, .format-video .mejs-container, .mejs-overlay, .mejs-poster, .page-template-page-templatesblog-fullwidh-php #player-video, .page-template-page-templatesblog-fullwidh-php .format-video .mejs-container, .page-template-page-templatesblog-fullwidh-php .mejs-overlay, .page-template-page-templatesblog-fullwidh-php .mejs-poster { width: 700px !important; height: 452px !important; } #player-audio, .format-audio .mejs-container, .page-template-page-templatesblog-fullwidh-php #player-audio, .page-template-page-templatesblog-fullwidh-php .format-audio .mejs-container { width: 700px !important; } /**/ .archives-content { max-width: 320px; } /* =Masonry iPad portrait */ .page-template-page-templatesblog-masonry-php #content, .page-template-page-templatesblog-masonry-sidebar-php #content { border-bottom: none; padding-bottom: 0; } .page-template-page-templatesblog-masonry-php #content .hentry, .page-template-page-templatesblog-masonry-sidebar-php #content .hentry { width: 300px; } .page-template-page-templatesblog-masonry-php #content .hentry:nth-child(2n+2), .page-template-page-templatesblog-masonry-sidebar-php #content .hentry:nth-child(2n+2) { margin-right: 0; } .page-template-page-templatesblog-masonry-sidebar-php #content.masonry { width: 720px; /*background-color: pink*/ } .page-template-page-templatesblog-masonry-php #content.masonry, .page-template-page-templatesblog-masonry-sidebar-php #content.masonry { max-width: 720px !important; } .page-template-page-templatesblog-masonry-sidebar-php #primary, .page-template-page-templatesblog-masonry-sidebar-php #secondary { float: left; margin-left: 20px; } .page-template-page-templatesblog-masonry-sidebar-php #primary { margin-right: 40px; } .page-template-page-templatesblog-masonry-php .format-gallery .gallery-thumb span.overlay, .page-template-page-templatesblog-masonry-sidebar-php .format-gallery .gallery-thumb span.overlay { width: 300px; height: 210px; } .page-template-page-templatesblog-masonry-php #player-video, .page-template-page-templatesblog-masonry-php .format-video .mejs-container, .page-template-page-templatesblog-masonry-php .mejs-overlay, .page-template-page-templatesblog-masonry-php .mejs-poster, .page-template-page-templatesblog-masonry-sidebar-php #player-video, .page-template-page-templatesblog-masonry-sidebar-php .format-video .mejs-container, .page-template-page-templatesblog-masonry-sidebar-php .mejs-overlay, .page-template-page-templatesblog-masonry-sidebar-php .mejs-poster { width: 300px !important; height: 194px !important; } .page-template-page-templatesblog-masonry-php #navigation, .page-template-page-templatesblog-masonry-sidebar-php #navigation { max-width: 660px; } /**/ p.footer-text.right { float: left; } .page-template-page-templatesblog-fullwidh-php #content.one-column { border-bottom: none; margin-bottom: 0; } } /* iPads (portrait) + orientation ----------- */ @media only screen and (min-width : 768px) and (max-width : 1024px) and (orientation : portrait) { } /*-----------------------------------------------------------------------------------*/ /* Smartphones (portrait + landscape) */ /*-----------------------------------------------------------------------------------*/ @media only screen and (min-width : 320px) and (max-width : 767px) { #navi .custom-menu, #navi .menu ul { display: none; } #navi { float: none; } div.menu-notice { display: inline-block; text-align: center; background-color: #f7f8f9; padding: 12px; margin-top: 25px; } select.responsive_menu { display: inline-block; background: #fdfdfd url(../images/sprites.png) 12px -167px no-repeat; width: 50px; height: 39px; border: 1px solid #d8dbdf; padding: 10px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; color: #8f969c; cursor: pointer; -webkit-appearance: none; -moz-appearance: none; -o-appearance: none; text-indent: -999999px !important; float: right; } select.responsive_menu { margin-top: -3px; } select.responsive_menu:hover {} /* Responsive menu ends */ #header, #footer, #main, #topbar, #sidebar-footer { min-width: 440px; } .wrapper { width: 440px; } #primary, #secondary { float: left; clear: left; width: 440px; } #sidebar-footer .wrapper { width: 400px; } #content, #home-content { width: 440px; border-bottom: 1px solid #d8dbdf; padding-bottom: 20px; margin-bottom: 40px; max-width: 440px !important; } #content.portfolio { border-bottom: none; padding-bottom: 0; } #home-content:last-of-type { border-bottom: none; margin-bottom: 0px; padding-bottom: 0px; } #content.one-column { border-bottom: none; margin-bottom: 0; } #portfolios { max-width: 440px !important; } #portfolios .element, #projects .element { height: auto !important; /* !important */ width: 440px !important; margin-right: 0; clear: both; } #portfolios .element:last-of-type, #projects .element:last-of-type { border-bottom: none; padding-bottom: 0; } #portfolios .element img, #projects .element img, #portfolios .element span.overlay, #projects .element span.overlay { width: 440px; height: 308px; } /**/ #projects { max-width: 440px !important; float: left; } #projects .element { width: 200px; } #projects .project_label, .project_label { /*left: 0; right: auto;*/ } #home-message .wrapper { width: 440px; } #home-message .custom-menu ul li { display: block; } #home-message .custom-menu ul.submenu { display: none; } /*.page-template-page-templateshomepage-php #header .wrapper, ------- maybe..... .page-template-page-templateshomepage-extended-php #header .wrapper { border-bottom: 1px solid #d8dbdf; }*/ .page-template-page-templateshomepage-php #main, .page-template-page-templateshomepage-extended-php #main { /*padding-top: 40px;*/ } #sidebar-footer .widget-area { width: 100%; float: left; margin-bottom: 40px; padding-right: 0; margin-right: 0; } #sidebar-footer .widget-area:last-child { border-bottom: none; } #sidebar-footer #second { width: 100%; margin-left: 0px; } #sidebar-footer #third { width: 100%; margin-right: 0; margin-left: 0px; } #site-generator { float: left; text-align: left; } #footer .custom-menu ul li { margin-left: 0px; display: block; margin-bottom: 2px; } p.footer-text { margin-top: 20px; } /**/ #player-video, .format-video .mejs-container, .mejs-overlay, .mejs-poster, .page-template-page-templatesblog-fullwidh-php #player-video, .page-template-page-templatesblog-fullwidh-php .format-video .mejs-container, .page-template-page-templatesblog-fullwidh-php .mejs-overlay, .page-template-page-templatesblog-fullwidh-php .mejs-poster { width: 440px !important; height: 284px !important; } #player-audio, .format-audio .mejs-container, .page-template-page-templatesblog-fullwidh-php #player-audio, .page-template-page-templatesblog-fullwidh-php .format-audio .mejs-container { width: 440px !important; } /**/ .search-results .search-thumb, .search-results .search-thumb span.overlay { display: none; } #footer .custom-menu { margin-top: 10px; margin-bottom: 0; } .contact-name, .contact-email, .contact-message { width: 440px; } .layout-1col #content { width: 440px; } #project-content { width: 440px; } .single-project .hentry { width: 440px; margin-right: 0; margin-bottom: 30px; } .single-project #content { border-bottom: none; margin-bottom: 0; } .single-project #secondary { display: none; } #project-details { float: left; clear: left; width: 100%; padding: 0; margin-bottom: 40px; border-bottom: 1px solid #d8dbdf; padding-bottom: 40px; } .project-link { float: left; clear: left; width: 260px; } span.comments-link { float: left; display: block; margin-top: 7px; width: 100%; } .commentlist .children li.comment { margin-left: 0; } #home-quote .wrapper, #clients-home .wrapper { width: 400px; } #portfolio-quote { width: 400px; } .related-item { /*height: auto !important;*/ width: 440px; /*margin-right: 0;*/ /* there's something strange here... */ } .related-item:last-of-type { border-bottom: none; padding-bottom: 0; } .related-item img { margin-right: 20px; } #related-posts p.desc, #related-projects p.desc { float: left; margin-right: 10px; } .contact-name { margin-right: 0; } .widget-blog figure.feat_img { max-width: 260px; } .archives-content { max-width: 100%; } /* =Masonry smartphones landscape */ .page-template-page-templatesblog-masonry-php #content, .page-template-page-templatesblog-masonry-sidebar-php #content { border-bottom: none; padding-bottom: 0; } .page-template-page-templatesblog-masonry-php #content .hentry, .page-template-page-templatesblog-masonry-sidebar-php #content .hentry { width: 400px; margin-right: 0; } .page-template-page-templatesblog-masonry-php #player-video, .page-template-page-templatesblog-masonry-php .format-video .mejs-container, .page-template-page-templatesblog-masonry-php .mejs-overlay, .page-template-page-templatesblog-masonry-php .mejs-poster, .page-template-page-templatesblog-masonry-sidebar-php #player-video, .page-template-page-templatesblog-masonry-sidebar-php .format-video .mejs-container, .page-template-page-templatesblog-masonry-sidebar-php .mejs-overlay, .page-template-page-templatesblog-masonry-sidebar-php .mejs-poster { width: 400px !important; height: 258px !important; } .page-template-page-templatesblog-masonry-php .format-gallery .gallery-thumb img, .page-template-page-templatesblog-masonry-sidebar-php .format-gallery .gallery-thumb img, .page-template-page-templatesblog-masonry-php .format-gallery .gallery-thumb span.overlay, .page-template-page-templatesblog-masonry-sidebar-php .format-gallery .gallery-thumb span.overlay { width: 400px; height: 280px; } .page-template-page-templatesblog-masonry-sidebar-php #primary, .page-template-page-templatesblog-masonry-sidebar-php #secondary { width: 400px; } .page-template-page-templatesblog-masonry-php #navigation, .page-template-page-templatesblog-masonry-sidebar-php #navigation { max-width: 400px; } /* Header Sidebar */ #sidebar-header { float: left; clear: left; text-align: left; margin-top: 20px; } #sidebar-header ul.mav-icons { float: left; } #sidebar-header li.mav-icon { margin: 0 8px 8px 0 !important; } .page-template-page-templatesblog-fullwidh-php #content.one-column { border-bottom: none; margin-bottom: 0; } .format-gallery .gallery-thumb { margin-right: 0px; } .format-gallery .gallery-thumb img, .format-gallery .gallery-thumb span.overlay { width: 440px; height: 308px; margin-right: 0px; } } /*-----------------------------------------------------------------------------------*/ /* Smartphones (portrait only) */ /*-----------------------------------------------------------------------------------*/ @media only screen and (min-width : 320px) and (max-width : 520px) and (orientation : portrait) { #header, #footer, #main, #topbar, #sidebar-footer { min-width: 280px; } .wrapper { width: 280px; } #primary, #secondary { float: left; clear: left; width: 280px; } #content, #home-content { max-width: 280px !important; } #home-message .wrapper { width: 280px; } #sidebar-footer .wrapper { width: 280px; } /**/ #player-video, .format-video .mejs-container, .mejs-overlay, .mejs-poster, .page-template-page-templatesblog-fullwidh-php #player-video, .page-template-page-templatesblog-fullwidh-php .format-video .mejs-container, .page-template-page-templatesblog-fullwidh-php .mejs-overlay, .page-template-page-templatesblog-fullwidh-php .mejs-poster { width: 280px !important; height: 181px !important; } #player-audio, .format-audio .mejs-container, .page-template-page-templatesblog-fullwidh-php #player-audio, .page-template-page-templatesblog-fullwidh-php .format-audio .mejs-container { width: 280px !important; } /**/ .contact-name, .contact-email, .contact-message { width: 279px; } .page-template-page-templatesblog-fullwidh-php #content { width: 280px; } #portfolios { max-width: 280px !important; } #portfolios .element { height: auto !important; /* !important */ width: 280px !important; border-bottom: none; margin-bottom: 30px !important; padding-bottom: 0; margin-right: 0; } #portfolios .element:last-of-type { border-bottom: none; padding-bottom: 0; } #portfolios h3.entry-title { margin-top: 20px; border-bottom: none; padding: 0; margin-bottom: 10px; float: none; } #portfolios p.project-description { float: none; max-width: 100%; width: 100%; margin-right: 0; } #portfolios .element img, .home.blog #portfolios .element img, .page-template-page-templateshomepage-2col-php #portfolios .element img { width: 280px; height: 196px; float: none; margin-right: 0; } #portfolios .element span.overlay, .home.blog #portfolios .element span.overlay, .page-template-page-templateshomepage-2col-php #portfolios .element span.overlay { width: 280px !important; height: 196px; } /**/ #projects { max-width: 280px !important; float: left; } #projects .element { width: 280px; margin-bottom: 30px; } #projects .element:last-of-type {} #projects p.project-description { max-width: 280px; } #projects .element span.overlay { width: 280px !important; height: 196px; } #portfolios h3.entry-title, #projects h3.entry-title { } #projects .element { width: 280px !important; } #portfolios .element img, #projects .element img { width: 280px; height: 196px; float: none; margin-right: 0; } /**/ #project-content { width: 280px; } .single-project .hentry { width: 280px; margin-bottom: 30px; } .commentlist .children li.comment { margin-left: 0; } .format-gallery .gallery-thumb { margin-right: 0; } .format-gallery .gallery-thumb img, .format-gallery .gallery-thumb span.overlay { width: 280px; height: 196px; margin-right: 0px; } #home-quote .wrapper, #clients-home .wrapper { width: 240px; } #portfolio-quote { width: 240px; } #related-posts, #related-projects { max-width: 280px; width: 100%; } .related-item { margin-right: 0; width: 280px; } #projects .element span.overlay { margin-left: 0; } .portfolio-header-description { max-width: 90%; } /* =Masonry smartphones portrait */ .page-template-page-templatesblog-masonry-php #content .hentry, .page-template-page-templatesblog-masonry-sidebar-php #content .hentry { width: 240px; margin-right: 0; } .page-template-page-templatesblog-masonry-php #player-video, .page-template-page-templatesblog-masonry-php .format-video .mejs-container, .page-template-page-templatesblog-masonry-php .mejs-overlay, .page-template-page-templatesblog-masonry-php .mejs-poster, .page-template-page-templatesblog-masonry-sidebar-php #player-video, .page-template-page-templatesblog-masonry-sidebar-php .format-video .mejs-container, .page-template-page-templatesblog-masonry-sidebar-php .mejs-overlay, .page-template-page-templatesblog-masonry-sidebar-php .mejs-poster { width: 240px !important; height: 155px !important; } .page-template-page-templatesblog-masonry-php .format-gallery .gallery-thumb img, .page-template-page-templatesblog-masonry-sidebar-php .format-gallery .gallery-thumb img, .page-template-page-templatesblog-masonry-php .format-gallery .gallery-thumb span.overlay, .page-template-page-templatesblog-masonry-sidebar-php .format-gallery .gallery-thumb span.overlay { width: 240px; height: 168px; } .page-template-page-templatesblog-masonry-sidebar-php #primary, .page-template-page-templatesblog-masonry-sidebar-php #secondary { width: 240px; } .page-template-page-templatesblog-masonry-php #navigation, .page-template-page-templatesblog-masonry-sidebar-php #navigation { max-width: 240px; } /**/ .mejs-overlay-button { margin-top: -45px !important; } /*#navi { float: left; margin-top: 20px; }*/ #logo { max-width: 75%; } } /* Desktops and laptops ----------- */ @media only screen and (min-width : 1025px) { /*1224px*/ /***** declared in style.css *****/ /*.related-item { width: 193px !important; } .related-item img, .related-item span.overlay { width: 193px; height: 135px; }*/ } /*-----------------------------------------------------------------------------------*/ /* Design */ /*-----------------------------------------------------------------------------------*/ /* All Mobile ----------- */ @media only screen and (min-width : 240px) and (max-width : 1024px) { #site-generator { float: none; margin-bottom: 20px; text-align: center; } /*#navi { margin-top: 5px; }*/ #project-details { border-bottom: none; padding-bottom: 0; border-top: 1px solid #d8dbdf; padding-top: 40px; } .project-link { float: none; margin: 0 auto; } a.project-link-button { margin-bottom: 20px; } } /* iPads (landscape) ----------- */ @media only screen and (min-width : 768px) and (max-width : 1024px) and (orientation : landscape) { #footer .custom-menu ul li { margin-bottom: 10px; display: inline-block; } .single-post .related-item { width: 193px !important; } .single-post .related-item img, .single-post .related-item span.overlay { width: 193px; height: 135px; } #navi { margin-top: 0px !important; } } /* iPads (portrait) ----------- */ @media only screen and (min-width : 768px) and (max-width : 1024px) { #navi { margin-top: 20px; } .page #content, .search-results #content { /*border-bottom: none; padding-bottom: 0; margin-bottom: 20px;*/ } #footer .custom-menu { margin-bottom: 30px; } #site-generator p.footer-text { max-width: 90%; } .portfolio-header-description { max-width: 90%; } #portfolio-quote p { font-size: 90%; } #content.portfolio, #home-content.portfolio { padding-bottom: 10px; } #primary+#secondary, #project-details+#secondary { border-top: none; padding-top: 0; } #primary { margin-left: 50px; } #related-projects .related-list { width: 104%; } #related-projects .related-item { margin-right: 20px; margin-bottom: 20px; margin-left: 0; } .project-link { float: none; margin: 0 auto; } a.project-link-button { margin-bottom: 20px; } #project-details { border-bottom: none; padding-bottom: 0; border-top: 1px solid #d8dbdf; padding-top: 40px; } /*.single-project .nav-previous { margin-left: 263px; }*/ p.footer-text.right { float: none; } } /* iPads (portrait) + orientation ----------- */ @media only screen and (min-width : 768px) and (max-width : 1024px) and (orientation : portrait) { #footer .custom-menu ul li { margin-bottom: 10px; display: block; } #portfolios h3.entry-title a, #projects h3.entry-title a { font-size: 30px; line-height: 32px; } } /* Smartphones (portrait + landscape) ----------- */ @media only screen and (min-width : 320px) and (max-width : 767px) { .page #content, .search-results #content { border-bottom: none; padding-bottom: 0; margin-bottom: 20px; } #footer .custom-menu { margin-bottom: 30px; } #footer .custom-menu ul li { margin-bottom: 10px; } #site-generator p.footer-text { max-width: 90%; } .search-results .nav-previous { /*margin-left: 132px;*/ } h1.page-title { font-size: 60px; line-height: 60px; } #portfolio-quote { padding-top: 20px; padding-bottom: 20px; } #projects .element { text-align: center; } #projects .element span.overlay { /*margin-left: 70px;*/ } #projects .project_label, .project_label { /*left: 10px;*/ } #content.portfolio, #home-content.portfolio { margin-bottom: 10px; } .widget-portfolio a.more-link, .widget-portfolio a:link.more-link, .widget-portfolio a:visited.more-link { float: none; } .format-gallery .gallery-thumb { width: 100%; } #primary .widget-portfolio figure.thumb_img span.overlay, #secondary .widget-portfolio figure.thumb_img span.overlay { margin-left: 90px; } /*.single-project .nav-previous { margin-left: 132px; }*/ .related-item { width: 193px; margin-right: 20px; } .related-item img, .related-item span.overlay { width: 193px; height: 135px; } #related-projects .related-list { margin-left: 15px; } #related-posts .related-list { margin-left: 17px; } #portfolios .element img, #projects .element img, #portfolios .element span.overlay, #projects .element span.overlay { float: none; } #portfolios .element, #projects .element { margin-bottom: 40px !important; } #portfolios h3.entry-title, #projects h3.entry-title, #portfolios p.project-description, #projects p.project-description { padding-left: 0; padding-right: 0; } #home-quote .wrapper p { max-width: 99%; } } /* Smartphones (portrait) ----------- */ @media only screen and (min-width : 320px) and (max-width : 520px) and (orientation : portrait) { .search-results .nav-previous { /*margin-left: 52px;*/ } blockquote { margin-right: 0px; } #projects .element span.overlay { margin-left: 0; } #projects .project_label, .project_label { /*left: 10px;*/ } #primary .widget-portfolio figure.thumb_img span.overlay, #secondary .widget-portfolio figure.thumb_img span.overlay { margin-left: 10px; } .format-gallery .gallery-thumb span.overlay { width: 280px; height: 196px; } /*.single-project .nav-previous { margin-left: 52px; }*/ .related-item { width: 220px; } .related-item img, .related-item span.overlay { width: 220px; height: 154px; } #related-projects .related-list { margin-left: 25px; } #related-posts .related-list { margin-left: 30px; } h3.related-title { font-size: 28px; line-height: auto; } .format-quote h1.quote { font-size: 32px; line-height: 34px; } #portfolios .element img, #projects .element img, #portfolios .element span.overlay, #projects .element span.overlay { margin-left: 0 !important; } } /* Desktops and laptops ----------- */ @media only screen and (min-width : 1025px) { /* .single-project .related-item { width: 220px !important; } .single-project .related-item img, .single-project .related-item span.overlay { width: 220px; height: 154px; } .single-project .related-list { float: none; max-width: 700px; margin: 0 auto; }*/ }