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

.px-11{


padding-left: 1rem !important;
    padding-right: 9.75rem !important;

}

}
 @media screen and (max-width:767px){
            .gjs-cell > div {
                width: 100% !important;
            }
         .gjs-cell  p {
              text-align: justify;
            }
.gjs-cell  p:nth-child(1){
margin-top: 20px;

}
.shop-direction {
    position: absolute;
    left: 79px;
    top: 12px;
}
.first-list{
margin: 7px 6px;
}

            .gjs-cell {
                height:100% !important ;
                width:100% !important;
            }
        }
 @media (min-width: 1400px) {
.costume-title .trendy_spirit.trendioutfits {
    padding-right: 7%;
padding-left: 7%;
}
.swiper-watch-progress .costume-title .trendy_spirit.trendioutfits {
    padding-right: 0;
padding-left: 0;
}
}
@media only screen and (min-width: 768px) and (max-width: 1200px)  {
.custom-swiper-full .hero-slide-img{
height: 500px !important;
}

.trendy_spirit  .hero-slide-img{
height: 300px !important;
}

}
        @media (max-width: 767px) {
.text-y-title {
    font-size: 16px !important;
}
}
        @media (max-width: 479px) {
            footer .w-27\% {
                width: 100%;
                justify-content: start;
            }
        }