* {
    margin: 0;
    padding: 0;
    font-family: 'Times New Roman', Times, serif;
    box-sizing: border-box;
} 

body {
    font-family: Arial, sans-serif;
    margin: 0;
    padding: 0;
    background-color: #FBFADA;
}
.navbar {
    height: auto;
    width: 100%;
    max-width: 1359px;
    background-color: #436850;
    color: #FBFADA;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    padding: 10px 0;
}

.navlogo01, .home, .bed, .wardrobe, .dressing_table, .counter, .other, .contact {
    background-color: #436850;
    text-align: center;
}

.navlogo01 {
    flex: 1 1 150px;
    min-width: 30px;

}

.navlogo01 .logo01 {
    background-size:cover;
    height: 100px;
    width: 38%;
    
    

}

/* Make sure logos resize appropriately */
@media screen and (max-width: 1200px) {
    .navlogo01 .logo01 {
        height: 100px;
        width: 46%;
    }
}

@media screen and (max-width: 768px) {
    .navlogo01 .logo01 {
        height: 60px;
        width: 160%;
    }
}

@media screen and (max-width: 480px) {
    .navlogo01 .logo01, .navlogo02 .logo02 {
        height: 65px;
        width: 160%;
    }
}

.border {
    border: 1px solid transparent;
}

.border:hover {
    border: 1px solid #FBFADA;
}

.home, .bed, .wardrobe, .dressing_table, .counter, .other, .contact {
    flex: 1 1 100px;
}

.home01, .bed01, .wardrobe01, .table01, .counter01, .other01, .contact01 {
    color: #FBFADA;
    text-decoration: none;
    display: block;
    padding: 2px;
}

.msg {
    width: 50%; /* Adjust width as needed */
    max-width: 800px; /* Set a maximum width */
    margin: 10px auto; /* Center horizontally with auto margins */
    background-color: #436850;
    animation: msg 5s linear infinite;
    text-align: center; /* Center text inside */
}

.msg01 {
    margin-top: 1px;
    margin-left: 10px;
    font-size: 14px;
    animation: msg01 5s linear infinite;
}

@keyframes msg01 {
    0% { color: #FBFADA; }
    50% { color: #436850; }
}

@keyframes msg {
    0% { border-left: 1px solid #FBFADA; border-top: 1px solid transparent; border-bottom: 1px solid transparent; }
    25% { border-top: 1px solid #FBFADA; border-left: 1px solid transparent; border-bottom: 1px solid transparent; }
    50% { border-right: 1px solid #436850; border-top: 1px solid transparent; border-bottom: 1px solid transparent; }
    75% { border-bottom: 1px solid #FBFADA; border-left: 1px solid transparent; border-right: 1px solid transparent; }
    100% { border-left: 1px solid #FBFADA; border-top: 1px solid transparent; border-bottom: 1px solid transparent; }
}

/* from here section code start  */
.border01{
    border: 2px solid #436850;
} 

.contact_info {
    height: auto;
}

.contact_info01 {
    height: auto;
    padding-top: 10px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}

.contact_us_msg {
    width: 100%;
    text-align: center;
    color: #436850;
    font-size: 24px;
}

.hr01 {
    background-color: #436850;
    color: #436850;
    width: 50%;
    margin: 2px auto 10px auto;
}

.box01, .box02, .box03, .box04 {
    height: auto;
    width: 260px;
    background-color: #FBFADA;
    color: #436850;
    margin: 10px;
}

.time, .address, .contact_logo8, .email_logo8 {
    font-size: 1.4rem;
    margin-top: 10px;
    text-align: center;
    margin-left: 45%;
}

.opening01, .address01, .contact_msg01, .email_msg {
    color: #436850;
    text-align: center;
    margin-top: 2px;
    font-size: 1.1rem;
}

.opening02, .address02, .contact_no01, .email_or {
    color: black;
    font-size: 16px;
    text-align: center;
    margin-top: 2px;
    font-size: 1.1rem;
}

.border3 {
    border: 1px solid transparent;
}

.border3:hover {
    border: 1px solid #436850;
}

.iframe_container {
    width: 100%;
    margin: 20px auto;
}

.Google_form{
    width: 100%;
    height: 1295px;
    border: none;
}

.map{
    width: 90%;
    height: 500px;
    border: none;
    margin-left: 5%;
}

.form_msg {
    color: #436850;
    font-size: 24px;
    width: 100%;
    text-align: center;
}

.form_hr {
    width: 50%;
    background-color: #436850;
    margin: 10px auto;
}

@media (max-width: 768px) {
    .box01, .box02, .box03, .box04 {
        width: 90%;
        margin-left: 5%;
        margin-right: 5%;
    }

    .iframe_container {
        width: 100%;
        height: auto;
        margin-top: 20px;
    }

    .Google_form{
        width: 100%;
        height: 1380px;
    }

    .map{
        width: 90%;
        margin-left: 5%;
    }
}

@media (max-width: 480px) {
    .hr01, .form_hr {
        width: 80%;
    }

    .form_msg, .contact_us_msg {
        font-size: 20px;
    }

    .iframe_container {
        height: auto;
    }

    .Google_form{
        width: 100%;
        height: 1380px;
    }

}




.footer_info, .copy_right {
    background-color: #436850;
    color: #FBFADA;
    text-align: center;
    padding: 20px 10px; /* Added horizontal padding */
    width: 100%;
    box-sizing: border-box; /* Ensure padding does not cause overflow */
    margin: 0 auto; /* Center the footer container */
}

.footer_panel {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px;
    margin: 10px 0;
    flex-wrap: wrap; /* Allow wrapping of logos */
}

.footer_panel img {
    max-width: 100%; /* Ensure logos do not overflow */
    height: auto; /* Maintain aspect ratio */
}

.call_logo01, .email_logo {
    margin: 10px;
    max-width: 100px; /* Ensure logos are appropriately sized */
}

/* Media Queries for Responsive Design */
@media screen and (max-width: 1200px) {
    .navbar, .footer_info, .copy_right {
        width: 90%;
        max-width: 1000px;
        margin: 0 auto;
    }

}

@media screen and (max-width: 768px) {
    .navbar {
        flex-direction: column;
        height: auto;
    }

    .msg01 {
        font-size: 12px;
    }

    .call_logo01, .email_logo {
        max-width: 80px; /* Adjust size for smaller screens */
    }
}

@media screen and (max-width: 480px) {
    .navbar {
        flex-direction: column;
        height: auto;
    }


    .call_logo01, .email_logo {
        max-width: 60px; /* Further adjust size for very small screens */
    }
}







/* Responsive Styles */
@media (max-width: 768px) {
    .navbar {
        flex-direction: column;
    }

}

@media (max-width: 480px) {
    .logo01 {
        width: 80px;
        height: 40px;
        margin-left: -9px;
    }

    .navbar div a {
        font-size: 14px;
    }

}





.footer_info, .copy_right {
    background-color: #436850;
    color: #FBFADA;
    text-align: center;
    padding: 20px 10px; /* Added horizontal padding */
    width: 100%;
    box-sizing: border-box; /* Ensure padding does not cause overflow */
    margin: 0 auto; /* Center the footer container */
}

.footer_panel {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px;
    margin: 10px 0;
    flex-wrap: wrap; /* Allow wrapping of logos */
}

.footer_panel img {
    max-width: 100%; /* Ensure logos do not overflow */
    height: auto; /* Maintain aspect ratio */
}

.call_logo01, .email_logo {
    margin: 10px;
    max-width: 100px; /* Ensure logos are appropriately sized */
}

/* Media Queries for Responsive Design */
@media screen and (max-width: 1200px) {
    .navbar,.footer_info, .copy_right {
        width: 90%;
        max-width: 1200px;
        margin: 0 auto;
    }

}

@media screen and (max-width: 768px) {
    .navbar {
        flex-direction: column;
        height: auto;
    }

    .msg01 {
        font-size: 12px;
    }



    .call_logo01, .email_logo {
        max-width: 80px; /* Adjust size for smaller screens */
    }
}

@media screen and (max-width: 480px) {
    .navbar {
        flex-direction: column;
        height: auto;
    }


    .call_logo01, .email_logo {
        max-width: 60px; /* Further adjust size for very small screens */
    }
}


/* this is for ubed contact */
.footer-message {
    text-align: center;
    padding: 10px 0;
    background-color:#436850;
    color:#FBFADA;
    font-size: 16px;
    margin-top: 1px;
    width: 100%;
}

@media (max-width: 768px) {
    .footer-message {
        font-size: 14px;
        padding: 8px 0;
    }
}

@media (max-width: 480px) {
    .footer-message {
        font-size: 12px;
        padding: 6px 0;
    }
}