.product-list-image-1 {

    padding-bottom: 10px;

}

.sinle-product-wrap-main .price-main .price-excl{
    font-size: 14px;
    font-weight: bolder;
    color: #5b5b5b;
}
.sinle-product-wrap-main .price-main .price-excl .price{
    font-size: 14px;
}
.sinle-product-wrap-main .price-incl{
    font-size: 14px;
     color: #5b5b5b;
}

.product-list-image-1 img {

    width: 100%;

}
/* .product-h .radio-box{
    display: flex;
} */
 .product-h .color-option button{
    border: none;
    font-size: 14px;
    font-weight: bolder;
    color: #5b5b5b;
 }
 .radio-box .color-option{
    margin-left: 7px;
    /* float: right; */
 }
 .product-h .color-option a{
   color: #5b5b5b; 
   font-size: 14px;
 }
.product-h .number-button .example{
    display: flex; 
    justify-content: center;
 }

.product-list-image-1 a {

    text-decoration: none;

    color: #5b5b5b;

}

/* .dimention-caption{
    font
} */
 .dimention-caption{
    font-weight: bolder;
 }


.single-product img {

    width: 100%;

}



.single-product-content h2 {

    font-size: 28px;

    font-weight: 500;

    color: #5b5b5b;

    margin-left: -1.5px;

    margin-bottom: 0.5rem;

}

.single-product-content h4{
    font-size: 20px;
    font-weight: 500;
    color: #5b5b5b;
    margin-left: -1.5px;
    margin-bottom: 0.5rem;
}


.single-product-content p {

    margin-bottom: 5px;

    font-size: 14px;

    color: #5B5B5B;

    font-weight: 500;

}



.frabe-main {
     margin-top: 15px;
     flex-wrap: wrap;
     margin-bottom: 5px;
    /* justify-content: space-between; */

}
.frabe-button-1{
    margin-bottom: 5px;
}


.frabe-button-1 button {

    height: 90px;

    background: #fff;

    padding: 10px 10px;

    border-radius: 0px;

    border: solid 1px #5B5B5B;

}



.frabe-button-1 button h4 {

    margin-bottom: 0px;

    font-size: 18px;

    color: #5b5b5b;

    opacity: 70%;

    font-weight: 500;

}



.frabe-button-1 button p {

    margin-bottom: 0px;

    font-size: 12px;

    color: #5B5B5B;

    font-weight: 500;

}



.frabe-button-1 button span {

    font-size: 4px;

    color: #5B5B5B;

    font-weight: 500;

}
.single-product-wrap{
    display: flex;
}
.single-product-wrap .heart-icon{
    width: 30px !important;
    display: flex;
    justify-content: center;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    margin-top: auto;
    align-items: center;
    margin-bottom: auto;
}

.frabe-button-option {
    min-width: 12%;
    max-width: 100%;
    margin-bottom: 5px;

}
.single-product-wrap .qty-wrapper{
    width: 20% !important;
}
.single-product-wrap .qty-input{
    height: 43px !important;
}
.single-product-wrap .qty-buttons {
    top: 45% !important;
    transform: translateY(-50%);
}

.qtyLabel{
    position: relative;
    right: 35px;
    top: 7px;
    background: #EFEFEF;
    padding: 5px 6px;
    display: none;
    font-size: 13px;
    height: 30px; 
}

.frabe-button-option button .color-swatch {

    display: inline-block;

    width: 30px;

    height: 30px;

    border: 1px solid #5b5b5b;

    border-radius: 50%;

    margin-right: 0px;

}



.frabe-button-option button {

    opacity: 70%;

    height: 85px;

    background: none;

    border: dashed 1px #5b5b5b;

    padding: 10px 10px;

    width: 100%;

    border-radius: 0px;

    transition: opacity 0.3s, border 0.3s;

}



.frabe-button-option button:hover {



    opacity: 100%;

    border: solid 1px #5b5b5b;

}



.frabe-button-option button:active,

.frabe-button-option button.active {

    height: 90px;

    opacity: 100%;

    border: solid 2px #5b5b5b;



}




.swiper-main .swiper-container {

    height: 575px;

    

    width: 100%;

    position: relative;



}



.swiper-slide img {

 width: 130px;

 

    cursor: pointer;

}



.swiper-container {

    position: relative;

    

}



.swiper-main .swiper-slide {

    text-align: center;

}



.swiper-button-prev,

.swiper-button-next {

    color: #5b5b5b;

    /* Button color */

    position: absolute;

    left: 50%;

    transform: translateX(-50%);

    z-index: 10;

    font-size: 24px;

    /* Adjust the size of the icons */

    cursor: pointer;

}



.swiper-button-prev {

    top: 10px;

    /* Position at the top */

}



.swiper-button-next {

    top: 102% !important;

   

}



.swiper-section {

    position: relative;

    margin-top: 9px;

}



.swiper-section .swiper-container .swiper-wrapper .swiper-slide {

    width: 100% !important;

    margin-bottom: 15px !important;

    height: 130px !important;

}
.swiper-main{
    position: relative;
}
.senden-btn button:hover{
    background: #5b5b5b;
    color: #fff;
    font-weight: 500;
    font-size: 15px;
    border-radius: 0px;
    padding: 10px 20px;
}


.single-product{
    position: relative;
    margin-top: 9px;
    cursor: pointer;

}
.main-product-image-btn-1{
    position: absolute;
    left: 0px;
    opacity: 1 !important;
    
    z-index: 1 !important;
}
.main-product-image-btn-1:before{
    border-right: 25px solid #bd9e58 !important;
}
.main-product-image-btn-2:before{
    border-left: 25px solid #bd9e58 !important;
}
.main-product-image-btn-2{
    position: absolute;
    right: 0px;
    opacity: 1 !important;
    z-index: 1 !important;
}

.mfp-arrow-left:after{
    border-right: 15px solid #FFF !important;
}
.mfp-arrow-right:after{
    border-left: 15px solid #FFF !important;
}


#swiper-section .swiper-container .swiper {

    height: 50vh;

    margin-left: 0;

}


.swiper-button-prev,
.swiper-button-next {
    display: block !important;
    color: #5b5b5b !important;
    position: absolute !important;
    z-index: 999 !important;
    cursor: pointer !important;
    font-size: 20px !important;
}
.swiper-button-prev {
    top: -10px !important; 
    left: 50% !important; 
}

.swiper-button-next {
    bottom: -10px !important; 
    left: 50% !important; 
}


/* .swiper-button-prev {

    display: none !important;

    position: absolute;

    top: 5px !important;

    left: 50% !important;

    color: #5b5b5b !important;

}



.swiper-button-next {

    display: none !important;

    color: #5b5b5b !important;

    position: absolute;

    left: 50% !important;

    bottom: 20px !important;

} */





.text-center {

    text-align: center;

}



.frabe-button-option button p.verity {

    font-size: 12px;

    font-weight: 400;

}



/* .frabe-button-option button  label span{

    

} */

.frabe-button-option button p {

    font-size: 7px;

    margin-bottom: 0px;

}
#secondaryAttrs .frabe-button-option.mx-1{
    margin-right: 0px !important;
    margin-left: 0px !important;
}

.frabe-button-option select{
    border-radius: 0px;
    background-image: url(../images/arrow-down-black.svg) !important;
    appearance: unset !important;
    background-repeat: no-repeat !important;
    background-position: calc(100% - 10px) center !important;
    padding-right: 10px !important;
    outline: 0 !important;
    box-shadow: none !important;
    font-size: 14px;
    min-height: 38px;
    font-weight: 500;
    color: #707070;
}


.price-main {

    margin: 5px 0px 0px;

}



.price-main .price-excl {

    font-size: 18px;

    font-weight: 400;

}



.price-main .price-excl .price {

    font-size: 18px;

    /*font-weight: 700;*/

}



.price-main .popup {

    position: relative;

    top: 5px;

    left: 25px;

    width: 40%;

}

.popup {

    position: relative;

    display: inline-block;

}



.single-product-popup-content {

    display: none;

    position: absolute;

    left: 20px; /* Adjust this value to position the popup exactly where you want */

    top: 0;

    z-index: 99;

    background-color: #ffffff;

    color: #5b5b5b;

    padding: 10px;

    border-radius: 5px;

    width: 100%;

    

    

    

    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);

}



.popup.active .single-product-popup-content {

    display: block;

}



.price-incl {

    margin-bottom: 10px;

}



.product-share-icons {

    padding-top: 10px;

}



.product-share-icons a {



    font-size: 20px;

    margin-left: 10px;

    text-decoration: none;

    color: #5b5b5b;

}



/* Style the search field */

.single-product-wrap form.example {

    margin-left: 0px;

    position: relative;

}
.single-product-wrap{

    margin-left: 0px;

    position: relative;

}


.single-product-wrap form.example input[type=Number] {

margin-right: 15px;

    padding: 10px;

    font-size: 14px;

    border: 1px solid #767676;

    float: left;

    width: 20%;

    border-radius: 0px;

    background: #ffffff;

}
.single-product-wrap input[type=Number] {



    padding: 10px;

    font-size: 14px;

    border: 1px solid #767676;

    float: left;

    width: 20%;

    border-radius: 0px;

    background: #ffffff;

}
#highlights input[type=Number]{
    width: 20%;
}

/* Style the submit button */

.single-product-wrap form.example button {

    border-radius: 0px;

    float: left;

    width: 50%;

    padding: 10px;

    background: #5b5b5b;

    color: white;

    font-size: 14px;

    border: 1px solid #5b5b5b;

    border-left: none;

    /* Prevent double borders */

    cursor: pointer;

}



.single-product-wrap form.example button:hover {

    background: #5b5b5b;

}
#passwordHelpBlock{
    display: inline-block;
}
.single-product-wrap button {
    border-radius: 0px;

    float: left;

    width: 50%;

    padding: 10px;

    background: #5b5b5b;

    color: white;

    font-size: 14px;

    border: 1px solid #5b5b5b;

    border-left: none;

    /* Prevent double borders */

    cursor: pointer;

}



.single-product-wrap button:hover {

    background: #5b5b5b;

}


/* Clear floats */

.single-product-wrap form.example::after {

    content: "";

    clear: both;

    display: table;

}



.form-text p {

    padding-top: 12px;

    font-size: 12px;

    color: #5b5b5b;

    opacity: 50%;

}



.single-product-wrap form.example label {

    font-size: 16px;

    font-weight: 700;

    color: #5b5b5b;

    position: absolute;

    top: -25px;

    left: 0px;

}



/* .product-input{

    width: 20%;

}

.product-input input{

    border-radius: 3px;

    border: solid 1px #767676;

    height: 48px;

    width: 100%;

}

.product-btn-1 {

    width: 50%;

    margin-left: 10px;

}

.product-btn-1 button{

    border-radius: 3px;

    border: none;

    width: 100%;

    background: #5b5b5b;

    color: #ffffff;

    height: 48px;

} */



#breadcrumbs {

    padding: 40px 0 15px;

}



#breadcrumbs.article {

    margin-bottom: -80px;

    padding: 38px 0 15px;

}



#breadcrumbs ul {

    display: flex;

    list-style: none;

    padding-left: 0px;

}



#breadcrumbs ul li {

    position: relative;

    padding-right: 20px;

    font-size: 12px;

    text-transform: uppercase;

    color: #4d4e4e;

}



#breadcrumbs ul li a i {

    margin-left: 10px;

}



#breadcrumbs ul li a {



    font-size: 12px;

    font-weight: 500;

    color: #5b5b5b;

}



#breadcrumbs ul li:not(:first-child) {

    font-weight: 700;

    color: #BE9E57;

}



/* #breadcrumbs ul li:not(:last-child):after {

    content: "\f054";

    font-family: "Font Awesome 6 Pro";

    font-weight: 400;

    right: 10px;

    top: 0;

    position: absolute;

    font-size: 12px;

} */



#product {

    padding-top: 50px;

}



.single-section {

    padding: 0px 0px 40px;

}



#product .images {

    display: flex;

    padding-right: 50px;

    padding-left: 5%;

    gap: 5%;

}



#product .images .thumbnails {

    flex: 0 0 210px;

    position: relative;

}



#product .images .swiper {

    height: 50vh;

    margin-left: 0;

}



#product .images .swiper img {

    height: 53px;

    object-fit: contain;

    cursor: pointer;

}



#product .images .swiper .image {

    transition: opacity .3s;

}



#product .images .swiper .image.active {

    opacity: .5;

}



#product .images .swiper .video .wrapper {

    height: 100%;

    object-fit: contain;

    cursor: pointer;

}



#product .images .swiper .video a {

    display: block;

    height: 100%;

    width: fit-content;

    margin: 0 auto;

    position: relative;

}



#product .images .swiper .video a:after {

    content: "";

    background: rgba(0, 0, 0, .5);

    width: 100%;

    height: 100%;

    position: absolute;

    top: 0;

    left: 0;

}



#product .images .swiper .video a .play {

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);

    font-size: 40px;

    color: #fff;

    z-index: 2;

}



#product .images .swiper .video a img {

    object-fit: cover;

}



#product .thumbnails .swiper-button-next,

#product .thumbnails .swiper-button-prev {

    left: 50%;

    transform: translateX(-50%);

    color: var(--main-text);

}



#product .thumbnails .swiper-button-next {

    bottom: -60px;

    top: unset;

}



#product .thumbnails .swiper-button-prev {

    top: -30px;

}



#product .big-img {

    width: 100%;

}



#product .big-img a {

    width: 100%;

}



#product .big-img img {

    max-height: 50vh;

    cursor: pointer;

    object-fit: contain;

}



#product .extras {

    margin-top: 100px;

    padding-left: 5%;

}



#product .extras .accordion-item {

    border-top: 1px solid var(--main-text);

    border-bottom: 1px solid var(--main-text);

    border-radius: 0;

}



#product .extras button {

    border-color: none;

    border: none;

    border-radius: 0;

    padding: 30px 25px;

    display: flex;

    justify-content: space-between;

    align-items: center;

    font-size: 21px;

    font-weight: 700;

}



#product .extras .accordion-body {

    padding: 0 25px 30px 25px;

}



.accordion-button:not(.collapsed) {

    background: none;

    color: var(--main-text);

    box-shadow: none;

}



.accordion-button:focus {

    box-shadow: none;

    ;

}



.accordion-button:not(.collapsed)::after {

    filter: brightness(0);

}



#product .extras .downloads a {

    padding: 5px 0;

}



#product .extras .downloads a i {

    margin-right: 8px;

}



#product .extras .downloads .filesize {

    font-size: 15px;

    color: rgb(129, 129, 129);

}



#product .details .top {

    display: flex;

    justify-content: space-between;

    font-size: 15px;

    color: rgba(0, 0, 0, .75);

}



#product .details .title {

    font-size: 40px;

    font-weight: 500;

    margin: 15px 0;

    line-height: 48px;

}



#product .details .dimensions {

    color: rgba(0, 0, 0, .75);

}



#product .details .prices {

    display: flex;

    margin: 20px 0;

}



#product .details .prices .price-incl,

#product .details .prices .price-excl {

    font-size: 15px;

    color: rgba(0, 0, 0, .75);

    display: flex;

    flex-direction: column;

    white-space: nowrap;

}



#product .details .prices .price-incl {

    margin-left: 40px;

}



#product .details .prices .price {

    font-size: 30px;

    color: rgba(0, 0, 0, .75);

    font-weight: 700;

    margin: 8px 0;

}



#product .details .prices .popup {

    position: relative;

    top: 20px;

    left: 10px;

    width: 100%;

    order: 3;

}



#product .details .prices .popup .content {

    position: absolute;

    max-width: 200px;

    font-size: 13px;

    background: #fff;

    box-shadow: 0px 3px 5px rgb(0 0 0 / 12%);

    padding: 8px;

    line-height: 20px;

    z-index: -1;

    top: -40px;

    left: 12px;

    display: none;

}



#product .details .prices .shareme {

    width: 80px;

    z-index: -2;

    position: relative;

    order: 4;

}



#product .details .actions {

    display: flex;

    gap: 16px;

    align-items: center;

}



#product .details .actions {

    margin-top: 45px;

}



#product .details .actions form {

    position: relative;

    display: flex;

    gap: 16px;

    align-items: center;

}



#product .details .actions form label {

    position: absolute;

    color: var(--main-text);

    font-weight: 700;

    font-size: 16px;

    top: -25px;

    display: block;

}



#product .details .actions form input {

    width: 100%;

    max-width: 100px;

    min-width: 60px;

    padding: 9px 5px;

}



#product .details .actions .btn {

    padding: 14px 30px;

    white-space: nowrap;

    font-size: 14px;

    margin-top: 0;

    flex-basis: min-content;

    margin: 0;

}



#product .details .actions .btn:after {

    display: none;

}



#product .details .actions i {

    flex-basis: min-content;

    font-size: 24px;

    cursor: pointer;

}



#product .details .disc {

    margin-top: 20px;

    color: rgba(0, 0, 0, .5);

    font-size: 16px;

}


.swiper-main .swiper-wrapper{
    flex-direction: column;
}






#highlights {

    background: #EFEFEF;

    padding: 40px 80px;

}



.subtitle {

    font-size: 20px;

    color: #5b5b5b;

    font-weight: 500;

}



.text h2 {

    font-size: 30px;

    margin-bottom: 20px;

}



#highlights .slider-highlights {

    max-width: 1920px;

    margin: 0 auto;

}



#highlights .product {

    background: none;

    padding: 0;

    text-align: center;

    margin-bottom: 0;

}



#highlights .product img {

    border-radius: 50%;





    max-width: unset;

}
.product-h{
    position: relative;
}
#highlights .product-labels{
    justify-content: center;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
}
#highlights .product-label img {
    width: 50px;
/*    height: 50px; */
	border-radius: 0%;
 /*   margin-right: 5px; */
     margin: 0px 5px auto;
}


#highlights .product .title {

    color: #5b5b5b;

    margin: 0px 0;

    min-height: 30px;

    font-size: 16px;

}
#highlights .product .price-excl1{
    font-size: 14px;
    margin-bottom: 5px;
}
.product .price-excl p{
    margin-bottom: 5px;
}

#highlights .product .price.excl {

    font-size: 20px;

    margin-bottom: 8px;

}



#highlights .product .price.excl span {

    font-weight: 700;

}



#highlights .product .price.incl {

    color: #5b5b5b;

    font-size: 18px;

    transition: all .3s;

}



#highlights .product:hover .price.incl {

    color: var(--bg-dark);

}



#highlights .swiper-wrapper {

    padding-bottom: 50px;

}



#highlights .swiper-scrollbar {

    width: 55%;

    left: 50%;

    transform: translateX(-50%);

    height: 12px;

    bottom: 0;

    background: #fff;

}



#highlights .swiper-scrollbar-drag {

    background: #5b5b5b;

}



#highlights.summer {

    padding-top: 0;

}



#highlights.summer.grey {

    background: #f5f5f5;

}



#highlights.summer.light {

    background: var(--bg-light);

}



#highlights.summer.grey .swiper-scrollbar-drag {

    background: #d6d8d8;

}



#highlights.summer.grey .swiper-scrollbar {

    background: #fff;

}

#highlights .number-button .example form{
    text-align: center;
    display: flex
;
    align-items: center;
    justify-content: center;
}
#highlights .number-button .example input[type=number]{
    float: none;
    padding: 2.5px 5px;
}
/* amit dhir #highlights .number-button .example input{
    height: 34px !important;  */
}
#highlights .number-button .example button{
    text-align: center;
    float: none;
    padding: 4.5px 5px !important;
    margin-left: -4px;
	
}
#highlights .number-button .example .qty-buttons button{
        padding: 0px 5px !important;
}


#breadcrumbs.products {

    background: var(--bg-light);

}



#products {

    background: var(--bg-light);

    padding-top: 40px;

}



#products .title-wrapper {

    display: flex;

    align-items: center;

    justify-content: space-between;

    margin-bottom: 40px;

}



#products h1 {

    margin-bottom: 0;

    font-size: 50px;

    font-weight: 500;

}



#products .shareme {

    width: 110px;

    margin-right: 50px;

}



#products .categories>ul>li {

    margin-bottom: 20px;

}



#products .categories>ul>li>a {

    text-transform: uppercase;

    font-size: 22px;

    font-weight: 500;

    margin-bottom: 16px;

}



#products .categories ul li a {

    padding: 4px 0;

}



#products .categories ul li.active>a {

    font-weight: 700;

}



#products .categories .subcategories {

    display: none;

}



#products .categories ul li.active>ul>li.active {

    margin-bottom: 15px;

    margin-top: 15px;

}



#products .categories ul li.active>ul li.active ul {

    margin-left: 15px;

    display: block;

}
#herticon-1 a{
    margin-left: 10px;  
}



#products .categories ul li.active>ul li.active ul li.active a {

    font-weight: 500;

    border-bottom: 1px solid var(--main-text);

}



#products .price-range .title {

    text-transform: uppercase;

    font-size: 22px;

    font-weight: 500;

    margin-bottom: 16px;

    margin-top: 30px;

}



#products .price-range form {

    display: flex;

    gap: 10px;

    align-items: center;

}



#products .price-range input {

    width: 100px;

    padding: 4px;

    border-radius: 0;

    border: 1px solid rgba(0, 0, 0, .5);

}



#products .price-range button {

    background: var(--main-text);

    color: #fff;

    border: none;

    padding: 5px 10px;

}



#products .productlines .title {

    text-transform: uppercase;

    font-size: 22px;

    font-weight: 500;

    margin-top: 20px;

    margin-bottom: 16px;

    margin-top: 30px;

}



#products .productlines ul {

    max-height: 220px;

    overflow: auto;

}



#products .productlines ul::-webkit-scrollbar {

    width: 8px;

    border-radius: 5px;

    position: relative;

    right: -20px;

}



#products .productlines ul::-webkit-scrollbar-track {

    background-color: #BFBFBF;

    width: 8px;

    border-radius: 5px;

}



#products .productlines ul::-webkit-scrollbar-thumb {

    background-color: var(--main-text);

    border-radius: 5px;

    border: 8px solid var(--main-text);

    background-clip: content-box;

}



#products .productlines li {

    padding: 4px 0;

    display: flex;

    align-items: center;

    gap: 5px;

    transition: all .3s;

    cursor: pointer;

    font-size: 16px;

}



#products .productlines li:hover {

    color: var(--main-color);

}



#products .productlines input {

    height: 16px;

    width: 16px;

    border-radius: 0;

    flex: 0 0 16px;

}



#products .productlines input:checked {

    accent-color: var(--main-text) !important;

}



#products .productlines button {

    background: var(--main-text);

    color: #fff;

    border: none;

    padding: 5px 10px;

    margin-top: 15px;

}



.product-h {

    /* background: #fff; */

    /* padding: 20px; */

    /* margin-bottom: 24px; */

    display: flex;

    flex-direction: column;

    /* height: calc(100% - 24px); */

    height: 100%;
    justify-content: space-between;
}
.slider-highlights .swiper-slide{
    height: auto !important;
}



.product .top {

    display: flex;

    justify-content: space-between;

    color: rgba(0, 0, 0, .7);

    font-size: 15px;

    text-transform: uppercase;

    justify-content: flex-end;

}



.product .title {

    font-size: 22px;

    font-weight: 700;

    margin: 10px 0 25px;

    min-height: 78px;

}



.product img {

    max-width: 200px !important;

    margin: 30px auto 20px;

    display: block;

}



.product .price-excl {

    margin-top: 0px;

    color: rgba(0, 0, 0, .7);

    font-size: 14px;
    margin-bottom: 8px;

}



.product .price-excl p {

   

    display: inline-block;

}



.product .price-incl {

    color: rgba(0, 0, 0, .7);

    font-size: 12px;

    font-weight: 400;

    margin-bottom: 6px;

    margin-left: -5px;

    align-items: center;

}



.product .price-incl span {

    font-weight: 700;

    display: inline-block;

    margin-right: 6px;

}



.product .bottom {

    display: flex;

    justify-content: space-between;

    align-items: center;

    width: 100%;

    gap: 15px;

    margin-top: auto;

}



.product .bottom form input {

    width: 100%;

    max-width: 88px;

    padding: 3px 5px;

}



.product .bottom .btn {

    padding-right: 20px;

    white-space: nowrap;

    font-size: 14px;

    margin-top: 0;

    flex-basis: min-content;

}



.product .bottom .btn:after {

    display: none;

}



.product .bottom i {

    flex-basis: min-content;

    font-size: 24px;

    cursor: pointer;

}



.product .popup {

    position: relative;

    top: 1px;

    left: 15px;

    display: inline-block;

    

}





.single-product-popup-content-2 {

    display: none;

    position: absolute;

    left: 20px; 

    top: 0;

    

    background-color: #ffffff;

    color: #5b5b5b;

    padding: 10px;

    border-radius: 5px;

    width: 150px;

    font-size: 12px;

    

   

    

    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);

}



.popup.active .single-product-popup-content-2 {

    display: block;

}



#products .filters {

    margin-bottom: 30px;

    display: flex;

    align-items: center;

    justify-content: space-between;

}



#products .filters .dropdowns {

    display: flex;

    align-items: center;

    gap: 30px;

}



#products .filters .dropdown button {

    width: fit-content;

    padding: 0;

    border: none;

    text-transform: uppercase;

    padding-right: 25px;

}



#products .filters .dropdown button:after {

    right: 0;

}



#products .filters .dropdown .dropdown-menu {

    max-width: fit-content;

}



#products .filters .dropdown .dropdown-menu li a {

    width: 100%;

    padding: 10px;

}



#products .filters .view {

    display: flex;

    align-items: center;

    gap: 10px;

    text-transform: uppercase;

}



#products .filters .view i {

    cursor: pointer;

    color: #C4C4C4;

    font-size: 20px;

}



#products .filters .view i.active {

    color: var(--main-text);

}



#products .items.list .col-xxl-4 {

    width: 100%;

}



#products .items.list .product {

    position: relative;

}



#products .items.list .product>a {

    display: grid;

    grid-template-columns: repeat(6, 1fr);

    grid-template-rows: repeat(2, auto);

}



#products .items.list .product img {

    grid-column: 1 / 2;

    grid-row: 1 / -1;

    max-width: 120px;

    margin-bottom: 0;

}



#products .items.list .product .title {

    grid-column: 2 / 5;

    grid-row: 1 / 2;

    min-height: unset;

    margin: 0;

}



#products .items.list .product .top {

    grid-column: 2 / 5;

    grid-row: 2;

    justify-content: flex-start;

}



#products .items.list .product>.bottom {

    position: absolute;

    right: 14px;

    bottom: 20px;

    width: 33%;

}



#products .items.list .product .d-flex {

    grid-column: 5/-1;

    grid-row: 1/2;

    margin-left: 10px;

}



#products .items.list .product .price-incl {

    grid-column: 5/-1;

    grid-row: 1/2;

    margin-left: 10px;

}



#addFavoriteModal .modal-content {

    border-radius: 0;

}



#addFavoriteModal #title {

    margin-bottom: 8px;

}



.nav-pagination {

    margin-top: 80px;

}



.nav-pagination .relative.z-0.inline-flex {

    display: flex;

    box-shadow: none !important;

    justify-content: center;

    align-items: center;

}



.nav-pagination svg {

    width: 25px;

}



.nav-pagination>nav>div:first-child,

.nav-pagination p {

    display: none;

}



.nav-pagination [aria-current] {

    font-weight: bold;

    color: #fff;

}



.nav-pagination [aria-current] span {

    font-size: 18px;

    padding: 0 !important;

    width: 35px;

    height: 35px;

    display: grid;

    place-content: center;

    background: var(--main-text);

}



.nav-pagination [aria-disabled] {

    display: none;

}



.nav-pagination a {

    width: 35px;

    height: 35px;

    display: grid;

    place-content: center;

    font-size: 18px;

}



.nav-pagination .border {

    border: 1px solid var(--main-orange) !important;

    padding: 0 !important;

}



.nav-pagination [rel="next"],

.nav-pagination [rel="prev"] {

    width: 59px;

    height: 18px;

    background: url(../images/arrow.svg);

    background-size: 59px 18px;

    background-repeat: no-repeat;

    background-position: center;

    background-color: none !important;

    filter: brightness(0%);

}



.nav-pagination [rel="prev"] {

    transform: rotate(180deg);

    margin-right: 8px;

}



.nav-pagination [rel="next"] {

    margin-left: 8px;

}



.nav-pagination [rel="next"] svg,

.nav-pagination [rel="prev"] svg {

    display: none;

}



.swiper-vertical>.swiper-wrapper {
    flex-direction: column;

    padding: 0px 0px;

}


.product-color-item-slider-main{

    max-width: 40px;

    justify-content: space-between;

}

.product-color-item-slider-1{

    max-width: 40px;

   height: 20px;

}

 .owl-carousel .owl-nav{

    display: none !important;

}



.owl-carousel .owl-dots{

    display: none !important;

}







/* -----------------jobs-page-css-start------------------- */



.Jobs-section {

    padding: 40px 0px;

}



.position-section {

   

    width: 70%;

    background: #EEEEEE;

    border-radius: 0px;

    padding: 30px 20px 10px 30px;

    margin-bottom: 24px;

}
.jobs-content-wrap-main h4{
    color: #BE9E57;
}

.jobs-content-wrap-main p{
    color: #5b5b5b;
}
.jobs-content-wrap-main h5{
    color: #5b5b5b;
}
.experience-content-1{
    color: #5b5b5b;
}
.room-design-tittle{
    color: #5b5b5b;
}
.position-section h5 {

    font-size: 16px;

    font-weight: 700;

    color: #5b5b5b;

    margin-bottom: 10px;

}



.offer-section{


    width: 70%;

    background: #EEEEEE;

    border-radius: 0px;

    padding: 30px 20px 30px 30px;

}

.offer-section h5 a{

    font-size: 16px;

    font-weight: 700;

    color: #5b5b5b;

}

.position-section ul {

    margin-top: 20px;

    list-style: none;

    padding-left: 0px;

}



.position-section ul li {

    line-height: 32px;

}



.position-section ul li a.active {

    text-decoration: none;

    color: #48BF6B;

    font-weight: 700;

    font-size: 16px;

}



.position-section ul li a {

    text-decoration: none;

    color: #5B5B5B;

    font-weight: 500;

    font-size: 16px;

}



/*.room-design-tittle-main {

    margin-bottom: 24px;

} */



.room-design-tittle h2 {

    font-size: 32px;

 /*   font-weight: 700; */

    color: #5b5b5b;

}



/*.room-design-tittle {

    border-bottom: solid 1px #5b5b5b;

} */



.room-design-tittle p {

    font-size: 16px;

 /*   font-weight: 700; */

    color: #5b5b5b;

    padding: 0px 0px;

}
.apply-room-button-wrap{
    margin-top: 10px;
}



/*.experience-content-main-1 {

    margin-bottom: 24px;

} */



/*.experience-content-1 {

    border-bottom: solid 1px #5b5b5b;

} */



.experience-content-1 h2 {

    font-size: 25px;

/*    font-weight: 700; */

    color: #5b5b5b;

}

#room-design-tittle h2{

    font-size: 25px;

/*    font-weight: 700; */

    color: #5b5b5b;

}

.experience-content-1 p {

    font-size: 16px;

 /*   font-weight: 700; */

    color: #5b5b5b;

    padding: 5px 0px;

}



.apply-room-button a {

    text-decoration: none;

    background: #5b5b5b;

    color: #ffffff;

    font-size: 15px;

    border-radius: 0px;
    font-weight: 500;

    padding: 10px 15px;
    width: 100%;
    line-height: normal;

}
.apply-room-button a:hover {

    text-decoration: none;

    background: #5b5b5b;

    color: #ffffff;

    font-size: 15px;

    border-radius: 0px;
    font-weight: 500;

    padding: 10px 15px;
    width: 100%;
    line-height: normal;

}



.apply-room-button a img {

    margin-right: 10px;

}
.agb-and-condition-btn a{
    background: #FFFFFF;
    color: #5b5b5b;
    text-decoration: none;
    border: solid 1px #5b5b5b;
    padding: 11px 30px;
    border-radius: 5px;
    width: 200px;
    overflow: hidden;
    text-align: center;
    margin: 0px 5px;
    font-size: 16px;
    font-weight: bold;
}
.apply-room-button-agb a {

    text-decoration: none;

    background: #404040;

    color: #ffffff;

    font-size: 15px;

    border-radius: 0px;
    font-weight: 500;

    padding: 10px 15px;
    width: 100%;
    line-height: normal;

}
.apply-room-button-agb a:hover {

    text-decoration: none;

    background: #404040;

    color: #ffffff;

    font-size: 15px;

    border-radius: 0px;
    font-weight: 500;

    padding: 10px 15px;
    width: 100%;
    line-height: normal;

}



.apply-room-button-agb a img {

    margin-right: 10px;

}


.last-arrow-image {

    margin-left: 10px;

}
.apply-room-button-wrap{
    justify-content: space-between;
}

.apply-room-button{
    width: 25% !important;
}


.apply-room-content {

    width: 47%;
    margin-left: 0px;
    text-align: center;

}



.apply-room-content p {

    font-size: 16px;

    font-weight: 700;

    color: #5b5b5b;

    margin-bottom: 0px;

}

/* .jobs-content-wrap-main {

    display: none;

}



.jobs-content-wrap-main.active {

    display: block;

} */









/* -----------------jobs-page-css-end------------------- */



/* -----------------contact-page-css-start------------------- */



.contact-wrap-bg-image {

    background-image: url(../images/contact-page-bg-image.png);

    width: 100%;

    background-size: cover;

    object-fit: cover;

    background-repeat: no-repeat;

}



.gaping-section {

    padding: 20px 0px;

}



.contact-wrap-bg-image-2 {

    position: relative;

}



.contact-wrap-bg-image-2 img {

    width: 100%;
    border: thick double #bd9f59;
    border-radius: 26px;
/* min-height: 100vh; */
}

.anfrage-button a img{
    min-height: auto;
}

.conact-page-content-main {

    margin: 50px 20px 0px;

    position: absolute;

    top: 0px;

    left: 0px;

}



.contact-tittle-4 h1 {

    font-size: 78px;

    font-weight: 15b5b5b;

    color: #5B5B5B;

    line-height: 67px;

}



.anschrift-button {

    margin-top: 100px;

    text-align: end;

    transform: rotate(350deg);

}



.anschrift-button a {

    background: #404040;

    font-size: 25px;

    font-weight: 700;

    color: #ffffff;

    padding: 10px 30px;

    border-radius: 0px;



}
.contact-item input{
    border-radius: 0px;
}
.contact-item input[type="file"]{
 border: solid 1px #5b5b5b;
    padding: .5rem;
  }



.eventdekorationen-wrap {

    padding-top: 100px;

}



.eventdekorationen-wrap-main {

    border: solid 1px #5b5b5b;

    text-align: center;

    padding: 40px 0px 20px;

    border-radius: 0px;

    height: 240px;

}



.eventdekorationen-wrap-main a {

    color: #5b5b5b;

    font-size: 16px;

    font-weight: 700;

}



.eventdekorationen-wrap-main p {

    color: #5b5b5b;

    font-size: 16px;

    font-weight: 400;

}



.direkt-content-1 {

    border: solid 1px #5b5b5b;

    text-align: center;

    padding: 30px 0px 20px;

    border-radius: 0px;

    margin-bottom: 24px;

    height: 108px;

}



.direkt-content-1 a {

    color: #5b5b5b;

    font-size: 16px;

    font-weight: 700;

}



.direkt-content-2 {

    border: solid 1px #5b5b5b;

    text-align: center;

    padding: 40px 0px 20px;

    border-radius: 0px;

    height: 108px;

}



.direkt-content-2 a {

    color: #5b5b5b;

    font-size: 16px;

    font-weight: 700;

}



.anfrage-button {

    padding-top: 50px;

    margin-left: 130px;

}



.anfrage-button a {

    color: #ffffff;

    background: #404040;

    padding: 10px 30px;

    font-size: 15px;

    font-weight: 500;

}



.anfrage-button a img {

    margin-left: 10px;

    height: auto;

    border: none;


}



.uns-tittle-section-gaping {

    padding-bottom: 40px;

}



.uns-tittle-section {

    background: #404040;

}



.uns-tittle-section h3 {

    font-size: 25px;

    text-align: center;

    color: #ffffff;

    font-weight: 600;

    padding: 20px;

    margin-bottom: 0px;

}

.kontakt-page-kontact-form{

    padding-bottom: 40px;

}









/* ------------------news-page-css-start------------------------ */
.news-section-wrap{
    padding: 40px 0px;
}
.news-tittle{
    text-align: center;
}

.news-tittle h1{
    font-size: 32px;
    font-weight: 700;
  
}
.news-tittle h2{
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 2px;
}
.news-main-wrap{
    margin-top: 40px;
}
.news-main{
    margin-bottom: 20px;
}
.news-bg-image-1{
    width: 100%;
    overflow: hidden;
    position: relative;
    cursor: pointer;
}

 .news-box-image-1{
    background-image: url(../images/news-image-1.jpg);
    padding-bottom: 75%;
    background-position: 50% 50%;
height: 100%;
    width: 100%;
    background-size: cover;
    transition: all 0.7s;
 }
    
 .news-main-box-1:hover .news-box-image-1 {
    transform: scale(1.04);
}
.news-box-image-content-1{
   margin: 35px 0px;
}
.news-box-image-content-1 a h5{
    font-size: 16px;
    color: #5b5b5b;
}

.news-box-image-content-1 a h4{
    font-size: 20px;
    color: #5b5b5b;
    font-weight: 700;
    margin-bottom: 15px;
}
.news-box-image-content-1 a p{
  font-size: 14px;
    color: #5b5b5b;
}
.news-page-pagination ul .active>.page-link, .page-link{
    color: #5b5b5b;
}
.news-page-pagination ul .active>.page-link, .page-link.active{
background: #5b5b5b;
color: #ffffff;
border: #5b5b5b;
}

/* ------------------impressum-page-css-start------------------------ */
.impressum-section{
    padding: 40px 0px;
}

.impressum-main-tittle{
    margin-bottom: 40px;
}
.impressum-main-tittle h1{
    font-size: 32px;
    font-weight: 700;
  
}
.impressum-content-1 h2{
    font-size: 26px;
    margin-bottom: 20px;
    font-weight: 700;
}
.impressum-content-2 h3{
    font-size: 20px;
    font-weight: 600;
    
}
.impressum-content-2 p{
    font-size: 15px;
    font-weight: 500;
}

/* ------------------impressum-page-css-start------------------------ */
.datenschutz-section{
    padding: 40px 0px;
}
.datenschutz-section h3{
    font-size: 26px;
    color: #5b5b5b;
}
.datenschutz-section h1{
    font-size: 32px;
    color: #5b5b5b;
}
.datenschutz-section p{
    color: #5b5b5b;
}
.datenschutz-section h2{
    font-size: 26px;
    color: #5b5b5b;
}
.cky-cookie-audit-table th{
    color: #5b5b5b;
}
.cky-cookie-audit-table td{
    color: #5b5b5b;
}
.datenschutz-titlle{
    margin-bottom: 40px;
}
.datenschutz-titlle h1{
    font-size: 32px;
    /* font-weight: 700; */
    color: #5b5b5b;
  
}
.datenschutz-titlle p{
    color: #5b5b5b;
  
}
.datenschutz-content-1 h2{
    font-size: 26px;
    margin-bottom: 20px;
    font-weight: 700;
}
.datenschutz-content-1 h3{
    font-size: 20px;
    font-weight: 600;
    
}
.datenschutz-content-1 p{
    font-size: 15px;
    font-weight: 500;
}
.download-btn-agb a{
    text-decoration: none;
    background: #404040;
    color: #ffffff;
    font-size: 15px;
    border-radius: 0px;
    font-weight: 500;
    padding: 10px 35px;
}

/* ------------------impressum-page-css-start------------------------ */
.cookie-section{
    padding: 40px 0px;
}

.cookie-tittle{
    margin-bottom: 40px;
}
.cookie-tittle h1{
    font-size: 32px;
    font-weight: 700;
  
}
.cookie-content-1 h2{
    font-size: 26px;
    margin-bottom: 20px;
    font-weight: 700;
}
.cookie-content-1 h3{
    font-size: 20px;
    font-weight: 600;
    
}
.cookie-content-1 p{
    font-size: 15px;
    font-weight: 500;
}
.cookie-table{
    margin-bottom: 20px;
}
.cookie-table table{
    border-collapse: collapse;
    width: 100%;
}

.cookie-table table tr th{
    background-color: #d9dfe7;
    border: 1px solid #cbced6;
    text-align: left;
    padding: 10px;
    font-size: 12px;
    color: #5b5b5b;
    word-break: normal;
}
.cookie-table table tr td{
    border: 1px solid #cbced6;
    text-align: left;
    padding: 10px;
    font-size: 12px;
    color: #5b5b5b;
    word-break: normal;
}
.cookie-table table tr:nth-child(2n + 1) td {
    background: #f1f5fa;
   
}



/* ------------------agb-page-css-start------------------------ */

.agb-slide-section {
    background-image: url(../images/agb-banner-image.jpg);
    width: 100%;
    object-fit: cover;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    padding: 40px 0px;

}
.ag-headding h1{
    font-size: 60px;
    font-weight: 700;
    color: #ffffff;
}
.ag-headding p{
    font-size: 25px;
    color: #ffffff;
    font-weight: 600;
}
.agb-content-box-1{
    background: #EEEEEE;
    padding: 7px;
    text-align: center;
    margin: 0px 20px;
}
.agb-content-box-1 h5{
    margin-bottom: 0px;
    font-weight: 700;
}
#agb-border-bottom hr{
    height: 2px;
    border: solid 1px #5B5B5B;
}
/* ------------------condtions-page-css-start------------------------ */

#condition-banner-section {
    background-image: url(../images/condition-banner-image.jpg);
}
.condtion-p-content{
    margin-bottom: 20px;
}
.condtion-p-content p{
    margin-bottom: 0px;
}
.condtion-page-table table{
    width: 100%;
    overflow-x: auto;
}
.condtion-page-table table tr th{
    background: #EEEEEE;
    font-size: 15px;
    font-weight: 500;
    color: #212529;
    padding: 7px;
}
.condtion-page-table table tr td {
    padding: 7px;
}
.condtion-page-table table tr td p{
    margin-bottom: 0px;
}
.condtion-page-table table tr td p span{
    font-size: 12px;
}


/* ------------------gallery-page-css-start------------------------ */

.gallery-tittle h1 {
    font-size: 32px;

    color: #5b5b5b;

    /* font-weight: 700; */
}
.gallery-tittle p {
    font-size: 16px;
  /*  font-weight: 700; */
    width: 75%;
    margin: auto;
}

.gallery-section-wrap{
    padding: 40px 0px;
}

.image-gallery-image-box-1{
    margin-bottom: 20px;
}

.image-gallery-image-box-1 img{
    width: 100%;
}
.lightbox-1{
    margin-bottom: 24px;
}


.lightbox-1 img {
    max-width: 100%;
  /*   height: 100%; */
    /* object-fit: cover; */
}

  /* ------------------albums-page-css-start------------------------ */


  .inspiration-form {

    display: flex;

    gap: 100px;

    align-items: center;

    justify-content: space-between;

}

.inspiration-form .input-group-2 {

    padding: 0;

}
.inspiration-form .input-group-2 input{
    background: #EBEBEB;
    color: #5B5B5B;
}

.inspiration-form select.form-control {
    background: #EBEBEB;
    color: #5B5B5B;
    flex: 0 0 30%;

}
.inspiration-form #form-control {
    appearance: unset !important;
    background-image: url(../images/Union.svg) !important;
    background-repeat: no-repeat !important;
    background-position: calc(100% - 10px) center !important;
    padding-right: 35px !important;
    outline: 0 !important;
    box-shadow: none !important;
}

.inspiration-form .input-group-2 a.tn {

    top: 11px;

    right: 15px;

}
.input-group-2 {

    padding: 20px 0;

    width: 30%;

    position: relative;

}
.input-group-2 a {

    position: absolute;

    right: 30px;

    top: 30px;

    line-height: 1;

    color: #5B5B5B;

}
.event-image-wrap-sub{
    background: #EBEBEB;
    padding: 5px 5px 0px;
    height: 100%;
}
.event-image-wrap-1{
    /* height: 100%; */
    margin-bottom: 24px;

}
.event-image-wrap-1.e-deko-gallery .event-image-wrap-sub{
    background: #bd9e58;
    /* height: 100%; */
}
.event-image-wrap-1.e-deko-gallery .event-image-wrap-sub .event-name-tittle{
    background: #bd9e58;
}
.event-image-wrap-1.e-deko-gallery .event-image-wrap-sub .event-name-tittle h4{
    color: #fff;
}
.event-image-1 img{

    width: 100%;

}

.event-name-tittle{

    background: #EBEBEB;

}

.event-name-tittle h4{

    padding: 10px;

    font-size: 16px;

    /* font-weight: 700; */

    color: #5B5B5B;
    margin-bottom: 0px;

}

.event-name-tittle h4.event-name-tittle-heading{

    padding: 10px;

    font-size: 16px;

    font-weight: 700;

    color: #5B5B5B;

    transform: rotate(180deg);

    

    margin-bottom: 0px !important;

}
.our-partner-about-section{
    padding: 40px 0px;
}

.partner-image-wrap-sub a{
    -webkit-box-flex: 1;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 250px;
    margin-left: 8px;
    margin-right: 8px;
    padding: 23px 20px;
    background: #fff
}
.partner-image-wrap-sub a img{
    vertical-align: top;
    max-width: 100%;
    width: auto;
    height: auto;
    -webkit-transition: opacity .3s ease;
    transition: opacity .3s ease;
}
.our-partner-about-section{
    background: #f3f3f3;
}
.partner-image-wrap-1{
    height: auto;
}
.partner-image-wrap-sub{
    height: auto;
}
.partner-owl-carousel.owl-drag .owl-item{
    display: flex;
    height: auto;
}

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

    .single-product-content h2 {

        font-size: 28px;

        font-weight: 500;

        color: #5b5b5b;

        margin-left: -1.5px;

        /* margin-bottom: 16px; */

    }

}


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

    .apply-room-button a{
        padding: 10px 15px;
    }
    .apply-room-content {
        width: 40%;
    }
    .apply-room-button {
        width: 34% !important;
    }
}



@media only screen and (min-width: 1024px) and (max-width: 1280px) {



    /* .swiper-main{

        position: absolute;

        bottom: -130px;

    } */

    /* .swiper-container {

        height: 400px;



    } */

     .single-product-1{

        margin-top: 0px;

     }

     .swiper-vertical>.swiper-wrapper {

        

        padding: 11px 0px;

    }

    .swiper-section {

        margin-top: 0px;

    }



    .sinle-product-wrap-main {

        align-items: normal !important;

    }



    .single-product-content h2 {

        font-size: 28px;



    }



    .price-main .price-excl {

        font-size: 26px;



    }



    .price-main .price-excl .price {

        font-size: 26px;



    }



    .position-section {



        width: 88%;



    }

    .offer-section {

       

        width: 88%;

       

    }



    .apply-room-button a {



        padding: 10px 20px;

    }



    .contact-wrap-bg-image-2 img {



        height: 544px;

    }



    .anfrage-button {



        margin-left: 70px;

    }
    .apply-room-button-wrap{
        flex-wrap: wrap;
        text-align: center;
        justify-content: center;
    }

    .apply-room-button {
        width: 100% !important;
        margin-bottom: 15px;
    }
    .apply-room-content{
        width: 100%;
        margin-bottom: 15px;
    }
}



@media only screen and (min-width: 992px) and (max-width: 1023px) {



    /* .swiper-main{

       position: absolute;

       bottom: -130px;

   } */

   .swiper-main .swiper-container {

        height: 400px;



    }



    .sinle-product-wrap-main {

        align-items: normal !important;

    }



    .position-section {



        width: 88%;



    }

    .offer-section {

       

        width: 88%;

       

    }



    .apply-room-button a {



        padding: 10px 20px;

    }



    .contact-wrap-bg-image-2 img {



        height: 544px;

    }



    .anfrage-button {



        margin-left: 70px;

    }
    .apply-room-button-wrap{
        flex-wrap: wrap;
        text-align: center;
        justify-content: center;
    }

    .apply-room-button {
        width: 100% !important;
        margin-bottom: 15px;
    }
    .apply-room-content{
        width: 100%;
        margin-bottom: 15px;
    }
}

@media only screen and (max-width : 1199px) {
    .frabe-button-option {
        max-width: 100%;
        min-width: 17%;
    }
}


@media only screen and (min-width: 768px) and (max-width: 991px) {


    .frabe-button-option {
        max-width: 100%;
        min-width: 11%;
    }
    .single-product-1 {

        width: 100%;

        order: 1;

        margin-bottom: 20px;

    }

    .swiper-main .swiper-wrapper {
        flex-direction: row !important;
    }

    .single-product-content-main {

        width: 100%;

        order: 3;

    }



    .swiper-section {

        width: 100%;

        order: 2;

        margin-bottom: 20px;

    }



    .swiper-slide img {

        max-width: 150px;

    }



    .swiper-section .swiper-container .swiper-wrapper .swiper-slide {

        width: 25% !important;



    }



    .swiper-vertical>.swiper-wrapper {

        flex-direction: row !important;

        padding: 0px 20px !important;

    }



    .swiper-main .swiper-container {

        height: 120px;



    }



    .swiper-button-next,

    .swiper-button-prev {

        rotate: -90deg;



        transform: translateY(-50%);

        left: unset;

        display: block;



    }



    .swiper-wrapper {



        width: 98% !important;





    }

    .swiper-button-next {

        top: 50% !important;

    }



    /* .swiper-button-prev{

        right: 10px !important;

    } */

    .swiper-button-prev {



        left: 3% !important;

        top: 50% !important;



    }



    .swiper-button-next {

        left: 100% !important;

    }



    .position-section-wrap {

        width: 100%;

        margin-bottom: 24px;

    }



    .position-section {

        width: 40%;



    }

    .offer-section {

       

        width: 40%;

       

    }



    .jobs-content-wrap-main-sub {

        width: 100%;

    }



    .room-design-tittle h2 {

        font-size: 30px;

    }



    .experience-content-1 h2 {

        font-size: 23px;



    }

    .contact-wrap-bg-image-2 img {

       

        height: 804px;

    }

    .anfrage-button {

        

        margin-left: 70px;

    }

    .anschrift-wrap{

        width: 100%;

    }

    .eventdekorationen-wrap{

        width: 100%;

    }

    .event-image-wrap-1{
        width: 33%;
    }
    .lightbox-1{
        width: 33%;
    }
    .gallery-section-wrap {
        padding: 20px 0px;
    }
    .apply-room-button-wrap{
        flex-wrap: wrap;
        text-align: center;
        justify-content: center;
    }

    .apply-room-button {
        width: 100% !important;
        margin-bottom: 15px;
    }
    .apply-room-content{
        width: 100%;
        margin-bottom: 15px;
    }
}




@media screen and (max-width: 575.98px) {
    .inspiration-form select.form-control {
        flex: 0 0 100%;
    }
    .inspiration-form {
        gap: 10px;
    }
    .inspiration-form .input-group-2 {
        flex: 0 0 50%;
    }
    #breadcrumbs ul{
        flex-wrap: wrap;
    }
    .agb-and-condition-btn{
        flex-wrap: wrap;
    }
    .agb-and-condition-btn .apply-room-button-agb{
        margin-left: 0px !important;
        margin-bottom: 5px;
    }
}


@media only screen and (min-width: 480px) and (max-width: 767px) {

    .lightbox-1 img{
        width: 100%;
    }

    .single-product-1 {

        width: 100%;

        order: 1;

    }
    .swiper-main .swiper-wrapper {
        flex-direction: row !important;
    }
    .gallery-section-wrap {
        padding: 20px 0px;
    }
    .apply-room-button-wrap{
        flex-wrap: wrap;
        text-align: center;
        justify-content: center;
    }

    .apply-room-button {
        width: 100% !important;
        margin-bottom: 15px;
    }
    .apply-room-content{
        width: 100%;
        margin-bottom: 15px;
    }



    .single-product-content-main {

        width: 100%;

        order: 3;

    }



    .swiper-section {

        width: 100%;

        order: 2;

        margin-bottom: 20px;

    }



    .swiper-slide img {

        max-width: 150px;

    }



    .swiper-section .swiper-container .swiper-wrapper .swiper-slide {

        width: 25% !important;



    }

    .swiper-button-next {

        top: 50% !important;

    }



    .swiper-vertical>.swiper-wrapper {

        flex-direction: row !important;

        padding: 0px 20px !important;

    }



    .swiper-main .swiper-container {

        height: 120px;



    }



    .swiper-button-next,

    .swiper-button-prev {

        rotate: -90deg;



        transform: translateY(-50%);

        left: unset;

        display: block;



    }



    .swiper-wrapper {



        width: 98% !important;





    }



    /* .swiper-button-prev{

        right: 10px !important;

    } */

    .swiper-button-prev {



        left: 3% !important;

        top: 50% !important;



    }



    .swiper-button-next {

        left: 100% !important;

    }



    .single-product {

        padding-bottom: 20px;

    }



    .single-product-content h2 {

        font-size: 28px;

    }



    .single-product-wrap form.example button {

        padding: 9px !important;



    }



    .text h2 {

        font-size: 30px;

    }



    .subtitle {

        font-size: 16px;

    }



    .position-section-wrap {

        width: 100%;

        margin-bottom: 24px;

    }



    .position-section {

        width: 60%;



    }

    .offer-section {

       

        width: 60%;

       

    }

    .event-name-tittle h4{
        font-size: 14px;
    }

    .jobs-content-wrap-main-sub {

        width: 100%;

    }



    .room-design-tittle h2 {

        font-size: 30px;

    }



    .experience-content-1 h2 {

        font-size: 23px;



    }



    .apply-room-button-wrap {

        flex-wrap: wrap;

    }



    .apply-room-button {

        width: 100%;

        margin-bottom: 24px;

        text-align: center;

    }



    .apply-room-content {

        text-align: center;

    }

    .contact-wrap-bg-image-2 img {

       

        height: 850px;

    }

    .anfrage-button {

        

        margin-left: 70px;

    }
    .datenschutz-section h3{
        font-size: 20px;
    }
    .datenschutz-section h1{
        font-size: 26px;
    }
    .datenschutz-section h2{
        font-size: 22px;
    }

    .anschrift-wrap{

        width: 100%;

    }

    .eventdekorationen-wrap{

        width: 100%;

    }
    .jobs-content-wrap-main h4{
        font-size: 22px;
    }
    .uns-tittle-section h3 {

        font-size: 22px;

        

    }
    .jobs-content-wrap-main h5{
        font-size: 22px;
    }
    .eventdekorationen-wrap-main-1{

        margin-bottom: 24px;

    }

    .team-tittle-wrap-1 p {

        font-size: 14px;



        width: 100%;

        

    }
    .gallery-tittle h1{
        font-size: 22px;
    }
    .contact-tittle-4 h1 {

        font-size: 40px;
        text-align: center;
       

    }
    .eventdekorationen-wrap {
        padding-top: 50px;
    }
    #highlights input[type=Number] {
        width: 30%;
    }

}

  
  

@media only screen and (min-width: 320px) and (max-width: 479px) {
    .apply-room-button-wrap{
        flex-wrap: wrap;
        text-align: center;
        justify-content: center;
    }

    .apply-room-button {
        width: 100% !important;
        margin-bottom: 15px;
    }
    .jobs-content-wrap-main h5{
        font-size: 22px;
    }
    .apply-room-content{
        width: 100%;
        margin-bottom: 15px;
    }
    #highlights input[type=Number] {
        width: 30%;
    }

    .lightbox-1 img{
        width: 100%;
    }
    .single-product-1 {

        width: 100%;

        order: 1;

    }

    .swiper-button-next {

        top: 50% !important;

    }



    .single-product-content-main {

        width: 100%;

        order: 3;

    }



    .swiper-section {

        width: 100%;

        order: 2;

        margin-bottom: 20px;
        padding-left: 15px !important;

    }



    .swiper-slide img {

        max-width: 150px;

    }



    .swiper-section .swiper-container .swiper-wrapper .swiper-slide {

        width: 25%;
        margin-right: 5px !important;
        margin-left: 10px;


    }



    .swiper-vertical>.swiper-wrapper {

        flex-direction: row !important;

        padding: 0px 20px !important;

    }



    .swiper-main .swiper-container {

        height: 120px;



    }
    .qtyLabel{
        white-space: nowrap;
        right: 22px;
    }



    .swiper-button-next,

    .swiper-button-prev {

        rotate: -90deg;



        transform: translateY(-50%);

        left: unset;

        display: block;



    }



    .swiper-wrapper {



        width: 98% !important;





    }



    /* .swiper-button-prev{

        right: 10px !important;

    } */

    .swiper-button-prev {



        left: 5% !important;

        top: 50% !important;



    }



    .swiper-button-next {

        left: 103% !important;

    }



    .single-product {

        padding-bottom: 20px;

    }



    .single-product-content h2 {

        font-size: 22px;

    }



    .single-product-wrap form.example button {

        padding: 9px !important;



    }
    /* .agb-and-condition-btn .ms-2{
        margin-left: 0px !important;
    } */
    .agb-and-condition-btn a{
        margin-bottom: 8px;

      
    }
    .agb-and-condition-btn div{
        width: 100%;
    }
    .agb-and-condition-btn-1{
        margin: auto !important;
    }


    .text h2 {

        font-size: 26px;

    }



    .subtitle {

        font-size: 16px;

    }



    .frabe-button-1 {

        width: 50%;

        padding-bottom: 5px;

    }



    .frabe-button-1 button {

        width: 100%;

        height: 92px;

    }
    .datenschutz-section h3{
        font-size: 20px;
    }
    .datenschutz-section h1{
        font-size: 26px;
    }
    .datenschutz-section h2{
        font-size: 22px;
    }


    .frabe-main {

        flex-wrap: wrap;

    }



    .frabe-button-option {
        min-width: 22%;
        max-width: 100%;

        padding-bottom: 5px;

    }
    .rent-a-lounge-home-menu .offcanvas-header ul li{
        width: 100% !important;
    }



    #highlights {



        padding: 40px 0px;

    }
    .swiper-main .swiper-wrapper {
        flex-direction: row !important;
    }



    .price-main .price-excl {

        font-size: 16px;



    }



    .price-main .price-excl .price {

        font-size: 16px;



    }



    .position-section-wrap {

        width: 100%;

        margin-bottom: 24px;

    }



    .position-section {

        width: 100%;
        padding: 15px 20px 10px 30px;


    }

    .offer-section {

       

        width: 100%;

       

    }



    .jobs-content-wrap-main-sub {

        width: 100%;

    }



    .room-design-tittle h2 {

        font-size: 22px;

    }
    #room-design-tittle h2{
        font-size: 22px;
    }


    .experience-content-1 h2 {

        font-size: 22px;



    }



    .apply-room-button-wrap {

        flex-wrap: wrap;

    }



    .apply-room-button {

        width: 100%;

        margin-bottom: 24px;

        text-align: center;

    }

    .event-name-tittle h4{
        font-size: 14px;
    }

    .apply-room-content {

        text-align: center;

        margin-left: 0px;

        width: 100%;

    }



    .room-design-tittle p {

        font-size: 14px;

        font-weight: 600;

    }



    .experience-content-1 p {

        font-size: 14px;

        font-weight: 600;



    }



    .last-arrow-image {

        margin: auto;

        padding-bottom: 5px;

        width: 100%;

        text-align: center;

    }



    .apply-room-content p {

        font-size: 14px;

        font-weight: 600;



    }

    .contact-wrap-bg-image-2 img {

       

        height: 830px;

    }
    .eventdekorationen-wrap {
        padding-top: 30px;
    }

    .anfrage-button {

        

        margin-left: 70px;

    }

    .anschrift-wrap{

        width: 100%;

    }

    .eventdekorationen-wrap{

        width: 100%;

    }

    .uns-tittle-section h3 {

        font-size: 16px;

        

    }
    .jobs-content-wrap-main h4{
        font-size: 22px;
    }

    .eventdekorationen-wrap-main-1{

        margin-bottom: 24px;

    }

    .anfrage-button{

        margin-left: 0px;

        text-align: center;

    }

    .anfrage-button a {

        

        padding: 10px 10px;

        font-size: 14px;

    

    }

    .direkt-content-1 a {

        

        font-size: 14px;

        

    }

    .eventdekorationen-wrap-main a {

        

        font-size: 14px;

     

    }

    .eventdekorationen-wrap-main p {

      

        font-size: 14px;

       

    }

    .direkt-content-1 {

     height: auto;

        padding: 20px 5px 20px;

      

    }
    .eventdekorationen-wrap-main{
        height: auto;
    }

    .direkt-content-2 {

   height: auto;

        padding: 30px 5px 20px;

  

    }

    .direkt-content-2 a {

       

        font-size: 14px;

      

    }

    .contact-tittle-4 h1 {

        font-size: 40px;
        text-align: center;
       

    }

    .anschrift-button a {

        

        font-size: 22px;

       

    }

    .anschrift-button {

        margin-top: 50px;

      

    }

    .news-tittle h1 {
        font-size: 26px;
    }
    .datenschutz-titlle {
        margin-bottom: 20px;
    }

    .datenschutz-titlle h1 {
        font-size: 22px;
       
    }
    .impressum-main-tittle h1 {
        font-size: 26px;
       
    }
    .impressum-content-1 h2 {
        font-size: 22px;
        margin-bottom: 10px;
    }
    .datenschutz-content-1 h2 {
        font-size: 20px;
        margin-bottom: 10px;
    }
    .agb-content-box-1 h5 {
        font-size: 18px;
    }
    .cookie-tittle h1 {
        font-size: 26px;
    }
    .cookie-content-1 h2 {
        font-size: 22px;
        margin-bottom: 10px;
    }
    .ag-headding h1 {
        font-size: 40px;
    }


    .gallery-tittle h1{
        font-size: 22px;
    }
    .gallery-tittle p {
        font-size: 14px;
        width: 100%;
    }
    .gallery-section-wrap {
        padding: 20px 0px;
    }
}