@media (min-width: 992px) {
	#topnav .navigation-menu > li > a {
		padding-top: 25px;
		padding-bottom: 25px;
	}
}
@media (max-width: 1600px) {
	#shop .shop-thumb{
	  height: 22vw;
	}
	.shop-thumb {
	    height: 16vw;
	}
}
@media (max-width: 1440px) {
	.filter-grid {
		grid-template-columns: repeat(3, 1fr);
	}
}
@media (max-width: 1440px) {
	.shop-thumb {
	    height: 20vw;
	}
}
@media (max-width: 1366px) {
	#shop .shop-thumb{
	  height: 26vw;
	}
	#news {
	    margin-top: 145px;
	}
	.nav-tabs > li {
	    font-size: 13px;
	}
	#filter {
	    padding: 0;
	    margin-top: 145px;
	}
	.scroll-down {
	    bottom: -9px;
	    -webkit-transform: scale(0.7);
	    transform: scale(0.7);
	}
	.top-section {
	    height: auto;
	    margin-top: 145px;
	}
	#home {
	    height: calc(100% - 145px);
	    margin-top: 145px;
	}
	#topnav .logo img {
	    max-height: 55px;
	}
	#topnav .logo {
	    height: 75px;
	}
	#shop .container{
		padding: 0 60px;
	}
}
@media (max-width: 1280px) {
	.filter-grid {
	    grid-gap: 20px;
	}
	.filter-container {
	    grid-gap: 40px;
	    padding: 60px;
	}
	.container{
		width: 100%;
		padding: 0 60px;
	}
}
@media (max-width: 1160px) {
	.top-social li a {
	    font-size: 15px;
	    width: 35px;
	    height: 35px;
	    line-height: 35px;
	}
	.title h3 {
	    font-size: 34px;
	}
	#topnav .navigation-menu > li > a {
	    font-size: 12px;
	    padding: 25px 10px;
	}
	#topnav .navigation-container .container {
	    padding: 0 30px;
	}
	#shop .container {
	    padding: 0 40px;
	}
	.top-social {
	    right: 50px;
	    bottom: 50px;
	}
	.top-inner {
	    left: 50px;
	    bottom: 50px;
	}
}
@media (max-width: 1024px) {
	.footer-grid{
	  grid-template-columns: repeat(2, 1fr);
	  grid-gap: 60px;
	}
	.filter-grid {
	    grid-template-columns: repeat(2, 1fr);
	    grid-gap: 20px;
	}
	#shop .shop-thumb{
		height: 26vw;
	}
	.shop-thumb {
	    height: 26vw;
	}
}
@media (max-width: 991px) {
	#topnav .navigation-menu > li > a {
	    padding: 0 10px;
	}
	.search-hidden {
	    display: block;
	    width: 100%;
	    height: 58px;
	    margin-bottom: 20px;
	}
	.search-show{
		display: none;
	}
	.data-container {
		margin-top: 30px;
	    grid-template-columns: 1fr 1fr 1fr;
	}
	.title {
	    margin: 0 0 20px 0;
	}
	.grid-info {
	    grid-template-columns: 1fr 1fr 1fr;
	}
	.grid-info div:first-child {
	    grid-column: 4/1;
	}
	.parallax-overlay {
	    padding: 40px 0;
	}
	.promo-grid {
	    display: grid;
	    grid-template-columns: 1fr 1fr;
	    grid-gap: 30px;
	    width: 100%;
	}
	#topnav .navigation-menu > li > a:hover, #topnav .navigation-menu > li > a:focus {
	    color: #f9a51a;
	    background-color: #fff;
	}
	.title h4 {
	    font-size: 14px;
	}
	.shop-thumb {
	    height: 40vw;
	}
	.filter-container {
	    grid-template-columns: 1fr;
	    grid-gap: 40px;
	}
	#shop .shop-thumb{
	  height: 40vw;
	}
	#filter {
	    margin-top: 62px;
	}
	.form-container {
	    margin-top: 0px;
	}
	#news {
	    margin-top: 62px;
	}
	.scroll-down{
		display: none;
	}
	.top-cover {
	    height: auto;
	    background-size: cover;
	    background-position: center;
	}
	.top-container {
	    grid-template-columns: 1fr;
	    height: auto;
	}
	#store .top-container{
		height: 100%;
	}
	.newsletter-container {
	    margin: 60px 0 0 0;
	    display: grid;
	    grid-template-columns: 1fr;
	    grid-gap: 20px;
	}
	#topnav .navbar-toggle {
		border: 0;
		position: relative;
		width: 60px;
		height: 62px;
		padding: 0;
		margin: 0;
		cursor: pointer;
	}
	#topnav .navbar-toggle.open span {
		position: absolute;
	}
	#topnav .navbar-toggle.open span:first-child {
		top: 6px;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
	}
	#topnav .navbar-toggle.open span:nth-child(2) {
		display: none;
	}
	#topnav .navbar-toggle.open span:last-child {
		width: 100%;
		top: 6px;
		-webkit-transform: rotate(-45deg);
		transform: rotate(-45deg);
	}
	#topnav .navbar-toggle span:last-child {
		width: 100%;
		margin-bottom: 0;
	}
	#topnav .navbar-toggle:hover span {
		background-color: #f9a51a;
		-webkit-transition: all .3s ease-in-out;
		transition: all .3s ease-in-out;
	}
	#topnav .navbar-toggle:focus {
		background-color: transparent;
	}
	#topnav .navbar-toggle .lines {
		width: 25px;
		display: block;
		position: relative;
		margin: 24px auto;
		height: 13px;
	}
	#topnav .navigation-menu .social a {
	    color: #f9a51a;
	}
	#topnav .navigation-menu .social {
	    top: 0;
	    width: 40px;
	    display: inline-block;
	}
	#topnav .navigation-menu .social-first {
	    margin-left: 0;
	}
	#topnav .navigation-menu > li > a {
	    line-height: 50px;
	    color: #494e53
	}
	#topnav .navigation-menu {
		float: none;
	}
	#navigation {
		position: absolute;
		top: 7px;
		left: 0;
		width: 100%;
		display: none;
		height: auto;
		padding-bottom: 0;
		border-top: 1px solid #e7e7e7;
		border-bottom: 1px solid #e7e7e7;
		background-color: #f7f7f7;
	}
	#topnav .navigation-menu > li {
	    display: block;
	    border-bottom: 1px solid #e7e7e7;
	}
	#topnav .navigation-menu > li:last-child {
	    border-bottom: none;
	}
	#topnav .navbar-toggle {
		background-color: #fff;
		border-radius: 0;
	}
	#topnav .navigation-container .logo-navigation {
	    position: relative;
	    left: 20px;
	    top: 4px;
	    display: inline-block;
	}
	#topnav .logo {
	    display: none;
	}
	#topnav .navigation-container .logo-navigation {
	    opacity: 1;
	    pointer-events: visible;
	}
	.top-section {
	    height: auto;
	    margin-top: 62px;
	}
	#home {
	    height: calc(70% - 62px);
	    margin-top: 62px;
	}
}
@media (max-width: 768px) {
	.top-overlay {
	    background: rgba(0,0,0,0.4) !important;
	}
	#login .info-inner {
	    margin: 100px 0;
	    padding: 0 30px;
	}
	.shop-show{
		display: none;
	}
	.shop-hidden{
		margin: 0 0 30px 0;
		display: block;
	}
	#shop .shop-container {
	    padding: 0;
	    position: absolute;
	    bottom: -170px;
	    left: 0;
	    right: 0;
	}
	.shop-data {
	    color: #333;
	    font-size: 16px;
	    text-transform: uppercase;
	    letter-spacing: 0;
	    font-weight: 400;
	    display: inline-block;
	}
	#store {
	    height: 55vw;
	}
	.modal-text p {
	    letter-spacing: 0;
	}
	.modal-title h3 {
	    font-size: 20px;
	}
	.modal-padding {
	    padding: 20px;
	}
	.modal-container {
	    padding: 30px;
	}
	.newsletter-container {
	    margin: 30px 0 0 0;
	}
	#shop .container {
	    padding: 0 30px;
	}
	.slide-title h2 {
	    margin: 0 0 10px 0;
	    font-size: 36px;
	}
	#home-news .news-container{
	  margin-bottom: 30px;
	}
	.promo-grid {
	    grid-gap: 20px;
	}
	.form-container{
		margin-bottom: 0;
	}
	.top-text h4 {
	    margin: 20px 0 10px 0;
	    font-size: 12px;
	}
	.info-inner {
	    text-align: center;
	    padding: 50px 30px;
	}
	.top-grid .map-container {
	    height: 300px;
	}
	.top-grid {
	    grid-template-columns: 1fr;
	}
	.news-row {
	    margin-bottom: 20px;
	}
	.news-container {
		margin-top: 30px;
	    margin-bottom: 0px;
	}
	.small-text {
	    margin-top: 20px;
	}
	.footer-row:last-child {
	    padding-top: 0;
	}
	.plan-container svg{
		width: 100%;
	}
	.shop-icon {
	    font-size: 14px;
	    width: 35px;
	    height: 35px;
	    margin-right: 10px;
	}
	.top-inner .shop-container ul {
	    text-align: center;
	}
	.plan-container {
	    margin-bottom: 50px;
	    padding: 20px;
	}
	.shop-logo h3 {
	    font-size: 18px;
	}
	.shop-logo img {
	    max-width: 100px;
	}
	.filter-search {
	    grid-template-columns: 1fr;
	    grid-gap: 10px;
	}
	.service-member {
	    margin-bottom: 0;
	}
	.title h2 {
	    letter-spacing: 0;
	    font-size: 26px;
	}
	.top-social {
	    right: 30px;
	    bottom: 30px;
	}
	.top-inner {
	    left: 30px;
	    bottom: 30px;
	}
	.title h3 {
	    font-size: 26px;
	}
	.container {
	    padding: 0 30px;
	}
	#service .service-member {
		margin-top: 20px;
	}
	.title {
	    margin: 0 0 20px 0;
	}
	.map-container {
	    margin-top: 40px;
	}
	.shop-thumb {
	    height: 50vw;
	}
	.filter-container {
	    padding: 30px;
	}
	.shop-thumb {
	    height: 25vw;
	}
	.filter-grid {
	    grid-template-columns: 1fr;
	    grid-gap: 20px;
	    margin-top: 20px;
	}
	#shop .shop-thumb{
	  height: 60vw;
	}
	.shop-thumb {
	    height: 70vw;
	}
	.form-search input {
	    max-width: 100%;
	}
	.form-select {
	    width: 100%;
	}
	.footer-grid {
	    grid-template-columns: 1fr;
	    grid-gap: 30px;
	}
	.news-info {
	    padding: 20px;
	}
	.news-box {
	    grid-template-columns: 1fr;
	}
	.shop-member {
		margin-top: 0;
	}
	section {
	    padding: 50px 0;
	}
}
@media (max-width: 660px) {
	.top-container img {
	    max-width: inherit;
	    height: 100%;
	}
	.shop-container li {
	    margin-right: 20px;
	}
	.shop-icon {
	    font-size: 12px;
	    width: 25px;
	    height: 25px;
	}
	.title h3 {
	    font-size: 24px;
	}
	.top-cover {
	    height: 260px;
	}
	.data-container {
	    grid-template-columns: 1fr;
	}
	.data-number {
		font-size: 18px;
	    height: 80px;
	    margin-bottom: 20px;
	}
	.info-box img{
		display: block;
		width: 100%;
	}
	.grid-info div:first-child {
	    grid-column: 1;
	}
	.grid-info {
	    grid-template-columns: 1fr;
	    grid-gap: 20px;
	}
	.promo-grid {
	    grid-template-columns: 1fr;
	}
	#shop .top-inner {
	    text-align: center;
	    width: 100%;
	    padding: 0 30px;
	}
	.owl-controls{
		display: none !important;
	}
	.top-inner {
	    bottom: initial;
	    text-align: center;
	    width: 100%;
	    left: initial;
	    padding: 0 30px;
	}
	.top-social {
	    right: 0;
	    bottom: 20px;
	    text-align: center;
	    width: 100%;
	}
	.shop-thumb {
	    height: 70vw;
	}
	.filter-grid {
	    grid-template-columns: 1fr;
	}
}