/*-------------------------------------
		RESPONSIVE
--------------------------------------*/
@media screen and (max-width:991px){
	.footer-left, .footer-right {
		width: 100%;
	}
	.three-items {
		flex-direction: column;
	}
	.items {
		width: 100%;
		margin: 10px 0;
	}
	.navbar-default .navbar-nav li a {
		font-size: 16px;
		padding: 17px 0px 6px 18px;
	}
	.about-us-txt {
		margin-top: 0;
	}
	.service-txt h2 a {
		font-size: 20px;
	}
}

@media screen and (max-width:767px){
	.single-slide-item {
		height: 60vh;
	}
	.contact-office-address {
		flex-direction: column;
	}
	.footer-left {
		display: flex;
		flex-direction: column;
		align-items: center;
	}
	.bloc {
		flex-direction: column
	}
	.content-right, 
	.content-left,
	.items {
		width: 100%;
	}
	.items {
		width: 100%;
		margin-top: 10px;
		margin-left: 0;
	}
	.content-left,
	.content-right {
		margin: 20px 0;
	}
	.bloc-img {
		width: 100%;
		height: 30vh;
	}
	.bloc-reverse {
		flex-direction: column-reverse;
		margin-top: 20px;
	}
	.three-items {
		flex-direction: column;
		margin: 20px 0;
	}
	.linkedin {
		flex-direction: column;
	}
	.linkedin-post {
		width: 100%;
		margin: 10px 0;
	}
	.linkedin-post a {
		display: block;
	}
	.service-center {
		flex-direction: column;
	}
	.project-content {
		width: 100%;
		height: 300px;
	}
	.menubar ul.nav.navbar-nav {
		display: inline-grid;
	}
	.navbar-default .navbar-nav li a {
		font-size: 16px;
		padding: 0 25px;
	}
	.navbar-collapse {
		border-top: 0;
		box-shadow: inset 0 1px 0 rgba(255,255,255,0);
	}
	.navbar-default .navbar-collapse, .navbar-default .navbar-form {
		position: relative;
		top:21px;
		left: -16px;
		width: 104.6%;
		border-color: transparent;
		background: #4360A4;
	}
	.wrapper-sticky.sticky-active .navbar-default .navbar-collapse,.wrapper-sticky.sticky-active .navbar-default .navbar-form {
		position: relative;
		top: 13px;
		left: -16px;
		border-color: transparent;
		background: rgba(115,152,216,1);
	}
	.navbar-default .navbar-nav > .active > a,
	.navbar-default .navbar-nav > .active > a:active,
	.navbar-default .navbar-nav > .active > a:focus,
	.navbar-default .navbar-nav > .active > a:hover{
		padding-bottom: 0px;
	}
	.navbar-default .navbar-nav li a,
	.navbar-default.navbar-nav li a:active,
	.navbar-default.navbar-nav li a:focus,
	.navbar-default .navbar-nav li a:hover{
		padding-bottom: 0px;
	}
	.sticky .navbar-default .navbar-nav li a,
	.sticky .navbar-default .navbar-nav li a:active,
	.sticky .navbar-default .navbar-nav li a:focus,
	.sticky .navbar-default .navbar-nav li a:hover { 
		color: #fff;
    	margin: 10px 0px;
	}
	.single-slide-item h2 {
		font-size: 45px;
	}
	.we-do-comment p {
		padding: 0 0px;
	}
	.single-we-do-box {
		max-width: 350px;
		margin: 0 auto;
		margin-bottom: 30px;
		overflow: hidden;
	}
	.about-us-img {
		max-width: 350px;
		margin: 0 auto; 
		margin-top: 60px;
	}
}
@media screen and (max-width: 680px){
	.navbar-default .navbar-collapse, .navbar-default .navbar-form {
		width: 105%;
	}
}
@media screen and (max-width: 667px){
	.header-right.pull-right {
		float: left!important;
		margin-top: 10px;}
}

@media screen and (max-width: 640px){
	.navbar-default .navbar-collapse, .navbar-default .navbar-form {
		width: 105.5%;
	}
	.foot-menu.pull-right { 
		float: left;
	}
	.we-do-comment p {
		font-size: 14px; 
		max-width: 193px;
	}
	.section-header h2 span {
		font-size: 20px;
	}
}

@media screen and (max-width: 580px){
	.single-slide-item h2 {
		margin-top: -3em;
	}
	.navbar-default .navbar-collapse, .navbar-default .navbar-form {
		width: 106%;
	}
}

@media screen and (max-width: 540px){
	.navbar-default .navbar-collapse, .navbar-default .navbar-form {
		width: 107%;
	}
	.foot-menu.pull-right {
		float: left!important; 
		margin-top: 20px;
	}
	
}
@media screen and (max-width: 440px){
	.navbar-default .navbar-collapse, .navbar-default .navbar-form {
		width: 108%;
	}
	.single-slide-item a.slide-btn{
		font-size: 10px;
	}
	.single-slide-item h2 {
		font-size:30px;
	}
	.single-slide-item p {
		font-size: 16px;
	}
	.about-us-img:before{
		display: none;
	}
}
@media screen and (max-width:399px){
	.navbar-default .navbar-collapse, .navbar-default .navbar-form {
		width: 110%;
	}
}

@media screen and (max-width:350px){
	.single-slide-item {
		padding: 200px 0;
	}
	.navbar-default .navbar-collapse, .navbar-default .navbar-form {
		width: 111%;
	}
}
@media screen and  (max-width: 320px){
	.navbar-default .navbar-collapse, .navbar-default .navbar-form {
		width: 113%;
	}
	.social-icon {
		margin-left: -8px;
	}
}