@media screen and (max-width: 1200px) {

}

@media screen and (max-width: 1024px) {

}

@media screen and (max-width: 1000px) {

}

@media screen and (max-width: 980px) {

}

@media screen and (max-width: 800px) {

}

@media screen and (max-width: 768px) {

	body {

		background: transparent;

	}
	.no-paddingxs {
		padding: 0;
	}
	.product-cat-home .title-cat-home {

	    background-color: #72bf44;

	    margin-bottom: 0px;

	    width: 310px;

	    display: block;

	    margin: 20px auto;

	    font-size: 30px;

	    font-weight: lighter;

	    color: white;

	    padding: 5px 0px;

	    border-radius: 3px;

	    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);

	    z-index: 9999999;

	    text-align: center;



	}

	#menu_btn{

		display: block;

		float: left;

	}

	#menu_btn i{

		font-size: 20px;

		color: #3aaf48;

	}

	.right {

		float: right;

	}

	.menuTop{

		position: relative;

		bottom: 0px;

		float: none;

		z-index: 9999999;

	}

	.menuTop .wrap-cat-menu { display: block;margin-bottom: 20px; }

	.wrap-cat-menu i {

		color: white;

	}

	.btn-user-option { display: block;border: none;padding: 8px 12px;background: #e36c0a }



	.wrapper_regis .posiUser {

		position: relative;

	}

	.wrapper_regis .formatbutton {

		background-color: #fff;

		z-index: 1001;

		position: absolute;

		right: 10px;

		width: 180px; height: 40px;

		line-height: 40px;

		border-bottom: 1px solid #ddd;

		display: none;

	}

	.menuTop ul {

		display: none;

		text-align: left;
	    background-color: #72bf44;
	    position: absolute;
	    top: 40px;
	    /* left: 0; */
	    /* height: 100%; */
	    /* width: 250px; */
	    z-index: 9999999;

	}

	.menuTop ul > li {

		padding: 7px 0px;

		border-bottom: 1px solid #fff;

		width: 100%;

	}

	.open-sub i {

	    display: inline-block;

	    color: #d6d6d6;

	    font-size: 28px;

	    padding-right: 15px;

	}

	.menuTop ul > li:hover {

		background-color: #777;

	}

	.menuTop ul li a,

	.menuTop ul li a i {

		color: #fff;

		border: none;

	}

	.menuTop ul > li > ul > li a {

		padding: 0px 6px;

		display: inline;

	}

	.menuTop ul > li > ul > li ul {

		position: relative;

		left: 0;

	}

	.menuTop ul > li > ul > li ul a {

		padding-left: 15px;

	}

	.menuTop ul > li > ul > li:hover {

		background: #75be49;

	}

	.menuTop ul > li:hover > ul {

		display: none;

	}



	.menuTop ul > li > ul > li:hover ul {

		display: none;

	}

	.fun-story-home .bx-controls.bx-has-controls-direction {

		position: relative;

		width: 100%;

	}

	.ma10 {
		margin-top: 10px;
	}
	.width70 {
		width: 70%;
	}
	.main-item {
		padding:  5px 10px 30px 10px;
	}

}

@media screen and (max-width: 640px) {

}

@media screen and (max-width: 600px) {

}

@media screen and (max-width: 480px) {

	.menuTop > div > ul {

	}

}

@media screen and (max-width: 480px) {
	.fullwidth {
		width: 100%;
	}

}

@media screen and (max-width: 360px) {

}

@media screen and (max-width: 320px) {

}