@media only screen and (min-device-width : 319px) and (max-device-width : 570px){
                .swiper-wrapper{
                        position: relative;
                        width: 100%;
                        height: 85%;
                        z-index: 1;
                        display: -webkit-box;
                        display: -moz-box;
                        display: -ms-flexbox;
                        display: -webkit-flex;
                        display: flex;
                        -webkit-transition-property: -webkit-transform;
                        -moz-transition-property: -moz-transform;
                        -o-transition-property: -o-transform;
                        -ms-transition-property: -ms-transform;
                        transition-property: transform;
                        -webkit-box-sizing: content-box;
                        -moz-box-sizing: content-box;
                        box-sizing: content-box;
                        margin-top: -4%;
                }
               .wiper-wrapper{
                    margin-top: 10px;
                }
                #title{
                    font-size: 22px;
                    text-align: center;
                    color: white;
                }
            }

            @media only screen and (min-device-width : 571px) and (max-device-width : 730px){
                .swiper-wrapper{
                        position: relative;
                        width: 100%;
                        height: 85%;
                        z-index: 1;
                        display: -webkit-box;
                        display: -moz-box;
                        display: -ms-flexbox;
                        display: -webkit-flex;
                        display: flex;
                        -webkit-transition-property: -webkit-transform;
                        -moz-transition-property: -moz-transform;
                        -o-transition-property: -o-transform;
                        -ms-transition-property: -ms-transform;
                        transition-property: transform;
                        -webkit-box-sizing: content-box;
                        -moz-box-sizing: content-box;
                        box-sizing: content-box;
                        margin-top: -3%
                }
                .wiper-wrapper{
                    margin-top: 10px;
                }
                #title{
                    font-size: 24px;
                    text-align: center;
                    color: white;
                }
            }

            @media only screen and (min-device-width : 731px) and (max-device-width : 930px){
                .swiper-wrapper{
                        position: relative;
                        width: 100%;
                        height: 90%;
                        z-index: 1;
                        display: -webkit-box;
                        display: -moz-box;
                        display: -ms-flexbox;
                        display: -webkit-flex;
                        display: flex;
                        -webkit-transition-property: -webkit-transform;
                        -moz-transition-property: -moz-transform;
                        -o-transition-property: -o-transform;
                        -ms-transition-property: -ms-transform;
                        transition-property: transform;
                        -webkit-box-sizing: content-box;
                        -moz-box-sizing: content-box;
                        box-sizing: content-box;
                        margin-top: -4%;
                }
                .wiper-wrapper{
                    margin-top: 10px;
                }
                #title{
                    font-size: 26px;
                    text-align: center;
                    color: white;
                }
            }

            @media only screen and (min-device-width : 931px) and (max-device-width : 1130px){
                .swiper-wrapper{
                        position: relative;
                        width: 100%;
                        height: 90%;
                        z-index: 1;
                        display: -webkit-box;
                        display: -moz-box;
                        display: -ms-flexbox;
                        display: -webkit-flex;
                        display: flex;
                        -webkit-transition-property: -webkit-transform;
                        -moz-transition-property: -moz-transform;
                        -o-transition-property: -o-transform;
                        -ms-transition-property: -ms-transform;
                        transition-property: transform;
                        -webkit-box-sizing: content-box;
                        -moz-box-sizing: content-box;
                        box-sizing: content-box;
                        margin-top: -3%
                }
                .wiper-wrapper{
                    margin-top: 10px;
                }
                #title{
                    font-size: 32px;
                    text-align: center;
                    color: white;
                }
            }

            @media only screen and (min-width:1699px) and (max-width:2551px){
                .swiper-wrapper{
                        position: relative;
                        width: 100%;
                        height: 100%;
                        z-index: 1;
                        display: -webkit-box;
                        display: -moz-box;
                        display: -ms-flexbox;
                        display: -webkit-flex;
                        display: flex;
                        -webkit-transition-property: -webkit-transform;
                        -moz-transition-property: -moz-transform;
                        -o-transition-property: -o-transform;
                        -ms-transition-property: -ms-transform;
                        transition-property: transform;
                        -webkit-box-sizing: content-box;
                        -moz-box-sizing: content-box;
                        box-sizing: content-box;
                        margin-top: -3%
                }
                .wiper-wrapper{
                    margin-top: 10px;
                }
                #title{
                    font-size: 36px;
                    text-align: center;
                    color: white;
                }
            }
            @media only screen and (min-width:1656px) and (max-width:1691px){
                .swiper-wrapper{
                        position: relative;
                        width: 100%;
                        height: 100%;
                        z-index: 1;
                        display: -webkit-box;
                        display: -moz-box;
                        display: -ms-flexbox;
                        display: -webkit-flex;
                        display: flex;
                        -webkit-transition-property: -webkit-transform;
                        -moz-transition-property: -moz-transform;
                        -o-transition-property: -o-transform;
                        -ms-transition-property: -ms-transform;
                        transition-property: transform;
                        -webkit-box-sizing: content-box;
                        -moz-box-sizing: content-box;
                        box-sizing: content-box;
                }
               .wiper-wrapper{
                    margin-top: 10px;
                }
                #title{
                    font-size: 16px;
                    text-align: center;
                    color: white;
                }
            }

            @media only screen and (min-width:1591px) and (max-width:1654px){
                .swiper-wrapper{
                        position: relative;
                        width: 100%;
                        height: 95%;
                        z-index: 1;
                        display: -webkit-box;
                        display: -moz-box;
                        display: -ms-flexbox;
                        display: -webkit-flex;
                        display: flex;
                        -webkit-transition-property: -webkit-transform;
                        -moz-transition-property: -moz-transform;
                        -o-transition-property: -o-transform;
                        -ms-transition-property: -ms-transform;
                        transition-property: transform;
                        -webkit-box-sizing: content-box;
                        -moz-box-sizing: content-box;
                        box-sizing: content-box;
                        margin-top: -3%;
                }
                .wiper-wrapper{
                    margin-top: 1px;
                }
                #title{
                    font-size: 46px;
                    text-align: center;
                    color: white;
                }
            }

            @media only screen and (min-width:1241px) and (max-width:1451px) {
                .swiper-wrapper{
                        position: relative;
                        width: 100%;
                        height: 95%;
                        z-index: 1;
                        display: -webkit-box;
                        display: -moz-box;
                        display: -ms-flexbox;
                        display: -webkit-flex;
                        display: flex;
                        -webkit-transition-property: -webkit-transform;
                        -moz-transition-property: -moz-transform;
                        -o-transition-property: -o-transform;
                        -ms-transition-property: -ms-transform;
                        transition-property: transform;
                        -webkit-box-sizing: content-box;
                        -moz-box-sizing: content-box;
                        box-sizing: content-box;
                        margin-top: -4%
                }
                .wiper-wrapper{
                    margin-top: 10px;
                }
                #title{
                    font-size: 40px;
                    text-align: center;
                    color: white;
                }
            }

            @media only screen and (min-width:1289px) and (max-width:1371px){
                .swiper-wrapper{
                        position: relative;
                        width: 100%;
                        height: 100%;
                        z-index: 1;
                        display: -webkit-box;
                        display: -moz-box;
                        display: -ms-flexbox;
                        display: -webkit-flex;
                        display: flex;
                        -webkit-transition-property: -webkit-transform;
                        -moz-transition-property: -moz-transform;
                        -o-transition-property: -o-transform;
                        -ms-transition-property: -ms-transform;
                        transition-property: transform;
                        -webkit-box-sizing: content-box;
                        -moz-box-sizing: content-box;
                        box-sizing: content-box;
                }
               .wiper-wrapper{
                    margin-top: 10px;
                }
                #title{
                    font-size: 16px;
                    text-align: center;
                    color: white;
                }
            }

            @media only screen and (min-width:1399px) and (max-width:1501px){
                .swiper-wrapper{
                        position: relative;
                        width: 100%;
                        height: 100%;
                        z-index: 1;
                        display: -webkit-box;
                        display: -moz-box;
                        display: -ms-flexbox;
                        display: -webkit-flex;
                        display: flex;
                        -webkit-transition-property: -webkit-transform;
                        -moz-transition-property: -moz-transform;
                        -o-transition-property: -o-transform;
                        -ms-transition-property: -ms-transform;
                        transition-property: transform;
                        -webkit-box-sizing: content-box;
                        -moz-box-sizing: content-box;
                        box-sizing: content-box;
                }
               .wiper-wrapper{
                    margin-top: 10px;
                }
                #title{
                    font-size: 16px;
                    text-align: center;
                    color: white;
                }
            }

            @media only screen and (min-width:1095px) and (max-width:1211px){
                .swiper-wrapper{
                        position: relative;
                        width: 100%;
                        height: 100%;
                        z-index: 1;
                        display: -webkit-box;
                        display: -moz-box;
                        display: -ms-flexbox;
                        display: -webkit-flex;
                        display: flex;
                        -webkit-transition-property: -webkit-transform;
                        -moz-transition-property: -moz-transform;
                        -o-transition-property: -o-transform;
                        -ms-transition-property: -ms-transform;
                        transition-property: transform;
                        -webkit-box-sizing: content-box;
                        -moz-box-sizing: content-box;
                        box-sizing: content-box;
                }
               .wiper-wrapper{
                    margin-top: 10px;
                }
                #title{
                    font-size: 16px;
                    text-align: center;
                    color: white;
                }
            }

            @media only screen and (min-width:1079px) and (max-width:1091px){
                .swiper-wrapper{
                        position: relative;
                        width: 100%;
                        height: 100%;
                        z-index: 1;
                        display: -webkit-box;
                        display: -moz-box;
                        display: -ms-flexbox;
                        display: -webkit-flex;
                        display: flex;
                        -webkit-transition-property: -webkit-transform;
                        -moz-transition-property: -moz-transform;
                        -o-transition-property: -o-transform;
                        -ms-transition-property: -ms-transform;
                        transition-property: transform;
                        -webkit-box-sizing: content-box;
                        -moz-box-sizing: content-box;
                        box-sizing: content-box;
                }
               .wiper-wrapper{
                    margin-top: 10px;
                }
                #title{
                    font-size: 16px;
                    text-align: center;
                    color: white;
                }
            }

            @media only screen and (min-width:1046px) and (max-width:1071px){
                .swiper-wrapper{
                        position: relative;
                        width: 100%;
                        height: 100%;
                        z-index: 1;
                        display: -webkit-box;
                        display: -moz-box;
                        display: -ms-flexbox;
                        display: -webkit-flex;
                        display: flex;
                        -webkit-transition-property: -webkit-transform;
                        -moz-transition-property: -moz-transform;
                        -o-transition-property: -o-transform;
                        -ms-transition-property: -ms-transform;
                        transition-property: transform;
                        -webkit-box-sizing: content-box;
                        -moz-box-sizing: content-box;
                        box-sizing: content-box;
                }
                .wiper-wrapper{
                    margin-top: 10px;
                }
                #title{
                    font-size: 16px;
                    text-align: center;
                    color: white;
                }
            }

            @media only screen and (min-width:999px) and (max-width:1041px){
                        .swiper-wrapper{
                        position: relative;
                        width: 100%;
                        height: 100%;
                        z-index: 1;
                        display: -webkit-box;
                        display: -moz-box;
                        display: -ms-flexbox;
                        display: -webkit-flex;
                        display: flex;
                        -webkit-transition-property: -webkit-transform;
                        -moz-transition-property: -moz-transform;
                        -o-transition-property: -o-transform;
                        -ms-transition-property: -ms-transform;
                        transition-property: transform;
                        -webkit-box-sizing: content-box;
                        -moz-box-sizing: content-box;
                        box-sizing: content-box;
                }
               .wiper-wrapper{
                    margin-top: 10px;
                }
                #title{
                    font-size: 16px;
                    text-align: center;
                    color: white;
                }
            }