.collapse_btn{
		display: none;
	}
	.footer{
		display:none;
	}
@media screen and (max-width: 1223px) {
	#map {
	    position: relative !important;
	    height: 300px;
	    width: 100%;
	}
	.collapse_btn {
		display: block;
		clear: both;
		position: absolute;
		right: 15px;
		top: 15px;
		padding: 7px 12px;
		background: #2f4156;
		color: #fff;
		border: 2px solid #304257;
		font-size: 18px;
		width: 40px;
		text-align: center;
	}
	.collapse_btn:hover{
	    background: #00a1ff;
	    color: #ffffff;
	    border: 0;
	    border: 2px solid #00a1ff;
	}
	.collapse_btn.active{
	    background: #00a1ff;
	    border: 2px solid #00a1ff;
	    color: #ffffff;
	}
	#main_menu {
		    display: none;
	}
	#main_menu{
		border-top: 1px solid #00a1ff;
	    margin-top: 20px;
	    padding-top: 20px;
	    padding-bottom: 20px;
	    padding-left: 15px;

	}
    ::-webkit-input-placeholder { 
      color: #fff;
    }
    :-ms-input-placeholder {
      color: #fff;
    }
    ::-moz-placeholder { 
      color: #fff;
      opacity: 1;
    }
    :-moz-placeholder {
      color: #fff;
      opacity: 1;
    }
	body{
		    overflow-y: initial;
		  
	}
	section{
	    width: 100%;
	}
	.splash p {
	    width: 100%;
	    font-size: 13px;
	}
	.splash + aside.in {
	    padding: 10px 0;
		width: 100%;
	}
	aside {
		position: relative;
		margin-right: 0;
		width: 100%;
		padding: 10px 0;
	}
	aside .logo {
	    width: 200px;
	    display: block;
	    margin: 0;
	    margin-left: 15px;
	}
	aside .wrap {
	    width: 100%;
	    padding-left: 0;
	    float: none;
	}

	aside li {
	    margin-right: 25px;
	}
	aside small {
	    display: none;
	}
	aside li a {
	    line-height: 1;
	    padding-bottom: 0;
	    border-bottom: 0;
	    position: initial;
	}
	aside nav{
		display: block;
	}
	.content {
	    position: initial;
	    min-width: 100%;
	    padding-top: 0;
	    padding-bottom: 0;
	}
	.home, .offices, .news, .services-inner{
		    overflow-y: -webkit-paged-x;
		    height: unset !important;
		    margin-bottom: 100px;
		    margin-top:50px;
	}
	.contact{
		    overflow-y: -webkit-paged-x;
		    height: unset !important;
		    margin-bottom: 100px;
	}
	.container {
	    margin: 0 auto;
	    width: 100%;
	    padding: 0;
		padding-left: 15px;
		padding-right: 15px;
	}
	.services-inner .container {
	    padding-top: 0;
	}
	.contact .container.npb {
		padding-bottom: 0;
		padding-top: 0;
	}
	.content .container {
		padding-bottom: 0;
	}
	.news .container {
	    padding-top: 0;
	}
	.info {
    height: unset !important;
    padding-left: 15px;
    padding-right: 15px;
 }
 .info dt {
    font-size: 18px;
 }
	.contact .container {
	    padding-left: 0;
	    padding-right: 0;
	    width: 100%;
	}
	form {
	    padding: 60px 0;
	    padding-left: 15px;
	    padding-right: 15px;
	    width: 100%;
	    position: initial;
	}
	.collapse div {
	    padding: 10px 0;
	}
	.offices section {
	    width: 100%;
	}
	.offices section.benghazi {
	    background: url(../images/bgr-benghazi.jpg) repeat 0 0;
	}
	.offices section.misurata {
	    background: url(../images/bgr-misurata.jpg) repeat 0 0;
	}
	.left, .right {
	    width: 100%;
	    float: none;
	    margin-bottom: 20px;
	}

	.services-inner h2, .news h2 {
	    float: none;
	    width: 100%;
	}

	.tabs > ul {
	    float: none;
	    margin-right: 40px;
	    margin-bottom: 20px;
	}
	.news-article .wrap {
		border: 0;
		padding: 50px 15px;
    	text-align: justify;
	}
	.news-article .author {
		border: 0;
	}
	article .date {
	    left: 12px;
	}
	article img {
	    float: none;
	    display: block;
	    max-width: 100% !important;
	    height: auto;
	    margin: 0 auto;
	}
	article .wrap {
	    float: none;
	    width: 100%;
	    height: 100%;
	    border: 0;
	    text-align: justify;
	 }
	.collapse div img {
	    margin-bottom: 20px;
	    float: none;
	    display: block;
	    max-width: 100% !important;
	    height: auto;
	    margin: 0 auto;
	    margin-bottom: 25px;
	}
	.news-article .wrap {
	    width: 100%;
	}
	.news-article .author {
	    width: 100%;
	    padding: 0 15px;
	    height: unset;
	    line-height: inherit;
	    margin-top: 15px;
	}
	.category {
	    float: none;
	    margin-right: 40px;
	    margin-top: 25px;
	    margin-bottom: 25px;
	    display: block;
	}
	.footer{
		display: block;
		background: #1c2e42;
	    padding: 20px;
	    color: #fff;
	    font-size: .8em;
	}
	.splash img {
	    width: 90px;
	    height: 100px;
	}
	.splash button {
	    bottom: 15px;
    }
	h1 {
	    font-size: 40px;
	   }
	.services h2 {
	    font-size: 50px;
    }
    .offices h3 {
	    font-size: 38px;
	    line-height: 1.4em;
    }
}