.skdslider{ width:100%; position: relative; margin:0 auto !important; display: block; height:724px !important; overflow:hidden; } .skdslider:after { content: ''; display: block; } .skdslider ul.slides{ margin:0 auto !important; padding:0; height:724px !important; list-style-type:none; text-align:center} .skdslider ul.slides li { display: none; } .skdslider ul#demo1 li { position:absolute; margin:0 auto !important; height:724px !important; } .skdslider ul.slides li .img{ position:relative; margin:0 auto; max-width:100%; border:0; } .skdslider ul.slide-navs { top: 312px; right: 0; position: absolute; list-style-type: none; margin: 0; padding: 0; } .skdslider ul.slide-navs li { background: url("../images/slider/slide-bg.png") no-repeat scroll 0 0 transparent; height:26px; width:48px; padding-bottom:2px; cursor:pointer; } .skdslider ul.slide-navs li.current-slide { background: url("../images/slider/slide-bg-active.png") no-repeat scroll 0 0 transparent; } .skdslider .slide-desc22 { background: url("image/slide_desc.png") repeat scroll 0 0 transparent; margin:0 auto; padding: 0; position: relative; top: -95px; max-width:989px; border:1px solid #000 } .skdslider .slide-desc {margin:0 auto;width:989px;position: absolute; right:0; left:0;top:-12%;} .slide-desc .img-cnt-left{float:left;width:463px;} .slide-desc .img-cnt-right{float:right;width:526px; padding-top:270px} .slide-desc .img-cnt-right h3{float:left;padding-bottom:24px;width:526px;font:300 42px 'Roboto', sans-serif; color:#007d9e; text-align:center; line-height:50px} .slide-desc .img-cnt-right p{float:left;padding-bottom:23px;width:526px;font:400 18px 'Roboto', sans-serif; color:#000; text-align:center; line-height:24px} .slide-desc .img-cnt-right h6{float:left;width:526px;text-align:center;} .skdslider .slide-desc2 {margin:0 auto;width:989px;position: absolute; right:0; left:0;top:-12%;} .slide-desc2 .img-cnt-left{float:left;width:463px;} .slide-desc2 .img-cnt-right{float:right;width:526px; padding-top:270px} .slide-desc2 .img-cnt-right h3{float:left;padding-bottom:24px;width:526px;font:300 42px 'Roboto', sans-serif; color:#007d9e; text-align:center; line-height:50px} .slide-desc2 .img-cnt-right p{float:left;padding-bottom:23px;width:526px;font:400 18px 'Roboto', sans-serif; color:#000; text-align:center; line-height:24px} .slide-desc2 .img-cnt-right h6{float:left;padding-top:48px;width:526px;text-align:center;} .skdslider .slide-desc3 {margin:0 auto;width:989px;position:absolute; right:0; left:0;top:-12%;} .slide-desc3 .img-cnt-left{float:left;width:463px;} .slide-desc3 .img-cnt-right{float:right;width:526px; padding-top:270px} .slide-desc3 .img-cnt-right h3{float:left;padding-bottom:24px;width:526px;font:300 42px 'Roboto', sans-serif; color:#007d9e; text-align:center; line-height:50px} .slide-desc3 .img-cnt-right p{float:left;padding-bottom:23px;width:526px;font:400 18px 'Roboto', sans-serif; color:#000; text-align:center; line-height:24px} .slide-desc3 .img-cnt-right h6{float:left;padding-top:72px;width:526px;text-align:center;} .skdslider .slide-desc4 {margin:0 auto;width:989px;position: absolute; right:0; left:0;top:-12%;} .slide-desc4 .img-cnt-left{float:left;width:463px;} .slide-desc4 .img-cnt-right{float:right;width:526px; padding-top:270px} .slide-desc4 .img-cnt-right h3{float:left;padding-bottom:24px;width:526px;font:300 42px 'Roboto', sans-serif; color:#fff; text-align:center; line-height:50px} .slide-desc4 .img-cnt-right p{float:left;padding-bottom:23px;width:526px;font:400 18px 'Roboto', sans-serif; color:#fff; text-align:center; line-height:24px} .slide-desc4 .img-cnt-right h6{float:left;padding-top:48px;width:526px;text-align:center;} .skdslider .slide-desc > h2 { color: #CFDB0C; font-family: 'Oswald'; font-size: 25px; margin-bottom: 10px; margin-top: 10px; text-transform: uppercase; } .skdslider .slide-desc > p { color: #FFFFFF; font-family: 'Oswald'; font-size: 16px; line-height: 20px; margin-top: 5px; } .skdslider .slide-desc > p a.more { color:#990000; font-size:20px; text-decoration:none; } .skdslider .slide-desc > p a.more:hover { text-decoration:underline; } .skdslider a.prev{ background: url("image/left.png") no-repeat scroll 0 0 transparent; width:35px; height:35px; display:none; cursor:pointer; position:absolute; top:50%; left:2%; margin-top:-17px; } .skdslider a.next{ background: url("image/right.png") no-repeat scroll 0 0 transparent; width:35px; height:35px; display:none; cursor:pointer; position:absolute; top:50%; right:2%; margin-top:-17px; } .skdslider a.prev:hover{ } .skdslider a.next:hover{ } .skdslider a.play{ background: url("image/play.png") no-repeat scroll center center transparent; width:35px; height:35px; display:none; cursor:pointer; position:absolute; top:50%; left:48%; margin-top:-17px; } .skdslider a.pause{ background: url("image/pause.png") no-repeat scroll center center transparent; width:35px; height:35px; display:none !important; cursor:pointer; position:absolute; top:50%; left:48%; margin-top:-17px; } /*Some Responsive CSS */ @media screen and (max-width:767px) { .skdslider .slide-desc > h2 { font-size: 20px; margin-bottom: 5px; margin-top: 5px; } .skdslider .slide-desc > p { font-size: 14px; line-height: 15px; margin-top: 5px; } .skdslider .slide-desc > p a.more { font-size:14px; } } .skdslider ul#demo1 li.a{background-color:#9b8f55} .skdslider ul#demo1 li.b{background-color:#fff6d0} .skdslider ul#demo1 li.c{background-color:#cfc08d} .skdslider ul#demo1 li.d{background-color:#662307} .skdslider ul#demo1 li #img1{ width:1920px; height:724px; background:url(../images/slider/1.jpg) center top no-repeat} .skdslider ul#demo1 li #img2{ width:1920px; height:724px; background:url(../images/slider/2.jpg) center top no-repeat} .skdslider ul#demo1 li #img3{ width:1920px; height:724px; background:url(../images/slider/3.jpg) center top no-repeat} .skdslider ul#demo1 li #img4{ width:1920px; height:724px; background:url(../images/slider/4.jpg) center top no-repeat} .slide-desc .img-cnt-right p.mversion, .slide-desc1 .img-cnt-right p.mversion, .slide-desc2 .img-cnt-right p.mversion, .slide-desc3 .img-cnt-right p.mversion, .slide-desc4 .img-cnt-right p.mversion {margin-top:55px;margin-bottom:0px;} .slide-desc .img-cnt-right p.mversion a, .slide-desc1 .img-cnt-right p.mversion a, .slide-desc2 .img-cnt-right p.mversion a, .slide-desc3 .img-cnt-right p.mversion a, .slide-desc4 .img-cnt-right p.mversion a {color:#007d9e} .slide-desc4 .img-cnt-right p.mversion a {color:#f1f1f1}