/* ==|== print styles =======================================================

   ========================================================================== */



@media print {

* {

	background: transparent !important;

	color: black !important;

	box-shadow:none !important;

	text-shadow: none !important;

	filter:none !important;

	-ms-filter: none !important;

}

a, a:visited {

	text-decoration: underline;

}

a[href]:after {

	content: " (" attr(href) ")";

}

abbr[title]:after {

	content: " (" attr(title) ")";

}

 .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after {

content: "";

}

pre, blockquote {

	border: 1px solid #999;

	page-break-inside: avoid;

}

thead {

	display: table-header-group;

}

tr, img {

	page-break-inside: avoid;

}

img {

	max-width:100%;

}

 @page {

margin: 0.5cm;

}

p, h2, h3 {

	orphans: 3;

	widows: 3;

}

h2, h3 {

	page-break-after: avoid;

}

}

 @media only screen and (min-width: 768px) and (max-width: 959px) { 



 #menu-button-inner a {

display:none;	

}

 #nav1 a {

font-size:11px !important;

padding:0 4px !important;

line-height:46px !important;

}

 #menu-drink {

display:block !important;

}

 .mobile-list li ul li a {

font-size:13px;

}

 .mobile-list li span {

font-size:13px;

}

 .repair-mobile-center {

width:58% !important;

}

 .repair-mobile-center h5 {

 text-align: left !important;

}

.search-box {

width:50% !important;

}

.social-icons img {

margin-right:222px !important;

}

.repair-img {

float:left !important;

}

.repair-mobile-center p {

 text-align: left !important;

}

 .mobile-list li {

 width:auto;

 height:auto;

}

 .search-box {

float:none;

width:50%;

}

 .main {

 width:100%;

max-width:960px;

min-width:320px;

}

#content-area-heading h1 {

line-height:230% !important;

}

#content-inner {

margin-top:0px;

}

.footer-nav .address {

 float: left !important;

 margin: 0 0 0 55px !important;

 width:29% !important;

  margin-right:35%;

}

.social-icons img {

width:auto !important;

margin-right:147px;

}

.footer-nav li {

float:none !important;

width:auto !important;

}

.footer-nav ul {

width:auto !important;

}

.social-icons ul li {

float:left !important;

}

.footer-bot ul {

float:none !important;

padding-bottom:30px;

}

.paypal {

width:100% !important;

}

.footer-bot span {

float:none;

}

.header {

 background: url("../images/bg/top-header-bg.jpg") repeat-x scroll left top transparent !important;

 min-height: 151px;

}



.social-icons{ width:23%;}





.region-shop-accessories-product > div{ float:left; width:49.2%;}

.span_5_of_10{width:100%;}

#main-content #block{width:490px!important;}

#nav{width:auto;}



.sidebarinfo a span{ color:#585858;}

.sidebarinfo a span span{ color:#20508F;}

#sidebar{ width:40%;}

.views-widget #search{  background: url("../images/bg/search.jpg") no-repeat scroll right top transparent;

    border-radius: 5px 0 0 5px;

    height: 17px;

	border-bottom:0px;

	

	}

	#main-content #sidebar{ width:33%;}

	#footer{background:url("../images/icon/footer-bg.jpg") repeat scroll left top transparent;}

	.gallery .form-actions.form-wrapper input[type="submit"]{ width:100%;}

	

#main-content div .mobile-list li ul li{  font-size:13px;}

#main-content div .mobile-list li{ width:26%;}

#main-content div .mobile-list li ul li{ width:48%;}

.forward-page{ width:97px;}

#main-content div .mobile-list li ul li{ width:auto;}

#main-content div .mobile-list li ul{ margin-left:-10px; padding-top: 10px; width: 112%;}



#block-views-our-location-block-1{ width:40%;}

.social-icons{ width:auto;}

.repair-mobile-center .social-share a{ margin-right:3px;}

.view-our-location .views-row{ width:auto; float:none;}

#footer-section{ background:url("../images/icon/footer-bg.jpg") repeat-x;}

#footer-section .block.last{ float:left;}



#footer-section .block.last{ float:left;}

.footer-bot ul.menu li{ float:none; display:inline;}

.footer-bot ul.menu{  white-space:nowrap;}

.footer-bot ul.menu{ padding-bottom:0px;}

#main-content .block-items p{ font-size:13px;}

.region.region-shop-accessories-product > div{ float:left; width:100%;}

#block-content {

    margin-right: 2%;

    width: 61%;

}

#main-content .block-items p{ font-size:17px; width:50%;}

.block-items img{ max-width:50%;}

#block-views-shop-accessories-online-block > div{ width:50%; float:left;}

#sidebar .views-exposed-form .views-exposed-widget{ width:100%;}

#main-content #sidebar{ width:37%; float:left;}

#sidebar .views-exposed-form div input.form-text{ text-align:center;}



.main .article{ padding-left:2%;}

#footer-section{ font-size:11px;}

#footer-section .block{ margin-left:2%;}

#block-views-repair-services-block{ width:40%;}

#block-views-our-location-block-1{ width:52%;}

.view-our-location .views-row{ float:left; width:50%;}

#footer-section .block.last{ float:none;}

#footer{ padding-top:20px;}

#footer-section{ padding-top:0px;}

#footer-section .block.last{ float:none; overflow:hidden; width:100%;}

#footer-section img{ float:right; margin-right:20%; margin-top:-20px;}

#footer-section .block h2{ padding-top:30px;}

#block-menu-menu-bottom-menu{ margin-left:0%;}

#footer-section .block.last{ clear:left;}

.footer-bot{ padding-top:30px;}

#footer-section .block h2{ padding-top:4px;}

.block-items{ margin-right:13px;}

#main-content div .mobile-list li{ width:38%;}

#main-content .field-item.even p{ text-align:left; padding-right:2%;}

.slider .flexslider .banner-img{ max-width:100%;}
}

 @media only screen and (min-width: 320px) and (max-width:640px) {

#nav1 {

height:auto !important;

background:blue;

}

#nav1 ul li {

width:100%;

}

#nav3Wrapper {

display:none;

}

#nav2Wrapper {

display:none;

}

#searchquick {

display:none;

}

 #nav1 {

height:auto;

}

.paypal {

float:left !important;

}

#navWrapper {

height:42px !important;

background:none repeat scroll 0 0 #383838;

display:inline-block;

width:100%;

overflow:auto;

}

#nav1 a {

float:none !important;

}

 .droupdown {

background:blue;

overflow:hidden;

}

#header-upper ul li a.account {

background:url("../images/bg/man.png") no-repeat scroll left 10px transparent !important;

}

.droupdown a {

background:none !important;

}

.droupdown ul {

text-align:center;

}

 .dropdown {

background:blue;

overflow:hidden;

position:absolute;

top:6.2%;

left:4%;

}

.dropdown a {

background:none !important;

}

 #menu-button {

 float: left;

 position: relative;

 width: 170px;

}

#menu-nav {

background: url("../images/bg/nav-bg.png") repeat-x scroll left top #3D3D3D;

border: 1px solid #AAAAAA;

 border-radius: 10px 10px 10px 10px;

position:relative;

overflow:hidden;

}

#menu-button-inner {

 height: 48px;

 position: relative;

 z-index: 100;

}

 #menu-button-inner a {

color: #FFFFFF;

 display: block;

 float: left;

 font-family: 'HelveticaNeueRegular';

 font-size: 15px;

 height: 42px;

 line-height: 46px;

 padding: 0 7px;

}

.menu-button-inner a {

background:url("../images/bg/man.png") no-repeat scroll left 10px transparent !important;

padding-left:18px !important;

}

#navWrapper {

height:auto !important;

}

#nav1 a {

float:none !important;

}

#nav {

width:auto !important;

}

#footer-section .block .block-title{ 

font-size:13px;

}

#footer-section{ background:url("../images/bg/footer-bg-repeat.jpg") repeat;}

#block-views-our-location-block-1{ margin-left:0px;}

#block-views-our-location-block-1{ width:auto;}

.footer-bot ul{ padding-top:10px;}

#footer-section .block.last{ float:left;}

.view-content{ margin-top:1px;}

#footer-section .field-content{ line-height:15px; margin-top:5px; display:block;}
}

 @media only screen and (min-width: 481px) and (max-width:767px) {

 .mobile-list li{ width:38%!important;}

 #main-content div .mobile-list li ul li{ float:none; font-size:16px; white-space:nowrap;}
}

@media only screen and (min-width: 320px) and (max-width:767px) {

 #gallery h4 {font-size:12px;}
#header-upper strong {font-size:25px;}
 #block {
margin:0 10px !important;
width:93% !important;
}

 .block h2 {font-size:14px;}

 .repair-mobile-center h2 {font-size:16px;}

 .repair-mobile-center p {text-align:center;}

 .repair-mobile-center h5 {text-align:center;}

 .mobile-list li {
width:auto;
height:auto;
}

.sidebarinfo {padding:0 9px 15px 9px;}

 #content-inner {margin:0px;}

 .group {padding-top:7px;}

 .block-items {
height:auto !important;
text-align:center;
margin:20px 10px 5px 10px;}

 #block {
width:100%;
margin:0 10px;
}

#sidebar {width:100%;}

.article-img a {

height:auto;

width:auto;

}

.article {

text-align:center;

}

 .banner-img {

width:100%;

}

 .article-items {
 float: left;
 margin: 0 0 0 14px;
 width: 60%;
}

.article {margin:0 8px;}

 .banner strong {
color: #191C1F;
 float: left;
 font-family: "Myriad Pro";
 font-size: 34px;
 line-height: 35px;
 margin: 48px 0 0 0px;
 width: 32%;
}

.qtyinfo {width:100%;}

 .banner small {
margin:48px 0 0 7px;
text-align:left !important;
width:27%;
}

.social-icons img {float:right;}

.walkin {
float:left !important;
padding-top:10px;
}

.repair-mobile-center {width:97%;}

.repair-img {
float:none;
text-align:center;
}

.banner {height:auto !important;}

.social-icons {width:100%;}

 #footer {
 background:url("../images/bg/footer-bg-repeat.jpg") repeat;
}

.address {margin:0px;}

.footer-nav {margin:0 10px;}

#search {margin: 15px 0 0 21px;width: 89%;}

#footer {font-size:11px;}

#footer h3 {font-size:13px !important;}

.address {
float:none;
width:auto;
margin-top:50px;
}

.address-bar {
float:left;
margin-top:10px;
}

.address address {
width:49%;
float:left;
margin:0px;
}

 .footer-nav li {
float:left;
width:140px;
}

.social-icons ul li {width:auto;}

.social-icons ul {width:auto;}

.block-items {margin:20px 6px 10px;}

.social-icons img {
width:38%;
margin-top:-35px;
}

.social-icons h2 {margin-top:30px;}

.footer-bot ul li {line-height:12px;}

.footer-bot {padding-top:25px;}

 .paypal li a.icon1 {

 background: url("../images/bg/pay.jpg") no-repeat scroll left top transparent;

 width: 100px;

}

.paypal li a.icon4 {

background:url("../images/bg/accr.jpg") no-repeat scroll 0px top transparent;

width:81px;

margin-left:8px;

}

.paypal li a.icon3 {

 background: url("../images/bg/icon3.jpg") no-repeat scroll 0px top transparent;

 width: 52px;

}

#nav1{ display:block;}

#menu-nav{ display:block;}

#nav{ display:block;}



#nav1 ul li:hover .nav2{ display:none !important;}

#nav3Wrapper{ display:none;}

#footer ul{ float:none;}

.footer-nav li{ float:none;}

#navWrapper{overflow:visible;}

.region.region-megamenu form{ position:relative; top:-50px;}

#menu-drink{ display:block;}

#navWrapper{ height:0px;}

.nav2.active{ display:none;

}

#nav1 ul li{ float:none;}

#nav1{ background:none;}



#footer-section{ background:url("../images/icon/footer-bg.jpg") repeat-x;}

#footer-section .block .block-title{ font-size:13px;}

.view-content .views-row{ width:200px; float:left;}

#block-views-repair-services-block{ width:100%;}

#block-content{ width:100%;}

#block-views-our-location-block-1 h2{ padding-top:20px;}

#footer-section .block .block-title{ font-size:18px; line-height:18px;}

#footer-section #block-block-2{ width:100%;}

.block.block-block.first.odd p{ line-height:25px;}

.view-content .views-row{ width:45%; margin-right:5%;}

#footer-section .block .block-title{ width:46%;}

.region.region-megamenu form{ display:block;}

.repair-img{ float:left;}

#edit-actions{ float:none;}

.qtyinfo li{ margin-bottom:20px;}

#main-content .field-item.even p{ text-align:left; padding-right:3%;}
#main-content .bg-boxes {
  margin: 20px 10px 5px 10px;
}
  #block-block-2 {
    position:relative;
    width: auto;
    margin-top:10px;
    text-align: center;
  }
}

 @media all and (min-width:480px) and (max-width:640px) and (orientation:landscape) {

 .list-items li {

width:40%;

}

 #search {

width:72% !important;

}

 .search-box {

float:none;

width:58%;

}

 .footer-nav li {

float:none;

}

 .address {

width:70%;

margin:0px;

float:left;

}

 .footer-nav li {

width:100%;

}

 .address-bar {

 margin: 0 -41px 0 36px;

}

 .footer-bot span {

float:none;

}

 .footer-bot ul {

float:none;

width:100%;

}

 .footer-nav ul {

width:auto;

}

 .address-bar {

margin:0px;

}

 #search {

margin: 15px 0 0 94px;

 width: 58%;

}

 .group {

padding:10px 0 8px;

}

.header {

background:url("../images/bg/top-header-bg.jpg") repeat-x scroll left top transparent;

}

.block-items {

text-align:left;

height:auto !important;

}

.social-icons img {

 float: left;

 margin: -35px 9px 0 105px !important;

 width: auto;

}

.mobile-list {

margin-left:15px;

}

.mobile-list li{ width:40%;}







}

 @media all and (min-width:640px) and (max-width:953px) and (orientation:portrait) {

 #block {

 margin: 0 12px !important;

 width: 98% !important;

}

.list-items {

margin-left:20px !important;

}

.block-items {

height:263px !important;

margin-left:10px !important;

}

.address address {

height:66px;

}

.address-bar {

margin:0px;

}

 .search-box {

width:58%;

float:none;

}

 .group {

padding-top:40px;

}

.footer-bot ul {

width:90%;

}

.footer-nav li {

float:none;

}

.address {

width:53% !important;

float:left !important;

margin:0px;

}

.list-items li {

margin-left:8px !important;

}

}

 @media all and (min-width:460px) and (max-width:640px) and (orientation:portrait) {

 .group {

padding-top:0px;

}

 .footer-nav li {

width:155px;

}

#search {

margin: 15px 0 0 26px;

 width: 80%;

}

.mobile-list {

margin-left:18px;

}

.mobile-list li {

height:auto !important;

width:auto;

}

 .list-items {

margin:0px;

}

 .header {

 background: url("../images/bg/top-header-bg.jpg") repeat-x scroll left top transparent !important;

}

.mobile-list li{ width:40%;}









}

 @media all and (min-width:440px) and (max-width:640px) and (orientation:landscape) {

#block {

margin-left:25px !important;

}

.mobile-list li{ width:40%;}











}

 @media all and (min-width:320px) and (max-width:480px) and (orientation:landscape) {

 .search-box {

width:82% !important;

}

 .mobile-list li {

height:auto;

width:39%;

}

 .footer-nav li {

float:none;

}

 .address {

float:left;

width:280px;

margin:0px;

}

 .social-icons img {

float:left;

margin:-52px 0 0 24px;

width:28%;

}

.header {

 background: url("../images/bg/top-header-bg.jpg") left top repeat-x !important;

 min-height: 151px;

}

 .group .col.span_1_of_2 {

width:49% !important;

}

 .support {

background-size:83%;

}

#content-area-heading h1 {

 font-size: 35px !important;

 line-height: 108% !important;

 padding: 22px 0 0;

}

#block {

margin:0 70px;

width:88% !important;

}

.footer-bot span {

line-height:12px;

}

.footer-bot ul {

padding-bottom:20px;

}

.flex-direction-nav a {

background-size:80% !important;

top:35% !important;

}

 #header-upper ul li a {

font-size:11px;

padding:0 0px 0 5px;

}

 #header-upper strong {

float:none;

font-size:27px;

}

.mobile-list {

margin-left:0px;

}

.mobile-list li ul li a {

font-size:10px;

}

.mobile-list li strong {

font-size:16px;

}

.mobile-list li span {

font-size:11px;

}

.article-img a {

margin-top:22px;

}

.mobile-list li{ width:84%;}
}

 @media all and (min-width:320px) and (max-width:480px) and (orientation:portrait) {

 .article-items h3 {padding:10px 0px;}

 .list-items2 {margin-left:10px !important;}
 #search {width:85%;}

 #block {text-align:center;}
 #gallery .list-items li {width:83.5% !important;}

 .footer-bot {
font-size:9px;
padding-top:15px;
}

 #header-upper ul li a {font-size:10px;}
 #header-upper strong {float:none;}
 #block {margin:0px;}

 .banner strong {
font-size:20px;
line-height:22px;
}

 .banner small {
font-size:20px;
line-height:22px;
margin:4px 0 0 0px;
}

 .block-items {text-align:left;}

 .group .col.span_1_of_2 {

width:100% !important;

margin-top:10px;

}

 .group .span-support {

width:88% !important;

}

 .support {

background-size:90%;

width:90%;

float:none;

margin-bottom:10px;

}

 #content-area-heading h1 {

 font-size: 24px !important;

 line-height: 353% !important;

}

.flex-direction-nav a {

top:33px !important;

left:72px !important;

background-size:56% !important;

}

.block-items {

height:auto;

}

.paypal {

padding-top:15px;

}

 .article-items {

margin:0 9px;

width:94%;

}

 .article-img {

float:none;

}

#footer-section .block.last{ float:left;}

#footer-section #block-block-2{float:left;}
#footer {
  font-size:11px;
}
.mobile-list li{ width:84%;}
}