@media only screen and (max-width: 767px) {
    button:focus:not(:focus-visible) {
        outline: 0;
        box-shadow: none;
        border: 1px solid transparent;
    }
    .navbar-toggler{
        text-align: right;
        border: 1px solid transparent;
    }
    .top-menu-btn{
        width: 12%;
        margin-top: 20px;
    }
    #navbarSupportedContent{
        background-color: #fff;
        text-align: center;
        position: absolute;
        width: 100%;
        left: 0;
        top: 0;
    }
    #navbarSupportedContent li{
        list-style-type: none;
    }
    #navbarSupportedContent .btn-close{
        padding-left: 16px;
        padding-top: 16px;
    }
    #block-temphalla-main-menu ul{
        display: flex;
        flex-direction: column;
        text-align: center;
        background-color: #FFF;
        padding-left: 0px;
        padding-top: 12px;
    }
    #block-temphalla-main-menu ul li {
        padding-bottom: 15px;
        margin-left: 0px;
    }
    #block-temphalla-main-menu ul li a {
        color: #000;
    }
    .menu-title{
        color: #000;
        text-decoration: none;
        font-size: 20px;
    }
    .temphalla-header {
        padding: 0px;
    }
    .read-more {
        padding: 8px 16px;
        width: auto;
    }

    /* Footer CSS */
    .footer-menus-col {
        justify-content: center;
    }
    .footer-menus-wrapper ul{
        display: flex;
        text-align: center;
        flex-direction: column;
        padding-left: 0px;
    }
    #block-footer ul li {
        margin-left: 0px;
        padding-bottom: 8px;
    }
    #block-showcopyrightcontent {
        white-space: normal;
    }
    .footer-row-2{
        display: flex;
        flex-direction: column-reverse;
    }
    #block-showblockspagecontent .container-fluid{
        padding-left: 0px;
        padding-right: 0px;
    }
    #block-socialmedia a {
        padding-left: 10px;
    }
    .gallery-column {
       height: 190px;
    }
    .modal-header .close {
       left: 160px;
    }
}