@media (max-width: 1365px){	
}
@media (max-width: 1224px){
}
@media (min-width: 1201px){
	.section-content{
		width: 1170px;
	}
}
@media (max-width: 1200px){
	.section-content{
		width: 100%;
	}
	.banner .item h1{
		font-size: 48px;
	}	
}
@media (max-width: 991px){
	body{
		font-size: 17px;
	}
	.navbar-header {
		float: none;
	}
	.navbar-left,
	.navbar-right {
		float: none !important;		
	}
	.navbar-toggle {
		display: block;
		position: relative;
		z-index: 1;
		top: 17px;
		margin-right: 0;
	}
	.navbar-toggle .icon-bar{
		background-color: #fff;
	}
	.navbar-collapse {
		border-top: 1px solid transparent;
		box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
	}
	.navbar-collapse.collapse {
		display: none !important;
	}
	.navbar-nav {
		float: none !important;
		padding: 20px 0 0 0;
		margin: 0;
	}
	.navbar-nav>li {
		float: none;
	}
	.navbar-nav>li>a {
		padding-top: 10px;
		padding-bottom: 10px;
	}
	.collapse.in{
		display:block !important;
	}
	#top-menu.collapse.in {
		right: 0;
		opacity: 1;
		height: auto !important;
	}
	#top-menu{
		opacity: 1;
		position: fixed;
		z-index: 1000;
		right: -100%;
		bottom: 0;
		top: 100px;
		left: auto;
		padding: 0;
		margin: 0;				
		width: 200px;
		height: 100% !important;
		overflow-y: auto;
		padding-bottom: 30px;		
		border: 0;
		box-shadow: none;
		background-color: rgba(91,111,127,0.95);
		-webkit-transition: all 0.25s;
		transition: all 0.25s;
	}
	#top-menu .nav .open>a, 
	#top-menu .nav .open>a:hover, 
	#top-menu .navbar-nav>li>a:hover{
		color: #fff !important;
	}
	#top-menu .navbar-nav>li{
		display: block;
		border-bottom: 1px solid rgba(255,255,255,0.2);
		padding: 0;
	}	
	#top-menu .navbar-nav>li>a{
		color: #fff !important;
		padding: 8px 15px;
		height: auto;
		font-size: 16px;
	}
	#top-menu .navbar-nav>li>a:active,
	#top-menu .navbar-nav>li>a:focus{
		color: #fff !important;
		background-color: rgba(0,0,0,0.1) !important;
	}
	#top-menu .navbar-nav>li.let-chat{
		border-bottom-width: 0;
		margin-left: 0;
		margin-top: 40px;
		text-align: center;
	}		
	#header-bar{
		position: fixed;
		top: 0;
		right: 0;
		left: 0;
		z-index: 1000;
		/* FIX BG */
		height: 90px;
	}
	#header-bar .company-logo{
		left: 55px;
		top: 15px !important;
	}	
	#header-bar.fixed #top-menu{
		top: 90px;
	}
	#header-bar.fixed #top-menu .navbar-nav>li>a:hover{
		color: #fff !important;
	}
	#header-bar .company-logo{
		/*top: 22px;*/
		/* FIX BG */
		top: 15px;
	}	
	#header-bar.fixed .company-logo img,
	#header-bar .company-logo img{
		max-height: 112px;
	}	
	/* BOOTSTRAP */
	.container{
		width: 100%;
	}
	.bg-cover.v-align{
		font-size: 25px;
		padding: 180px 0;
	}
	.banner .item .container{
		padding-left: 64px;
		padding-right: 34px;
	}
	.banner .item h1{
		font-size: 43px;
		width: 65%;
	}
	.banner .item h4{
		font-size: 23px;
		width: 80%;
	}
}
@media (max-width: 767px){
	.mgl-3.bd:after,
	.mgr-3.bd:after{
		display:none;
	}
	.banner .item h1{
		width: 100%;
		font-size: 40px;
	}
	.banner .item h4{
		width: 100%;
		font-size: 22px;
	}
	.mt{
		margin-top: 0;
	}
	.btn.btn-primary{
		font-size: 16px;
	}
	.bg-cover.v-align{
		font-size: 23px;
		padding: 120px 0;
	}
	.bg-grey h3{
		padding-left: 15px;
		border-left-width: 8px;
	}
	.bg-grey .text{
		padding-left: 30px;
	}
	.bg-grey.pdr{
		padding-left: 15px;
		padding-right: 15px;
	}
	.bg-grey.pdl{
		padding-left: 15px;
		padding-right: 15px;
	}
	h2{
		padding-left: 15px;
	}
	h3{
		font-size: 20px;
	}
	#bg-2.bg-cover.v-align{
		padding: 150px 0;
	}
	#about.section{
		padding-top: 50px;
	}
	#projects.section{
		padding-top: 50px;
	}
	#contact .flex{
		display: block;
	}
	#footer-bar .social a{
		position: relative;
		right: auto;
		margin-top: 10px;
	}
	#footer-bar .info{
		margin-bottom: 5px;
	}
	#footer-bar .text{
		line-height: 1.7;
	}
	#footer-bar .logo img{
		max-height: 80px;
	}
	.mgl-3.bd{
		margin-top: 100px;
	}
	.mgl-3.bd .title{
		left: 30px;
	}
	.mgr-3.bd .title{
		left: 30px;
	}
	.mgl-3.bd .title, 
	.mgr-3.bd .title{
		border-left-width: 8px;
	}
}	
@media (max-width:575px){
	.banner .item h1{
		font-size: 37px;
	}
	.banner .item h4{	
		font-size: 21px;
	}
	.bg-cover.v-align{
		font-size: 22px;
	}
}
@media (max-width:480px){
	body{
		font-size: 16px;
		line-height: 23px;
	}	
}
@media (max-height:480px) and (orientation:landscape){
	#home-carousel,
	#home-carousel .item{
		min-height: 600px !important;
	}
}

.navbar-toggle:hover {
	background: transparent !important;
}

.navbar-toggle .icon-bar {
	width: 26px;
	height: 3px;
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
}

/* ANIMATED X */
.navbar-toggle.x .icon-bar:nth-of-type(1) {
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	-webkit-transform-origin: 10% 10%;
	-ms-transform-origin: 10% 10%;
	transform-origin: 10% 10%;
}

.navbar-toggle.x .icon-bar:nth-of-type(2) {
	opacity: 0;
	filter: alpha(opacity=0);	
}

.navbar-toggle.x .icon-bar:nth-of-type(3) {
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
	-webkit-transform-origin: 10% 90%;
	-ms-transform-origin: 10% 90%;
	transform-origin: 10% 90%;	
}

/* ANIMATED X COLLAPSED */
.navbar-toggle.x.collapsed .icon-bar:nth-of-type(1) {
	-webkit-transform: rotate(0);
	-ms-transform: rotate(0);
	transform: rotate(0);
}

.navbar-toggle.x.collapsed .icon-bar:nth-of-type(2) {
	opacity: 1;
	filter: alpha(opacity=100);
}

.navbar-toggle.x.collapsed .icon-bar:nth-of-type(3) {
	-webkit-transform: rotate(0);
	-ms-transform: rotate(0);
	transform: rotate(0);
}
/* END ANIMATED X */