@media (min-width: 992px)
{

	.left-container
	{
		css-padding-right: 0px;
	}

}



/* ------------------------------ BEGIN: 991 ------------------------------ */

@media (max-width: 991px)
{

	nonetag
	{
	}



	/**
	 * header
	 */
	#header .row > div > div
	{
		width: 100%;
		margin-top: 0;
		margin-bottom: 18px;
	}

	#menu
	{
		position: relative;
		float: left;
		margin-bottom: 0;
		width: 100%;
	}

	#menu:before,
	#menu:after
	{
		display: block;
		position: absolute;
		width: 100%;
		left: 0;
		content: '';
		border-top: 1px solid #CCC;
	}

	#menu:before
	{
		top: 0;
	}

	#menu:after
	{
		bottom: 0;
	}



	/**
	 * full for left, right container
	 */
	.left-container,
	.right-container
	{
		float: left;
		width: 100%;
	}


	/**
	 * widget
	 */
	.left-container .widget > .title:before,
	.left-container .widget > .title:after
	{
		bottom: 10px;
	}


	/**
	 * footer
	 */
	#footer
	{
		background-image: none !important;
	}

	#footer .row > div
	{
		text-align: left;
		margin-bottom: 18px;
	}

	#footer .row > div:last-child
	{
		margin-bottom: 0;
		padding-bottom: 0;
		border-bottom: none;
	}


	/**
	 * search product
	 */
	form.search-product .form-group
	{
		margin-bottom: 11px;
	}


	/**
	 */
	#index-bar-search .socials
	{
		float: left;
	}

}

/* ------------------------------ END: 991 ------------------------------ */



/* ------------------------------ BEGIN: 768 ------------------------------ */

@media (max-width: 768px)
{

	nonetag
	{
	}



	/**
	 */
	body > .container-fluid > .container
	{
		width: auto;
		padding-left: 0;
		padding-right: 0;
	}

	#footer.container-fluid > .container
	{
		padding-left: 15px;
		padding-right: 15px;
	}



	/**
	 * header
	 */
	#top-hotline
	{
		display: block;
	}

	#nav-product-hotline .hotline
	{
		display: none;
	}

	#header
	{
		border-top: none;
	}

	#header .row > div > div
	{
		margin-bottom: 9px;
	}

	#header .logo > *
	{
		display: block;
		margin: 0 auto;
		text-align: center;
	}

	#header .logo > a
	{
		margin: 5px auto 9px;
	}



	/**
	 * navigation
	 */
	.ctrl-toggle-obj
	{
		display: block;
		padding: 7px 11px;
	}

	#nav .navigation
	{
		display: none;
		position: relative !important;
	}

	#nav .navigation > li
	{
		width: 100%;
		border-bottom: 1px solid #CCC;
		border-bottom-color: rgba(204, 204, 204, 0.5);
	}

	#nav .navigation > li > a
	{
		height: auto;
		padding: 3px 11px;
		text-align: left;
	}

	#nav .navigation > li > a img,
	#nav .navigation > li > a span
	{
		display: inline-block;
		margin: 7px auto;
		vertical-align: middle;
	}

	#nav .navigation > li > a span
	{
		padding-left: 11px;
		padding-top: 2px;
	}

	#nav .navigation > li:hover
	{
		border-color: transparent;
	}

	#nav .navigation > li > a:hover img,
	#nav .navigation > li > a:hover span
	{
		margin: 7px auto;
	}

	#nav .navigation li ul li
	{
		border: none;
		padding-bottom: 0;
	}

	#nav .navigation > li > ul > li > a
	{
		font-weight: bold;
		padding-left: 10%;
	}

	#nav .navigation > li > ul > li > ul li a
	{
		padding-left: 20%;
	}

	#nav .navigation ul
	{
		display: block;
		position: relative !important;
		float: left;
		width: 100%;
		left: 0 !important;
		top: 0 !important;
		border: none;
	}

	#nav .navigation li > ul > li > a:first-child
	{
		border-top: 1px dashed #000;
		border-top-color: rgba(0, 0, 0, 0.35);
		padding-top: 9px;
		padding-bottom: 7px;
		margin-top: -9px;
	}



	/**
	 * nav product
	 */
	#nav-product-hotline
	{
		background-color: transparent;
	}

	#nav-product-hotline ul.list
	{
		display: none;
		position: relative !important;
	}

	#nav-product-hotline ul,
	#nav-product-hotline ul li
	{
		width: 100%;
	}

	#nav-product-hotline ul li,
	#nav-product-hotline li li:last-child
	{
		border: none;
		border-top: 1px solid #CCC;
	}

	#nav-product-hotline div > ul > li:last-child
	{
		border-bottom: 1px solid #CCC;
	}

	#nav-product-hotline div > ul > li > a,
	#nav-product-hotline div > ul > li:first-child > a
	{
		padding: 7px 11px;
		border-right: none;
		font-weight: bold;
	}

	#nav-product-hotline ul ul
	{
		display: block;
		position: relative;
	}



	/**
	 * slider
	 */
	#slider
	{
		margin-top: 0;
	}



	/**
	 * list product
	 */ 
	ul.products
	{
		width: 101.606425702811245%;
		margin-left: -0.8032128514056225%;
	}

	ul.products li
	{
		margin: 0.8032128514056225%;
		width: 31.72690763052209%
	}

	.sidebar-product
	{
		display: none;
	}



	/**
	 * contact
	 */
	#contact-maps #cm-maps,
	#contact-maps #cm-info
	{
		width: 100%;
	}

	#contact-maps #cm-info
	{
		margin-left: 0;
		min-height: 0;
	}

}

/* ------------------------------ END: 768 ------------------------------ */



/* ------------------------------ BEGIN: 640 ------------------------------ */

@media (max-width: 640px)
{

	nonetag
	{
	}



	/**
	 * detail product
	 */
	.block-detail-product img
	{
		float: none;
		clear: both;
		max-width: 100%;
		margin: 0 auto 18px !important;
		text-align: center;
	}

	.block-detail-product .short-description
	{
		width: 100%;
	}

}

/* ------------------------------ END: 640 ------------------------------ */



/* ------------------------------ BEGIN: 480 ------------------------------ */

@media (max-width: 480px)
{

	nonetag
	{
	}



	/**
	 * header
	 */
	#header
	{
	}



	/**
	 * list product
	 */
	ul.products
	{
		width: 100%;
		margin-left: 0;
	}

	ul.products li
	{
		width: 100%;
		margin: 7px 0 !important;
	}

	ul.products li a.thumb img
	{
		display: block;
		max-width: 100%;
		margin: 0 auto;
		text-align: center;
	}

	ul.products li a.thumb div
	{
		display: none;
	}



	/**
	 * list news
	 */
	ul.list-news li a.thumb
	{
		display: none;
	}



	/**
	 * index
	 */
	#index-bar-search form.search-product,
	#index-bar-search form.search-product + div,
	#index-bar-search form.search-product .form-group,
	#index-bar-search form.search-product .form-group .form-control,
	#index-bar-search form.search-product .btn
	{
		width: 100%;
	}

	#index-news ul.typical-new li
	{
		border-bottom: 1px solid rgba(204, 204, 204, 0.5);
		padding-bottom: 9px;
	}

	#index-news ul.typical-new li a
	{
		font-size: larger;
	}

	#index-news ul.typical-new li > a:first-child
	{
		display: block;
		width: 100%;
		clear: both;
		margin: 0 auto;
		text-align: center
	}

	#index-news ul.typical-new li > a > img
	{
		display: inline-block;
		float: none;
		width: auto;
		max-width: 100%;
		margin: 0 auto 9px;
		text-align: center;
	}



	/**
	 * contact
	 */
	#contact-maps #cm-info img
	{
		width: 100%;
		margin-bottom: 9px;
	}

}

/* ------------------------------ END: 480 ------------------------------ */



/* ------------------------------ BEGIN: 320 ------------------------------ */

@media (max-width: 320px)
{

	nonetag
	{
	}

}

/* ------------------------------ END: 320 ------------------------------ */