/* General ================================================== */ img{ max-width: 100%; } /*hide responsive menus*/ #top-bar .selector, #navigation .selector { display: none; } /* Apply To All Responsive Layouts ================================================== */ @media only screen and (max-width: 959px) { /*special hide class*/ .hide-all-devices{ display: none; } /*hide stuff*/ #navigation ul, #top-search, #related-posts .read-more, #home-slider .flex-direction-nav .flex-next, #home-slider .flex-direction-nav .flex-prev, .gallery-entry-excerpt{ display: none !important; } /*navigation top menu*/ #navigation .selector option{ background:#f5f5f5; -webkit-appearance:none; padding: 10px; border-bottom: 1px solid #ddd } #navigation .selector, #navigation .selector span{ cursor: pointer !important; -webkit-font-smoothing:antialiased } #navigation .selector, #navigation .selector *{ margin:0; padding:0 } #navigation .selector select{ top:0px; left:0px; height: 30px } #navigation{ right: 0; background: #ddd; width: 150px; height: 30px; margin-top: -15px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; text-decoration: none; border: 1px solid #ccc; font-size: 11px; cursor: pointer; font-family: inherit; color: #666; text-shadow: 1px 1px 1px #fff; font-weight: 600; background: #e5e5e5; background: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#ddd)); background: -moz-linear-gradient(top, #f5f5f5, #ddd); box-shadow: 0 0 3px rgba(0, 0, 0, 0.08); -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.08); -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.08); } #navigation:hover{ cursor: pointer; box-shadow: 0 0 4px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2); } #navigation .selector{ background: #ddd; color: #666; font-weight: 600; line-height: 30px; text-indent: 20px } #navigation .selector{ height: 30px; width: 60px; width: 100%; display:-moz-inline-box; display:inline-block; vertical-align:middle; zoom:1; *display:inline; cursor: pointer !important; position:relative; overflow:hidden; background: url("../images/responsive-drop-arrow.png") right center no-repeat; } #navigation .selector select:focus{outline:0; } #navigation .selector span{ display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap } #navigation .selector select{ position:absolute; height:30px; background:none; width:100%; font-family:"Helvetica Neue",Helvetica,Arial,sans-serif; font-size:12px; font-weight:500; border:0 !important } /*display dropdown nav*/ #navigation .selector { display: inline-block; } /*gallery*/ #single-gallery-left{ width: 100%; margin-bottom: 10px; } #gallery-buttons{ margin-top: 25px; padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px solid #eee; } #single-gallery-right{ width: 100%; } } /* #Tablet (Landscape) = Design for a width of 720px ================================================== */ @media only screen and (min-width : 768px) and (max-width : 1024px) { /*special hide class*/ .hide-tablet-landscape{ display: none; } #home-slider .flex-direction-nav .flex-next, #home-slider .flex-direction-nav .flex-prev{ display: none !important; } } /* #Tablet (Portrait) = Design for a width of 720px ================================================== */ @media only screen and (min-width: 768px) and (max-width: 959px) { /*special hide class*/ .hide-tablet-portrait{ display: none; } /*grid*/ .outerbox{ width: 720px; } .grid-2{ width: 330px; } .grid-3{ width: 226px; margin-right: 21px; margin-bottom: 21px } .grid-4{ width: 165px; } /*main*/ #post{ width: 480px } #sidebar{ width: 200px } /*blog*/ #author-bio{ width: 355px } /*gallery*/ #single-gallery-left{ margin-top: -15px; } /*search*/ .search-entry-text{ width: 300px; } } /* Mobile (Portrait) = Design for a width of 280px ================================================== */ @media only screen and (max-width: 767px) { /*special hide class*/ .hide-mobile-portrait{ display: none; } /*hide stuff*/ .flex-caption, #top-search input[type=search], .gallery-entry-description{ display: none !important; } /*grid*/ .outerbox{ width: 280px; } .grid-2, .grid-3{ width: 100%; } .grid-4{ width: 130px; } /*main*/ #post{ width: 100%; } #sidebar{ width: 100%; } #sidebar{ margin-top: 30px; padding-top: 30px; border-top: 4px solid #ddd; } /*header*/ #logo{ margin: 0 !important } #navigation{ position: relative; float: left; margin-top: 20px; } /*gallery*/ .flex-control-nav { right: 15px; bottom: 15px; } /*blog*/ #related-posts .alignleft{ max-width: 30% } .related-entry-excerpt{ display: none; } #author-bio{ width: 155px; } /*search*/ .search-entry-text{ width: 100%; margin-top: 25px; } /*widgets*/ /*footer*/ #footer-bottom, #footer-menu{ text-align: center; } #footer-menu{ margin-top: 5px; } #copyright, #social, .footer-menu{ width: 100%; float: none; } .footer-menu{ margin-top: 10px; text-align: center; } .footer-menu:before{ display: none; } #social{ position: inherit; top: auto; left: auto; clear: both; margin-top: 15px; } /*comments*/ .children { margin: 30px 0 0; } .children li.depth-2, .children li.depth-3, .children li.depth-4, .children li.depth-5, .children li.depth-6, .children li.depth-7, .children li.depth-8, .children li.depth-9, .children li.depth-10 { margin: 0 } /*shortcodes*/ .one-half, .one-third, .one-fourth, .one-fifth, .one-sixth, .one-two-third, .one-three-fourths { width: 100%; margin: 0 0 25px; } .alert-red.alignright, .alert-yellow.alignright, .alert-green.alignright, .alert-blue.alignright, .alert-red.alignleft, .alert-yellow.alignleft, .alert-green.alignleft, .alert-blue.alignleft { width: 100%; margin: 25px 0; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } /*comments*/ .children { margin: 30px 0 0; } .children li.depth-2, .children li.depth-3, .children li.depth-4, .children li.depth-5, .children li.depth-6, .children li.depth-7, .children li.depth-8, .children li.depth-9, .children li.depth-10 { margin: 0 } } /* Mobile (Landscape) = Design for a width of 440px ================================================== */ @media only screen and (min-width: 480px) and (max-width: 767px) { /*special hide class*/ .hide-mobile-portrait{ display: block; } .hide-mobile-landscape{ display: none; } /*header*/ #navigation{ right: 0; top: 50%; margin-top: -15px; float: none; position: absolute; } /*grid*/ .outerbox{ width: 440px; } .grid-2, .grid-3{ width: 100%; } .grid-4{ width: 133px; } /*blog*/ #author-bio{ width: 310px } .related-entry-excerpt{ display: block } /*search*/ .search-entry-text{ width: 260px; margin-top: 0; } } /* This Template Was Brought To You By RETAILTemplates@gmail.com Please leave a thank you at http://scriptmafia.org/user/RETAILTemplates/ We purchased these themes with our own money. Also, If you like the template please purchase it here: http://themeforest.net/item/share-gallery-photos-freebies-wordpress-theme/2880032?sso?WT.ac=search_item&WT.seg_1=search_item&WT.z_author=WPExplorer&ref=noref Thank you and of course - ENJOY! */