#main { padding: 0; margin-top: -29px; }

.blueberry { position: relative; left: -20.869668%; }
#hmVideo { width: 39.1%; position: absolute; top: 65px; right: 0; }

.slideBtns { position: absolute; bottom: 20px; right: 16.39810426540284%; }
    .slideBtns p { margin-bottom: 10px; }
    
@media only screen and (max-width: 768px) {	
    #main { margin-top: 0px; }
}

@media only screen and (max-width: 767px) {	
    .blueberry { left: 0; }
    #hmVideo { width: auto !important; position: static; top: 0; right: 0; margin-top: 30px; }
}

@media only screen and (max-width: 680px) 	
{
    .blueberry .slides { padding-bottom: 40px; }
    .blueberry .slides li { padding-bottom: 60px; }
    .slideBtns { bottom: 20px; right: 0; left: 0; text-align: center; }
    .slideBtns p { display: inline-block; }
}
@media only screen and (max-width: 500px) 	
{
    .blueberry .slides, .blueberry .slides li { padding-bottom: 30%; }
    .slideBtns { bottom: 0; }
    .slideBtns p { display: block; }
}
@media only screen and (max-width: 320px) 	
{
    .blueberry .slides, .blueberry .slides li { padding-bottom: 50%; }
}