.rotate-slider-wrapper{display:flex;-moz-column-gap:30px;column-gap:30px}.rotate-slider-wrapper .carousel-holder{width:60%;display:flex;justify-content:center}.rotate-slider-wrapper .shadow-image-holder{width:40%;position:relative}.rotate-slider-wrapper .shadow-image-holder img{position:absolute;top:-61px;scale:1.3;right:-33%}.rotate-slider-wrapper .shadow-image-holder .shadow-img{opacity:0;transition:all .7s}.rotate-slider-wrapper .shadow-image-holder .shadow-img.active{opacity:1;transition:all .7s}.carousel{height:500px;width:100%;transition:transform 1s;max-height:723px;overflow:visible !important}.item{display:block;transition:transform 1s}.item .info{opacity:0}.item{transition:transform 1s,opacity .5s;opacity:.7;max-width:240px}.item img{max-width:100%;position:relative;z-index:2}.item img.s-img{display:none}.item-wrap.active .item{opacity:1;max-width:430px;scale:1.8;pointer-events:none}.item-wrap.active .item img.s-img{z-index:-1;right:-37px;scale:.9;display:block;position:absolute;top:0}.item-wrap.active .item .info{display:block;color:#000;position:absolute;right:-120px;top:38%;transform:scale(0.6);opacity:1;transition:opacity 2s}.item-wrap.active .item .info .title{display:flex;align-items:center;-moz-column-gap:5px;column-gap:5px;margin-bottom:10px}.item-wrap.active .item .info h3{color:#7307ff;font-size:24px;margin-bottom:0px;font-family: 'Nasalization';font-weight: 500;}.item-wrap.active .item .info ul{list-style:none;margin:0px;padding:0px}.item-wrap.active .item .info ul li{display:flex;-moz-column-gap:10px;column-gap:10px;align-items:center;margin-bottom:10px}@media only screen and (max-width: 1200px){.item{max-width:160px}.item-wrap.active .item .info{right:-120px;top:27%}.carousel{height:425px}.rotate-slider-wrapper .shadow-image-holder img{right:-10%}}
.dragon-mobile-slider {
    display: none;
}
@media screen and (max-width: 1300px) {
.rotate-slider-wrapper .item{
width:180px;
}

}
@media screen and (max-width: 1200px) {
.rotate-slider-wrapper .item{
width:150px;
}
.rotate-slider-wrapper .shadow-image-holder img{
max-width:25vw;
}
}
@media screen and (max-width: 991px) {
.rotate-slider-wrapper .item{
width:130px;
}
.rotate-slider-wrapper .shadow-image-holder img{
max-width:25vw;
}
}
@media screen and (max-width: 767px) {
    .dragon-mobile-slider {
        display: block;
        padding-top: 40%;
    }  
    .rotate-slider-wrapper {
        display: none;
    }
    .dragon-slide-col {
        display: flex !important;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    
    .slide-images {
        width: 45%;
    }
    
    .slides-contents {
        width: 55%;
    }
    
    img.shadow-imgs {
        position: absolute;
        top: -16px;
        left: 8px;
        max-width: 161px !important;
        z-index: -1;
    }
    
    img.back-shadow-img.ss {
        position: absolute;
        top: -48px;
        right: -99px;
        max-width: 246px;
        z-index: -1;
    }
    .nav-slider.dragon img.slick-slide.slick-current.slick-center {
        display: none;
    }
    .nav-slider.dragon img {
        width: 100%;
        max-width: 52px;
        margin: 0px 5px;
    }
    
    .nav-slider.dragon .slick-list.draggable {
        padding: 0 !important;
        margin: 0 !important;
    }
    
    .nav-slider.dragon .slick-track {
        margin: 0;
    }
    .dragon-mobile-slider  .title {
        display: flex;
        align-items: center;
    }
    
    .dragon-mobile-slider  .title h3 {
        color: #7307ff;
        font-size: 26px;
        margin-bottom: 0px;
        font-family: 'Nasalization';
        font-weight: 500;
    }
    
    .dragon-mobile-slider .title {
        padding-top: 16%;
        z-index: 99;
    }
    
    .dragon-mobile-slider  .info ul {
        list-style: none;
        margin: 0;
    }
    
    .dragon-mobile-slider  .info ul li {
        font-size: 14px;
        line-height: 23px;
    }
    
    .dragon-mobile-slider  .nav-slider.dragon {
        margin-top: -26px;
        margin-left: 10px;
    }
    .slide-images  .slick-list.draggable {
        padding: 27px 0;
    }
    div#color-heading{
        padding: 50px 10px;
    }
}