/*
 * Responsive Design
 */

/*= Before Responsive
 *==================================================================*/

/*== Loop Actions */
.loop-actions .orderby-select{display:none;}

/*== Select Menu */
#main-nav .select-div{background:url(images/nav-sep.png) no-repeat left 0;display:none;}
#main-nav .select-wrap{overflow:hidden;
background-image: url(images/btn_menu.png);
background-repeat:no-repeat;
background-position:right center;
}
#main-nav select {height:auto; text-transform:none; display:block; margin:0 auto; 
-webkit-border-radius:0;
border-radius:0;
width:120%;
border:0;
font-size:17px;
font-weight:bold;
color: #EEE;
text-shadow:0 1px 0 #000;
padding:9px 7px 9px 10px;
-webkit-appearance: none; 
-moz-appearance: normal; 
appearance: normal;
-webkit-padding-end: 20px; 
-webkit-padding-start: 10px; 
-webkit-user-select: none;
-moz-user-select: none;
background-color:transparent;
background-color: rgba(0,0,0,0);
background-image: url(images/select-arrow.png);
background-repeat:no-repeat;
background-position:right center;
}
#main-nav select option {font-size:17px;color:#333;background:none;}
#main-nav select:active option{background:#FFF;}
.ie #main-nav select{color:#FFF;}
.ie #main-nav select option{background:none;color:#FFF;}
.ie #main-nav select:active option{background:none;color:#333;}

/*== Tablet Portrait
 *==================================================================*/
@media only screen and (min-width:640px) and (max-width:959px) {

/*== Structure */
body{min-width:640px;}
.boxed-wrap #page{width:640px;}
#main{padding:20px 0;}
.wrap{width:620px}
.wrapx{width:620px}
#content, #sidebar{width:100%;}

/*== Header */
#branding{margin-bottom:10px;}
#header-actions{margin-bottom:10px;}
#header-search{width:70%;/* margin-left:0; */}

/*== Featured */
.home-featured .nav{width:620px;height:189px;float:left;background:#333;position:relative;}
.home-featured .nav .carousel{width:620px;height:160px;border-bottom:1px solid #444;}
.home-featured .nav .carousel-clip{height:320px;width:630px;}
.home-featured .nav .carousel-list{width:625px;}
.home-featured .nav li{float:left;width:309px;margin-left:0;
border-left:1px solid #444;
border-right:1px solid #272727;
}
.home-featured .nav li .inner{margin:0;}
.home-featured .nav li.current{background:#222;width:310px;border-left:0;}
.home-featured .nav li.current .inner{
	border-left:5px solid #0000B7;
	margin-left:0;
	padding-left:7px;
}

.home-featured .nav .carousel-prev, 
.home-featured .nav .carousel-next{position:absolute;bottom:0px;}
.home-featured .nav .carousel-prev{left:0;margin:0;width:309px;border-left:1px solid #444;}
.home-featured .nav .carousel-next{right:0;width:309px;}

.home-featured-full .stage, 
.home-featured-full .stage .carousel{width:620px;height:349px;overflow:hidden;}
.home-featured-full .stage,
.home-featured-full .stage .carousel-list{height: 349px;}
.home-featured-full .stage .item,
.home-featured-full .stage .thumb {
width: 620px;
height: 349px;
}
.home-featured-full .stage .thumb img{width:620px;}


.fcarousel-5 .carousel-clip{width:545px;}
.fcarousel-5 li {
margin: 7px 5px 20px 5px;
}




/*== Footbar
 *=================================*/
#footbar .widget-col-5{width:100%;margin-left:0;}
#footbar.footbar-c4 .widget{width:300px;}

/* Fixed Youtube Video with JWPlayer*/
.fluid-width-video-wrapper embed{height:349px !important;}

/* End @media 
 *================================================================== */}

/*== Mobile
 *==================================================================*/ 
@media only screen and (max-width:639px) {
#main-nav .wrap{background:url(images/nav-sep.png) no-repeat right 0;}
#main-nav .menu{display:none;}
#main-nav .select-div{display:block;}
 
.loop-actions .orderby{display:none;}
.loop-actions .orderby-select{display:block;float:left;height:21px;padding:3px;text-transform:none;}
.loop-actions .prefix{display:none;} 


.comment-form-author, .comment-form-email, .comment-form-url{
margin-left:0;
width:100%;
float:none;
}


/*== Structure */
body{min-width:95%;}
.boxed-wrap #page{width:100%;}
#main{padding:10px 0;}
.wrap{width:95%;}
.wrapx{width: 100%;}
#content, #sidebar{width:100%;}

/*== Header
 *=================================*/
#branding{float:none;margin-bottom:7px; margin-top: 30px;}
#site-logo img{margin:0 auto;}
#header-actions{float:none;}
#header-search {
    float: none;
    width: 80%;
    padding: 1px 0 0;
    overflow: hidden;
    margin-left: auto;
    margin-right: auto;
}

/*== Archive Content
 *=================================*/

.loop-actions .view .grid-small-link,  
.loop-actions .view .grid-medium-link, 
.loop-actions .view .list-large-link{display:none;}

.grid-small .item {
    width: 43%;
    margin: 0 0 10px 17px;
}
.grid-small .thumb {
    width: 100%;
    padding-top: 64%;
}
.grid-small .thumb img {
	max-width: 100%;
}

.grid-medium .nag{margin: 0 -10px;}
.grid-medium .item{width:300px;margin: 0 10px 20px;}
.grid-medium .thumb{width:300px;height:169px;}
.grid-medium .thumb img{width:300px;}

.list-small .thumb {
	max-width: 100%;
	height:79px;
}
.list-small .thumb img {
	max-width: 100%;
}
.list-small .data {
	margin-left:159px
}
.list-small .meta, .list-small .stats{float:none;}
.list-small .stats > span{margin:0 10px 0 0 !important;}
.list-small .author,
.list-small .suffix,
.list-small .x-xsummary{display:none;}

.list-medium .thumb {
	width:300px;
	height:169px;
	margin:0 0 10px;
}
.list-medium .thumb img {
	width:300px;
}
.list-medium .data {
	margin-left:0
}
.list-medium .author,
.list-medium .suffix{display:none;}
.list-medium .meta{float:left;}
.list-medium .stats{float:right;}
.list-medium .x-xsummary{font-size:11px;}

.list-large .item{width:100%;}
.list-large .thumb{width:100%;height:169px;}
.list-large .meta, .list-large .stats{float:none;}
.list-large .stats > span{margin:0 10px 0 0 !important;}

/*== Featured Content
 *=================================*/
.home-featured .stage, 
.home-featured .nav{width:100%;}
.home-featured .stage{margin-left:-3px;}
.home-featured .stage,
.home-featured .stage .carousel-list{height: 169px;}
.home-featured .stage .item,
.home-featured .stage .thumb {
width: 300px;
height: 169px;
}
.home-featured .stage .thumb img{width:300px;}

.home-featured-full .stage,
.home-featured-full .stage .carousel{width:300px;height:169px;}
.home-featured-full .stage,
.home-featured-full .stage .carousel-list{height: 169px;}
.home-featured-full .stage .item,
.home-featured-full .stage .thumb {
width: 300px;
height: 169px;
}
.home-featured-full .stage .thumb img{width:300px;}

/*== Single Content
 *=================================*/
.x-xheader .x-xtitle{float:none;margin:0 0 10px !important;}
.x-xheader .x-xactions{float:none;margin:0;}

/*== Footbar
 *=================================*/
#footbar.footbar-c4 .widget{width:300px;}

/*== Colophon
 *=================================*/
#colophon{text-align:center;}
#social-nav{float:none;overflow:hidden;text-align:center;margin:0 0 10px;}
#social-nav li {
margin: 0 9px 0 0;

}
#copyright, #credits {
font-size: 15px;
margin: 0;
display: block;
}

.fluid-width-video-wrapper embed{height:259px !important;}

.grid-small .nag {margin-left: auto;margin-right: auto;}

/* bunny */
.x-xactions .dp-share:hover .dropdown-content {right: -75px;}
/* End @media ================================================================== */}

@media only screen and (min-width:769px) and (max-width:959px) {
img.ads800 {max-width: 759px; height: auto}
img.ads728 {max-width: 729px; height: 90px}
img.ads140s {width: 90px; max-height: 160px;}
img.ads300s {width: 230px; max-height: 70px;}
#slider-r {width: 90px; right: 1px; position: fixed;  top: 7px; text-align: center; line-height: 0;}
#slider-l {width: 90px; left: 1px; position: fixed;  top: 7px; text-align: center; line-height: 0;}
#slider-f{width:200px;right: 30px;left: 0;bottom: 7px;margin: 0 auto;position:fixed;text-align: center;line-height:0}
.xcc {width: 20px;height: 70px;position: absolute;right: -51px;top: 0px;}
}

@media only screen and (min-width:640px) and (max-width:769px) {
img.ads800 {max-width: 630px; height: auto}
img.ads728 {max-width: 630px; height: 80px}
img.ads140s {width: 70px; max-height: 120px;}
img.ads300s {width: 200px; max-height: 60px;}
#slider-r {width: 70px; right: 1px; position: fixed;  top: 7px; text-align: center; line-height: 0;}
#slider-l {width: 70px; left: 1px; position: fixed;  top: 7px; text-align: center; line-height: 0;}
#slider-f{width:200px;right: 30px;left: 0;bottom: 7px;margin: 0 auto;position:fixed;text-align: center;line-height:0}
.xcc {width: 20px;height: 60px;position: absolute;right: -21px;top: 0px;}
}

@media only screen and (max-width:639px) {
img.ads800 {max-width: 95%; height: auto}
img.ads728 {max-width: 95%; height: auto}
img.ads300m {width: 100%; height: 100%}
img.ads140s {width: 60px; max-height: 100px;}
img.ads300s {width: 200px; max-height: 60px;}
#slider-r {width: 60px; right: 1px; position: fixed; top: 39px; text-align: center; line-height: 0;}
#slider-l {width: 60px; left: 1px; position: fixed; top: 39px; text-align: center; line-height: 0;}
#slider-f{width:200px;right: 30px;left: 0;bottom: 7px;margin: 0 auto;position:fixed;text-align: center;line-height:0}
.xcc {width: 20px;height: 60px;position: absolute;right: -21px;top: 0px;}
#main-nav {position: fixed;width: 100%;z-index: 100; top: 0px;}
}/* rndz */