	
@charset "UTF-8";
	@import "color-two.css";

	/* Width */
	#bottom .widget-1, #bottom .widget-2, #bottom .widget-3, #bottom .widget-4, #bottom .widget-5 { float:left; width:15%; }
	#bottom .widget-last { width:40%; }

	/* CSS3 Animation Effect */
	.ui-tabs-panel .slider_image{
	transition: all 0.5s linier 0.1s;
	-moz-transition: all 0.5s linier 0.1s; /* Firefox 4 */
	-webkit-transition: all 0.5s linier 0.1s; /* Safari and Chrome */
	-o-transition: all 0.5s linier 0.1s; /* Opera */
	}

	/*  #Mobile (Portrait)
	================================================== */

		/* Note: Design for a width of 320px */

		@media only screen and (max-width: 767px) {
		
			#bottom .widget-1, #bottom .widget-2, #bottom .widget-3, #bottom .widget-4, #bottom .widget-5 { width:100%; }

		}


	/* #Mobile (Landscape)
	================================================== */

		/* Note: Design for a width of 480px */

		@media only screen and (min-width: 480px) and (max-width: 767px) {
		
					#bottom .widget-1, #bottom .widget-2, #bottom .widget-3, #bottom .widget-4, #bottom .widget-5 { width:50%; }
				
		}