@media(min-width:1921px) {

  .toyato { position: relative; height: calc(100vh - 279px); display: flex; align-items: center;  }
  .toyato-inner { display: flex; justify-content: space-around; align-items: center; width: 100%; }
  .toyato-inner .toyato-item img{ scale: 1.4; }

}
@media(min-width:1801px) and (max-width:1920px){
  .toyato { position: relative; height: calc(100vh - 294px); display: flex; align-items: center;  }
  .toyato-inner { display: flex; justify-content: space-around; align-items: center; width: 100%; }
}
@media(max-width:1920px){
  .toyato-inner .toyato-item:nth-child(1) .toyato-box .right-box { position: absolute; /* width: 259px; */ right: 9px; top: 28px; }
    .toyato-inner .toyato-item .toyato-box .right-box { position: absolute; right: -11px; top: 28px; }
    .heading h1 { color: #000; text-align: center; letter-spacing: -5px; line-height: 0.75; font-size: 5.5vw; }
    .toyato-inner{ padding: 0 0 ; }
    .heading { padding: 18px 103px 14px; }
    .contact-bg { background-color: #ef4023; clip-path: polygon(0 calc(100% - 159px), 100% 0, 100% 100%, 0% 100%); padding: 0px 0 4px; position: relative; }
    .toyato-img { max-width: 380px; width: 100%; margin: 0 auto 0 0; /* margin-left: auto; */ }
    .sale{ top: -43px; }
    .toyato-card::before { content: ''; position: absolute; width: 337px; background-image: url(../images/before-img.png); background-position: center; height: 163px; background-size: contain; background-repeat: no-repeat; bottom: 24px; left: -134px; }
    .contact-from h2 { color: #fff; padding: 86px 0 0; text-align: right; font-family: var(--font-semibold); line-height: 0.75; letter-spacing: -0.4px; }
    .toyato { padding: 32px 26px 0; }
    .toyato-inner { padding: 0px 0 0; display: flex; padding: 0 0 0; justify-content: space-around; align-items: flex-start; }
    .whatsapp-icon {width: 50px; left: 10px; bottom: 10px;}

}

@media(max-width:1800px){
    h1,.h1 {font-size:151px;}
h2,.h2 {font-size:52px;}
h3,.h3 {font-size:45px;} 
h4,.h4 {font-size:34px;}
h5,.h5 {font-size: 25px;}
h6,.h6 {font-size: 25px;}
    .toyato-img { max-width: 390px; width: 100%; margin: 0 155px 0 0; }
    .heading h1 { font-size: 5.4vw; }
     .toyato-inner .toyato-item .toyato-box .right-box { position: absolute; right: -41px; top: 16px; }
     .toyato-inner .toyato-item:nth-child(2) .toyato-box .right-box .border-red { width: 194px; margin: 13px 42px 0 0; }
     .toyato-inner .toyato-item:nth-child(1) .toyato-box .right-box .border-red{ margin: 15px 33px 0 0px;  }
     .contact-bg { background-color: #ef4023; clip-path: polygon(0 calc(100% - 159px), 100% 0, 100% 100%, 0% 100%); padding: 22px 0 4px; position: relative; }
     .sale{    top: -41px; left: 281px;  }
     .contact-from { max-width: 1153px; width: 100%; }
     .toyato-inner .toyato-item:nth-child(1) .toyato-box .right-box { position: absolute; /* width: 259px; */ right: -14px; top: 28px; }
     .contact-from .from .contact-filed input { width: 100%; padding: 12px 20px; font-size: 27px; background-color: #fff; border: 0; color: #000; font-family: var(--font-bold); }

     .toyato-card::before{ width: 287px; bottom: 0; left: -94px; }
     .toyato { padding: 0px 26px 0;  height: calc(100vh - 242px); display: flex; align-items:center;}
     .contact-from h2 { color: #fff; padding: 26px 0 0; text-align: right; font-family: var(--font-semibold); line-height: 0.75; letter-spacing: -0.4px; }

    .whatsapp-icon {width: 50px; left: 10px; bottom: 10px;}

    }



@media(max-width:1690px){ 
    .heading h1 { font-size: 140px; line-height: 104px; } 
 .toyato-img { max-width: 356px; width: 100%; margin: 0 102px 0 0; }
    .toyato-inner .toyato-item .toyato-box .right-box { position: absolute; right: -57px; top: 16px; }
    .toyato-item:nth-child(2) .toyato-img { margin: 0 143px 0 0;}
    .contact-from .checkbox{ padding: 0;  }
    .contact-from .checkbox input[type="checkbox"] { z-index: 1; height: 15px; width: 15px; position: absolute; top: 12px; left: 249px; opacity: 0; }
    .heading h1 { font-size: 4.6vw; line-height: 0.8; top: 90px; }
    .toyato-inner { padding: 0 0 0; align-items: center;}
    .contact-bg { background-color: #ef4023; clip-path: polygon(0 calc(100% - 159px), 100% 0, 100% 100%, 0% 100%); padding: 0px 0 4px; position: relative; }
    .toyato-inner .toyato-item:nth-child(3) .toyato-box .right-box { right: 40px; }
    .sale { top: -54px; left: 285px; }
    .whatsapp-icon {width: 50px; left: 10px; bottom: 10px;}

    .toyato-card::before { width: 287px; bottom: 14px; left: -94px; transform: scale(0.7);}
    .toyato-inner .toyato-item { /*max-width: 808px;*/ max-width: 46%; width: 100%; position: relative; text-align: left; margin-bottom: 0; position: relative; bottom: -50px; left: 6px; }
    .toyato-card { /*max-width: 544px;*/ max-width: 28%; width: 100%; position: relative; }
    .contact-from h2 { color: #fff; padding: 58px 0 0; font-size: 47px; text-align: right; font-family: var(--font-semibold); line-height: 0.75; letter-spacing: -0.4px; }
    .toyato { padding: 0px 26px 0; display: flex; align-items: center;height: calc(100vh - 245px);}
    
   /*thank you page css--
      .heading.thank-you .heading h1 { font-size: 140px; line-height: 104px; } 
      .toyato.thank-you .toyato-img { max-width: 356px; width: 100%; margin: 0 102px 0 0; }
      .toyato.thank-you .toyato-inner .toyato-item .toyato-box .right-box { position: absolute; right: -57px; top: 16px; }
      .toyato.thank-you .toyato-item:nth-child(2) .toyato-img { margin: 0 143px 0 0;}
      .thank-you-contact .contact-from .checkbox{ padding: 0;  }
      .thank-you-contact .contact-from .checkbox input[type="checkbox"] { z-index: 1; height: 15px; width: 15px; position: absolute; top: 12px; left: 249px; opacity: 0; }
      .heading.thank-you .heading h1 { font-size: 6vw; line-height: 0.7; }
      .toyato.thank-you .toyato-inner { padding: 0 0 0; }
      .contact-bg { background-color: #ef4023; clip-path: polygon(0 calc(100% - 159px), 100% 0, 100% 100%, 0% 100%); padding: 0px 0 4px; position: relative; }
      .toyato.thank-you .toyato-inner .toyato-item:nth-child(3) .toyato-box .right-box { right: 40px; }
      .thank-you-contact .sale { top: -54px; left: 285px; }*/


}
@media(max-width:1620px) and (min-width:1576px){
  .toyato-card { /*max-width: 427px;*/ max-width: 31%; width: 100%; position: relative; line-height: 1; }
  .toyato-inner .toyato-item { /*max-width: 728px;*/ max-width:45%; width: 100%; position: relative; text-align: left; margin-bottom: 0; position: relative; bottom: 0; left: 6px; }
  .toyato-card::before { width: 287px; bottom: 0px; left: -94px; }
  .heading h1 { font-size: 4.7vw; line-height: 0.8; top: 95px; padding: 0 20px;}
  .toyato { padding: 29px 26px 0; }
      .whatsapp-icon {width: 50px; left: 10px; bottom: 10px;}

}


@media(max-width:1575px){  
    h1,.h1 {font-size:151px;}
    h2,.h2 {font-size:39px;}
    h3,.h3 {font-size:45px;} 
    h4,.h4 {font-size:34px;}
    h5,.h5 {font-size: 23px;}
    h6,.h6 {font-size: 25px;}
    .heading h1 { font-size: 5.2vw; line-height: 0.8; }
    .star-img { padding: 0 5px; width: 73px; }
    .toyato-inner .toyato-item:nth-child(1) .toyato-box .right-box { position: absolute; /* width: 259px; */ right: -42px; top: 28px; }
    .toyato-inner .toyato-item:nth-child(1) .toyato-box .right-box .border-red { margin: 15px 0px 0 0px; }
    .toyato-inner .toyato-item .toyato-box .right-box { position: absolute; right: -31px; top: 16px; } 
    .toyato-inner .toyato-item:nth-child(2) .toyato-box .right-box .border-red { width: 194px; margin: 13px 15px 0 0; }
    .contact-from { max-width: 1043px; width: 100%; }
    .contact-from .from .contact-filed input { width: 100%; padding: 10px 20px; font-size: 27px; background-color: #fff; border: 0; color: #000; font-family: var(--font-bold); }
    .sale { top: -41px; left: 291px; }
    .contact-bg { background-color: #ef4023;  clip-path: polygon(0 calc(100% - 148px), 100% 0, 100% 100%, 0% 100%); padding: 25px 0 4px; position: relative; }
    .contact-from .checkbox { text-align: left; font-size: 22px; font-family: var(--font-regular); padding-left: 0px; color: #fff; }
    .contact-from .checkbox input[type="checkbox"]{left: 212px;}
    .toyato-img { max-width: 350px; width: 100%; margin: 0 99px 0 0; }
    .heading { padding: 13px 110px 6px; }
    .toyato-card { /*max-width: 504px;*/ max-width:32%; width: 100%; position: relative; }
    .toyato-card::before { width: 237px; bottom: -11px; left: -84px; transform: scale(0.8);}
    .toyato { padding: 0 26px 0;     height: calc(100vh - 217px); }
    .heading { padding: 0; }
        .whatsapp-icon {width: 50px; left: 10px; bottom: 10px;}

    .contact-from h2 { color: #fff; padding: 10px 0 0; text-align: right; font-family: var(--font-semibold); line-height: 0.75; letter-spacing: -0.4px; }
  }


  @media(max-width:1505px) and (min-width:1401px){ 
    .heading h1 {font-size: 5.4vw; line-height: 0.8; top: 88px; }
    .contact-from { max-width: 973px; width: 100%; }
    .toyato-card::before {transform: scale(0.8);}
    .toyato-inner .toyato-item { /*max-width: 768px;*/ max-width: 50%; width: 100%; position: relative; text-align: left; margin-bottom: 0; position: relative; bottom: 0; left: 6px; }
    .toyato-card { /*max-width: 494px;*/ max-width: 32%; width: 100%; position: relative; top: 0px; }
  }

  @media(max-width:1400px){
    h1,.h1 {font-size:151px;}
    h2,.h2 {font-size:46px;}
    h3,.h3 {font-size:45px;} 
    h4,.h4 {font-size:34px;}
    h5,.h5 {font-size: 22px;}
    h6,.h6 {font-size: 25px;}
    .toyato-img { max-width: 360px; width: 100%; margin: 0 102px 0 0; } 
    .toyato-inner .toyato-item:nth-child(2) .toyato-box .right-box .border-red { width: 194px; margin: 3px 21px 0 0; }
    .heading h1 { font-size: 6.5vw; line-height: 0.7; }
    .toyato-card { max-width: 494px; width: 100%; position: relative; }
    .contact-from { max-width: 983px; width: 100%; }
    .toyato-inner .toyato-item{ left: 0; }
    .whatsapp-icon {width: 50px; left: 10px; bottom: 10px;}

  }


  @media(max-width:1375px){
    h1,.h1 {font-size:151px;}
    h2,.h2 {font-size:42px;}
    h3,.h3 {font-size:45px;} 
    h4,.h4 {font-size:34px;}
    h5,.h5 {font-size: 21px;}
    h6,.h6 {font-size: 25px;}
    .heading h1 { font-size: 5.1vw; line-height: 0.75; top: 72px;}
    .toyato-img { max-width: 300px; width: 100%; margin: 0 102px 0 0; }
    .toyato-inner .toyato-item:nth-child(2) .toyato-box .right-box .border-red { width: 181px; margin: -2px 27px 0 0; }
    .sale { top: -41px; left: 291px; width: 150px; height: 150px;}
    .sale h3 { font-size: 65px; font-family: var(--font-bold); line-height: 60px; text-align: center; rotate: -15deg; }
    .contact-logo { max-width: 257px; padding: 0 0 20px; width: 100%; display: flex; align-items: end; justify-content: center; }
    .contact-from { max-width: 913px; width: 100%; }
    .contact-from .from .contact-filed input { width: 100%; padding: 10px 20px; font-size: 21px; background-color: #fff; border: 0; color: #000; font-family: var(--font-bold); }
    .contact-from .from .contact-filed.submit input { padding: 13px 20px; background-color: #000; font-size: 22px; color: #fff; line-height: 1; border: 1px solid #0000; transition: all 0.5s; }
    .contact-from .checkbox { text-align: left; font-size: 19px; font-family: var(--font-regular); padding-left: 0px; color: #fff; }
    .contact-from h2{ padding:14px 0 0;  }
    .star-img { padding: 0 5px; width: 63px; }
    .toyato-inner .toyato-item .toyato-box .right-box { position: absolute; right: -11px; top: 16px; }
    .toyato-inner .toyato-item:nth-child(2) .toyato-box .right-box .border-red { width: 169px; margin: -2px 17px 0 0; }
    .contact-from .checkbox input[type="checkbox"] { left: 184px; }
    .whatsapp-icon {width: 50px; left: 10px; bottom: 10px;}


    .contact-bg { background-color: #ef4023; clip-path: polygon(0 calc(100% - 168px), 100% 0, 100% 100%, 0% 100%); padding: 25px 0 4px; position: relative; }
    .toyato { padding: 31px 11px 0; }
    .toyato-card { max-width: 394px; width: 100%; position: relative; }
    .toyato-inner .toyato-item { max-width: 568px; width: 100%; position: relative; text-align: left; margin-bottom: 0; position: relative; bottom: 0; left: 6px; }
    .toyato-card::before { width: 227px; bottom: 0px; left: -94px; transform: scale(0.9);}

  }
   
  @media (max-width:1280px) {
    .heading h1 {font-size: 5.6vw;}
 }

   @media(max-width:1366px) and (min-width:1200px){
    .heading h1 { font-size: 5.6vw; line-height: 0.75; }
    .contact-from h2 { padding: 41px 0 0; font-size: 30px; }
    .toyato-card::before { width: 187px; bottom: 34px; left: -54px; }
    .toyato-card { max-width: 394px; width: 100%; position: relative; }
    .toyato-inner .toyato-item { left: 0; /* border: 0; */ bottom: 0px; }
    .toyato-inner { padding: 0 0 0; align-items: center; }
    .contact-from { max-width: 803px; width: 100%; line-height: 1; }
    .toyato-inner .toyato-item {line-height: 1; max-width: 618px; width: 100%; position: relative; text-align: left; margin-bottom: 0; position: relative; bottom: 0; left: 0px; }
    .toyato-card::before { width: 247px; bottom: -16px; left: -84px; left: -80px; transform: scale(0.7);}
    .contact-bg { background-color: #ef4023;     clip-path: polygon(0 calc(100% - 128px), 100% 0, 100% 100%, 0% 100%); padding: 0 0 4px; position: relative; }
    .toyato { padding: 0px 11px 0; height: calc(100vh - 199px); display: flex; align-items: center; }
    .contact-from h2 { padding: 54px 0 0; font-size: 40px;}
    .contact-from .checkbox { text-align: left; font-size: 16px; font-family: var(--font-regular); padding-left: 0px; color: #fff; }
    .contact-from .from .contact-filed input { width: 100%; padding: 4px 20px; font-size: 19px; background-color: #fff; border: 0; color: #000; font-family: var(--font-bold); }
    .contact-from .from .contact-filed.submit input { padding: 6px 20px; background-color: #000; font-size: 20px; color: #fff; line-height: 1; border: 1px solid #0000; transition: all 0.5s; }
    .contact-logo { max-width: 237px; padding: 0 0 0; width: 100%; display: flex; align-items: end; justify-content: center; }
    .contact-from .checkbox { text-align: left; font-size: 16px; font-family: var(--font-regular); padding-left: 0px; color: #fff; line-height: 1; padding: 10px 0;}
    .heading { padding: 0; }
    .contact-from .checkbox span::before { content: ''; position: absolute; width: 15px; height: 15px; right: -20px; top: 2px; background-color: #fff; }
    .contact-from .checkbox span::after {top: 3px;right: -16px}
    .contact-from .checkbox input[type="checkbox"] {left: 155px;} 
        .whatsapp-icon {width: 50px; left: 10px; bottom: 10px;}

   }

  @media(max-width:1199px){
    h1,.h1 {font-size:151px;}
    h2,.h2 {font-size:26px;}
    h3,.h3 {font-size:45px;} 
    h4,.h4 {font-size:34px;}
    h5,.h5 {font-size: 19px;}
    h6,.h6 {font-size: 25px;}
    .heading h1 { font-size: 83px; line-height: 61px; }
    .heading { padding: 0; }
    .toyato-img { max-width: 300px; width: 100%; margin: 0 52px 0 0; }
    .toyato-img { max-width: 260px; width: 100%; margin: 0 65px 0 0; }
    .star-img { padding: 0 5px; width: 67px; }
    .toyato { padding: 0 47px; }
    .right-text { display: block; }
    .toyato-item:nth-child(2) .toyato-img { margin: 0 83px 0 0; }
    .toyato-inner .toyato-item .toyato-box .right-box { position: absolute; right: -11px; top: 16px; z-index: 1; }
    .toyato-inner .toyato-item:nth-child(1) .toyato-box .right-box .border-red { margin: 0; position: absolute; top: 220px; text-align: center; font-size: 21px; }
    .toyato-inner .toyato-item:nth-child(2) .toyato-box .right-box .border-red {margin: 0; position: absolute; top: 230px; width: 200px; text-align: center; font-size: 21px; }
    .toyato { padding: 0px 27px 23px; height: calc(100vh - 182px); display: flex; align-items: center; }
    .toyato-inner .toyato-item:nth-child(1) .toyato-box .right-box { position: absolute; /* width: 259px; */ right: -22px; top: 28px; }
    .contact-from { max-width: 603px; width: 100%; }
    .contact-from .checkbox input { transform: scale(1.1); margin: 0 5px; }
    .contact-from .from .contact-filed input { width: 100%; padding: 7px 7px; font-size: 19px; background-color: #fff; border: 0; color: #000; font-family: var(--font-bold); }
    .contact-from .from .contact-filed.submit input { padding: 10px 14px; background-color: #000; font-size: 21px; color: #fff; line-height: 1; border: 1px solid #0000; transition: all 0.5s; }
    .contact-from .checkbox { text-align: left; font-size: 19px; font-family: var(--font-regular); padding-left: 0px; color: #fff; margin-left: -63px; }
    .contact-logo { max-width: 238px; padding: 0 0 20px; width: 100%; display: flex; align-items: end; justify-content: center; }
    .sale { top: -71px; left: 231px; width: 150px; height: 150px; }
    .toyato-inner { padding: 23px 0 0; align-items: center; }

    .toyato-card { max-width: 374px; width: 100%; position: relative; top:0px; }
    .toyato-card::before { width: 177px; bottom: -25px; left: -30px; }
    .heading h1 { font-size: 6vw; line-height: 0.75; top: 70px; }
    .contact-from h2 { padding: 11px 0 0; font-size: 35px; }
    .contact-bg { background-color: #ef4023; clip-path: polygon(0 calc(100% - 128px), 100% 0, 100% 100%, 0% 100%); padding: 25px 0 4px; position: relative; }
    .toyato-inner .toyato-item { max-width: 568px; width: 100%; position: relative; text-align: left; margin-bottom: 0; position: relative; bottom: 0; left: 0; }
    .whatsapp-icon {width: 50px; left: 10px; bottom: 10px;}

  }
  @media(max-width:1086px){
    .heading h1 { font-size: 6.6vw; }
  } 
  @media(max-width:991px){
    h1,.h1 {font-size:151px;}
    h2,.h2 {font-size:33px;}
    h3,.h3 {font-size:45px;} 
    h4,.h4 {font-size:34px;}
    h5,.h5 {font-size: 30px;}
    h6,.h6 {font-size: 25px;}
    .heading h1 { font-size: 6.5vw; line-height: 0.75; top: 71px; }
    .heading h1 { font-size: 15vw; line-height: 0.8; top: 124px; }
    .toyato-inner .toyato-item { max-width: 100%; width: 100%; position: relative; text-align: left; bottom: 0; left: 0; }
    .toyato-img { max-width: 50%; width: 100%; margin: 0 au 0 0; margin: 0 auto 0 0; z-index: 2; }
    .right-text { display: flex; }
    .toyato-inner .toyato-item:nth-child(1) .toyato-box .right-box { position: absolute; /* width: 259px; */ right: 58px; top: 28px; }
    .star-img { padding: 0 5px; width: 107px; }
    .toyato-inner .toyato-item .toyato-box .right-box .border-red p { margin: 0; font-size: 19px; font-family: var(--font-regular); }
    .toyato-inner .toyato-item .toyato-box .right-box { position: absolute; right: -11px; top: 16px; z-index: -2; }
    .toyato-inner .toyato-item:nth-child(1) .toyato-box .right-box .border-red { margin: 0; position: absolute; top: 130px; left: -60px; text-align: center; font-size: 21px; width: 260px; /* z-index: -7; */ }
    .toyato-item:nth-child(2) .toyato-img { margin: 0 0 0 0; }
    .toyato-inner .toyato-item:nth-child(2) .toyato-box .right-box { position: absolute; right: unset; left: 80px; top: 26px; z-index: -2; }
    .toyato-inner .toyato-item:nth-child(2) .toyato-box .right-box .border-red {margin: 0; position: absolute; top: 150px; left: 70px; width: 240px; text-align: center; font-size: 21px;}
    .toyato-inner .toyato-item:nth-child(2) .toyato-box .right-box .right-text { display: flex; flex-direction: row-reverse; }
    .contact-from { max-width: 100%; width: 100%; }
    .contact-inner { flex-wrap: wrap; }
    .contact-bg { background-color: #ef4023; clip-path: polygon(0 calc(100% - 298px), 100% 0, 100% 100%, 0% 100%); padding: 25px 0 4px; position: relative; }
    .toyato-inner .toyato-item:nth-child(3) .toyato-box .right-box { right: 60px; top: 49px; }
    .contact-from .from .contact-filed { max-width: 50%; width: 100%; padding: 10px 7px; }
    .contact-from .from{ flex-wrap: wrap; }
    .contact-from .checkbox { text-align: right; font-size: 29px; font-family: var(--font-regular); padding-left: 0px; color: #fff; margin-left: 0; }
    .contact-bg { background-color: #ef4023; clip-path: polygon(0 calc(100% - 468px), 100% 0, 100% 100%, 0% 100%); padding: 25px 0 4px; position: relative; }
    .contact-bg { background-color: #ef4023; clip-path: polygon(0 calc(100% - 388px), 100% 0, 100% 100%, 0% 100%); padding: 25px 0 4px; position: relative; }
    .sale { top: -96px; left: unset; right: 40px; width: 150px; height: 150px; }
    .sale h3 { font-size: 53px; font-family: var(--font-bold); line-height: 40px; text-align: center; rotate: -15deg; }
    .contact-logo { max-width: 278px; padding: 11px 0 20px; width: 100%; display: flex; margin: 0 auto; align-items: end; justify-content: center; }
    .contact-from .checkbox input[type="checkbox"] { left: 274px; }
    .contact-from .from .contact-filed.submit input:hover { background-color: transparent; border: 1px solid #fff; margin: 0 0 40px; }
    label.error { display: none; position: unset; width: 100%; bottom: -40px; left: -14px; color: #000; }
    .contact-bg.bg-from{ background-color: #ef4023; clip-path: polygon(0 calc(100% - 468px), 100% 0, 100% 100%, 0% 100%); padding: 25px 0 4px; }
    .contact-bg.bg-from .contact-from .from .contact-filed.submit input{ margin: 0 0 41px; }

    .toyato-inner .toyato-item .mobile-view{ display: block; width: 100%; }
    .toyato-inner .toyato-item .desktop-view{ display: none;}
    .toyato-inner { padding: 23px 0 0; display: block; text-align: center; }
    .toyato-card { max-width: 100%; width: 100%; position: relative; top: 0; }
    .heading { padding: 0px 110px 25px; }
    .toyato-card::before { width: 227px; bottom: -32px; left: auto; /* top: 0; */ right: -20px; transform: rotate(-106deg); }
    .toyato { padding: 5px 27px 23px; height: auto; }
      .whatsapp-icon {width: 50px; left: 10px; bottom: 10px;}

  }


  @media(max-width:991px) and ( min-width:791px){
    .heading h1 { font-size: 12vw; line-height: 0.8; top: 124px; width: 535px;  left: 0; right: 0; margin: 0 auto; }
  }



  @media(max-width:767px){ 
 .heading { padding: 33px 20px 18px; }
 .toyato { padding: 5px 10px 58px; }
 .heading h1 {font-size: 14vw; line-height: 61px; letter-spacing: -0.063rem; line-height: 0.8; font-family: var(--font-bold); top: 17vw;left: 4px;}
.mobile-text{ display: block;}
.mobile-view { display: block; font-size: 25px; text-align: center; }
.mobile-call { display: block; width: 94px; height: 100px; margin: -27px 0 0; }
.contact-from .checkbox p{ display: none; }
.contact-logo { display: block; padding: 21px 0px 7px; }
.heading { padding: 0px 20px 0px; }
.contact-bg { background-color: #ef4023; clip-path: polygon(0 calc(100% - 502px), 100% 0, 100% 100%, 0% 100%); padding: 25px 0 4px; position: relative; }
.contact-from .from .contact-filed { max-width: 100%; width: 100%; padding: 5px 7px; }
.contact-from .from .contact-filed input { width: 100%; padding: 2px 12px; font-size: 25px; border-radius: 0; background-color: #fff; border: 0; color: #000; font-family: var(--font-medium); }
.toyato-inner .toyato-item:nth-child(1) .toyato-box .right-box { position: absolute; /* width: 259px; */ right: 63px; top: 22px; }
.star-img { padding: 0 5px; width: 61px; position: absolute; top: 11px; right: -60px; }
.toyato-inner .toyato-item .toyato-box .right-box h5 { padding: 0 0 0 0; color: #000; font-family: var(--font-bold); text-align: right; letter-spacing: -1px; line-height: 1; font-size: 17px; }
.toyato-img { max-width: 60%; width: 100%; margin: 0 au 0 0; margin: 0 auto 0 0; z-index: 2; }
.toyato-inner .toyato-item .toyato-box .right-box .border-red p { margin: 0; font-size: 10px; font-family: var(--font-regular); }
.toyato-inner .toyato-item:nth-child(1) .toyato-box .right-box .border-red { margin: 0; position: absolute; top: 43px; left: -29px; text-align: center; font-size: 14px; width: 121px; padding: 9px 3px 8px 17px;}
.toyato-inner .toyato-item:nth-child(2) .toyato-box .right-box { position: absolute; right: unset; left: 52px; top: 62px; z-index: -2; }
.toyato-inner .toyato-item:nth-child(2) .toyato-box .right-box .border-red { margin: 0; position: absolute; top: 48px; left: 8px; width: 119px; text-align: center; font-size: 18px; padding: 9px 13px 9px 9px; }
.toyato-inner .toyato-item:nth-child(3) .toyato-box .right-box { right: 86px; top: 32px; }
.contact-from h2 { padding: 36px 0 0; text-align: center; font-size: 28px; line-height: 0.85;}
.contact-from .checkbox{ display: none; }
.mobile-text{ display: flex; padding: 6px 0; position: relative; }
.mobile-text span { font-family: var(--font-light); display: block; font-size: 19px;  line-height: 0.8; padding-right: 41px; width: 100%; color: #fff; padding-top: 5px; }
.contact-filed.submit { max-width: 70% !important; }
.contact-from .from .contact-filed.submit input { padding: 6px 6px; background-color: #000; font-size: 30px; color: #fff; line-height: 1; border: 1px solid #0000; transition: all 0.5s; font-family: var(--heading-font); }
.mobile-text input[type="checkbox"]{ z-index: 1;  height: 25px; width: 25px; position: absolute; top: 7px; right: 9px; opacity: 0;}
.mobile-text span::before{ content: ''; position: absolute; width: 25px; height:25px; right: 9px; top: 7px; background-color: #fff;}
.mobile-text span::after { content: ''; position: absolute; width: 9px; height: 20px; right: 17px; top: 7px; border-left: 3px solid #e3222e; border-top: 3px solid #e3222e; transform:rotate(-148deg); opacity: 0; } 
.mobile-text input[type="checkbox"]:checked + span::after { opacity: 1; }
.sale { top: -96px; left: unset; right: 10px; width: 150px; height: 150px; }
.contact-inner { padding: 0 23px; }
.toyato-inner .toyato-item { max-width: 100%; width: 100%; position: relative; text-align: left; padding: 0px 0; }
.logo-img { width: 70%; margin: 0 auto; }
.heading h1 strong { color: #ef4023; display: block; padding: 0 0 5px; }
.toyato-inner { padding: 12px 0 0; }
.toyato-inner .toyato-item:nth-child(2) .toyato-box .right-box .right-text { display: flex; flex-direction: row-reverse; padding: 0 0 0 16px; }
.toyato-inner .toyato-item:nth-child(2) .toyato-box .right-box .star-img { padding: 0 5px; width: 61px; position: absolute; top: 18px; right: unset; left: -43px; }

.sticky-btn{ display: none !important; transition: all 0.5s; display: block; position: fixed; bottom: 15px; text-align: center; left: 0; right: 0; background-color: #e3222e; border-radius: 30px; width: 180px; margin: 0 auto; text-align: center; }
.sticky-btn a{ color: #fff; font-family: var(--font-regular); }
.sticky-btn.remove { opacity: 0; }
label.error { display: none; position: initial; color: #000; font-size: 17px; }
.contact-bg.bg-from{background-color: #ef4023; clip-path: polygon(0 calc(100% - 661px), 100% 0, 100% 100%, 0% 100%);  }
.toyato-card::before { width: 144px; bottom: -50px; left: auto; /* top: 0; */ right: -20px; transform: rotate(-106deg); }
.contact-from h2 span { font-family: var(--font-bold); font-size: 30px; }
    .whatsapp-icon {width: 50px; left: 10px; bottom: 10px;}

.left-side-text { position: absolute; left: 6px; top: 13px; width: 9px;}

}

@media(max-width:500px){ 
  .contact-bg { background-color: #ef4023; clip-path: polygon(0 calc(100% - 516px), 100% 0, 100% 100%, 0% 100%); padding: 25px 0 4px; position: relative; }
 }


@media(max-width:374px){
  .toyato-img { max-width: 60%; width: 100%; margin: 0 au 0 0; margin: 0 auto 0 0; z-index: 2; }
  .toyato-inner .toyato-item:nth-child(1) .toyato-box .right-box .border-red { margin: 0; position: absolute; top: 43px; left: -25px; text-align: center; font-size: 13px; width: 120px; padding: 9px 3px 8px 26px;}
  .toyato-inner .toyato-item:nth-child(2) .toyato-box .right-box { position: absolute; right: unset; left: 32px; top: 50px; z-index: -2; }
  .toyato-inner .toyato-item:nth-child(2) .toyato-box .right-box .border-red {margin: 0; left: 10px; position: absolute; top: 39px; width: 111px; text-align: center; font-size: 18px; padding: 9px 4px 9px 9px;}
  .toyato-inner .toyato-item { max-width: 100%; width: 100%; position: relative; text-align: left; padding: 0px 0; }
  .toyato-inner .toyato-item:nth-child(3) .toyato-box .right-box { right: 67px; top: 32px; }
  .contact-bg { background-color: #ef4023; clip-path: polygon(0 calc(100% - 481px), 100% 0, 100% 100%, 0% 100%); padding: 25px 0 4px; position: relative; }
  .contact-filed.submit { max-width: 50% !important; }
  .mobile-text span::before { content: ''; position: absolute; width: 20px; height: 20px; right: 9px; top: 7px; background-color: #fff; }
  .mobile-text input[type="checkbox"] { z-index: 1; height: 20px; width: 20px; position: absolute; top: 7px; right: 9px; opacity: 0; }
  .mobile-text span { display: block; font-size: 15px; font-family: var(--font-regular); line-height: 0.8; padding-right: 40px; width: 100%; color: #fff; }
  .contact-from .from .contact-filed.submit input { min-width: 190px; }
  .mobile-call { display: block; width: 84px; height: 80px; margin: -27px 0 0; }
  .star-img { padding: 0 5px;  width: 47px; top: 11px; right: -51px; }
  .toyato-inner { padding: 0px 0 0; }
  .heading { padding: 0; }
  .contact-from h2 { padding: 36px 0 0; text-align: center; font-size: 26px; }
  .toyato-inner .toyato-item:nth-child(1) .toyato-box .right-box { position: absolute; /* width: 259px; */ right: 50px; top: 17px; }
  .sale { top: -96px; left: unset; right: 10px; width: 130px; height: 130px; }
  .toyato-inner .toyato-item:nth-child(2) .toyato-box .right-box .star-img { padding: 0 5px; width: 50px; position: absolute; top: 18px; right: unset; left: -36px; }
  .toyato-inner .toyato-item .toyato-box .right-box h5 { padding: 0 0 0 0; color: #000; font-family: var(--font-bold); text-align: right; letter-spacing: -1px; line-height: 1; font-size: 16px; }
  .mobile-text span::after { content: ''; position: absolute; width: 9px; height: 18px; right: 15px; top: 7px; border-left: 3px solid #e3222e; border-top: 3px solid #e3222e; transform: rotate(-148deg); opacity: 0; }
      .whatsapp-icon {width: 50px; left: 10px; bottom: 10px;}

}

@media(max-width:360px){
  .toyato-card { max-width: 100%; width: 100%; position: relative; margin: 0 auto; padding: 0 12px; }
  .heading h1 { font-size: 14vw; line-height: 61px; letter-spacing: -0.063rem; line-height: 0.8; font-family: var(--font-bold);  }
  .toyato-card::before {width: 114px; height: 166px; bottom: -60px; left: auto; /* top: 0; */ right: -13px; transform: rotate(-115deg);}
  .toyato { padding: 5px 10px 0; }
  .toyato-inner .toyato-item{ top: -15px; }
  .contact-from h2 { padding: 17px 0 0; text-align: center; font-size: 23px; line-height: 0.9; }
  .contact-from h2 span { font-family: var(--font-bold); font-size: 25px; }
  .contact-bg { background-color: #ef4023; clip-path: polygon(0 calc(100% - 468px), 100% 0, 100% 100%, 0% 100%); padding: 25px 0 4px; position: relative; }
  .whatsapp-icon {width: 50px; left: 10px; bottom: 10px;}

}