.content-fullscreen{
    position: fixed;
    display: block;
    top: 0px;
    left: 0px;
    height: 100vh;
    width: 100%;
    /*background-color: red;*/
    }
.content-under-fullscreen{
    position: relative;
    display: block;
    margin-top:calc(100vh - 20px);
    padding-bottom: 36px;
    background-color: #FFF;
}
.slide{
    height: 100vh;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}
.slide-1{
    background-image: url(../../images/aboutUs/jgs-about-top-3-xs.webp);
    }
.slide-2{
    background-image: url(../../images/aboutUs/jgs-about-top-2-xs.webp);
    }
.slide-3{
    background-image: url(../../images/aboutUs/jgs-about-top-6-xs.webp);
    }
.slide-4{
    background-image: url(../../images/aboutUs/jgs-about-top-4-xs.webp);
    }
.slide-5{
    background-image: url(../../images/aboutUs/jgs-about-top-1-xs.webp);
    }
.slide-6{
    background-image: url(../../images/aboutUs/jgs-about-top-5-xs.webp);
    }
.slide-7{
    background-image: url(../../images/aboutUs/jgs-about-top-7-xs.webp);
    }
.slide-8{
    background-image: url(../../images/aboutUs/jgs-about-top-8-xs.webp);
    }
.slick-dots {
    bottom: 16px;
    display: none !important;
    position: absolute;
    margin: 0px auto;
    padding: 0px;
    right: 0px;
    left: 0px;
    width: 304px;
    white-space: nowrap;
    }
.slick-dots li {
    display: inline-block;
    position: relative;
    height: 14px;
    width: 14px;
    content: '';
    margin: 0px 12px;
    cursor: pointer;
    }
.slick-dots li button {
    display: block;
    position: relative;
    height: 14px;
    width: 14px;
    font-size: 2px;
    transition: all ease-in-out 300ms;
    border: none;
    background-color: rgba(255, 255, 255, 0.5);
    cursor: pointer;
    }
.slick-dots li:hover button, .slick-dots li.slick-active button{
    background-color: rgba(255, 255, 255, 1);
    }
@media only screen and (min-width:500px){
.slide-1{
    background-image: url(../../images/aboutUs/jgs-about-top-3-sm.webp);
    }
.slide-2{
    background-image: url(../../images/aboutUs/jgs-about-top-2-sm.webp);
    }
.slide-3{
    background-image: url(../../images/aboutUs/jgs-about-top-6-sm.webp);
    }
.slide-4{
    background-image: url(../../images/aboutUs/jgs-about-top-4-sm.webp);
    }
.slide-5{
    background-image: url(../../images/aboutUs/jgs-about-top-1-sm.webp);
    }
.slide-6{
    background-image: url(../../images/aboutUs/jgs-about-top-5-sm.webp);
    }
.slide-7{
    background-image: url(../../images/aboutUs/jgs-about-top-7-sm.webp);
    }
.slide-8{
    background-image: url(../../images/aboutUs/jgs-about-top-8-sm.webp);
    }
}
@media only screen and (min-width:800px){
.slide-1{
    background-image: url(../../images/aboutUs/jgs-about-top-3-md.webp);
    }
.slide-2{
    background-image: url(../../images/aboutUs/jgs-about-top-2-md.webp);
    }
.slide-3{
    background-image: url(../../images/aboutUs/jgs-about-top-6-md.webp);
    }
.slide-4{
    background-image: url(../../images/aboutUs/jgs-about-top-4-md.webp);
    }
.slide-5{
    background-image: url(../../images/aboutUs/jgs-about-top-1-md.webp);
    }
.slide-6{
    background-image: url(../../images/aboutUs/jgs-about-top-5-md.webp);
    }
.slide-7{
    background-image: url(../../images/aboutUs/jgs-about-top-7-md.webp);
    }
.slide-8{
    background-image: url(../../images/aboutUs/jgs-about-top-8-md.webp);
    }
}
@media only screen and (min-width: 992px){
.content-under-fullscreen{
    margin-top:calc(100vh - 220px);
    }
.slick-dots {
    display: block !important;
    }
}
@media only screen and (min-width:1200px){
.slide-1{
    background-image: url(../../images/aboutUs/jgs-about-top-3.webp);
    }
.slide-2{
    background-image: url(../../images/aboutUs/jgs-about-top-2.webp);
    }
.slide-3{
    background-image: url(../../images/aboutUs/jgs-about-top-6.webp);
    }
.slide-4{
    background-image: url(../../images/aboutUs/jgs-about-top-4.webp);
    }
.slide-5{
    background-image: url(../../images/aboutUs/jgs-about-top-1.webp);
    }
.slide-6{
    background-image: url(../../images/aboutUs/jgs-about-top-5.webp);
    }
.slide-7{
    background-image: url(../../images/aboutUs/jgs-about-top-7.webp);
    }
.slide-8{
    background-image: url(../../images/aboutUs/jgs-about-top-8.webp);
    }
}

@media only screen and (max-width:1100px) and (orientation : portrait){
.slide-1{
    background-image: url(../../images/aboutUs/jgs-about-top-3-mobile-lg.webp);
    }
.slide-2{
    background-image: url(../../images/aboutUs/jgs-about-top-2-mobile-lg.webp);
    }
.slide-3{
    background-image: url(../../images/aboutUs/jgs-about-top-6-mobile-lg.webp);
    }
.slide-4{
    background-image: url(../../images/aboutUs/jgs-about-top-4-mobile-lg.webp);
    }
.slide-5{
    background-image: url(../../images/aboutUs/jgs-about-top-1-mobile-lg.webp);
    }
.slide-6{
    background-image: url(../../images/aboutUs/jgs-about-top-5-mobile-lg.webp);
    }
.slide-7{
    background-image: url(../../images/aboutUs/jgs-about-top-7-mobile-lg.webp);
    }
.slide-8{
    background-image: url(../../images/aboutUs/jgs-about-top-8-mobile-lg.webp);
    }
}
@media only screen and (max-width:500px) and (orientation : portrait){
.slide-1{
    background-image: url(../../images/aboutUs/jgs-about-top-3-mobile-sm.webp);
    }
.slide-2{
    background-image: url(../../images/aboutUs/jgs-about-top-2-mobile-sm.webp);
    }
.slide-3{
    background-image: url(../../images/aboutUs/jgs-about-top-6-mobile-sm.webp);
    }
.slide-4{
    background-image: url(../../images/aboutUs/jgs-about-top-4-mobile-sm.webp);
    }
.slide-5{
    background-image: url(../../images/aboutUs/jgs-about-top-1-mobile-sm.webp);
    }
.slide-6{
    background-image: url(../../images/aboutUs/jgs-about-top-5-mobile-sm.webp);
    }
.slide-7{
    background-image: url(../../images/aboutUs/jgs-about-top-7-mobile-sm.webp);
    }
.slide-8{
    background-image: url(../../images/aboutUs/jgs-about-top-8-mobile-sm.webp);
    }
}