#footerNews {
  margin-top: 100px;
}

@media screen and (max-width: 768px) {
  #footerNews {
    margin-top: 0 !important;
  }
  #footerNews img.footer-logo {
    margin-top: 0 !important;
    margin-bottom: 15px;
  }
  .footer-menu{
    margin-right: 0 !important;
  }
}
#footerNews img.footer-logo {
  margin-top: 80px;
}

.footer-menu {
  margin-right: 15px;
}

.footer-menu h5 {
  font-size: 1.5em;
  margin-top: 0;
  margin-bottom: 40px;
  text-transform: capitalize;
}

.footer-menu p {
  line-height: 2;
}

.footer-menu .menu-list i.icon {
  padding-right: 10px;
  color: var(--accent-color);
}

.footer-menu .social-links ul {
  display: flex;
  list-style: none;
}

.footer-menu .social-links li {
  margin-right: 30px;
}

.footer-menu .social-links a {
  color: #757575;
}

.footer-menu .social-links a:hover {
  color: #111;
}

.footer-menu .menu-list li.menu-item {
  margin-bottom: 20px;
}

.footer-menu .menu-item {
  display: flex;
}

.footer-menu .menu-item a {
  text-transform: capitalize;
  position: relative;
  transition: 0.3s ease-out;
  color: #757575;
}

.footer-menu .menu-item a:hover {
  padding-left: 20px;
  color: red;
}

.footer-menu .menu-item a:hover:before {
  content: "";
  border-bottom: 2px solid red;
  position: absolute;
  top: 12px;
  left: 3px;
  width: 14px;
  align-items: center;
}
.gallery {
  display: flex;
  flex-wrap: wrap;
}

.gallery a {
  margin: 0 10px 10px 0;
}

.gallery img.gallery-image {
  width: 68px;
  height: 68px;
  object-fit: cover;
  margin-bottom: 5px;
}

.parallax-wrap {
  height: 300px;
  overflow: hidden;
  position: relative;
}

.parallax-wrap .parallax-image {
  position: absolute;
}

.ACCESSORY{
	position: relative;
}

.is-checked {
	border-color: var(--accent-color);
	background: #fff !important;
    color: var(--accent-color) !important;
}

.menuParent{
	position: relative;
	line-height: 30px;
	height: 42.5px;
	margin-top: 15px;
}
.menuParent:hover .menu{
	display: block;
}
.menuParent .menu{
	display: none;
	position: absolute;
	width: 100%;
	z-index: 2;
	bottom: -230px;
	left: 0px;
	background: #fff;
	border-radius: 5px;
}
.menuParent .menu p{
		margin-bottom: 0;
		border-bottom: 1px solid #f5f5f5;
		padding: 12px 5px;
		box-sizing: border-box;
	}
	
.menuParent .menu p a{
	color: #000;
}
