/* #Tablet (Portrait)
================================================== */
.container {
  width: 80%;
  padding-top: 40px;
}
body{
    font-family: 'UniversLTStd47LightCondensed';
    background: none;
}
.header-wrap{
  background: url('http://www.caraudiotoronto.com/wp-content/uploads/2013/10/headtop.jpg');
    background-size: cover;
  width: 100%;
  float: left;
  background-position: center;
margin-top: 40px;
}
.select-products{
  float: right;

}
div#header {
  width: 100%;
}

@media only screen and (max-width:1280px ) {
.col-lg-3.web.rs-web{
  width: 25%;
  float: left;
}

.r-side.product-page {
  width: 75%;
  float: left;
}

}
@media only screen and (min-width:1500px ){
.quote {margin-top: 320px !important;}
}
@media only screen and (max-width:1024px ) {

.col-lg-3.web.rs-web{
  width: 100%;
  float: left;
}

.r-side.product-page {
  width: 100%;
  float: left;
  border: 0;
}

.rs-web{
  display: none;
} 
.social_top {
  float: none;
  width: 100%; 
  display: table;
  margin: 10px auto;
  text-align: center;
}

#site-title {
  position: relative;
  float: none;
  display: table;
  margin: auto !important;
  text-align: center;
}

.social_top .info {
  float: none;
}
div#headrtop {
  float: none;
  display: table;
  margin: 10px auto;
}
#navigation ul{
  min-width: 0 !important;
}
.menu-header {
  float: none;
  display: table;
  margin: auto;
}
div#navigation{
  margin-top: 0 !important;
}
.menu-gallery-select-container {
   margin-top: 20px; 
  float: none;
  display: table;
  margin: 10px auto;
}

div#header {
  float: left;
}

}


/* Note: Design for a width of 768px */
@media only screen and (min-width:1920px ) and (max-width:2560px) {
  .p_post.col-lg-3.grid{
     width: 25%;
     float: left;
  }
  .p_post{
    height: auto;
  }
  .post-img {
  height: 230px;
  overflow: hidden;
}
.p_post .post-img img{
  height: auto;
}

}
@media only screen and (max-width:1200px) {
  .p_post .post-img img {
    height: auto;
  }
  a.btn.fancybox.quote{
    display: none;
  }
}
@media only screen and (min-width:768px) and (max-width:1024px) {
div#navigation {
  clear: both;
  width: 100% !important;
  float: right;
  /*margin-top: 70px !important;*/
}
#content .col-lg-3{
  width: 25%;
  float: left;
}
#content .col-lg-9{
  width: 75%;
  float: left;
}
.entry-content img {
  max-width: 100%;
  height: auto;
}

}



@media only screen and (max-width:1024px) {

.rs .menu-gallery-select-container select {
  width: 100%;
}
.rs .menu-gallery-select-container{
  width: 100%;
}


#content .col-lg-3{
  width: 100%;
  float: left;
}
#content .col-lg-9{
  width: 100%;
  float: left;
}

  .mainback {
    margin-top: 0;
    padding-top: 0;
  }
  .rs {
    display: block !important;
  }
  #mast {
    margin-top: 0 !important;
  }
  #header {
    display: none;
  }
  .entry-content img {
    width: 100%;
    height: auto;
  }
  .container {
    width: 100%;
  }
  img.ajax-loader {
    width: auto;
  }
  #rs-button-menu img {
    float: left;
    padding-top: 4px;
    margin-right: 5px;
  }
  .textwidget {
    margin: 0;
    padding: 0;
  }
  .frm_contact input[type=text], .frm_contact input[type=email] {
    width: 100%;
  }
  .frm_heading {
    height: auto;
  }
  textarea.wpcf7-form-control.wpcf7-textarea {
    width: 100%;
  }
  .side-img {
    display: block;
    margin: 0;
    max-width: 100%;
  }
  #wrap #sidebar .widget-container {
    margin: 0;
  }
  .widget-container {
    margin: 0;
    padding: 0;
  }
  div#sidebar img {
    width: 100%;
    max-width: 100%;
  }
  .banner img {
    background-size: cover;
    width: 100%;
  }
  #mast {
    margin-top: 0;
  }
  .banner, .p_post {
    height: auto !important;
    clear: both;
    display: table;
    width: 100%;
  }
  .banner {
    z-index: 9999;
    position: relative;
  }
  .col-1 h2 {
    line-height: 30px !important;
    font-size: 30px !important;
  }
  .p_post .post-img img {
    height: auto !important;
  }
  .p_title {
    margin-top: 0;
  }
  .lowerentry form {
    float: right;
    width: 100%;
  }
  .flogo img {
    width: 100%;
  }
  .lowerentry input[type="text"] {
    width: 100%;
  }
  .lowerentry input[type="submit"] {

    /* background: url("images/go.jpg") no-repeat scroll 0 0 transparent !important; */
    background: none;
    border: medium none;
    height: 55px;
    text-indent: 0;
    width: 100%;
    background-color: #000064;
    text-shadow: none;
    border-radius: 0;
    color: #FFF;
    font-size: 20px;
    text-transform: uppercase;
    font-weight: normal;
  }
  .foot {
    text-align: center;
  }
  .social {
    float: right;
    text-align: center;
    width: 100%;
  }
  .sitemap-link {
    float: left;
    padding: 6px 40px;
    width: 100%;
  }
  span.ars {
    float: left;
    width: 100%;
  }
  .copy {
    text-align: center;
  }
  .lowerentry input[type="text"] {
    width: 100% !important;
  }
  .copy {
    width: 100%;
  }
  .alignleft {
    float: none !important;
    display: table;
  }
  .product-page img {
    width: 90%;
    height: auto;
    margin: 10px auto !important;
    display: table;
  }
  .r-side {
    padding-left: 0 !important;
    border: 0 !important;
    width: 100% !important;
  }
  .product-page h1 {
    text-align: center;
  }
  .l-wrap {
    width: 100%;
  }
  .brand-image img {
    display: table;
    margin: auto;
  }
  .r-product-wrap, .l-product-wrap {
    width: 100%;
    margin-left: auto;
    text-align: center;
  }
  li.current_page_item {
    background: #CCC;
    padding: 10px;
  }
  li.menu-item a {
    background-image: none;
  }
  .l-side {
    max-width: 100%;
  }
  .product-code {
    font-size: 20px;
    text-align: center;
  }
  .l-wrap p {
    width: 100%;
  }
  .brand-image > img, .product-image > img {
    max-width: 100%;
  }
  .product-price {
    font-size: 40px;
    text-align: center;
  }
  .product-price-text {
    text-align: center;
  }
  .product-price-text {
    line-height: 28px;
  }
  .l-product-wrap p {

    /*line-height: 30px;*/
    text-align: center;
  }
  .lowerentry h2.ftext {
    float: none;
    text-align: center;
    font-size: 30px;
    padding-bottom: 20px;
  }
  .lowerentry {
    padding-top: 20px;
  }
  .l-side {
    width: 100%;
    text-align: center;
  }
  .l-product-wrap table {
    width: 100% !important;
  }
  div#rs-social {
    background: #939393;
    float: left;
    width: 100%;
  }
  #rs-social .social_top {
    margin-left: auto;
    float: none;
    display: table;
    margin: 10px auto;
  }
  .rs-logo {
    background: url(http://www.caraudiotoronto.com/wp-content/uploads/2013/10/headtop.jpg);
    background-size: cover;
  }
  .rs-tel {
    float: left;
    width: 100%;
    background: #ABA8A8;
    text-align: center;
  }
  .rs-tel #headrtop {
    float: none;
    margin-top: auto;
    margin: 10px auto;
    display: table;
  }
  #inner {
    text-align: center;
  }
  .wp-caption {
    width: 100% !important;
  }
  .textwidget {
    border-right: 0;
  }
  .gv_galleryWrap {
    display: table;
    margin: auto;
  }
  img.wpcf7-form-control.wpcf7-captchac {
    width: auto !important;
    float: left;
  }
  input.wpcf7-form-control.wpcf7-submit {
    width: 100%;
  }
  .frm_contact {
    width: 100%;
    padding: 0;
  }
  .side-img {
    display: table;
    margin: 0;
    max-width: 100%;
  }
  span.tel, .contact-email {
    font-size: 15px;
  }
  span.rs-product-menu {
    text-align: center;
    font-size: 20px;
  }
  .rs-product.rs {
  background: #6C6C6C;
  margin: 5px 0;
    padding: 15px;
    text-align: center;
    color: #FFF;
    text-transform: uppercase;
    font-family: 'UniversLTStd47LightCondensed';
    font-size: 17px;
    cursor: pointer;
  }
  .rs-product-menu {
    text-align: center;
    font-size: 20px;
    width: 100%;
    display: block;
    padding: 13px;
    cursor: pointer;
  }
  #rs-sidebar {
    width: 100%;
  }
  .web {
    display: none;
  }
  .rs-product a {
    display: block;
    text-align: center;
    padding: 10px;
    font-size: 20px;
    color: #000;
  }
  #rs-sidebar ul.sub-menu {
    margin: 0;
  }
  #rs-sidebar li.menu-item a {
    padding: 5px 0;
  }
  #rs-sidebar li.menu-item a:hover {
    text-decoration: none;
  }
  .page-id-23 #sidebar, .page-id-25 #sidebar, .page-id-11 #sidebar, .page-id-22 #sidebar {
    display: none;
  }
}

/* #Mobile (Landscape)
================================================== */

/* Note: Design for a width of 480px */
@media only screen and (min-width:480px) and (max-width:767px) {
}
.product-page img {
  max-width: 100%;
  height: auto;
}
.product-page br {
  /*display: none;*/
}
.featured-image {
  padding: 10px 0;
}
.product-info table {
  width: 100% !important;
}
.rs-product a:hover, .rs-product a:active {
  text-decoration: none;
}
#wrap #content {
  float: left;
  width: 100%;
}
.mainback{
  font-family: 'UniversLTStd47LightCondensed';
    z-index: 888;
}
.banner{
    position: relative;
  z-index: 999;
}
a.fancybox.quote {
  z-index: 9999;
  font-family: 'UniversLTStd47LightCondensed';
    padding: 20px 25px;
}
.popular-products{
  font-family: 'UniversLTStd47LightCondensed';
}

.p_post .alignleft{
  margin: 0;
}
.banner img {
  width: 100%;
}