.jms-slider-wrapper {
	position:relative;
	overflow:hidden;
	width:100%;
	margin:0px auto;
	z-index: 1;
}

.jms-slider-wrapper .slider{
	position:relative;
	width:100%; 
/*	height:400px; when responsive, comment this out */
	margin:0 auto;
}
.jms-slider-wrapper .slide {
	overflow: hidden;
	position: absolute;
}

.color-change{
    color:#2879FE !important;
}

.f-500{
    font-weight: 500;
}

.f-primary{
    font-family: 'Hind', sans-serif;
}

.button-shop a {
    background: #2879fe;
    font-family: "Hind", sans-serif;
    border: none;
    color: #ffffff;
    font-size: 1em;
    font-weight: 400;
    letter-spacing: 0.03em;
    position: relative;
    outline: none;
    padding: 2px 2.92em 0px;
    display: inline-flex !important;
    display: -ms-inline-flex !important;
    display: -moz-inline-flex !important;
    display: -webkit-inline-flex !important;
    justify-content: center;
    -moz-justify-content: center;
    -webkit-justify-content: center;
    align-items: center;
    -moz-align-items: center;
    -webkit-align-items: center;
    text-align: center;
    cursor: pointer;
    border-radius: 6px;
    transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    text-transform: uppercase;
    height: 3.58em;
}

.button-shop a:hover{
    background-color: #2267d8;
    color: #fff;
}

.text-content{
    text-align: center;
}

@media (max-width: 1700px){
    .text-content {
        font-size: 14px !important;
    }

    .button-shop {
        font-size: 12px !important;
        margin-top: 20px;
    }

    .button-center{
        left: 50% !important;
        transform: translateX(-50%);
    }

    .tt-center {
        left: 50% !important;
        transform: translateX(-50%);
    }
}

@media (min-width: 768px) and (max-width: 991px){
    .home-2 .text-res {
        margin-left: -45px;
    }

    .home-2 .button-res {
        margin-left: -18px;
    }
}

@media (max-width: 767px){
    .button-shop {
        font-size: 10px !important;
    }

    .text-content {
        font-size: 12px !important;
        text-align: center;

    }

    .fs-pager-wrapper a {
        width: 10px;
        height: 10px;
        margin: 0 2px;
    }

    .fs-pager-wrapper{
        bottom: 15px;
    }

    .home-2 .text-res {
        margin-left: -50px;
    }

    .home-2 .button-res {
        margin-left: -20px;
    }
}

@media (max-width: 575px){

    .fs-pager-wrapper{
        display: none;
    }
}

@media (max-width: 480px){
    .button-shop a {
        padding: 2px 2em 0px;
        height: 3em;
    }

    .button-shop{
        margin-top: 0px;
    }
    
    .text-content {
        display: none !important;
    }

    .home-2 .button-res {
        margin-left: -25px;
    }

}