/* --- RESPONSIVE SLIDER --- */

@media only screen and (min-width:1025px) and (max-width:1399px){

    #page main .picSlider > *{height:auto!important}

}

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

    .picSlider .sliderItem .txtWrap{top:15%;bottom:auto;margin:0;width:100%}
    .contPage .picSlider .sliderItem .txtWrap{top:auto;bottom:auto;padding-left:0!important}
    .picSlider .sliderItem .txtWrap .hGroup{display:inline-block;padding:0!important}
    .picSlider .sliderItem .txtWrap .hGroup > h2 .btn{display:block;margin-top:10px;width:100%}
    .picSlider .sliderItem .txtWrap .hGroup > h5{display:inline-block;width:auto}
    .picSlider .sliderItem .txtWrap .hGroup > h5 a::after{top:15px}
    .picSlider .sliderItem .galWrap{height:auto}
    .picSlider .sliderItem .textPic.flexRow > .galWrap + .bodyWrap{padding:20px 0 0}
    .picSlider .sliderItem .buttonBox{width:30%}
    .picSlider .sliderItem .bgButtonBox .btn a{font-size:var(--font-size-m)}
    .picSlider .sliderItem .buttonBox .btn{width:100%!important}

    .slick-arrow{visibility:visible;top:auto;bottom:0}
    .slick-arrow.slickPrev{left:0}
    .slick-arrow.slickNext{right:0}

    .ceItem.headerpicPlugin .itemWrapBox .picSlider .sliderItem .buttonBox{width:30%!important}
    .ceItem.headerpicPlugin .itemWrapBox .picSlider .sliderItem .buttonBox .btn:first-child{margin-bottom:20px!important}
    .ceItem.headerpicPlugin .noSlider .sliderItem .txtWrap .buttonBox .btn:nth-of-type(2){margin-top:3%!important}
    .ceItem.headerpicPlugin.testimonial{height:auto!important}
    .ceItem.testimonial .itemWrapBox{width:100%!important}
    .testimonial .picSlider > *{padding:1%}

}

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

    .sliderItem .buttonBox{width:50%!important}
    .testimonial .sliderItem.flexRow .galWrap{width:50%!important}
    .testimonial .sliderItem.flexRow .txtWrap{width:90%!important}

    #page .picSlider{padding-bottom:30px}
    #page .slick-track:not([data-mconfigurator-service-slider] .slick-track){transform:none!important}
    #page .slick-initialized .sliderItem{display:none}
    #page .slick-initialized .sliderItem.slick-current{display:block}

    #page .sliderItem picture{margin:0 auto;width:70%}

    #page .slick-arrow{visibility:visible;top:auto;bottom:-27px}
    #page .slick-arrow.slickPrev{left:10px}
    #page .slick-arrow.slickNext{right:10px}
    #page .slick-arrow button{font-size:60px}

    .ceItem.headerpicPlugin .itemWrapBox .picSlider .sliderItem .buttonBox{width:50%!important}
    .page-1 .ceItem.headerpicPlugin .itemWrapBox .picSlider .sliderItem .buttonBox{width:80%!important}

    #page .marquee{margin-bottom:20px}
    #page .marquee-group{align-items:center}
    #page .marquee-item{padding:20px}
    #page .marquee-item img{height:35px!important}

}

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

    .sliderItem .buttonBox{width:100%!important}

    .testimonial .txtWrap .bodyText{padding:0!important}
    .testimonial .txtWrap .bodyText::before{top:-80px;left:0}

}

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

    .sliderItem .buttonBox{width:100%!important}
    .ceItem.headerpicPlugin .itemWrapBox .picSlider .sliderItem .buttonBox{width:100%!important}

}