somestiles

gistfile1.txt

```
 <style>

        body {
            background: #eee;
            font-family: Verdana;
            font-size: 14px;
            color:#000;
            margin: 0;
            padding: 0;
        }



        .swiper-container {
            height:300px;
            margin-left: auto;
            margin-right: auto;
            background-color: #f8f8f8;
            padding: 1em;
            position: relative;
            overflow: hidden;
            z-index: 1;
            width:100%;


        }

        .bz-find-description {
            text-align: center;
        }


        .swiper-slide {
            text-align: center;
            font-size: 18px;
            background: #fff;

            /* Center slide text vertically */
            display: -webkit-box;
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            -webkit-justify-content: center;
            justify-content: center;
            -webkit-box-align: center;
            -ms-flex-align: center;
            -webkit-align-items: center;
            align-items: center;
        }


        /* iPad in portrait & landscape */
        @media only screen
        and (min-device-width : 768px)
        and (max-device-width : 1024px)  {

            .swiper-container {
                width:1000px;
            }

        }

        /*iPad in portrait */
        @media only screen
        and (min-device-width : 768px)
        and (max-device-width : 1024px)
        and (orientation : landscape) {

            .swiper-container {
                width:900px;
            }

        }



        /* iPhone 6 landscape */
        @media only screen and (min-device-width: 375px)
        and (max-device-width: 667px)
        and (orientation: landscape)
        and (-webkit-min-device-pixel-ratio: 2)
        {

            .swiper-container {
                width:900px;
            }

        }

        /* iPhone 6 portrait */
        @media only screen
        and (min-device-width: 375px)
        and (max-device-width: 667px)
        and (orientation: portrait)
        and (-webkit-min-device-pixel-ratio: 2)
        {

            .swiper-container {
                width:900px;
            }

        }

        /* iPhone 6 Plus landscape */
        @media only screen
        and (min-device-width: 414px)
        and (max-device-width: 736px)
        and (orientation: landscape)
        and (-webkit-min-device-pixel-ratio: 3)
        {

            .swiper-container {
                width:1000px;
            }

        }

        /* iPhone 6 Plus portrait */
        @media only screen
        and (min-device-width: 414px)
        and (max-device-width: 736px)
        and (orientation: portrait)
        and (-webkit-min-device-pixel-ratio: 3)
        {

            .swiper-container {
                width:900px;
            }

        }

        /* iPhone 6 and 6 Plus */
        @media only screen
        and (max-device-width: 640px),
        only screen and (max-device-width: 667px),
        only screen and (max-width: 480px)
        {

            .swiper-container {
                width:900px;
            }

        }


        /*Iphone SE 5S */
        @media only screen
        and (min-device-width : 320px)
        and (max-device-width : 568px) {
            .swiper-container {
                width:900px;
            }


        }
        /*Iphone SE 5S landscape*/
        @media only screen
        and (min-device-width : 320px)
        and (max-device-width : 568px)
        and (orientation : landscape) {

            .swiper-container {
                width:900px;
            }


        }
        /*End Media Queries */


    </style>
```