/***************************************************************

---------------------- Responsive CSS --------------------------

***************************************************************/

@-ms-viewport {   width: device-width; }

@media (min-width: 1200px) {
	
	.container { width: 942px; }
		
	.span12 { width: 942px; }

	.span11 { width: 862px; }
	
	.span10 { width: 782px; }
	
	.span9 { width: 702px; }
	
	.span8 { width: 680px; }
	
	.span7 { width: 665px; }
	
	.span6 { width: 462px; }
	
	.span5 { width: 382px; }
	
	.span4 { width: 262px; }
	
	.span3 { width: 300px; }
	
	.span2 { width: 142px; }
	
	.span1 { width: 62px; }
	
}

@media (min-width: 768px) and (max-width: 979px) {
	
	.container { width: 94.2%; padding: 0 2.9% 0 2.9%; }
		
	.span12 { width: 100%; }

	.span11 { width: 862px; }
	
	.span10 { width: 782px; }
	
	.span9 { width: 702px; }
	
	.span8 { width: 76.74419%; }
	
	.span7 { width: 75.66667%; }
	
	.span6 { width: 462px; }
	
	.span5 { width: 100%; }
	
	.span4 { width: 23.25581%; }
	
	.span3 { width: 24.33333% ; }
	
	.span2 { width: 142px; }
	
	.span1 { width: 62px; }
	
	.left-panel { width: 97.7%; min-height: 393px; }
	
	.right-panel { width: 80%; min-height: 100px; }
	
	.nav ul li { padding: 0 20px 0 20px; }
	
	.padding-none { padding: 0 20px 0 20px !important; }
	
	.back-none { background: url(../images/menu-line.png) right 0 no-repeat !important; }
	
	iframe { width: 100% !important; }
		
}

@media (max-width: 767px) { 
	
	.container { width: 94.2%; padding: 0 2.9% 0 2.9%; }
		
	.span12 { width: 100%; }

	.span11 { width: 862px; }
	
	.span10 { width: 782px; }
	
	.span9 { width: 702px; }
	
	.span8 { width: 76.74419%; }
	
	.span7 { width: 75.66667%; }
	
	.span6 { width: 462px; }
	
	.span5 { width: 100%; }
	
	.span4 { width: 23.25581%; }
	
	.span3 { width: 24.33333% ; }
	
	.span2 { width: 142px; }
	
	.span1 { width: 62px; }
	
	.left-panel { width: 74.7%; min-height: 200px !important; }
	
	.right-panel { width: 80%; min-height: 100px; }
	
	.nav ul li { padding: 0 20px 0 20px; }
	
	.padding-none { padding: 0 20px 0 20px !important; }
	
	.back-none { background: url(../images/menu-line.png) right 0 no-repeat !important; }

	div.slideshow span.image-wrapper { top: -48px ; }	
	
	iframe { width: 100% !important; }
}


@media (max-width: 480px) {
	
	.container { width: 94.2%; padding: 0 2.9% 0 2.9%; }
		
	.span12 { width: 100%; }

	.span11 { width: 862px; }
	
	.span10 { width: 782px; }
	
	.span9 { width: 702px; }
	
	.span8 { width: 76.74419%; }
	
	.span7 { width: 75.66667%; }
	
	.span6 { width: 462px; }
	
	.span5 { width: 100%; }
	
	.span4 { width: 23.25581%; }
	
	.span3 { width: 24.33333% ; }
	
	.span2 { width: 142px; }
	
	.span1 { width: 62px; }
	
	.left-panel { width: 74.7%; min-height: 393px; }
	
	.right-panel { width: 80%; min-height: 100px; }
	
	.nav ul li { padding: 0 20px 0 20px; }
	
	.padding-none { padding: 0 20px 0 20px !important; }
	
	.back-none { background: url(../images/menu-line.png) right 0 no-repeat !important; }
	
	#thumbs .title { margin-left: 15px; }
	
	.slider { height: auto; overflow: hidden;}
	
	/* div.caption-container { height: 170px !important; } */
	
	.fb-like { margin-bottom: 20px; }
	
	iframe { width: 100% !important; }
	
	.video-wrap { width: 100% !important; }
	
	.gal-box .thumb-gal { width: 100% !important; }  
	
	.gal-box .galcap { width: 100% !important; }  
	
	.gal-box div.controls { top: 5px !important; }
	
	.gal-box .fb-like  { display: none !important; }
}

@media (max-width: 979px) {
	
	.container { width: 94.2%; padding: 0 2.9% 0 2.9%; }
		
	.span12 { width: 100%; }

	.span11 { width: 862px; }
	
	.span10 { width: 782px; }
	
	.span9 { width: 702px; }
	
	.span8 { width: 100%; margin: 0 0 10px; }
	
	.span7 { width: 75.66667%; }
	
	.span6 { width: 462px; }
	
	.span5 { width: 100%; }
	
	.span4 { width: 100%; }
	
	.span3 { width: 24.33333% ; }
	
	.span2 { width: 100%; }
	
	.span1 { width: 62px; }
	
	.left-panel { width: 98%; min-height: 393px; }
	
	.right-panel { width: 80%; min-height: 100px; }
	
	.nav ul li { padding: 0 20px 0 20px; }
	
	.padding-none { padding: 0 20px 0 20px !important; }
	
	.back-none { background: url(../images/menu-line.png) right 0 no-repeat !important; }
	
	div.slideshow span.image-wrapper { width: 50%; }
		
	#thumbs { width: 47%; }
	
	#slideshow img {  width: 100%; }
	
	.thumbs { width: 100%; }
	
	ul.thumbs li { max-width: 25%; }
	
	span.image-caption { 100%; }
	
	#caption { float: right; width: 100%; clear: both; }
	
	span.image-caption { width: 100%; }
	
	.slider { height: auto; overflow: hidden;}
	
	#slides .video-box li { float: left; clear: none; width: 44%; margin: 10px 0 0 10px; }
	
	.slidesjs-container { min-height: 160px !important; }
	
	.right-panel { min-height: 10px;  margin-bottom: 30px }
	
	#slides { height: auto; }
	
	.gal-box .thumb-gal { width: 100% !important; }  
	
	.gal-box .galcap { width: 100% !important; }  
	
	.gal-box div.controls { top: 5px !important; }
	
	.gal-box .fb-like  { display: none !important; }
	
	.video-wrap { width: 100% !important; }
	
	.advance-link img { height: 100% !important; width: 100% !important; }
}

@media (min-width: 980px) {
	
	.container { width: 942px; }
		
	.span12 { width: 942px; }

	.span11 { width: 862px; }
	
	.span10 { width: 782px; }
	
	.span9 { width: 702px; }
	
	.span8 { width: 680px; }
	
	.span7 { width: 665px; }
	
	.span6 { width: 462px; }
	
	.span5 { width: 382px; }
	
	.span4 { width: 262px; }
	
	.span3 { width: 250px; }
	
	.span2 { width: 100px; }
	
	.span1 { width: 62px; }
		
}