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

body {
    background-color: #FBFADA;
}

.navbar {
    height: auto;
    width: 100%;
    max-width: 1349px;
    background-color: #436850;
    color: #FBFADA;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    padding: 10px 0;
}

.navlogo01, .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;
}

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

.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; }
}

.home_image {
    height: auto;
    width: 100%;
    max-width: 1349px;
    margin: 5px auto;
    background-color:black;
    overflow: hidden;
}

.home_image01 {
    background-size: cover;
    height: 100%;
    width: 100%;
    transition: all 0.9s;
}

.home_image01:hover {
    transform: scale(1.1);
}

.some_images {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}

.some_images > div {
    position: relative;
    width: 20%;
    height: 300px;
    margin: 10px;
}

.box01, .box02, .box03, .box04, .box05 {
    background-size: cover;
    width: 100%;
    height: 100%;
    transition: all 0.9s;
} 

.trans:hover {
    transform: scale(1.1);
}

.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, .home_image, .some_images, .footer_info, .copy_right {
        width: 90%;
        max-width: 1200px;
        margin: 0 auto;
    }

    .home_image {
        height: auto;
    }

    .some_images > div {
        width: 45%;
    }
}

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

    .msg01 {
        font-size: 12px;
    }

    .some_images > div {
        width: 90%;
    }

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

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

    .some_images > div {
        width: 100%;
    }

    .call_logo01, .email_logo {
        max-width: 60px; /* Further adjust size for very small screens */
    }
    .logo01 {
        width: 80px;
        height: 40px;
        margin-left: -9px;
    }
}


/* 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;
    }
}