@media (max-width:480px) {
    .affected_wrapper {
        flex-direction: column;
    }
    .affected_item {
        width: 100%;
        margin-bottom: 10px;
    }
    .selectbtn_wrapper {
        flex-direction: column;
        margin-top: 20px;
    }
    .selectbtn_wrapper .custom-select-wrapper {
        width: 100%;
         margin-bottom: 10px;
        /* margin-left: 30px; */
        /* margin-right: 30px; */
    }
    .navbar-brand img{
        width: 167px;
    }
    .map_form {
        width: 100%;
        right: 0px;
    }
    .affected_text h5 {
        font-size: 15px;
    }
    .sidebar .menu-item {
        font-size: 13px;
        padding: 6px 20px;
    }
    .sidebar h6 {
        font-size: 16px;
        padding: 7px 10px;
    }
    .navbar-toggler:focus {
        text-decoration: none;
        outline: 0;
        box-shadow:none;
    }
    .sidebar .submenu a {
        font-size: 14px;
        padding: 4px 44px;
    }
    footer p {
        font-size: 13px;
        color: #405189;
    }
    .weather_alert ul li {
        padding: 5px 0px;
    }
    .weather_alert ul li span {
        width: 30px;
        height: 30px;
    }
    .weather_alert ul li span img{
      
        width: 14px;
    }
    .mapdiv img {
        width: auto;
        /* max-height: 287px; */
        height: 136px;
    }
    button.navbar-toggler {
        padding: 0px;
    }
    header {
        position: sticky;
        top: 0px;
        width: 100%;
        background-color: #ffffff;
        z-index: 1;
        border-bottom: 1px solid #ded6d6;
    }
    .navbar-toggler-icon {
        background-size: 76%;
    }
    .affected_img img {
        width: 16px;
    }
    .affected_wrapper .affected_item span {
        width: 31px!important;
        height: 31px!important;
    }
    .affected_item {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: flex-start;
        background-color: #ffffff;
        border: 1px solid #D1DBFB;
        border-radius: 4px;
        padding: 7px 10px;
    }
    .table-container {
        width: 100%;
        overflow: auto;
    }
    .table-container table thead th {
        white-space: nowrap;
    }
    .mobile_view{
        display: block;
    }
    .webview{
        display: none;
    }
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 100%!important;
        padding: 0 16px!important;
    }
    button.login_btn.dm-sans-text {
        font-size: 12px;
        color: #1A1A1A;
        border-radius: 4px;
        border: none;
        background-color: #ffffff;
        padding: 3px 16px;
    }
    .brand_text h6 {
        font-size: 14px;
    }
    .header_top {
        padding: 6px 13px;
    }
    #navbarNav li.nav-item {
        margin-left: 7px;
    }
   .header_top .custom-select-wrapper  .custom-select-wrapper {
        position: relative;
        width: 147px;
        margin-left: 0px;
        margin-right: 0px;
        margin-top: 7px;
        margin-bottom: 11px;
    }
    .brand_search  .custom-select-wrapper {
        margin-right: 4px!important;
    }
    .brand_search select.custom-select {
        background-image: none;
        padding-left: 8px!important;
    }

    .brand_search .custom-select-wrapper {
        position: relative;
        width: 100px;
        margin-left: 30px;
        margin-right: 30px;
    }
    .brand_search .custom-select-wrapper::after {
        font-size: 12px;
        color: #ffffff;
    }
    #navbarNav li.nav-item {
        margin-left: 7px;
        border-bottom: 1px solid #dedddd;
    }
    #navbarNav a {
        font-size: 14px;
    }
    #navbarNav a {
        padding: 5px 0px;
    }
    .search-container {
        position: relative;
        width: 100%;
        padding: 10px 0px;
    }
    .transparent_btn {
        margin-left: 17px;
    }
    .card_heading {
        font-size: 14px;
    }
  }

@media (min-width: 576px) {
    #Checkdam .modal-dialog {
        max-width: 567px;
        margin: 1.75rem auto;
    }
}