@media only screen and (min-width: 100px) and (max-width: 959px) { .home-content.regular {
display: none !important;
}
.home-content.responsive {
display: block !important;
} #footer ul#socialicons {
position: relative;     
text-align: center;
margin: 0 auto;
float: none;
padding: 8px 0 4px 0;
}
#footer ul#socialicons li,
#footer #socialicons li a	{
display: inline;
position: relative;
float: none;
}
#footer ul#socialicons img {
padding-top: 4px;
padding-bottom: 4px;
} .regular-menu {display: none;}
.responsive-menu, .mobile-menu, #navi-icon {display: block;}	
#topnavi .hide-on-mobile {display: none;}	
#topnavi { 
clear: both;
margin: 0 auto;
margin-top: 28px;
float: none;
position: relative;
z-index: 999;
}
#topnavi li { 
font-weight: normal;
text-transform: none;
}
#topnavi .unclickable {display: none;}
#topnavi {padding: 0;}
select.sf-menu {
-webkit-appearance: button;
-webkit-user-select: none;
background-position: center right;
background-repeat: no-repeat;
width: 100%;
font-size: 18px;
font-weight: bold;
text-align: center;
margin: 0;
overflow: hidden;
padding: 12px 20px;
height: 45px;
text-overflow: ellipsis;
margin-top: 6px;
text-transform: uppercase;
border: none;
z-index: 9999;
opacity: 0;
}
#navi-icon {
position: absolute;
top: 0;
text-align: center;
padding: 12px 20px;
height: 24px;
overflow: hidden;
text-transform: uppercase;
z-index: -99;
clear: both;
margin: 0 auto;
float: none;
}
#topnavi .sbHolder {
display: block;
height: 48px;
position: relative;    
z-index: 9999;
}
#topnavi .sbSelector{
display: block;
height: 24px;
left: 0;
line-height: 20px;
outline: none;
overflow: hidden;
text-indent: 10px;
top: 0;
padding: 12px;
text-align: center;
margin-top: 6px;
opacity: 0;
}
#topnavi .sbSelector:link,
#topnavi .sbSelector:visited,
#topnavi .sbSelector:hover{
outline: none;
text-decoration: none;
}
#topnavi .sbToggle{
background: url(//toutbaigne.com/wp-content/themes/soundboard/images/down.png) 0 0 no-repeat;
display: block;
height: 20px;
outline: none;
position: absolute;
right: 16px;
top: 12px;
width: 20px;
}
#topnavi  .sbToggleOpen{
background: url(//toutbaigne.com/wp-content/themes/soundboard/images/up.png) 0 0 no-repeat;
}
#topnavi .sbOptions{
list-style: none;
margin: 0;
margin-top: 20px;
padding: 20px 0 20px 0;
position: absolute;
top: 20px;
z-index: 1;
overflow-y: auto;
}
#topnavi .sbOptions li{
padding: 0 5px;
}
#topnavi .sbOptions a{                
text-align: center;
display: block;
outline: none;
padding: 7px 0 7px 5px;
font-size: 18px;
}
#topnavi .sbOptions a:link,
#topnavi .sbOptions a:visited{
text-decoration: none;
}
#topnavi .sbOptions a:hover,
#topnavi .sbOptions a:focus,
#topnavi .sbOptions a.sbFocus{
background-color: #323436;
} .page-content, .contact {
max-width: 100%;
} #homew1.grid_3,
#home-news,
#homew3.grid_3 {
margin: 0;
margin-bottom: 10px;
}
#sidebar.grid_3{
width: 100%;
margin-left: 10px;
}
#main_sidebar {
margin-left: 10px;
margin-right: 10px;
}
#woocommerce_sidebar {
margin-right: 20px;
} .blog-bottomborder {
margin-left: 10px;
} .album .mosaic-block img {
width: 100% !important;
}
.album-right {
margin-top: 40px;
} .gallery .mosaic-block img,
.gal-size,
.gallery-images li img {
width: 100% !important;
}  .gg_tourdates_widget ul{
width:110%;
} 
.tourwidget-item {
display: inline-block;
width: 210px;
padding-right: 20px;
} #wrapper .album-widget .button2 {
margin-top: 0;
margin-bottom: 8px;
} .gg_video_widget {
width: 106%;
}	
.mosaic-block-v {
width: 210px;
height: 136px;
}	
#wrapper .gg_video_widget .time-ago,
#footerwrapper .gg_video_widget .time-ago  {
display: block;
}          
#wrapper .gg_video_widget li,
#footerwrapper .gg_video_widget li	{
display: inline-block;
margin-bottom: 20px;
} #wrapper .gallery-widget {
width: 120%;
width: calc(100% + 40px);
}     
#wrapper .gallery-widget li {
display: inline-block;
} .flickr { 
width: 115%;
}
.flickr_badge_image img {
width: 80px;
height: 80px;        
}   	
} @media only screen and (min-width: 768px) and (max-width: 959px) { .top-bar-inner,
ul.login,
#headertop,
#logo,
#topnavi,
.sf-menu,
#slide-bg,
#bg-wrapper,
.blog #wrapper, .single-post #wrapper,
#footerwrapper,
ul.album, ul.gallery, .gallery-images, ul.video,
.gallery-images  {
width: 720px;
}
#wrapper   {
width: 700px;
}		
#navi-icon,
#slideshow,
.nivoSlider,
.page-template-template-home-php #wrapper,
#homew1.grid_3,
#home-news,
#homew3.grid_3 {
width: 680px;
}
#sidebar.grid_3	{
width: 700px;
}
.grid_12 {
width: 680px;
} #topnavi .sbHolder,
#topnavi .sbSelector,
#topnavi .sbOptions {
width: 720px;
} #slider {
height: 260px !important;
} 
#slide-bg {
height: 300px !important;
}
.nivo-caption {
//max-width: 160px;
bottom: 60px;
}
.nivo-caption p {
font-size: 20px;
line-height: 28px;
letter-spacing: 0 !important;		
} .page-template-template-audio-php #wrapper {
width: 700px;
} .gallery .mosaic-block,
.gallery-images li	{
height: 154px;
width: 154px;
margin-right: 20px;
} .album .mosaic-block {
height: 154px;
width: 154px;
margin-right: 20px;
}
.audio .aud-size {
width: 154px !important;
}		
.album-center {
margin: 0 0 0 40px;
}
.album-right {
float: none;
width: 100%;
} .video .mosaic-block-v {
height: 140px;
width: 213px;
}   .gallery-widget ul { 
margin-top: -10px;
}
.gallery-widget .gallery_item {
margin-right: 13px;
margin-top: 10px;
} .gg_images_widget .gallery-widget .gallery_item {
margin-right: 16px;
}	
.gg_images_widget .gallery-widget ul { 
margin-top: -9px;
}
.gg_images_widget .gallery-widget .gallery_item { 
margin-top: 9px;
} #comments ul.children { margin:  0 0 0 20px; }
.depth-1 .comment-body { width: 280px; }        
.depth-2 .comment-body { width: 260px; }        
.depth-3 .comment-body { width: 240px; }        
.depth-4 .comment-body { width: 220px; }        
.depth-5 .comment-body { width: 220px; }   
}  @media only screen and (max-width: 767px) {
.styleswitcher {display: none;} .grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12 { 
width: 440px; 
margin-left: 20px;
margin-right: 20px;
} .top-bar-inner,
ul.login,
#headertop,
#logo,
#topnavi,
.sf-menu,
#slide-bg,
#bg-wrapper,
#wrapper,
#footerwrapper,
ul.album, ul.gallery, .gallery-images, ul.video {
width: 480px;
}
.page-content,
.post-right-single {
width: 440px;
}		
#navi-icon,
#slideshow,
.nivoSlider,
.page-template-template-home-php #wrapper,
#homew1.grid_3,
#home-news,
#homew3.grid_3 {
width: 440px;
}
#sidebar.grid_3 {
width: 460px;
} ul#socialicons.social-top {
position: relative;     
text-align: center;
margin: 0 auto;
float: none;
padding: 8px 0 4px 0;
margin-bottom: 8px;
}
ul#socialicons.social-top li,
#socialicons.social-top li a	{
display: inline;
position: relative;
float: none;
}
.social-top img {
max-height: 16px;
padding: 8px 0 0;
} #logo {
text-align: center;
} #topnavi .sbHolder,
#topnavi .sbSelector,
#topnavi .sbOptions {
width: 480px;
} #slider {
height: 168px !important;
} 
#slide-bg {
height: 208px !important;
}
.nivo-caption {
//max-width: 145px;
bottom: 20px;
right: 8px;
}
.nivo-caption p {
font-size: 15px;
line-height: 20px;
letter-spacing: 0 !important;
}		
.nivo-directionNav {
display: none;
} h1.pagetitle {
text-align: center;
} .postinfo {
margin: 0;
padding: 0;
width: 100%;
}
.postinfo ul {
margin: 0;
padding: 0;
width: 100%;
}
.postinfo ul li,
li.infotitle {
text-align: left;
float: left;
}
.post-date {
margin-top: 10px;
}
li.infotitle {
width: auto;
margin: 0 4px 0 0;
}
li.tweet-button, 
li.fb-button, 
.author, 
.commentnr, 
h6.infotitle, 
li.infotitle {
clear: none;
}
li.tweet-button, 
li.fb-button {
margin-right: 4px;
}	
.date-r, .author, .commentnr {
margin-right: 20px;
} 
.entry-single, .post-right, .title, .tnail, .entry { width: 100%; }
.blog-bottomborder {
margin-left: 0;
width: 100%;
} .audio .mosaic-block {
height: 210px;
width: 210px;
}	
.audio .aud-size {
width: 210px !important;
}
.album-center,
.album-right {
float: none;
width: 100%;
}
.album-center {
margin: 0;
} .gallery .mosaic-block,
.gallery-images li {
height: 133px;
width: 133px;
} .tour {
width: 440px;
}
h5.pastdates-year {
text-align: center;
margin-bottom: 20px;
} .tour table,
.tour thead,
.tour tbody,
.tour th,
.tour td,
.tour tr { 
display: block; 
}
.tour tr {
border-bottom: 1px dashed #444;
padding-bottom: 10px;
margin-bottom: 20px;
}
.tour table td {
border-bottom: none;
text-align: center;
padding: 4px 0;
}
.tour td { border: none;
position: relative;
padding-left: 50%;
width: 100%;
}
.tour table td.tour-date,
.tour table td.tour-event,
.tour table td.tour-track,
.tour table td.tour-city,
.tour table td.tour-sanction,
.tour table td.tour-classes,
.tour table td.tour-coverage,
.tour table td.tour-time {
padding-right: 0px;
}
.tour td:before { position: absolute; top: 6px;
left: 6px;
width: 45%; 
padding-right: 10px; 
white-space: nowrap;
}
.tour-button,
.soldout,
.cancelled {
float: none;
margin: 10px 0;
display: inline-block;
} #contactform {
width: 430px;
}
#contactform textarea#commentsText, 
#contactform input#contactName,
#contactform input#email 	{
width: 100% !important;
}
#contactform li {
margin-bottom: 10px;
} #commentform {
width: 98%;
}
#commentform textarea, 
#commentform input#author,
#commentform input#email {
width: 100% !important;
}
#commentform li {
margin-bottom: 10px;
}  .gallery-widget ul { 
margin-top: -7px;
}
.gallery-widget .gallery_item {
margin-right: 10px;
margin-top: 7px;
}
.gallery-images-w li img {
width: 180px;
} .gg_images_widget .gallery-widget .gallery_item {
margin-right: 13px;
}	
.gg_images_widget .gallery-widget ul { 
margin-top: -6px;
}
.gg_images_widget .gallery-widget .gallery_item { 
margin-top: 6px;
} .widget-area {
margin-top: 0;
}
.widget {
margin-bottom: 10px;
} #comments ul.children { margin: 0; }
.depth-1 .comment-body,     
.depth-2 .comment-body,     
.depth-3 .comment-body,       
.depth-4 .comment-body,       
.depth-5 .comment-body { width: 270px; }
.commentlist li,
.commentlist li ul.children li {
margin-top: 10px;
}
#commentform textarea {
width: 260px;
}
.comment-text {
padding-bottom: 40px;
}
h6#comments-number {
padding: 0;
}
.nav_pagination_bottom {
margin-left: 0;
}        
#respond {
margin: 0;
}
.comments-closed {
margin-left: 0;
} .pp_pic_holder.pp_default { width: 100%!important; left: 0!important; overflow: hidden; }
div.pp_default .pp_content_container .pp_left { padding-left: 0!important; }
div.pp_default .pp_content_container .pp_right { padding-right: 0!important; }
.pp_content { width: 100%!important; height: auto!important; }
.pp_fade { width: 100%!important; height: 100%!important; }
a.pp_expand, a.pp_contract, .pp_hoverContainer, .pp_gallery, .pp_top, .pp_bottom { display: none!important; }
#pp_full_res img { width: 100%!important; height: auto!important; }
.pp_details { width: 94%!important; padding-left: 3%; padding-right: 4%; padding-top: 10px; padding-bottom: 10px; background-color: #fff; margin-top: -2px!important; }
a.pp_close { right: 10px!important; top: 10px!important; } .one_half,
.one_third,
.two_third,
.one_fourth,
.three_fourth,
.one_fifth,
.two_fifth,
.three_fifth,
.four_fifth,
.one_sixth,
.five_sixth { width: 100%;
margin-right: 0!important;
clear: right;
} .pullquote_left, 
.pullquote_right
{    	
width: 380px;
}   
}  @media only screen and (max-width: 479px) { .grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12 { width: 270px; } .top-bar-inner,
ul.login,
#headertop,
ul#socialicons.social-top,
#logo,
#topnavi,
.sf-menu,
#slide-bg,
#bg-wrapper,
#wrapper,
#footerwrapper,
ul.album, ul.gallery, .gallery-images, ul.video  {
width: 310px;
}
.page-content,
.post-right-single {
width: 270px;
}		
#navi-icon,
.page-template-template-home-php #wrapper,
#homew1.grid_3,
#home-news,
#homew3.grid_3	{
width: 270px;
}
#sidebar.grid_3	{
width: 290px;
} #topnavi .sbHolder,
#topnavi .sbSelector,
#topnavi .sbOptions {
width: 310px;
} #slide-bg {
height: 116px !important;
margin-top: 20px;
}	
#slider {
height: 116px !important;
} 
#slideshow {
margin: 0;
}
#slideshow,
.nivoSlider	{
width: 310px;
}
.nivo-caption {
//max-width: 145px;
}
.nivo-caption p {
font-size: 15px;
line-height: 20px;
letter-spacing: 0 !important;
} .page-template-template-home-php #wrapper {
margin-top: 20px;
} .infotitle.sb-share {
clear: both;
}
.tnail-h img {
width: 270px;
} .tour {
width: 270px;
} .audio .mosaic-block {
height: 270px;
width: 270px;
}	
.audio .aud-size {
width: 270px !important;
}
.album-left {
width: 270px;
}		
.album-artwork {
height: 270px;
}
.album-artwork img {
width: 100%;
} .gallery .mosaic-block,
.gallery-images li {
height: 125px;
width:125px;
} .video .mosaic-block-v {
height: 140px;
width: 270px;
} 
.video .video img {
width: 270px;
} 
.video .yt-image {
left: 0px;
}
.video .vid-size {
width: 270px !important;
} #contactform {
width: 260px;
}
#contactform textarea#commentsText, 
#contactform input#contactName,
#contactform input#email 	{
width: 100% !important;
}
#contactform li {
margin-bottom: 10px;
} .depth-1 .comment-body,     
.depth-2 .comment-body,     
.depth-3 .comment-body,       
.depth-4 .comment-body,       
.depth-5 .comment-body { width: 200px; }  .gallery-widget img {
width: 125px;
height: 125px;
}
.gallery-widget ul { 
margin-top: -16px;
}
.gallery-widget .gallery_item {
margin-right: 20px;
margin-top: 16px;
}
.gallery-images-w li img {
width: 180px;
}
.gw-size {
width: 105px !important;
} .gallery-widget .mosaic-block-gw {
height: 125px;
width: 125px;
}
.gg_images_widget .gallery-widget .gallery_item { 
width: 125px;
}        
.gg_images_widget .gallery-widget .gallery_item {
margin-right: 20px;
}	
.gg_images_widget .gallery-widget ul { 
margin-top: -13px;
}
.gg_images_widget .gallery-widget .gallery_item { 
margin-top: 13px;
} .album-widget .album_item img,
.album-widget .mosaic-block-a 	{
width: 270px;
height: 270px;
}
.album-widget .aw-size {
width: 270px !important;
} .gg_video_widget,
.gg_video_widget li	{
width: 100%;
}	
.gg_video_widget .mosaic-block-v {
width: 100%;
height: 175px;
margin-right: 0;
}	
.gg_video_widget .yt-image {
height: 204px;
width: 310px !important;
left: 0;
top: -29px;
}
.gg_video_widget .vid-size {
width: 246px !important;
}	
.gg_video_widget .video img, .gg_video_widget .video_item img {
width: 100%;
height: initial;
} .flickr { 
width: 115%;
margin-top: -13px;
}
.flickr_badge_image img {
width: 80px;
height: 80px;        
} 
.flickr_badge_image {
margin: 13px 13px 0 -4px;        
} .pullquote_left, 
.pullquote_right
{    	
width: 260px;
}  
}