@media (max-width:767px) {
	div.ruby-wrapper .hidden-xs {
		visibility: hidden;
		display: none;
	}
	div.ruby-wrapper {
		position: relative;
		width: 100%;
		top: 0;
	}
	.ruby-wrapper .visible-xs {
		visibility: visible;
		position: relative;
		left: 0;
		top: 0
	}
	div.ruby-wrapper > ul {
		position: relative;
		top: 0px;
		width: 100%
	}
	ul.ruby-menu > li,
	ul.ruby-menu > li.ruby-menu-right {
		float: none
	}
	ul.ruby-menu > li > a {
		padding: 0 65px;
		background: #f7f7f7;
		color: #333
	}
	ul.ruby-menu > li > a:only-child {
		padding: 0 65px
	}
	ul.ruby-menu > li.ruby-active-menu-item > a:hover,
	ul.ruby-menu > li:hover > a,
	ul.ruby-menu > li > a:hover {
		background: #82b702;
		color: #fff
	}
	ul.ruby-menu > li.ruby-active-menu-item > a {
	}
	ul.ruby-menu > li.ruby-menu-social > a > span {
		display: block
	}
	ul.ruby-menu > li > ul,
	ul.ruby-menu > li > ul > li > ul,
	ul.ruby-menu > li > ul > li > ul > li > ul {
		position: relative;
		width: 100%;
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;
		border-top: none
	}
	ul.ruby-menu > li,
	ul.ruby-menu > li > ul > li,
	ul.ruby-menu > li > ul > li > ul > li,
	ul.ruby-menu > li > ul > li > ul > li > ul > li {
		position: relative
	}
	ul.ruby-menu > li > ul > li > a,
	ul.ruby-menu > li > ul > li > ul > li > a,
	ul.ruby-menu > li > ul > li > ul > li > ul > li > a {
		width: 100%;
		line-height: 50px;
		padding: 0 80px;
		background: #f1f1f1
	}
	ul.ruby-menu > li > ul > li:hover > a,
	ul.ruby-menu > li > ul > li > a:hover,
	ul.ruby-menu > li > ul > li > ul > li:hover > a,
	ul.ruby-menu > li > ul > li > ul > li > a:hover,
	ul.ruby-menu > li > ul > li > ul > li > ul > li:hover > a,
	ul.ruby-menu > li > ul > li > ul > li > ul > li > a:hover {
		background: #d9d9d9;
		color: #111
	}
	ul.ruby-menu > li > ul > li > ul,
	ul.ruby-menu > li > ul > li > ul > li > ul {
		left: auto;
		top: auto;
		z-index: auto
	}
	ul.ruby-menu > li > ul > li.ruby-open-to-left > ul,
	ul.ruby-menu > li > ul > li > ul > li.ruby-open-to-left > ul {
		left: auto;
		right: auto
	}
	ul.ruby-menu > li > ul > li > ul > li > a {
		background: #e5e5e5;
		padding: 0 95px
	}
	ul.ruby-menu > li > ul > li > ul > li:hover > a,
	ul.ruby-menu > li > ul > li > ul > li > a:hover {
		background: #e1e1e1
	}
	ul.ruby-menu > li > ul > li > ul > li > ul > li > a {
		background: #efefef;
		padding: 0 110px
	}
	ul.ruby-menu > li > ul > li > ul > li > ul > li:hover > a,
	ul.ruby-menu > li > ul > li > ul > li > ul > li > a:hover {
		background: #fff
	}
	ul.ruby-menu > li.ruby-menu-social > a {
		border: none
	}
	ul.ruby-menu > li.ruby-menu-mega,
	ul.ruby-menu > li.ruby-menu-mega-blog,
	ul.ruby-menu > li.ruby-menu-mega-shop {
		position: relative
	}
	ul.ruby-menu > li.ruby-menu-mega-blog > div,
	ul.ruby-menu > li.ruby-menu-mega-shop > div,
	ul.ruby-menu > li.ruby-menu-mega > div {
		position: relative;
		top: auto;
		left: auto;
		border-top: none;
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none
	}
	ul.ruby-menu > li.ruby-menu-mega-blog > div > ul.ruby-menu-mega-blog-nav {
		width: 100%;
		height: auto;
		left: auto;
		top: auto
	}
	ul.ruby-menu > li.ruby-menu-mega-blog > div > ul.ruby-menu-mega-blog-nav > li {
		position: relative
	}
	ul.ruby-menu > li.ruby-menu-mega-blog > div > ul.ruby-menu-mega-blog-nav > li > a {
		line-height: 50px;
		padding: 0 75px;
		background: #d1d1d1;
		color: #222
	}
	ul.ruby-menu > li.ruby-menu-mega-blog > div > ul.ruby-menu-mega-blog-nav > li.ruby-active-menu-item > a {
		background: #bcbcbc
	}
	ul.ruby-menu > li.ruby-menu-mega-blog > div > ul.ruby-menu-mega-blog-nav > li > div {
		position: relative;
		width: 100%;
		min-height: auto;
		left: auto;
		top: auto;
		z-index: auto
	}
	ul.ruby-menu > li.ruby-menu-mega-blog > div > ul.ruby-menu-mega-blog-nav > li:hover > a {
		background: #d9d9d9
	}
	ul.ruby-menu > li.ruby-menu-mega-shop > div {
		position: relative;
		text-align: left
	}
	ul.ruby-menu > li.ruby-menu-mega-shop > div > ul {
		position: relative;
		border: none;
		font-size: 14px;
		margin-bottom: -1px
	}
	ul.ruby-menu > li.ruby-menu-mega-shop > div > ul > li {
		position: relative;
		display: block;
		margin-top: -1px
	}
	ul.ruby-menu > li.ruby-menu-mega-shop > div > ul > li > a {
		padding: 0 80px;
		line-height: 50px;
		max-height: 50px;
		text-transform: none;
		font-weight: 400;
		background: #d1d1d1;
		color: #222;
		border: none
	}
	ul.ruby-menu > li.ruby-menu-mega-shop > div > ul > li.ruby-active-menu-item > a {
		background: #bcbcbc
	}
	ul.ruby-menu > li.ruby-menu-mega-shop > div > ul > li.ruby-active-menu-item > a,
	ul.ruby-menu > li.ruby-menu-mega-shop > div > ul > li:hover > a,
	ul.ruby-menu > li.ruby-menu-mega-shop > div > ul > li > a:hover {
		background: #d9d9d9
	}
	ul.ruby-menu > li.ruby-menu-mega-shop > div > ul > li > a {
		display: block
	}
	ul.ruby-menu > li.ruby-menu-mega-shop > div > ul > li > div {
		position: relative;
		top: 0;
		z-index: 9999;
		margin: 0
	}
	ul.ruby-menu > li.ruby-menu-social img {
		display: inline-table;
		position: absolute;
		top: 15px
	}
	ul.ruby-menu > li.ruby-menu-social > a {
		width: 100%
	}
	ul.ruby-menu > li.ruby-menu-social .fa {
		position: absolute;
		top: 17px
	}
	ul.ruby-menu > li.ruby-menu-social span {
		line-height: 50px;
		padding: 0 25px
	}
	span.ruby-dropdown-toggle {
		position: absolute;
		width: 50px;
		height: 50px;
		max-width: 50px;
		max-height: 50px;
		left: 0;
		top: 0;
		padding: 10px 17px;
		z-index: 1000000;
		cursor: pointer
	}
	span.ruby-dropdown-toggle:after {
		font-family: FontAwesome;
		text-decoration: none;
		content: '\f107';
		color: #fff;
		font-size: 25px;
		right: 0
	}
	span.ruby-dropdown-toggle.ruby-dropdown-toggle-rotate {
		-webkit-transform: rotate(180deg);
		-moz-transform: rotate(180deg);
		-o-transform: rotate(180deg);
		-ms-transform: rotate(180deg);
		transform: rotate(180deg)
	}
	ul.ruby-menu > li.ruby-menu-mega-blog > div > ul.ruby-menu-mega-blog-nav > li > a:before,
	ul.ruby-menu > li.ruby-menu-mega-shop > div > ul > li > a:before,
	ul.ruby-menu > li > a:before,
	ul.ruby-menu > li > ul > li > a:before,
	ul.ruby-menu > li > ul > li > ul > li > a:before,
	ul.ruby-menu > li > ul > li > ul > li > ul > li > a:before {
		content: "";
		width: 50px;
		height: 50px;
		background: #333;
		position: absolute;
		left: 0;
		top: 0
	}
	ul.ruby-menu > li.ruby-menu-mega-blog > div > ul.ruby-menu-mega-blog-nav > li > a:before,
	ul.ruby-menu > li.ruby-menu-mega-shop > div > ul > li > a:before,
	ul.ruby-menu > li > ul > li > a:before {
		background: #555
	}
	ul.ruby-menu > li > ul > li > ul > li > a:before {
		background: #777
	}
	ul.ruby-menu > li > ul > li > ul > li > ul > li > a:before {
		background: #999
	}
	ul.ruby-menu,
	ul.ruby-menu > li.ruby-menu-mega-blog > div,
	ul.ruby-menu > li.ruby-menu-mega-blog > div > ul.ruby-menu-mega-blog-nav > li > div,
	ul.ruby-menu > li.ruby-menu-mega-shop > div,
	ul.ruby-menu > li.ruby-menu-mega-shop > div > ul > li > div,
	ul.ruby-menu > li.ruby-menu-mega > div,
	ul.ruby-menu > li > ul,
	ul.ruby-menu > li > ul > li > ul,
	ul.ruby-menu > li > ul > li > ul > li > ul {
		max-height: 0;
		transform: scaleY(0);
		overflow: hidden
	}
	ul.ruby-menu.ruby-mobile-sublevel-show,
	ul.ruby-menu > li.ruby-menu-mega-blog > div.ruby-mobile-sublevel-show,
	ul.ruby-menu > li.ruby-menu-mega-blog > div > ul.ruby-menu-mega-blog-nav > li > div.ruby-mobile-sublevel-show,
	ul.ruby-menu > li.ruby-menu-mega-shop > div.ruby-mobile-sublevel-show,
	ul.ruby-menu > li.ruby-menu-mega-shop > div > ul > li > div.ruby-mobile-sublevel-show,
	ul.ruby-menu > li.ruby-menu-mega > div.ruby-mobile-sublevel-show,
	ul.ruby-menu > li > ul.ruby-mobile-sublevel-show,
	ul.ruby-menu > li > ul > li > ul.ruby-mobile-sublevel-show,
	ul.ruby-menu > li > ul > li > ul > li > ul.ruby-mobile-sublevel-show {
		max-height: 20000px;
		transform: scaleY(1);
		z-index: 999
	}
	div.ruby-grid > div.ruby-row div.ruby-row [class^=ruby-col] {
		margin-top: 0
	}
	div.ruby-grid > div.ruby-row div.ruby-row:first-of-type [class^=ruby-col] {
		margin-top: 0
	}
	div.ruby-grid.ruby-grid-lined > div.ruby-row:after {
		height: 0
	}
	div.ruby-grid > div.ruby-row > [class^=ruby-col] {
		padding: 0
	}
	div.ruby-grid > div.ruby-row > [class^=ruby-col] [class^=ruby-col] {
		padding-left: 0
	}
	div.ruby-grid > div.ruby-row > [class^=ruby-col] [class^=ruby-col]:first-of-type {
		padding-left: 0
	}
	div.ruby-grid > div.ruby-row div.ruby-col-1,
	div.ruby-grid > div.ruby-row div.ruby-col-10,
	div.ruby-grid > div.ruby-row div.ruby-col-11,
	div.ruby-grid > div.ruby-row div.ruby-col-12,
	div.ruby-grid > div.ruby-row div.ruby-col-2,
	div.ruby-grid > div.ruby-row div.ruby-col-3,
	div.ruby-grid > div.ruby-row div.ruby-col-4,
	div.ruby-grid > div.ruby-row div.ruby-col-5,
	div.ruby-grid > div.ruby-row div.ruby-col-6,
	div.ruby-grid > div.ruby-row div.ruby-col-7,
	div.ruby-grid > div.ruby-row div.ruby-col-8,
	div.ruby-grid > div.ruby-row div.ruby-col-9 {
		width: 100%;
		padding: 20px 30px
	}
	div.ruby-grid.ruby-grid-lined > div.ruby-row > div[class^=ruby-col]:after {
		width: 0
	}
	div.ruby-grid img {
		position: relative;
		max-width: 100%;
		height: auto;
		display: block
	}
	div.ruby-grid > div.ruby-row::after {
		content: "";
		display: table;
		clear: both
	}
	.c-hamburger {
		display: block;
		position: relative;
		overflow: hidden;
		margin: 0;
		padding: 0;
		width: 50px;
		height: 50px;
		font-size: 0;
		text-indent: -9999px;
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
		box-shadow: none;
		border-radius: none;
		border: none;
		cursor: pointer;
		-webkit-transition: background .3s;
		transition: background .3s
	}
	.c-hamburger:focus {
		outline: 0
	}
	.c-hamburger span {
		display: block;
		position: absolute;
		top: 24px;
		left: 8px;
		right: 8px;
		height: 3px;
		background: #fff
	}
	.c-hamburger span::after,
	.c-hamburger span::before {
		position: absolute;
		display: block;
		left: 0;
		width: 100%;
		height: 3px;
		background-color: #fff;
		content: ""
	}
	.c-hamburger span::before {
		top: -10px
	}
	.c-hamburger span::after {
		bottom: -10px
	}
	.c-hamburger--htx {
		background-color: #EB2123
	}
	.c-hamburger--htx span {
		-webkit-transition: background 0 .3s;
		transition: background 0 .3s
	}
	.c-hamburger--htx span::after,
	.c-hamburger--htx span::before {
		-webkit-transition-duration: .3s, .3s;
		transition-duration: .3s, .3s;
		-webkit-transition-delay: .3s, 0;
		transition-delay: .3s, 0
	}
	.c-hamburger--htx span::before {
		-webkit-transition-property: top, -webkit-transform;
		transition-property: top, transform
	}
	.c-hamburger--htx span::after {
		-webkit-transition-property: bottom, -webkit-transform;
		transition-property: bottom, transform
	}
	.c-hamburger--htx.is-active {
		background-color: #333
	}
	.c-hamburger--htx.is-active span {
		background: 0 0
	}
	.c-hamburger--htx.is-active span::before {
		top: 0;
		-webkit-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		transform: rotate(45deg)
	}
	.c-hamburger--htx.is-active span::after {
		bottom: 0;
		-webkit-transform: rotate(-45deg);
		-ms-transform: rotate(-45deg);
		transform: rotate(-45deg)
	}
	.c-hamburger--htx.is-active span::after,
	.c-hamburger--htx.is-active span::before {
		-webkit-transition-delay: 0s, .3s;
		transition-delay: 0s, .3s
	}
	ul.ruby-menu.ruby-menu-dividers > li,
	ul.ruby-menu.ruby-menu-dividers > li.ruby-menu-social > a,
	ul.ruby-menu.ruby-menu-dividers > li:hover > a,
	ul.ruby-menu.ruby-menu-dividers > li > a,
	ul.ruby-menu.ruby-menu-dividers > li > a:hover {
		border: none
	}
	div.ruby-wrapper.ruby-menu-transparent > ul.ruby-menu > li.ruby-active-menu-item > a {
		padding-left: 45px
	}
	ul.ruby-menu > li.ruby-menu-social.ruby-menu-search > a {
		display: none
	}
}

@media(min-width:768px) and (max-width:991px) {
	.ruby-wrapper .hidden-md {
		visibility: hidden;
		display: none
	}
	div.ruby-wrapper {
		width: 760px
	}
	ul.ruby-menu > li.ruby-menu-mega-blog > div > ul.ruby-menu-mega-blog-nav {
		width: 170px
	}
	ul.ruby-menu > li.ruby-menu-mega-blog > div > ul.ruby-menu-mega-blog-nav > li > div {
		width: 590px;
		left: 170px
	}
	ul.ruby-menu.ruby-vertical > li.ruby-menu-mega-blog > div,
	ul.ruby-menu.ruby-vertical > li.ruby-menu-mega-shop > div,
	ul.ruby-menu.ruby-vertical > li.ruby-menu-mega > div {
		width: 560px
	}
	ul.ruby-menu.ruby-vertical > li.ruby-menu-mega-blog > div > ul.ruby-menu-mega-blog-nav > li > div {
		width: 360px
	}
	span.ruby-c-date {
		display: none;
		visibility: hidden;
		opacity: 0
	}
	div.ruby-grid > div.ruby-row div.ruby-col-3-md {
		width: 25%
	}
	div.ruby-grid > div.ruby-row div.ruby-col-4-md {
		width: 33.33%
	}
	div.ruby-grid > div.ruby-row div.ruby-col-6-md {
		width: 50%
	}
	div.ruby-grid > div.ruby-row div.ruby-col-12-md {
		width: 100%
	}
	div.ruby-grid.ruby-grid-lined > div.ruby-row:after,
	div.ruby-grid.ruby-grid-lined > div.ruby-row > div[class^=ruby-col]:after {
		background: 0 0
	}
	ul.ruby-menu > li.ruby-menu-mega-shop > div > ul > li > a {
		padding: 20px 5px;
		font-size: 12px;
		font-stretch: condensed;
		color: #666
	}
}