@media only screen and (min-width:1024px) and (max-width:1173px){
.header                 {width:1004px;} 
p.radio_button {
  line-height: 40px;
}

.container {
  width: 100%;
}
.wrapper {
  margin: 0px auto;
}
#promotions {
  float: left;
}

#cash {
  max-width: 300px !important;
  height: auto !important;
  margin: 2px auto;
}

#cashback {
  margin: 0px auto;
  width: 100%;
  display: block;
  float: none;
  text-align: center;
}

.private-left {
  width: 300px;
  background: #E4E4E4 url("../images/private-sale.png") no-repeat scroll right bottom;
  border-radius: 3px;
  padding: 0px 0px 18px;
  margin: 20px auto;
}

.loan select {
  width: 100%;
}

.header, .inner-wrap {
  width: 1004px;
    margin: 0px auto;
}
#logo                 {width:299px;}  
.header-right             {width:699px;}
#phone-mob {display:none;}
#nav                  {width:699px;}
#nav ul li                {padding:7px 18px 11px 12px;}
#nav ul li.nobg             {background:none;}    
.banner                 {width:1004px;} 
.lowrates               {width:1004px;}
.lowrates-left              {width:627px;}
.lowrates-left ul li h3         {width:185px;}
.lowrates-left ul li h4         {width:114px;}
.lowrates-left ul li h5         {width:199px;}
.lowrates-right a.apply small     {padding:0 18px 0 16px;}
.main-in                {width:1004px;}
.main-in-left             {width:686px;margin:0 0 0 0px;}
.car-loans                {width:300px;margin:0 14px 69px 19px;}
.car-loans-top              {width:300px;}
.car-loans-top h2           {font-size:25.5px;}
.car-loans-top small          {font-size:25.5px;}
.car-loans-top p            {font-size:19px;}
.car-loans-top ul           {padding:9px 5px 9px 11px;}
.car-loans-top ul li h4         {font-size:16px;}
.car-loans-top ul li a          {font-size:16px;padding:4px 18px 6px 21px;}
.car-loans-bottom           {width:300px;}
.car-loans-left             {width:300px;padding:0 0 11px;}
.car-loans-left h2            {padding:19px 45px 0 32px;font-size:31px;}
.car-loans-left small         {font-size:31px;}
.car-loans-left p           {font-size:12px;}
.main-in-right              {width:300px;}
.block1                 { width: 300px;}
.block1 a               {width:283px;margin:0 0 0 12px;}
.block2                 { width: 300px;padding:18px 0 21px 15px;}
.block2-right             {width:230px;}
.block2-right span            {padding:1px 0 0 10px;}
.loan-division              {width:1004px;}
.loan-division-left           {width:610px;margin:0 22px 0 0;}
.loan-tabs                {width:610px;}
.loan-tabs-top              {width:608px;}
.loan-tabs-top ul li          {padding:13px 5px 11px 4px;font-size:13px;}
.loan-tabs-bottom           {width:610px;}
.footer                 {width:1004px;}
/* ------------------ inner1 HERE --------------------------*/
.finance                {width:1004px;}
.finance-links-in           {width:1004px;}
.pair-loans               {width:661px;}  
.pair-loans-top span          {width:661px;}
.pair-loans-top span img        {width:100%;height:auto;}
.pair-loans-top             {width:661px;}
.pair-bottom              {width:661px;padding:0;margin:0 auto;display:block;float:none;}
.pair-bottom-left           {width:300px;}
.cars-finance             {width:300px;}  
.cars-finance ul li a         {width:300px;}

/* ------------------ Application --------------------------*/
#application{
  font-size:12px;
}
#step-desc{
  width:39%;
}
.extra-caption{
  display:none;
}
#steps{
  width:60%;
}
#steps ol li{
  width:185px;
  font-size:18px;
}
#application .bt{
  width:418px;
}

#top-ctc{
display: none;
}

}

@media only screen and (min-width:768px) and (max-width:1023px){
.header                 {width:748px;}  
p.radio_button {
  line-height: 40px;
}
#phone-mob {display:none;}
.carousel-caption h2 {
  font-size: 2em;
  line-height: .5em;
}


.container {
  margin-left: 0px !important;
  margin-right: 0px !important;
}
.caption-button {
  margin: 10px auto;
  float: left;
}

.row {
  margin: 0px auto;
  width: 100%
}

.wrapper {
  margin: 0 auto;
}
#promotions {
  float: left;
}

.private-left {
  width: 300px;
  background: #E4E4E4 url("../images/private-sale.png") no-repeat scroll right bottom;
  border-radius: 3px;
  padding: 0px 0px 18px;
  margin: 20px auto;
}

#cash {
  max-width: 300px !important;
  height: auto !important;
  margin: 0px auto;
}

#cashback {
  margin: 0px auto;
  width: 100%;
  display: block;
  float: none;
  text-align: center;
}

.loan select {
  width: 93%;
  margin-right: 7%;
}

.carousel-caption {
  /* position: absolute; */
  bottom: 80px;
  left: 0;
  z-index: 10;
  padding-bottom: 20px;
  color: #fff;
  top: 10%;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
}

.header, .inner-wrap {
  width: 100%;
}

.calculator input {
    width: 93%;
    margin-bottom: 5px;
    display: block;
    float: left;
}

.lowrates-right .dd {
  width: 93% !important;
  float: left;
}

.table_disclaimer {
  color: black;
  /* margin: 20px 0; */
  width: 92%;
  font-size: 0.8em;
}
#field_form p {
  line-height: 40px;
}
.side-contact p {
  line-height: 40px;
}
.block2-left h3             {padding: 18px 0 15px 0;}
#logo                 {width:299px;margin:0 auto;display:block;float:none;} 
.header-right             {width:748px;}
#nav                  {width:634px;}
#nav ul li                {padding:7px 15px 11px 6px;}
.header-right span            {padding:2px 2px 3px 27px;width:164px;float:none;margin:0 auto;font-size:21px;} 
.banner                 {width:748px;}
.banner-in                {width:500px;margin:0;}
.banner-in img              {width:100%;height:auto;   margin-left: 167px;} 
.online                 {width:327px;padding:14px 10px 13px 12px;top:11px;}
.online h2 {
  padding: 10px 10px;
  font-size: 14px;
  width: 50%;
  margin: 0px auto;
  background: url(../images/apply-bg.png) repeat-x;
}
.online p               {padding:5px 0 8px;}
.banner .carousel-control.right     {top:216px;}
.banner .carousel-control.left      {top:216px;}
.lowrates               {width:748px;}
.lowrates-left              {width:442px;}
.lowrates-left ul             {padding:0;}
.lowrates-left ul li          {/*padding:3px 7px 46px;*/padding: 19px 7px 55px 14px;}
.lowrates-left ul li h3         {/*width:98px;font-size:15px;*/  font-size: 13px; width: 24%;}
.lowrates-left ul li h4         {/*width:89px;font-size:15px;*/  width: 29%; font-size: 13px;}
.lowrates-left ul li span       {font-size:17px;}
.lowrates-left ul li h5         {/*width:164px;font-size:15px;*/  width: 24%; font-size: 12px;}
.lowrates-left ul li small        {font-size:19px;}
.lowrates-left .more          {/*width:76px; font-size: 12px;*/   width: 22%;font-size: 12px;}
.lowrates-right             {width:300px;padding:16px 10px 13px;height: 481px;}
.lowrates-right a.apply small     {padding:0 18px 0 16px;}
.repayment                {width:282px;}
.loan                 {width:300px;}
/*.loan .dd               {width:282px !important;}*/
.main-in                {width:748px;margin-top: 60px;}
.main-in-left             {width:661px;margin:0 0 0 21px;}
.car-loans                {width:300px;}
.car-loans-top              {width:300px; margin: 0 auto;}
.car-loans-top h2           {font-size:25.5px;}
.car-loans-top small          {font-size:25.5px;}
.car-loans-top p            {font-size:19px;}
.car-loans-top ul           {padding:9px 5px 9px 11px;}
.car-loans-top ul li h4         {font-size:16px;}
.car-loans-top ul li a          {font-size:16px;padding:4px 18px 6px 21px;}
.car-loans-bottom           {width:300px;}
.car-loans-left             {width:300px;padding:0 0 11px; margin:0px auto;}
.car-loans-left h2            {padding:19px 45px 0 32px;font-size:31px;}
.car-loans-left small         {font-size:31px;}
.car-loans-left p           {font-size:12px;}
.main-in-right              {width:748px;}
.block1                 { width: 300px;display:inline-block;float:left;}
.block1 a               {width:283px;margin:0 0 0 12px;}
.block2                 { width: 430px;padding:11px 0 0 15px;display:inline-block;float:left;margin:0 0 28px 16px;}
.block2 h2                {padding:0 0 21px;}
.block2_1               { width: 199px;display:inline-block;float:left;}
.block2_2               { width: 206px;display:inline-block;float:left;}
.block2-right             {width:146px;}
.block2-right span            {padding:0px 0 0 10px;font-size: 13px;}
.loan-division              {width:748px;}
.loan-division-left           {width:748px;margin:0 auto;float:none;display:block;}
.loan-tabs                {width:748px;}
.loan-tabs-top              {width:746px;}
.loan-tabs-top ul li          {padding:13px 11px 11px 12px;}
.loan-tabs-bottom           {width:748px;}
.loan-division-right          {padding:0 0 24px; margin:0 auto;float:none;display:block;}
.footer                 {width:748px;}
.footer-right             {width:535px;}
.footer-right-nav           {width:535px;padding:49px 0 3px;}
.footer-right-nav ul li         {padding:0 5px 0 0;margin:0 3px 0 0;}
.footer-right-nav ul li a       {font-size:13px;}
.footer-right p             {font-size:13px;}
.footer-right p span          {font-size:15px;}
/* ------------------ inner1 HERE --------------------------*/
.finance                {width:748px;}
.finance-links-in           {width:748px;}
.finance-links-in ul li         {font-size:11px;}
.finance-links-in ul li a         {font-size:11px;}
.pair-loans               {width:661px;}  
.pair-loans-top span          {width:661px;}
.pair-loans-top span img        {width:100%;height:auto;}
.pair-loans-top             {width:661px;}
.pair-bottom              {width:661px;padding:0;margin:0 auto;display:block;float:none;}
.pair-bottom-left           {width:300px;margin:0 14px 0 15px;}
.cars-finance             {width:300px;margin:0 57px 44px 37px;display:inline-block;float:left;}  
.cars-finance ul li a         {width:300px;}
.block_3                {display:inline-block;float:left;}

/* ------------------ Application --------------------------*/
#application{
  font-size:13px;
}
#application #logo{
  float:left;
}
#step-desc{
  width:32%;
  padding:17px 0 17px 25px;
  background-image:none;
  font-size:14px;
  line-height:22px;
}
.extra-caption{
  display:none;
}
#steps{
  width:67%;
}
#steps ol li{
  width:161px;
  margin-right:0;
  background-image:none;
  font-size:18px;
}
#steps ol li span{
  padding:36px 0 35px 80px;
}
#content{
  padding:0;
  background-color:#eaeaea;
}
#application .bt{
  width:316px;
  font-size:11px;
}
#application .bt .inner{
  padding-left:85px;
  background-position:19px center;
}
#application #basic-bt .inner{
  padding-right:55px;
}
.col-xs-12 .label-div{
  width:30%;
}
.col-xs-12 .field-div{
  width:70%;
}
input.call_form {
  margin-left: 0 !important;
  margin-top: 20px !important;
}
#top-ctc{
display: none;
}
}

@media only screen and (min-width:600px) and (max-width:767px){
  .wrapper {
  margin: 0px auto;
}
#nav ul li.nobg{background:none;} 
.header                 {width:580px;}  
#phone-mob {display:none;}
#logo                 {width:299px;margin:0 auto;display:block;float:none;} 
.header-right             {width:580px;}
#nav                  {width:580px;}
#nav ul li                {padding:7px 15px 11px 6px;}
#nav ul li a              {font-size:16px;}
.social-icons             {display:none;}
.header-right span            {padding:2px 2px 3px 27px;width:164px;float:none;margin:0 auto;font-size:21px;} 
.banner                 {width:100%;}
.banner-in                {width:500px;margin:0;}
.banner-in img              {width:100%;height:auto;} 
.online h3                {display:none;}
.online                 {width:100%;padding:7px 0 10px;top:166px;background:url(../images/white-layer.png) repeat;border-radius:0;right:0;}
.online h2                {padding:0 0 11px;font-size:14px;}
.online p               {display:none;}
.online a               {width:155px;margin:0 0 0 131px;display:inline-block;float:left;font-size:17px;}
.online a.call              {width:136px;margin:0 163px 0 0px;display:inline-block;float:right;font-size:17px;display:block;}
.banner .carousel-control.right     {top:216px;}
.banner .carousel-control.left      {top:216px;}
.lowrates               {width:580px;}
.lowrates-left              {width:442px;float:none;margin:0 auto;display:block;}
.lowrates-left ul li          {padding:3px 7px 46px;}
.lowrates-left ul li h3         {width:98px;font-size:15px;}
.lowrates-left ul li h4         {width:89px;font-size:15px;}
.lowrates-left ul li span       {font-size:17px;}
.lowrates-left ul li h5         {width:164px;font-size:15px;}
.lowrates-left ul li small        {font-size:19px;}
.lowrates-left .more          {width:76px; font-size: 12px;}
.lowrates-right             {float:none;margin:0 auto;display:block;}
.main-in                {width:580px;}
.main-in-left             {width:580px;margin:0 auto;display:block;float:none;}
.car-loans                {width:370px;margin:0 auto 27px;display:block;float:none;}
.car-loans-top              {width:370px;}
.car-loans-top h2           {font-size:25.5px;}
.car-loans-bottom h2          {padding:24px 0 0;}
.car-loans-bottom           {width:370px;}
.car-loans-left             {width:370px;padding:0 0 11px;}
.main-in-right              {width:370px;margin:0 auto;display:block;float:none;}
.block1                 { width: 370px;display:block;float:none;}
.block2                 { width: 370px;padding:11px 0 0 15px;display:inline-block;float:left;margin:0 0 28px 0px;}
.block2-right             {}
.loan-division-main           {background:#fff;}
.loan-division              {width:300px;}
.loan-division-left           {width:300px;margin:0 auto;float:none;display:block;padding:0 0 28px;}
.loan-tabs                {width:300px;border:none;}
.loan-tabs-top              {width:300px;}
.loan-tabs-top ul li          {padding:11px 12px 0;background:#fff;border:none;width:150px;display:inline-block;float:left;}
.loan-tabs-top ul li.current      {border:none;}
.loan-division-left h2          {padding:20px 0 5px;}
.loan-tabs-bottom           {width:300px;display:none !important;}
.loan-division-right          {padding:0 0 24px; margin:0 auto;float:none;display:none;}
.social-icons_1             {display:block;background:#242424;width:100%;}
.social-icons_1 ul            {width:102px;margin:0 auto;display:block;float:none;padding:0px 0;}
.social-icons_1 ul li         {padding:15px 6px 16px 0;}
.footer                 {width:580px;}
.footer-left              {}
.footer-right             {width:154px;padding:44px 0 0;}
.footer-right-nav           {width:580px;padding:49px 0 3px;display:none;}
.footer-right p             { font-size:12px;text-align:right;}
.footer-right p span          {font-size:12px;}
/* ------------------ inner1 HERE --------------------------*/
.finance                {width:580px;}
.finance-links-in           {width:580px;}
.pair-loans               {width:580px;}  
.pair-loans-top span          {width:580px;}
.pair-loans-top span img        {width:100%;height:auto;}
.pair-loans-top             {width:580px;}
.pair-bottom              {width:580px;padding:0;margin:0 auto;display:block;float:none;}
.pair-bottom-left           {width:565px;margin:0 0 0 17px;padding:0;}
.cars-finance             {width:300px;margin:19px 0 31px;display:inline-block;float:left;} 
.cars-finance ul li a         {width:300px;}
.block_3                {display:inline-block;}
.online-1 h3              {display:none;}
.online-1               {width:100%;padding:7px 0 10px;top:78px;background:#efefef;border-radius:0;
right:0;}
.online-1 h4              {padding:0 0 11px;font-size:14px;display:block;}
.online-1 p               {display:none;}
.online-1 a               {width:155px;margin:0 0 0 131px;display:inline-block;float:left;font-size:17px;}
.online-1 a.call            {width:136px;margin:0 163px 0 0px;display:inline-block;float:right;font-size:17px;display:block;}
.finance-links              {display:none;}
.finance h2               {text-align:center;padding:18px 0 26px;font-size:34px;}
/* Top Banner ***************/
.carousel-caption {
  position: static;
  padding-top: 20px;
  padding-bottom: 20px;
  margin: 20px;
  color: #fff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0,0,0,.6);
}

.carousel-caption h2 {
  font-family: "Roboto",sans-serif;
  font-size: 2em;
  line-height: 11px;
  text-align: left;
  text-transform: uppercase;
  line-height: auto;
}
#top-ctc{
display: none;
}
}

@media only screen and (min-width:480px) and (max-width:599px){
  .wrapper {
  margin: 0px auto;
}
.header                 {width:300px;position:relative;}  
.header-right span {display: none}
#phone-mob {display:block;}
#logo                 {width:161px;margin:0 ;display:inline-block;float:left;}
#logo a                 {width:161px;}  
#logo a img               {width:100%;height:auto;}
.header-right             {width:100%;display:block;float:none;}
.header-right span            {display:none;}
#nav                  {width:100%;}
#nav ul li                {padding:7px 0 0px 0;width:100%;background:none;}
#nav ul li a              {font-size:16px;text-align:center;width:100%;}
.menu                 {display:block;cursor:pointer;position:absolute;right:0;top:29px;}
.social-icons             {display:none;}
.header-right span            {padding:2px 2px 3px 27px;width:164px;float:none;margin:0 auto;font-size:21px;} 
.banner                 {width:100%;}
.banner-in                {width:460px;margin:0;}
.banner-in img              {width:100%;height:auto;} 
.online h3                {display:none;}
.online                 {width:100%;padding:7px 0 10px;top:146px;background:url(../images/white-layer.png) repeat;border-radius:0;right:0;}
.online h2                {padding:0 0 11px;font-size:14px;}
.online p               {display:none;}
.online a               {width:155px;margin:0 0 0 73px;display:inline-block;float:left;font-size:17px;}
.online a.call              {width:136px;margin:0 100px 0 0px;display:inline-block;float:right;font-size:17px;display:block;}
.banner .carousel-control.right     {display:none;}
.banner .carousel-control.left      {display:none;}
.lowrates               {width:300px;background:none;}
.lowrates-left h2           {font-size:24px;border-bottom:solid 1px #ffed5f;padding:0 0 11px 0;}
.lowrates-left              {width:300px;}
.lowrates-left ul li          
{
  /*padding:3px 7px 46px;*/
    padding: 18px 5px 51px;
}
.block2 h4 {
  padding: 7px 0px 12px;
}

h5 {
  margin: 0;
}
.lowrates-left ul li h3         {width:90px;font-size:12px;padding: 0px 0px 0px;}
.lowrates-left ul li h4         {width:51px;font-size:12px; padding: 0;}
.lowrates-left ul li span       {font-size:15px;}
.lowrates-left ul li h5         {width:75px;font-size:12px; padding:0;}
.lowrates-left ul li small        {font-size:15px;}
.lowrates-left .more          {width:69px; font-size: 11px;}
.lowrates-right             {width:300px;padding:16px 10px 13px;}
.lowrates-right a.apply small     {padding:0 18px 0 16px;}
.repayment                {width:282px;}
.loan                 {width:300px;}
.loan .dd               {width:282px !important;}
.main-in                {width:460px;padding:26px 0 0;}
.main-in-left             {width:300px;margin:0 auto;display:block;float:none;}
.car-loans-bottom h2          {padding:22px 0 0;}
.car-loans                {width:300px;margin:0 auto 32px;display:block;float:none;}
.car-loans-top              {width:300px;}
.car-loans-top h2           {font-size:25.5px;}
.car-loans-top small          {font-size:25.5px;}
.car-loans-top p            {font-size:19px;}
.car-loans-top ul           {padding:9px 5px 9px 11px;}
.car-loans-top ul li h4         {font-size:16px;}
.car-loans-top ul li a          {font-size:16px;padding:4px 18px 6px 21px;}
.car-loans-bottom           {width:300px;display:block;float:none;margin:0 auto;}
.car-loans-left             {width:300px;padding:0 0 11px;}
.car-loans-left h2            {padding:19px 45px 0 20px;font-size:31px;}
.car-loans-left small         {font-size:31px;}
.car-loans-left p           {font-size:12px;padding:15px 0 0 20px;}
.main-in-right              {width:300px;display:block;margin:0 auto;float:none;}
.block1                 { width: 300px;display:block;float:none;margin:24px auto 26px;}
.block1 a               {width:283px;margin:0 0 0 12px;}
.block2                 { width: 300px;padding:11px 0 0 15px;display:inline-block;float:left;margin:0 0 28px 0px;}
.block2 h2                {padding:0 0 21px;}
.block2_1               { width: 280px;display:inline-block;float:left;}
.block2_2               { width: 280px;display:inline-block;float:left;padding:0 0 22px 0;}
.block2 ul li a             {font-size:15px;}
.block2-right             {width:218px;}
.block2-right span            {padding:0px 0 0 10px;font-size: 13px;}
.loan-division-main           {background:#fff;}
.loan-division              {width:300px;}
.loan-division-left           {width:300px;margin:0 auto;float:none;display:block;padding:0 0 28px;}
.loan-tabs                {width:300px;border:none;}
.loan-tabs-top              {width:300px;}
.loan-tabs-top ul li          {padding:11px 12px 0;background:#fff;border:none;width:150px;display:inline-block;float:left;}
.loan-tabs-top ul li.current      {border:none;}
.loan-division-left h2          {padding:0 0 5px 0;}
.loan-tabs-bottom           {width:300px;display:none !important;}
.loan-division-right          {padding:0 0 24px; margin:0 auto;float:none;display:none;}
.social-icons_1             {display:block;background:#242424;width:100%;}
.social-icons_1 ul            {width:102px;margin:0 auto;display:block;float:none;padding:0px 0;}
.social-icons_1 ul li         {padding:15px 6px 16px 0;}
.footer                 {width:300px;}
.footer-left              {width:129px;}
.footer-left a              {width:129px;}
.footer-left a img            {width:100%;height:auto;}
.footer-right             {width:154px;padding:44px 0 0;}
.footer-right-nav           {width:300px;padding:49px 0 3px;display:none;}
.footer-right-nav ul li         {padding:0 5px 0 0;margin:0 3px 0 0;}
.footer-right-nav ul li a       {font-size:13px;}
.footer-right p             { font-size:12px;text-align:right;}
.footer-right p span          {font-size:12px;}
/* ------------------ inner1 HERE --------------------------*/
.finance                {width:300px;}
.finance h2               {font-size:28px;padding:14px 0 22px;text-align:center;}
.finance-links              {display:none;}
.online-1 h3              {display:none;}
.online-1               {width:100%;padding:7px 0 14px;top:65px;background:#efefef;border-radius:0;right:0;}
.online-1 h4              {padding:0 0 11px;font-size:14px;display:block;color:#aeaeae;}
.online-1 p               {display:none;}
.online-1 a               {width:155px;margin:0 0 0 73px;display:inline-block;float:left;font-size:17px;}
.online-1 a.call              {width:136px;margin:0 100px 0 0px;display:inline-block;float:right;font-size:17px;display:block;}
.pair-loans               {width:300px;}
.pair-bottom-left h2          {padding:26px 0 0;}
.pair-loans-top span          {width:300px;}
.pair-loans-top span img        {width:100%;height:auto;}
.pair-loans-top p           {font-size:15px;line-height: 25px;}
.pair-loans-top a           {font-size:15px;}
.pair-loans-top em            {font-size:15px;line-height: 25px;padding:0 0 12px 0;}
.pair-loans-top             {width:300px;}
.pair-bottom              {width:300px;padding:0;margin:0 auto;display:block;float:none;}
.pair-bottom-left           {width:300px;}
.cars-finance             {width:300px;background:none;}
.cars-finance ul li a         {width:300px;}
.cars-finance ul            {padding:0;}

/* Top Banner ***************/
.carousel-caption {
  position: static;
  padding-top: 20px;
  padding-bottom: 20px;
  margin: 20px;
  color: #fff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0,0,0,.6);
}

.carousel-caption h2 {
  font-family: "Roboto",sans-serif;
  font-size: 2em;
  line-height: 11px;
  text-align: left;
  text-transform: uppercase;
  line-height: auto;
}
.sections.home.grey img {
    width: 33%;
    height: auto;
}
}

@media only screen and (max-width:479px){
  .wrapper {
  margin: 0px auto;
}
.header                 {width:300px;position:relative;}  
#logo                 {width:161px;margin:0 ;display:inline-block;float:left;}
#logo a                 {width:161px;}  
#logo a img               {width:100%;height:auto;}
.header-right             {width:100%;display:block;float: left;}
.header-right span            {display:block;}
#nav                  {width:100%;display:none;}
#nav ul li                {padding:7px 0 0px 0;width:100%;background:none;}
#nav ul li a              {font-size:16px;text-align:center;width:100%;}
.menu                 {display:block;cursor:pointer;position:absolute;right:0;top:29px;}
.social-icons             {display:none;}
.header-right span            {padding:2px 2px 3px 27px;width: 100%;
  float: right;
  margin: 5px auto;
  font-size: 24px;
  text-align: right;
}

.lowrates-calculator {
    width: 100%;
    height: 449px;
}

.lowrates-calculator a.apply {
    float: left;
    margin: 16px 0px 0px;
}

.header-right span {
  font-family: 'Roboto', sans-serif;
  font-size: 26px;
  color: #fff;
  font-weight: 700;
  display: block;
  float: right;
  background: none;
  padding: 7px 2px 6px 29px;
}
.sections.home.grey img {
    width: 33%;
    height: auto;
}
.banner                 {width:100%;}
.banner-main              {background-size:cover;}
.banner-in                {width:300px;margin:0;}
.banner-in img              {width:100%;height:auto;} 
.online h3                {display:none;}
.online                 {width:100%;padding:7px 0 10px;top:65px;background:url(../images/white-layer.png) repeat;border-radius:0;right:0;}
.online h2                {
  display: none;
  padding: 10px 10px;
  font-size: 14px;
  width: 50%;
  margin: 0px auto;
  background: none;
}
.online p               {display:none;}
a#mobile-apply {
  display: block;
}
a.call {
  display: none;
}
p#mobile-apply {
  display: block;
}
.online a               {  width: 50%;
  margin: 0px auto;
  text-align: center;
  /* float: left; */
  font-size: 17px;
}

.header-right span {font-size: 150%}

.header-right span::before {
  content:"Click-To-Call  ";
  color: #FFD60B;
font-size: 100%;
}
.online a.call              {width:136px;margin:0 5px 0 0px;display:none !important;float:right;font-size:17px;display:block;}
.online-1 a.call              {width:136px;margin:0 5px 0 0px;display:none !important;float:right;font-size:17px;display:block;}
.banner .carousel-control.right     {display:none;}
.banner .carousel-control.left      {display:none;}
.lowrates               {width:300px;background:none;}

.lowrates-left h2           {font-size:24px;border-bottom:solid 1px #ffed5f;padding:0 0 11px 0;}
.lowrates-left ul li h3 {
    padding: 0px;
    font-family: "Roboto",sans-serif;
    font-size: 13px;
    color: #000;
    font-weight: 700;
    display: inline-block;
    float: left;
    width: 32%;
}

.lowrates-left ul li h5 {
    font-family: "Roboto",sans-serif;
    font-size: 10px;
    color: #000;
    font-weight: 400;
    display: inline-block;
    float: left;
    padding: 0px 0px 0px;
    width: 27%;
}

.lowrates-left ul li h4 {
    font-family: "Roboto",sans-serif;
    font-size: 11px;
    color: #000;
    font-weight: 400;
    display: inline-block;
    float: left;
    padding: 0px 0px 0px;
    width: 20%;
}

.lowrates-left ul li span {
    font-family: "Roboto",sans-serif;
    font-size: 11px;
    color: #000;
    font-weight: 700;
    display: block;
}

.lowrates-left .more {
    display: inline-block;
    float: left;
    padding: 7px 0px;
    background: url("../images/gerrn-bg-btn.png") repeat-x scroll 0% 0% transparent;
    border: medium none;
    border-radius: 3px;
    color: #000;
    cursor: pointer;
    font-family: "Roboto",sans-serif;
    font-size: 8px;
    font-weight: 700;
    text-align: center;
    text-transform: uppercase;
    width: 20%;
}

.lowrates-left              {width:300px;}
.lowrates-left ul {
    display: inline-block;
    padding: 17px 0px 0px;
    margin: 0px auto;
    width: 100%;
}

.lowrates-left ul li {
  padding: 20px 7px 52px 15px;
}
.block2 h4 {
  padding: 7px 0px 12px;
}
/*.lowrates-right             {width:300px;padding:16px 10px 13px;}*/

.table_disclaimer {
    color: #000;
    margin: 0 auto;
    width: 95%;
}

.lowrates-right {
    float: none;
    display: inline-block;
    width: 100%;
    height: auto !important;
  margin-top: 60px;
}

.calculator {
    width: auto;
    height: auto;
}

.calculator input {
    width: 100%;
    margin-bottom: 5px;
    display: block;
    float: left;
}
.lowrates-right .dd {
    width: 99.7% !important;
}

.results2 {
    width: 70%;
    color: #FF0;
    font-size: 16px;
    font-weight: bold;
    margin-top: 10px;
    display: block;
    float: left;
}

.sections {
    min-height: auto;
}

.pair-bottom-left {
  padding:0;
}

.pagination .page-numbers.current {
    text-transform: uppercase;
    text-align: center;
}
.lowrates-right a.apply small     {padding:0 18px 0 16px;}
.repayment                {width:282px;}
.loan                 {/*width:300px;*/ width: auto;}
.loan .dd               {width: 100% !important;}
.main-in                {width:90% ;padding:26px 0 0;}
.main-in-left             {width:100%;margin:0 0 0 0px;}
.car-loans-bottom h2          {padding:22px 0 0;}
.car-loans                {width:300px;margin:0 0 32px 0;}
.car-loans-top              {width:300px;}
.car-loans-top h2           {font-size:25.5px;}
.car-loans-top small          {font-size:25.5px;}
.car-loans-top p            {font-size:19px;}
.car-loans-top ul           {padding:9px 5px 9px 11px;}
.car-loans-top ul li h4         {font-size:16px;}
.car-loans-top ul li a          {font-size:16px;padding:4px 18px 6px 21px;}
.car-loans-bottom           {width:300px;}
.car-loans-left             {width:300px;padding:0 0 11px;}
.car-loans-left h2            {padding:19px 45px 0 20px;font-size:31px;}
.car-loans-left small         {font-size:31px;}
.car-loans-left p           {font-size:12px;padding:15px 0 0 20px;}
.main-in-right              {width:auto;}
.block1                 { width: 300px;display:block;float:none;}
.block1 a               {width:283px;margin:0 0 0 12px;}
.block2                 { width: 300px;padding:11px 0 0 15px;display:inline-block;float:left;margin:0 0 28px 0px;}
.block2 h2                {padding:0 0 21px;}
.block2_1               { width: 280px;display:inline-block;float:left;}
.block2_2               { width: 280px;display:inline-block;float:left;padding:0 0 22px 0;}
.block2 ul li a             {font-size:15px;}
.block2-right             {width:218px;}
.block2-right span            {padding:0px 0 0 10px;font-size: 13px;}
.loan-division-main           {background:#fff;}
.loan-division              {width:300px;}
.loan-division-left           {width:300px;margin:0 auto;float:none;display:block;padding:15px 0 28px;}
.loan-tabs                {width:300px;border:none;}
.loan-tabs-top              {width:300px;}
.loan-tabs-top ul li          {padding:11px 12px 0;background:#fff;border:none;width:150px;display:inline-block;float:left;}
.loan-tabs-top ul li.current      {border:none;}
.loan-division-left h2          {padding:0 0 5px 0;}
.loan-tabs-bottom           {width:300px;display:none !important;}
.loan-division-right          {padding:0 0 24px; margin:0 auto;float:none;display:none;}
.social-icons_1             {display:block;background:#242424;width:100%;}
.social-icons_1 ul            {width:102px;margin:0 auto;display:block;float:none;padding:0px 0;}
.social-icons_1 ul li         {padding:15px 6px 16px 0;}
.footer                 {width:300px;}
.footer-left              {width:129px;}
.footer-left a              {width:129px;}
.footer-left a img            {width:100%;height:auto;}
.footer-right             {width:154px;padding:44px 0 0;}
.footer-right-nav           {width:300px;padding:49px 0 3px;display:none;}
.footer-right-nav ul li         {padding:0 5px 0 0;margin:0 3px 0 0;}
.footer-right-nav ul li a       {font-size:13px;}
.footer-right p             {font-size:12px;text-align:right;}
.footer-right p span          {font-size:12px;}

/* ------------------ inner1 HERE --------------------------*/
.finance                {width:300px;}
.finance h2               {font-size:28px;padding:14px 0 22px;text-align:center;}
.finance-links              {display:none;}
.online-1 h3              {display:none;}
.online-1 {
    width: 100%;
    padding: 7px 0px 10px;
    top: 92px;
    background: none;
    border-radius: 0px;
    right: 0px;
    position: static !important;
}
.online-1 h4              {padding:0 0 11px;font-size:14px;display:none;color:#aeaeae;}
.online-1 p               {display:none;}
.online-1 a {
    width: 50%;
    margin: 0px auto;
    text-align: center;
    font-size: 17px;
}
.online-1 a.call            {width:136px;margin:0 5px 0 0px;display:inline-block;float:right;font-size:17px;display:block;}
.pair-loans               {width:auto;}
.pair-bottom-left h2          {padding:26px 0 0;}
.pair-loans-top span          {width:300px;}
.pair-loans-top span img        {width:100%;height:auto;}
.pair-loans-top p           {font-size:15px;line-height: 25px;}
.pair-loans-top a           {font-size:15px;}
.pair-loans-top em            {font-size:15px;line-height: 25px;}
.pair-loans-top             {width:auto;}
.pair-bottom              {width:300px;padding:0;}
.pair-bottom-left           {width:300px;}
.cars-finance             {width:300px;}
.cars-finance ul li a         {width:300px;}
.cars-finance ul            {padding:0;}

table {
    display: block;
    margin: 0px auto;
}

td {
    display: block;
    width: auto;
    font-size: 13px;
}

.contact-table a {
    font-size: 13px;
}

.main-in-left ul {
  margin: 0;
}

.online-1 {
    width: 100%;
    padding: 7px 0px 10px;
    top: 92px;
    background: transparent none repeat scroll 0% 0%;
    border-radius: 0px;
    right: 0px;
    position: static !important
}

.side-contact {
    background: url("../images/right-line.png") repeat-x scroll 0% 0% #202020;
    border-radius: 4px;
    padding: 16px 24px 24px;
    color: #FFF;
    margin:0;
}

.contact-table td {
    display: block;
    width: auto;
    font-size: 13px;
}
.contact-table th,.contact-table p {
    font-size: 13px;
    line-height: 22px;
}

.loan-division {
    width: 90%;
}

.pair-loans-top span {
    width: 100%;
}

#caption {
  display: none;
}
/* ------------------ Application --------------------------*/
#application{
  font-size:13px;
}
.backgrounded{
  padding-left:15px;
  padding-right:15px;
}
.check-div{
  display:block;
  float:none;
}
#accordion h3{
  display:block;
  margin:0;
  padding:15px 0;
  background-color:#fff;
  text-align:center;
}
#application #logo,
#caption{
  float:none;
  margin:0 auto;
  text-align:center;
  width: 100%;
}
.top-stripe{
  padding-top:12px;
  padding-bottom:12px;
}
.top-stripe .inner-wrap{
  font-size:14px;
  text-align:center;
}
.top-stripe .left{
  float:none;
  padding:0 36px;
}
.top-phone{
  display:block;
  margin-top:.5em;
  margin-left:0;
}
.top-phone span{
  padding:12px 16px 13px 43px;
  background-position:13px center;
}
.top-stripe .close-top{
  position:absolute;
  right:0;
  top:4px;
}

#top-ctc{
display: block;
position: absolute; 
width: 100%; 
padding-top: 8px;
}

#step-desc{
  float:none;
  width:auto;
  padding:20px 30px;
  background-color:#d1d0d1;
  background-image:none;
  font-size:14px;
  line-height:22px;
  text-align:center;
}

.block2 ul li {
    background: url("../images/yellow-tick1.png") no-repeat scroll left center transparent;
    display: block;
    padding: 10px 0px 10px 27px;
}

.extra-caption{
  display:none;
}
#steps{
  width:100%;
}
#steps ol li{
  width:33.33333%;
  margin-right:0;
  background-image:none;
  font-size:12px;
  line-height:18px;
}
#steps ol li span{
  padding:74px 10px 18px;
  text-align:center;
  background-position:center 18px;
}
#steps ol .step1 span{
  background-image:url(../images/application/icon_1_disabled_sm.png);
}
#steps ol .step2 span{
  padding-right:10px;
  background-image:url(../images/application/icon_2_disabled_sm.png);
}
#steps ol .step3 span{
  background-image:url(../images/application/icon_3_disabled_sm.png);
}
#steps ol .step1.active span{
  background-image:url(../images/application/icon_1_sm.png);
}
#steps ol .step2.active span{
  background-image:url(../images/application/icon_2_sm.png);
}
#steps ol .step3.active span{
  background-image:url(../images/application/icon_3_sm.png);
}
#content{
  padding:10px;
  background-color:#eaeaea;
}
#accordion .panel-title{
  font-size:19px;
}
#accordion .panel-title .title{
  padding:18px 65px 18px 71px;
}
#accordion .no{
  display:none;
}
#accordion .panel-body{
  padding:0;
}
#type-wrap{
  margin-bottom:0;
  font-size:13px;
  text-align:center;
}
#accordion fieldset p{
  padding:0 32px;
  border-bottom:0 none;
  font-size:15px;
  text-align:center;
}
#type-wrap .check-div{
  font-size:20px;
}
#proceed,
#accordion fieldset #proceed{
  margin-bottom:0;
  padding:0 4% 4%;
  background-color:#fff;
  font-size:28px;
}
#application .bt{
  display:block;
  width:100%;
  font-size:11px;
  line-height:18px;
  text-align:left;
}
#application #basic-bt,
#application #full-bt{
  margin:0;
}
#application .bt .inner{
  padding-left:62px;
  background-position:15px 19px;
  background-size:13% auto;
}
#application #basic-bt .inner{
  padding-right:10px;
}
#application .bt strong{
  line-height:30px;
}
.label-div,
.field-div,
.col-xs-12 .label-div,
.col-xs-12 .field-div{
  display:block;
  float:none;
  width:100%;
  text-align:left;
}

input, textarea, select, #application select {
    width: 100%;
}

#choice_business {
    float: left;
}

#choice_personal  {
  float: left;
  margin-top: 1em;
  margin-left: 0 !important;
  margin-bottom: 10px;
}

input[type="button"].continue_form, input[type="button"].call_form {
    max-width: 100%;
    font-size: 9px;
}

input[type="button"].submit_form {
  max-width: 100%;
  font-size: 13px;
}

input[type="button"].call_form {
    float:left;
    margin-left: 0 !important;
}

#application .field-xs {
    max-width: 49.8%;
    float: left;
    margin: 0 !important;
}

.options {
    margin-left: 0 !important;
    width: 33.3% !important;
}

.label-div {
    margin-top: 43px !important;
}
#first_label {
  margin-top: 0 !important;
}

.header, .inner-wrap {
    width: 90%;
    position: relative;
    margin: 0px auto;
}

.top-stripe .inner-wrap {
    font-size: 14px;
    text-align: center;
}

.or {
    display: none !important;
}

#choice_business {
    margin-left: 0px !important;
}

#application fieldset {
    padding: 0px !important;
}


/* Top Banner ***************/
.carousel-caption {
  position: static;
  padding-top: 20px;
  padding-bottom: 20px;
  margin: 20px;
  color: #fff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0,0,0,.6);
}

.loan select {
  width: 100%;
}

.carousel-caption h2 {
  font-family: "Roboto",sans-serif;
  font-size: 2em;
  line-height: 11px;
  text-align: left;
  text-transform: uppercase;
  line-height: auto;
}


#cash {
  max-width: 300px !important;
  height: auto !important;
  margin: 2px auto;
}

.online-1 p {
    padding: 0;
}

#cashback {
  margin: 0px auto;
  width: 100%;
  display: block;
  float: none;
  text-align: center;
}

.private-left {
  width: 300px;
  background: #E4E4E4 url("../images/private-sale.png") no-repeat scroll right bottom;
  border-radius: 3px;
  padding: 0px 0px 18px;
  margin: 20px auto;
}

p.radio_button {
  line-height: 34px;
}

.promotion img {
    margin: 10px;
    padding-left: 0px;
}

input.call_form {
  font-size: 9px;
  margin-left: 0px;
  margin-top: 10px;
}

input {
  font-size: 10px !important
}

}