#di-page-composer *{
	font-family: 'Nissan Brand' !important;
}
.container-fluid {
    padding: 0 !important;
}

/*START IMG-HOVER-ZOOM CSS */

    .img-hover-zoom {
       height: inherit;
       /* [1.1] Set it as per your need */
       overflow: hidden;
       /* [1.2] Hide the overflowing of child elements */
   }

   /* [2] Transition property for smooth transformation of images */

   .img-hover-zoom img {
       transition: transform .5s ease;
   }

   /* [2] Transition property for smooth transformation of images */

   .img-hover-zoom>.img {
       transition: transform .5s ease;
   }

   /* [3] Finally, transforming the image when container gets hovered */

   .img-hover-zoom:hover img {
       transform: scale(1.1);
   }

   /* [3] Finally, transforming the image when container gets hovered */

   .img-hover-zoom:hover>.img {
       transform: scale(1.1);
   }

   /*END IMG-HOVER-ZOOM CSS */
   .row {
       margin-right: 0px;
       margin-left: 0px;
   }

   @media (min-width: 1200px) {
       .container {
           width: 100%;
       }
   }

   @media (min-width: 992px) {
       .container {
           width: 100%;
       }
   }

   @media (min-width: 768px) {
       .container {
           width: 100%;
       }
   }

   .container {
       padding-right: 0px !important;
       padding-left: 0px !important;
       margin-right: auto;
       margin-left: auto;
   }

   .container.con2 {
       width: 1201px;
   }

   .container.con1 {
       width: 75%;

   }

   @media (max-width: 769px) {
       .container.con1 {
           width: 95%;
       }
   }
   .container.con4 {
           width: 80%;
   
       }
   
       @media (max-width: 769px) {
           .container.con4 {
               width: 95%;
           }
       }

   h1.header {
       display: none;
       padding: 0;
   }

   @media (max-width: 575.98px) {
       .clm-content {
           top: 15px !important;
           padding: 0px 26px !important;
       }
   }


   .btn-cta {
       color: #fff;
       background: #000000;
       border-color: #000000;
   }

   .Paragraph {
       font-size: 22px !important;
   }

   @media (max-width: 575.98px) {
       .Paragraph {
           font-size: 22px !important;
       }
   }

   .title-30-24 {
       font-size: 30px !important;
       font-weight: 700;
   }

   @media (max-width: 768px) {
       .title-30-24 {
           font-size: 24px !important;
           ;

       }
   }

   .title-60-48 {
       font-size: 60px !important;
       font-weight: 700 !important;
   }

   @media (max-width: 768px) {
       .title-60-48 {
           font-size: 48px !important;
           ;

       }
   }

   .title-36-29 {
       font-size: 36px !important;
       font-weight: 600 !important;
   }

   @media (max-width: 768px) {
       .title-36-29 {
           font-size: 29px !important;
           ;
          
       }
       #p-d {
           padding: 0% 0% !important;
       }
   }

   .title-38-48 {
       font-size: 48px !important;
       font-weight: 600 !important;
   }

   @media (max-width: 768px) {
       .title-38-48 {
           font-size: 38px!important;
           ;

       }
   }

   .title-20-16 {
       font-size: 20px !important;
       font-weight: 600 !important;
   }

   @media (max-width: 768px) {
       .title-20-16 {
           font-size: 16px !important;
           ;

       }
   }
   #title-banner-responsive{
    text-align: left !important;
   }
   @media (max-width: 1024px) {
    #title-banner-responsive {
       padding-left: 5%;
           

       }
   }
   @media (max-width: 769px) {
    #title-banner-responsive {
       padding-left: 5%;
           

       }
   }
   @media (max-width: 426px) {
    #title-banner-responsive {
        text-align: center !important;
           

       }
   }

   #img-responsive-2{
    height: 346px;
   }

   @media (max-width: 426px) {
    #img-responsive-2 {
        height: auto;
           
       }
   }