@media only screen and (max-device-width: 768px) {
img.custom-logo {
width:70px;
height:auto;
margin-top: -5px;
}
} @media only screen and (max-width: 1024px) {
.navbar-default .navbar-collapse {
background: rgba(0, 0, 0, 0.9);
padding:15px;
}
}
@media only screen and (max-device-width: 768px) {
#content div.product div.summary, .woocommerce div.product div.summary, .woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.summary {
width:100%;
}
}
@media only screen and (max-device-width: 768px) {
section {
background-position: center!important;
background-repeat: no-repeat!important;
background-size: cover!important;
}
} @media only screen and (max-device-width: 768px) {
section h2.section-heading {
font-size:2em;
}
} @media only screen and (max-device-width: 768px) {
.woocommerce .products ul, .woocommerce ul.products {
margin: 0 0 0 0; 
} 
} @media only screen and (max-device-width: 768px) {
.woocommerce #content div.product div.summary, .woocommerce div.product div.summary, .woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.summary {
width:100%;
}
} @media only screen and (max-device-width: 768px) { #section1 h3.section-subheading{color:#777;} 
#section1 h4.service-heading{color:#ffffff;}
#section1 p.text-muted{color:#ffffff;} #section1{background-image:none;}
#section1 { background-color: #0000005c;
}
#section1:before{background:rgba(0,0,0,1);}
#section1 .col-sm-4 {
padding-top: 15px; padding-bottom: 15px; width:100%;
box-shadow: 10px 10px 20px 5px #000000bd;		
background: rgba(6, 6, 6, 0.53);
} #section2 .testimonial-inner .testimonial-header{color:#fff;}
.bx-wrapper .bx-caption span{background:#fff; color:#000} #section2{background-image:none;}
#section2 { background-color: #0000005c;
}
#section2:before{background:rgba(0,0,0,1);}  #section3:before {  opacity: 0.6; filter: alpha(opacity=60); zoom: 1; } #section3 {background-image:none;}
#section3 { background-color: #0000005c;
}
#section3:before{background:rgba(0,0,0,1);}
#section3 h2.section-heading{color:#404040;}
#section3 h3.section-subheading{color:#404040;} #section8 h2.section-heading{color:#333;}
#section8 h3.section-subheading{color:#777;} #section8 {background-image:none;}
#section8 {background-color: #000000d1;}
#section8:before{background:rgba(0,0,0,1);}  #section4:before {
background-color: #333;
opacity: 0.3; filter: alpha(opacity=30); zoom: 1; } #section4 {background-image:none}
#section4 { background-color: #0000005c;
}
#section4:before{background:rgba(0,0,0,1);}
#section4 h2.section-heading {
color: #fff;
text-shadow: 1px 1px #2F2F2F;
}
#section4 h3.section-subheading {
color: #fff;
text-shadow: 1px 1px #2F2F2F;
}
#section4 .col-sm-4 {
padding-top: 15px; padding-bottom: 15px; width:100%;
box-shadow: 10px 10px 20px 5px #000000bd;		
background: rgba(6, 6, 6, 0.53);
}
div.row.wow.fadeInRight {
padding-top:15px;
padding-bottom:15px;
}
.team-member img {
float: none;	
margin: auto; border: 7px solid #fff;
}
.team-member img:hover { border: 7px solid #c7c2c2;
}
.img-circle {
border-radius: 50%;
}
#section4 .team-member p.text-muted {
color: #c7c2c2;
text-shadow: 1px 1px #2F2F2F;
}
#section4 .team-member p {
color: #fff;
text-shadow: 1px 1px #2F2F2F;
}
.team-member p {
text-align: left;
margin: 0 40px 0 20px;
}
.col-md-4 th-1 {
width:100%;
box-shadow: 10px 10px 20px 5px #000000bd;		
background: rgba(6, 6, 6, 0.3);
}  #section5:before {
background-color: #000000;
opacity: 0.4; filter: alpha(opacity=40); zoom: 1; } #section5 {background-image:none;}
#section5 { background-color: #0000005c;
}
#section5:before{background:rgba(0,0,0,1);}
#section5 .section-heading{color:#fff;}
#section5 h3.section-subheading.contact{color:#fff;}  #price-package .post-title h1{color:#fff;}
#price-package .post-title p{color:#fff;}
#price-package{background:rgba(0, 0,0, 0);}
} @media only screen and (max-width: 768px) {.woocommerce-currency-switcher
{
margin: 0px auto;
padding: 5px 0;
overflow: hidden;
white-space: nowrap;
background-repeat: no-repeat;
background-position: 0 center;
background-size: 40px;		
}
}
@media only screen and (max-width: 768px) {.woocommerce-currency-switcher
{
border: solid #CCC 1px;
color: #555;
background-color: #FAFAFA;
font-size: 12px;
font-family: verdana;
line-height: 20px;
min-width: 100px;
max-width: 300px;
margin-bottom: 7px;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;	
}
}    @media only screen and (max-device-width: 768px) {
.woocommerce-info a.showcoupon:link {
color: #93bde1;
} .woocommerce-info a.showcoupon:visited {
color: #93bde1;;
} .woocommerce-info a.showcoupon:hover {
color: #fec503;
} .woocommerce-info a.showcoupon:active {
color: #fec503;
}  a.woocommerce-terms-and-conditions-link:link {
color: #93bde1;
} a.woocommerce-terms-and-conditions-link:visited {
color: #93bde1;;
} a.woocommerce-terms-and-conditions-link:hover {
color: #fec503;
} a.woocommerce-terms-and-conditions-link:active {
color: #fec503;
}
}  @media only screen and (max-device-width: 768px) {
div.playWhiteKeys {
width: auto;
height: auto;	
}
div.playWhiteKeys:hover, div.playWhiteKeys.active {
width: auto;
}
div.playWhiteKeysTwin {
width: auto;
height: auto;		
}	
div.playWhiteKeysTwin:hover, div.playWhiteKeys.active {	
width: auto;
}
}  @media only screen and (max-device-width: 768px) { .page-content .sidebar {
margin-left: 0px;
overflow: hidden;
position: fixed;
float: left;
top: 50px;
padding-right: 1040px;
z-index: 9999;
}
}