.max-width{max-width: 1169px;margin: 0 auto;text-align: center;}
a, img{transition:0.2s}
body{min-width:initial!important;}
#slone{width: 96%;}
#slone .slick-dots, #myroom .slick-dots{position: initial;display: flex;align-items: center;}
#slone .slick-dots li button:before, #myroom .slick-dots li button:before{display: none}
#slone .custom-arrows{height:16px}
#slone path{fill:#ABABAB}
#slone .prev:hover path, #slone .next:hover path{fill:#f8a350}
#slone .slick-slide img{width:100%;height: 100%;object-fit: cover;object-position: center;}
#slone .slick-track{display: flex;/* gap: 20px; */}
#slone {padding: 20px 0 100px 0;}
#slone.tabs{padding: 0;}
#slone .slide-grid{
    display: grid;
    grid-template-rows: 220px auto 40px;
    padding: 0 0 40px 0;
    align-items: start;
    margin: 0 10px;
    width: 360px!important;
}
#slone .slide-grid .s-width{width: 90%;margin: 0 auto;}
#slone .slide-grid  .s-header{padding:10px 0 0 0}
#slone .slider {width: 100%;margin: auto;}
        .slick-slide {height: initial;}
        .custom-controls {
            display: flex;
            justify-content: center;
            margin-top: 20px;
            align-items: center;
        }
        .custom-controls .custom-arrows button {
            background-color: #0000;
            color: #fff;
            border: none;
            padding: 0px;
            margin: 0 10px;
            cursor: pointer;
            height: 16px;
        }
        .custom-controls .slick-dots {
            display: inline-block;
            margin: 0;
            padding: 0;
            list-style: none;
        }
        .custom-controls .slick-dots li {
            display: inline-block;
            margin: 0 10px;
            text-align: center;
            width: initial;
            height: initial;
            position: relative;
        }
.custom-controls .slick-dots li.slick-active{position:relative;top: 1px;}
        .custom-controls .slick-dots li button {
            /* background: #000; */
            color: #fff;
            width: 8px;
            height: 8px;
            margin: 0 0px;
            padding: 0px;
            background-color: #f8a35000;
            border-radius: 50%;
            cursor: pointer;
            border: 1px solid #f8a350;
            position: relative;
            top: 0px;
        }
        .custom-controls .slick-dots li.slick-active button {
            background-color: #f8a350;
            width: 10px;
            height: 10px;
            top: -1px;
        }





.slider-one .slide {
    margin: 0 auto;
    position: relative;
    background-color: #F8F8F8;
    border-bottom: 1px solid;
    border-color: #e8e8e8;
    border-radius: 5px;
    border-left: 1px solid #e8e8e8;
    border-right: 1px solid #e8e8e8;
}

.slider-one img {
    border-radius: 5px 5px 0 0;
}

.slider-one .s-header a {
    font-family: PT Sans;
    font-size: 30px;
    font-weight: 700;
    line-height: 37.5px;
    color: #09507E;
    text-align: left;
    text-decoration: none;
    line-height: initial;
}

.slider-one .s-text {
    font-family: PT Sans;
    font-size: 16px;
    font-weight: 400;
    line-height: 22.4px;
    text-align: left;
    color: #121212;
    width: 100%;
}

.slider-one .s-link {
    padding: 20px 0;
    height: initial;
    margin: 0px;
    font-size: initial;
}

.slider-one .s-link a {
    color: #09507E;
    border: 2px solid #09507E;
    border-radius: 3px;
    text-decoration: none;
    padding: 10px 30px;
    line-height: initial;
}

.slider-one .s-link a:hover {color: #fff;background: #09507E;}
.slider-one .s-link a:active {color: #fff;background: #09507E;} 
.slider-one .s-link span {font-family: PT Sans;font-size: 13.5px;font-weight: 700;line-height: 17.47px;text-align: center;text-transform: uppercase;}
.slider-one .s-width {line-height: initial;text-align: left;}
.slider-one .s-bg {gap: 20px;flex-wrap: wrap;padding: 20px 4%;display: flex;align-content: flex-end;align-items: flex-end;justify-content: space-between;}
#slone .slide-o{padding: 220px 0 0 0;display: flex;align-items: flex-end;background-size: cover !important;}
#slone .slide-o a{color: #fff}
#slone .slide-o .s-link a{background: #F8A350;border-color: #F8A350;color: #fff;}
#slone .slide-o .s-link a:hover{background: #EB8C2F;border-color: #EB8C2F;color: #fff;}
#slone .slide-o .s-bg {background: rgb(0 0 0 / 0%);background: linear-gradient(0deg, rgb(0 0 0 / 62%) 0%, rgba(0, 0, 0, 0.020045518207282953) 100%);}

#slider-two .height .slick-dotted.slick-slider{margin:0px}
#slider-two .slick-dotted.slick-slider{margin:0px}
#slider-two .height .slick-track{height:initial;}
#slider-two .slick-track{display: flex;height: 0px;}
#slider-two .height .custom-controls{display:flex;}
#slider-two .custom-controls{display:none}

#myroom .slide img{width: 100%;height: 100%;object-fit: cover;object-position: center;}
#myroom{padding: 0 0 100px 0;}
#myroom .block{display: flex;gap: 2%;}
#myroom .blocks{}
#myroom .left{width: 70%;}
#myroom .left img{width: 100%;height: 100%;object-fit: cover;}
#myroom img:hover{opacity:0.8}
#myroom .right{display: flex;width: 30%;gap: 4%;flex-wrap: wrap;}
#myroom .right img{
    width: 48%;
    height: auto;
    object-fit: cover;
}
#myroom .right img:last-child{width:100%}
#myroom .slick-dotted.slick-slider{margin:0px}
#myroom .custom-controls{margin:0px;height:0px;position:relative;top:-40px}
#myroom .slick-prev {left: 20px;z-index: 1;width:28px;height: 16px}
#myroom .slick-prev:before{left:20px!important;color:#000;content: url('images/arrow-left.svg');width:28px;height: 16px;opacity: 1}
#myroom .slick-next {right: 20px;z-index: 1;width:28px;height: 16px}
#myroom .slick-next:before{left:-20px!important;color:#000;content: url('images/arrow-right.svg');width:28px;height: 16px;opacity: 1}
#myroom .custom-controls .slick-dots li.slick-active button{background-color: #fff;}
#myroom .custom-controls .slick-dots li button{border-color:#fff}

@media all and (max-width: 1100px) {
    #slone .slide-grid .s-bg .s-width{width: 100%}
    #slone .slide-grid .s-bg .s-header a{font-size: 23px;font-weight: 700;line-height: 25px;}

}
@media all and (max-width: 768px) {
    #slone .slide-grid .s-bg .s-header a{font-size: 23px;}
    #myroom {width:96%;padding: 0 0 60px 0;}
    #myroom .left{width:100%}
    #myroom .right{width: 100%;gap:0;display: flex;justify-content: space-between;margin: 15px 0 0 0;}
    #myroom .block {gap: 2%;flex-wrap: wrap;}
    #myroom .right img, #myroom .right img:last-child {width: 19%;height: 60px;}
    #slone .slide-grid{margin: 0px 5px;}
    #slone .slide-grid{width:initial}
    #slone {padding: 20px 0 20px 0;}
    #slider-two {
    padding: 0px 0 20px 0;
}
}