@charset "utf-8";
/* CSS Document */
@import url(//fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,700italic,700,300,400);
@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed:400i,700i');
body {
  margin: 0; font-family: 'Open Sans', "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif; letter-spacing:-0.5px; color: #000;
}
img{ max-width:100%; height:auto; }
a:focus{ outline:0; }
.h1, h1{ color:#000; }

/* Main pages css start here */
/*.container{ max-width:1170px; margin:0 auto; padding:0 20px; }*/
p, li{ letter-spacing:0px; }
header{ padding:10px 8px 0px 15px; background: #000; }
header .logo{ }
header .nav{ margin:0px; }
header .nav ul{ margin:0px; padding:0px; float:right; }
header .nav ul li{ display:inline-block; padding:0px; margin:0 3px 0px; }
header .nav ul li:last-child{ padding-right:0px; }
header .nav ul li a{ font-size:17px; font-weight:600; color:#bec0c2; text-decoration:none; padding:10px 15px 20px; }
header .nav ul li:hover{ background:#404041; }
header .nav ul li a:hover{ color:#ffd204; background:none; transition:all 0.3s ease-in-out; }
header .nav ul li.active a{ color:#ffd204; }
header .nav ul li a:focus{ color:#ffd204; outline:0; }
header .nav ul li li{ display:block; padding:0px; /*border-bottom:1px solid #D4D4D4;*/ }
header .nav ul li li:last-child{ border:0px; padding-right:0px; }
header .nav ul li li a{ font-size:17px; color:#000; padding:5px 15px 5px; line-height:normal; }
header .nav ul li li a:hover{ color:#000; background:#ffd204; transition:all 0.3s ease-in-out; }
header .nav ul li li:last-child a{ padding-right:15px; }
header .row {margin-left:15px !important;}
.nav .open > a, .nav .open > a:focus, .nav .open > a:hover, header .nav ul li:focus, .nav > li > a:focus{ background:none; border:0px; color:#ffd204; }
.navbar-collapse{ padding:0px; }
.navbar-nav > li > .dropdown-menu{ border-radius:0px; }
.dropdown-menu{ background:rgba(190,192,194,0.87); border:0px; top:102%;  }
.dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover{ background:none; }
.navbar-nav .open .dropdown-menu > li > a:focus, .navbar-nav .open .dropdown-menu > li > a:hover{ color:#000; background:#ffd204; }

.banner{ padding:0px; border-top:1px solid #838383; background:#fff; }
.banner .container{ position:relative; padding:0px;  }
.banner .right-banner-img{ float:right; position:relative; bottom:-1px; }
.banner .right-banner-img img{ position:relative; right:-65px; }
.banner .left-text{ position:absolute; left:15px; top:110px; z-index:0; }
.banner .left-text h1{ font-size:78px; font-weight:400; line-height:70px; margin:15px 0 7px 0px; color:#231f20; }
.banner .left-text h4{  font-size:30px; font-weight:300; color:#231f20; margin:0 0 25px 0px;  }
.banner .left-text .other-txt a:hover{ opacity:0.7; transition:all 0.3s ease-in-out; }
.carousel-control{ width:5%; }
.carousel-control.left, .carousel-control.right{ background-image:none; }
.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next, .carousel-control .icon-prev{ margin:0px; width:auto; height:auto; font-size: inherit; }
.glyphicon-chevron-left::before, .glyphicon-chevron-right::before{ content:inherit; display:none; }
.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next, .carousel-control .icon-prev{ top:45%; }

.footer-top{ border-bottom:1px solid #444546; padding-bottom:20px; padding-top:20px;  }

footer{ padding:0px 0px; }
.ourservices .heading-box{ float:left; margin:0 20px 10px 0px; }
.ourservices h2{ margin:0px; }
.ourservices p{ margin:5px 0 0 0px; font-size:17px; font-weight:400; color:#aaabae; line-height:normal; text-align:justify; }
.ourservices .more-box{ display:block; clear:both;padding:0 0 0 0px; }
.ourservices .more-box a{ float:right; text-decoration:none; color:#ffd200; font-weight:600; font-size:18px; background:url(../images/arrow-icon2.png) right center no-repeat; background-size:30px; padding:7px 38px 3px 0px; line-height:23px; font-style:italic; }
.ourservices .more-box a:hover{ color:#fff; transition:all 0.3s ease-in-out; }

footer .footer-bottom{ padding:40px 0 0px;}
/*footer .footer-bottom .col-4{  }
footer .footer-bottom .col-4:last-child{ padding-right:0; }*/
footer .footer-bottom .footer-links{  }
footer .footer-bottom .footer-links h5{ font-style:italic; font-size:18px; font-weight:400; color:#ffd200; margin:0 0 4px 0px; }
footer .footer-bottom .footer-links ul{ margin:0 0 20px 0px; padding:0px; list-style:none; }
footer .footer-bottom .footer-links ul li{ font-size:16px; font-style:italic; color:#bec0c2; font-weight:400; margin:0 0 0px 0px; }
footer .footer-bottom .footer-links ul li a{ text-decoration:none; color:#bec0c2; }
footer .footer-bottom .footer-links .other-logos{ padding:15px 0px; text-align:left; }
footer .footer-bottom .footer-links a:hover{ color:#ffd200; transition:all 0.3s ease-in-out; text-decoration:underline; }


footer .footer-bottom .othersearch h4{ font-size:17px; color:#bec0c2; font-weight:400; text-transform:uppercase; text-align:left; margin:0px; padding:0px 0 0 0px; line-height:17px; }
footer .footer-bottom .othersearch h4 span{ display:inline-block; vertical-align:middle; padding:2px 0 0 0px;}
footer .footer-bottom .othersearch h4 img{ display:inline-block; margin-left:10px; vertical-align:middle;}
footer .footer-bottom .othersearch .detail-box{ padding:5px 0 15px 0px; }
footer .footer-bottom .othersearch .detail-box input[type=text], footer .footer-bottom .othersearch .detail-box input[type=email]{ border-radius:4px; padding:3px 2%; border:0px; }
footer .footer-bottom .othersearch .detail-box input[type=submit] { background-color: #676767; color: #ffffff; text-align: center; border: 0; box-shadow: none; border-radius: 4px; height: 26px; width: 65px;vertical-align:top; }



footer .footer-bottom .othersearch .detail-box .lang{ padding:2px 10px; background:#fff; }
footer .footer-bottom .othersearch .detail-box .lang img{ display:inline-block; vertical-align:middle; }
footer .footer-bottom .othersearch .detail-box .lang select{ display:inline-block; vertical-align:middle; margin:0px; padding:0px; border:0px; text-transform:uppercase; }
footer .footer-bottom .othersearch .detail-box.connect img{ margin-right:5px; border-radius: 4px; }

.adapter-btn a {
background-image: url("../images/AdapterSearch.png");
height:31px;
width:100%;
position:relative;
display:block;
background-repeat:  no-repeat;
background-size:contain;
cursor:pointer;
}

.adapter-btn a:hover {
background-image: url("../images/AdapterSearchHover.png");
display:block;
position:relative;
background-repeat:  no-repeat;
cursor:pointer;
background-size:contain;
}

li.small-text {
    font-size: 16px !important;
    }



footer .footer-copytext {    
    clear: both;
    padding: 20px 0px 30px;
    background: #000;
    margin-top: 40px;
}
footer .footer-copytext p{ font-size:14px; color:#bec0c2; text-align:left; margin: 0; }
footer .footer-copytext p > span { 
    float: right;
    font-style: oblique;
    font-size: 18px;
    font-weight: 700;
    position: relative;
    top: -3px;
}
/* inner page css start here */
.banner.inner{ padding:0 0 0 0px; }
.banner.inner .carousel-inner .item img{ width:100%;}

.middle-content{ background:#fff; padding:35px 0px 40px; }
.middle-content .container{ /*max-width:1400px; width:auto;*/ }
.middle-content.extra .container{ max-width:1400px; width:auto; }

.product-item{}
.product-item:hover{ box-shadow:0 0 20px rgba(0, 0, 0, 0.2); transition:all 0.3s ease-in-out; }
.product-item .other-info{ clear:both; }
.product-item .image-box{ text-align:center; padding:10px 15px; }
.product-item h2{ font-size:23px; font-weight:bold; font-style:italic; color:#000; padding:5px 0 7px 15px;  margin:0px;}
.product-item h2 a{ color:#000; }
.product-item h2 a:hover{ color:#ffd204; transition:all 0.3s ease-in-out; text-decoration:none; }
.product-item h2 span{ font-size:18px; font-weight:normal; padding:0 0 0 10px; }
.product-item .detail-box{ background:#f3f3f5; padding:15px; }
.product-item .detail-box h4{ margin:0px; padding:0 0 7px 0px; font-size:16px; font-weight:bold; font-style:italic; color:#000; }
.product-item .detail-box p{ font-size:12px; margin:0 0 5px 0px; }
.product-item .detail-box .other-info{ padding:7px 0 0px 0px;  }
.product-item .detail-box .other-info .Left-text{ float:left; text-transform:uppercase; }
.product-item .detail-box .other-info .Left-text span.head{ display:inline-block; color:#000; background:#f4c300; font-size:12px; font-weight:bold; font-style:italic; padding:4px 4px 0px; margin:0 5px 0 0px; text-transform:uppercase; line-height:normal; vertical-align:middle; }
.product-item .detail-box .other-info .Left-text span.big-txt{ display:inline-block; color:#000; font-size:24px; font-weight:bold; font-style:italic; vertical-align:middle; }
.product-item .detail-box .other-info .right-btn{ float:right; padding:4px 0 0 0px; }
.product-item .detail-box .other-info .right-btn a{ text-transform:uppercase; font-size:12px; display:block; padding:5px 23px 0 0px; background:url(../images/icon-add.png) right center no-repeat; color:#000; }
.product-item .detail-box .other-info .right-btn a:hover{ color:#f4c200; transition:all 0.3s ease-in-out; }

/* Notofications css */
.notification{ background:#ffd203; padding:3px; text-align:left; }
.notification .message{ font-size:15px; font-style:italic; font-weight:500; display:inline-block; vertical-align:middle; line-height:normal; color:#000; letter-spacing: .3px; }
.notification .message a{ text-decoration:none; color:#000; }
.notification .message a:hover{ opacity:0.75; transition:all 0.3 ease-in-out;  }
.notification .btn{ padding:2px 0px 2px 10px; }
.notification .btn a{ font-style:italic; color:#000; font-size:17px; font-weight:300; }
.notification .btn a:hover{ color:#fff; transition:all 0.3s ease-in-out; text-decoration:none; }
.btn.active, .btn:active{ box-shadow:none; outline:0px; }
/* bredcrum css */
.bredcrum{}
.bredcrum ul{ list-style:none; float:right; }
.bredcrum ul li{ display:inline-block; margin:0px; padding:0 0 0 2px; color:#000; font-size:12px; text-transform:uppercase; }
.bredcrum ul li a{ color:#000; }
.bredcrum ul li a:hover{ color:#ffd203; text-decoration:none; transition:all 0.3s ease-in-out; }

.product-detail{ color:#000; margin:0 auto 30px; }
.product-detail .image-box{ padding:10px 15px; position:relative; }
.product-detail .image-box .zoom-icon{ position:absolute; bottom:10px; right:15px; }
.product-detail .image-box .zoom-icon img {width:26px;}
.product-detail .image-box .zoom-icon:hover img{ opacity:0.8; }

.image-box a {
    color: #000;
}

.product-detail h1{ font-size:64px; font-style:italic; text-transform:uppercase; font-weight:700; margin:30px 0 10px 0px; line-height:60px;  }
.product-detail h2{ font-size:27px; font-style:italic; text-transform:uppercase; font-weight:400; margin:0px 0 15px 0px; line-height:27px;  }
.product-detail p{ font-size:13px;}
.product-detail h3{ font-size:24px; font-style:italic; font-weight:400; margin:25px 0 10px 0px; line-height:27px;  }
.product-detail ul{ margin:0px; padding:0 0 0 12px; }
.product-detail ul li{ font-size:13px; margin:0px; }
.product-detail table{ font-size:12px; }
.product-detail .pdf-download-box{ max-width:250px; padding-top:25px; }
.product-detail .pdf-download-box span{ display:inline-block; padding-right:0px; vertical-align:top; }
.product-detail .pdf-download-box a{ font-size:13px; color:#000; display:block; padding-bottom:0px; }
.product-detail .pdf-download-box a span{ display:inline-block; vertical-align:middle; line-height:18px; }
.product-detail .pdf-download-box a span img{ margin-right:7px; }
.product-detail .pdf-download-box a:hover{ text-decoration:none; color:#ffd203; transition:all 0.3s ease-in-out; }
.product-detail .pdf-download-box a:hover img{ opacity:0.7; transition:all 0.3s ease-in-out; }
.product-detail .pdf-download-box img {padding-right: 10px; width: 60px;}

.related-product{ margin-top:65px;  }
.related-product .prod-img{ text-align:center; }
.related-product h2{ font-size:23px; font-weight:bold; font-style:italic; color:#000; padding:7px 0 2px 15px;  margin:0px;}
.related-product h2 a{ color:#000; }
.related-product h2 a:hover{ color:#ffd204; transition:all 0.3s ease-in-out; text-decoration:none; }
.related-product h2 span{ font-size:17px; font-weight:300; padding:0 0 0 10px; letter-spacing:0px; }
.related-product .detail-box{ background:#f3f3f5; padding:7px 15px; }
.related-product .detail-box h4{ margin:0px; padding:0 0 7px 0px; font-size:16px; font-weight:bold; font-style:italic; color:#000; text-transform:uppercase; }
.related-product .detail-box p{ font-size:12px; margin:0 0 5px 0px; }
.related-product .detail-box .other-info{ padding:0px 0 0px 0px;  }
.related-product .detail-box .other-info .Left-text{ float:left; text-transform:uppercase; }
.related-product .detail-box .other-info .Left-text span.head{ display:inline-block; color:#000; background:#f4c300; font-size:12px; font-weight:bold; font-style:italic; padding:2px 6px 1px; margin:0 5px 0 0px; text-transform:uppercase; line-height:normal; vertical-align:middle;}
.related-product .detail-box .other-info .Left-text span.head:hover{ background:#000; color:#fff; transition:all 0.3s ease-in-out; }

.related-product .detail-box .other-info .Left-text span.big-txt{ display:inline-block; color:#000; font-size:24px; font-weight:bold; font-style:italic; vertical-align:middle; }
.related-product .detail-box .other-info .right-btn{ float:right; padding:0px 0 0 0px; }
.related-product .detail-box .other-info .right-btn a{ text-transform:uppercase; font-size:12px; display:block; padding:5px 23px 0 0px; background:url(../images/icon-add.png) right center no-repeat; color:#000; }
.related-product .detail-box .other-info .right-btn a:hover{ color:#f4c200; transition:all 0.3s ease-in-out; }


.connect img:hover, .other-logos img:hover{ opacity:0.7; transition:all 0.3s ease-in-out; }

.navbar-toggle{ margin-right:0px; margin-top:3px; }
.navbar-toggle .icon-bar { background:#878789;  width: 31px; border-radius:2px; height:3px;}
/*24 july*/
.Grey-bg { background:#f1f1f2; padding-top:60px; padding-bottom:60px;}
.choose h1{ font-style:italic; font-weight:bold; color:#231f20; margin:0; font-size:34px;}
.choose h2 { color: #231f20; font-size:24px; font-weight: normal; margin: 10px 0 20px;  text-transform: uppercase;}
.choose h2 span { display: inline-block; vertical-align: middle; }
/* The CSS */
 .choose  select {
     background: #fff none repeat scroll 0 0;
    border: medium none;
    color: #1f1c1c;
    cursor: pointer;
    display: block;
	width:98%;
    font-size: 14px;
    font-weight: normal;
    margin: 0;
    outline: medium none;
    padding: 7px 0 7px 8px;
    text-transform: uppercase;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
}
.choose  label {display: block;
    margin:7px 0;
    max-width: 55%;
    position: relative;}
.choose  label:after {
	background:url(../images/select-bg.png) 0 -4px no-repeat;
   border: 7px solid #f1f1f2 ;
    content: " ";
    height: 57px;
    padding: 0 0 2px;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: -7px;
    width: 57px;
}
.choose input[type="submit"]
{
	  background-color: #fff;
	  background-image:url(../images/search-icon2.png);
      background-repeat:no-repeat;
      background-size:30px;
	  background-position:91% center;
    border: medium none;
    font-size: 28px;
	color:#000;
    font-style: italic;
    font-weight: bold;
    margin-top: 15px;
    padding:7px 45px 7px 15px;
    text-transform: uppercase;
}
.choose input[type="submit"]:hover
{
	background-color:#000;
	transition:all ease 1s;
	color:#fff;
}
.rep-search{

}
.rep-search .container{
	max-width:900px;
}

.Result-details .result-tbl-bx{ padding:5px; }
.Result-details table{
	background: #fff none repeat scroll 0 0;
    display: block;
    padding:5px; overflow:auto;
}
.Result-details table tbody{ width:100%; display: table; }
.Result-details th {
     font-size: 12px;
    font-style: italic;
    font-weight: bold;
    padding: 8px;
    text-align: center;
	border:1px solid #cdcfd1;
	border-top:none;

}
.Result-details td {
    padding:5px;
    text-align: center;
	 border: 1px solid #cdcfd1;
	 border-collapse:collapse; font-size:12px;
}
.Result-details tr:last-child td
{
	border-bottom:none;
}
.Result-details td:first-child, .Result-details th:first-child
{
	border-left:none;
}
.Result-details td:last-child, .Result-details th:last-child
{
	border-right:none;
}
.Result-details td span
{
	display:block;
}
.Result-details td a
{
	text-decoration:underline;
	color:#231f20;
}
.Result-details td a:hover{ color:#ffd203; }
.Result-details TABLE tr:hover td{ background:#fffbe9; transition:all 0.3s ease-in-out; }
.Result-details td:nth-child(8n), .Result-details th:nth-child(8n)
{
	text-align:left;
}
.Result-details
{
	margin-top:25px;
}
.Result-details h3 {
    font-size:36px;
    font-style: italic;
    font-weight: bold;
    text-transform: uppercase;
}
.rep-inner p {
    font-size:22px;
    font-weight: 300;
    line-height:normal;
}
.rep-inner h1{
	padding-right:30px;
	display:inline-block;
	background-size:20px;
	font-size:34px;
	font-weight:bold;
	font-style:italic; margin:0px;
}
.rep-inner h1 span{ display:inline-block; }
.searchbox{
	 display: block;
    margin-top: 15px;
    max-width: 45%;
}
.searchbox input[type="text"]{
	border: medium none;
    font-size: 15px;
    padding: 6px 0;
    text-indent: 12px;
    width: 100%;
}
.searchbox input[type="submit"]{
	background-color:#fff;
    background-image:url(../images/pin-icon.png);
    background-size:15px;
	background-position:right center;
	background-repeat:no-repeat;
	text-transform:uppercase;
	background-position:91% center;
    border: medium none;
    font-size: 28px;
    font-style: italic;
    font-weight: bold;
	color:#000000;
    margin-top: 15px;
    padding:2px 35px 1px 15px;
}
.searchbox input[type="submit"]:hover{
	background-color:#000000;
	transition:all ease 1s;
	color:#fff;
}
.resprenstative-main {
    background: #fff none repeat scroll 0 0;
    padding:25px;
}
.represnt-text{
	padding-top:20px;
}
.represnt-text h2 {
    font-size:20px;
    font-weight:300;
    line-height:32px;
    margin: 0;
}
.represnt-text h2 a{
	color:#000;
	text-decoration:underline;
	font-style:italic; word-wrap:break-word;
}
.represnt-text h2 a:hover{
	color:#ffd204;
	transition:all ease 1s;

}
.detailed-text {
    display: inline-block;
    width: 60%;
    font-size:15px;
}
.request {
    display: inline-block;
	width:39%;
}
.request a {
	background-image:url(../images/plus.png);
	background-repeat:no-repeat;
    background-color: #ffd204;
	background-position:95% center;
    border-radius: 5px;
    color: #000;
    display: block;
    font-size:20px;
    font-style: italic;
    font-weight: bold;
    padding:8px 45px 8px 12px;
    text-transform: uppercase;
    vertical-align: bottom;
}
.request a:hover
{
	background-color:#000;
	text-decoration:none;
	color:#fff;
	transition:all ease 1s;
}
.your-resprenstative h1 {
    font-size:32px;
    font-style: italic;
    font-weight: bold;
    margin-top: 35px;
    text-transform: uppercase;
}
.products-zoom {
    clear: both;
}
.products-zoom .image-box {
	display:inline-block;
	width:49%;
}
.image-box span {
    display: block;
    font-size: 16px;
    margin-top: 10px;
}
.product-detail h2 span {
  font-size: 22px;
  font-style: italic;
  letter-spacing: 0;
  text-transform: none;
}
.no-padding
{
	padding:0;}
	.product-detail .no-padding {
    padding: 0;
}
.left-brake h1
{
	margin:0;
}
.left-brake {
    margin-top: -35px;
}
.left-brake h1 {
    font-size: 26px;
    font-style: italic;
    font-weight: bold;
    margin: 0 0 15px;
}
.left-brake p {
    display: block;
    margin-bottom: 15px;
}
.brake-video
{
	display:block;
	margin:10px 0;
}
.details-brake h2 {
    color: #231f20;
    font-size: 20px;
    font-weight: bold;
}
.who-we-are p {
    line-height: 26px;
	font-size:18px;
	text-align:justify;
}
.we-are-details {
    padding-bottom:10px;
    padding-top:30px;
}
.we-are-details h1 {
    font-size: 22px;
    font-style: italic;
    font-weight: bold;
    margin: 0 0 10px;
    text-transform: uppercase;
}
.we-are-details p {
    font-size: 18px;
    font-weight: normal;
}
.we-are-details span {
    font-weight: lighter;
    letter-spacing: 0;
    margin-bottom: 10px;
}
.we-are-details p {
    color: #231f20;
    font-size: 18px;
    font-weight:normal;
}
.we-are-details a {
    color: #000;
    display: block;
}
.we-are-details a:hover
{
	color:#ffd200;
	transition:all ease 1s;
	text-decoration:none;
}
.right-brake .product-detail .pdf-download-box {
    max-width: inherit;
}
.right-brake .pdf-download-box.no-padding span:last-child {
      display: inline-block;
    padding-left: 2%;
    vertical-align: top;
    width: 80%;
}
.brakesaver-kit {
    background: #f2f2f2 none repeat scroll 0 0;
    margin-bottom: 30px;
    margin-top: 120px;
    padding: 15px;
}
.brakesaver-kit h1 {
    font-size: 26px;
    font-style: italic;
    font-weight: bold;
    margin: 0;
    text-transform: uppercase;
}
.brakesaver-kit h2 {
    font-size: 17px;
    font-style: italic;
    font-weight: bold;
    margin: 8px 0;
    text-transform: uppercase;
}
.complete {
    background: #f2d204 none repeat scroll 0 0;
    display: inline-block;
    font-style: italic;
    font-weight: bold;
    padding: 2px 8px;
}

.down
{
	background:url(../images/plus-grey.png);
	background-repeat:no-repeat;
	color: #000;
    float: right;
    line-height: 25px;
	background-size:20px;
	background-position:right center;
    padding-right: 30px;
    text-transform: uppercase;

}
.down:hover
{
	text-decoration:none;
	color:#000;
}
.adpter-search{}
.adpter-search .container{ max-width:900px;}
.adpter-search.big .container{ max-width:990px;}

.btns-det input{ background: #f4c300 none repeat scroll 0 0;
    color: #000;
    display: inline-block;
    font-size: 15px;
    font-style: italic;
    font-weight: bold;
    line-height: normal;
    margin: 0 5px 0 0;
    padding:4px 10px;
    text-transform: uppercase; cursor:pointer;
    vertical-align: middle; border:0px; }
.btns-det input:hover{ background:#000; color:#fff; transition:all 0.3s ease-in-out; }
.btns-det input:disabled { background: grey; }

span.mobile-heading, .Result-details td span.mobile-heading{ display:none; }
.subhead > select { font-style: normal; font-weight: normal;}

/* Support page css */
.support{}
.support .we-are-details a{ display:inline;}
.support h3{ font-style:italic; font-weight:bold; font-size:20px; }
.support .we-are-details p{ font-weight:lighter; }
.support .we-are-details h2{ font-size:26px; font-weight:bold; font-style:italic; margin:0 0 10px 0px; }
.help{ margin-top:20px; }
.help a{ padding:0 25px 0 0px; background:url(../images/gray-plus-icon.png) right center no-repeat; background-size: 20px; text-transform:uppercase; font-size:22px; font-weight:lighter; }
.right-zoom .zoom-icon{ bottom:inherit; top:20px; }
.right-zoom .img-detail{ text-align:center; padding-top:5px; }
.rotor-match{ padding-top:15px;}
.rotor-match h1{ font-size:36px; font-style:italic; font-weight:bolder;}
.rotor-match h2{ font-size:34px; font-style:italic; font-weight:bolder;}
.rotor-match h3{ font-size:26px; font-style:italic; font-weight:bolder;}

.find input[type="submit"]
{
	  background-color: #fff;
	  background-image:url(../images/location-icon.png);
	  background-repeat:no-repeat;
	  background-position:91% center;
    border: medium none;
    font-size: 24px;
	color:#000;
    font-style: italic;
    font-weight: bold;
    margin-top: 15px;
    padding:3px 30px 3px 10px;
    text-transform: uppercase;
}
.find input[type="submit"]:hover
{
	background-color:#000;
	transition:all ease 1s;
	color:#fff;
}

.find input[type="search"]{ font-weight:lighter; color:#000; text-align:left; margin:0 0 0px 0px; clear:both; display:block; width:400px; padding:5px 7px; border:0px; }

.result-box-rotor{ padding:20px; background:#fff; margin-top:25px; }
.result-box-rotor .image-box{ text-align:left; display:inline-block; }
.result-box-rotor .result-txt{ padding-top:0px; text-align:left; display:inline-block; font-size:22px; font-weight:lighter; color:#000;  }
.result-box-rotor .result-txt a{ color:#000; text-decoration:underline; }
.result-box-rotor .result-txt a:hover{ color:#ffd204; }

.result-box-rotor .button-box{ text-align:left; display:inline-block; }
.button-box .request-btn{ padding:0px 0 0 0px; margin-top:0px; height:130px; position:relative; }
.button-box .request-btn a{ background:url(../images/plus.png) 97% center/10% no-repeat #ffd204; padding:4px 35px 4px 10px; font-weight:bold; text-transform:uppercase; font-style:italic; display:block; font-size:16px; position:absolute; width:100%; bottom:0px; color:#000; border-radius:4px; }
.button-box .request-btn a:hover{ background:url(../images/plus.png) 97% center/10% no-repeat #000; color:#fff; text-decoration:none; transition:all 0.3s ease-in-out; }
.space-line{ background:#fff; height:1px; margin:15px 0px 7px; }

.train-smart-pg h1{ font-size:36px; font-weight:bold; font-style:italic; margin-top:0px; }
.train-smart-pg h3{ font-size:24px; font-weight:bold; font-style:italic; }
.train-smart-pg h2{ font-size:32px; font-weight:bold; font-style:italic; margin-top:45px;}
.train-smart-pg h6{ font-size:17px; margin-bottom:25px; }

.color-bx{ background:#f2f2f2; padding:12px; min-height:98px; }



/***************My code start *********************/

.left-btn, .right-txt {
    display: inline-block;
    vertical-align: bottom;
}
.left-btn a {
   background: #f2d204 none repeat scroll 0 0;
    color: #000 !important;
    display: inline-block;
    font-style: normal;
    font-weight: bold;
    letter-spacing: 0;
	line-height:normal;
    min-width: 129px;
    padding: 2px 8px;
    text-align: center;
    text-decoration: none;
    transform: skewX(-12deg);
}
.left-btn a:hover{ color:#f2d204 !important; background:#000; transition:all 0.3s ease-in-out; }

.left-btn {
    background:url(../images/plus-grey.png);
	background-repeat:no-repeat;
	background-position:right center;
	background-size:20px auto;
    padding-right: 25px;
   width: auto;;
}
.right-txt {
    color: #000;
    float: right;
    font-family: sans-serif;
    font-style: italic;
    letter-spacing: 0;
    padding-top: 7px;
}
.color-bx p {
    min-height: 40px;
}
.train-smart-pg em {
    font-size: 17px;
}
.train-smart-pg em a
{
	color:#000;
	text-decoration:none;
}


.train-smart-pg a {
    color: #ffd203 !important;
    font-weight:bold;

}



header .nav ul li ul {
    display: none;
	position: absolute;
    min-width:-webkit-max-content;
    min-width:-moz-max-content;
	background: #404041 none repeat scroll 0 0;
	z-index:99;
	padding-top:0px;
	padding-bottom:5px;
}

header .nav ul li ul li{ position:relative; }
header .nav ul li ul ul{ position:absolute; left:100%; top:0px; }
header .nav ul li ul ul .leftSide { position: absolute; right: 100%; top: 0px;}

ul.sub-menu .inline-li a, ul.sub-menu .inline-li ul {
    display: inline-block;
    vertical-align: top;
    width: 53%;
}
ul.sub-menu .inline-li ul li a
{
	width:100%;
	color:#ffd200;
}
ul.sub-menu .inline-li:last-child a
{
	padding-right:0;
}
ul.nav ul.sub-menu .inline-li ul {
  position: relative;
  width: 47%;
  padding:0;
}
ul.sub-menu .inline-li:last-child a img {
  margin-left: 25%;
}
header .nav ul li
{
	position:relative;
}

header .nav ul li:hover ul {
    display: block;
}
header .nav ul li ul ul li a{ color:#bec0c2; }
header .nav ul li:hover ul ul{ display:none; }
header .nav ul li ul li:hover ul{ display:block; }

header .nav ul li ul li, header .nav ul li ul li a
{
	display:block;
}
header .nav ul li ul li a {
    color: #bec0c2;
}
header .nav ul li ul li:hover a {
    color: #000;
}
header .nav ul li ul li:hover li a {
    color: #bec0c2;
}
header .nav ul li ul li li:hover a{ color:#000; }

.train-smart-pg p {
    text-align: justify;
}
.portal-login {
   background: #f1f1f2 none repeat scroll 0 0;
    border-radius: 25px;
    display: block;
    float: none;
    margin: 60px auto;
    max-width: 480px;
    padding: 15px 20px 30px;
    text-align: center;
}
.portal-login h3
{
	margin-top:0;
}
.portal-login input {
    background: #fff none repeat scroll 0 0;
    border: 0 none;
    color: #000;
    display: block;
    font-size: 16px;
    margin-bottom: 12px;
    padding: 5px 0;
    text-align: center;
    width: 100%;
}
.portal-login i {
    margin-bottom: 15px;
    margin-top: 10px;
	display:block;
	letter-spacing:0;
}
.portal-login i a {
    color: #000;
    display: block;
    font-size: 16px;
	text-decoration:none;
}
.portal-login input[type="submit"] {
    background: #ffd204 none repeat scroll 0 0;
	border:2px solid rgba(0, 0, 0, 0);
    border-radius: 6px;
    font-size: 24px;
    font-style: italic;
    font-weight: bold;
    letter-spacing: 0;
    line-height: normal;
    margin: 0 auto 12px;
    padding: 0px 30px;
    width: auto;
	transform:all 5s ease 0s;
}
.portal-login input[type="submit"]:hover
{
	opacity:0.6;
}
.portal-login h5 a {
    color: #000;
    display: block;
    font-size: 18px;
    font-weight: bold;
    letter-spacing: 0;
	text-decoration:none;
}
.nextPre a, .nextPre h2 {
    display: inline-block;
    margin: 0;
    vertical-align: middle;
    width: 33%;
    color: #000;
}
.nextPre a {
    color: #000 !important;
    font-size: 24px;
    font-style: italic;
    font-weight: bold;
    letter-spacing: 0;
    text-transform: uppercase;
	text-decoration:none;
}
.nextPre h2
{
	text-align:center;
	text-transform:uppercase;
    font-size:italic;
    font-weight:900;
    color: #000;
}

.nextPre {
    margin-left: 40px;
    margin-right:40px;
    padding-top:20px;
    margin: 0 auto;
    text-align:center;
}

.nextPre a:last-child {
    text-align: center;
}


.video {
    margin: 0 auto;
    text-align:center;
  }

  @media (max-width:500px){
  .video iframe {
    max-width: 350px !important;
  }
  }


.logout {
display: block;
width: 100%;
text-align: right;
margin-top:20px;
margin-bottom:15px;
}


.train-smart-pg p img
{
	float:none;
}
.train-smart-pg a {
    color: #000;
    text-decoration: none;
}
.product-detail h4 {
    font-size: 17px;
    font-weight: bold;
    margin: 8px 0 30px;
    text-transform: uppercase;
	color:#000;
}
.find-pro {	background: #f2f2f2; padding: 12px 0 15px 0;}
.find-LR-main {	padding-right: 12px;}
.find-left, .find-right {display: inline-block;	vertical-align: top;}
.find-left {width: 80%;}
.find-right {text-align: center;width: 18%;}
.find-left span {background: #ffd204 none repeat scroll 0 0;display: inline-block;	font-size: 29px; font-style: italic; font-weight: bold;	line-height: normal; margin-bottom: 4px;	padding: 0 15px; width: auto;}
.find-pro .brakesaver {	padding: 15px;text-align: center;}
.find-pro input {background: #fff;display: block;text-align: center;color: #231f20;	border: 0; margin-bottom: 15px;	width: 100%;font-size: 14px; padding: 10px 10px; }

.find-pro input[type="submit"], .modal-main .brakesaver.rep-contact input[type="submit"] {
	background: url("../images/pin-icon.png") no-repeat scroll 90% center, #fff;
    display: inline-block;
    background-size:15px;
	color: #000;
	margin-bottom: 0;
	width: auto;
	font-weight: bold;
	font-style: italic;
	font-size: 21px;
	padding: 5px 30px 5px 12px;
	line-height: normal;
}
.modal-content .modal-header {
	border: 0 none;
	min-height: inherit;
	padding: 10px 10px 0;
	position: relative;
	z-index: 99;
}
.modal-content h1 {
	font-size: 26px;
	font-style: italic;
	font-weight: bold;
	margin: 0 0 15px;
	color: #000;
}
.modal-main .brakesaver {
	padding: 0;
	text-align: left;
	margin-bottom: 22px;
}
.modal-main p {
	font-size: 16px;
	line-height: 26px;
}
.modal-main .brakesaver input {
	text-align: left;
	padding: 5px;
	max-width: 290px;
	display:block;
}
.modal-main .brakesaver input[type="submit"] {
	padding: 2px 25px 2px 10px;
	font-size: 20px;
}
.modal-main .modal-content {
	background: #f1f1f2 none repeat scroll 0 0;
}
.modal-main .modal-header .close {
	font-size: 17px;
	font-weight: normal;
}
.modal-main .modal-body {
	padding: 10px 30px 30px;
}
.result-main {
	padding: 10px 13px;
	background: #fff;
}
.result-each {
	margin: 0 auto 30px;
}
.result-each:last-child {
	margin-bottom: 0;
}
.result-each p, .result-each a {
	color: #231f20;
	font-size: 16px;
	line-height: normal;
	margin: 0 auto;
}
.result-each a {
	font-style: italic;
	border-bottom: 1px solid;
}
.result-each a:hover {
	text-decoration: none;
}
.check-roi-main {
	background: #f1f1f2 none repeat scroll 0 0;
	display: block;
	padding: 50px 0;
}
.check-roi {
	float: none;
	margin: 0 auto;
	max-width: 850px;
}
.check-roi h1 {
	font-size: 26px;
	font-style: italic;
	font-weight: bold;
	margin: 0 0 15px;
}
.check-roi p, .check-roi-main .check-roi p, .check-roi-main .check-roi .form-section-request label {
  color: #231f20;
  font-size: 17px;
  font-style: normal;
  font-weight: normal;
  text-align: justify;
  width: auto;
}
.check-roi i {
	color: #231f20;
	display: block;
	font-size: 17px;
	letter-spacing: 0;
	margin-bottom: 10px;
}
.check-roi form {
	text-align: center;
}
.check-roi span {
	display: block;
	margin: 0 auto 5px;
}
.check-roi input, .check-roi label, .check-roi span.sign-percentage, .check-roi span.sign-dollar {
	display: inline-block;
	vertical-align: middle;
}
.check-roi label {
	text-align: left;
}
.check-roi label, .check-roi input, .check-roi select {
	font-size: 16px;
	font-style: italic;
	letter-spacing: 0;
	line-height: normal;
	width: 50%;
	border: 0;
}
.check-roi input, .check-roi select {
	font-weight: bold;
	padding: 2px;
	text-align: center;
	width: 49%;
	color: #636466;
}
.check-roi select {
	width: 46%;
}
.sign-dollar, .sign-percentage {
	background: #231f20 none repeat scroll 0 0;
	border-bottom: 1px solid #8a8889;
	border-top: 1px solid #8a8889;
	color: #ffd200;
	cursor: pointer;
	font-weight: bold;
	height: 22px;
	line-height: normal;
	text-align: center;
	width: 22px;
}
.check-roi input.small-field {
	width: 46%;
}
.check-roi input[type="submit"], .yellow-btn, .result-each a.yellow-btn{
    background: url("../images/white-plus-icon.png") no-repeat scroll 92% center, #ffd204 none repeat scroll 0 0;
    background-size: 20px;
	border-radius: 4px;
	margin-top: 20px;
	padding: 2px 35px 2px 10px;
	width: auto;
	color: #000;
	border:0 !important;
	font-weight:bold;
}

.gray-btn {
	border-radius: 4px;
	padding: 7px 10px 7px 20px;
	width: 223px;
	color: #ffffff !important;
	border:0 !important;
  background: #676767;
  text-align: center !important;
  display: block;
  margin-top: 20px !important;
  margin: 0 auto;
  margin-bottom:20px;
    margin-right:10px;
}

a.gray-btn {
	border-radius: 0;
	padding: 7px 35px 7px 35px;
	width: 100%;
	color: #ffffff !important;
	border:0 !important;
  background: #676767;
  text-align: center !important;
  display: inline;
  margin-top: 20px !important;
  margin: 0 auto;
  margin-bottom:20px;
}




.yellow-btn a:hover {
  color: #ffffff !important;
}

.yellow-btn a {
    color: #000;
}

.gray-btn a:hover {
  color: #ffffff !important;
}



.check-roi input[type="submit"]:hover {
	opacity: 0.8;
}
.modal-main .brakesaver.rep-contact input {
  font-size: 14px;
  font-style: normal;
  font-weight: normal;
}
.modal-main .brakesaver.rep-contact input[type="submit"]
{
	margin-top:10px;
}
.representative-each .result-each, .representative-each img {
  display: inline-block;
  vertical-align: middle;
}
.representative-each img {
  max-width: 180px;
  margin-right:10px;
}
.representative-each .result-each {
  width: 75%;
}
 .result-each a.yellow-btn
{
	margin-left:15px;
}
.check-roi .result-main {
  margin-bottom: 30px;
  padding: 20px;
}
.check-roi .modal-main h1
{
	margin-bottom:5px;
}
.rep-contact-form input[type=checkbox].css-checkbox {
	position: absolute;
	z-index: -1000;
	left: -1000px;
	overflow: hidden;
	clip: rect(0 0 0 0);
	height: 1px;
	width: 1px;
	margin: -1px;
	padding: 0;
	border: 0;
}
.rep-contact-form input[type=checkbox].css-checkbox + label.css-label, .rep-contact-form input[type=checkbox].css-checkbox + label.css-label.clr {
	padding-left: 26px;
	height: 21px;
	display: inline-block;
	line-height: 20px;
	background-repeat: no-repeat;
	background-position: 0 0;
	font-size: 20px;
	vertical-align: middle;
	cursor: pointer;
	font-weight:normal;
	font-style:normal;
	color:#231f20;
	vertical-align:top;
	width:auto;
}
.rep-contact-form input[type=checkbox].css-checkbox:checked + label.css-label, .rep-contact-form input[type=checkbox].css-checkbox + label.css-label.chk {
	background-position: 0 -21px;
}
.rep-contact-form label.css-label {
	background-image: url(/images/csscheckbox_c029a5e5c6b0015c535938bcc2342d24.png);
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.check-roi .rep-contact-form input
{
	color:#636466;
	text-align:left;
	font-weight:normal;
	font-style:italic;
	font-size:15px;
	padding:1px 10px;
	vertical-align:top;
	margin-right:3%;

}
.rep-contact-form form > label
{
	font-weight:normal;
	color:#231f20;
	font-size:20px;
	line-height:20px;
	width:100%;
	font-style:normal;
	margin:10px 0;
	}
.rep-contact-form form
{
	text-align:left;
}
.free_onsite.check-roi { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; padding: 0 15px;}
.check-roi-main .check-roi .form-section-request p, .check-roi-main .check-roi .form-section-request h3, .check-roi-main .check-roi .form-section-request h4 {  display: none;}
.check-roi-main .check-roi .form-section-request input { width: 100%;}
.check-roi-main .check-roi .form-section-request table { margin:0;}
.check-roi-main .check-roi .form-section-request input[type="checkbox"] { width:auto; display:inline-block; vertical-align:middle; margin-right:10px;}
.check-roi-main .check-roi .form-section-request input[type="image"] { margin:20px 0 0 17%; width: auto;}
.check-roi-main .check-roi #cbxRequestingDemo{ margin-top:20px; }
.banner.inner .carousel .supertech-banner img { width: auto; display: inline-block; vertical-align: bottom;}
.banner.inner .carousel .supertech-banner img:first-child { margin-right:5%;}
.supertech-text, .supertech-images { display: inline-block; float: none; vertical-align: bottom; width: 49.5%; }
.supertech-images { text-align:right;}
.supertech-banner { padding:30px 0;}
.supertech-banner .container { padding:0 15px; }
.supertech-download {  background: #e6e7e8 none repeat scroll 0 0; padding-bottom: 21px; padding-top: 21px; margin-right:2%; width:39%; text-align:center;}
.supertech-img, .supertech-content {  display: inline-block; vertical-align: middle; }
.supertech-img { width:23%; margin-right:2%;}
.supertech-content { width: 74%;}
.supertech-content span {  display: block; font-size: 25px;  font-weight: 300; text-align: center; line-height:normal; margin-bottom:5px;}
.supertech-content a {  background: url("../images/white-plus-icon.png") no-repeat scroll 92% center, #ffd204 none repeat scroll 0 0; background-size:20px; border: 0 none !important;
  border-radius: 4px; color: #000; font-weight: bold; padding: 2px 39px 2px 10px; width: auto; font-size: 21px;  font-style: italic; letter-spacing: 0; display:inline-block;}
.supertech-rightext h5 { color: #000; font-size: 17px; font-weight: bold; margin-top:0; margin-bottom:5px;}
.supertech-rightext p { color:#000; margin-bottom:0;}
.supertech-btm .row { margin-bottom: 40px; margin-left:10px; margin-right:10px;}
.supertech-btm .row:last-child { margin-bottom: 0px;}
.supertech-btm p.line-border { border-bottom: 1px solid #000; margin-bottom: 0; padding-bottom: 30px;}


img.warranty-logo.second {
    max-width: 200px;
    padding-top:10px;
}

img.warranty-logo {
    max-width: 250px;
}

@media (max-width:768px){
    .yellow-btn {
width:100% !important;
    }
    .yellow-btn a {
        font-size:13px !important;
    }
}


/***************My code close *********************/

/* RESPONSIVE CSS
-------------------------------------------------- */




@media (max-width:1199px) {

header .nav ul li a{ padding:15px 12px; }
header .nav ul li a{ font-size:18px; }
.banner .right-banner-img{ max-width:560px; }
.ourservices .heading-box{ width:13%; }
.ourservices .more-details{ width:80%; float:left; }
.color-bx { min-height: 117px;}
.color-bx p {  min-height: 60px;}
.right-txt { padding: 0; width: 63%; float:none; text-align:right;}
.left-btn, .right-txt {vertical-align: top;}
.find-left span{font-size:22px;}
.right-brake .pdf-download-box.no-padding span:last-child {width: 77%;}
.supertech-content { width: 71%;}
.supertech-content span { font-size: 20px;}
.gray-btn {width:160px;}


}

@media (max-width:991px) {
.gray-btn {width:100%; margin-bottom:10px;}
.container{ width:auto; }
.free, .free_onsite.check-roi, .free.free_onsite {width:auto !important;}
.banner .right-banner-img{ max-width:460px; }
.banner .left-text{ top:20%; width:400px; }
.banner .left-text h1{ font-size:55px; }
.banner .left-text h4{ font-size:22px; }
.navbar nav{ position:relative; }
.navbar .navbar-collapse{ position:absolute !important; z-index:102; background:#000; top:100%; width:100%; right:0px; min-width:288px; }
header .nav ul{ float:none; padding: 6px 2px; }
header .nav ul li{ display:block; padding:0; float:none; }
.navbar-nav > li > .dropdown-menu{ display:block; position:static; background:none; }
header .nav ul li li a, .navbar-nav .open .dropdown-menu .dropdown-header, .navbar-nav .open .dropdown-menu > li > a{ color:#ffd203; padding:4px 7px; line-height:normal; }
.caret{ }
.navbar-nav .open .dropdown-menu > li > a{ line-height:inherit; }
header .nav ul li li a{  }
.ourservices .heading-box{ width:15%; }
.ourservices .more-details{ width:75%; float:left; }
.banner .right-banner-img img{ right:0px; }
.down { float:none;}
.request{ width:auto; margin-top:10px; }
.right-txt { display: block; margin: 10px auto 0; padding: 0; text-align: left; width: 100%;}
.train-smart-pg iframe { display: block; float: none !important; margin: 20px auto !important; max-width: 100%;}
.train-smart-pg p img { display: block; float: none; margin: 20px auto;}
.brakesaver-kit h1 { font-size: 25px;}
.right-brake .pdf-download-box.no-padding span:last-child { width: 100%;}
.find-left span { font-size: 17px;}
.container { width:auto;}
.supertech-text { width: 37%;}
.supertech-images { width: 62%;}
header .nav ul li ul{ position:static; display:block; }
header .nav ul li ul ul{ position:static; display:block; }
header .nav ul li ul{ width:auto; }
header .nav ul li:hover ul ul{ display:block; }
header .nav ul li a{ padding:10px 12px; }

}
@media (min-width:768px) and (max-width:991px) {

footer .footer-bottom .othersearch .detail-box.connect img{ max-width:42px; }
footer .footer-bottom .othersearch h4{ font-size:14px; }
footer .footer-bottom .othersearch h4 img{ margin-left:2px; }
.gray-btn{ font-size: 11px; padding: 5px 10px; margin-right: 0; margin-top: 0 !important; }
footer .footer-bottom .footer-links ul li{ font-size:14px; }

}


@media (max-width:767px) {

.ourservices { clear: both;}
.ourservices .heading-box{ width:auto; }
.ourservices .more-details{ width:auto; float: none }
.ourservices .more-box{ clear:inherit; }
footer .footer-bottom .othersearch{ width:49%; display:inline-block; }
footer .footer-bottom .footer-links{ width:49%; display:inline-block; }
.product-item{ margin-bottom:25px; }
.banner .right-banner-img{ max-width:370px; }
.banner .left-text{ width:300px; }
.banner .left-text h1{ font-size:45px; line-height:45px; }
.middle-content{ padding:15px 0px; }
.request{ width:auto; margin-top:10px; }
.brakesaver-kit{ margin-top:20px; }
.down { float:right;}
.product-detail table.two-col td:first-child{ width:65%; }
.product-detail .pdf-download-box{ padding-top:20px; }
.row.related-product .col-sm-6{ margin-top:25px; }
.color-bx p {min-height: 0;}
.color-bx {  min-height: inherit;}
.train-smart-pg h2 { /*width: 32%;*/}
.train-smart-pg h1 { font-size: 27px;}
.find-left span {font-size: 29px; display:block;}
.check-roi-main .check-roi input.small-field, .check-roi select { width: 40%;}
.check-roi input { width: 44%;}
.check-roi label { width: 55%;}
.representative-each .result-each { width: 65%;}
.free.free_onsite h4, .free.free_onsite p { width: auto;}
.supertech-text, .supertech-images { display:block; width:100%; text-align:center; margin:0 auto 10px;}
.supertech-download { width: 100%; display:block; margin: 0 auto 20px;}
.supertech-btm .row { margin-left: 0; margin-right: 0;}
.banner.inner .supertech-banner .supertech-text img, .banner.inner .supertech-banner .supertech-text img:first-child { margin: 0 auto 20px;max-width: 350px;}
.left-brake{ margin-top:0px; }
.brake-video iframe{ height: 300px; }
.train-smart-pg ul{ padding-left:15px; }
footer .footer-bottom .othersearch, footer .footer-bottom .footer-links{ vertical-align:top; }
}

@media (max-width:639px) {

.notification .message{ font-size:14px; }
.banner .right-banner-img{ float:none; text-align:center; margin:0 auto; padding:0 15px; }
.banner .left-text{ position:static; text-align:center; width:auto; padding:0 15px 25px;  }
.rep-inner h1{ font-size:28px; padding-right:0px; }
.rep-inner p{ font-size:18px; }
.searchbox{ width:auto; display:block; max-width:inherit; }
.your-resprenstative h1{ font-size:28px; }
.detailed-text{ width:auto; display:block; padding-bottom:15px; }
.request{ width:auto; display:block; }
.resprenstative-main{ text-align:center; }
.request{ margin:0 auto; max-width:265px; }
.represnt-text h2{ font-size:20px; line-height:normal; }
.left-brake h1{ font-size:20px; }
.details-brake h2{ font-size:16px; }
.who-we-are p{ font-size:14px; line-height: normal; }
.we-are-details p{ font-size:16px; }
.we-are-details h1{ font-size:20px; }
.choose label{ max-width:inherit; }
.result-tbl-bx{ overflow:auto; clear:both; }
.check-roi label {  width: 100%;}
.check-roi input {  width: 100%;}
.check-roi-main .check-roi input.small-field, .check-roi select {  width: 94%;}
.sign-dollar, .sign-percentage{width:5%; vertical-align:top; height:auto; padding:1px 0;}
.check-roi select { vertical-align:top; }
.check-roi .rep-contact-form input { display: inline-block;  width: 60%;}
.rep-contact-form form > label { font-size:16px; }
.rep-contact-form input.css-checkbox[type="checkbox"] + label.css-label, .rep-contact-form input.css-checkbox[type="checkbox"] + label.css-label.clr
{ font-size:16px;}
.representative-each .result-each {width: 100%;}
.gray-btn{ margin-bottom:10px; margin-top:10px; }
.brake-video iframe{ height: 265px; }
.left-btn, .right-txt { margin-bottom:7px;}
.train-smart-pg iframe{ width:100%; }
}

@media (max-width:480px){

footer .footer-bottom .othersearch{ width:auto; }
footer .footer-bottom .footer-links{ width:auto; display:block; }
.middle-content{ padding:20px 0px;}
.notification{ text-align:center; }
.notification .btn{ padding:0 5px; }
.product-detail h1{ font-size:40px; line-height:40px; }
.product-detail h2{ font-size:20px; line-height:22px; }
.navbar{ min-height:inherit; }
header{ padding:10px 0 10px;  }
.navbar-toggle{ margin:0px; padding:10px 0; }
.ourservices .heading-box{ width:10%; }
.ourservices .more-details{ width:80%; float: left; }
.ourservices p{ font-size: 14px; }
.rep-inner p{ font-size:16px; }
.request a{ font-size:21px; }
.right-brake .pdf-download-box.no-padding span:last-child{ width:79%; }
.nextPre a, .nextPre h2 { width: 32%;}
.train-smart-pg h2 { font-size: 24px;}
.find-left, .find-right { display: block; width: 100%; margin:0 auto 5px; }
.modal-main .modal-body { padding: 10px 20px 30px; }
.check-roi-main .check-roi input.small-field, .check-roi select { width: 91%; vertical-align:top;}
.check-roi label, .check-roi input, .check-roi select{ font-size:14px; }
.sign-dollar, .sign-percentage{width:7%;}
.result-each a.yellow-btn, a.gray-btn { display: inline-block; margin: 10px auto 0;}
.check-roi .rep-contact-form input { display: block;  margin-bottom: 10px; width: 100%;}
.check-roi h1 { font-size: 17px;}
.free.free_onsite input {  margin: 0 0 5px; }
.free.free_onsite.middle-content input {  width:100%;}
.free.free_onsite.middle-content input[type="checkbox"] {  width: auto;}
.free.free_onsite table {  margin: 10px 0 0;}
.free.free_onsite table, .free.free_onsite tr, .free.free_onsite tbody { display:block; max-width:100%;}
.free.free_onsite td { display:inline-block; max-width:100%;}
.free.free_onsite td:first-child {  width: 25%;}
.free.free_onsite td:last-child {  width: 73%;}
.banner.inner .carousel .supertech-banner img:first-child { margin-bottom:10px;}

.logo img { margin-top: 5px; max-width: 180px;}
.ourservices p { text-align: left;}
.ourservices .more-box { overflow: hidden; padding: 10px 0 15px;}
footer{ text-align:center; }
footer .footer-bottom .othersearch h4{ text-align:center; margin-bottom:7px; }
footer .footer-bottom .othersearch .detail-box input[type="text"], footer .footer-bottom .othersearch .detail-box input[type="email"]{ text-align:center; }
footer .footer-copytext p{ text-align:center; }
.bredcrum ul { float: none; padding-left: 0; text-align:center;}
.related-product .detail-box .other-info .Left-text span.head{ font-size:15px; }
.right-brake .pdf-download-box.no-padding span:last-child{ width: 75%; }
.banner.inner .supertech-banner .supertech-text img, .banner.inner .supertech-banner .supertech-text img:first-child{ max-width:100%; }
button, html input[type="button"], input[type="reset"], input[type="submit"]{ margin-bottom:7px; }
}

/* Train Smart Pages */
.register tr {
	height: 30px;
}
.register .radioAddress input[type=radio] {
	margin-left: 20px;
}
.learning .errors01 {
	color: red;
}

/* Train Smart Quiz */
.learning .quiz .quiztext {
	padding-bottom: 30px;
	min-height: 40px;
    padding-right:20px;
}

.learning .quiz > table {
	border-spacing: 3px;
	border-collapse: initial;
}
.learning .quiz > table strong {
	margin-left: 5px;
}
.learning .quiz > table table {
	width: 100%;
}
.learning .quiz .radio,
.learning .quiz .radio1 {
	margin: 0;
}
.learning .quiz .radio td,
.learning .quiz .radio1 td {
	width: 25%;
}
.learning .quiz .radio label,
.learning .quiz .radio1 label {
	padding-left: 0;
	display: block;
	font-weight: 200;
}
.learning .quiz .radio input,
.learning .quiz .radio1 input {
	position: initial;
	margin-left: 0;
}

/* Brake Saver */
.brakesaver .errors01 {
	color: red;
}
.brakesaver .search-field {
	margin: 5px 0;
}
.brakesaver .invis {
	visibility: hidden;
}
.brakesaver.add-zip input,
.brakesaver.edit-zip input,
.brakesaver.add-user input,
.brakesaver.edit-user input {
	margin: 5px 0;
}

.errorsHidden
{
	display: none;
	color: #FF3333;
}
label.mt-radio {
    margin-left: 18px;
}

/*other style*/
.mt-radio-inline {
    margin-top: 5px;
}
span.caption-subject.font-dark.sbold.uppercase {
    border-bottom: 1px solid #cecece;
    display: block;
    padding: 9px 0px;
    margin-bottom: 17px;
    margin-top: 39px;
}

/*top nav css*/
.topsearch {
    background: #ffd203;
    padding: 0px 0px;
    text-align: center;
    /*display: none*/
}
.topsearch .row {
    margin-right: 0;
    margin-left: 0
}
header .nav .glyphicon {
    background: #ffd203;
    color: #000;
    padding: 2px;
    border-radius: 2px
}
header .nav ul li.search:hover {
    background: none;
}
.glyphicon-remove {
    background: #000;
    color: #ffd203;
    padding: 2px;
    margin-left: 3px
}
.glyphicon-remove:before {
    top:0px;
    position: relative
}
.wrap {
    padding: 5px;

}
.wrap .glyphicon-search {
    padding: 3px;
    margin-right: 5px;
    background: #000;
    color: #ffd203;
    border-radius: 2px
}


.wrap .bold {
    font-weight: 600;
    text-transform: uppercase;
    margin-right: 5px;
}
.wrap form {
    display: inline-block
}
.wrap form input:focus, .wrap form input:hover,
.wrap form input.sub:hover, .wrap form input.sub:focus {
    outline: none
}
.wrap form input {
    border-radius: 0px;
    padding: 2px;
    border: 0px;
    font-size: 12px;
    margin-left: 4px;
}
.wrap .shop, .wrap .drivers {
    display: inline;
    /*margin: 0 20px;*/
}

.wrap form input.sub {
    background-color: #676767;
    color: #ffffff;
    text-align: center;
    border: 0;
    box-shadow: none;
    border-radius: 2px;
    /* height: 27px; */
    width: 65px;
}
.wrap a.btn {
    color: #000;
    font-weight: 300;
    padding: 0
}
.wrap a.btn:hover {
    color: #fff;
    transition: all 0.3s ease-in-out;
    text-decoration: none;
}
.wrap a.btn:hover .glyphicon {
    background: #fff;
    transition: all 0.3s ease-in-out;
}

.sbar .row>div {
    padding-left: 0;
    padding-right: 0;

}

.wrap.sbar span, .wrap.bold {
    vertical-align: middle;
}

.sbar {
    padding-top:6px;
}


span.search-title {
  font-size: 18px;
font-weight: bold;  
}

@media (max-width: 1024px) {
    span.search-title {
        font-size:16px;
    }

    .search-section {
    padding-right:0;
    }

    .close-area {
        padding-left:0;
        margin-left:-30px;
    }

    .mobile-margin-up {
        margin-top:-60px;
    }

}

@media (max-width: 1024px) and (min-width:768px) {
footer .footer-bottom .othersearch .detail-box input[type=submit] {
    margin-top:10px;
}
}


@media (max-width: 991px) {
    .navbar-toggle {
        display: block !important
    }
    .navbar-collapse.collapse {
        display: none !important
    }
    .navbar-collapse.collapse.in {
        display: block !important
    }
    .msearch {top:0;left:10px;}
}

@media (max-width: 768px) {
    .msearch {
        float: right;
        top: 10px;
        position: relative;
        display: block 
    }
    header .nav .glyphicon {
        padding: 4px;
        border-radius: 2px;
        margin-right: 15px;
    }
    img.warranty-logo.second {
        max-width:150px;
    }
}

@media (max-width: 767px) {
    .sbar .row>div {
        padding-left: 15px;
        padding-right: 15px;
        padding-top: 5px;
        padding-bottom: 5px
    }

}

@media (max-width: 480px) {
    .wrap form input {
        padding: 4px
    }
    .sbar .glyphicon-triangle-right {
        display: inline;
    }
    .msearch {
        top: 8px
    }

}

[dro-report-form] input.entry {
background-color: #f8e79a !important;
}
[dro-report-form] select.entry {
background-color: #f8e79a !important;
}

/* webkit solution */
::-webkit-input-placeholder { text-align:left; }
/* mozilla solution */
input:-moz-placeholder { text-align:left; }

header .row{
    margin:0 !important;
}
.DroReportCard .glyphicon-chevron-left::before, .DroReportCard .glyphicon-chevron-right::before{ content:inherit; display:block; }
.DroReportCard .uib-datepicker-popup {
    background:#fff;
}




/* css for homepage sliders*/

  .service {
  width: 100% !important;
    text-align: center;
    left: 0 !important;
  }

  @media (max-width: 991px){
    .service {
      width:100% !important;
    }
  }

  h4.service {
    color: #fff !important;
      text-align: center;
        width: 100% !important;
  }

  h1.service {
    color: #fff !important;
    text-align: center;
      width: 100% !important;
  }

  .service-img {
  background-image: url("images/service-slider3.jpg");
  background-position: center;
  background-size: cover;
  height: 456px;
  width: 100%;
  }



  

/* slider changes */
.slider--custom--text span {
	color: #fed203;
	background: #000;
	font-style: italic;
	font-size: 1.4em;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 2px;
	padding-bottom: 2px;
	line-height: 1.1;
	position: relative;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 400;
	letter-spacing: 0.3px;
	display:inline-block;
}
.full--slider--text span{
	font-size:1.35em;
}
.slider--custom--text span:before{
	content:"";
	background:inherit;
	position:absolute;
	left:-3px;
	width:5px;
	height:100%;
	top:0;
	transform:rotate(10deg);
	-webkit-transform:rotate(10deg);
	-moz-transform:rotate(10deg);
	
}
.slider--custom--text span:after{
	content:"";
	background:inherit;
	position:absolute;
	right:-3px;
	width:5px;
	height:100%;
	top:0;
	transform:rotate(10deg);
	-webkit-transform:rotate(10deg);
	-moz-transform:rotate(10deg);
}
.slider--custom--text .link--text{
	margin-left:12px;
}
.second--row{
	padding-left:30px;
}
.slider--custom--text a{
	text-decoration:none;
}
.slider--custom--text span{
   -webkit-transition: all 0.3s ease-in-out;
   -moz-transition: all 0.3s ease-in-out;
   -o-transition: all 0.3s ease-in-out;
   transition: all 0.3s ease-in-out;
 }
.slider--custom--text a:hover span{
	opacity:0.7;
}
 .slide--right {
	display: table;
	float: right;
	margin-right: 18%;
}
.slide--right--2 {
	float: right;
	margin-top: 10px;
	margin-right: 8%;
}
.slider--custom--text {
	display: table;
	width: 100%;
}
@media (max-width:991px){
	.slider--custom--text span{font-size:1em; line-height:1.2;}
	.full--slider--text span {font-size: 1.2em !important;}
}
@media (max-width:767px){
	.full--slider--text span {font-size: 1em !important;}
	.slider--custom--text span {font-size: 0.8em;	line-height: 1.2;	padding-top: 5px;	padding-bottom: 5px;}
	.banner .left-text{top:6%;}
	.banner .left-text {width: 320px;}
}
@media (max-width:639px){
	.banner .left-text{width:100%;}
	.slider--custom--text span{font-size:1em;}
	.full--slider--text span {font-size: 0.8em !important;}
}
@media (max-width:479px){
	.slider--custom--text span {font-size: 0.8em;	padding-top: 4px;	padding-bottom: 4px;}
	.slider--custom--text span::before, .slider--custom--text span::after {width:6px;}
}

/* Style */

.head-first-sec {
	display: table;
	width: 243px;
	float: left;
	padding-top: 10px;
}
.head-second-sec {
	display: inline-block;
	width: calc(100% - 47px);
	float: none;
}
.head-third-sec {
	width: 35px;
	padding: 0;
	display: inline-block;
	float: none;
	margin-right: 8px;
}
.head-third-sec .close-area {
	padding: 0;
}
.second-1-title span, .second-2-title span {
	font-size: 20px;
	float: right;
}
.second-1-title, .second-2-title {
	width: auto;
	float: none;
	text-align: right;
	color: #000;
	display: inline-block;
	vertical-align: middle;
}
.second-1-title span , .second-2-title span{
	position: relative;
	z-index: 1;
}
.second-1-title span::before  , .second-2-title span::before{
	content: '';
	width: 100%;
	height: 8px;
	background-color: #d6b209;
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	z-index: -1;
}
.second-1-content, .second-2-content {
	width: auto;
	border-left: 1px solid #000;
	margin-left: 1%;
	padding-left: 7px;
	float: none;
	display: inline-block;
	vertical-align: middle;
}

.one-content-top, .two-content-top {
	display: table;
}
.one-content-bottom span, .two-content-bottom span {
	padding: 0 !important;
	padding-right: 6px !important;
}
.one-content-bottom, .two-content-bottom {
	display: table;
	width: auto;
}
.head-second-1, .head-second-2 {
	box-sizing: border-box;
	width: calc(30% - 28px);
	display: inline-block;
	float: none;
	margin-left: 30px;
	vertical-align: middle;
	min-height: unset;
}
.two-content-bottom a {
	color: #333;
}
.two-content-bottom a span {
	margin-top: -4px;
	margin-left: 4px;
}
.head-center-text {
	width: 39%;
	display: inline-block;
	float: none;
	vertical-align: middle;
	text-align: center;
}
/*.topsearch > .row {
	white-space: nowrap;
}*/
.head-third-sec a.btn {
	font-size: 26.5px;
	line-height: normal;
}
.head-second-2 {
	margin-left: 0 !important;
	margin-right: 30px;
}
.head-center-text span {
	font-size: 26px;
	text-transform: uppercase;
	font-weight: 600;
	background-color: #000;
	color: #ffd203;
	position: relative;
	padding: 0 16px;
	line-height: normal;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	
}
.head-center-text span::before {
	content: '';
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 18px 0 18px 9px;
	border-color: transparent transparent transparent #000000;
	position: absolute;
	right: -9px;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
}
.head-second-sec .wrap.sbar {
	padding: 6px 0;
}
.second-1-title span {
	position: relative;
}
.head-center-text a:hover {
	text-decoration: none;
}
.head-center-text a:hover span {
	color: #fff;
}
@media (max-width:1900px){
	.head-center-text {	width: 33%;}
	.head-second-1, .head-second-2 {	width: calc(33% - 28px);}
	
}
@media (max-width:1700px){
	.head-center-text span {	font-size: 24px;}
	.head-second-1, .head-second-2 {	width: calc(36% - 28px);}
	.head-center-text {	width: 27%;}
	.head-center-text span::before {	border-width: 16px 0 16px 9px;}
	.second-1-title span, .second-2-title span {	font-size: 20px;}
	
}
@media (max-width:1600px){
    .head-first-sec {width: 203px;}
    span.search-title {font-size: 15px;}
    .head-second-1, .head-second-2 {padding-left: 0px !important;}
    .second-1-title span, .second-2-title span {font-size: 20px;float: none;}
    .head-second-1, .head-second-2 {	width: calc(38% - 23px);	margin-left: 25px;}
    .head-second-2 {	margin-right: 25px;}
    .head-center-text {	width: 23%;}
    .second-1-title span, .second-2-title span {	font-size: 17px;}
    

}
@media (max-width:1500px){
	.second-1-title span, .second-2-title span {	font-size: 19px;}
	.head-second-1, .head-second-2 {	width: calc(40% - 13px);	margin-left: 15px;}
	.head-center-text {	width: 18%;}
}
@media (max-width:1400px){
	.head-first-sec {display:none;}
	.head-center-text span {	font-size: 22px;	padding: 0px 14px;}
	.head-center-text {	width: 17%;}
	.head-second-1, .head-second-2 {	width: calc(41% - 5px);	margin-left: 5px;}
	.head-second-2 {	margin-right: 5px;}
	.head-center-text span::before {	border-width: 15px 0 15px 9px;}
	.second-1-title span, .second-2-title span {	font-size: 18px;}
	
		
}
@media (max-width:1300px){
    .head-second-1 , .head-second-2 {	width: calc(39% - 5px);}
    .head-center-text {	width: 21%;}
    .second-1-title, .second-2-title {width: auto;text-align: left;padding-left: 0;padding-top: 0;}
 	.second-1-content form, .second-2-content form {	display: block;}
    .one-content-top, .two-content-top {	text-align: left;}
    .second-1-content form input, .second-2-content form input {	margin: 5px 0;}
    .second-1-title span, .second-2-title span {	font-size: 17px;}
    
}
@media (max-width:1250px){
    .two-content-top input {max-width: 143px;}
    .head-third-sec {padding-right: 0;}
    span.search-title {font-size: 13px;}
    .head-first-sec, .head-third-sec {padding-top: 0px;}
	.head-center-text span {	font-size: 18px;	padding: 0px 12px;}
	.head-second-1 {	width: calc(35% - 5px);}
	.head-second-2 {	width: calc(44% - 5px);}
	.head-center-text {	width: 16%;}
	.head-center-text span::before {	border-width: 12px 0 12px 9px;}
	
}
@media (max-width:1100px){
	.second-1-title span, .second-2-title span {	font-size: 14px;}
	.head-second-1 {	width: 37%;	margin-left: 0;}
	.head-second-2 {	width: 45%;	margin-right: 0;}
	.head-center-text span {	font-size: 18px;	padding: 0px 10px;}
	.head-center-text span::before {	border-width: 12px 0 12px 8px;	right: -8px;}
	.head-third-sec a.btn {	font-size: 22.5px;}
	.head-third-sec {	width: 25px;	margin-right: 6px;}
	.head-second-sec {	width: calc(100% - 37px);}
	.head-center-text {	width: 17%; text-align: left;}
	.head-center-text span.triangle-after:after {    content: '';    background-color: #000;    height: 98%;    width: 1px;    position: absolute;    right: 0px;    top: 50%;    transform: translateY(-50%);    -webkit-transform: translateY(-50%);    -moz-transform: translateY(-50%);}
	
}
@media (max-width:1024px){
	.head-third-sec .wrap.close-area {	margin-left: 0;}
	.head-second-1, .head-second-2 {	width: 100%;	padding-top: 0; margin: 0; padding: 6px 0;}
	.one-content-bottom, .two-content-bottom , .one-content-top, .two-content-top {	text-align: left; display: inline-block;float: none;vertical-align: middle;}
	.head-center-text span {	font-size: 22px; padding: 4px 12px;}
	.head-center-text span::before {	border-width: 19px 0 19px 8px;}
	.topsearch {	position: relative;}
	.head-third-sec {	position: absolute;	top: 10px;	right: 10px;}
	.topsearch .head-second-sec .row {	position: relative; padding-bottom: 50px; }
	.head-center-text {	width: auto;	position: absolute;	bottom: 5px;	left: 50%;	transform: translateX(-50%);	-webkit-transform: translateX(-50%);	-moz-transform: translateX(-50%);}
	.second-1-title, .second-2-title {	float: left;}
	.second-1-content, .second-2-content {	text-align: left; width: 100%;}
	.one-content-top, .two-content-top {	width: 25%;}
	.one-content-bottom, .two-content-bottom {	width: 74%;	padding-left: 30px;}
	    .second-1-title span, .second-2-title span {	font-size: 18px;}
    .second-1-title span::before, .second-2-title span::before {	background-color: transparent;}
	
	
}
@media (max-width:959px){
    .head-first-sec {width: 100%;padding-top: 0;}
    .head-first-sec .wrap {display: table;}
    .one-content-top, .two-content-top {	width: 100%;}
    .second-1-title, .second-2-title {	padding: 0 0 5px 0;}
    .one-content-bottom, .two-content-bottom {	width: 100%;	padding-left: 0;}
    .second-1-content form, .second-2-content form {	display: inline-block;}
    .second-1-content form input, .second-2-content form input {	margin: 0;}
}
@media (max-width:767px){
    
    .head-first-sec {width: 100%;padding-top: 0;}
    .one-content-top, .two-content-top , .one-content-bottom, .two-content-bottom{	width: 100%;}
    .one-content-bottom span {	display: inline-block !important;}
    

    
}
@media (max-width:639px){
	.one-content-top input[type="text"], .two-content-top input[type="text"] {	margin-left: 0;}
	.head-center-text {	bottom: 5px;}
	.head-center-text span.triangle-after {padding: 2px 14px; 	max-height: 34px;	display: inline-block;}
	.head-center-text a {    display: inline-block;    text-align: center;}
	.head-center-text span::before {	border-width: 17px 0 17px 8px;}
	
}

@media (max-width:496px){
	.sbar .glyphicon-triangle-right {display: inline;}
}
@media (max-width:479px){
    button, html input[type="button"], input[type="reset"], input[type="submit"] {margin-bottom: 3px;margin-top: 0px;}
   .one-content-top form  , .two-content-top form{	width: 100%;	margin-top: 5px;}
   .head-center-text {	padding: 0 !important; width: 100%; 	text-align: center;}

   
   
}
@media (max-width:430px){
	.head-center-text span.triangle-after::after {	top: 49%;}
}
#RoiCalculator span.form-control {
    width:200px;
}

#RoiCalculator .profitability-table .bottom-figures {
    background-color: #f1d867;
    text-align: center !important;
    padding-bottom:20px;
}

span.watch-icon {
    display: inline-flex;
    width:35px;
    height:28px;
    margin-left:10px;
    }

.ng-hide {
	display: none !important;
}


footer {
    background: #f1f1f2;
  }
  .footer-top {
    border-bottom: none;
    padding-bottom: 0;
      /* border-top: 1px solid #c9c9c9; */
  }
  footer .footer-bottom {
    border-top: none;
  }
  .footer-bottom .ourservices.b-l {
      border-left: none;
  }
  .footer-bottom .ourservices.b-r {
    border-right: none;
  }
.footer-bottom .ourservices > .wraplinks > h4,
.footer-bottom .ourservices h4.title {
  text-decoration: none;
  color: #000;
  font-weight: 600;
  font-size: 20px;
  padding: 0px 38px 3px 0px;
  line-height: 23px;
  font-style: italic;
  margin-bottom: 13px;
  display: block;
}
    .footer-bottom .ourservices > .wraplinks > h4 > a {
        color: #000;
    }
    .footer-bottom .ourservices > .wraplinks > h4 > img {
        width: 40px;
        display: inline;
    }
  .footer-bottom .ourservices .detail-box {
    margin-top: 30px;
  }
  .footer-bottom .ourservices .detail-box form > input {
    background: #ccc;
    border: none;
    padding: 5px 10px;
  }
  .footer-bottom .ourservices .detail-box form > .submit {
    border: none;
    background: #231f20;
    padding: 5px 10px;
    color: #fff;
    font-weight: 600;
    font-style: italic;
    width: 65px;
  }
  .footer-bottom .ourservices .detail-box > a {
    border: none;
    background: #231f20;
    padding: 2px 10px;
    color: #fff;
    font-weight: 600;
    font-style: italic;
    border-radius: 5px;
    display: block;
    margin-bottom: 10px;
    text-align: center;
    font-size: 17px;
  }
  .footer-bottom .ourservices h4.title {
    padding: 0 0 0;
    margin-bottom: 10px;
  }
  .footer-bottom .ourservices .detail-box > a.socmedia {
    background: none;
    display: inline-block;
    padding: 0 6px;
  }
  .footer-bottom .ourservices .detail-box > a.socmedia > img {
    width: 34px;
    height: auto;
    display: inline-block;
  }
  .footer-bottom .ourservices .wraplinks .other-logos {
    text-align: center;
    margin-top: 30px;
  }
  .footer-bottom .ourservices .wraplinks > ul {
    list-style: none;
    margin: 0;
    padding: 0;
    margin-bottom: 30px;
  }
  .footer-bottom .ourservices .wraplinks > ul > li {
    margin-bottom: 3px;
    font-size: 17px;
    font-weight: 400;
    font-style: italic;
  }
  .footer-bottom .ourservices .wraplinks > ul > li > a {
    color: #000;
    font-size: 17px;
    font-weight: 400;
    font-style: italic;
  }
  .footer-bottom .ourservices .wraplinks > ul > li > a:hover {
    text-decoration: none;
  }

  .b-l {
    border-left: 1px solid;
  }
  .b-r {
    border-right: 1px solid;
  }
  .othersearch .supertech {
      width: 100%;
      max-width: none;
  }
  .footer-bottom .ourservices .other-logos img.supertech {
    max-width: none;
    width: 100%;
  }
  @media (max-width: 576px) {
    footer .footer-copytext p > span {
        top: 0;
        margin-top: 10px;
        display: block;
        float: none;
    }
    .footer-bottom .ourservices h4.title,
    .footer-bottom .ourservices > .wraplinks > h4 {       
        padding: 10px 0 00px !important
    }
    .footer-bottom .ourservices h4.title > img {
        top: -2px;
        position: relative;
    }
    .ourservices .heading-box {
        float: left;
        margin: 0 0 10px 0px;
    }
    .footer-top .ourservices .wrap .more-details {
        margin-bottom: 15px;
    }
    .ourservices .more-details {
        width: 90%;
    }
    .need-adventure {
        padding-left: 0 !important;
    }
    .footer-bottom .ourservices .detail-box > a {
        padding: 10px;
    }
    .footer-bottom .ourservices .detail-box form > input,
    .footer-bottom .ourservices .detail-box form > .submit {       
        padding: 8px 10px !important
    }
    .footer-bottom .ourservices .other-logos {
        width: 235px;
        margin: 0 auto;
    }
    .footer-bottom .ourservices .detail-box {
        margin-top: 0;
    }
}
.b-t {
    border-top: 1px solid #c9c9c9;
}
.tour .banner {
    background: url(/images/2022/usa-rotor-matching-tour-banner-bg.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    padding-top: 160px;
    padding-bottom: 130px
}
.tour .banner > .container-fluid {
    padding-left: 0;
    padding-right: 0;
}
    .tour .banner .wrap {
        padding: 0;
    }
    .tour .banner .wrap > label {
        font-size: 80px;
        font-family: inherit;
        text-transform: uppercase;
        background: #ffd203;
        font-weight: 700;
        padding: 0 20px;
        display: table;
        margin-bottom: 10px;
    }
    .tour .banner .wrap > p {
        color: #ffd203;
        font-size: 50px;
        padding: 0 20px;
        background: url(../images/arrow-icon2.png) right center no-repeat;
        background-size: 40px;
        padding-right: 55px;
        display: inline-flex;
    }
    .miles {
        background: #ffd205;
        padding-top: 6px;
        padding-bottom: 6px;
    }
.miles label {
    font-size: 30px;
    color: #000;
    font-family: inherit;
    font-weight: 700;
    line-height: 1.1;
}
.miles label > span {
    font-weight: 500;
}
.tour .middle-content {
    padding: 4px 0px 20px;
}
    .tour .middle-content .maplabel {
        position: absolute;
        padding: 20px 20px;
    }
    .tour .middle-content .maplabel > label {
        background: #ffd205;
        font-size: 25px;
        padding: 2px 10px;
    }
    .tour .middle-content .maplabel > span {
        font-size: 16px;
        font-weight: 700;
        padding-left: 10px;
    }
    .tour .middle-content label.bot {
        position: relative;
        bottom: 0;
        width: 100%;
        font-size: 20px;
        padding: 10px 15px;
        background: rgb(255 255 255 / 50%);
        display: block;
    }
    .tour ul {
        list-style: none;
        margin-top: 20px;
    }
.tour ul li {
    font-size: 20px;
    margin-bottom: 4px;
}
.tour .dtails {
    margin-top: 20px;
}
.tour p {
    font-size: 17px;
    font-weight: 400;
    margin-bottom: 20px;
}
.tour p > span {
    font-weight: 700;
}

    .tour .gallery .wrap {
        background: #f1f1f2;
        margin-top: 20px;
        padding: 20px 20px;
    }
.tour .gallery label {
    font-weight: 600;
    font-size: 20px;
    padding: 0px 38px 3px 0px;
    line-height: 23px;
    font-style: italic;
    margin-bottom: 13px;
    display: block;
}
.tour .gallery .img img {
    display: inline-block;
    width: auto;
    height: 230px;
}
@media (max-width: 567px) {
    .tour .gallery .img img {
        height: 120px;
        margin-bottom: 4px;
    }
    .miles {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .miles label {
        font-size: 20px;
    }
    .tour .middle-content label.bot {
        width: auto;
        font-size: 15px;
    }
    .tour .banner .wrap > p {
        font-size: 15px
    }
    .tour .middle-content .maplabel > span {
        display: block
    }
    .tour .banner {
        padding-top: 0;
        padding-bottom: 130px;
    }
    .tour .banner .wrap > label {
        padding: 5px 20px;
        font-size: 30px;
    }
    .bot .fllow {
        margin: 0 0;
    }
    .bot .fllow {
        margin: 0;
    }
    .bot .mk, .bot .mf {
        display: block
    }
    .bot .mrker {
        width: 24px;
    }
    .tour .middle-content label.bot {
        padding: 10px 0
    }
    .tour ul {
        padding-left: 0;
    }
}