/* 
  ##Device = Desktops
  ##Screen = 1281px to higher resolution desktops
*/

@media (min-width: 1281px) {
	
}

/* 
  ##Device = Laptops, Desktops
  ##Screen = B/w 1025px to 1280px
*/

@media (min-width: 1025px) and (max-width: 1280px) {
}

/* 
  ##Device = Tablets, Ipads (portrait)
  ##Screen = B/w 768px to 1024px
*/

@media (min-width: 768px) and (max-width: 1024px) {
	.wrap p {
		margin: 0 !important;
	}
	.share-btn-group{
		position:relative !important;
		right: 0 !important;
		top: 0 !important;
	}
	.share-btn-group a{
		display:grid !important;
		margin-top: 5px !important;
		width: 24% !important;
		float: left !important;
		margin-left: 5px !important;
		font-size: 12px !important;
		padding: 6px 4px 4px 4px !important;
			
			
	}
}

/* 
  ##Device = Tablets, Ipads (landscape)
  ##Screen = B/w 768px to 1024px
*/

@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
}

/* 
  ##Device = Low Resolution Tablets, Mobiles (Landscape)
  ##Screen = B/w 481px to 767px
*/

@media (min-width: 481px) and (max-width: 767px) {
	#videoclip {
		display: none !important;
	}
	.list-category {
		padding-bottom: 20px !important;
	}
	.brand-logo-img {
		width: 90% !important;
	}
	.search-container {
		padding-top: 20px !important;
	}
	.list-category h3 {
		margin: 0 !important;
		font-size: 25px !important;
		font-weight: 700 !important;
	}
	.list-category .caption p.text-name-more {
		font-size: 23px !important;
	}
}

/* 
  ##Device = Most of the Smartphones Mobiles (Portrait)
  ##Screen = B/w 321px to 479px
*/

@media (min-width: 321px) and (max-width: 480px) {
	html {
		height: 100%
	}
	div {
		box-sizing: border-box;
	}
	.pos-fixed {
		position: fixed !important;
	}
	#columns {
		padding-top: 7px;
		padding-bottom: 0;
	}
	#videoclip {
		display: none !important;
	}
	.list-category {
		padding-bottom: 0px !important;
	}
	.brand-logo-img {
		width: 90% !important;
	}
	.brand-logo{
		width: 200px !important;
		height: 61px !important;
		transform: translate(-50%, -185%) !important;
	}
	.search-container {
		padding-top: 20px !important;
	}
	#columns .breadcrumb {
		margin: 60px 0px 15px 0;
	}
	.list-category h3 {
		margin: 0 !important;
		font-size: 12px !important;
		font-weight: 700 !important;
	}
	.wrap {
		font-size: 6px !important;
	}
	.wrap p {
		margin: 0 !important;
	}
	.rect-full {
		background-color: #FFF !important;
	}
	.list-category .thumbnail {
		padding: 0  !important;
		overflow: hidden !important;
		background: #f2fdff !important;
	}
	.list-category .rect-full {
		padding: 1px !important;
	}
	.list-category div[class*="col"] {
		padding: 1px !important;
	}
	.list-category .caption {
		width: 33.33%;
		display: table-cell !important;
		vertical-align: middle !important;
		text-align: center !important;
		background: #f2fdff !important;
		position: static !important;
		padding: 0 !important;
	}
	.list-category .caption p.text-name-more {
		margin: 0 !important;
		font-size: 12px !important;
	}
	.list-product .thumbnail{
		margin: 1px !important;
		height: 356px !important;
	}
	.list-category .thumbnail > img {
		width: 90%;
	}
	.list-category a {
		color: #292929 !important;
	}
	.nav > li {
		position: relative !important;
		display: inline-block !important;
	}
	.rec-btn li a {
		padding: 10px 0 !important;
	}
	.rec-btn .recommend-icon img,
	.rec-btn .cart-icon img {
	    top: -5px;
	}
	.rec-btn .cart-icon span {
		top: -22px;
	    left: 14px;
	}
	.navbar-nav > li > a {
		line-height: 50px !important;
		padding-top: 0px !important;
		padding-bottom: 0px !important;
	}
	.navbar-nav {
		margin: 0px -15px !important;
	}
	.navbar-form {
		margin-top: 0 !important;
		margin-bottom: 0 !important;
	}
	.table-fixed {
		font-size: 100% !important;
	}
	.quantity-box .input-group {
		display: block !important;
	}
	.quantity-box .input-group .form-control {
		width: 75px !important;
	}
	.hidden-icon {
		font-size: 32px !important;
		text-align: center !important;
		color: #252525 !important;
	}
	#myModalClip .modal-body {
		min-height: 300px !important;
	}
	#myModalRecommend table th:nth-child(4) {
		padding-left: 15px !important;
	}
	#myModalRecommend .modal-footer button {
		margin-top: 8px;
	}
	.list-category .wrap p {
	    font-size: 12px !important;
	}
	/* List product */
	.list-product {
	    padding-top: 10px !important;
	    padding-bottom: 50px !important;
	}
	.list-product h1{
		font-size: 36px !important;
		padding-bottom: 25px !important;
	}
	.pricetag{
		font-size: 16px !important;
	}
	.list-product .caption h3{
		font-size: 14px !important;
	}
	.list-product-no .table-fixed tbody {
		height: 400px;
		overflow-y: auto !important;
		width: 100% !important;
	}
	.list-product .lp-desktop{
		padding: 5px !important;
	}
	.share-btn-group{
		position:relative !important;
		right: 0 !important;
		top: 0 !important;
	}
	.share-btn-group a{
		display:grid !important;
		margin-top: 5px !important;
		width: 23% !important;
		float: left !important;
		margin-left: 5px !important;
		font-size: 12px !important;
		padding: 6px 4px 4px 4px !important;	
	}
	.list-product h1{
		padding-top: 00px !important;
		padding-bottom: 20px !important;
		font-size: 36px !important;
		width: 100% !important;
	}
	.list-product .caption {
		font-size: 12px !important;
	}
	.list-product .thumbnail:hover {
		-webkit-box-shadow:none !important;
		-moz-box-shadow: none !important;
		box-shadow: none !important;
	}
	.list-product .quantity-box .input-group .form-control {
		width: 45px !important;
	}
	.list-product .sold-out {
		bottom: 15px !important;
	    right: 30px !important;
	    width: 77% !important;
	}
	.list-product-no h1{
		padding-top: 10px !important;
		padding-bottom: 15px !important;
		font-size: 36px !important;
		width: 100% !important;
	}
	.list-product-no table tr td.no-m {
		padding-top: 25px;
	}
	.fly-right-cart{
		width: 48px !important;
		height: 48px !important;
		box-shadow: none !important;
	}
	.add-cart-01 img{
		width: 60px !important;
	}
	.btn-load-more{
		margin-top: 20px !important;
	}
    .list-product > .container > .row{
        margin-left: -10px !important;
        margin-right: -10px !important;
    }
    .add-cart-01{
    	position: absolute !important;
	    right: 20px !important;
	    top: -75px !important;
	    z-index: 99;
    }
    .mobile-show{ 
    	display: block !important; 
    }
    .map-container {
		position: relative !important;
		margin: 0 auto !important;
		padding: 0 !important;
		width: 335px !important;
		height: 335px !important;
		overflow: hidden !important;
	}
	.map-jp {
		position: absolute !important;
		top: 0 !important;
		left: 0 !important;
		height: 325px !important;
		width: 325px !important;
		background: url(../../img/map-gen.png) no-repeat !important;
		background-size: cover !important;
	}
	.pro {
		width: 68px !important;
		height: 68px !important;
		border: #313131 solid 1px !important;
		border-radius: 50% 50% !important;
		-webkit-border-radius: 50% 50% !important;
    	-moz-border-radius: 50% 50% !important;
		background-size: cover !important;
		background-position: center !important;
	}
	.loc {
		border-radius: 50% !important;
		-webkit-border-radius: 50% !important;
    	-moz-border-radius: 50% !important;
		background-color: rgb(49, 49, 49) !important;
		position: absolute !important;
		width: 5px !important;
		height: 5px !important;
		z-index: 2 !important;
	}
	.pro img {
		position: absolute !important;
		bottom: -31px !important;
		left: 10px !important;
		width: 32px !important;
		z-index: 100 !important;
	}
	.pro.pro5 img {
		bottom: 5px;
		left: 52px;
	}
	.pro.pro6 img {
		bottom: 7px;
		left: 53px;
	}
	.list-limit {
		padding-top: 15px !important;
		padding-bottom: 15px !important;
	}
	.map-jp h3 {
		font-size: 9px !important;
		padding-top: 5px !important;
		margin-top: 33px !important;
	}
	.popupMessage .modal-body {
		padding: 75px 50px 25px 50px !important;
	}
	.popupMessage .man-no-flower{
		top: -50% !important;
    	left: 28% !important;
	}
	.productimg-container {
		text-align: center !important;
		width: 100% !important;
	}
	#productImgLimited .modal-body h2 {
		margin-top: 20px !important;
		margin-right: 55px;
		font-size: 20px !important;
	}
	#productImgLimited .moreinfo {
		text-align: center !important;
		font-size: 16px !important;
	}
	#productImgLimited .fly-right-cart {
		bottom: inherit !important;
		left: inherit !important;
		top: -100px !important;
		right: 0px !important;
		width: 70px !important;
		height: 70px !important;
	}
	/* Support */
	.collection-promotion .panel-default>.panel-heading .panel-title a {
		font-size: 16px !important;
	}
	.collection-promotion .panel.panel-default .panel-body h2 span {
		font-size: 16px !important;
	}
	/* End: Support*/
}
@media (max-width: 320px) {
	html {
		height: 100%
	}
	div {
		box-sizing: border-box;
	}
	.pos-fixed {
		position: fixed !important;
	}
	.hidden-xxs {
		display: none !important;
	}
	#columns {
		padding-top: 7px;
		padding-bottom: 0;
	}
	#videoclip {
		display: none !important;
	}
	.list-category {
		padding-bottom: 0px !important;
	}
	.brand-logo-img {
		width: 90% !important;
	}
	.brand-logo{
		width: 200px !important;
		height: 61px !important;
		transform: translate(-50%, -185%) !important;
	}
	.search-container {
		padding-top: 20px !important;
	}
	#columns .breadcrumb {
		margin: 60px 0px 15px 0;
	}
	.list-category h3 {
		margin: 0 !important;
		font-size: 12px !important;
		font-weight: 700 !important;
	}
	.wrap {
		font-size: 6px !important;
	}
	.wrap p {
		margin: 0 !important;
	}
	.rect-full {
		background-color: #FFF !important;
	}
	.list-category .thumbnail {
		padding: 0  !important;
		overflow: hidden !important;
		background: #f2fdff !important;
	}
	.list-category .rect-full {
		padding: 1px !important;
	}
	.list-category div[class*="col"] {
		padding: 1px !important;
	}
	.list-category .caption {
		width: 33.33%;
		display: table-cell !important;
		vertical-align: middle !important;
		text-align: center !important;
		background: #f2fdff !important;
		position: static !important;
		padding: 0 !important;
	}
	.list-category .caption p.text-name-more {
		margin: 0 !important;
		font-size: 12px !important;
	}
	.list-product .thumbnail{
		margin: 1px !important;
		height: 370px !important;
	}
	.list-product .quantity-box .input-group .form-control {
		width: 87px !important;
	}
	.list-product .quantity-box .input-group button {
		padding: 6px 15px !important;
	}
	.list-product .sold-out {
		bottom: 19px !important;
	    right: 30px !important;
	    width: 77% !important;
	}
	.list-category a {
		color: #292929 !important;
	}
	.nav > li {
		position: relative !important;
		display: inline-block !important;
	}
	.rec-btn li a {
		padding: 10px 0 !important;
	}
	.rec-btn .recommend-icon img,
	.rec-btn .cart-icon img {
	    top: -5px;
	}
	.rec-btn .cart-icon span {
		top: -22px;
	    left: 14px;
	}
	.navbar-nav > li > a {
		line-height: 50px !important;
		padding-top: 0px !important;
		padding-bottom: 0px !important;
	}
	.navbar-nav {
		margin: 0px -15px !important;
	}
	.navbar-form {
		margin-top: 0 !important;
		margin-bottom: 0 !important;
	}
	.table-fixed {
		font-size: 100% !important;
	}
	.quantity-box .input-group {
		display: block !important;
	}
	.quantity-box .input-group .form-control {
		width: 75px !important;
	}
	.hidden-icon {
		font-size: 32px !important;
		text-align: center !important;
		color: #252525 !important;
	}
	#myModalClip .modal-body {
		min-height: 300px !important;
	}
	#myModalRecommend table th:nth-child(4) {
		padding-left: 15px !important;
	}
	#myModalRecommend .modal-footer button {
		margin-top: 8px;
	}
	.list-category .wrap p {
	    font-size: 12px !important;
	}
	/* List product */
	.list-product {
	    padding-top: 10px !important;
	    padding-bottom: 50px !important;
	}
	.list-product h1{
		font-size: 36px !important;
		padding-bottom: 25px !important;
	}
	.pricetag{
		font-size: 16px !important;
	}
	.list-product .caption h3{
		font-size: 14px !important;
	}
	.list-product-no .table-fixed tbody {
		height: 400px;
		overflow-y: auto !important;
		width: 100% !important;
	}
	.list-product .lp-desktop{
		padding: 5px !important;
	}
	.share-btn-group{
		position:relative !important;
		right: 0 !important;
		top: 0 !important;
	}
	.share-btn-group a{
		display:grid !important;
		margin-top: 5px !important;
		width: 23% !important;
		float: left !important;
		margin-left: 5px !important;
		font-size: 12px !important;
		padding: 6px 4px 4px 4px !important;	
	}
	.list-product h1{
		padding-top: 00px !important;
		padding-bottom: 20px !important;
		font-size: 36px !important;
		width: 100% !important;
	}
	.list-product .caption {
		font-size: 12px !important;
	}
	.list-product .thumbnail:hover {
		-webkit-box-shadow:none !important;
		-moz-box-shadow: none !important;
		box-shadow: none !important;
	}
	.list-product-no h1{
		padding-top: 10px !important;
		padding-bottom: 15px !important;
		font-size: 36px !important;
		width: 100% !important;
	}
	.list-product-no table tr td.no-m {
		padding-top: 25px;
	}
	.fly-right-cart{
		width: 48px !important;
		height: 48px !important;
		box-shadow: none !important;
	}
	.add-cart-01 img{
		width: 60px !important;
	}
	.btn-load-more{
		margin-top: 20px !important;
	}
    .list-product > .container > .row{
        margin-left: -10px !important;
        margin-right: -10px !important;
    }
    .add-cart-01{
    	position: absolute !important;
	    right: 20px !important;
	    top: -75px !important;
	    z-index: 99;
    }
    .mobile-show{ 
    	display: block !important; 
    }
    .map-container {
    	position: relative !important;
		margin: 0 auto !important;
		padding: 0 !important;
		width: 280px !important;
		height: 280px !important;
		overflow: hidden !important;
	}
	.map-jp {
		position: absolute !important;
		top: 0 !important;
		left: 0 !important;
		background: url(../../img/map-gen.png) no-repeat !important;
		background-size: cover !important;		
		height: 280px !important;
		width: 280px !important;
	}
	.pro{
		width: 55px !important;
		height: 55px !important;
		border: #313131 solid 1px !important;
		border-radius: 50% 50% !important;
		-webkit-border-radius: 50% 50% !important;
    	-moz-border-radius: 50% 50% !important;
		background-size: cover !important;
		background-position: center !important;
	}
	.loc {
		width: 5px !important;
		height: 5px !important;
		background-color: rgb(49, 49, 49) !important;
		position: absolute !important;
		z-index: 2 !important;
	}
	.pro img {
		position: absolute !important;
		bottom: -31px !important;
		left: 10px !important;
		width: 32px !important;
		z-index: 100 !important;
	}
	.pro.pro5 img {
		bottom: 5px;
		left: 52px;
	}
	.pro.pro6 img {
		bottom: 7px;
		left: 53px;
	}
	.list-limit {
		padding-top: 15px !important;
		padding-bottom: 15px !important;
	}
	.map-jp h3 {
		font-size: 9px !important;
		padding-top: 5px !important;
		margin-top: 33px !important;
	}
	.popupMessage .modal-body {
		padding: 75px 50px 25px 50px !important;
	}
	.popupMessage .man-no-flower{
		top: -50% !important;
		left: 28% !important;
	}
	.productimg-container {
		text-align: center !important;
		width: 100% !important;
	}
	#productImgLimited .modal-body h2 {
		margin-top: 20px !important;
		margin-right: 55px;
		font-size: 20px !important;
	}
	#productImgLimited .moreinfo {
		text-align: center !important;
		font-size: 16px !important;
	}
	#productImgLimited .fly-right-cart {
		bottom: inherit !important;
		left: inherit !important;
		top: -100px !important;
		right: 0px !important;
		width: 70px !important;
		height: 70px !important;
	}
	/* Support */
	.collection-promotion .panel-default>.panel-heading .panel-title a {
		font-size: 16px !important;
	}
	.collection-promotion .panel.panel-default .panel-body h2 span {
		font-size: 16px !important;
	}
	/* End: Support*/
}