.coming_soon_sec { width: 100%; background-image: url('../img/materialux_bg.jpg'); background-repeat: no-repeat; background-position: center; background-size: cover;
display: flex; justify-content: center; align-items: center; flex-direction:column; padding:140px 20px 0; min-height: 100vh; overflow: hidden;}
.coming_soon_sec .h1 {font-weight: 800; margin: 0 0 2.2rem; color: var(--black-color-700); text-transform: uppercase; line-height: 1.1;}
.coming_soon_sec p {font-size: 1.2rem; font-weight: 600; color: var(--black-color); line-height: 1.4; opacity: .5;}

.social_network {padding: 0; margin: 0; list-style-type: none;}
.social_network li { margin: 5px 7px; } 
.social_network li a {display: flex; align-items: center; justify-content: center; text-align: center; background-color: rgba(193,178,129,.7); width: 52px; height: 52px; border-radius: 50%; cursor: pointer;  box-shadow: 0px 4px 20px rgba(65, 55, 21, 0.22);  position: relative; padding: 5px; transition: all .5s ease-in-out; -webkit-transition: all .5s ease-in-out;}
.social_network li a:hover { background: var(--green-color-200);}
.social_network li img { width: 30px; max-height: 30px;}

.coming_soon {display: inline-block; margin: 0 auto;}
.tag-line{position: absolute; padding:0 30px; top:90px}
.tag-line p{color:var(--black-color-500); font-size: 1rem; font-weight: 700; line-height: 1.2;}

@media (min-width:1400px) {
    .coming_soon_sec .h1 {font-size: 5.6rem;}
}

@media (min-width:1400px) {
    .coming_soon_sec .h1 {font-size: 5rem;}
    .coming_soon_sec p {font-size: 1.1rem;} 
}

@media (max-width:1280px) {    
    html,body {overflow: hidden;}
    .coming_soon_sec .h1 {font-size: 4rem;}
    .social_network li a{ width: 45px; height: 45px; }
}

@media (max-width:1200px) {
    .tag-line{padding:0 15px;}
}

@media (max-width:767px) { 
    .coming_soon_sec {max-height:calc(100vh); padding-top: 100px;}
    .coming_soon_sec .h1 {margin-bottom: 25px; font-size: 3rem;}
    .coming_soon_sec ul li img {max-width: 26px;}
    .tag-line p{font-size: 14px;}
}