@media screen and (max-width: 767px){
    .in-index .content-wrapper.container{
            padding:0;
        }
    }
    @media screen and (max-width: 911px){
        body.in-index div.body-banners > div{
            padding:0 !important;
            padding-left:20px !important;
        }
        body.in-index div.body-banners #hp_categories{
            overflow: overlay;
            padding:unset;
            padding-bottom:15px;
            padding-left:10px;
            padding-right:10px;
        }
        body.in-index div.body-banners{
            margin-bottom:3rem;
        }
        body.in-index #hp_subcategories{
            width:1270px;
        }
        body.in-index div.h4{
            margin-left:20px;
        }
        body.in-index div.body-banners div.h4{
            margin-left:10px;
        }
    }
    @media screen and (max-width: 767px){
        #hp_subcategories > a{
            width:300px;
        }
    }
    /* HOMEPAGE */
    #hp_top_banners {
        display: flex;
        justify-content: space-between;
        gap:10px
    }
    #hp_top_banners > div:nth-child(1) img{
        border-top-right-radius: 5px;
        border-bottom-right-radius: 5px;
    }
    #hp_top_banners > div:nth-child(2) img,
    #hp_top_banners > div:nth-child(2) video{
        border-radius: 5px;
    }
    #hp_top_banners > div:nth-child(3) img{
        border-radius: 5px;
    }
    #hp_top_banners > div:nth-child(4) img{
        border-top-left-radius: 5px;
        border-bottom-left-radius: 5px;
    }
    .h4.homepage-group-title{
        text-align: left;
        color: var(--master-font-primary);
        font-weight: bold
    }
    /* homepage - banners */
    @media screen and (max-width: 767px){
        .in-index div.next-to-carousel-banners{
            margin-left:-10px;
            margin-right:-10px
        }
        #hp_top_banners{
            gap:5px;
            overflow:overlay;
        }
        #hp_top_banners .banner_40{
            min-width:300px;
        }
        #hp_top_banners .banner_20{
            min-width:150px;
        }
    }
    /* *bannery* */
    .in-index #content div.row.banners-row{
        margin-top:10px;
        margin-left: -40px;
        margin-right: -10px;
    }
    @media screen and (max-width: 767px){
        .in-index #content div.row.banners-row{
            margin-top:0px;
            margin-left: 0px;
            margin-right: 0px;
        }
        .banners-row .banner-wrapper{
            margin-top:0
        }
    }
    /* *subcategories* */
    .in-index .middle-banners-wrapper{
        border: none;
        padding-bottom: 4rem;
        margin-bottom: 0;
        padding-top: 4rem;
    }
    .in-index .middle-banners-wrapper > div > div.container{
        width:100% !important;
        padding:0 40px;
    }
    .in-index .middle-banners-wrapper .h4.homepage-group-title{
        margin-top:0;
    }
    body.in-index div.body-banners #hp_categories{
        margin-bottom:5rem
    }
    #hp_subcategories{
        display:flex;
        flex-wrap: wrap;
        gap:10px 15px
    }
    #hp_subcategories > a{
        width: calc(25% - 12px);
        display:flex;
        background-color:var(--master-color-white);
        padding:5px 15px 5px 5px;
        align-items:center;
        box-shadow: 5px 5px 15px 0 rgba(0,0,0,.07);
        border-radius:5px;
        transform .1s ease-in-out,box-shadow .3s ease-in-out;
        height:85px
    }
    #hp_subcategories > a:hover{
        box-shadow: 8px 8px 32px 0 rgba(0,0,0,.12);
        transform: translateY(-2px);
        background: rgb(255,255,255);
        background: linear-gradient(90deg, rgba(255,255,255,1) 33%, rgba(241,250,248,1) 100%);
    }
    #hp_subcategories > a img{
        width:75px;
        height:auto;
        padding:0.5rem
    }
    #hp_subcategories > a p{
        margin-bottom:unset;
        text-align:left;
        color:var(--master-color_black);
        padding-left:10px;
        font-weight:500
    }

    /* rooms line */
.in-index #hp_rooms_upper_wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.in-index #hp_rooms_arrows {
    display: flex;
    gap: 1.5rem;
}
.in-index #hp_rooms_arrows svg{
	width:30px;
	height:auto;
}
.in-index #hp_rooms_arrows svg:hover{
	cursor:pointer;
}
.in-index #hp_rooms_arrows svg:not(.not-active):hover path:nth-child(2){
	fill:var(--master-color-primary)
}
.in-index #hp_rooms_arrows svg.not-active{
	opacity:0.5;
	cursor:default;
}
.in-index #hp_rooms_upper_wrap .h4.homepage-group-title{
	margin-bottom:0;
}
.in-index #hp_rooms_upper_wrap{
	margin-bottom:2rem;
}
#hp_rooms_main_wrapper{
	display:flex;
	overflow:overlay;
	padding-bottom:2rem;
}
#hp_rooms_main_wrapper .room-item{
	width:250px;
	min-width:250px;
	box-shadow: 5px 5px 15px 0 rgba(0,0,0,.07);
	border-radius:5px;
}
#hp_rooms_main_wrapper .room-item:not(:first-child) {
	margin-left:15px;
}
#hp_rooms_main_wrapper .room-item:last-child{
	margin-right:1.5rem;
}
#hp_rooms_main_wrapper .room-item img{
	border-radius:5px;
	max-height:100% !important;
	max-width:100% !important;
}
#hp_rooms_main_wrapper .room-item a{
	display:flex;
	flex-direction:column;
	align-items:center;
}
#hp_rooms_main_wrapper .room-item a:hover img{
	animation: unset;
	transform: unset;
}
#hp_rooms_main_wrapper .room-item .room-name{
	padding: 10px 15px;
    width: fit-content;
    background-color: var(--master-color-white);
    position: absolute;
    top: 85%;
    font-size: 14px;
    font-weight: bold;
    border-radius: 3px;
    color:var(--master-color_black);
    transition: background-color 0.6s ease, color 0.6s ease;
}
#hp_rooms_main_wrapper .room-item a:hover .room-name{
	color:var(--master-color-white);
	background-color:var(--master-color_black);
}
@media screen and (max-width: 767px){
	.in-index #hp_rooms_arrows{
		margin-right:2rem;
    }
}

/* scrolling products */
.in-index div.products-block{
	flex-wrap:nowrap;
	overflow:overlay;
	padding-bottom:2rem;
}
.in-index div.products-block .product{
	max-width:300px;
	width:300px;
}

/* homepage carousels */
.in-index .homepage-new-carousels{
	display: flex;
    justify-content: space-between;
    align-items: center;
}
.in-index .homepage-headline-h{
	font-weight:bold;
	color: var(--master-font-primary);
	font-size:26px;
	margin-top:0;
    margin-bottom:0;
}
.in-index .homepage-arrows {
    display: flex;
    gap: 1.5rem;
}
.in-index .homepage-arrows svg{
	width:30px;
	height:auto;
}
.in-index .homepage-arrows svg:hover{
	cursor:pointer;
}
.in-index .homepage-arrows svg:not(.not-active):hover path:nth-child(2){
	fill:var(--master-color-primary)
}
.in-index .homepage-arrows svg.not-active{
	opacity:0.5;
	cursor:default;
}
.in-index div.homepage-group-title.less-products div.homepage-arrows{
	display:none;
}
@media screen and (max-width: 767px){
	.in-index .homepage-arrows{
		margin-right:1rem;
    }
}
.in-index #hp_rooms_upper_wrap .h4{
	font-size:26px;
	font-weight:bold;
    color:var(--master-color_black);
    margin-bottom:0
}
.in-index .favourite-categories.h4{
	font-size:26px;
	font-weight:bold;
	color:var(--master-color_black);
	text-align:left;
}
@media screen and (max-width: 767px){
	.in-index .favourite-categories.h4{
		margin-top:5rem;
    }
}