footer{background-color:var(--default-color);}
   .footer-contact {min-width:400px;} 
   .contact-info{color:#eeeeee;}
   .contact-info p {font-size:16px;}
   .social-icon a{
		background-color: rgba(255,255,255,0.15);
		border-color: transparent;
		width: 32px;
		height: 32px;
		font-size: 0.875rem;
		line-height: 30px;
		display: inline-block;
		border-radius:50%;
		overflow:hidden;
		-webkit-transition: all .3s ease;
		-o-transition: all .3s ease;
		transition: all .3s ease;}
	.social-icon a i {
	    color: #CCC;
		display: block;
		width: 32px;
		height: 32px;
		margin: 0 auto;
		line-height: 32px;
		text-align:center;
		-webkit-transition: all .3s ease;
		-o-transition: all .3s ease;
		transition: all .3s ease;}
	.social-icon a:hover{background: -webkit-linear-gradient(-50deg, rgba(179,142,96,1) 0%, rgba(140,107,66,1) 28%, rgba(253,196,128,1) 63%, rgba(140,107,66,1) 100%)}	
	.social-icon a:hover i:nth-child(1){margin-top:-32px;}
	.footer-menu h4{
		font-weight:normal;
		color:#ffffff;}
	.footer-menu ul > li {
		list-style: none;
		font-size:16px;
		position: relative;
		padding: 0 0 0 20px;}

	.footer-menu ul > li::before {
		content: "";
		position: absolute;
		left: 0;
		top: 8px;
		height: 4px;
		width: 4px;
		border: 1px solid #FFF;
		border-width: 2px 2px 0 0;
		transform: rotate(45deg);}	
	.footer-menu ul > li a {
		color:#eee;
		-webkit-transition: all .3s ease;
		-o-transition: all .3s ease;
		transition: all .3s ease;}	
	.footer-menu ul > li a:hover {
		background: -webkit-linear-gradient(-50deg, rgba(179,142,96,1) 0%, rgba(140,107,66,1) 28%, rgba(253,196,128,1) 63%, rgba(140,107,66,1) 100%);
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;}
	.privacy-policy{background-color:#191915;}
	.privacy-policy p  a{
		font-size:13px;
		color:#eee;}	
	
@media 
		only screen and (max-device-width: 1400px) and ( min-device-pixel-ratio: 1),
		(max-width: 1400px){	
			.footer-logo{max-width:280px;}
		}


@media 
		only screen and (max-device-width: 700px) and ( min-device-pixel-ratio: 1),
		(max-width: 700px){
			footer .f-box{
				-webkit-flex-wrap: wrap;
				flex-wrap: wrap;}
			.footer-contact {min-width: initial;}
			.footer-contact,
			.footer-menu{
				-webkit-flex-basis: 100%;
				flex-basis: 100%;}
			.footer-menu{margin-top:50px;}
		}
@media 
		only screen and (max-device-width: 550px) and ( min-device-pixel-ratio: 1),
		(max-width: 550px){
			.footer-logo{max-width:240px;}
		}