.globle_sh{ font-size:18px;}
html{ scroll-behavior: smooth;}
a{ color:#181617}
a:hover{ color:#181617}
.product_banner_h{ font-size:52px; padding-top:5rem}
.slide_overlay{ position:absolute; left:0%; right:0%; top:18%; margin:auto; z-index:999}
.banner_h{ font-size:45px; line-height:58px}
.banner_sh{ font-size:24px; line-height:36px; }
 
/*contact us CSS*/
h1 a{ color:#ffffff; text-decoration:none;}
h1 a:hover{ color:#e11f26; text-decoration:none;}
.cnct_form_sec h2{font-size:16px}
.contact-page{ background:url(https://www.stellarinfo.com/public/image/catalog/banner/v5/contact-us-banner.jpg) right top no-repeat #f0f0f0; padding-top:6rem; padding-bottom:5rem; background-size:100%;}
.cnct_form_sec{box-shadow: 2px 2px 25px rgba(0,0,0,.15); max-width:1280px; margin:auto; padding:2rem 8rem}
#contact_form label{ display:flex; padding:0 3rem}
#contact_form label input::placeholder{font-size:15px;}
#contact_form label input {padding:1.7rem 1rem; display:inline-block; margin:1rem 1rem}
#contact_form label select{padding:1rem 1rem; height:100%;margin:1rem 1rem}
#contact_form label textarea{margin:1rem 1rem}
#contact_form label span{margin:0 1rem}
#contact_form label input.contact_submit{background:#e11f26; display:inline-block; padding:1rem 3rem; color:#fff; font-size:18px; border:none; font-weight:600}
#contact_form label span {display:block}
.contact-page  p a{ color:#fff}
.contact-page  h1 {  font-size: 40px; font-weight: 800; padding-top: 1rem; }
.map_h{ font-size:28px; font-weight:600; text-transform:uppercase}
.map-col{ width:95%; margin-left: 50px;display:flex; flex-direction: column; flex-direction: column;min-height: 100%;justify-content: space-between;}
.map-col:first-child{ margin-left:0}
.map-col{ box-shadow:0 0 5px #ddd}
.map-col p{ font-size:18px;}
.map-col img{width:100%}
.cnct_form_sec input.form-control:focus, .cnct_form_sec textarea.form-control:focus, .cnct_form_sec select.form-control:focus {
    color: #495057; background-color: #fff; border-color: #e11f26 !important; border: 2px solid; outline: 0;box-shadow: 0 0 0 0rem rgb(0 123 255 / 25%);}

@media screen and (max-width:1024px){
.cnct_form_sec{padding:2rem 3rem}
}
@media screen and (max-width:992px){
ul.left-nav , ul.right-nav {display:none}
.contact-page{background:none; text-align:center}
.cnct_form_sec{padding:1rem 0}
#contact_form label{flex-direction: column; padding:0 1rem}
#contact_form label input, #contact_form label select,  #contact_form label textarea {margin:1rem 0}
.cnct_form_sec{padding:2rem 0}
	}
@media screen and (max-width:767px){
	.product_banner h1{font-size:20px}
	.map-col{padding:1rem; margin:2rem 0; min-height:auto;}
}