.mySwiper-0  .px-11{

padding-left: 150px important;

}

.overflow-x-auto  .md\:text-xl{

font-size: .875rem !important;
}
:root{
--primary-color: #4d9f07 !important;
 }
            
@media only screen and (max-width: 767px) {
.mySwiper-0  .hero-slide-img {
    height: 158px ! important;
}                               
.mySwiper-0  .px-11{
padding-left: 10px;
}
.h-44 {
    height:  7rem ! important;
}
.mySwiper-1 .px-11{

padding-left: 10px !important;
}
.mySwiper-1 .hero-slide-img {
    height: 161px!important;
}
.h-600p {
    height: 800px ! important;
}
}

 @media  only screen and (max-width: 380px)
{
.ad_poster .text-33{
font-size: 20px ! important;
margin-top: 1px ! important;
}

.mySwiper .bottom-title
{
margin-top:0 !important;
}
.mySwiper  .costume-title .px-11{
padding-right: 8rem !important;
}
.mySwiper   .text-z-title{
font-size : 11px !important;
}
.mySwiper .bold-title{
line-height:15px !important;
font-size: 15px !important;
}
.mySwiper .shop-btn{
padding-top: 7px !important;
}
.mySwiper .shop-btn .shop-direction{
    left: 90px ;
    top: 13px;

}
}

@media only screen and (min-width: 768px){

.body-font  .break-all{

word-break: unset;
}

}
                                            

.text-sm {
    font-size: .8rem;
}
.shop-btn{
    padding-top: 12px;
    font-size: 12px;
}
.custom-swiper .swiper-button-next, .custom-swiper .swiper-button-prev{
display:none;
}
header> div:first-child , header> div:first-child > div:first-child >div:first-child {
background-color:#76ce5ec4!important;
}
 html{
font-family: Nunito,sans-serif !important
}
 @media (min-width: 768px) {
    .md\:w-1\/5 {
        width: 50%;
    }
}