@media only screen and (max-width:1023px){
.centerwrap{width: 96%;}/*748px*/
header{padding-top: 16px; padding-bottom: 14px;}
.logo{width: 36%; margin-left: 0; padding-left: 5px;}
.hBanner{width: 61%;}
nav ul li{font-size: 22px;}
nav ul li a{line-height: 42px; padding: 0 22px;}
.logFVideos{padding-right: 38px;}
.videoBlock{width: 32%; margin-right: 2%; margin-bottom: 2%;}
.videoBlock p{font-size: 16px;}
.logFVideos p{padding-bottom: 3px;}
.allVideos{padding: 20px 16px 8px;}
footer{padding-top: 20px; padding-bottom: 30px;}

}
@media only screen and (max-width:767px){
/*.centerwrap{width:460px;}*/
nav ul li{font-size: 20px;}
nav ul li a{line-height: 34px; padding: 0 18px;}
.subHeader{align-items: flex-start; justify-content: flex-start; flex-direction: column;}
.logFVideos{padding-right: 0; margin: auto; padding-top: 10px;}
.allVideos{padding: 15px 14px 8px;}
.videoBlock{width: 49%;}
.videoBlock:nth-child(3n){margin-right: 2%;}
.videoBlock:nth-child(2n){margin-right: 0px;}
footer{padding-top: 16px; padding-bottom: 20px;}


}
@media only screen and (max-width:479px){
.centerwrap{width:94%;}/*300px*/
header{padding-top: 10px; padding-bottom: 8px;}
nav ul li{font-size: 17px;}
nav ul li a{line-height: 28px; padding: 0 10px;}
.allVideos{padding: 12px 10px 5px;}
.videoBlock{padding: 4px 4px 5px;}
.videoBlock p{font-size: 14px; line-height: 16px;}





}