
@media (max-width: 540px) {
    .bodyContainer {
        padding-bottom: 100px !important;
    }
}

@media (max-width: 400px) {
	.bodyContainer {
		padding-bottom: 70px !important;
	}
}

@media (max-width: 393px) {
	.footerIconRegDiv img{
		margin-left: -22px;
	}
}
@media (max-width: 375px) {
	.bodyContainer {
		padding-bottom: 70px !important;
	}
}

@media (max-width: 350px) {
	.hotTitle {
    	font-size: 13px;
	}
	.loginform {
    	width: 280px;
	}
    .formLink {
    	font-size: 13px;
	}
	label {
    	font-size: 13px;
	}
	.formLinkCenter {
    	font-size: 13px;
	}
	.formlogin input[type="text"], input[type="email"], input[type="password"], input[type="number"], input[type="tel"], select {
    	padding: 5px 15px 5px 30px;
	}
	.formgroup i {
    	top: 22px;
	}
	.btnForm {
		font-size: 14px;
    	padding: 5px;
	}
	.login-button {
		height: 28px;
		font-size: 15px;
	}
	.footerIconRegDiv {
    	margin: -34px auto 0 auto;
	}
	.footerTextDiv {
    	font-size: 10px;
	}
	.footerIconRegDiv img{
		width: 80%;
		margin-left: -30px;
	}
}
@media (max-width: 320px) {
    .bodyContainer {
        padding-bottom: 65px !important;
    }
    .announceScroll .scrollDiv {
        width: 80%;
    }
    .categoryInnerDiv {
        padding: 7px 5px;
    }
    .productInnerDiv {
        padding: 7px 5px;
    }
    .loginDiv .loginTitleDiv {
        font-size: 1rem;
        width: 200px;
        font-weight: 500;
    }
}

@media (max-width: 280px) {
	.categoryOuterDiv {
   		margin: 10px auto 5px auto;
    }
	.bodyContainer {
        padding-bottom: 75px !important;
    }
}