.white{
    color:#fff !important;
}

.b-shadow{
    box-shadow: #0000001f 0 0 10px 0;
}



.search-bar {
    display:inline-block; box-shadow: #00000036 inset 0 0 10px 0; height: 62px;border-radius: 50px; width: 340px;
    position: absolute;
    left: calc( 50% - 170px);
}

@media only screen and (max-width: 600px) {
    .search-bar {
        display:inline-block; box-shadow: #00000036 inset 0 0 10px 0; height: 62px;border-radius: 50px; width: 240px;
        position: absolute;
        left: calc( 50% - 120px);
    }
  }

  @media only screen and (max-width: 575px) {        
        .mobile-resposive-block{    
            display: flex;
            padding: 10px 30px;
            margin-bottom: 0px;
        }        
        .mobile-resposive-text{    
            padding: 10px;
            font-size: smaller;
            position: relative;
            left: calc( 50% - 100px);
        }
        .b-shadow{
            box-shadow: none;
        }
        #title{font-size: large!important;}
        .mobile-hide{    
            display:none;        
        }  
    .mobile-lable-placing{   
        margin-bottom: -18px !important;
        margin-left: 3px !important;
    }

  }