.contact-sec-hero{color:#ffffff;position: relative;display: flex;min-height: 70vh;padding:180px 0px;align-items: center;background:url("hero-contact-bg.jpg") no-repeat center center;background-attachment: fixed;}
.contact-sec-hero:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#000000;opacity:.8;z-index:3;}

.contact-sec-01{padding: 100px 0px;}
.contact-sec-01 h2{}
.contact-sec-01 .contact-box{padding: 40px 40px 50px 40px;margin: 30px 0px 50px 0px;max-width: 420px;background: #f7f7f7;border-radius: 50px 0px;}
.contact-sec-01 .contact-box .c-name{color: #e5373f;font-size: 30px;font-weight: 400;margin-bottom: 20px;}
.contact-sec-01 .contact-box .c-details{}
.contact-sec-01 .contact-box .c-details ul{margin: 0px;padding: 0px;list-style-type: none;}
.contact-sec-01 .contact-box .c-details ul li{}
.contact-sec-01 .contact-box .c-details ul li a{color: #000;font-size: 16px;font-weight: 400;display: block;padding: 10px 10px 10px 50px;position: relative;}
.contact-sec-01 .contact-box .c-details ul li a:after{content:"";position:absolute;top: 10px;left:0;width:30px;height:30px;background-size:contain !important;}
.contact-sec-01 .contact-box .c-details ul li a .c-txt{}

.contact-sec-01 .contact-box .c-details ul li.icon-email a:after{background: url("email.png") no-repeat center center;}
.contact-sec-01 .contact-box .c-details ul li.icon-phone a:after{background: url("phone.png") no-repeat center center;}
.contact-sec-01 .contact-box .c-details ul li.icon-linkedin a:after{background: url("linkedin.png") no-repeat center center;}

/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-width : 320px) and (max-width : 480px) {
	
	
	.contact-sec-hero{padding: 220px 15px 100px 15px;min-height:auto !important;}
	
	.contact-sec-01{padding: 100px 0px 50px 0px;}
	
}