@media screen and (max-width: 1399px) {
.home-about-img{min-width: 200px; height: 380px;}
}

@media screen and (max-width: 991px) {
.homepad {padding-top: 4rem; padding-bottom: 4rem;}
.navbar-brand .logo-img {max-width: 90px; position: absolute !important; bottom : -50px !important;}
.logo-text{font-size : 16px!important; position : absolute; left: 90px; top : 4px;}
.navbar-brand{position : relative; right : 0}
}

@media screen and (max-width: 767px) {
.homepad {padding-top: 3.5rem; padding-bottom: 3.5rem;}
.hero-section .badge-feature {padding: 5px 6px;}
	
	
.rendering-process { padding-top: 40px !important; padding-bottom: 40px !important;}
.process-title { font-size: 26px; }
.process-subtitle { font-size: 14px;}
.process-item:last-child { margin-bottom: 0;}
.process-icon { width: 58px; height: 58px; font-size: 25px;}
.process-step { font-size: 16px;}
.process-description { font-size: 14px;}
.process-arrow { position: static; transform: none; text-align: center;  margin: 15px 0 20px;}
.process-arrow i {display: inline-block; transform: rotate(90deg); }
.row-ul{flex-direction: column;}
.row-cols-2>* {
	width: 100% !important;
}

@media screen and (max-width: 479px) {
.hero-section .btn {font-size: 12px !important;	padding-left: 8px; padding-right: 8px;}
.footer-logo{margin-bottom : 60px;}
}


