.gnn_vid_box { float: left; }
#gnn_vid_root { max-width: 605px; margin: 0 auto; }

#gnn_vid_left { width: 59%; }
#gnn_vid_right { width: 41%; }
#gnn_vid_main_video { width: 100%; }
#gnn_vid_list { width: 100%; }


/* Laptop/Tablet (1024px) */
@media only screen and (min-width: 481px) and (max-width: 1024px) and (orientation: landscape) {
	#gnn_vid_left { width: 100%; }
	#gnn_vid_right { width: 100%; }
	#gnn_vid_main_video { width: 100%; }
	#gnn_vid_list { width: 100%; }
}

/* Tablet Portrait (768px) */
@media only screen and (min-width: 321px) and (max-width: 1024px) and (orientation: portrait) {
	#gnn_vid_left { width: 100%; }
	#gnn_vid_right { width: 100%; }
	#gnn_vid_main_video { width: 100%; }
	#gnn_vid_list { width: 100%; }
}

/* Phone Landscape (480px) */
@media only screen and (min-width: 321px) and (max-width: 480px) and (orientation: landscape) {
	#gnn_vid_left { width: 100%; }
	#gnn_vid_right { width: 100%; }
	#gnn_vid_main_video { width: 100%; }
	#gnn_vid_list { width: 100%; }
}

/* Phone Portrait (320px) */
@media only screen and (max-width: 320px) {
	#gnn_vid_left { width: 100%; }
	#gnn_vid_right { width: 100%; }
	#gnn_vid_main_video { width: 100%; }
	#gnn_vid_list { width: 100%; }
}