.lakadheader{
    position: fixed;
    transition: all 0.3s ease;
    z-index: 1001;
}

.menu-btn,
.cross-menu{
    display: none;
}

.scrollmenu #lakadheader {
  padding: 15px 10px;
  background: #0005;
  z-index: 100;
  backdrop-filter: blur(25px);
}




@media (max-width:991px) {

    .form-row input, .form-row textarea{
     border-radius: 0px !important;
     font-size: 16px;
    }

    .categban-txt h2 {
        font-size: 35px;
        line-height: 45px;
        color: #fff;
        text-transform: uppercase;
        margin-bottom: 10px;
    }

    .categban-txt h5 {
        font-size: 40px;
    }

    .categ-main .wrapper {
        padding: 0px !important;
    }

    .categpg-head {
        flex-direction: column;
        gap: 10px;
    }

    .categpg-head h3 {
        width: 100%;
        margin: 0px;
        font-size: 32px;
        line-height: 36px;
    }

    .categpg-head .desc {
        width: 100%;
    }

    .categ-Row {
        margin-top: 30px;
        flex-wrap: wrap;
    }

    .categ-Col {
        width: 100%;
        height: 380px;
    }

    .preshead h2 {
        font-size: 32px;
        line-height: 40px;
    }

    .pers-row {
        display: flex;
        flex-direction: column;
        gap: 15px;
    }

    .pers-col {
        width: 100%;
    }

    .perp-txt h4 {
        font-size: 24px;
        line-height: 30px;
    }

    .categ-peice .content h2 {
        font-size: 40px;
        text-align: center;
        line-height: 45px;
    }

    .diff-piece {
        min-height: 400px;
    }

    .categ-banner {
        min-height: 500px;
    }

    .lkd-inta-row {
        flex-direction: column-reverse;
        gap: 30px;
        align-items: flex-start;
    }

    .lkd-inta-txt {
        width: 100%;
    }

    .lkd-inta-imgs {
        width: 100%;
        display: flex;
        gap: 20px;
    }

    .lkd-inta-imgs img {
        width: 100%;
        height: 120px;
        object-fit: cover;
    }

    .lkd-inta-txt h3 {
        font-size: 32px;
    }

    .footer-row-1 {
        width: 100%;
    }

    .footer-row-2 {
        width: 100%;
        flex-direction: column;
        gap: 20px;
    }

    .footer-top {
        flex-direction: column;
    }

    .footer-btm {
        flex-direction: column;
    }

    .lakadFooter {
        padding-bottom: 20px;
    }

    .lakadbanner {
        height: 100dvh;
        background-position: center center;
        background-size: cover;
        background-repeat: no-repeat;
        position: relative;
        display: flex;
        align-items: end;
        padding-bottom: 100px;
    }

    .banner-content .disc h2 span {
        font-size: 45px;
        line-height: 45px;
    }

    .banner-content .disc p {
        font-size: 15px;
        line-height: 23px;
    }

    .handmade-content {
        flex-direction: column;
    }

    .handmade-img img {
        width: 100%;
        height: 360px;
    }

    .emma-lakad {
        position: absolute;
        right: 0;
        top: auto;
        width: 100%;
        height: 35%;
        bottom: 0;
    }

    .handmade-sec {
        padding: 50px 0px;
    }

    .handmade-disc h2 {
        font-size: 45px;
        line-height: 50px;
        margin-bottom: 10px;
    }

    .hand-btn {
        margin-top: 20px;
    }

    .categ-head h2 {
        font-size: 40px;
        line-height: 45px;
    }

    .categ-head h4 {
        font-size: 40px;
        line-height: 40px;
    }

    .lakad-btn {
        padding: 15px 40px 15px 40px;
        text-align: center;
        justify-content: center;
    }

    .japsec-row {
        flex-direction: column-reverse;
        gap: 30px;
        padding-top: 30px;
        padding-bottom: 20px;
    }

    .japsec-txt {
        width: 100%;
        padding-left: 15px;
        padding-right: 15px;
    }

    .japsec-txt h2 {
        font-size: 40px;
        line-height: 45px;
    }

    .footer-row-1 .fot-logo img {
        width: 100%;
        max-width: 150px;
    }

    .japsec-img {
        width: 100%;
        padding: 0px 15px;
    }

    .japsec-img img {
        width: 100%;
        height: 350px;
        object-fit: cover;
        display: block;
    }

    .japsec-row p,
    .pream-txt-row p,
    .abbantxt p,
    .diffpiece-txt p,
    .handmade-disc p,
    .philo-txt p,
    .categ-head p {
        font-size: 14px;
    }

    .japsec-row-reverse .japsec-txt {
        width: 100%;
        padding-left: 15px;
    }

    .pream-txt-row {
        width: 100%;
        display: flex;
        flex-direction: column;
    }

    .pream-row {
        flex-direction: column-reverse;
        gap: 0px;
    }

    .pream-txt-row img {
        order: 1;
        width: 90%;
        margin: 0px auto;
        height: 250px;
        margin-top: 40px;
        margin-bottom: 0px;
    }

    .pream-txt-row h2 {
        font-size: 35px;
        line-height: 40px;
        margin-bottom: 10px;
    }

    .pream-img-row {
       width: 100%;
        height: 300px;
        margin-top: 10px;
    }

    .pream-img-row img{
        object-fit: cover;
    }

    .diff-piece .content h2 {
        font-size: 40px;
        line-height: 45px;
        padding-bottom: 40PX;
    }

    .diff-piece .content p {
        font-size: 15px;
        line-height: 1.6;
        max-width: 100%;
    }

    .lkd-inta-txt p {
        font-size: 15px;
        line-height: 23px;
    }

    .pream-txt-row p {
        line-height: 24px;
    }

    .footer-row-2 .fot-box h3 {
        font-size: 18px;
        margin-bottom: 10px;
    }

    .conactbtxt h5 {
        font-size: 40px;
    }

    .conactbtxt h2 {
        font-size: 35px;
        line-height: 40px;
    }

    .conactbtxt p {
        font-size: 14px;
        line-height: 1.7;
    }

    .contact-banner {
        min-height: 550px;
    }

    .form-main {
        max-width: 100%;
        padding: 20px 15px;
        margin-top: -90px;
    }

    .form-head p {
        font-size: 15px;
        line-height: 24px;
    }

    .form-row {
        flex-direction: column;
    }

    .CF-form {
        padding-bottom: 40px;
    }

    .form-head h3 {
        font-size: 36px;
        line-height: 36px;
        margin-bottom: 10px;
    }

    .CF-socials {
        padding: 40px 15px;
        background-attachment: unset;
    }

    .socials-box {
        flex-wrap: wrap;
    }

    .socials-col {
        width: 100%;
        border: 0px !important;
    }

    .socials-col img {
        max-width: 40px;
    }

    .socials-col h4 {
        font-size: 26px;
        line-height: 28px;
        color: #e5e3d7;
        margin-bottom: 5px;
    }

    .CF-socials::after {
        background-color: rgba(119, 108, 88, 0.75);
    }

    .lkd-inta-txt h4 {
        font-size: 40px;
        line-height: 40px;
    }
     .menu-btn,
     .cross-menu{
            display: flex;
    }

    .navlist {
        position: fixed;
        left: -100%;
        top: 0;
        background: #e5e3d7;
        width: 100%;
        height: 100vh;
        z-index: 10005;
        padding: 20px;
        opacity: 0;
        visibility: hidden;
        transition: all 0.5s ease;
    }

    .navlist ul{
        flex-direction: column;
        gap: 20px;
        align-items: baseline;
    }

    .navlist ul li a{
        color: #776c58;
        font-size: 16px;
    }

    

    .menu-btn svg g path ,
    .cross-menu svg g path {
        stroke: #b6a16f;
    }

    .menu-btn{
        cursor: pointer;
    }

    .menu-open .navlist{
        left: 0;
        opacity: 1;
        visibility: visible;
    }

    .menu-open{
        overflow: hidden;
    }

    .cross-menu {
        display: flex;
        justify-content: end;
    }

    .sitelogo a img {
        width: 100%;
        max-width: 120px;
    }

    .menu-btn svg{
        height: 38px;
        width: 38px;
    }

    .cross-menu{
        cursor: pointer;
    }

    .about-header {
        height: 100vh;
    }

    .ban-content h2 {
        font-size: 50px;
    }

    .philo-wrap {
        flex-direction: column-reverse;
    }

    .philo-txt,
    .philo-img{
        width: 100%;
    }

    .philosphysec::after {
        position: absolute;
        content: "";
        width: 100%;
        height: 70%;
        right: 0;
        top: 0;
        background: #776c58;
    }

    .philo-txt h4 {
        font-size: 40px;
        line-height: 40px;
    }

    .philo-txt h2 {
        font-size: 40px;
        line-height: 45px;
    }

    .philo-img img {
        height: 400px;
    }

    .philosphysec {
        padding: 30px 10px;
        padding-bottom: 0px !important;
    }
    .ab-img.ab-img-1 {
        display: none;
    }

    .about-mid {
        flex-direction: column;
    }

    .abbantxt {
        width: 100%;
        padding: 0px !important;
    }

    .abbantxt h2 {
        font-size: 40px;
        line-height: 45px;
    }

    .ab-img.ab-img-2 {
        width: 100%;
    }

    .ab-img img {
        width: 100%;
        height: 300px;
        object-fit: cover;
    }

    .about-tradition {
        padding: 30px 0px;
        background-attachment: unset;
    }

    .traditionn-inner h2 {
        font-size: 35px;
        line-height: 40px;
    }

    .traditionn-inner p {
        font-size: 14px;
        line-height: 25px;
        color: #292929;
    }

    .traditionn-inner {
        padding: 30px 25px;
        max-width: 100%;
        outline-offset: -10px;
    }

    .mstsel-header h4 {
        font-size: 40px;
        line-height: 40px;
    }

    .mstsel-header h2 {
        font-size: 40px;
        line-height: 45px;
        margin-bottom: 30px;
    }

   .diffpiece-txt h2 {
        font-size: 40px;
        line-height: 45px;
        margin-bottom: 10px;
    } 

    .mstsel-prodts {
        flex-direction: column;
    }

    .fav-prd {
        width: 100%;
    }

    .diffpiece-row {
        gap: 20px;
        flex-direction: column;
    }

    .favpd-img {
        width: 100%;
        height: 350px;
    }
    .diffpiece-img {
        width: 100%;
    }
    .diffpiece-txt {
        width: 100%;
        padding: 0px !important;
    }

    .diffpiece-img img {
        width: 100%;
        height: 400px;
    }

    .SC-list .categ-Row .categ-Col {
        width: 100%;
    }
    
    .SC-list .categ-img img {
        height: 350px;
    }

}



@media (min-width:992px){

    .scrollmenu .navlist ul li a{
        color: #b6a16f;
    }

}