body {
    font-family: 'Roboto';
    font-family: sans-serif;    
}

@media (min-width: 1400px) {
  .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    max-width: 1400px;
  }
}


.scratch-container-nestle {
    position: absolute;
    top:50%;
    right:0;
    transform: translate(0, -50%);
    max-width: 90%;
}


.national-video:hover, .national-video:active, .national-video:focus{
    outline: 0;
    outline: none;
}
 
        /* Mcdonald container */
        .scratch-container {
            position: absolute;
            top: 55%;
            right:-15px;
            transform: translate(0, -50%);
            max-width: 90%;
        }
        
        
        /* Style the car image as needed */
        .scratch-container img, .scratch-container-nestle img{
            width: 100%;
            height: auto;
        }
        
        
     
        
         /* Background container */
        .bg1{
            background-image: url('../images/banner/home_bg.jpg');
            background-size: cover;
            background-position: center;
            height: 100vh;
            position: relative;
        }
        
      
      .bg2 {
            background-image: url('../images/banner/home_bg2.jpg');
            background-size: cover;
            background-position: center;
            height: 100vh;
            position: relative;
        }
              
       .bg3 {
            background-image: url('../images/banner/home_bg3.jpg');
            background-size: cover;
            background-position: center;
            height: 100vh;
            position: relative;
        }
        
        .logo-camry-container_int_ext {
            position: absolute;
            top:40%;
            right: 34%;
            transform: translate(0, -50%);
            max-width: 90%; 
        }
        
        
        .logo-camry-container_int_ext img {
            width: 100%;
            height: auto;
        }
        
        /* Car container */
        .logo-camry-container {
            position: absolute;
            top: 56%;
            right: 7%;
            transform: translate(0, -50%);
            max-width: 90%;
        }

        /* Style the car image as needed */
        .logo-camry-container img {
            width: 100%;
            height: auto;
        }
        
        
        /* Car container */
        .car-container {
            position: absolute;
            top: 88%;
            right: 0;
            transform: translate(0, -50%);
            max-width: 90%;
        }

        /* Style the car image as needed */
        .car-container img {
            width: 100%;
            height: auto;
        }
        
        
        
        .carshadow{
            position: absolute;
              top: 66%;
              right: 2%;
        }

        /* Color options */
        .color-options {
            position: absolute;
            top: 10px;
            left: 10px;
        }

        .color-option {
            width: 30px;
            height: 30px;
            margin-right: 5px;
            display: inline-block;
            cursor: pointer;
            border: 1px solid #fff;
        }       
        
          .color-option.selected {           
           border: 2px solid #fff;
        }       
        
        .carname{
         font-size:12px;
         color:#fff;
         margin-left:15px  ;
         margin-top: -5px;
        }
        
    
        /* btn container */
        .coloroption-container {
            position: absolute;
            top: 52%;
            right: 27%;
            transform: translate(0, -50%);
            max-width: 90%;
        }
        
    .mySlides .readmore-container {
            position: absolute;
            top: 45%;
            left: 7%;
            transform: translate(0, -50%);
            max-width: 90%;            
        }
        
       .mySlides .readmore-container h1{
        margin-bottom:20px;   
        font-size: 30px; 
        line-height:45px;        
        }
        
    @media only screen and (max-width: 600px) {
   .mySlides .readmore-container h1{
        margin-bottom:10px;   
        font-size: 16px; 
        line-height:24px;    
  }
}    
        
        
        
         .case-dot-container{
            position: absolute;
            top: 90%;
            left: 7%;    
            display:none;                              
        }
        
        
        .case-dot-container a img{
         width:15px;
         height:15px;   
        }
        /* btn container */
        .btn-container {
            position: absolute;
            top: 30%;
            right: 0;
            transform: translate(0, -50%);
            max-width: 90%;
        }
        
        .mb10{
        margin-bottom: 10px;    
        }
        
        a.btncar{
        margin-top:10px;
        margin-bottom:10px;
        }
        
         a.btncar:hover{
        opacity:0.7;
        }
        
         
       a.car_btn{
       width:100%; 
       }
       
        a.car_btn1{        
         float:left;
        }
        
        a.car_btn2{
       /* margin-left:12px;*/      
        float:left;
        }
        
        a.car_btn3{
       /* margin-left:30px;*/     
        float:left;        
        }
      
        
        a.btn-readmore-home{
         height:auto;
         width:100%;  
        }
       
       #topbar a {
        color: #474747 !important;
        
        } 
        
        
        a.btn-readmore-home:hover{
          opacity:0.7; 
        }
        
        
        a.nav-link{
        font-size:14px;    
        }
        
.interior-small,.exterior-small{
max-width:266px;
float:left;
margin-top:20px;
margin-left:10px;
margin-right:10px;
}        
        
.interior-small a,.exterior-small a{
cursor: pointer;  
} 
     
.interior-small a:hover,.exterior-small a:hover{
opacity: 0.7;  
}      
        
        /* Fading animation */
.fadestyle {
  animation-name: fade;
  animation-duration: 1.5s;
}

@keyframes fadestyle {
  from {opacity: .4} 
  to {opacity: 1}
}