/*-- Media queries
============================================= --*/


/*-- for devices less than 992px wide
----------------------------------------- --*/
@media (max-width: 991px){
	header .navbar-default{
		padding: 10px;
	}
	header .navbar-default .navbar-nav li{
		margin-left: 10px;
	}
	header .navbar-default .navbar-nav li a{
		font-size: 13px;
	}
}


/*-- for devices less than 768px wide
------------------------------------------ --*/
@media (max-width: 767px){
	.btn{
		line-height: 40px;
	}
	.btn .hover{
		height: 40px;
	}
	section{
		padding: 45px 0 20px!important;
	}
	header .navbar-default{
		padding: 0;
	}
	header .fixed_top{
		padding: 0!important;
	}
	header .navbar-brand{
		margin-left: 15px;
		margin-top: 15px;
	}
	header .navbar-nav{
		background-color: #363636;
		padding: 15px 0;
		margin-top: 0;
	}
	header .navbar-toggle{
		border: none;
		margin-top: 18px;
		margin-bottom: 18px;
	}
	header .navbar-toggle:hover,
	header .navbar-toggle:focus{
		background-color: transparent!important;
	}
	header .navbar-collapse{
		border-color: transparent!important;
	}
	header .navbar-collapse .navbar-nav{
		border: none;
	}
	header .icon-bar{
		background-color: #ffffff!important;
		-webkit-transition: all .3s ease;
		-moz-transition: all .3s ease;
		-ms-transition: all .3s ease;
		transition: all .3s ease;
	}
	.change.bar1{
		-webkit-transform: rotate(-45deg) translate(-4px, 4px);
		-moz-transform: rotate(-45deg) translate(-4px, 4px);
		-ms-transform: rotate(-45deg) translate(-4px, 4px);
		transform: rotate(-45deg) translate(-4px, 4px);
	}
	.change.bar2{
		opacity: 0;
	}
	.change.bar3{
		-webkit-transform: rotate(45deg) translate(-5px, -5px);
		-moz-transform: rotate(45deg) translate(-5px, -5px);
		-ms-transform: rotate(45deg) translate(-5px, -5px);
		transform: rotate(45deg) translate(-5px, -5px);
	}
	header .navbar-toggle:hover .icon-bar{
		background-color: #cccccc;
	}
	header .navbar-default .navbar-nav li{
		margin-left: 0;
	}
	header .navbar-default .navbar-nav li a{
		border: none!important;
		text-align: center;
	}
	header .navbar-default .navbar-nav li a:hover{
		background-color: #38383a!important;
	}
	#banner{
		padding: 0!important;
	}
	#banner .content h1{
		font-size: 22px;
		line-height: 1.5;
		margin-bottom: 10px;
	}
	#banner .content h4{
		font-size: 18px;
		line-height: 24px;
		margin-bottom: 20px;
	}
	#feedback .row{
		padding: 0;
	}
	#feedback .pivot{
		position: static;
		-webkit-transform: translateX(0);
		-moz-transform: translateX(0);
		-ms-transform: translateX(0);
		transform: translateX(0);
		padding: 0 0 20px;
	}
	#feedback .pivot::after{
		display: none;
	}
	#feedback .person{
		margin: 0 0 20px!important;
	}
	#feedback .comment{
		margin: 0 0 50px!important;
	}
	#feedback h3{
		text-align: center!important;
		margin: 0!important;
	}
	#feedback .pull-right{
		float: none!important;
	}
	#feedback .comment::after{
		-webkit-transform: translateX(-50%) rotate(90deg)!important;
		-moz-transform: translateX(-50%) rotate(90deg)!important;
		-ms-transform: translateX(-50%) rotate(90deg)!important;
		transform: translateX(-50%) rotate(90deg)!important;
		top: -13px!important;
		left: 50%!important;
	}
}


/*-- for devices less than 451px wide
------------------------------------------- --*/
@media(max-width: 450px){
	div[class^="col-"]{
		width: 100%!important;
	}
}