/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575px) { 
    #mh-fp {
        display: none;
    }
    #mh-fp-sm {
        visibility: visible;
        display: flex;
        flex-direction: column-reverse;
    }
    #mh-fp-sm .splide__arrows{
        position: relative;
        display: flex;
        justify-content: center;
        margin-top: 1.5rem;
    }
    #mh-fp-sm .splide__arrow{
        position: relative;
        width: 15px;
        height: 28px;
    }
    #mh-fp-sm .splide__arrow--next{
        margin-left: 3rem;
    }
    .splide__arrow--prev{
        margin-right: 3rem;
    }

    /*--- MAIN SLIDE ---*/
    span.mst-text {
        font-size: 1.2rem;
    }

    #splide-sm.sc2 .splide__slide {
        padding: 0.8rem;
    }
    .sc2 .splide__slide a {
        margin-bottom: 0.5rem;
    }
}

 /* Small devices (landscape phones, less than 768px) // one column */
@media (max-width: 767px) {
    .fp-content{
        margin: 0;
    }

    .mh .splide__arrow {
        width: 21px;
        height: 40px;
    }

    /*--- MAIN SLIDE ---*/
    .ms-img-big{
        display: none;
    }
    .ms-img-small{
        display: block;
    }
    .ms .splide__arrow {
        display: none;
    }
    
    /* Hack 4 Slide */
    #ms-fp-thumbnail .splide__list{ /* Hack 4 Slide */
        display: flex;
        width: 100%;
        flex-direction: row;
        flex-wrap: wrap;
    }
    #ms-fp-thumbnail .splide__slide { /* Hack 4 Slide */
        display: inline-block;
        width: 50% !important;
    }
}

 /* Medium devices (tablets, less than 992px) */
@media (max-width: 991px) {
    #pj-fp{
        display: flex;
        flex-direction: column-reverse;
    }
    .fp-content {
        flex-direction: column-reverse;
    }
    .fp .splide__arrows{
        display: flex;
        justify-content: center;
        margin-top: 1.5rem;   
    }
    .fp button.slide-arrow2.slide-arrow2{
        width: 15px;
        height: 28px;
    }
    .fp .splide__arrow {
        position: relative;
        display: inline-block;
        top: unset;
        transform: unset;
        border-radius: 0;
        border: none;
        padding: 0;
        opacity: 1;
        background: #ccc;
        
    }
    .fp button.slide-arrow2.slide-arrow2:hover, 
    .fp button.slide-arrow2.slide-arrow2:focus {
        opacity: 0.8;
    }
    .fp button.splide__arrow.splide__arrow--prev {
        margin-right: 3rem;
    }
    .fp button.splide__arrow.splide__arrow--next {
        margin-left: 3rem;
    }
    
    /* Slide */
    #splide-sm {
        display: flex;
    }
}

 /* Large devices (desktops, less than 1200px) */
@media (max-width: 1199px) {
    .sc1 .splide__arrows {
        bottom: 6rem;
    }
    
}


 /* Large devices (desktops, less than 1500px) */
 @media (max-width: 1499px) {

    /*--- Toggle Slide- lg and medium&small ---*/
    /* pr-news */
    .pr-news-slide {
        display: block;
    }
    .three-img-lg-section {
        display: none;
    }
    /* first-page */
    .mh-lg {
        display: none;
    }
    .mh-slide-container {
        display: block;
    }

    /*--- Toggle pf-pfp slide controller  ---*/
    #pj-fp .splide__arrows {
        display: block;
    }
    #pj-fp .splide__pagination {
        display: none; 
    }


    
}