@media only screen and (min-width:1500px){
    
}
@media only screen and (min-width: 1120px) {
    
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {

  
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .main-area h1{
    font-size: 54px;
   }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
     .main-area h1{
    font-size: 54px;
   }
  
}

@media only screen and (min-width: 478px) and (max-width: 575px) {
    .main-area h1{
    font-size: 40px;
   }
    
}

@media only screen and (min-width: 100px) and (max-width: 478px) {
   .main-area h1{
    font-size: 40px;
   }
    /* make: col-xs class for mobile view responsive */
    .col-xs-auto {
        flex: 0 0 auto;
        width: auto;
      }
    
      .col-xs-1 {
        flex: 0 0 auto;
        width: 8.33333333%;
      }
    
      .col-xs-2 {
        flex: 0 0 auto;
        width: 16.66666667%;
      }
    
      .col-xs-3 {
        flex: 0 0 auto;
        width: 25%;
      }
    
      .col-xs-4 {
        flex: 0 0 auto;
        width: 33.33333333%;
      }
    
      .col-xs-5 {
        flex: 0 0 auto;
        width: 41.66666667%;
      }
    
      .col-xs-6 {
        flex: 0 0 auto;
        width: 50%;
      }
    
      .col-xs-7 {
        flex: 0 0 auto;
        width: 58.33333333%;
      }
    
      .col-xs-8 {
        flex: 0 0 auto;
        width: 66.66666667%;
      }
    
      .col-xs-9 {
        flex: 0 0 auto;
        width: 75%;
      }
    
      .col-xs-10 {
        flex: 0 0 auto;
        width: 83.33333333%;
      }
    
      .col-xs-11 {
        flex: 0 0 auto;
        width: 91.66666667%;
      }
    
      .col-xs-12 {
        flex: 0 0 auto;
        width: 100%;
      }
    
}