:root{--clamp-1:clamp(0.056rem,0.052333333333333336rem + 0.010666666666666665vw,0.063rem);--clamp-2:clamp(0.05rem,0.043190476190476196rem + 0.019809523809523808vw,0.063rem);--clamp-3:clamp(0.044rem,0.03404761904761904rem + 0.028952380952380955vw,0.063rem);--clamp-4:clamp(0.038rem,0.024904761904761902rem + 0.0380952380952381vw,0.063rem);--clamp-5:clamp(0.031rem,0.014238095238095237rem + 0.04876190476190476vw,0.063rem);--clamp-6:clamp(0.025rem,0.005095238095238097rem + 0.0579047619047619vw,0.063rem);--clamp-7:clamp(0.019rem,-0.004047619047619046rem + 0.06704761904761904vw,0.063rem);--clamp-8:clamp(0.013rem,-0.013190476190476192rem + 0.0761904761904762vw,0.063rem);--clamp-9:clamp(0.006rem,-0.02385714285714286rem + 0.08685714285714285vw,0.063rem);--xxs:calc(var(--clamp-1) * 20);--xs:calc(var(--clamp-2) * 40);--sm:calc(var(--clamp-3) * 60);--md:calc(var(--clamp-4) * 80);--lg:calc(var(--clamp-5) * 100);--xl:calc(var(--clamp-6) * 120);--xxl:calc(var(--clamp-7) * 140);--xxxl:calc(var(--clamp-8) * 160);--xxxs-width:200px;--xxs-width:350px;--xs-width:550px;--sm-width:800px;--md-width:950px;--lg-width:1024px;--xl-width:1277px;--xxl-width:1400px;}

@media screen and (max-width: 1350px) {



    .btn1 {
        display: block;
        margin-top: 15px;
    }

    .gallery_img {
        padding: 0;
    }

    #FooterTop,
    #FooterBottom,
    footer li {
        font-size: 15px;;
    }

}



@media screen and (max-width: 900px) {



    .btn1 {
        display: block;
        margin-top: 15px;
    }

    .gallery_img {
        padding: 0;
    }



}

@media screen and (max-width: 1240px) {

    body {}

    .nav.responsive .icon {
        margin-top: 10px;
    }

    #LangMenu a {
        padding: 5px !important;
        text-decoration: none;
        border: none;
    }

    #LangMenu a:last-child {
        margin-left: 0;
    }

    #LangMenu {
        position: absolute;
        top: 20px;
        right: 60px;
        display: flex;
    }

    .nav a {
        display: none;
    }

    .nav a.icon {
        float: right;
        display: block;

        text-align: right;
        font-size: 30px !important;


    }

    .nav.responsive .icon {
        border: none;
    }

    .nav a.icon:hover {
        text-decoration: none;
    }

    #FooterTop,
    #FooterBottom {
        flex-direction: column;
        text-align: center;
        padding: 5px 10px;padding: calc(var(--clamp-3)* 30) 10px;
    }

   :is( #FooterTop, #FooterBottom) ul {
        margin-bottom: 0;
    }

    #FooterBottomLeft {
        justify-content: center;        
    }


}

@media screen and (max-width: 1240px) {

    #LangMenu a:first-child {
        margin-right: 5px !important;
    }

    /* slider */
    .prev,
    .next {
        border: 1px solid;
        padding: 7px;
    }

    .slideshow-container .prev {
        left: 5px !important;
    }

    .slideshow-container .next {
        right: 5px !important;
    }

    /* header */
    .header.sticky {
        height: 60px;
    }

    #title-box a {
        font-size: 30px;
    }



    .nav.responsive {
        position: relative;
        width: 100%;
        padding-top: 108px;
        background: #7a5b50;

        display: flex;
        flex-direction: column-reverse;
    }

    .nav.responsive .icon {
        position: absolute;
        width: auto;
        right: 0;
        top: 0;
        text-decoration: none;
        text-align: right;
        font-size: 30px !important;
    }


    .nav.responsive a {

        padding-top: 10px;
        padding-bottom: 10px;
        float: none;
        display: block;
        width: 100%;
        text-align: center;
        background-color: #7a5b50;
        border-bottom: white solid 1px;
    }

    .nav.responsive a:last-child {
        padding: 0 !important;
    }


    #title-box {
        background-color: #f2ebe8;
        position: absolute;

        width: auto;
        z-index: 6;
        text-align: center;
        height: 75px;
        margin-top: 0;
        padding-top: 10px;
        color: #7c7875;
        padding-bottom: 40px;
        padding-left: 20px;
        padding-right: 20px;
        font-size: 20px;
        margin-left: auto;
        margin-right: auto;
        font-size: 30px;

        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
    }

    .title-text {}

    #title-box-scroll {
        border-radius: 0px 10px 10px 0px;
        max-height: 100%;
        color: white;
        font-size: 20px;
    }

    .box {
        margin-bottom: 5px;
    }


    h2 {
        padding-top: 10px;
        width: 100%;
    }

    .two {
        float: none;
        width: 100%;
    }

    .three {
        float: none;
        width: 100%;
    }


    iframe {
        width: 100%;
    }


    .gallery {
        margin-bottom: 0px;
    }

    .gallery img {
        width: 100%;
        height: auto;

    }

    .gallery_img {
        width: 100%;
        float: none;
        height: auto;
        padding-bottom: 5px;
    }


    .content {
        padding:  calc(var(--clamp-2)* 50)   calc(var(--clamp-1)* 15) ;
        width: 95%;
        box-sizing: border-box;
    }

    .info-box {
        width: 98%;
    }

    .formular1 {
        width: 95%;
    }

    .formular1 textarea {
        width: 90%;
    }



    .flower-icons {
        bottom: 30%;
        right: 0%;
    }



    /* footer */

    #FooterTop ul {
        display: flex;
        flex-direction: column;
        padding-left: 0;
    }


}

@media screen and (max-width: 903px) {
    #LangMenu {
        top: 76px;
    }
}

@media screen and (max-width: 1024) and (min-width: 903px) {
    #title-box {
        display: none;
    }
}

@media screen and (max-width: 1500px) {
    #title-box {
        left: 15px;
        padding: 5px;
    }

    #title-box a {
        font-size: 30px;
    }

    .title-text .text1:first-child {
        display: none;
    }

    .nav {
        width: 90%;
    }

    .gallery {
        margin-bottom: 0px;
    }

    .gallery img {
        width: 100%;
        height: auto;

    }

    .gallery_img {
        width: 100%;
        float: none;
        height: auto;
        padding-bottom: 5px;
    }
}

@media screen and (max-width: 600px) {

    .content {
        font-size: 17px;
    }

    .content p:last-child {
        margin-bottom: 0;
    }

    .content p {
        margin: 0;
    }

    .quote {
        margin-bottom: 30px;
    }

    .one table {
        margin-bottom: 20px;;
    }

:is(h1,h2,h3,h4,h5,h6) {
    margin-top: 0;
}

.box h2 {
    margin-top: 30px;
}

.three h2 {
    margin-bottom: 20px;
}

.feedback-box {
    word-break: break-all;;
}

.img-effect1 {
    border-radius: 10px;
}

h1 {
    font-size: 35px;
}

.box h2 {
    font-size: 25px;
    margin-bottom: 20px;
}

.one img:first-child {
    margin-bottom: 30px;
}


.formular1 :is(textarea,select) {
    width: 100%;
}

.formular1 h3 {
    margin-top: 20px;
}

}