@media only screen and (min-width: 1025px) and (max-width: 1053px) {

   .hero-sec h1 .big {
     font-size: calc(60px * .9);
   }

   .hero-sec h1 .med {
     font-size: calc(51px * .9);
   }

   .hero-sec h1 .small {
     font-size: calc(35px * .9);
   }
 }

 @media (max-width: 1024px) {
   /* .mob-text {
     margin-left: -50px !important;
   } */

   .hero-inner {
     height: 150px;
   }

   .hero-sec h1 .big {
     font-size: calc(60px * .7);
   }

   /* .hero-sec h1 .med {
    font-size: calc(51px * .7);
  } */
   .hero-sec h1 .med {
     font-size: calc(51px * .7);
   }

   .hero-sec h1 .small {
     font-size: calc(35px * .7);
   }

   /* .hero-sec h1 .small {
    font-size: calc(35px * .7);
  } */
   .hero-sec p .big {
     font-size: calc(59px * .7);
   }

   .hero-sec p .med {
     font-size: calc(48px * .7);
   }

   .hero-sec p .small {
     font-size: calc(29px * .7);
   }

   .plates-rating li {
     max-width: 100%;
   }

   .plates-listing {
     max-width: 100%;
   }

   .plates-listing img {
     margin-left: auto;
     margin-right: auto;
   }
 }

  @media (max-width: 1169px){
     .countdown-bar{
      left:0% !important;
     }
  }

 .countdown-bar {
   color: white;
   font-weight: bold;
   font-size: 20px;
   /* padding: 12px 20px; */
   text-align: center;
   position: relative;
   left:7%;
   padding: 0px 20px 20px;
 }

 .countdown-bar span {
   color: #ffcc00;
   font-weight: bold;
   font-size: 24px;
   margin-left: 8px;
 }

 @media (max-width: 768px) {

   .builder {
     padding: unset !important;
   }

   .footer-left,
   .footer-center,
   .footer-right {
     width: 50%;
     padding-left: 0;
   }

   .footer-right {
     text-align: left;
   }

   .mobile-countdown-bar {
     background-color: #e9e9e9;
     /* light grey background */
     color: black;
     font-weight: bold;
     font-size: 16px;
     /*padding: 10px 16px;*/
     text-align: center;
     font-family: Arial, sans-serif;
     display: none;
     /* default hidden */
   }

   .mobile-countdown-bar span {
     font-weight: bold;
     font-size: 24px;
     margin-left: 8px;
   }

   #mobileCountdownBar {
     display: block !important;
   }

   #countdownBar {
     display: none !important;
   }

   .desktopusps {
     display: none !important;
   }

   .site-content h1 {
     font-size: 40px;
   }
 }

 @media (max-width: 767px) {

   .med,
   .small,
   .big {
     color: white !important;
   }

   .custom-color-small {
     color: #ffc10a !important;
   }

   /* .hero-inner h1 {
    margin-left: -30px !important;
  } */

   .header {
     padding: 12px 0;
   }

   .header #logo {
     width: 180px !important;
   }

   .navbar ul li {
     font-size: 14px;
   }

   .hero-inner {
     justify-content: center;
     height: 100px;
   }

   .h1-desk,
   .hero-sec p {
     display: none;
   }

   .h1-mob {
     display: block;
   }

   .hero-img {
     order: 1;
   }

   .hero-sec h1 {
     order: 2;
   }

   .hero-sec h1 .big {
     font-size: 30px;
   }

   .hero-sec h1 .highlight {
     /* font-size: 33px; */
     font-size: 38px;
   }

   .footer-inner {
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
   }

   .footer-left,
   .footer-center,
   .footer-right {
     width: 100%;
     padding-left: 0;
   }
 }

 @media (max-width: 480px) {
   /* .header .logo {
     width: 100px !important;
   } */

   .navbar ul li {
     font-size: 12px;
   }

   /* .hero-inner {
     zoom:  0.3;
   } */
 }

 @media only screen and (min-width: 1061px) and (max-width: 1169px) {
   .headright {
     width: 110px;
     float: right;
     margin-top: 25px;
   }
 }

 @media only screen and (min-width: 900px) and (max-width: 1069px) {
   .headright {
     width: 110px;
     float: right;
     margin-top: 25px;
   }

   .contactinfo {
     display: none;
   }
 }

 @media only screen and (min-width: 1170px) {
   .headright {
     width: 309px;
     float: right;
   }

 }

 @media only screen and (min-width: 325px) and (max-width: 899px) {
   .contactinfo {
     display: none !important;
   }
 }

 @media (min-width: 767px) {
   .mobile-countdown-bar {
     display: none !important;
   }

 }

 @media (max-width: 768px) {

   .hero-sec {
     height: unset !important;
   }

 }

 @media only screen and (min-width: 790px) and (max-width: 1100px) {
   .hero-sec h1 .small-4d {
     font-size: 35px !important;
   }

   .hero-sec p .small-4d {
     font-size: 35px !important;
   }

   .hero-sec h1 .med-3d {
     font-size: 35px !important;
   }

   .hero-sec h1 .small-3d {
     font-size: 28px !important;
   }

   .hero-sec p .small-3d {
     font-size: 28px !important;
   }

   .hero-sec h1 .motor-small {
     font-size: 27px !important;
   }

   .hero-sec p .motor-small {
     font-size: 27px !important;
   }

 }

 @media (max-width: 768px) {
   .hero-sec h1 .motor-small {
     font-size: 23px !important;
   }

   .hero-sec h1 .motor-med {
     font-size: 20px !important;
   }

   /* .med-d-3d{
    font-size: 10px !important;
  } */
 }

 @media only screen and (min-width: 766px) and (max-width: 1100px) {
   .small-index {
     font-size: 25px !important;
   }
 }

 @media (max-width: 361px) {
   .hero-sec h1 .big-4d {
     font-size: 25px;
   }


 }

 @media (max-width: 767px) {
   .hero-sec-under {
     display: block !important;
   }

   .entry-header .entry-title {
     font-size: 30px !important;
   }

   /* .hero-sec-under .h1-4d {
    margin-left: -100px !important;
  } */
 }

 @media (max-width: 768px) {
   .cpd-header-basket {
     margin-top: -35px !important;
     margin-right: 20px;
   }

   .navbar {
     padding: 2px !important
   }

   .mobile-countdown-bar {
     padding: 0 !important;
   }

   .img-motorcycle-banner{
    position: relative;
    left: -10% !important;
   }



 }

 @media only screen and (min-width: 316px) and (max-width: 373px) {
   .small-index {
     font-size: 23px !important;
   }

   .hero-sec h1 .highlight {
     font-size: 25px !important;
   }

 }


 @media (max-width: 316px) {
   .small-index {
     font-size: 17px !important;
   }

   .hero-sec h1 .highlight {
     font-size: 18px !important;
   }

 }


 @media (max-width: 324px) {

   .contactinfo {
     width: unset !important;
     display: none !important;
   }

 }


  @media (max-width: 372px) {
       .mobile-countdown-bar span {
        font-size: 15px !important;
      }
       .mobile-countdown-bar {
        font-size: 15px !important;
      }
 }

   @media (max-width: 319px) {
        .mobile-countdown-bar span {
        font-size: 13px !important;
      }
       .mobile-countdown-bar {
        font-size: 13px !important;
      }

   }

 @media only screen and (min-width: 768px) and (max-width: 1025px) {
      .hero-inner .img-banner-custom-pages{
        max-width: 370px !important;
        height: 100% !important;
      }
   }

   @media only screen and (min-width: 500px) and (max-width: 768px) {
      .hero-inner .img-banner-custom-pages{
        max-width: 270px !important;
        height: 100% !important;
      }
   }

      @media  (max-width: 500px) {
      .hero-inner .img-banner-custom-pages{
        max-width: 170px !important;
        height: 100% !important;
      }
   }