.bg-blue{
    background-color: #00206C;
 }
 .text-blue{
   color: #00206C;
}
 .header{
    background-image: url("image/home/header.png") ;
    background-repeat: no-repeat;
background-size: cover;
  
   }

   @media only screen and (max-width: 992px) {
    .half1{
    background-image: url("image/home/half1.svg") ;
    background-size: 0%;
    }
    
   }
   @media only screen and (min-width: 326px) {
    .arrow{
    width: 326px !important;
    }
    
   }
   @media only screen and (max-width: 378px) {
      .heading{
       font-size: smaller;
      }
     }
     @media only screen and (max-width: 344px) {
       .heading{
        font-size: small;
       }
      }
      @media only screen and (max-width: 341px) {
       .heading{
        font-size: x-small;
       }
      }
      @media only screen and (max-width: 303px) {
       .heading{
        display: none;
       }
      }
   @media only screen and (max-width: 561px) {
      .copyright{
        font-size: revert;
      }
      
     }
     @media only screen and (max-width: 767px) {
      .productgap{
       margin-top: 42px;
      }
      
     }
     @media only screen and (max-width: 767px) {
      .half1{
    padding: 30px;
      }
      .machine1{
           flex-flow: column-reverse;
          }
          .machine3{
            flex-flow: column-reverse;
           }
      
     }
     @media only screen and (max-width: 466px) {
      .images{
   height: 331px !important;
      }
      
     }