/* navbar */
@media screen and (max-width: 800px) {
	/*nav.navbar a.navbar-brand h3 {*/
	/*	font-size: 23px;*/
	/*}*/

	/*nav.navbar button.navbar-toggler {*/
	/*	font-size: 15px;*/
	/*}*/

	/* div.top-nav {
		display: none;
	} */

	i.mobile-search {
		display: block;
		position: absolute;
		right: 30%;
		line-height: 80px;
	}
	a.mobile-cart {
		display: block;
		position: relative;
		right: 15%;
		line-height: 40px;
	}

	/*a.mobile-apk {*/
	/*	display: block;*/
	/*	position: relative;*/
	/*	right: 10%;*/
	/*	line-height: 40px;*/
	/*}*/
	/*a.mobile-cart {*/
	/*	display: inline;*/
	/*	position: relative;*/
	/*	right: -10%;*/
	/*	line-height: 40px;*/
	/*}*/

	i.desktop-search {
		display: none;
	}
	a.nav-filter {
		display: inline;
	}
	/*		div.carousel {*/
	/*		position: relative;*/
	/*	}*/

	/*	div.carousel img {*/
	/*		height: 230px;*/
	/*		left: 50%;*/
	/*		position: relative;*/
	/*		transform: translate(-50%, 0);*/
	/*		width: auto;*/

	/*}*/

	.second-navbar {
		top: 500px;
		height: 50px;
	}
}

@media screen and (max-width: 500px) {
	i.mobile-search {
		display: block;
		position: absolute;
		right: 30%;
		line-height: 80px;
	}
	a.mobile-cart {
		display: block;
		position: relative;
		right: -5%;
		line-height: 40px;
	}

	/*a.mobile-apk {*/
	/*	display: block;*/
	/*	position: relative;*/
	/*	right: 1-5%;*/
	/*	line-height: 40px;*/
	/*}*/

	a.nav-filter {
		display: inline;
	}

	.navbar.second-navbar {
		top: 50px;
		height: 50px;
		z-index: 1;
	}
}
/*		div.carousel {*/
/*		position: relative;*/
/*	}*/

/*	div.carousel img {*/
/*		height: 230px;*/
/*		left: 50%;*/
/*		position: relative;*/
/*		transform: translate(-50%, 0);*/
/*		width: auto;*/

/*}*/

/* footer subsriber */
@media screen and (max-width: 1150px) {
	footer div.subscribe div.main {
		width: 900px;
	}
}

@media screen and (max-width: 950px) {
	i.mobile-search {
		display: block;
		position: absolute;
		right: 30%;
		line-height: 80px;
	}
	a.mobile-cart {
		display: block;
		position: relative;
		right: -10%;
		line-height: 40px;
	}
	a.mobile-apk {
		display: block;
		position: relative;
		right: 10%;
		line-height: 40px;
	}
	.navbar.second-navbar {
		top: 50px;
		height: 50px;
		z-index: 1;
	}

	footer div.subscribe div.main {
		width: 700px;
	}

	footer div.subscribe div.main div.text p {
		font-size: 14px;
	}
	a.nav-filter {
		display: inline;
	}
	.navbar.second-navbar {
		top: 50px;
		height: 50px;
		z-index: 1;
	}
}

@media screen and (max-width: 750px) {
	/* .fixed-top {
		position: relative;
		top: auto;
	} */
	i.mobile-search {
		display: block;
		position: absolute;
		right: 30%;
		line-height: 80px;
	}
	a.mobile-cart {
		display: block;
		position: relative;
		right: 1%;
		line-height: 40px;
	}
	a.mobile-apk {
		display: block;
		position: relative;
		right: 15%;
		line-height: 40px;
	}
	a.nav-filter {
		display: inline;
	}
	.navbar.second-navbar {
		top: 50px;
		height: 50px;
		z-index: 1;
	}
	footer div.subscribe {
		height: auto;
		padding: 20px 0;
	}

	footer div.subscribe div.main {
		display: block;
		width: 90%;
	}

	footer div.subscribe div.main div.text {
		display: block;
		width: 100%;
	}

	footer div.subscribe div.main div.text h2 {
		font-size: 20px;
	}

	footer div.subscribe div.main div.text p {
		font-size: 12.5px;
	}

	footer div.subscribe div.main div.form {
		display: block;
		width: 100%;
	}

	footer div.subscribe div.main div.form input {
		font-size: 14px;
		height: 40px;
		width: calc(100% - 100px);
	}

	footer div.subscribe div.main div.form button {
		height: 40px;
		font-size: 14px;
		width: 100px;
	}
}

/* footer information */
@media screen and (max-width: 1150px) {
	.navbar.second-navbar {
		top: 50px;
		height: 50px;
		z-index: 1;
	}
	footer div.information div.main {
		width: 800px;
	}

	footer div.information div.main div.about {
		width: 200px;
	}

	footer div.information div.main div.about p {
		font-size: 13px;
	}

	footer div.information div.main div.about div.sosmed a {
		font-size: 15px;
	}

	footer div.information div.main div.item h3.title {
		font-size: 15px;
	}

	footer div.information div.main div.item a,
	footer div.information div.main div.item p {
		font-size: 13px;
	}
}

@media screen and (max-width: 850px) {
	.navbar.second-navbar {
		top: 50px;
		height: 50px;
		z-index: 1;
	}
	footer div.information div.main {
		width: 600px;
	}

	footer div.information div.main div.item-hide {
		display: none;
	}
}

@media screen and (max-width: 650px) {
	/* .fixed-top {*/
	/*	position: relative;*/
	/*	top: auto;*/
	/*} */

	i.mobile-search {
		display: block;
		position: absolute;
		right: 30%;
		line-height: 80px;
	}
	a.mobile-cart {
		display: block;
		position: relative;
		right: 1%;
		line-height: 40px;
	}
	a.mobile-apk {
		display: block;
		position: relative;
		right: 15%;
		line-height: 40px;
	}
	.navbar.second-navbar {
		top: 50px;
		height: 50px;
		z-index: 1;
	}
	footer div.information div.main {
		padding: 20px;
		width: 90%;
	}

	footer div.information div.about-hide {
		display: none;
	}

	footer div.information div.main div.item-hide {
		display: none;
	}
}

@media screen and (max-width: 350px) {
	/* .fixed-top {
		position: relative;
		top: auto;
	} */
	.navbar.second-navbar {
		top: 50px;
		height: 50px;
		z-index: 1;
	}
	footer div.information div.main div.item {
		display: block;
		width: 100%;
	}
	footer div.information div.main div.item-hide {
		display: none;
	}
	footer div.information div.main div.item h3.title {
		font-size: 14px;
	}

	footer div.information div.main div.item a,
	footer div.information div.main div.item p {
		font-size: 12px;
	}
}

/* footer contact */
@media screen and (max-width: 1250px) {
	.navbar.second-navbar {
		top: 50px;
		height: 50px;
		z-index: 1;
	}
	footer div.contact div.main {
		width: 900px;
	}
}

@media screen and (max-width: 950px) {
	.navbar.second-navbar {
		top: 50px;
		height: 50px;
		z-index: 1;
	}
	footer div.contact {
		height: 100px;
	}

	footer div.contact div.main {
		width: 800px;
	}

	footer div.contact div.main div.item i {
		font-size: 20px;
	}

	footer div.contact div.main div.item p {
		font-size: 13px;
	}

	/* div.carousel {
		position: relative;
	}

	div.carousel img {
		height: 230px;
		left: 50%;
		position: relative;
		transform: translate(-50%, 0);
		width: auto;
	} */
}

@media screen and (max-width: 850px) {
	.navbar.second-navbar {
		top: 50px;
		height: 50px;
		z-index: 1;
	}
	footer div.contact {
		height: auto;
	}

	footer div.contact div.main {
		display: block;
		width: 90%;
	}

	footer div.contact div.main div.item {
		display: block;
		height: auto;
		width: 100%;
	}

	footer div.contact div.main div.item i {
		font-size: 17px;
		text-align: center;
		width: 100%;
	}

	footer div.contact div.main div.item p {
		margin-top: 5px;
	}
}

/* footer copyright */
@media screen and (max-width: 400px) {
	.navbar.second-navbar {
		top: 50px;
		height: 50px;
		z-index: 1;
	}
	/* .fixed-top {
		position: relative;
		top: auto;
	} */
	footer div.copyright {
		display: block;
		height: auto;
	}

	footer div.copyright p {
		font-size: 12px;
		padding: 10px 0;
		position: relative;
	}
}