@media (min-width: 1100px) { .s-skin-container , .flex-viewport , .slides , .slides li , #demo02{ background-position: center 0; background-repeat: no-repeat; background-size: cover; height: 100%; left: 0; min-width: 52.0833vw; top: 0; width: 100%; } .s-skin-container img{ width: 100%; } #wrapper { height: 100%; } .cd-main-content ,.mhome_1{ width: 100%; height: 100%; } #video { min-height: 100%; min-width: 100%; } /* flexslider */ .flexslider { margin-bottom:0px; position:relative; zoom:1; } .flex-viewport { max-height:2000px; -webkit-transition:all 1s ease; -moz-transition:all 1s ease; transition:all 1s ease; } .flexslider .slides { zoom:1; } .flex-direction-nav { display: none; } .flex-direction-nav a { width: 3.3854vw ; height: 0.3646vw ; line-height:99em; overflow:hidden; display:block; position:absolute; top:39%; z-index:10; cursor:pointer; opacity:0; filter:alpha(opacity=0); -webkit-transition:all .3s ease; } .flex-direction-nav .flex-next { right:0; } .flex-direction-nav .flex-prev { } .flexslider:hover .flex-next { opacity:0.8; filter:alpha(opacity=25); } .flexslider:hover .flex-prev { opacity:0.8; filter:alpha(opacity=25); } .flexslider:hover .flex-next:hover,.flexslider:hover .flex-prev:hover { opacity:1; filter:alpha(opacity=50); } .flex-control-nav { width: 100%; position:relative; bottom: 30px; text-align:center; } .flex-control-nav li { display:inline-block; zoom:1; margin-right: 10px; } .flex-control-paging li a { border-radius: 100px; display:block; height: 13px; overflow:hidden; text-indent:-99em; width: 13px ; color: #1C79BE; cursor:pointer; background-color: #1C79BE; background-size: 1.1979vw 1.1979vw; } .flex-control-paging li a.flex-active { border-radius: 115px; height: 13px; width: 30px; color: #fff; background-position:0 0; background-color: #fff; background-size: 1.1979vw 1.1979vw; } .img { text-align:center; } .flex-direction-nav a { width: 2.1354vw; height: 2.1354vw; overflow:hidden; display:block; position:absolute; top:41%; z-index:10; cursor:pointer; opacity:1; filter:alpha(opacity=1); -webkit-transition:all .3s ease; background-color: #fff; } .flex-prev{ background:url(../img/z1.png) no-repeat; background-size: auto 100%; } .flex-prev:hover{ background:url(../img/y1.png) no-repeat; background-size: auto 100%; } .flex-next{ background:url(../img/z2.png) no-repeat; background-size: auto 100%; } .flex-next:hover{ background:url(../img/y2.png) no-repeat; background-size: auto 100%; } .flex-direction-nav .flex-prev { right:0; } .flex-direction-nav .flex-next { top: 49%; right:0; } }