@media only screen and (max-width: 1680px) {
#youtubePage .box1 ,#youtubePage .box2 ,#youtubePage .box3 ,#youtubePage .box4 ,#youtubePage .box5 ,#youtubePage .box6 ,#youtubePage .box7 ,#youtubePage .box8{ min-height:1050px;}
}
@media only screen and (max-width: 1366px) {
#youtubePage .box1 ,#youtubePage .box2 ,#youtubePage .box3 ,#youtubePage .box4 ,#youtubePage .box5 ,#youtubePage .box6 ,#youtubePage .box7 ,#youtubePage .box8{ min-height:768px;}
#youtubePage .box1 img {
    padding-top: 8%;
}
#youtubePage .box8 .ui-box{bottom: 43%;}	
	}
	
	
@media only screen and (max-width: 1280px) {
#youtubePage .box1 ,#youtubePage .box2 ,#youtubePage .box3 ,#youtubePage .box4 ,#youtubePage .box5 ,#youtubePage .box6 ,#youtubePage .box7 ,#youtubePage .box8{ min-height:1024px;}
#youtubePage .box3 .ui-box {bottom: 40%;}
}	
@media only screen and (max-width: 1024px) {
#youtubePage .box1 ,#youtubePage .box2 ,#youtubePage .box3 ,#youtubePage .box4 ,#youtubePage .box5 ,#youtubePage .box6 ,#youtubePage .box7 ,#youtubePage .box8{ min-height:768px;}
#youtubePage .box1{
	background:url(../images/KV-min.jpg)top center no-repeat;
	}
#youtubePage .box3 .ui-box {
    position: absolute;
    z-index: 2;
    right: 35%;
    bottom: 30%;
}
	}	
@media only screen and (max-width: 768px) {	
#youtubePage .box3 .ui-box {
    position: absolute;
    z-index: 2;
    right: 30%;
    bottom: 30%;
}
#youtubePage .box8 .ui-box {
    position: absolute;
    z-index: 2;
    right: 36%;}
#youtubePage .box1 h2 {
    font-family: 'DINCond-Light';
    text-transform: uppercase;
    padding-top: 0px;
    margin-top: 0%;
    font-size: 2.5em;
}
#youtubePage .box1 img {
    padding-top: 32%;
}
#youtubePage .box1 img {
    width: 100%;
}
}
@media only screen and (max-width: 480px) {
#youtubePage h2 {
    font-size: 1.5em;
	padding:5% 0px;
}
#cd-vertical-nav .cd-label{ display:none;}
#youtubePage .box1 ,#youtubePage .box2{ min-height:368px;}
#youtubePage .box3 ,#youtubePage .box4 ,#youtubePage .box5 ,#youtubePage .box6 ,#youtubePage .box7 ,#youtubePage .box8{ min-height:736px;}

#youtubePage .box1{
	background:url(../images/KV-414min.jpg)top center no-repeat;
	min-height:313px;
	}
#youtubePage .ui-box{ font-size:1.2em;}
#youtubePage .box1 img,#youtubePage .box1 h2{ display:none;}
#youtubePage .box3 .ui-box{right: 17%;bottom: 1%;}
#youtubePage .box8 .ui-box {
    right: 24%;
    bottom: 15%;
}
#youtubePage .box5 {
    background: url(../images/min-box5.jpg)20% fixed no-repeat;
}
#youtubePage .box4 {
    background: url(../images/min-box4.jpg)top center no-repeat;}
#youtubePage .box3 {
    background: url(../images/min-box3bg.jpg)top center no-repeat;}	
#youtubePage .box6 {
    background: url(../images/min-box6.jpg)top center no-repeat;}
#youtubePage .box8 {
    background: url(../images/min-box8.jpg)top center no-repeat;}
#youtubePage .box3 .text-box {
    margin-top: 14%;
}
#youtubePage p {
    font-size: 1.2em;}	
.text-box{
	line-height: 2em;
	}
}
@media only screen and (max-width: 414px) {
#cd-vertical-nav .cd-label{ display:none;}
#youtubePage .box3 .ui-box {
    right: 28%;
    bottom: 9%;
}
#youtubePage .box8 .ui-box {
    right: 34%;
    bottom: 58%;
}
#youtubePage h1 {
    font-size: 2.2em;}
}
@media only screen and (max-width: 375px) {
#cd-vertical-nav .cd-label{ display:none;}
#youtubePage h2 {
    font-size: 1.5em;
}
#youtubePage .box3 .ui-box{right: 25%;bottom: 2%;}
#youtubePage h1 {
    font-size: 2em;}
.lightbox {
    padding-top: 55%;
}
#youtubePage .box8 .ui-box {
	bottom: 56%;
    right: 30%;
}
#youtubePage .box4 p, #youtubePage .box5 p, #youtubePage .box6 p, #youtubePage .box8 p {
    padding-bottom: 11%;
    padding-top: 7%;
    line-height: 1.5em;
}
	}


