/*
Responsive CSS
*/
@media screen and (max-width: 1340px){
	#masthead .mid-content {
		padding: 19px 4%;
	}
	.contact .media-body span {
		display: block;
	}


}

@media screen and (max-width: 1230px){
	.mid-content{
		width: 100%;
	}
	#masthead .social-icons {
		display: none;
	}


	.main-navigation > ul{
		display: none;
	}

	.navbar-toggle{
		display: block;
		height: 40px;
		width: 40px;
		/*background: url(../images/menu.png) no-repeat center #ca992c;*/
		text-indent: -9999px;
		cursor: pointer;
	}
	#lang_sel_list {
		right: 40px;
	}
	.logo-top #site-logo{
		float: left;
		text-align: left;
	}
	.logo-top .main-navigation{
		float: right;
	}

	.logo-top .navbar-toggle{
		float: right;
	}
	.main-navigation{
		text-align: center;
	}
	.main-navigation > ul{
		position: absolute;
		top: 100%;
		left: 0;
		width: 100%;
		background: rgb(41, 39, 39);
		padding: 10px 0;
		text-align: center;
	}
	.main-navigation > ul > li{
		display: inline-block;
		float: none;
	}
	.main-navigation > ul > li > a{
		color:#FFF;
	}

	.slider-caption{
		padding-left: 70px;
		padding-right: 70px;
	}
	#main-slider{
		min-height: 0;
	}

	.about img {
		max-width: 130px;
	}

    .close {
        top: -40px;
        right: 20px;
    }
    .logged-in .close {
        top: 0px;
    }

}
@media screen and (min-width: 961px){
	.contact .media-object {
		display: block;
	}

}
@media screen and (max-width: 960px){
	#lang_sel_list {
		right: 52px;
	}
	.process .flex-container {
		flex-flow: column;
	}
	.process .flex-item {
		width: 100%;
		max-width: 100%;
		padding: 0;
	}
	.process .media-body {
		margin-left: 18px;
	}
	.contact .media-object {
		display: none;
	}
	.contact .media-body span {
		display: inline-block;
	}

}

@media screen and (max-width: 768px){
	#masthead .mid-content {
		padding: 19px 5px;
	}
	section:first-child {
		height: 100vh !important;
	}
	.bx-controls-direction {
		display: none;
	}
	.values_template .media {
		flex-direction: column;
	}
	.values_template .media-object {
		width: 100%;
		order: 0;
	}
	.values_template .media-body {
		padding: 5% 3% 0 3%;
	}
	.values_template .media--rev .media-body {
		padding: 5% 3% 0 3%;
	}
	.values_template .tagline {
		font-size: 34px;
	}
	.bx-wrapper .bx-pager {
		top: 88vw;
	}
	.inner-wrapper {
		padding: 8% 3%;
	}
	.parallax-section h1 {
		font-size: 28px;
	}

	.solutions .tagline {
		width: 100%;
	}
	.solutions div.span6 {
		width: 100%;
	}

	.contact .media-body {
		padding: 8% 3%;
	}


	.main-navigation > ul > li{
		display: block;
	}
	.main-navigation ul ul {
		background: #db5e39;
		position: static;
		padding:0 10px;
		font-size: 15px;
		display: none;
	}
	.main-navigation ul ul a{
		color: #FFF;
	}
	.main-navigation ul ul li{
		padding: 5px 0;
	}
	.main-navigation ul ul{
		box-shadow: none;
	}

}
@media screen and (max-width: 600px) {
	.the-pearers .span6 {
		width: 100%;
		margin-bottom: 30px;
	}

}
@media screen and (max-width: 480px){
	#lang_sel_list {
		right: 70px;
	}
	.values_template .media-body {
		width: 100%;
		overflow: hidden;
	}
	.values_template .media-object {
		/*display: none;*/
	}

	.values-content .tagline {
		font-size: 36px;
	}

	.portfolio .other p {
		line-height: 1.5;
	}
	.portfolio .flex-container {
		align-items: center;
		flex-flow: column;
	}

	.parallax-section:nth-child(3) .tagline {
		font-size: 24px;
	}

	.bx-controls-direction {
		/*display: none;*/
	}
}

@media screen and (max-width: 320px) {
	.span6 {
		width: 100%;
	}
}

@media screen and (min-width: 1231px) {
	.main-navigation > ul{
		display: block !important;
	}
	.logo-top .main-navigation > ul{
		display: inline-block !important;
	}
}