/******** DEFAULT SETTING ********/
.wrapper {
  width:94%;
}




/****** Header & Nav ******/
.header {
  width:94%;
}

.logo {
  width:15%;
}

/**** H & N: 834px ****/
@media screen and (max-width:834px) {
  
  .logo {
    margin-top:10px;
  }
  
}


/**** H & N: 640px ****/
@media screen and (max-width:640px) {
  
  .logo {
    width:20%;
    margin-top:5px;
  }
  
}

/**** H & N: 603px ****/
@media screen and (max-width:603px) {
  
  .header {
    padding:10px 0 0;
  }
  
  ul.nav {
    margin-top:10px;
  }
  
  
  ul.nav a {
    font-size:0.85em;
    padding:8px 20px 12px;
  }
  
}




/**** H & N: 480px ****/
@media screen and (max-width:480px) {
  .logo {
    width:25%;
    margin-bottom:10px;
  }
  
  p.topcontact {
    font-size:0.85em;
  }
  
  i.l {
    display:none;
  }
  
  p.topcontact span {
    display:block;
    margin:5px 0;
  }
  
  .hdcol2 {
    clear:both;
    float:none;
    width:100%;
    border-top:1px solid #938216;
  }
  
  ul.nav {
    float:none;
    margin-top:0;
  }
  
  ul.nav a {
    padding:8px 20px;
  }

  
}


/**** H & N: 414px ****/
@media screen and (max-width:414px) {
  
  p.topcontact {
    font-size:0.8em;
  }
  
  ul.nav {
    text-align:center;
  }
  
  ul.subnav {
    display:none;
  }
  
  ul.nav a {
    font-size:0.8em;
    padding:8px 15px;
  }


}


/**** H & N: 375px ****/
@media screen and (max-width:375px) {
  
  .logo {
    width:30%;
  }

}



/****** Home ******/
.welcol1 {
  float:none;
  width:100%;
  text-align:center;
}

.welcol1 h1 {
  font-size:1.3em;
}

.welcol1 h1 span {
  font-size:1.8em;
}

.welcol2 {
  float:none;
  width:100%;
  margin-top:20px;
  text-align:center;
}

img.wellogo {
  width:60px;
  margin:0 20px;
}


/**** Home: 834px ****/
@media screen and (max-width:834px) {
  
  .hotcolL {
    float:none;
    width:100%;
  }

  .hotcolR {
    float:none;
    width:100%;
  }

}

/**** Home: 640px ****/
@media screen and (max-width:640px) {
  
  h3.sectitle {
    font-size:2.5em;
  }
  
  p.secintro {
    font-size:1.3em;
  }
  
  
  ul.mdnav {
    width:94%;
  }
  
  h1.bxbrand {
    font-size:1.5em;
  }
  
  
  .bxcol h2 {
    font-size:1em;
  }
  
}


/**** Home: 414px ****/
@media screen and (max-width:414px) {
  
  .welcol1 h1 {
    font-size:1.1em;
  }

  .welcol1 h1 span {
    font-size:1.5em;
  }
  
  .welcol1 p {
    font-size:0.95em;
  }

  img.wellogo {
    width:35px;
    margin:0 10px;
  }
  
  h3.sectitle {
    font-size:2em;
  }
  
  p.secintro {
    font-size:1.1em;
  }
  
  ul.mdnav a {
    font-size:0.85em;
  }
  
  h1.bxbrand {
    font-size:1.2em;
  }
  
  .bxcol {
    width:48%;
  }
  
  .bxcol2 {
    margin-right:0;
  }
  
  i.hottag {
    position:absolute;
    top:-10px;
    left:6%;
    width:50px;
  }
  
  .carname h2 {
    font-size:1.1em;
  }
  
  .carname p {
    font-size:0.95em;
  }
  
  
  section.needhelp {
    padding:25px 0;
  }
  
  section.needhelp p {
    font-size:1em;
  }

  section.needhelp h4 {
    font-size:1.3em;
  }

  section.needhelp h5 {
    font-size:1.6em;
  }
  
  h1.hotbrand {
    text-align:center;
  }
  
  
}


/****** Brand Landing ******/

/**** Brand landing: 834px ****/
@media screen and (max-width:834px) {
  
  img.brnlogo {
    width:120px;
  }
  
  h1.brslogan {
    font-size:1.8em;
  }

  h1.brandname {
    font-size:1.4em;
  }
  
  .carname2 h2 {
    font-size:1.2em;
  }
  
  .carname2 p {
    font-size:1em;
  }

}


/**** Brand landing: 480px ****/
@media screen and (max-width:480px) {
  
  .brncol {
    width:48%;
  }
  
  .brncol2 {
    margin-right:0;
  }

}


/**** Brand landing: 414px ****/
@media screen and (max-width:414px) {
  
  img.brnlogo {
    width:90px;
  }
  
  h1.brslogan {
    font-size:1.5em;
  }

  h1.brandname {
    font-size:1.1em;
  }

}



/****** Model Landing ******/
.mdbanner-promo {
  width:94%;
}

.mdsec {
  padding:25px 0;
}


table.price1 th,
table.price1 h2,
table.price1 p,
table.price1 h3 {
  font-size:1.5vw;
}

table.price1 p span {
  font-size:0.75em;
}


/**** Model landing: 834px ****/
@media screen and (max-width:834px) {
  
  .mdsecwrap {
    width:80%;
  }
  
  a.mdlink1 p,
  a.mdlink2 p {
    font-size:1em;
  }
  
  h1.mdname {
    font-size:2em;
  }
  
  p.mdpromo1 {
    font-size:1.3em;
  }
  
  p.mdpromo2 {
    font-size:1.5em;
  }
  
  table.price1 th,
  table.price1 h2,
  table.price1 p,
  table.price1 h3 {
    font-size:1.8vw;
  }
  
  .mdcolor {
    width:94%;
  }
  
  p.mdintro {
    padding:0 20px;
  }
  
  .tdrive {
    width:80%;
  }

}



/**** Model landing: 640px ****/
@media screen and (max-width:640px) {
  
  .mdbanner {
    padding:15px 0;
  }
  
  .mdsecwrap {
    width:94%;
  }
  
  .tdrive {
    width:100%;
  }
  
  .videopanel {
    width:80%;
  }

  iframe.videoset {
    height:350px;
  }
  
  .galsec-axia {
    padding-bottom:30px;
  }
  
  .axiacol {
    float:none;
    width:94%;
    margin:0 auto 15px;
  }
  

}


/**** Model landing: 480px ****/
@media screen and (max-width:480px) {
  
  h1.mdname {
    font-size:1.5em;
  }
  
  p.mdpromo1 {
    font-size:1.1em;
  }
  
  p.mdpromo2 {
    font-size:1.3em;
  }
  
  table.price1 th,
  table.price1 h2,
  table.price1 p,
  table.price1 h3 {
    font-size:2.1vw;
  }
  
  p.remarks {
    font-size:0.8em;
  }

  p.ctperson {
    font-size:1.1em;
  }
  
  label.info {
    width:auto;
    font-size:0.95em;
    margin-bottom:5px;
    margin-right:5px;
  }

  .fmrow i {
    width:auto;
    font-size:1em;
    margin-bottom:5px;
  }

  .fill {
    clear:both;
    float:none;
    width:100%;
  }

}


/**** Model landing: 414px ****/
@media screen and (max-width:414px) {

  .mdsecwrap {
    text-align:center;
  }
  
  img.mdlogo {
    float:none;
    width:120px;
    margin:0 auto;
  }
  
  .mdlink {
    float:none;
    width:100%;
    margin-top:20px;
  }
  
  table.price1 th,
  table.price1 h2,
  table.price1 p,
  table.price1 h3 {
    font-size:3.2vw;
  }
  
  .galcol {
    width:50%;
    background:#999999;
    padding:0.03125em;
  }

}



/**** Model landing: 375px ****/
@media screen and (max-width:375px) {
  
  h1.mdname {
    font-size:1.3em;
  }
  
  p.mdpromo1 {
    font-size:1em;
  }
  
  p.mdpromo2 {
    font-size:1em;
  }
  
  .galcol {
    width:100%;
    float:none;
    padding:5px 15px 5px 15px;
    background:#ffffff;
  }
  
}





/****** Footer ******/

.ftsec2col2 {
  padding-top:4%;
}


/**** Footer: 834px ****/
@media screen and (max-width:834px) {
  
  .ftwrap {
    width:80%;
  }
  
  section.ftsec2 {
    text-align:center;
    padding:25px 0 10px;
  }
  
  .ftsec2col1 {
    float:none;
    width:100%;
  }
  
  img.ftlogo {
    width:15%;
    margin-right:0;
    margin-bottom:20px;
  }
  
  span.ftcontact {
    display:block;
    margin-bottom:6px;
  }
  
  i.l2 {
    display:none;
  }
  
  .ftsec2col2 {
    float:none;
    width:100%;
    text-align:center;
    border-top:1px solid #333333;
    margin-top:20px;
    padding-top:10px;
  }
  
}



/**** Footer: 640px ****/
@media screen and (max-width:640px) {

  .ftwrap {
    width:94%;
  }
  
  img.ftlogo {
    width:120px;
  }

}


/**** Footer: 414px ****/
@media screen and (max-width:414px) {

  h4.ftbrand {
    font-size:0.85em;
  }
  
  article.promotext {
    margin-top:25px;
  }
  
    
  ul.ftnav a {
    font-size:0.85em;
  }

}