File: /home/vmasmheia229/domains/overtoneband.com/html/wp-content/themes/bigcity/mobile-style.css
/*---------------------------------------------------------------*/
/* All devices
/*---------------------------------------------------------------*/
@media only screen and (min-device-width : 320px) and (max-device-width : 1024px){
html {-webkit-text-size-adjust: none; }
}
/* Smaller than standard 960 (devices and browsers) */
@media only screen and (max-width: 959px) {
body { overflow-x: hidden; }
#sidebar_right, #sidebar_left , #recent_post_slider, #primary-main-menu, #footer_button, .devices_hide, .widget_nav_menu, #topcontrol{ display: none; }
.entry-content img { max-width: 100% !important; height: auto; display: block; }
.alignnone, .alignleft { margin: 5px 0px; }
#wrapper embed,#wrapper object,#wrapper iframe {width:100% !important;}
#aligner {width:auto; margin:auto;}
#container, #slider_home, #slider_box_shadow, h1.entry-title, .title_box_shadow {margin-left: 0px;}
.su-frame {max-width:100% !important;}
.pagerbox {width:100%;}
#sliding_footer{/* for IE */ filter:alpha(opacity=95); /* CSS3 standard */ opacity:0.95; width:100%; position:static; bottom:0;}
#footer_content {display: block;}
}
/* Tablet Portrait size to standard 960 (devices and browsers) PORTRAT TABLET */
@media only screen and (min-width: 768px) and (max-width: 959px) {
body {
font-size: 102%;
}
.mobileMenu {
display: block;
padding: 8px;
margin: 20px auto;
width: 700px;
}
.size-wrap, #wrapper, #content, #content_right {
width: 700px !important;
}
#header {
margin: 0px auto;
width: 700px;
}
#logo{left:0;}
#header-widget-area {right:0;}
#navigation-block {
position: relative;
width: 700px;
margin:0 auto;
}
#header-widget-area ul li {
float:none;
}
#slider_box_shadow, .content_box_shadow_small, .su-divider2, #content_box_shadow, .title_box_shadow, #contact_box_shadow, #content_box_shadow_small {
background-size: 100% 18px !important;
}
.title_box_shadow_small {
background-size: 100% 10px !important;
}
#featured, div.orbit-wrapper, #map_canvas {width:686px !important;}
#featured img, #custom_header_img img{
max-width:686px !important;
}
#portfolio2{margin-left: -20px;}
.portfolio-item-two{background-size: 100% 12px !important;}
.portfolio-item-two-container{ float:left; width: 320px; border: 1px solid #f6f6f6; padding:10px 7px 0 10px; background:#f6f6f6; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
.portfolio-item-text-two{ float:left; margin-top:-5px; line-height: 1.5; width: 320px; min-height:270px; max-height:270px;}
.portfolio-item-two img{width: 318px; height:auto;}
#portfolio{margin-left: 0px; margin-bottom:40px}
.portfolio-item{ float:none; width: 682px; border: 1px solid #f6f6f6; background:#f6f6f6; padding:8px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
.portfolio-item-text{float:none; width: 682px; margin-left: 0px; }
.portfolio-item img{width: 682px; height:auto;}
.thumbnail {border: none; float: left; padding: 0px; }
.portfolio-item-text h3 {margin: 0px -0px 30px -0px !important; padding-left: 10px; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px;}
#portfolio3{margin-left: -50px;}
.portfolio-item-three{ float:left; margin:0 0 9px 50px; }
.portfolio-item-three-container{ float:left; width:310px;}
.portfolio-item-text-three{ float:left; margin-top:-5px}
.portfolio-item-three img, .portfolio-item-text-three h3 {width:309px; height:auto;}
#portfolio4{margin-left: -21px; }
.portfolio-item-four{ float:left; margin:0 0 10px 21px; padding:0 0 10px 0; }
#footer_all, #footer-widget-area {margin: 0 auto; width: 700px; }
#footer-widget-area .widget-area { width:350px !important; }
#footer_info_content{width:700px; height:60px; margin:0 auto; overflow: hidden;}
#footer-widget-area {padding-left:0px;}
.authorinfo {width:540px;}
}
/* All Mobile Sizes (devices and browser) ALL MOBILES */
@media only screen and (max-width: 767px) {
.su-column-1-2, .su-column-1-3, .su-column-2-3, .su-column-3-4, .su-column-1-4, .su-column-1-5, .su-column-2-5, .su-column-3-5, .su-column-4-5, .su-column-1-6, .su-column-5-6 {
width: 100% !important;
float: none !important;
}
.contact-form input[type="text"], .contact-form textarea {width: 96% !important;}
#slider_box_shadow, .content_box_shadow_small, .su-divider2, #content_box_shadow, .title_box_shadow, #contact_box_shadow, #content_box_shadow_small {
background-size: 100% 15px !important;
}
.title_box_shadow_small {
background-size: 100% 7px !important;
}
#logo{left:auto; bottom:auto; position:static; text-align:center; margin-top:20px;}
#header-widget-area {right:auto; bottom:auto; position:static; text-align:center !important;}
#header {height:auto !important;}
#header-widget-area ul li {
float:none;
}
#header-widget-area ul li, #header ul {margin-left:0px; padding:0;}
#header-widget-area ul li {padding:10px 0 0 0;}
#header .smw_right, #header .smw_left {text-align:center !important;}
#header-widget-area .Social_Widget {margin-top:0px;}
.portfolio_box_shadow {background-size:100% 12px;}
#footer-widget-area {padding-left:0px;}
}
/* Mobile Landscape Size to Tablet Portrait (devices and browsers) LANDSCAPE MOB */
@media only screen and (min-width: 480px) and (max-width: 767px) {
body {
font-size: 102%;
}
#wrapper embed,#wrapper object,#wrapper iframe {height:auto !important;}
.size-wrap, #wrapper, #content, #content_right {
width: 460px !important;
}
#logo img{max-width:460px;}
.mobileMenu {
display: block;
padding: 8px;
margin: 20px auto;
width: 460px;
}
#header-widget-area .widget_search #s {width: 420px !important; padding:5px;}
#navigation-block {
position: relative;
width: 460px;
margin:0 auto;
}
#header {
margin: 0px auto;
width: 460px;
}
#featured, div.orbit-wrapper, #map_canvas {width:446px !important;}
#featured img, #custom_header_img img{
max-width: 446px !important;
}
#portfolio2{margin-left: -20px;}
.portfolio-item-two{background-size: 100% 12px !important;}
.portfolio-item-two-container{ float:left; width: 450px; border: 1px solid #f6f6f6; padding:10px 7px 0 10px; background:#f6f6f6; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
.portfolio-item-text-two{ float:left; margin-top:-5px; line-height: 1.5; width: 440px; }
.portfolio-item-two img{width: 438px; height:auto;}
#portfolio{margin-left: 0px; margin-bottom:40px}
.portfolio-item{ float:none; width: 450px; border: 1px solid #f6f6f6; background:#f6f6f6; padding:8px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
.portfolio-item-text{float:none; width: 438px; margin-left: 0px; }
.portfolio-item img{width: 438px; height:auto;}
.thumbnail {border: none; float: left; padding: 0px; }
.portfolio-item-text h3 {margin: 0px -0px 30px -0px !important; padding-left: 10px; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px;}
#portfolio3{margin-left: -10px;}
.portfolio-item-three{ float:left; margin:0 0 9px 10px; }
.portfolio-item-three-container{ float:left; width:210px;}
.portfolio-item-text-three{ float:left; margin-top:-5px}
.portfolio-item-three img, .portfolio-item-text-three h3 {width:209px; height:auto;}
#portfolio4{margin-left: -21px; }
.portfolio-item-four{ float:left; margin:0 0 10px 21px; padding:0 0 10px 0; }
#footer_all, #footer-widget-area {margin: 0 auto; width: 460px; }
#footer-widget-area .widget-area { width:460px !important; }
#footer_info_content{width:460px; height:auto; margin:0 auto; overflow: hidden;}
#footer_copy, #logo_small, #copyrights-area {float:none; text-align:center;}
#footer_copy{height:auto;}
#footer_info {height:auto;}
.authorinfo {width:300px;}
}
/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {
body {
font-size: 102%;
}
embed, object, iframe {height:auto !important;}
.size-wrap, #wrapper, #content, #content_right {
width: 312px !important;
}
#logo img{max-width:312px;}
.mobileMenu {
display: block;
padding: 8px;
margin: 20px auto;
width: 312px;
}
#header-widget-area .widget_search #s {width: 274px !important; padding:5px;}
#navigation-block {
position: relative;
width: 312px;
margin:0 auto;
}
#header {
margin: 0px auto;
width: 312px;
}
#featured, div.orbit-wrapper, #map_canvas {width:298px !important;}
#featured img, #custom_header_img img{
max-width: 298px !important;
}
#portfolio2{margin-left: -20px;}
.portfolio-item-two{background-size: 100% 12px !important;}
.portfolio-item-two-container{ float:left; width: 294px; border: 1px solid #f6f6f6; padding:10px 7px 0 10px; background:#f6f6f6; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
.portfolio-item-text-two{ float:left; margin-top:-5px; line-height: 1.5; width: 294px; }
.portfolio-item-two img{width: 290px; height:auto;}
#portfolio{margin-left: 0px; margin-bottom:40px}
.portfolio-item{ float:none; width: 294px; border: 1px solid #f6f6f6; background:#f6f6f6; padding:8px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
.portfolio-item-text{float:none; width: 294px; margin-left: 0px; }
.portfolio-item img{width: 294px; height:auto;}
.thumbnail {border: none; float: left; padding: 0px; }
.portfolio-item-text h3 {margin: 0px -0px 30px -0px !important; padding-left: 10px; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px;}
#portfolio3{margin-left: 0px;}
.portfolio-item-three{ float:none; margin:0 0 9px 0px; }
.portfolio-item-three-container{ float:none; width:297px;}
.portfolio-item-text-three{ float:none; margin-top:-5px}
.portfolio-item-three img, .portfolio-item-text-three h3 {width:296px; height:auto;}
#portfolio4{margin-left: 0px; }
.portfolio-item-four{ float:left; margin:0 0 10px 0px; padding:0 0 10px 0; }
.portfolio-item-four-container{ float:left; width: 297px; }
.portfolio-item-four img, .portfolio-item-text-four h3 {width:296px; height:auto;}
#footer_all, #footer-widget-area {margin: 0 auto; width: 312px; }
#footer-widget-area .widget-area { width:312px !important; }
#footer_info_content{width:312px; height:auto; margin:0 auto; overflow: hidden;}
#footer_copy, #logo_small, #copyrights-area {float:none; text-align:center;}
#footer_copy{height:auto;}
#footer_info {height:auto;}
.authorinfo {width: 250px; float: none;}
#authorarea p {padding:0px}
#authorarea h3 {padding:10px 0px 0;}
}