@media (max-width: 1199px) {
	
	.nav li a {
		font-size: 12px
	}
	
	.flexslider li {
		height: 450px
	}
	
	.our-statement .content.right-side .special-quality {
		margin: 0 0 15px
	}
	
	.float-right.d-inline-block {
		float: none !important;
		text-align: center;
		display: block !important;
		margin: 10px 0 0
	}
	
	.footer-list.d-inline-block.float-left {
		float: none !important;
		text-align: center;
	}
	
	footer .footer-list li a {
	    padding: 0 10px
	}
		
	.contact-form-box {
		padding: 80px 60px
	}
	
	.contact-list-box {
		padding: 80px 25px
	}
	
	.bg-white.fix-menu {
		width: 290px
	}
	
}

@media (max-width: 991px) {
	
	header .menu-right-bottom {
		position: absolute;
    	top: 0px;
    	left: 0px;
	    box-shadow: none;
	    z-index: 9999
	}
			
	.contact-menu li a {
		margin: 12px 0px
	}
	
	#nav_list {
		transition: all .5s ease 0s;
		-webkit-transition: all .5s ease 0s;
		-moz-transition: all .5s ease 0s;
		-o-transition: all .5s ease 0s;
		-ms-transition: all .5s ease 0s
	}
	
	.menu-right-bottom {
		left: 0px;
	}
	
	.menu-right-bottom.active {
		left: 250px !important;
		transition: all .5s ease 0s;
		-webkit-transition: all .5s ease 0s;
		-moz-transition: all .5s ease 0s;
		-o-transition: all .5s ease 0s;
		-ms-transition: all .5s ease 0s
	}

	body.pushmenu-push.pushmenu-push-toright {
		left: 250px
	}
	
	.menu-all {
		height: 50px
	}
	
	.top-mob-head {
		background: #fff;
		z-index: 1000;
		position: fixed;
		width: 100%;
		top: 0;
		display: block
	}
			
	.menu-mobile-icon {
		display: block !important;
        top: 12px;
		position: absolute;
		z-index: 99999;
		cursor: pointer;
		left: 0px;
	    height: 36px;
	    width: 44px
	 }
	
	#toggle-icon {
		width: 36px;
    	height: 26px;
		position: relative;
		/*	  margin: 0px auto;*/
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
		-webkit-transition: .5s ease-in-out;
		-moz-transition: .5s ease-in-out;
		-o-transition: .5s ease-in-out;
		transition: .5s ease-in-out;
		cursor: pointer
	}

	#toggle-icon span {
		display: block;
		position: absolute;
		height: 4px;
		width: 100%;
		background: #2c88c9;
		border-radius: 2px;
		opacity: 1;
		left: 0;
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
		-webkit-transition: .25s ease-in-out;
		-moz-transition: .25s ease-in-out;
		-o-transition: .25s ease-in-out;
		transition: .25s ease-in-out
	}
	 
	#toggle-icon span:nth-child(1) {
	  top: 0px
	}

	#toggle-icon span:nth-child(2),#toggle-icon span:nth-child(3) {
	  top: 10px
	}

	#toggle-icon span:nth-child(4) {
	  top: 21px
	}

	#toggle-icon.open span:nth-child(1) {
	  top: 18px;
	  width: 0%;
	  left: 50%
	}

	#toggle-icon.open span:nth-child(2) {
	  -webkit-transform: rotate(45deg);
	  -moz-transform: rotate(45deg);
	  -o-transform: rotate(45deg);
	  transform: rotate(45deg)
	}

	#toggle-icon.open span:nth-child(3) {
	  -webkit-transform: rotate(-45deg);
	  -moz-transform: rotate(-45deg);
	  -o-transform: rotate(-45deg);
	  transform: rotate(-45deg)
	}

	#toggle-icon.open span:nth-child(4) {
	  top: 18px;
	  width: 0%;
	  left: 50%
	}
		
	.top-right {
		float: left;
		margin: 0
	}
	
	.nav li ul {
		top: 0;
		width: 250px;
	}
	
	.nav li:hover ul {
		padding: 0;
	}
	
	.nav li ul::after {
		display: none;
	}	

	.header-wrapper .logo-wrap {
		float: none;
		width: 200px;
		margin: 0 auto;
	}
	
	.header-wrapper .logo-wrap img {
		max-width: 150px;
		margin: auto;
	}
	
	.top-right {
		position: absolute;
		top: 0;
		right: 0;
	}

	.nav {
		margin: 20px 0 20px;
	}
	
	.pushmenu {
		background-color: #fff;
		text-align: center;
		width: 250px;
		height: 100%;
		top: 0;
		z-index: 1000;
		position: fixed;
		float: none !important;
		margin-top: 0 !important;
	}
	
	.pushmenu-left {
		left: -250px;
	}
	
	.pushmenu-left.pushmenu-open {
		left: 0;
	}
	
	.pushmenu-push {
		overflow-x: hidden;
		position: relative;
		left: 0;
	}
	
	.pushmenu-push-toright {
		left: 250px;
	}
		
	.pushmenu, .pushmenu-push {
		-webkit-transition: all 0.5s ease;
		-moz-transition: all 0.5s ease;
		transition: all 0.5s ease;
	}
	
	.nav > ul {
		margin-top: 15px;
	}
	
	.nav_list {
		cursor: pointer;
		height: 40px;
		width: 40px;
		background: #1181ff;
		position: absolute;
		left: 15px;
		top: 0;
		text-align: center;
		line-height: 40px;
		color: #FFF;
		font-size: 21px;
	}
	
	.nav-list.active {
		background-position: -270px top;
	}
	.main-navigation {
		padding-top: 15px;
	}
	
	.main-navigation a {
		display: block;
	}
				
	.pushmenu, .pushmenu-push {
		-webkit-transition: all 0.5s ease;
		-moz-transition: all 0.5s ease;
		transition: all 0.5s ease;
	}
	
	.nav_list {
		cursor: pointer;
	}
	
	nav-list.active {
		background-position: -270px top;
	}
	
	.main-navigation {
		padding-top: 0;
	}
	
	.nav > ul > li {
		display: block;
		width: 100%;
		border-bottom: none;
		margin-left: 0
	}
	
	.nav > ul > li:hover > a, .nav > ul:not(:hover) > li.active > a {
		color: #fff;
		border-bottom: none
	}
	
	.nav > ul > li a {
		display: block;
		padding: 15px 10px;
		color: #404040
	}
	
	.nav li:hover ul {
		position: relative;
		background: #b7151b;
	}
	
	.nav li:hover ul li:hover ul {
		position: relative;
		left: 0px;
		background: #e5e5e5;
	}
	
	.nav > ul > li:after {
		display: none;
	}
	
	.fa.fa-bars {
		color: #000;
	}
	
	.fa.fa-bars:hover {
		color: #000;
	}
	
	.logo-wrap {
		float: none;
	    margin: 0 auto;
		min-height: inherit;
		border-right: none;
		transition: all .5s ease 0s;
		-webkit-transition: all .5s ease 0s;
		-moz-transition: all .5s ease 0s;
		-o-transition: all .5s ease 0s;
		-ms-transition: all .5s ease 0s
	}
	
	header.stick .nav li a {
		color: #404040	
	}
	
	header.stick .nav li a.active {
		color: #fff
	}
	
	body.pushmenu-push.pushmenu-push-toright header.stick .menu-mobile-icon {
		left: 120px
	}
	
	body.pushmenu-push.pushmenu-push-toright header.stick .logo-wrap {
		float: right
	}
	
	.pushmenu-push-toright header.stick .top-head {
		margin-left: 250px;
	}
	
	.case-study .case-study-list li h1 {
		font-size: 44px;
		margin: 0 0 10px
	}
	
	.case-study .case-study-list li h3 {
		font-size: 14px
	}
	
	.top-head {
		top: 10px
	}
	
	.top-head .text-right {
		text-align: center !important
	}
		
	.team .people-list li .person-image-wrapper .person-image {
		border-radius: 50%;
		max-width: 125px;
		max-height: 125px
	}
	
	.flexslider li .meta {
		left: 30px;
		right: 30px
	}
	
	.flexslider li p {
		font-size: 18px
	}
	
	.about h5 {
		margin: 50px 0 25px
	}
	
	.our-statement .background-image {
		min-height: 300px
	}
	
	.contact-bottom .contact-info {
		margin: 0 0 40px
	}
	
	.about.about-page h5 {
		margin: 15px 0 25px;
	}
	
	.contact-form-box, .contact-list-box {
		padding: 80px 60px
	}
	
	.bg-white.fix-menu {
		width: 100%;
		z-index: 99
	}
	
	.side-menu-fix {
		position: relative;
		top: 0
	}
	
}


@media (max-width: 767px) {
	
	h1 {
		font-size: 26px
	}
	
	.bottom-border-head {
		font-size: 22px
	}
	
	header .top-head .col-md-6 {
		text-align: center
	}
	
	header .top-head .top-contact p:first-child {
		margin: 15px 0 0
	}
	
	header.stick .top-contact {
		display: none
	}
	
/*
	.about, .service, .brexit {
		padding: 40px 0
	}
*/
	
	.float-right.d-inline-block {
		margin: 10px 0 40px
	}
		
	.contact-form {
		padding: 40px 15px 0
	}
	
	.contact-form-box, .contact-list-box {
		padding: 50px 50px
	}
	
	.contact-list-box h2 {
		margin: 0 0 40px
	}
	
	.contact-list li:last-child {
		margin: 0 0 15px
	}

	#map {
		height: 400px
	}
	
}	


@media (max-width: 575px) {
	
	
	.flexslider li {
		height: 550px
	}
	
	body.pushmenu-push.pushmenu-push-toright header.stick .menu-mobile-icon {
		left: 250px
	}
	
	.contact-form-box, .contact-list-box {
		padding: 50px 15px
	}
	
	.contact-list li:nth-child(1)::before, .contact-list li:nth-child(2)::before, .contact-list li:nth-child(3)::before {
		width: 25px;
	    top: 2px
	}
	
	.contact-list li {
		font-size: 14px;
		margin: 0 0 30px;
		padding-left: 35px
	}
	

	footer .footer-bottom-content {
		flex-direction:column;
	}

	footer p {
		margin: 0 0 20px;
	}

}	

@media (max-width: 359px) {
	
	.contact-form {
		padding: 40px 0 0
	}
	
	.more {
    	padding: 10px 20px
	}
	
}