@media screen and (max-width: 1024px){
	/*.site-menu img { width:56px; }*/
	.site-menu img {
	width: 38px;
	}
	.site-menu li { line-height:inherit !important; }
	.box50, .box30 { width:100%; margin-bottom:20px; }
	.padLeft1 { padding-left:0; }
	.box50 img, .box30 img { width:100%; }
	.col2-items, .col2-items img { width:100%; }
	.col2-items { margin-bottom:10px; }
	.col2-items-right { margin-left:0; }
	.comparison .col2-items { width:100%; }
	.mt30 img { width:100%; }
	.mr43 { margin-right:0 !important; width:100%; }
	.mr43-2 { width:100%; }
	.image-wrapper img { width:100%; }
	
	.lc-model__item { width:50%; margin-left:0 !important; }
	.lc-model__item img  { width:100%; }
	.imgLeft2 { width:100%; margin-bottom:20px; }
	.mleft20 { margin-left:0; }
	.related-links { width:100%; box-sizing:border-box; margin:0; }
	.related-sec__item, .related-sec__item img { width:100%; }
	.comparison-thumb img { margin-bottom:20px; }
	.table-style-1 .left {width:100%;}
	.table-style-1 .right {width: 100%;}
	.table-style-1 .cell { display:block; }
	.iblk { margin-bottom:20px; }
	
	.box30 a img { width:auto; }/* fix large arrow icon */

 /*====================================*\
   >> shop-list 
 /*====================================*/
 .shop-list-items { width: 90%; margin: 0 auto 70px; }
 .shop-dtl__title { width: 15%; }
 .shop-dtl__con { width: 85% }
 .shop-list-img { margin-bottom: 30px; }
 .shop-list { margin-top: 60px;  width: 100%; }
 .shop-list-map { display: none; }

 /*====================================*\
   >>  herz本店
 /*====================================*/
 .ablk-1 .bx-wrapper2 {
  display: block;
  width: 90% !important;
  margin: 0 auto 30px !important;
 }
 .bx-viewport { height: 136px !important; }
 .herz-slider { margin-bottom: 30px; }

 .dlist {
  display: block;
  margin: 0 auto 50px;
  width: 90%;
 }
 .dlist-items__con { width: 100%; }
 .dlist-items__con > img { 
  display: block; 
  margin: 10px auto 0; 
  height: auto; 
  width: 90%; 
 }
 
 .hblog {
  display: block;
  margin: 0 auto 40px;
  width: 90%; 
 }
 .hblog-items { 
  display: block;
  position: relative;
  overflow: hidden;
  margin-bottom: 20px;
 }
  .hblog-items__thumb {
   display: block;
   float: left;
   width: 45%;
  }
  .hblog-items__thumb img { width: 100%; }

  .hblog-items__con {
   display: block;
   float: right;
   width: 50%;
  }
  .hrecom { width: 90%; display: block; margin: 0 auto; }
  .hrecom-items { width: 100%; margin-bottom: 30px; }
  .hrecom-items__dtl { margin-top: 10px; }
 

}

@media screen and (min-width:1025px){

 /*====================================*\
   >> shop-list 
 /*====================================*/
 .shop-list-img { margin-bottom: 50px; }
 .shop-list { margin-top: 96px; width: 701px; }
 .shop-list-items {
  float: left;
  height: 680px;
  width: 330px;
  margin-bottom: 40px;
 }
 .shop-list-items:nth-child(even) { margin-left: 40px; }

 .shop-dtl__title { width: 80px; }
 .shop-dtl__con { width: 250px; }
 .shoplist_img3 { display: block; margin-top: 40px; }

 /*====================================*\
   >> dlist 
 /*====================================*/
 .dlist { margin-bottom: 100px; }
 .dlist-items__title { width: 136px; }
 .dlist-items__con { width: 560px; }

 .hblog-items { float: left; margin-left: 20px; width: 220px; }
 .hblog-items:nth-child(3n+1) { margin-left: 0 !important; }
 .hrecom-items { float: left; width: 339px; }
 .hrecom-items:nth-child(even) { margin-left: 20px; }

 .hblog, .hrecom { margin-bottom: 100px; }
 
}

@media screen and (max-width:480px){
	.comp-table .table-1 .table-cell {    display: block; }
	.comp-table .table-1 .table-cell-left { width:100%; }
	.table-cell-right { border-top:0 !important; padding-top:0 !important; }
	.table-cell-left { padding-bottom:0 !important; }
	.table-cell-last { border-bottom:0 !important; }
	
	.box30 a img { width:auto; }/* fix large arrow icon */

	/*====================================*\
	>> shop-list 
	/*====================================*/
	.shop-dtl__title { width: 25%; }
	.shop-dtl__con { width: 75% }
}

/*
*	Wordpress Gallery jb
*/
@media screen and (max-width:480px){
	.gallery.gallery-columns-2 .gallery-item {
		margin-top: 10px !important;
	}
}

/*
*	How to updates 3-8-2016 jb 
*/
@media screen and (max-width:480px){
	ul.list-link01 li {
		width: 100%;
	}
	.lg-col-3-220 {
		margin-right: 0;
		margin-bottom: 40px;
	}
	.site-con-single .cblk-1 .iblk.md-center.mb40{
		margin-bottom: 0 !important;
	}
}

/*
*	Old blog post adjustments (from old herz-bag.jp) 3-8-2016 jb 
*/
@media screen and (max-width:480px){
	.anc-sidebar-press,
	.anc-sidebar-blog {
		line-height: 30px;
	}
	/* .blog-template .blog-content h3 {
		padding: 5px 20px;
		padding-bottom: 15px;
	}
	.blog-template .blog-content .iblk  h3,
	.blog-template .blog-content .cblk-1  h3{
		padding: 0;
	}
	.blog-content .iblk .iblk{
		margin: 0;
	} */
}
/*
*	Helpers 3-8-2016 jb 
*/
@media screen and (max-width:480px){
	.sm-lh1-5{
		line-height: 1.5em;
	}
	.sm-mt0{
		margin-top: 0 !important;
	}
}

/*
*	Special Details fixes 3-8-16 jb
*/
@media screen and (min-width:481px){
	#sd-rf .rlistf-items:last-child{
		margin-bottom: 40px;
	}
}
@media screen and (max-width:480px){
	/*conversation images */
	 .conversation ul li .message-container-image .col2 {
		display: block;
		width: 100%;
		height: auto;
		float: none;
		padding-left: 0;
		margin-bottom: 0;
		margin: 20px 0;
	}
	/* social-menu */
	.site-con-single .social-menu{
		margin-bottom: 40px;
	}
	.sd-cont02 img {
		float: none;
		padding:0;
		width: 100%;
	}
	#sd-rf .rlistf-items {
		margin: 20px;
	}
	.sd-link2 {
		width: 140px;
	}
	#section-wrapper .col-2,
	#section-wrapper .col-1{
		margin: 0 5%;
		float: none;
		width: 90%;
	}
	#section-wrapper .col-2 img,
	#section-wrapper .col-1 img
	{
		float: none;
		width: 100%;
		margin: 0 auto;
	}
	.sd-cont03-img:nth-child(even) {
		float: none;
		width: 90%;
		margin: 0 5%;
		margin-bottom: 40px;
	}
	.sd-cont03-img img
	{
		float: none;
		width: 100%;
		margin: 0 auto;
	}
	.sd-cont03-img {
		margin: 0 5%;
		margin-bottom: 40px;
		float: none;
		width: 90%;
	}
	.iblk #section-wrapper .col-2, 
	.iblk #section-wrapper .col-1,
	.iblk #section-wrapper .sd-cont03-img {
		margin: 0;
		margin-bottom: 40px;
		float: none;
		width: 100%;
	}
	.conversation li .message-content {
		margin-left: 112px;
		width: 250px;
	}
	#section-wrapper > .sd-link{
		height: auto;
		margin-right: 5%;
		margin-left: 5%;
	}
	#section-wrapper > p,
	#section-wrapper > img {
		width: 90%;
		height: auto;
		margin: 0 5%;
	}
	
	.iblk h2{
		margin: 0 -20px !important;
	}
	.blog-content .cblk-1 .iblk h2{
		margin-top: 0 !important;
		margin-right: 0 !important;
		margin-bottom: 10px !important;
		margin-left: 0 !important;
	}
	
	.sd-cont09-items {
		float: none;
		width: 100%;
		position: relative;
		list-style: none;
		margin-bottom: 0;
	}
	.iblk #section-wrapper #sd-rf .rlistf-items{
		margin: 0;
		margin-bottom: 20px;
	}
	#section-wrapper .sd15,
	#section-wrapper ol{
		margin: 0 20px;
	}
	
	#section-wrapper .sd-cont02 img{
		width: 90%;
		margin: 0 5%;
	}
	
	.iblk #section-wrapper .sd15,
	.iblk #section-wrapper ol,
	.iblk #section-wrapper > .sd-link,
	.iblk #section-wrapper p,
	.iblk #section-wrapper .sd-cont02 img,
	.iblk #section-wrapper .sd-cont02 p,
	.iblk #section-wrapper .sd-cont03-img p,
	.iblk #section-wrapper > img {
		width: 100%;
		height: auto;
		margin: 0;
	}
	
}
@media screen and (max-width:375px){
	.xo-text {
		width: 85%;
		text-align: left;
	}
	.site-con-single .social-menu{
		margin-bottom: 40px;
	}
	.iblk h3.font-ryumin{
		padding: 0px;
	} 
	h3.font-ryumin {
		padding: 20px; 
	}
	.site-con-single .iblk .iblk{
		margin: 0;
	}
	.sd-link2 {
		width: 120px;
	}
	.conversation li .message-content {
		margin-left: 112px;
		width: 200px;
	}
	.sd-cont09-items__dtl {
		width: 115px;
	}
}
@media screen and (max-width: 320px){
	.sd-link2 {
		width: 80px;
	}
	.conversation li .message-content {
		margin-left: 112px;
		width: 150px;
	}
	.sd-cont09-items__dtl {
		width: 75px;
	}
}
/*
*	How to fixes 3-8-16 jb
*/
@media screen and (max-width: 480px){
	#section-wrapper {
		margin-bottom: 40px;
	}
	#section-wrapper:last-child {
		margin-bottom: 0;
	}
	.one-third {
		margin-bottom: 40px;
	}
	.one-third:last-child {
		margin-bottom: 0;
	}
	.iblk #section-wrapper p,
	.sd15{
		font-size: 15px; /* removed the important value so that .f12 can take effect */
	}
	.sd-cont03.mt50{
		margin-top: 0 !important;
	}
}
/*
* Typography 3-9-16 jb
*/
@media screen and (max-width: 480px){
	.blog-template .blog-content #section-wrapper h4,
	.blog-template .blog-content .iblk h4,
	.blog-template .blog-content .cblk-1 h4,
	.blog-template .blog-content #section-wrapper h5,
	.blog-template .blog-content .iblk h5,
	.blog-template .blog-content .cblk-1 h5,
	.blog-template .blog-content #section-wrapper h6,
	.blog-template .blog-content .iblk h6,
	.blog-template .blog-content .cblk-1 h6{
		padding: 20px;
	}
	/* added the first 2 as per yama-san's instruction*/
	.blog-content  .iblk h3,
	.blog-content  .iblk h4,
	.blog-content  .iblk h5,
	.blog-content  .iblk h6,
	.blog-template .blog-content .iblk .iblk h2,
	.blog-template .blog-content .cblk-1 .iblk h2,
	.blog-template .blog-content .iblk .iblk h3,
	.blog-template .blog-content .cblk-1 .iblk h3,
	.blog-template .blog-content .iblk .iblk h4,
	.blog-template .blog-content .cblk-1 .iblk h4,
	.blog-template .blog-content .iblk .iblk h5,
	.blog-template .blog-content .cblk-1 .iblk h5,
	.blog-template .blog-content .iblk .iblk h6,
	.blog-template .blog-content .cblk-1 .iblk h6{
		width: auto;
		padding: 20px 0 !important;
	}
	.blog-template .blog-content .iblk.iblk-related-links h5{
		padding: 0 20px;
	}
	
}
/* 
*	Blog post render update 3-10-16 jb
*/ 
@media screen and (max-width: 480px){
	.gallery {
		max-width: 100%;
		padding: 5%;
		height: auto;
		overflow: hidden;
	}
	.gallery.gallery-columns-3 .gallery-item img {
		height: auto;
	}
	.blog-content blockquote{
		margin: 20px;
		overflow: hidden;
	}
	.blog-content ul,
	.blog-content h4,
	.blog-content h5,
	.blog-content h6{
		padding: 20px;
	}
	.blog-content .iblk-17 ul,
	.blog-content .iblk ul,
	.blog-content ul ul{
		padding: 0;
	}
	
}
/* Sidebar images height update 3-10-16 jb */
@media screen and (max-width: 480px){
	.site-menu.press-release ul li a img,
	.site-menu.staff-favorite ul li a img{
		width: 100%;
		height: 110px;
	}
	#site-left-aside .site-aside-menu-1.special-content .link-3, 
	#site-left-aside .site-aside-menu-1.staff-favorite .link-3{
		text-align: center;
	}	
}
@media screen and (max-width: 320px){
	.site-menu.press-release ul li a img,
	.site-menu.staff-favorite ul li a img{
		width: 100%;
		height: 100px;
	} 
}

/* shop dynamic content */
@media screen and (max-width: 480px){
	.hblog-items__date {
		margin-top: -6px;
	}
}