.site-navigation .main-menu li a
       {
           padding:0px 0px;
       }
       
    .site-navigation .main-menu li 
    {
    list-style: none;
    display: inline-block;
    padding: 0px 8px;
    position: relative;
}

        .dot {

           height: 40px;

  width: 40px;

  background-color: red;

  border-radius: 50%;

  display: inline-block;

        }

        .circle {

  border: 1px solid #CCC;

  border-radius: 19px;

  display: inline-block;

  transition: width 2s, height 2s;

}



.inner {

 

  border-radius: 15px;

  margin: 3px;

  height: 30px;

  width: 30px;

  transition: width .5s, height .5s;

}

.div2:hover {

    border-radius: 15px;

  margin: 3px;

  height: 40px;

  width: 40px;

}

.div2 title {

    position: absolute;

    top: 20px;

    background: silver;

    padding: 4px;

    left: 0;

    white-space: nowrap;

}

  .line{

width: 150px;

height: 7px;

border-bottom: 4px solid #4479d9;

position: relative;

}



    .b1

    {

    font-weight: 600;

    border-width: 1px;

    font-style: normal;

    margin: 0.6rem 0.6rem;

    white-space: normal;

    -webkit-transition: all 0.2s ease-in-out;

    transition: all 0.2s ease-in-out;

    display: -webkit-inline-box;

    display: -ms-inline-flexbox;

    display: inline-flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    word-break: break-word;

    background-color: #ff9966 !important;

    border-color: #ff9966 !important;

    color: #ffffff !important;

    line-height :40px !important;

    padding-left: 20px !important;

    padding-right: 20px !important;

    border-radius:10px;

    }

  
        .circle .inner.active {
    animation: ripple 1s linear infinite;
}


@keyframes ripple {
  0% {box-shadow: 0px 0px 0px 3px #ffffff, 0px 0px 0px 6px rgba(211,7,7,0.0);}
  50% {box-shadow: 0px 0px 0px 3px #ffffff, 0px 0px 0px 6px rgba(211,7,7,1);}
  100% {box-shadow: 0px 0px 0px 3px #ffffff, 0px 0px 0px 6px rgba(211,7,7,0);}
}																																											


@media (min-width: 768px) {
    .col-12 {
        text-align: left;
    }
}


    .priceButton
    {
        background-color:rgb(228, 63, 63);
        width: 40px;
        height: 40px;
        border-radius: 10px;
        box-shadow: 0 5px 3px 3px #e60000;
        padding-top:5px;
    }

       /*.site-navigation .main-menu li a#bookNow:hover*/
       /*{*/
       /*  -webkit-transition:none !important; */
       /*  transition:none !important;*/
       /*}*/
       
       
       
        .bookNow:hover
        {
            
            -webkit-transition:all 400ms;
            transition:all 400ms; !important;
        }
        
        
        
.main-container  section
{
    padding:20px 0px;
}

.scroll-to-top {
   position: fixed;
    bottom: 50px;
    right: 15px;
    width: 40px;
    height: 40px;
    color: #ffffff;
    font-size: 13px;
    text-transform: uppercase;
    line-height: 38px;
    text-align: center;
    z-index: 100;
    cursor: pointer;
    border-radius: 50%;
    background: black;
    display: none;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    transition: all 300ms ease;
}

.scroll-to-top:hover
{
     background: var(--main-color);
}

.cid-sdB6ASdxNI
{
    padding-top:3rem;
    padding-bottom:4rem;
}
    
.site-navigation .main-menu > li > a.bookNow:after
    {
        background: white; 
        height: 2px; width:0;
        position: absolute; bottom: 28px;
        content: ""; 
        left:5px;
        -webkit-transition:all 400ms; 
        transition:all 400ms;
        
    }
    
    .zoom:hover
    {
        transform : scale(1.1);
    }
    
     @media screen{

    #home {
        
        background-size: cover !important;
       
        
    }
  }
    
    
  @media (min-device-width: 250px) and (max-device-width: 490px) {

    #home {
        height: 48vh;
        width: 100vw;
        max-width: 100% !important;
        background-size: contain !important;
       background-position: center bottom !important;
        
    }
  }
  
  @media (min-device-width: 491px) and (max-device-width: 590px) {

    #home {
        height: 60vh;
        width: 100vw;
        max-width: 100% !important;
        background-size: contain !important;
       background-position: center bottom !important;
        
    }
  }
  /*@media (min-device-width: 591px) and (max-device-width: 1024px) {*/

  /*  #home {*/
  /*      height: 60vh;*/
  /*      width: 100vw;*/
  /*      max-width: 100% !important;*/
  /*      background-size: contain !important;*/
  /*      background-size: cover !important;*/
       
        
  /*  }*/
  /*}*/
   @media (device-width: 411px) and (device-height: 823px)   {

    #home {
        height: 41vh !important;
        width: 100vw;
        max-width: 100% !important;
        background-size: contain !important;
       background-position: center bottom !important;
        
    }
  }
  @media (device-width: 768px) and (device-height: 608px)   {

    #home {
        height: 92vh !important;
        width: 100vw;
        max-width: 100% !important;
        background-size: contain !important;
       background-position: center bottom !important;
        
    }
  }
  
  @media (device-width: 425px) and (device-height: 608px)   {

    #home {
        height: 56vh !important;
        width: 100vw;
        max-width: 100% !important;
        background-size: contain !important;
       background-position: center bottom !important;
        
    }
  }
  
  @media (device-width: 1024px) and (device-height: 810px)   {

    #home {
       
        background-size: contain !important;
        
    }
  }
   @media (device-width: 1024px) and (device-height: 1366px)   {

    #home {
        height: 41vh !important;
        width: 100vw;
        max-width: 100% !important;
        background-size: cover !important;
       background-position: center bottom !important;
        
    }
  }
   @media (device-width: 375px)  {

    #home {
        height: 38vh !important;
        width: 100vw;
        max-width: 100% !important;
        background-size: contain !important;
       background-position: center bottom !important;
        
    }
  }
   @media (device-width: 280px)  {

    #home {
        height: 38vh !important;
        width: 100vw;
        max-width: 100% !important;
        background-size: contain !important;
       background-position: center bottom !important;
        
    }
  }
  @media (device-width: 375px) and (device-height: 667px)  {

    #home {
        height: 46vh !important;
        width: 100vw;
        max-width: 100% !important;
        background-size: contain !important;
       background-position: center bottom !important;
        
    }
  }
  @media (device-width: 768px) and (device-height: 1024px)  {

    #home {
        height: 55vh !important;
        width: 100vw;
        max-width: 100% !important;
        background-size: contain !important;
       background-position: center bottom !important;
        
    }
  }
  
  @media (device-width: 320px) and (device-height: 640px)  {

    #home {
        height: 44vh !important;
        width: 100vw;
        max-width: 100% !important;
        background-size: contain !important;
       background-position: center bottom !important;
        
    }
  }
  
   @media (device-width: 320px) and (device-height: 608px)  {

    #home {
        height: 48vh !important;
        width: 100vw;
        max-width: 100% !important;
        background-size: contain !important;
       background-position: center bottom !important;
        
    }
  }
  
  @media only screen and (max-width: 991px){
.site-navigation .main-menu li a 
{
    line-height: 2.5;
}
}

@media only screen and (max-width: 991px){
.site-navigation {
    background: white;
}
}

@media only screen and (max-width: 767px)
{
h2.large-heading {
    font-size: 1.8rem;
}
}

.productImg:hover, .productName:hover .productImg
    {
        
        
        position: relative;
        animation: wheel 5s infinite ;
        
         
    }
    
  
   /*.productName:hover  */
   /* {*/
     
        /*position: relative;*/
        /*animation: wheel 5s infinite ;*/
   /*     background: red !important;*/
      
   /* }*/
    
  .productName:hover  + .productName
  {
      background: red !important;
  }
 
   
    @keyframes wheel
{
    from {left: 0px;}
  to {left: 200px;}
}

.scroll-to-top:hover
{
     background: red !important;
}


 .vechicleList:hover
 {
     border :1px solid red !important;
 }
 
 .zoom1:hover
 {
     transform : scale(1.1);
     text-decoration :none !important;
 }

  .blink {
      animation: blink 2s steps(5, start) infinite;
      -webkit-animation: blink 1s steps(5, start) infinite;
    }
    @keyframes blink {
      to {
        visibility: hidden;
      }
    }
    @-webkit-keyframes blink {
      to {
        visibility: hidden;
      }
    }
@media (device-width: 768px) 
{
.display-2 {
    font-size: 2rem !important;
   font-size: calc( 0.7rem + (3 - 1.7) * ((103vw - 17rem) / (48 - 20))) !important;
   line-height: calc( 1.3 * (1.7rem + (3 - 1.7) * ((45vw - 20rem) / (48 - 20)))) !important;
    }
    
    .display-7 {
    font-size: 0.96rem;
    font-size: calc( 1.07rem + (1.2 - 1.07) * ((16vw - 20rem) / (48 - 20))) !important;
    line-height: calc( 1.4 * (1.07rem + (1.2 - 1.07) * ((97vw - 20rem) / (48 - 20)))) !important;
    }
    .newLaunchVideo
    {
         height: 350.969px !important;
    }
   
    }
/*@media  (min-width: 320px) and (max-width: 768px)*/
/*{*/
/*  @keyframes wheel*/
/*  {*/

/*    from {left: 0px;}*/
/*  to {left: 50px;}*/
/*}*/
/*}*/