@media (min-width: 200px) and (max-width: 300px) {
    a.Facebook {
        margin: 0 9px;
    }

    a.Facebook {
        width: 35px;
        height: 35px;
    }
}

@media (min-width: 300px) and (max-width: 400px) {
    a.Facebook {
        margin: 0 9px;
    }

    a.Facebook {
        width: 35px;
        height: 35px;
    }
}

@media (min-width: 400px) and (max-width: 500px) {
    a.Facebook {
        margin: 0 9px;
    }

    a.Facebook {
        width: 35px;
        height: 35px;
    }
}

@media (min-width:500px) and (max-width:600px) {
    a.Facebook {
        margin: 0 9px;
    }

    a.Facebook {
        width: 35px;
        height: 35px;
    }
}

@media (min-width:600px) and (max-width:700px) {
    a.Facebook {
        margin: 0 9px;
    }

    a.Facebook {
        width: 35px;
        height: 35px;
    }
}

@media (min-width:700px) and (max-width:800px) {
    .csslider1>ul>.cs_skeleton {
        height: 400px;
    }

    .csslider1>ul>.slide.img img {
        height: 400px;
    }

    .csslider1 {
        height: 400px !important;
    }

}

@media (min-width:800px) and (max-width:900px) {
    .csslider1>ul>.cs_skeleton {
        height: 400px;
    }

    .csslider1>ul>.slide.img img {
        height: 400px;
    }

    .csslider1 {
        height: 400px !important;
    }

}

@media(min-width:200px) and (max-width: 400px) {
    .csslider1>ul>.cs_skeleton {
        height: 400px;
    }

    .csslider1>ul>.slide.img img {
        height: 400px;
    }

    .csslider1 {
        height: 400px !important;
    }
}

@media(min-width:400px) and (max-width: 728px) {
    .csslider1>ul>.cs_skeleton {
        height: 400px;
    }

    .csslider1>ul>.slide.img img {
        height: 400px;
    }

    .csslider1 {
        height: 400px !important;
    }
}

@media(min-width:766px) and (max-width: 995px) {
    .csslider1>ul>.cs_skeleton {
        height: 400px;
    }

    .csslider1>ul>.slide.img img {
        height: 400px;
    }

    .csslider1 {
        height: 400px !important;
    }

    .csslider1>ul>.cs_skeleton {
        height: 400px;
    }

    .csslider1>ul>.slide.img img {
        height: 400px;
    }

    .csslider1 {
        height: 400px !important;
    }
}

/*For Iphone */
/*iPhone 6 Portrait*/
@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (orientation : portrait) {
    .csslider1>ul>.cs_skeleton {
        height: 400px;
    }

    .csslider1>ul>.slide.img img {
        height: 400px;
    }

    .csslider1 {
        height: 400px !important;
    }
}

/*iPhone 6 landscape*/
@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (orientation : landscape) {
    .csslider1>ul>.cs_skeleton {
        height: 400px;
    }

    .csslider1>ul>.slide.img img {
        height: 400px;
    }

    .csslider1 {
        height: 400px !important;
    }
}

/*iPhone 6+ Portrait*/
@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (orientation : portrait) {
    .csslider1>ul>.cs_skeleton {
        height: 400px;
    }

    .csslider1>ul>.slide.img img {
        height: 400px;
    }

    .csslider1 {
        height: 400px !important;
    }
}

/*iPhone 6+ landscape*/
@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (orientation : landscape) {
    .csslider1>ul>.cs_skeleton {
        height: 400px;
    }

    .csslider1>ul>.slide.img img {
        height: 400px;
    }

    .csslider1 {
        height: 400px !important;
    }
}

/*iPhone 6 and iPhone 6+ portrait and landscape*/
@media only screen and (max-device-width: 640px),
only screen and (max-device-width: 667px),
only screen and (max-width: 480px) {
    .csslider1>ul>.cs_skeleton {
        height: 400px;
    }

    .csslider1>ul>.slide.img img {
        height: 400px;
    }

    .csslider1 {
        height: 400px !important;
    }
}

/*iPhone 6 and iPhone 6+ portrait*/
@media only screen and (max-device-width: 640px),
only screen and (max-device-width: 667px),
only screen and (max-width: 480px) and (orientation : portrait) {
    .csslider1>ul>.cs_skeleton {
        height: 400px;
    }

    .csslider1>ul>.slide.img img {
        height: 400px;
    }

    .csslider1 {
        height: 400px !important;
    }
}

/*iPhone 6 and iPhone 6+ landscape*/
@media only screen and (max-device-width: 640px),
only screen and (max-device-width: 667px),
only screen and (max-width: 480px) and (orientation : landscape) {
    .csslider1>ul>.cs_skeleton {
        height: 400px;
    }

    .csslider1>ul>.slide.img img {
        height: 400px;
    }

    .csslider1 {
        height: 400px !important;
    }
}

/*iPhone 6 Landscape*/
@media only screen and (min-device-width : 375px) and (max-device-width : 667px) and (width : 667px) and (height : 375px) and (orientation : landscape) and (color : 8) and (device-aspect-ratio : 375/667) and (aspect-ratio : 667/375) and (device-pixel-ratio : 2) and (-webkit-min-device-pixel-ratio : 2) {
    .csslider1>ul>.cs_skeleton {
        height: 400px;
    }

    .csslider1>ul>.slide.img img {
        height: 400px;
    }

    .csslider1 {
        height: 400px !important;
    }
}

/*iPhone 6 Portrait*/

@media only screen and (min-device-width : 375px) and (max-device-width : 667px) and (width : 375px) and (height : 559px) and (orientation : portrait) and (color : 8) and (device-aspect-ratio : 375/667) and (aspect-ratio : 375/559) and (device-pixel-ratio : 2) and (-webkit-min-device-pixel-ratio : 2) {
    .csslider1>ul>.cs_skeleton {
        height: 400px;
    }

    .csslider1>ul>.slide.img img {
        height: 400px;
    }

    .csslider1 {
        height: 400px !important;
    }
}

/*iPhone 6+ Landscape*/

@media only screen and (min-device-width : 414px) and (max-device-width : 736px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio : 3) {
    .csslider1>ul>.cs_skeleton {
        height: 400px;
    }

    .csslider1>ul>.slide.img img {
        height: 400px;
    }

    .csslider1 {
        height: 400px !important;
    }
}

/*Portrait*/

@media only screen and (min-device-width : 414px) and (max-device-width : 736px) and (device-width : 414px) and (device-height : 736px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio : 3) and (-webkit-device-pixel-ratio : 3) {
    .csslider1>ul>.cs_skeleton {
        height: 400px;
    }

    .csslider1>ul>.slide.img img {
        height: 400px;
    }

    .csslider1 {
        height: 400px !important;
    }
}

/*iPhone 6 and 6+*/
@media only screen and (max-device-width: 640px),
only screen and (max-device-width: 667px),
only screen and (max-width: 480px) {
    .csslider1>ul>.cs_skeleton {
        height: 400px;
    }

    .csslider1>ul>.slide.img img {
        height: 400px;
    }

    .csslider1 {
        height: 400px !important;
    }
}

/*Predicted 1334 x 750 with 326*/
@media screen and (min-device-width : 1080px) and (max-device-width : 1920px) and (min-resolution: 401dpi) and (device-aspect-ratio:16/9) {
    .csslider1>ul>.cs_skeleton {
        height: 400px;
    }

    .csslider1>ul>.slide.img img {
        height: 400px;
    }

    .csslider1 {
        height: 400px !important;
    }
}

@media screen and (min-device-width : 750px) and (max-device-width : 1334px) and (min-resolution: 326dpi) {
    .csslider1>ul>.cs_skeleton {
        height: 400px;
    }

    .csslider1>ul>.slide.img img {
        height: 400px;
    }

    .csslider1 {
        height: 400px !important;
    }
}

/*iphone*/
@media only screen and (min-device-width : 375px) and (max-device-width : 667px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio : 2) {
    .csslider1>ul>.cs_skeleton {
        height: 400px;
    }

    .csslider1>ul>.slide.img img {
        height: 400px;
    }

    .csslider1 {
        height: 400px !important;
    }
}

@media only screen and (min-device-width : 375px) and (max-device-width : 667px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio : 2) 
{
    .csslider1>ul>.cs_skeleton {
        height: 400px;
    }

    .csslider1>ul>.slide.img img {
        height: 400px;
    }

    .csslider1 {
        height: 400px !important;
    }
}

/*iPhone X*/
/* Portrait and Landscape */
@media only screen and (min-device-width: 375px) and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3)

/* uncomment for only portrait: */
/* and (orientation: portrait) */
/* uncomment for only landscape: */
/* and (orientation: landscape) */
    {
    .csslider1>ul>.cs_skeleton {
        height: 400px;
    }

    .csslider1>ul>.slide.img img {
        height: 400px;
    }

    .csslider1 {
        height: 400px !important;
    }
}

/*iPhone 6+, 7+ and 8+*/
/* Portrait and Landscape */
@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3)

/* uncomment for only portrait: */
/* and (orientation: portrait) */
/* uncomment for only landscape: */
/* and (orientation: landscape) */
    {
    .csslider1>ul>.cs_skeleton {
        height: 400px;
    }

    .csslider1>ul>.slide.img img {
        height: 400px;
    }

    .csslider1 {
        height: 400px !important;
    }
}

/*iPhone X*/
/* Portrait and Landscape */
@media only screen and (min-device-width: 375px) and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3)

/* uncomment for only portrait: */
/* and (orientation: portrait) */
/* uncomment for only landscape: */
/* and (orientation: landscape) */
    {
    .csslider1>ul>.cs_skeleton {
        height: 400px;
    }

    .csslider1>ul>.slide.img img {
        height: 400px;
    }

    .csslider1 {
        height: 400px !important;
    }

}

/*iPhone 6+, 7+ and 8+*/
/* Portrait and Landscape */
@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3)

/* uncomment for only portrait: */
/* and (orientation: portrait) */
/* uncomment for only landscape: */
/* and (orientation: landscape) */
    {
    .csslider1>ul>.cs_skeleton {
        height: 400px;
    }

    .csslider1>ul>.slide.img img {
        height: 400px;
    }

    .csslider1 {
        height: 400px !important;
    }

}

/*iPhone 6, 6S, 7 and 8*/
/* Portrait and Landscape */
@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2)

/* uncomment for only portrait: */
/* and (orientation: portrait) */
/* uncomment for only landscape: */
/* and (orientation: landscape) */
    {
    .csslider1>ul>.cs_skeleton {
        height: 400px;
    }

    .csslider1>ul>.slide.img img {
        height: 400px;
    }

    .csslider1 {
        height: 400px !important;
    }

}