@charset "utf-8";
/* CSS Document */

@media only screen and (min-width: 481px) and (max-width: 992px) {

}
@media only screen and (min-width: 601px) {
	.order-sm-1{
      order: 1;
    }
    .order-sm-2{
      order: 2;
    }
.navbar-fixed {
	height: 80px
}
nav, nav .nav-wrapper i, nav a.button-collapse, nav a.button-collapse i {
	height: 80px;
	line-height: 80px;
}
.navbar-fixed .brand-logo>img {
	height: 80px;
}
.order-m1 {
	order: 1;
}
.order-m2 {
	order: 2;
}
ul.login-section li {
	margin-left: 20px;
	float: right;
}
.technology .item {
	height: 150px;
	width: 140px;
}
.technology .item > img {
	zoom: 0.9;
}
.sec {
	padding: 2.5rem 0;
}
.feature {
	min-height: 300px;
}
}
 @media only screen and (min-width: 993px) {
.sec {
	padding: 3rem 0;
}
.container {
	width: 89%;
}
.home-banner {
	padding: 7rem 0 2rem;
}
.technology .item {
    height: 170px;
    width: 160px;
}
.technology .item > img {
	zoom:1;
}
}
@media only screen and (min-width: 1200px) {
.home-banner h1 {
	font-size: 2.5rem;
	line-height: 125%;
}
}
@media only screen and (min-width: 601px) and (max-width: 767.98px) {
.row.d-flex .col.m6 {
	width: 100%;
}
}
 @media only screen and (max-width: 992.98px) {
.side-nav li > a.btn {
	height: 36px;
	line-height: 36px;
	padding: 0 1rem;
}
}
 @media only screen and (max-width: 767.98px) {
}
 @media only screen and (max-width: 600.98px) {
nav .brand-logo>img {
	height: 56px;
}
ul.login-section li {
	margin-right: 20px;
}
.sec {
	padding: 2rem 0;
}
.technology .item {
	height: 140px;
	width: 135px;
}
.technology .item > img {
	zoom:0.85;
}
}
@media only screen and (max-width: 480.98px) {
.technology .item {
	height: 120px;
	width: 115px;
}
.technology .item > img {
	zoom:0.75;
}
}










/* END CSS */