html {
   -webkit-text-size-adjust: none;
}
.video embed,
.video object,
.video iframe {
   width: 100%;
   height: auto;
}
img{
	max-width:100%;
	height: auto;
   	width: auto\9; /* ie8 */
}

@media only screen and (min-width: 960px) {
	#ff{width:940px;margin:0 auto}
}

@media only screen and (min-width: 911px) {
	.xq{width:290px;height:290px}
}

@media only screen and (min-width: 768px) and (max-width: 959px) {
	nav{width:100%;}
    #ff{width:748px;margin:0 auto}
    .video-js .vjs-big-play-button{width:2em;top:100px;left:80px;}
    .xq{width:227px;height:227px}
}

@media only screen and (min-width: 768px) and (max-width: 911px) {
    nav ul li{margin:0 0 0 1%}
	nav ul li a{font-size:12px;line-height:0;padding:12px 0 0 0;}
}

@media only screen and (max-width: 767px) {
	header #logo, header #search-box{margin:0 auto; text-align:center;}
	nav {width:100%;background:none;height:auto;}
	nav ul li {float: none;background:#006699 url(../images/lines2.png);text-align:center;padding: 0px 5px 0px 5px; }
    img{max-width:80%;}
    .rslides li img{max-width:100%;}
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
	.zerogrid .col06{margin:5px 0;}
    .video-js .vjs-big-play-button{left:162px;}
}

@media only screen and (min-width:651px) and (max-width:767px) {
    .zerogrid{width:650px;}
    .zerogrid .col11{width:420px;}
    .zerogrid .col05{width:200px;}
    .zerogrid .col06{width:300px;margin: 45px 10px;}
    .sidebar .heading{background:#006699;font-size:16px;padding:10px;margin-left: 10px;}
    .block{padding-left:10px;}
    .main-content .content img{width:177px;}
    nav ul{width:650px;margin:0 auto}
    .example_video_1-dimensions {width: 210px;height: 197px;}
    .video-js .vjs-big-play-button{top: 75px;left: 75px;width:2em;}    
}

@media only screen and (min-width:481px) and (max-width:650px) {
    .zerogrid {width: 480px;}
    .zerogrid .col11{width:460px;}
    .zerogrid .col06{width:100%}
    .block{padding:0 10px;}
    .main-content .content img{width:177px;margin: 3px 10px 0px 0;}
    nav ul{width:480px;margin:0 auto}
    img{width:70%;}
    .video-js{margin:0 auto}
    .zerogrid .col05{width:100%}
}

@media only screen and (max-width: 480px) {
    .zerogrid{width:97%;}
    .zerogrid .col11{width:100%;}
    .block{padding:0 10px;}
	img{width:70%;}
    .zerogrid .col06{width: 100%;margin: 5px auto;}
    .main-content .content img{float:none;margin: 0 auto;display: block;width:227px;}
    .video-js{margin:0 auto}
    .zerogrid .col05{width:100%}
}