#loginModal h5{color: #000;margin: 6px;}
#loginModal .modal-title text-center{width: 100%;}
#loginModal a:hover{text-decoration: none;}
@media only screen and (max-width: 1024px) {
   
}

@media only screen and (max-width: 767px) {   
    .home-page .wrapper .carousel-caption{bottom: 0px;left: 1%;}
    #forSlider{padding: 0px 5px;}
    .br-main-menu{margin-top: 7%;}
    .home-page .home-top-heading{padding:5%!important;text-align: center;}
    .home-page .btn-banner {width: 40%;margin-left: 30%;}
    
   /*How It Work*/
   .banner-content.offline-container{min-height: 400px;}
   .offline-container{margin-top:0px!important;     text-align: center;}
    body.home-page #banner {min-height: 400px;} 
   .banner-content.offline-container > div {position: relative;margin-top: 35%;}
    #banner .banner-content.offline-container .offline-banner-heading,#banner .banner-content.offline-container .h-rewards {text-align: center;}
  .carousel-control-next, .carousel-control-prev {
    height: 5%;
    margin-top: 63%;
}
}
@media only screen and (max-width: 640px) {
    .home-page .btn-banner {width: 40%;margin-left: 30%;}
}
@media only screen and (max-width: 568px) {
   
}
@media only screen and (max-width: 480px) {
    
}

@media only screen and (max-width: 414px) {
    .home-page .home-top-heading{padding:0px!important;}
    .home-page .btn-banner {width: 100%;margin-left: 0%;}
    .footer-links ul{padding: 0;}   

    
}
@media only screen and (max-width: 375px) {
   
}


@media only screen and (max-width: 360px) {
   
}

@media only screen and (max-width: 320px) {
   
   
}