@media (max-width: 374px) {
	/* Reccomend Shop */
	.shop-top-box .shop-title-box-info .shop-logo { display: block; width: 100%; margin: 0 0 0.5em; }
	.shop-top-box .shop-title-box-info .shop-logo img { margin: 0 auto; width: 100%; max-width: 100%; height: auto; }
	.shop-top-box .shop-title-box-info .shop-title-box-contact { display: block; width: 100%; letter-spacing: -0.4em; }
	.shop-top-box span.shop-title-tel,
	.shop-top-box a.shop-title-site span { display: inline-block; width: 49%; margin: 0 0.5% 0 0.5%; font-size: 11px; }
	.shop-bottom-box span.shop-title-tel,
	.shop-bottom-box a.shop-title-site span { font-size: 11px; }
}

@media (max-width: 510px) {
	.col-sm-3 { padding: 10px 0 0; }
	.col-half { display: block; width: 100%; max-width: 100%; }

	#page-header-wrapper { display: table; width: 100%; min-height: 60px; margin: 0 0 1.8em; padding: 0; }
	.page-node #page-header-wrapper .page-titleimage { display: block; width: 100%; max-width: 100%; margin: 0 0 0.5em 0; padding: 0; }
	.page-node .page-header { display: block; margin: 0; padding: 0; font-size: 13px; }

	ul.half-content { display: block; }
	ul.half-content > li { width: 100%; }
	ul.half-content > li:nth-child(2n+1),
	ul.half-content > li:nth-child(2n+0) { margin: 0; }

	header.teaser h2 { font-size: 14px; margin: 0.1em 0; }
	.teaser-node-tags { display: none; }

	.teaser .page-titleimage img { max-width: 120px; }

	#breadcrumb-wrapper { display: none; }

	#block-views-topnews-feature li,
	#block-views-lifenews-life-feature li { padding: 5px; }

	#block-views-topnews-feature .views-field-field-titleimage,
	#block-views-lifenews-life-feature .views-field-field-titleimage { float: none; width: 100%; margin: 0 0 0.6em; }

	.view-ad-sponsors.view-display-id-block_2 ul li { width: 33.3%; }

	/* Reccomend Shop */
	#block-views-shopview-block-1 li,
	#block-views-shopview-block-2 li,
	.field-name-field-shop-belong-brand li { width: 48.6%; }

	#block-views-shopview-block-2 li:first-child { width: 100%; }

	.view-display-id-shop_all_feeds_block_index ul li .shop_feed_image { display: block; width: 100%; margin: 0 0 0.5em; }
	.view-display-id-shop_all_feeds_block_index ul li .shop_feed_detail { display: block; width: 100%; }

	.shop-top-box { margin: 0 0 1em; padding: 0; background: transparent; }
	.shop-top-box .shop-title-image { display: block; width: 100%; margin: 0 0 0.5em; }
	.shop-top-box .shop-title-box { display: block; width: 100%; margin: 0; padding: 0; }

	body.page-node article .group-message-from-staff .field-name-field-shop-sub-image3 { width: 100%; float: none; margin: 0 0 1.6em; }

	/* Reccomend Shop Special Index */
	#block-views-5bc8826a0df9cf60e621ca786f53be99 { display: none; } /* Header Image Block */
	.field-name-field-shop-list-common-view .table-responsive,
	.field-name-field-shop-list-common-view .views-table,
	.field-name-field-shop-list-common-view .views-table tbody { display: block; border: none; }
	.field-name-field-shop-list-common-view .views-table thead { display: none; }
	.field-name-field-shop-list-common-view .views-table tr { display: block; border: 1px solid #ddd; margin: 0 0 0.5em; }
	.field-name-field-shop-list-common-view .views-table td { display: inline-block; border: none; }

	.field-name-field-shop-list-common-view .views-table caption { display: block; width: 100%; }
	.field-name-field-shop-list-common-view .views-table td.views-field-field-shop-name1 { display: block; width: 100%; border-bottom: 1px solid #ddd !important; }
	.field-name-field-shop-list-common-view .views-table td.views-field-field-shop-zipcode1 { width: 30%; }
	.field-name-field-shop-list-common-view .views-table td.views-field-field-shop-address1 { width: 68%; }
	.field-name-field-shop-list-common-view .views-table td.views-field-field-shop-tel1 { width: auto; }
	.field-name-field-shop-list-common-view .views-table td.views-field-field-shop-site1 { white-space: nowrap; width: auto; }

	/* Event */
.view-eventcalendar .view-content ul li { width: 49%; margin: 0 0.5% 1em; }

	/* AddToAny */
	.a2a_wrapper .a2a_kit a { margin: 3px 0.7%; }
}

@media (min-width: 511px) and (max-width: 767px) {
	/* Side bar - Information */
	#block-views-topnews-information-sidebar ul { letter-spacing: -0.4em; }
	#block-views-topnews-information-sidebar ul li { display: inline-block; width: 50%; letter-spacing: -0.02em; }

	/* Side bar - Pickup Shop & Blog / News Info */
	#block-views-shopview-block-4 ul,
	.view-display-id-shop_all_feeds_block_sidebar ul {
		display: -webkit-box; display: -webkit-flex; display: flex;
		-webkit-flex-wrap: wrap; /* Safari */
		flex-wrap: wrap;
		-webkit-justify-content: flex-start; /* Safari */
		justify-content: flex-start;
	}

	#block-views-shopview-block-4 ul li,
	.view-display-id-shop_all_feeds_block_sidebar ul li { width: 50%; }

	#block-views-shopview-block-4 ul li:nth-child(2n+0),
	.view-display-id-shop_all_feeds_block_sidebar ul li:nth-child(2n+0) { border-left: none; }

	/* Side bar YouTube Block */
	#block-aggregator-feed-1 ul { letter-spacing: -0.4em; }
	#block-aggregator-feed-1 ul li { display: inline-block; width: 50%; margin: 0; padding: 5px; border: none; letter-spacing: normal; vertical-align: top; }

	/* Side bar Archive Block */
	.view-archive-banners ul { letter-spacing: -0.4em; }
	.view-archive-banners ul li { display: inline-block; width: 50%; }

	/* Reccomend Shop Special Index */
	.field-name-field-shop-list-common-view .table-responsive { border: none; }
	.field-name-field-shop-list-common-view thead,
	.field-name-field-shop-list-common-view tbody { border: 1px solid #DDD; }

}

@media (min-width: 511px) and (max-width: 830px) {
	.view-admin-content table th.views-field-title { width: 50%; }

	.view-ad-sponsors.view-display-id-block_2 ul li { width: 25%; }

	/* Reccomend Shop */
	#block-views-shopview-block-1 li { width: 32.2%; }
}

@media (max-width: 767px) {
	/* Navbar */
	.navbar-header { display: block; width: 100%; }
	.navbar-wrapper { display: block; }
	.logo { min-width: 210px; width: 27%; }
	.navbar-toggle-button { max-width: 83%; }
	.navbar-toggle { margin-right: 0px; }

	.navbar-nav .open .dropdown-menu > li > a,
	.navbar-nav .open .dropdown-menu .dropdown-header { padding: 10px 15px 10px 25px; border-bottom: 1px solid #999; }

	.navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse { max-height: 420px; }

	.navbar-default .navbar-nav .open .dropdown-menu > .active > a,
	.navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
	.navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus { color: #000; background-color: #F3F3F3; border-bottom: none; }


	.header-menu { display: block; }
	.header-social { display: block; margin: 10px -30px 0; padding: 10px 0; text-align: center; border-top: 1px dotted #000; }

	/* Reccomend Shop */
	div.shop-index-header h2 { display: block; margin: 0 0 10px 0; width: 100%; }
	div.shop-index-header div.cw-shop-intro { display:block; width: 100%; }
	div.shop-index-header div.cw-shop-description { font-size: 12px; }
}

@media (min-width: 768px) {
	/* Navbar */
	body.navbar-is-fixed-top.navbar-administration.navbar-vertical.navbar-tray-open .navbar-fixed-top { left: 0; }

	.navbar-wrapper { display: table-cell; vertical-align: middle; }

	.navbar-nav { float: none !important; margin: 11px 0 5px; line-height: 1.2; letter-spacing: -0.4em; }
	.navbar-nav li { letter-spacing: normal; }
	.navbar-nav > li { float: none !important; display: inline-block; margin: 0 1px 0 0; }
	.navbar-nav > li > a { padding: 6px 7px; font-size: 13px; font-weight: 700; cursor: pointer; }
	.navbar-default .navbar-nav > li > a { color: #000; }

/*	.navbar-default .navbar-nav > .active > a:hover,
	.navbar-default .navbar-nav > .active > a:focus { color: #FFF; background-color: #007147; border-radius: 3px; } */

	.header-menu { display: inline-block !important; }
	.header-social { display: inline-block; vertical-align: middle; }

	/* Search Form in Navbar */
	.navbar-collapse { position: relative; }
	
	.header-search { display: inline-block; vertical-align: middle; width: 107%; position: absolute; top: 11px; right: -34px; }
	.header-search .form-wrapper { margin-bottom: 0; }
	
	.header-search .search-form .input-group { display: block; }
	
	.header-search .search-form .input-group .input-group-btn,
	.header-search .search-form input.form-text { position: absolute; top: 0; right: 0; width: 32px; height: 32px; margin: 0; }
	
	.header-search .search-form .input-group .input-group-btn {
		display: block; z-index: 1200; height: 32px;
		color: #FFF; text-align: center;
		background: #007147; border-radius: 18px;
	}
	
	.header-search .search-form .input-group .input-group-btn .btn-primary { padding: 7px 10px 0; color: #fff; background-color: transparent; border: none; }
	
	.header-search .search-form input.form-text {
		-webkit-appearance: none;
		border-radius: 0;
		filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
		opacity: 0;
		z-index: 1201;
		cursor: pointer;
		-webkit-transition: all 0.3s ease-in;
		-moz-transition: all 0.3s ease-in;
		-o-transition: all 0.3s ease-in;
		transition: all 0.3s ease-in;
		border: 1px solid #007147;
		border-radius: 4px;
		box-shadow: 0px 0px 4px 4px rgba(0, 71, 47, .075);
	}
	
	.header-search .search-form input.form-text:focus {
		filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
		opacity: 1;
		width: 100%;
		cursor: text;
	}

	/* Main */
	.container { width: 100%; }
	.col-sm-9 { float: none; display: inline-block; width: 69.7%; max-width: 730px; vertical-align: top; }
	.col-sm-3 { float: none; display: inline-block; width: 29%; max-width: 300px; vertical-align: top; margin-left: 0.6%; padding: 0; }
}

@media (max-width: 830px) {
	/* Microsite */
	.page-node article .field-name-field-ms-footer-navi1 .page-titleimage,
	.page-node article .field-name-field-ms-footer-navi2 .page-titleimage { display: block; width: 100%; min-width: 120px; max-width: 100%; margin: 0 0 0.4em; padding: 0; }

	.page-node article .field-name-field-ms-footer-navi1 .teaser-info,
	.page-node article .field-name-field-ms-footer-navi2 .teaser-info { display: block; }
}

@media (min-width: 992px) {
	.container { width: 100%; max-width: 1080px; }
}

@media (min-width: 1200px) {
	.container { max-width: 1080px; }
}