/** page structure **/
#w,#w1     { display: block; clear:both; padding: 2px 0px; margin:0px; }
#w5     { margin:0px 0px 0; padding:0px; }

/** posts slider widget **/
.crsl-items { display: block; padding: 5px;}
.crsl-wrap{-webkit-transition: all 0.0s ease; -moz-transition: all 0.0s ease; -o-transition: all 0.0s ease; transition: all 0.0s ease;}
.crsl-item { padding: 0px 0; -webkit-transition: all 0s; padding:10px 0;    -moz-transition: all 0s;     transition: all 0s;}

/** posts slider nav **/
.slidernav { display: block; text-align: center; margin-bottom: 5px; height:1px;}



#navbtns , #navbtns1 , #navbtns2, #navbtns3, #navbtns4, #navbtns5  { clear: both; position: relative; width: 100%;}
#navbtns .next, #navbtns1 .next, #navbtns2 .next, #navbtns3 .next, #navbtns4 .next, #navbtns5 .next{ background:url(../images/icn_next.png) no-repeat; width:30px; height:30px; position:absolute; top:150px; right:-30px; -webkit-transition: all 0.0s ease; -moz-transition: all 0.0s ease; -o-transition: all 0.0s ease; transition: all 0.0s ease; }
#navbtns .previous, #navbtns1 .previous, #navbtns2 .previous, #navbtns3 .previous, #navbtns4 .previous, #navbtns5 .previous{ background:url(../images/icn_previous.png) no-repeat; width:30px; height:30px; position:absolute; top:150px; left:-30px; -webkit-transition: all 0.0s ease; -moz-transition: all 0.0s ease; -o-transition: all 0.0s ease; transition: all 0.0s ease;}

#navbtns .next:hover, #navbtns1 .next:hover, #navbtns2 .next:hover, 
#navbtns .previous:hover, #navbtns1 .previous:hover, #navbtns2 .previous:hover { background-position: 0 -30px;}


#navbtns1 .next, #navbtns1 .previous{ top:50px; -webkit-transition: all 0.0s ease; -moz-transition: all 0.0s ease; -o-transition: all 0.0s ease; transition: all 0.0s ease;}
#navbtns3 .next{ top:-15px; background:url(../images/arrow-left-white.png) no-repeat; height:30px; -webkit-transition: all 0.0s ease; -moz-transition: all 0.0s ease; -o-transition: all 0.0s ease; transition: all 0.0s ease;}
#navbtns3 .previous{ top:-15px; background:url(../images/arrow-right-white.png) no-repeat; left:auto; right:0px; height:30px; }

#navbtns4 .next{ background:url(../images/arrow-next.png) no-repeat; -webkit-transition: all 0.0s ease; -moz-transition: all 0.0s ease; -o-transition: all 0.0s ease; transition: all 0.0s ease; height:60px; top:20px; right:-45px;}
#navbtns4 .next:hover, #navbtns4 .previous:hover{background-position:0 -60px;}
#navbtns4 .previous{ height:60px; background:url(../images/arrow-prvs.png) no-repeat; -webkit-transition: all 0.0s ease; -moz-transition: all 0.0s ease; -o-transition: all 0.0s ease; transition: all 0.0s ease; top:20px; left:-45px;}

#navbtns3 .next, #navbtns3 .previous{ height:23px;}
#navbtns3 .next:hover, #navbtns3 .previous:hover{ background-position: 0 0px;}

#w5 .slidernav #navbtns5{ width:70px; margin-left:200px; margin-top:30px; position:absolute;}
#navbtns5 .next{ background:url(../images/arrow-test-right.png) no-repeat; -webkit-transition: all 0.0s ease; -moz-transition: all 0.0s ease; -o-transition: all 0.0s ease; transition: all 0.0s ease; height:30px; top:20px; right:0px;}
#navbtns5 .next:hover, #navbtns5 .previous:hover{background-position:0 -30px;}
#navbtns5 .previous{ height:30px; background:url(../images/arrow-test-left.png) no-repeat; -webkit-transition: all 0.0s ease; -moz-transition: all 0.0s ease; -o-transition: all 0.0s ease; transition: all 0.0s ease; top:20px; left:0px;}




/** media queries **/
@media all and (max-width: 768px) {
#w,#w1 ,#w2 ,#w3 ,#w4 { display: block; clear:both; padding: 2px 0px; margin:15px 5px 0; }
.featured-item {padding-right: 8px !important;}
#w5     { margin:0px 0px 0; }


.crsl-wrap { margin-top:30px;}
#w5 .crsl-wrap { margin-top:0px;}

#w3 .crsl-wrap { margin-top:10px;}
.crsl-item h3 { font-size: 1.65em; }
#navbtns, #navbtns1, #navbtns2, #navbtns4{width: 20%; margin:0 auto; z-index:99999}
#navbtns3{ width:100%;}

#navbtns .next, #navbtns1 .next, #navbtns2 .next, #navbtns3 .next, #navbtns4 .next,  #navbtns5 .next{ background:url(../images/icn_next.png) no-repeat; width:30px; height:30px; position:absolute; top:0px; right:0px; background-size:100% auto;}
#navbtns .previous, #navbtns1 .previous, #navbtns2 .previous, #navbtns3 .previous, #navbtns4 .previous , #navbtns5 .previous{ background:url(../images/icn_previous.png) no-repeat; width:30px; height:30px; position:absolute; top:0px; left:0px; background-size:100% auto;}

#navbtns1 .next, #navbtns1 .previous{ top:0px;}

#navbtns3 .next{ top:-15px; background:url(../images/arrow-left-white.png) no-repeat; right:0px; left:auto;}
#navbtns3 .previous{ top:-15px; background:url(../images/arrow-right-white.png) no-repeat; left:auto; right:30px;}

#navbtns4 .next{ background:url(../images/arrow-left-gray.png) no-repeat; height:23px; -webkit-transition: all 0.0s ease; -moz-transition: all 0.0s ease; -o-transition: all 0.0s ease; transition: all 0.0s ease; top:0px;}
#navbtns4 .next:hover, #navbtns4 .previous:hover{background-position:0 -23px;  }
#navbtns4 .previous{ background:url(../images/arrow-right-gray.png) no-repeat;-webkit-transition: all 0.0s ease; -moz-transition: all 0.0s ease; -o-transition: all 0.0s ease; transition: all 0.0s ease; height:23px;}

#w5 .slidernav #navbtns5 .next{ background:url(../images/arrow-test-right.png) no-repeat;top:20px;  }

#w5 .slidernav #navbtns5 .previous{ height:30px; background:url(../images/arrow-test-left.png) no-repeat; -webkit-transition: all 0.0s ease; -moz-transition: all 0.0s ease; -o-transition: all 0.0s ease; transition: all 0.0s ease; top:20px; left:0px;}
#w5 .slidernav #navbtns5 .next:hover, #w5 .slidernav #navbtns5 .previous:hover{background-position:0 -30px;}



#navbtns3 .next, #navbtns3 .previous{ height:23px;}
#navbtns3 .next:hover, #navbtns3 .previous:hover{ background-position: 0 0px;}


}


@media all and (max-width: 480px) {
#navbtns, #navbtns1, #navbtns2, #navbtns4{width: 25%; }
#w .crsl-item{ margin-right:0px !important}
}