/*==================================================
=            Bootstrap 3 Media Queries             =
==================================================*/
/*==========  Mobile First Method  ==========*/



@media all and (min-width: 1441px) {
	.banner-slider .owl-pagination {
		bottom: 13%;
	}
}

/* Small Desktop Resolution */
@media all and (max-width: 1440px) {

}

@media all and (max-width: 1336px) {
	/* Banner Slider */
	.banner-slider .slides .container {
		top: 45%;
		transform: translate(-50%,-45%);
		-webkit-transform: translate(-50%,-45%);
		-moz-transform: translate(-50%,-45%);
		-o-transform: translate(-50%,-45%);
	}

	.banner-slider .slides a {
		margin-top: 0;
	}

	.banner-slider .slides h1 {
		width: 72%;
		font-size: 40px;
	}
}

@media all and (max-width: 1200px) {
	.container,
	.section-contact .container,
	.section {
		width: 100%;
	}

	.home .banner-slider .container {
		max-width: 93%;
	}
}

@media all and (max-width: 1083px) {
	.gallery-section .gallery-image {
		padding: 28px 13px;
		max-height: 240px;
	}

	.gallery-section .gallery-image:last-of-type > div {
		display: table;
		width: 100%;
		min-height: 222px;
	}

	.single-category {
	    width: 22%;
	}
}

@media all and (max-width: 1030px) {
	.projects-galleries .column-project {
	    width: 22%;
	}

	.client-sliders .column-project {
	    width: auto !important;
	}
}

/* Tablet and iPad */
@media all and (max-width: 1024px) {
	/* ---------- Global Variables ---------- */
	nav ul li {
		padding: 0 25px;
	}
	
	.container {
		max-width: 100%;
	}

	.cta-button {
		min-width: 140px;
	}

	.on-bottom {
		min-height: 75px;
	}

	.on-bottom h3 {
		font-size: 20px;
	}

	.on-bottom:hover h3 {
		margin-top: 12%;
		font-size: 20px;
	}

	.on-hover p {
		font-size: 15px;
	}

	.section-team .on-bottom p {
		padding: 0 5px;
	}

	.section-team .column-team {
		width: 28%;
	}

	.section {
		padding: 50px 0;
	}


	header .container {
		padding: 0;
	}

	.container {
		padding: 0 3%;
	}

	.banner-image {
		padding: 0;
	}

	/* ---------- Homepage ---------- */
	.section-slider {
		position: relative;
	}

	.banner-slider .slides .container {
		width: 100%;
	}

	.banner-slider .slides h1 {
		width: 95%;
		font-size: 32px;
	}

	.banner-slider .owl-pagination {
		bottom: 18%;
		transform: translate(-50%,18%);
		-webkit-transform: translate(-50%,18%);
		-moz-transform: translate(-50%,18%);
		-o-transform: translate(-50%,18%);
	}

	/* ---------- About ---------- */
	.individual-detail .member-detail {
		width: 55%;
	}

	.gallery-section .gallery-image:last-of-type > div {
		min-height: 210px;
	}

	.non-slider .column-project {
		width: 22.3%;
		padding: 0;
	}

	.all-team {
		width: 60%;
		margin: auto;
	}

	.gallery-section .gallery-image {
		padding: 19px 13px;
		max-height: 190px;
	}

	.gallery-section .gallery-image:last-of-type > div {
		min-height: 175px;
	}
}

@media all and (max-width: 1023px) {
	.logo {
		display: block;
	}

	.top-right {
		display: block;
		float: none;
		width: 100%;
		margin: 0;
	}

	nav {
		display: block;
	}

	nav ul {
		padding: 0;
		display: none;
	}

	nav ul li {
		display: block;
		padding: 0;
		text-align: center;
	}

	nav ul li.current-menu-item {
		border-bottom: none;
	}

	nav ul li.current-menu-item a,
	nav ul li:hover a, 
	nav ul li.active a {
		padding: 20px 10px 26px;
		border-bottom: 5px solid #ffda00;
	}

	nav ul li:hover, 
	nav ul li.active, 
	nav ul li.current-menu-item {
		border-bottom: none;
	}

	.social-links {
		display: none;
		text-align: center;
		margin-top: 30px;
	}

	.social-links ul {
		padding: 0;
	}

	.top-search {
		display: none;
		padding-left: 45px;
		vertical-align: middle;
		float: right;
		margin-right: 40%;
		margin-top: -39px;
	}

	.pop-up-search {
		width: 100%;
		right: 0;
		top: 55px;
	}

	.mobile-nav span {
		width: 23px;
		background-color: #FFFFFF;
		height: 2px;
		display: inline-block;
	}

	.mobile-nav span:before,
	.mobile-nav span:after {
		content: '';
		width: 23px;
		background-color: #FFFFFF;
		height: 2px;
		display: inline-block;
		position: relative;
		
	}

	.mobile-nav span:before {
		top: -6px;
	}

	.mobile-nav span:after {
		top: -16px;
	}

	.mobile-nav {
		padding: 8px 9px;
		display: block;
		border: none;
		position: absolute;
		float: right;
		top: -65px;
		right: 26px;
		border-radius: 4px;
		height: 36px;
		background-color: #6d6e71;
	}

	.banner-image img {
		display: none;
	}

	footer p {
		display: block;
		font-size: 14px;
		text-align: center;
	}

	footer .footer-nav {
		display:  block;
		float: none;
	}

	footer .footer-nav ul {
		padding: 0;
	}

	footer .footer-nav ul li {
		display: block;
		width: 100%;
		text-align: center;
		padding: 5px 0;
	}

	footer .footer-nav ul li a {
		border-right: none;
	}


	/* Widths */

	.pull-left ,
	.pull-right {
		float: none;
		width: 100%;
	}

	.width-60 {
		width: 100%;
		display: block;
		vertical-align: top;
	}

	.width-40 {
		width: 100%;
		display: block;
		margin-left: 0;
	}

	.image-right {
		display: block;
		margin: 5px auto;
		margin-right: auto;
		width: 60%;
	}

	.image-left {
		display: block;
		margin: 5px auto;
		margin-left: auto;
		width: 60%;
	}

	/* ---------- About ---------- */
	.individual-detail {
		text-align: center;
	}

	.individual-detail .member-detail {
		width: 100%;
		padding: 0;
	}

	.individual-member {
		width: 30% !important;
		display: inline-block !important;
		padding: 0 10px;
	}

	/*Projects*/
	.project-slider .owl-buttons .owl-prev {
		left: 0;
	}

	.project-slider .owl-buttons .owl-next {
		right: 0;
	}

	.non-slider .column-project {
		width: 47%;
	}
}

@media all and (max-width: 768px) {
	h1 {
		font-size: 40px;
	}

	.projects-galleries {
		text-align: center;
	}

	.non-slider .column-project {
		width: 44%;
	}

	.banner-slider .owl-pagination {
		bottom: 15%;
		transform: translate(-50%,15%);
		-webkit-transform: translate(-50%,15%);
		-moz-transform: translate(-50%,15%);
		-o-transform: translate(-50%,15%);
	}

	/* ---------- Projects Inner ---------- */
	.recent-blogs .column-blog {
		width: 32%;
	}

	.gallery-section .gallery-image {
		max-height: 226px;
		width: 47%;
	}

	.gallery-section .gallery-image:last-of-type > div {
		min-height: 211px;
	}

	.single-category {
	    width: 45%;
	}

	.projects-galleries .column-project {
	    width: 45%;
	}
}

@media all and (max-width: 767px) {
	/* ---------- Press ---------- */
	.press-listing {
		width: 100%;
		padding: 0;
	}

	.pagination {
		text-align: center;
	}

	.sidebar {
		width: 100%;
	}

	/* ---------- Projects Inner ---------- */
	.inner-galleries .image {
		padding-right: 0;
		width: 100%;
		min-height: auto;
	}

	.inner-galleries .content {
		margin-top: 30px;
		width: 100%;
	}

	.inner-gal-mob {
		display: block;
		padding: 20px 0;
		margin-top: 20px;
	}

	.projects-third-section.inner-galleries {
		display: none;
	}

	/* ---------- Contact ---------- */
	.contact-second-section .contact-details {
		padding-right: 0;
		width: 100%
	}

	.contact-second-section .map {
		width: 70%;
		display: block;
		margin: 30px auto 0;
	}
}

@media all and (max-width: 695px) {
	.secondary-menu ul li {
		display: block;
		margin: 10px;
	}
}

@media all and (max-width: 540px) {
	.gallery-section .gallery-image {
		max-height: 300px;
		width: 82%;
	}

	.gallery-section .gallery-image:last-of-type > div {
		min-height: 255px;
	}

	.individual-member {
		width: 47% !important;
	}
}

@media all and (max-width: 480px) {
	/* ---------- Projects ---------- */
	.single-category {
	    width: 90%;
	    margin: 10px 20px !important;
	}
	
}
 
@media all and (max-width: 454px) {
	/* ---------- Globals ---------- */

	.top-search {
		margin-right: 31%;
	}

	.banner-image:after {
		content: '';
		display: block;
		clear: both;
	}
	
	.banner-image {
		position: relative;
	}

	.banner-image img {
		display: block;
		width: 100%;
		position: relative;
		left: 50%;
		transform: translateX(-50%);
		-webkit-transform: translateX(-50%);
		-moz-transform: translateX(-50%);
		-o-transform: translateX(-50%);
	}

	/* ---------- Global - Contact us ---------- */
	.section-contact .container {
		padding: 0 4%;
	}

	/* ---------- Homepage ---------- */
	.scroll-down {
		bottom: -9%;
	}

	.banner-slider .slides {
		height: 920px !important;
		background: none !important;
		background-color: #ddbe04 !important;
		position: relative;
	}

	.banner-slider .slides img {
		width: 135%;
		position: relative;
		left: 0;
		/*transform: translateX(0%);
		 -webkit-transform: translateX(-50%); 
		-moz-transform: translateX(-50%);
		-o-transform: translateX(-50%);*/
		display: block;
	}

	.banner-slider .slides h1 {
		padding: 40px 20px;
		background-color: transparent;
		font-size: 33px;
	}

	.banner-slider .slides p {
		color: #414244;
	    margin-top: 0;
	    margin-bottom: 18px;
	}

	.banner-slider .slides a {
		margin-top: 0;
	}

	.banner-slider .slides .container {
		position: relative;
		top: 0%;
		transform: translate(-50%,-0%);
		-webkit-transform: translate(-50%,-0%);
		-moz-transform: translate(-50%,-0%);
		-o-transform: translate(-50%,-0%);
	}

	.banner-slider .owl-pagination {
		bottom: 5%;
	}

	/* ---------- About ---------- */
	.section-team .column-team {
		width: 90%;
	}

	.section-projects .column-project {
		width: 90%;
	}

	.gallery-image {
		width: 89%;
		display: inline-block;
	}

	.non-slider .column-project {
		width: 90%;
	}

	.individual-member {
		width: 100% !important;
		text-align: center;
	}

	/* ---------- Projects Inner ---------- */
	.image-list div {
		width: 18%;
		padding: 10px 5px;
	}

	.recent-blogs .column-blog {
		width: 100%;
	}

	.recent-blogs .column-blog img {
		border: none;
	}

	.projects-galleries .column-project {
	    width: 93%;
	}

	.home .banner-slider .container {
	    max-width: 100%;
	    padding: 0 14%;
	}
}

@media all and (max-width: 375px) {
	.banner-slider .slides h1 {
	    padding: 40px 20px 10px;
	    font-size: 33px;
	}

	/* ---------- Projects ---------- */
	.single-category {
	    margin: 10px 15px !important;
	}
}