/*==============================

	max-width ต้องเรียงตามมากไปหาน้อย ต้องให้มากขึ้นก่อน

==========Desktop==========*/

@media (max-width: 768px) {
	.navbar-default .navbar-nav> li.active > a{
		-webkit-border-bottom-right-radius: 0px;
		-webkit-border-bottom-left-radius: 0px;
		-moz-border-radius-bottomright: 0px;
		-moz-border-radius-bottomleft: 0px;
		border-bottom-right-radius: 0px;
		border-bottom-left-radius: 0px;
	}
	.navbar-default .navbar-nav .open .dropdown-menu > li > a{
		color:inherit;
	}
	.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover{
		color:inherit;
	}

	div.carousel div.carousel-inner img {
		height:auto;
	}

	ul.products li {
		width: 48%;
	}
	div.rightContent {
		float: left;
		width: 570px;
		padding: 0px 0px 0px 0px;
	}
	/*===product-info===*/

	.product-info aside{
		width:30%;
		float:left;
	}
	.product-info aside .thumbnail{
		height: auto;
	}
	.product-info article{
		width: 60%;
	}

	/*===product-related===*/


}







/*==========Smartphone-Landscape==========*/

@media (max-width: 479px) {

	div.carousel{
		width:100%;
		min-height:inherit;
		margin:0px;
	}
	div.carousel div.carousel-inner img{
		padding:0px;
		border:0px;
		min-height:120px;
	}
	ul.products li {
		width: 100%;
	}
	li.product-box .thumbnail img {
		max-height: inherit;
		max-width: inherit;
		padding: 0px;
	}

	.product-info aside{
		width:100%;
		float:left;
	}
	.product-info aside .thumbnail{
		width:100%;
		max-width:inherit;
		height: auto;
	}
	.product-info article{
		width: 100%;
	}

	/*===product-gallerysmall===*/
	ul.product-gallerysmall{
		padding: 0px;
		margin: 0px;
	}
	ul.product-gallerysmall li{
		position:relative;
		display: block;
		list-style-type:none;
		margin: 0px 4px 4px 0px;
	}
	ul.product-gallerysmall li a img{
		width:100%;
		height:auto;
		padding:0px;
		border: 0px;
	}

	.fancybox-skin{
		padding:0px;
		-webkit-border-radius: 0px;
		-moz-border-radius: 0px;
		border-radius: 0px;
	}

}










/*==============================

	min-width ต้องเรียงตามน้อยไปมาก ต้องให้น้อยขึ้นก่อน

==========Smartphone-Landscape==========*/
@media (min-width: 480px) {
	.cpanel-icon a{
		width:122px;
		height:103px;
		padding-top: 15px;
		font-size: 1em;
	}
	.cpanel-icon p{
		padding-top: 0px;
	}
	.cpanel-icon img{
		float: none;
		display: inline;
	  }

}

/*==========Tablet(Min)==========*/
@media (min-width: 769px) {
	.cpanel-icon img{
		float: none;
	}

}
/*==========Tablet(Max)==========*/



/*==========PC==========*/
@media (min-width: 1025px) {

}