/**
 * @package   $Id: responsive.css 6697 2013-01-24 11:23:07Z james $
 * @version   1.6-SNAPSHOT January 15, 2013
 * @author    RocketTheme http://www.rockettheme.com
 * @copyright Copyright (C) 2007 - 2012 RocketTheme, LLC
 * @license   http://www.rockettheme.com/legal/license.php RocketTheme Proprietary Use License
 */

/* Core */
.rt-image, .rt-resp-img {max-width: 100%;height: auto;}

body.headerwidth-wrapped #rt-main-container {margin: 15px -10px 0;}
body.footerwidth-wrapped #rt-footer-surround, body.footerwidth-wrapped #rt-copyright {margin-left: -10px;margin-right: -10px;}

body .rt-block {margin: 15px 10px;}
body #rt-main-container .rt-block {margin: 15px 20px;}
body #rt-main-container #rt-main .rt-block {margin: 20px 10px;}
.rt-block .module-surround {padding: 15px 0;}
body .logo-block {margin: 0 10px;}
body .topmenu .rt-block {margin: -20px 0px 0 -10px;}
.topmenu .rt-block .module-surround {padding: 0;}
body #rt-copyright .rt-block {margin: 0 15px;padding: 10px;}
body #rt-main-container #rt-main .rt-block.component-block, body #rt-main-container #rt-main  #rt-content-bottom, body #rt-main-container #rt-main  #rt-content-top {margin: 20px 4px;}
.module-title {margin-top: -15px;}
.box1 .module-title, .box2 .module-title, .box5 .module-title {margin-top: 0;}
.box1.title3 .module-title, .box2.title3 .module-title, .box3.title3 .module-title, .box4.title3 .module-title, .box5.title3 .module-title, .box6.title3 .module-title, .box1.title4 .module-title, .box2.title4 .module-title, .box3.title4 .module-title, .box4.title4 .module-title, .box5.title4 .module-title, .box6.title4 .module-title {margin-top: -15px}
.box7.title3 .module-title, .box7.title4 .module-title {margin-top: -30px;}
body #rt-main .box7 .rt-block {margin-bottom: 30px;}
body #rt-sidebar-a, body #rt-sidebar-b, body #rt-sidebar-c {padding: 0;}
body .rt-sidebar-surround {margin: 0;}
body #rt-main-container {margin-left: 0; margin-right: 0;}
body #rt-content-top .rt-alpha .title3, body #rt-content-top .rt-alpha .title4, body #rt-content-top .rt-alpha .box1, body #rt-content-top .rt-alpha .box2, body #rt-content-top .rt-alpha .box3, body #rt-content-top .rt-alpha .box4, body #rt-content-top .rt-alpha .box5, body #rt-content-top .rt-alpha .box6, body #rt-content-top .rt-alpha .box7, body #rt-content-bottom .rt-alpha .title3, body #rt-content-bottom .rt-alpha .title4, body #rt-content-bottom .rt-alpha .box1, body #rt-content-bottom .rt-alpha .box2, body #rt-content-bottom .rt-alpha .box3, body #rt-content-bottom .rt-alpha .box4, body #rt-content-bottom .rt-alpha .box5, body #rt-content-bottom .rt-alpha .box6, body #rt-content-bottom .rt-alpha .box7 {margin-left: 0;}
body #rt-content-top .rt-omega .title3, body #rt-content-top .rt-omega .title4, body #rt-content-top .rt-omega .box1, body #rt-content-top .rt-omega .box2, body #rt-content-top .rt-omega .box3, body #rt-content-top .rt-omega .box4, body #rt-content-top .rt-omega .box5, body #rt-content-top .rt-omega .box6, body #rt-content-top .rt-omega .box7, body #rt-content-bottom .rt-omega .title3, body #rt-content-bottom .rt-omega .title4, body #rt-content-bottom .rt-omega .box1, body #rt-content-bottom .rt-omega .box2, body #rt-content-bottom .rt-omega .box3, body #rt-content-bottom .rt-omega .box4, body #rt-content-bottom .rt-omega .box5, body #rt-content-bottom .rt-omega .box6, body #rt-content-bottom .rt-omega .box7 {margin-right: 0;}

/* Login Form */
body.col12 .rt-grid-2 #login-form .inputbox, body.col12 .rt-grid-3 #login-form .inputbox, body.col12 .rt-grid-4 #login-form .inputbox, body.col12 .rt-grid-5 #login-form .inputbox, body.col12 .rt-grid-6 #login-form .inputbox, body.col12 .rt-grid-7 #login-form .inputbox, body.col12 .rt-grid-8 #login-form .inputbox, body.col12 .rt-grid-9 #login-form .inputbox, body.col12 .rt-grid-10 #login-form .inputbox, body.col12 .rt-grid-12 #login-form .inputbox, body.col12 .rt-grid-2 #form-login .inputbox, body.col12 .rt-grid-3 #form-login .inputbox, body.col12 .rt-grid-4 #form-login .inputbox, body.col12 .rt-grid-5 #form-login .inputbox, body.col12 .rt-grid-6 #form-login .inputbox, body.col12 .rt-grid-7 #form-login .inputbox, body.col12 .rt-grid-8 #form-login .inputbox, body.col12 .rt-grid-9 #form-login .inputbox, body.col12 .rt-grid-10 #form-login .inputbox, body.col12 .rt-grid-12 #form-login .inputbox {width: 95%;}

/* Extensions */
body #rokajaxsearch .inputbox {width: 90% !important;}
#rokajaxsearch .roksearch-wrapper {padding-right: 8px;}

.rokgallery-wrapper .rg-gm-slice img {max-width: 100%;}
body .rokgallery-wrapper .rg-gm-info {left: 25px;}
.rokgallery-wrapper .rg-gm-slice a {padding-right: 10px;}

/* Navigation */
.rt-menu-mobile {text-align: center;padding: 15px 0;}

/* Utility Classes */
.visible-phone {display: none !important;}
.visible-tablet {display: none !important;}
.hidden-desktop {display: none !important;}
.hidden-large {display: none !important;}

/* Responsive */
@media only screen and (min-width: 1200px) {
	body .visible-large {display: inherit !important;}
	body .hidden-large {display: none !important;}
	.visible-desktop {display: inherit !important;}
	.hidden-desktop {display: none !important;}

	body #rt-content-top .rt-grid-2, body #rt-content-bottom .rt-grid-2 {width: 190px;}
	body #rt-content-top .rt-grid-3, body #rt-content-bottom .rt-grid-3 {width: 285px;}
	body #rt-content-top .rt-grid-4, body #rt-content-bottom .rt-grid-4 {width: 380px;}
	body #rt-content-top .rt-grid-5, body #rt-content-bottom .rt-grid-5 {width: 475px;}	
	body #rt-content-top .rt-grid-6, body #rt-content-bottom .rt-grid-6 {width: 570px;}	
	body #rt-content-top .rt-grid-7, body #rt-content-bottom .rt-grid-7 {width: 665px;}	
	body #rt-content-top .rt-grid-8, body #rt-content-bottom .rt-grid-8 {width: 760px;}	
	body #rt-content-top .rt-grid-9, body #rt-content-bottom .rt-grid-9 {width: 855px;}	
	body #rt-content-top .rt-grid-10, body #rt-content-bottom .rt-grid-10 {width: 950px;}		
	body #rt-content-top .rt-grid-12, body #rt-content-bottom .rt-grid-12 {width: 1140px;}
	
a[href^="tel"]:link,
a[href^="tel"]:visited,
a[href^="tel"]:hover {
   pointer-events: inherit;
   cursor: inherit;
   text-decoration:none;
   font-weight: normal;
   color: #666;
}


}
	
@media only screen and (min-width: 960px) and (max-width: 1199px) {
.module-content ul.menu li a span, .module-content ul.menu li .separator span, .module-content ul.menu li .item span {

    padding: 15px 15px;
    font-size: 10px;
    line-height: 17px;
    display: block;
    font-weight: normal;
    background-position: 50% -8px;
    background-repeat: no-repeat;
}
#rt-header {max-height:30px;font-size:10px;}

#rt-header .module-content ul.menu li a span, .module-content ul.menu li .separator span, .module-content ul.menu li .item span {
font-size:10px;
}

.module-content ul.menu li a span, .module-content ul.menu li .separator span, .module-content ul.menu li .item span {
font-size:10px;
}

	.hidden-large,.visible-tablet,.hidden-phone,.hidden-desktop{display:inherit!important;}
	.visible-large,.hidden-tablet,.visible-phone,.visible-desktop{display:none!important;}
	
	body #rt-content-top .rt-grid-2, body #rt-content-bottom .rt-grid-2 {width: 152px;}
	body #rt-content-top .rt-grid-3, body #rt-content-bottom .rt-grid-3 {width: 228px;}
	body #rt-content-top .rt-grid-4, body #rt-content-bottom .rt-grid-4 {width: 304px;}
	body #rt-content-top .rt-grid-5, body #rt-content-bottom .rt-grid-5 {width: 380px;}	
	body #rt-content-top .rt-grid-6, body #rt-content-bottom .rt-grid-6 {width: 456px;}	
	body #rt-content-top .rt-grid-7, body #rt-content-bottom .rt-grid-7 {width: 532px;}	
	body #rt-content-top .rt-grid-8, body #rt-content-bottom .rt-grid-8 {width: 608px;}	
	body #rt-content-top .rt-grid-9, body #rt-content-bottom .rt-grid-9 {width: 684px;}	
	body #rt-content-top .rt-grid-10, body #rt-content-bottom .rt-grid-10 {width: 760px;}		
	body #rt-content-top .rt-grid-12, body #rt-content-bottom .rt-grid-12 {width: 912px;}	
	
a[href^="tel"]:link,
a[href^="tel"]:visited,
a[href^="tel"]:hover {
   pointer-events: inherit;
   cursor: inherit;
   text-decoration:none;
   font-weight: normal;
}
						
}

@media only screen and (min-width: 768px) and (max-width: 959px) {
.hidden-phone img {display:none;}
.topmenu li a {font-size: 8px;}

#rt-header {max-height:30px;font-size:8px!important;}

#rt-header .module-content ul.menu li a span, .module-content ul.menu li .separator span, .module-content ul.menu li .item span {
font-size:10px;
}

#rt-navigation .module-content ul.menu li a span, .module-content ul.menu li .separator span, .module-content ul.menu li .item span {
font-size:8px !important;
}



#rt-top .topmenu img { position:relative;left:10%;}
.menutop {font-size: 10px!important;}
.topmenu li a {font-size: 8px;}

.topmenu .module-content ul.menu li a span, .topmenu .module-content ul.menu li .separator span, .topmenu .module-content ul.menu li .item span {
    font-size: 10px!important;
}
      


	.hidden-large,.visible-tablet,.hidden-desktop,.hidden-phone{display:inherit!important;}
	.visible-large,.hidden-tablet,.visible-desktop,.visible-phone{display:none!important;}
	
	body #rt-content-top .rt-grid-2, body #rt-content-bottom .rt-grid-2 {width: 120px;}
	body #rt-content-top .rt-grid-3, body #rt-content-bottom .rt-grid-3 {width: 180px;}
	body #rt-content-top .rt-grid-4, body #rt-content-bottom .rt-grid-4 {width: 240px;}
	body #rt-content-top .rt-grid-5, body #rt-content-bottom .rt-grid-5 {width: 300px;}	
	body #rt-content-top .rt-grid-6, body #rt-content-bottom .rt-grid-6 {width: 360px;}	
	body #rt-content-top .rt-grid-7, body #rt-content-bottom .rt-grid-7 {width: 420px;}	
	body #rt-content-top .rt-grid-8, body #rt-content-bottom .rt-grid-8 {width: 480px;}	
	body #rt-content-top .rt-grid-9, body #rt-content-bottom .rt-grid-9 {width: 540px;}	
	body #rt-content-top .rt-grid-10, body #rt-content-bottom .rt-grid-10 {width: 600px;}		
	body #rt-content-top .rt-grid-12, body #rt-content-bottom .rt-grid-12 {width: 660px;}	
			
	body .promo .bold2 {font-size: 110%;line-height: 135%;}	
	
a[href^="tel"]:link,
a[href^="tel"]:visited,
a[href^="tel"]:hover {
   pointer-events: inherit;
   cursor: inherit;
   text-decoration:none;
   font-weight: normal;
}
}
@media only screen and (min-width: 960px) and (max-width: 960px) {
img {max-height;100px;}
.menutop {font-size: 80%!important;}
.topmenu li a {font-size: 8px;}
#rt-top .topmenu img { position:relative;left:10%;}

	.hidden-large,.visible-tablet,.hidden-desktop,.hidden-phone{display:inherit!important;}
	.visible-large,.hidden-tablet,.visible-desktop,.visible-phone{display:none!important;}
	
	body #rt-content-top .rt-grid-2, body #rt-content-bottom .rt-grid-2 {width: 120px;}
	body #rt-content-top .rt-grid-3, body #rt-content-bottom .rt-grid-3 {width: 180px;}
	body #rt-content-top .rt-grid-4, body #rt-content-bottom .rt-grid-4 {width: 240px;}
	body #rt-content-top .rt-grid-5, body #rt-content-bottom .rt-grid-5 {width: 300px;}	
	body #rt-content-top .rt-grid-6, body #rt-content-bottom .rt-grid-6 {width: 360px;}	
	body #rt-content-top .rt-grid-7, body #rt-content-bottom .rt-grid-7 {width: 420px;}	
	body #rt-content-top .rt-grid-8, body #rt-content-bottom .rt-grid-8 {width: 480px;}	
	body #rt-content-top .rt-grid-9, body #rt-content-bottom .rt-grid-9 {width: 540px;}	
	body #rt-content-top .rt-grid-10, body #rt-content-bottom .rt-grid-10 {width: 600px;}		
	body #rt-content-top .rt-grid-12, body #rt-content-bottom .rt-grid-12 {width: 660px;}	
			
	body .promo .bold2 {font-size: 110%;line-height: 135%;}	
	
a[href^="tel"]:link,
a[href^="tel"]:visited,
a[href^="tel"]:hover {
   pointer-events: inherit;
   cursor: inherit;
   text-decoration:none;
   font-weight: normal;
}
}



@media only screen and (min-width: 768px) {
	.rt-menu-mobile {display: none;}
	body .rt-container #rt-main.mb12 #rt-main-column {padding-right: 10px;}	
	body .rt-container #rt-main[class^="mb"] #rt-main-column {padding-left: 10px;}
	body .rt-container #rt-main[class$="mb4"] #rt-main-column,
	body .rt-container #rt-main[class$="mb6"] #rt-main-column,
	body .rt-container #rt-main[class$="mb8"] #rt-main-column {padding-right: 16px;padding-left: 6px;}
	body .rt-container #rt-main[class^="sa"] #rt-sidebar-a {padding-left: 10px;}
	body .rt-container #rt-main[class$="sa2"] #rt-sidebar-a,
	body .rt-container #rt-main[class$="sa3"] #rt-sidebar-a,
	body .rt-container #rt-main[class$="sa4"] #rt-sidebar-a,
	body .rt-container #rt-main[class$="sa5"] #rt-sidebar-a,
	body .rt-container #rt-main[class$="sa6"] #rt-sidebar-a,
	body .rt-container #rt-main[class$="sb2"] #rt-sidebar-b,
	body .rt-container #rt-main[class$="sb3"] #rt-sidebar-b,
	body .rt-container #rt-main[class$="sb4"] #rt-sidebar-b,
	body .rt-container #rt-main[class$="sc2"] #rt-sidebar-c,
	body .rt-container #rt-main[class$="sc3"] #rt-sidebar-c,
	body .rt-container #rt-main[class$="sc4"] #rt-sidebar-c {padding-right: 10px;}


	body.headerwidth-wrapped .rt-container #rt-main.mb12 #rt-main-column {padding-right: 0;}	
	body.headerwidth-wrapped .rt-container #rt-main[class^="mb"] #rt-main-column {padding-left: 0;}
	body.headerwidth-wrapped .rt-container #rt-main[class$="mb4"] #rt-main-column,
	body.headerwidth-wrapped .rt-container #rt-main[class$="mb6"] #rt-main-column,
	body.headerwidth-wrapped .rt-container #rt-main[class$="mb8"] #rt-main-column {padding-right: 0;padding-left: 0;}
	body .rt-container #rt-main[class^="sa"] #rt-sidebar-a {padding-left: 0;}
	body.headerwidth-wrapped .rt-container #rt-main[class$="sa2"] #rt-sidebar-a,
	body.headerwidth-wrapped .rt-container #rt-main[class$="sa3"] #rt-sidebar-a,
	body.headerwidth-wrapped .rt-container #rt-main[class$="sa4"] #rt-sidebar-a,
	body.headerwidth-wrapped .rt-container #rt-main[class$="sa5"] #rt-sidebar-a,
	body.headerwidth-wrapped .rt-container #rt-main[class$="sa6"] #rt-sidebar-a,
	body.headerwidth-wrapped .rt-container #rt-main[class$="sb2"] #rt-sidebar-b,
	body.headerwidth-wrapped .rt-container #rt-main[class$="sb3"] #rt-sidebar-b,
	body.headerwidth-wrapped .rt-container #rt-main[class$="sb4"] #rt-sidebar-b,
	body.headerwidth-wrapped .rt-container #rt-main[class$="sc2"] #rt-sidebar-c,
	body.headerwidth-wrapped .rt-container #rt-main[class$="sc3"] #rt-sidebar-c,
	body.headerwidth-wrapped .rt-container #rt-main[class$="sc4"] #rt-sidebar-c {padding-right: 0;}
	
a[href^="tel"]:link,
a[href^="tel"]:visited,
a[href^="tel"]:hover {
   pointer-events: auto;
   cursor: auto;
   font-weight: normal;
}

}

@media only screen and (max-width: 767px) {
.module-content ul.menu li a span, .module-content ul.menu li .separator span, .module-content ul.menu li .item span {
padding: 5px; }
.module-content ul.menu li a span { padding: 5px;}
#rt-top2 > div > div.rt-grid-6.rt-alpha > div.toyota.hidden-phone > div > div > div > div.customtoyota.hidden-phone > div:nth-child(1) > a:nth-child(4) > img { display:none;}
	.hidden-large,.hidden-desktop,.hidden-tablet,.visible-phone{display:inherit!important;}
	.visible-large,.visible-desktop,.visible-tablet,.hidden-phone{display:none!important;}

	.rt-block.menu-block {visibility: hidden;top: -30000px;left: -30000px;position: absolute;}
	.rt-totop {position: static;float: right;margin-right: -21px;}
	body .component-content	.column-1, body .component-content .column-2, body .component-content	.column-3 {width: 100% !important;float: none !important;margin: 0 !important;}	
	body .rt-demo-width-20, body .rt-demo-width-25, body .rt-demo-width-30, body .rt-demo-width-33, body .rt-demo-width-40, body .rt-demo-width-50, body .rt-demo-width-60, body .rt-demo-width-66, body .rt-demo-width-70, body .rt-demo-width-75, body .rt-demo-width-80 {width: 100%;}
	.rt-demo-space {margin: 5px;}
	body .layout-slideshow .sprocket-features-desc {display: none;}
	body .layout-slideshow .sprocket-features-title {font-size: 1.6em;}
	body .rt-social-buttons {display: none;}
	body .layout-slideshow .sprocket-features-pagination li.active:before{border-top: 12px solid transparent;border-right-width: 15px;border-bottom: 12px solid transparent;content:'';position: absolute;left: -15px;top: 0;}
	body .layout-slideshow .sprocket-features-pagination li {width:20px;height:18px;margin:5px 0;padding-top: 5px;}
	body .layout-slideshow .sprocket-features-pagination {bottom: inherit;right: 0;top: 5px;}
	body .layout-slideshow .sprocket-features-pagination li span {font-size: 1em;line-height: 1.1em;}
	body .layout-slideshow .sprocket-features-content {width: 80%;}
	body.mar12-home .component-content .circle {margin-left: 0;}	
	body .style-panel-container {display: none;}
	body .component-content .article-title2 {margin: 0 0 25px -5px;}
	body .rt-container .floatleft, body .rt-container .floatright {float: none;}
	body #rt-main-container {background: none;box-shadow: none;}
	
a[href^="tel"]:link,
a[href^="tel"]:visited,
a[href^="tel"]:hover {
   pointer-events: auto;
   cursor: auto;
   font-weight: normal;
}

}

@media only screen and (min-width: 481px) and (max-width: 767px) {
   body #rt-main .teaser_image {width:250px; height:NaN;}
   
a[href^="tel"]:link,
a[href^="tel"]:visited,
a[href^="tel"]:hover {
   pointer-events: auto;
   cursor: auto;
   font-weight: normal;
}
}

@media only screen and (max-width: 480px) {
	#rt-copyright .rt-block {clear: both;}
	body .rt-container {width: 100%;padding-right: 0px;}
	body #logo-icon {display: none;}
	body #logo-inner {margin-left: 0px;}	
#rt-header ul li a {font-size:8px;}
.topmenu .module-content ul.menu li a span, .topmenu .module-content ul.menu li .separator span, .topmenu .module-content ul.menu li .item span {
    font-size: 12px!important;
}
      
  .module-content ul.menu li a span { padding: 7px; }
  body #rt-main .teaser_image {width:100%; height:NaN;}
  
  body #rt-top .teaser_image {margin:0px;}
  
  
  body #rt-mainbody table.responsive { margin-bottom: 0; }
    	
    	body #rt-mainbody .table{ position: relative; margin-bottom: 20px; overflow: hidden; border-right: 1px solid #ccc;overflow: scroll; overflow-y: hidden; display:block;  }
              
              body #rt-mainbody .mitte {width:100%;}
              
	
	body #rt-mainbody .pinned { position: absolute; left: 0; top: 0; background: #fff; width: 35%; overflow: hidden; overflow-x: scroll; border-right: 1px solid #ccc; border-left: 1px solid #ccc; }
	body #rt-mainbody .pinned table { border-right: none; border-left: none; width: 100%; }
	body #rt-mainbody .pinned table th, .pinned table td { white-space: nowrap; }
	body #rt-mainbody .pinned td:last-child { border-bottom: 0; }
	
	body #rt-mainbody div.table-wrapper { position: relative; margin-bottom: 20px; overflow: hidden; border-right: 1px solid #ccc; }
	body #rt-mainbody div.table-wrapper div.scrollable { margin-left: 35%; }
	body #rt-mainbody div.table-wrapper div.scrollable { overflow: scroll; overflow-y: hidden; }	
	
	body #rt-mainbody table.responsive td, table.responsive th { position: relative; white-space: nowrap; overflow: hidden; }
	body #rt-mainbody table.responsive td img {display: none;}
	body #rt-mainbody table.responsive th:first-child, table.responsive td:first-child, table.responsive td:first-child, table.responsive.pinned td { display: none; }
  
a[href^="tel"]:link,
a[href^="tel"]:visited,
a[href^="tel"]:hover {
   pointer-events: auto;
   cursor: auto;
   font-weight: normal;
}  

}