*{margin:0;padding:0;list-style-type:none !important;}

/* flexslider */
.flexslider{position:relative !important;!important;overflow:hidden; height: 20%;  !important;}
.slides{position:relative !important;z-index: 1 !important;overflow: hidden}
.slides li{ height: 20%; !important}
.slides li img{ height: 20%; !important width: 100%;!important;}
.flex-control-nav{position:absolute !important;bottom:10px; !important;z-index:2 !important;width:100% !important;text-align:center !important;}
.flex-control-nav li{display:inline-block  !important;width:14px !important;height:14px !important;margin:0 5px !important;*display:inline !important;zoom:1 !important;}
.flex-control-nav a{display:inline-block !important;width:14px !important;height:14px !important;line-height:40px !important;overflow:hidden !important;background:url(../images/dot.png) right 0 no-repeat !important;cursor:pointer !important;}
.flex-control-nav .flex-active{background-position:0 0 !important;}

.flex-direction-nav{position:absolute !important;z-index:3 !important;width:100% !important;top:45% !important;}
.flex-direction-nav li a{display:block !important;width:50px !important;height:50px !important;overflow:hidden !important;cursor:pointer !important;position:absolute !important;}
.flex-direction-nav li a.flex-prev{left:40px;}
.flex-direction-nav li a.flex-next{right:40px;}


@media screen and (min-width:200px) and (max-width:800px)
{

    *{margin:0;padding:0;list-style-type:none !important;}

    /* flexslider */
    .flexslider{position:relative !important;!important;overflow:hidden; width:100%;height: 100%;}
    .slides{position:relative !important;z-index: 1 !important;overflow: hidden}
    .slides li{ height: 20%; !important}
    .slides li img{ height: 20%; !important width: 100%;!important;}
    .flex-control-nav{position:absolute !important;bottom:10px; !important;z-index:2 !important;width:100% !important;text-align:center !important;}
    .flex-control-nav li{display:inline-block  !important;width:14px !important;height:14px !important;margin:0 5px !important;*display:inline !important;zoom:1 !important;}
    .flex-control-nav a{display:inline-block !important;width:14px !important;height:14px !important;line-height:40px !important;overflow:hidden !important;background:url(../images/dot.png) right 0 no-repeat !important;cursor:pointer !important;}
    .flex-control-nav .flex-active{background-position:0 0 !important;}

    .flex-direction-nav{position:absolute !important;z-index:3 !important;width:100% !important;top:45% !important;}
    .flex-direction-nav li a{display:block !important;width:50px !important;height:50px !important;overflow:hidden !important;cursor:pointer !important;position:absolute !important;}
    .flex-direction-nav li a.flex-prev{left:40px;}
    .flex-direction-nav li a.flex-next{right:40px;}

}