/* General css */
* { margin: 0; padding: 0; }
article, aside, details, figcaption, figure, footer, header, main, nav, section, summary, title { display: block; }
body { font-family: 'arial'; font-weight: normal; font-style: normal; font-size: 12px; line-height: 1.5; -webkit-font-smoothing: antialiased; margin: 0; padding: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; color:#040404; background:#fff; }
dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, legend, input, textarea, p, blockquote, th, td { margin: 0; padding: 0; line-height: 1.5; }
div, span, p, section { box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; }
table { border-collapse: collapse; border-spacing: 0; }
fieldset, img { border: 0 none; }
ol, ul { list-style: none }
img { max-width: 100%; }
a { text-decoration: none; }
a:active, a:focus, input[type="image"], select:focus, input, input[type="button"]:focus, :focus { outline: 0; }
/*For Clear*/
.clearfix { *zoom: 1;}
.clearfix:before, .clearfix:after { display: block; content: ""; line-height: 0; }
.clearfix:after { clear: both; }
.clear { clear: both; }
button, input { line-height: normal; text-transform: none; box-sizing: border-box; border:0; }
button, html input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; }
button[disabled], input[disabled] { cursor: default; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; }
input[type="search"] { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; -webkit-appearance: textfield; }
textarea { overflow: auto; vertical-align: top; }
/*Fonts family*/
@font-face { font-family: 'robotobold'; src: url('../fonts/roboto-bold_1-webfont.eot'); src: url('../fonts/roboto-bold_1-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/roboto-bold_1-webfont.woff') format('woff'), url('../fonts/roboto-bold_1-webfont.ttf') format('truetype'), url('../fonts/roboto-bold_1-webfont.svg#robotobold') format('svg'); }
@font-face { font-family: 'robotolight'; src: url('../fonts/roboto-light_1-webfont.eot'); src: url('../fonts/roboto-light_1-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/roboto-light_1-webfont.woff') format('woff'), url('../fonts/roboto-light_1-webfont.ttf') format('truetype'), url('../fonts/roboto-light_1-webfont.svg#robotolight') format('svg'); }
@font-face { font-family: 'robotomedium'; src: url('../fonts/roboto-medium_1-webfont.eot'); src: url('../fonts/roboto-medium_1-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/roboto-medium_1-webfont.woff') format('woff'), url('../fonts/roboto-medium_1-webfont.ttf') format('truetype'), url('../fonts/roboto-medium_1-webfont.svg#robotomedium') format('svg'); }
@font-face { font-family: 'robotoregular'; src: url('../fonts/roboto-regular_1-webfont.eot'); src: url('../fonts/roboto-regular_1-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/roboto-regular_1-webfont.woff') format('woff'), url('../fonts/roboto-regular_1-webfont.ttf') format('truetype'), url('../fonts/roboto-regular_1-webfont.svg#robotoregular') format('svg'); }
@font-face { font-family: 'robotothin'; src: url('../fonts/roboto-thin_1-webfont.eot'); src: url('../fonts/roboto-thin_1-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/roboto-thin_1-webfont.woff') format('woff'), url('../fonts/roboto-thin_1-webfont.ttf') format('truetype'), url('../fonts/roboto-thin_1-webfont.svg#robotothin') format('svg'); }
@font-face { font-family: 'RupeeForadianRegular'; src: url('../fonts/rupee_foradian-webfont.eot'); src: url('../fonts/rupee_foradian-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/rupee_foradian-webfont.woff') format('woff'), url('../fonts/rupee_foradian-webfont.ttf') format('truetype'), url('../fonts/rupee_foradian-webfont.svg#RupeeForadianRegular') format('svg'); font-weight: normal; font-style: normal; }
@font-face {font-family: 'roboto_condensedbold';src: url('../fonts/robotocondensed-bold-webfont.eot'); src: url('../fonts/robotocondensed-bold-webfont.eot?#iefix') format('embedded-opentype'),url('../fonts/robotocondensed-bold-webfont.woff2') format('woff2'),url('../fonts/robotocondensed-bold-webfont.woff') format('woff'),url('../fonts/robotocondensed-bold-webfont.ttf') format('truetype'), url('../fonts/robotocondensed-bold-webfont.svg#roboto_condensedbold') format('svg');}

/* ========= error msg class ========= */
.fields, .fields2 { display: inline-block; margin-bottom: 20px; position: relative;  width: 290px;}
.help-block { background:red;border-radius: 3px;color: #fff;font-size: 11px;left: 0;padding: 5px 15px;position: absolute;height: 26px; bottom: -25px; z-index: 1;}
.help-block span{ width: 0; height: 0; border-left: 5px solid transparent;border-right: 5px solid transparent;border-bottom: 5px solid #ff0000;left: 18px; top: -5px; position: absolute;}
/* Sprite CSS*/
.sprite { background: url(../images/sprite.png) no-repeat; line-height: 0px; font-size: 0; display: inline-block; *display:inline; vertical-align: middle; zoom: 1;}

input[type="text"], input[type="email"], input[type="tel"], textarea { float: left; font-size: 13px; transition: all .4s ease-in-out 0s; -moz-transition: all .4s ease-in-out 0s;
 -ms-transition: all .4s ease-in-out 0s; -o-transition: all .4s ease-in-out 0s; -webkit-transition: all .4s ease-in-out 0s; color:rgba(0,0,0,.45); font-family: 'robotoregular';
  background-color: #fff; height: 40px; padding-right: 12px; padding-left: 12px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box;
 -ms-box-sizing: border-box; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -o-border-radius: 2px; width: 100%; }

/*========= Select box ========= */
.select-wrapper { float: left; background: url(../images/br_down.png) no-repeat 91% 50% #FFF; cursor: pointer; position: relative; box-sizing: border-box; -moz-box-sizing: border-box; 
	-webkit-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -o-border-radius: 2px; }
.select-wrapper, .select-wrapper select { width: 100%; height: 40px; font-size: 13px; line-height: 40px; color:rgba(0,0,0,.45); transition: all 0.4s ease-in-out;
 -webkit-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; text-align: left; font-family: 'robotoregular'; }
.select-wrapper:hover, .select-wrapper:focus { background: url(../images/br_downhover.png) no-repeat scroll 91% 50% #FFF; }
.select-wrapper .holder { display: block; margin: 0 40px 0 16px; white-space: nowrap; overflow: hidden; *overflow:inherit;
cursor: pointer; position: relative; z-index: 1; color:rgba(0,0,0,.45);font-family: 'robotoregular'; font-size: 13px; }
.select-wrapper select { margin: 0; position: absolute; z-index: 2; cursor: pointer; outline: none; opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -khtml-opacity: 0; -moz-opacity: 0; -webkit-appearance: none; left: 0px; vertical-align: middle; }

/*Headings*/
h1, h2, h3, h4, h5, h6 { font-weight: normal; }
h1, h2 {color: #000;font-family: "Robotoregular";font-size: 32px;line-height: 1;}
h3 {font-size: 28px;}
/*Main CSS*/
body{ height: 100%; width: 100%; }
.mainbg {background-color: rgba(255, 255, 255, 0.1);}
header {width: 100%; padding-bottom: 5px; border-bottom: solid 1px #ccc; }
header .logo{ width: 90px; display: inline-block;}
header .logo .logoimg{height: 90px;width: 110px;}
header .dealername{display: inline-block;font-family: "robotoregular";font-size: 18px;position: relative;text-transform: uppercase;    top: -12px;
    left: -20px;}
header .main{text-align: center; padding-top: 10px;}
.main{ max-width: 1180px; margin: 0px auto; width: 100%; position: relative;  }
main{ width: 100%; display: inline-block; text-align: center; }
.escortmain{ margin-top: 20px; /*min-height: 500px;*/ }
.escortmain .left{ max-width: 600px; width:300px; margin: 0px auto }
.escortmain .left li{border: 1px solid #ccc;float: left;height: 203px;margin: 5px;overflow: hidden;width: 280px;}
.escortmain .right{ width:100%; float: left; text-align: center; margin-top: 20px;  padding: 0 10px; }
.escortmain .title{ font-size: 21px; font-family: "robotomedium"; text-transform: uppercase; }
.escortmain .address, .escortmain .contactdetail, .escortmain .email{color:#6c6c6c;font-family: "robotoregular";font-size: 16px;padding-bottom: 10px;padding-top: 10px;}
.content_show{width: 40%; margin: auto;}
.escortmain .contactdetail{padding-top: 0;}
.escortmain .contactdetail span{color:#000; vertical-align: top; }
.escortmain .contactdetail span.mobino{ display: inline-block; color: #6c6c6c; }
 .escortmain .email{ padding-top: 0; border-bottom: 1px solid #ccc; }
 .escortmain .email a{ color: #fe0000; }
 .escortmain .email a:hover{ color: #000; }
footer { margin-top:36px; text-align:center;padding-bottom: 20px;}
footer .main{ border-top: solid 1px #ccc; padding-top: 19px;color:#000;font-family: "Robotoregular";font-size: 11px; text-align: center; display: inline-block; width: 100%;}
}


/* --------Media CSS----------*/


@media(min-width:359px) {


}

@media(min-width:479px) {

}

@media(min-width:413px) {

}

@media(min-width:559px) {
  .escortmain .left { width: 100%; }

}
@media(min-width:660px) {

}

@media(min-width:767px) {

}

@media(min-width: 1000px) {
.main { max-width: 1000px; }
header { padding-bottom: 20px; }
header .logo{ width: 190px; }
header .dealername{font-size: 30px;    top: -24px; left: -35px;}

.escortmain .left { float: left; margin-right: 20px; border-right: solid 1px #ccc;max-width: 610px; padding-right: 20px;}
.escortmain .right { max-width: 400px; text-align: left; margin-top: 0;  max-width: 370px;}
}

@media(min-width: 1260px) {

footer {margin-top: 6px;padding-bottom: 5px;}
footer .main{    padding-top: 9px; max-width: 95%;}
.main { max-width: 1180px; }
.escortmain .right {float: right;max-width: 440px;}
.escortmain .left { margin-right: 0;max-width: 680px;}
.escortmain .left li { width: 310px; }

}