/**
 * WARNING: do not edit this file. It was generated automatically, your changes will be overwritten and lost.
 * 2013-08-30 02:44:40 */

/* Grid container
 %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
 */

.container {
	width: 100%;
	max-width: 980px;
	position:relative;
}

.lte-ie8 .container {
	max-width: 980px;
}

/* Design for a width of less than 1024 px
 %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
 */

/* width < 1024px */
@media only screen and (max-width: 1023px) {

	/* Hide */
	.hide-below-1024 {
		display: none !important;
	}
}

/* Tablet (Portrait) - design for a width of 768px
 %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
 */

/* 768px <= width < 960px */
@media only screen and (min-width: 768px) and (max-width: 959px) {

	/* Hide */
	.hide-below-960 {
		display: none !important;
	}
}

/* All mobile - design for a width of less than 768px
 %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
 */

/* width < 768px */
@media only screen and (max-width: 767px) {

	/* Grid units below 768px screen size are 100% wide with no margin - compensate margin with padding */
	.container {
		width: 100%;
		padding-left: 0px;
		padding-right: 0px;
	}
	.nested-container {
		width: 100%;
		margin-left: auto;
	}

	/* Stretch all grid units */
	.grid12-1, .grid12-2, .grid12-3, .grid12-4, .grid12-5, .grid12-6, .grid12-7, .grid12-8, .grid12-9, .grid12-10, .grid12-11, .grid12-12, .grid4-1, .grid4-2, .grid4-3, .grid2-1, .grid-full, .grid-col2-sidebar, .grid-col2-main, .grid-col3-sidebar, .grid-col3-main {
		width: 100%;
		margin-left: 0;
		margin-right: 0;
	}
	
	/*[DUY] Custom css for screen 767*/
	.page-banners .grid12-5, .page-banners .grid12-6, .page-banners .grid12-7,
	.page-banners .grid12-5 a img, .page-banners .grid12-6 a img, .page-banners .grid12-7 a img
	{
		width: 100%;
	}
	.copyright .text span
	{
		line-height:24px;
	}
	.header .logo-wrapper
	{
		position:relative;
		top:0;
	}
	.service{
		display:none;
	}
	.searchAuto
	{
		float:none !important;
		margin:10px auto 10px auto !important;
	}
	.user-menu
	{
		width:100% !important;
		height:auto;
		margin:0;
	}
	/*END*/
	
	/* Vertically aligned grid
	 -------------------------------------------------------------- */
	.v-grid-container {
		display: block;
	}
	.v-grid {
		float: inherit;
		display: block;
		width: 100%;
	}
}

/* Mobile (Landscape) - design for a width of 480px
 %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
 */
/* 480px <= width < 768px */
@media only screen and (min-width: 480px) and (max-width: 767px) {

	/* Hide */
	.hide-below-960 {
		display: none !important;
	}
	.hide-below-768 {
		display: none !important;
	}

	/* Deprecated: persistent grid units
	 -------------------------------------------------------------- */
	/* Half */
	.persistent-grid2-1 {
		width: 48%;
		margin-left: 1%;
		margin-right: 1%;
	}

	/* One-third + two-thirds */
	.persistent-grid3-1 {
		width: 31.33%;
		margin-left: 1%;
		margin-right: 1%;
	}
	.persistent-grid3-2 {
		width: 64.67%;
		margin-left: 1%;
		margin-right: 1%;
	}

	/* One-fourth + two-fourths + three-fourths */
	.persistent-grid4-1 {
		width: 23%;
		margin-left: 1%;
		margin-right: 1%;
	}
	.persistent-grid4-2 {
		width: 48%;
		margin-left: 1%;
		margin-right: 1%;
	}
	.persistent-grid4-3 {
		width: 73%;
		margin-left: 1%;
		margin-right: 1%;
	}

	/* Mobile grid - modify units on mobile devices
	 -------------------------------------------------------------- */
	.mobile-grid.grid12-1 {
		width: 14.66%;
		margin-left: 1%;
		margin-right: 1%;
	}/* .grid12-1 to .grid12-2 */
	.mobile-grid.grid12-2 {
		width: 31.33%;
		margin-left: 1%;
		margin-right: 1%;
	}/* .grid12-2 to .grid12-4 */
	.mobile-grid.grid12-3 {
		width: 48%;
		margin-left: 1%;
		margin-right: 1%;
	}/* .grid12-3 to .grid12-6 */

	/**/
	.mobile-grid-half {
		width: 48%;
		margin-left: 1%;
		margin-right: 1%;
	}
	
	.copyright .text span
	{
		line-height:24px !important;;
	}
}

/* Mobile (Landscape, iPhone 4 Portrait) - design for a width of 640px
 %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
 */
/* 640px <= width < 768px */
@media only screen and (min-width: 640px) and (max-width: 767px) {
}

/* Mobile (Portrait) - design for a width of 320px
 %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
 */

/* 320px <= width < 480px */
@media only screen and (min-width: 320px) and (max-width: 479px) {

	/* Hide */
	.hide-below-960 {
		display: none !important;
	}
	.hide-below-768 {
		display: none !important;
	}
	.hide-below-480 {
		display: none !important;
	}
	.copyright .text span
	{
		line-height:24px !important;
		text-align:center !important;
	}
	.copyright .text a
	{
		width: 100%;
		text-align: center !important;
	}
.copyright .text a p
{
	text-align: center !important;
}
}

/* Mobile (Portrait) - design for a width of less than 320px
 %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
 */

/* width < 320px */
@media only screen and (max-width: 319px) {

	/* Hide */
	.hide-below-960 {
		display: none !important;
	}
	.hide-below-768 {
		display: none !important;
	}
	.hide-below-480 {
		display: none !important;
	}
	.hide-below-320 {
		display: none !important;
	}
	.copyright .text span
	{
		line-height:24px !important;;
	}
}