@media only screen and (min-width: 320px) and (max-width: 767px) {
 img, object {
 max-width:100%;
}
h1 {
 margin:0px 0px 0px 0px;
 font-family: 'Open Sans', sans-serif;
 font-size:16px;
 font-weight:bold;
 color:#FFFFFF;
 text-transform:uppercase;
}
 h2 {
 margin:0px 0px 0px 0px;
 font-family: 'Open Sans', sans-serif;
 font-size:16px;
 font-weight:700;
 color:#000000;
 text-transform:none;
}
 h3 {
 margin:0px 0px 0px 0px;
 font-family: 'Open Sans', sans-serif;
 font-size:16px;
 font-weight:700;
 color:#000000;
 text-transform:none;
}
 p {
 margin:0px 0px 0px 0px;
 font-family: 'Open Sans', sans-serif;
 font-size:14px;
 color:#474747;
 text-align:justify;
 line-height:25px;
 text-transform:none;
}
 .main-inner {
margin:auto;
padding:0px 0px 0px 0px;
width:98%;
height:auto;
overflow: hidden;
border:0px solid #000000;
}
 .main-header {
margin:auto auto 5px auto;
width:102%;
height:auto;
float:left;
border:0px solid red;
}
 .main-banner {
	margin:auto auto 5px auto;
	width:100%;
	height:auto;
	float:left;
	border:0px solid red;
}
 .main-left {
	margin:auto;
	width:100%;
	height:auto;
	float:left;
	border:0px solid red;
}
 .main-middle {
	margin:auto;
	width:100%;
	height:auto;
	float:left;
	border:0px solid red;
}
 .main-footer {
	margin:auto;
	width:100%;
	height:auto;
	float:left;
	border:0px solid red;
}


/*Start Header*/
.logo {
	margin:auto;
	width:100%;
	height:auto;
	float:left;
	text-align:center;
	border:0px solid red;
}
 .call {
	display:none;
}

 .call-phone {
	margin:5px auto auto auto;
	width:98%;
	height:auto;
	float:left;
	text-align:center;
	display:block;
	border:0px solid red;
}
 .navigation {
	margin:5px auto auto auto;
	width:99%;
	height:auto;
	float:left;
	border-radius:0px;
	background-color:#1c6ae0;
	border:0px solid red;
}
.hd-line {
	margin:5px auto 5px auto;
	padding:0px 0px 0px 0px;
	width:100%;
	height:auto;
	float:left;
	display:block;
	border:1px dashed #eeeded;
}
/*End Header*/

/*Start Banner*/

/*End Banner*/


/*Start Left*/

.left-inner {
display:none;
}


/*.left-inner {
margin:auto auto 5px auto;
width:100%;
height:auto;
float:left;
border:1px solid #ebebeb;
}*/

 .left-product {
margin:auto auto auto auto;
padding:5px 0px 5px 0px;
width:100%;
height:24px;
float:left;
font-family: 'Roboto', sans-serif;
font-size:18px;
font-weight:700;
color:#FFFFFF;
text-align:center;
text-transform:uppercase;
background-color:#1c6ae0;
border:0px solid #000000;
}
 #list4 {
}
#list4 ul {
 list-style:none;
 margin:0px 0px 0px 0px;
}
#list4 ul li a {
 margin:0px 0px 0px -40px;
 padding:9px 0 0 23px;
 width:103%;
 height:28px;
 font-family: 'Open Sans', sans-serif;
 font-size:15px;
 color:#333333;
 text-decoration:none;
 float:left;
 transition: all 0.4s linear;
 background-image:url(../images/left-bg.png);
 background-repeat:no-repeat;
 border-bottom:1px solid #ebebeb;
}
#list4 ul li :hover {
 font-family: 'Open Sans', sans-serif;
 font-size:15px;
 color:#1c6ae0;
 text-decoration:none;
 transition: all 0.4s linear;
 background-image:url(../images/left-bg-hover.png);
 background-repeat:no-repeat;
}
 .left-video {
margin:5px auto auto auto;
padding:2px 2px 2px 2px;
width:98%;
height:auto;
float:left;
text-align:center;
border:0px solid #000000;
}
 .left-dealers {
margin:5px auto auto auto;
padding:2px 2px 2px 2px;
width:99%;
height:auto;
float:left;
text-align:center;
border-bottom:1px solid #ebebeb;
}
/*End Left*/


/*Start Middle*/
.md-banner {
 margin:auto auto 5px auto;
 padding:0px 0px 0px 0px;
 width:100%;
 height:auto;
 float:left;
 text-align:center;
 border:0px solid red;
}
 .md-heading {
 margin:auto auto 10px auto;
 padding:6px 0px 7px 5px;
 width:100%;
 height:auto;
 float:left;
 color:#FFFFFF;
 background-color:#1c6ae0;
 border:0px solid #000000;
}
.md-line {
 margin:10px auto 10px auto;
 padding:0px 0px 0px 0px;
 width:100%;
 height:auto;
 float:left;
 border:1px dashed #eeeded;
}
 .md-testimonials {
 margin:-8px auto 10px auto;
 padding:5px 3px 5px 3px;
 width:99%;
 height:auto;
 float:left;
 border:1px solid #ebebeb;
}
 .quotes {
 display: none;
}
.feedback-text {
 margin:0px 0px 5px 0px;
 width:100%;
 font-family: 'Source Sans Pro', sans-serif;
 font-size:14px;
 color:#333333;
 text-align:center;
 text-transform:capitalize;
 line-height:22px;
 border:#FF0000 0px solid;
}
.feedback-name {
 margin:0px 0px 5px 0px;
 width:100%;
 font-family: 'Source Sans Pro', sans-serif;
 font-size:16px;
 color:#1c6ae0;
 text-align:center;
 text-transform:uppercase;
 font-weight:lighter;
 border:#FF0000 0px solid;
}
.feedback-country {
 margin:0px 0px 0px 0px;
 width:100%;
 font-family: 'Source Sans Pro', sans-serif;
 font-size:15px;
 color:#202020;
 text-align:center;
 text-transform:uppercase;
 font-weight:600;
 border:#FF0000 0px solid;
}
/*End Middle*/

/*Start Footer*/
.footer-bg {
display:none;
}
 .footer-inner {
 margin: auto auto auto auto;
 width: 100%;
 height: auto;
 float: left;
 border: 1px solid #ebebeb;
}
 .ft-heading {
 margin:0px 0px 0px 0px;
 padding:5px 0px 5px 5px;
width:100%;
 height: auto;
 float: left;
font-family: 'PT Sans', sans-serif;
 font-size:18px;
color:#FFFFFF;
text-align:left;
text-transform:uppercase;
font-weight:bold;
 background-color: #58595b;
 border: 0px solid #FF0000;
}
 .ft-listing {
 margin:0px 0px 0px 0px;
width:100%;
 height: auto;
 float: left;
 border: 0px solid #000000;
}
 .ft-address {
 margin:0px 0px 0px 0px;
 width:100%;
 height: auto;
 float: left;
 border: 0px solid #000000;
}
 .ft-address-text {
 margin:5px 0px 5px 0px;
 width:100%;
 height: auto;
 float: left;
 font-family: 'Open Sans', sans-serif;
 font-size:14px;
 color:#333333;
 font-weight:700;
 text-align:left;
 text-transform:uppercase;
 border: 0px solid #000000;
}
 .ft-phone {
display:none;
}
 .ft-connect {
 margin:10px 0px 3px 0px;
 padding:5px 0px 5px 5px;
 width:100%;
 height: 25px;
 float: left;
 font-family: 'Open Sans', sans-serif;
 font-size:18px;
 color:#FFFFFF;
 font-weight:700;
 text-align:left;
 background-color: #58595b;
 text-transform:uppercase;
 border: 0px solid #000000;
}
 .ft-icon {
 margin:0px 8px 3px 0px;
 width:50px;
 height: 50px;
 float: left;
 text-align:center;
 border: 0px solid #000000;
}
 .ft-copyrite {
 margin:0px 0px 0px 0px;
 padding:0px 0px 0px 5px;
 width:100%;
 height:auto;
 float: left;
 font-family: 'Open Sans', sans-serif;
 font-size:14px;
 color:#aeaeae;
 text-align:center;
 border: 0px solid #000000;
}
 #list5 {
}
#list5 ul {
 list-style:none;
 margin:0px 0px 0px 0px;
}
#list5 ul li a {
 margin:0px 0px 0px -40px;
 padding:13px 0px 0px 23px;
 width:290px;
 height:26px;
 font-family: 'Open Sans', sans-serif;
 font-size:14px;
 color:#333333;
 font-weight:normal;
 text-decoration:none;
 float:left;
 text-align:left;
 transition: all 0.4s linear;
 background-image:url(../images/left-bg.png);
 background-repeat:no-repeat;
 border-bottom:1px solid #ebebeb;
}
#list5 ul li :hover {
 color:#1c6ae0;
 text-decoration:none;
 transition: all 0.4s linear;
 background-image:url(../images/left-bg-hover.png);
 background-repeat:no-repeat;
}
/*End Footer*/



/*Start Product Listing*/
.product-heading{
 margin: auto 0px 5px 0px;
 padding:3px 0px 4px 5px;
 width: 99.1%;
 height: auto;
 float: left;
 color:#FFFFFF;
 background-color:#1c6ae0;
 border: 1px solid #ebebeb;
}

.product-list{
 margin: auto 3px 5px 0px;
 padding:0px 2px 0px 2px;
 width: 97%;
 height: auto;
 float: left;
 border: 1px solid #ebebeb;
}

.product-brand{
 margin: auto 3px 5px 0px;
 padding:0px 2px 0px 2px;
 width: 98%;
 height: auto;
 float: left;
 border: 1px solid #ebebeb;
}


.pt-detail{
 margin: auto auto 5px auto;
 width: 99%;
 height: auto;
 float: left;
 border: 0px solid #FF0000;
}

.pt-image{
 margin: auto auto auto auto;
 width: 99%;
 height: auto;
 float: left;
 text-align:center;
 border: 0px solid #FF0000;
}

.pt-name{
 margin: auto auto 5px auto;
 width: 99%;
 height: auto;
 float: left;
 font-family: 'Open Sans', sans-serif;
 font-size:18px;
 color:#333333;
 text-align:left;
 text-decoration:none;
 font-weight:700;
 border: 0px solid #FF0000;
}

.pt-model{
 margin: auto auto 5px auto;
 width: 99%;
 height: auto;
 float: left;
 font-family: 'Open Sans', sans-serif;
 font-size:16px;
 color:#1c6ae0;
 text-align:left;
 text-decoration:none;
 font-weight:700;
 border: 0px solid #FF0000;
}
.pt-btnquote{
 margin: 5px auto 10px auto;
 width: 99%;
 height: auto;
 float: left;
 border: 0px solid #FF0000;
}
.myButton {
	-moz-box-shadow: 3px 4px 0px 1px #bdbdbd;
	-webkit-box-shadow: 3px 4px 0px 1px #bdbdbd;
	box-shadow: 3px 4px 0px 1px #bdbdbd;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #080808), color-stop(1, #2e2e2e));
	background:-moz-linear-gradient(top, #080808 5%, #2e2e2e 100%);
	background:-webkit-linear-gradient(top, #080808 5%, #2e2e2e 100%);
	background:-o-linear-gradient(top, #080808 5%, #2e2e2e 100%);
	background:-ms-linear-gradient(top, #080808 5%, #2e2e2e 100%);
	background:linear-gradient(to bottom, #080808 5%, #2e2e2e 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#080808', endColorstr='#2e2e2e',GradientType=0);
	background-color:#080808;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	border:1px solid #464647;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family: 'Open Sans', sans-serif;
	font-size:18px;
	font-weight:bold;
	padding:7px 7px 7px 7px;
	text-decoration:none;
	text-shadow:0px 0px 2px #696969;
}
.myButton:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #2e2e2e), color-stop(1, #080808));
	background:-moz-linear-gradient(top, #2e2e2e 5%, #080808 100%);
	background:-webkit-linear-gradient(top, #2e2e2e 5%, #080808 100%);
	background:-o-linear-gradient(top, #2e2e2e 5%, #080808 100%);
	background:-ms-linear-gradient(top, #2e2e2e 5%, #080808 100%);
	background:linear-gradient(to bottom, #2e2e2e 5%, #080808 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#2e2e2e', endColorstr='#080808',GradientType=0);
	background-color:#2e2e2e;
}
.myButton:active {
	position:relative;
	top:1px;
}

/*End Product Listing*/
}

@media only screen and (min-width: 360px) and (max-width: 599px) {

#list5 ul li a {
 margin:0px 0px 0px -40px;
 padding:13px 0px 0px 23px;
 width:105%;
 height:26px;
 font-family: 'Open Sans', sans-serif;
 font-size:14px;
 color:#333333;
 font-weight:normal;
 text-decoration:none;
 float:left;
 text-align:left;
 transition: all 0.4s linear;
 background-image:url(../images/left-bg.png);
 background-repeat:no-repeat;
 border-bottom:1px solid #ebebeb;
}
#list5 ul li :hover {
 color:#1c6ae0;
 text-decoration:none;
 transition: all 0.4s linear;
 background-image:url(../images/left-bg-hover.png);
 background-repeat:no-repeat;
}
}

 @media only screen and (min-width: 600px) and (max-width: 600px) {
 
 
 #list5 ul li a {
 margin:0px 0px 0px -44px;
 padding:13px 0px 0px 16px;
 width:290px;
 height:26px;
 font-family: 'Open Sans', sans-serif;
 font-size:14px;
 color:#333333;
 font-weight:normal;
 text-decoration:none;
 float:left;
 text-align:left;
 transition: all 0.4s linear;
 background-image:url(../images/left-bg.png);
 background-repeat:no-repeat;
 border-bottom:1px solid #ebebeb;
}
#list5 ul li :hover {
 color:#1c6ae0;
 text-decoration:none;
 transition: all 0.4s linear;
 background-image:url(../images/left-bg-hover.png);
 background-repeat:no-repeat;
}
}


 @media only screen and (min-width: 601px) and (max-width: 700px) {
 
 #list5 ul li a {
 margin:0px 0px 0px -40px;
 padding:13px 0px 0px 23px;
 width:310px;
 height:26px;
 font-family: 'Open Sans', sans-serif;
 font-size:14px;
 color:#333333;
 font-weight:normal;
 text-decoration:none;
 float:left;
 text-align:left;
 transition: all 0.4s linear;
 background-image:url(../images/left-bg.png);
 background-repeat:no-repeat;
 border-bottom:1px solid #ebebeb;
}
#list5 ul li :hover {
 color:#1c6ae0;
 text-decoration:none;
 transition: all 0.4s linear;
 background-image:url(../images/left-bg-hover.png);
 background-repeat:no-repeat;
}

}


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

.product-list{
 margin: auto 2px 5px 3px;
 padding:0px 2px 0px 2px;
 width: 48%;
 height: 330px;
 float: left;
 border: 1px solid #ebebeb;
}

.product-brand{
 margin: auto 2px 5px 3px;
 padding:0px 2px 0px 2px;
 width: 48%;
 height: 245px;
 float: left;
 border: 1px solid #ebebeb;
}
}


@media only screen and (min-width: 320px) and (max-width: 500px) {
.black {
	margin:10px 0px 10px 0px;
	width:33.33333333333333%;
	height:58px;
	float:left;
	text-align:center;
	background-color:#000000;
	border-radius:100px;
	font-family: 'Open Sans', sans-serif;
	font-size:14px;
	color:#FFFFFF;
	font-weight:bold;
	text-align:center;
	text-transform:uppercase;
	border:0px solid red;
}
.blue {
	margin:10px 0px 10px 0px;
	width:33.33333333333333%;
	height:58px;
	float:left;
	text-align:center;
	background-color:#0000FF;
	border-radius:100px;
	font-family: 'Open Sans', sans-serif;
	font-size:14px;
	color:#FFFFFF;
	font-weight:bold;
	text-align:center;
    text-transform:uppercase;
	border:0px solid red;
}

.red {
	margin:10px 0px 10px 0px;
	width:33.33333333333333%;
	height:58px;
    float:left;
	text-align:center;
	background-color:#FF0000;
	border-radius:100px;
	font-family: 'Open Sans', sans-serif;
	font-size:14px;
	color:#FFFFFF;
	font-weight:bold;
	text-align:center;
	text-transform:uppercase;
	border:0px solid red;
}
}


@media only screen and (min-width: 100px) and (max-width: 319px) {
.main-container {
display:none;
}

}

@media only screen and (min-width: 320px) and (max-width: 767px) {
.ban-text{
	width:80%;
	height:auto;
	font-size: 20px;
	font-weight: bold;
	color: #fff;
	position: absolute;
	top: 230px;
	left: 0px;
	right: 0px;
	text-align: center;
	border:0px solid red;
}
	.btn-text a{
display: none;
}

.btn-text1 a{
display: none;
}
	
	.ban-text-main{
	width:80%;
	height:auto;
	font-size: 20px;
	font-weight: bold;
	color: #fff;
	position: absolute;
	top: 230px;
	left: 0px;
	right: 0px;
	text-align: center;
	border:0px solid red;
}
.btn-text-main a{
display: none;
}

.btn-text-main1 a{
display: none;
}
	
	.brand-line{
 margin: 10px 5px 10px 5px;
 padding:5px 5px 5px 5px;
 width: 93%;
height:auto;
 float: left;
 border: 1px solid #cccccc;
}

	.list10{
margin: 5px auto 5px auto;
padding: 10px;
width: 43%;
height: auto;
float: left;
border: 0px solid #FF0000;
}

	
}



@media only screen and (min-width: 500px) and (max-width: 767px) {
.ban-text{
	width:40%;
	height:auto;
	font-size: 20px;
	font-weight: bold;
	color: #fff;
	position: absolute;
	top: 265px;
	left: 325px;
	right: 0px;
	text-align: center;
	border:0px solid red;
}
	.ban-text-main{
	width:80%;
	height:auto;
	font-size: 40px;
	font-weight: bold;
	color: #fff;
	position: absolute;
	top: 230px;
	left: 0px;
	right: 0px;
	text-align: center;
	border:0px solid red;
}
}