.contactbox{display:flex;flex-wrap:wrap;justify-content:space-between;padding-top:20px}
.contactbox .contact-title{font-size:var(--fontsize36);color:var(--fontcolor);font-weight:var(--fontbold5)}
.contactbox .contactform,.contactbox .contactinfo{background:#FAFAFA;padding:30px}
.contactbox .contactinfo{width:550px}
.contactbox .contactinfo ul{margin-top:20px}
.contactbox .contactinfo ul li{display:flex;margin-bottom:1em}
.contactbox .contactinfo ul li:last-child{margin-bottom:0px}
.contactbox .contactinfo ul li .icon{display:flex;align-items:center;justify-content:center;background:var(--color);width:30px;height:30px;margin-right:10px}
.contactbox .contactinfo ul li .icon em{color:#FFFFFF;font-size:var(--fontsize14)}
.contactbox .contactinfo ul li .info{flex:1;color:var(--fontcolor);}
.contactbox .contactinfo ul li .info a{color:var(--fontcolor)}
.contactbox .contactinfo ul li .info .p1{font-weight:var(--fontbold6)}
.contactbox .contactform{flex:1;margin-right:30px}

@media (max-width:1280px){
.contactbox .contactinfo{width:40%}
.contactbox .contact-title{font-size:var(--fontsize28)}
}


@media (max-width:1024px){
.contactbox .contactform{margin-right:0px;margin-bottom:20px}
.contactbox .contactinfo{width:100%}
	
}

@media (max-width:768px){
	.contactbox .contactform,.contactbox .contactinfo{padding:20px 15px}
.contactbox .contact-title{font-size:var(--fontsize24)}
	
}