/*
===========		=============
	All Responsive Style Here
===========		=============
*/


@media (max-width: 767px) {
	ul.main-menu li {
		display: inline-block;
		float: right;
	}

	ul.main-menu li:last-child a {
		padding-left: 0px;
	}

body.single.single-post ul#crumbs {
    display: none;
}	

h2.entry-title {
    font-size: 22px;
}

body:not(.home) .post-content {
    padding: 20px 15px;
}

        ul.filter li a span.tltp {
display: none !important;
}


		section#promotion h1 {
			color: #f6f7f8;
			line-height: 28px;
			font-size: 24px;
			margin-bottom: 20px;
		}
		
		
		ul.promotion-links li {
			display: inline-block;
			padding: 0px 10px !important;
			margin-bottom: 10px;
		}


		ul.promotion-links {
			text-align: center;
			float: none;
		}



	body div#page {
		padding-top: 72px;
	}
	
	ul#crumbs {
		padding: 0px;
		margin-bottom: 20px;
	}

	div#aits-navbar-collapse {
		box-shadow: none;
	}	

	.overview-item {
		margin-bottom: 20px;
	}

	
	.navbar-brand {
		padding: 10px 0px;
	}
	
	body:not(.home) .navbar-brand {
		padding: 0px 15px;
	}
	
	
	body:not(.home) .navbar-toggle {
		margin:0px;
		    padding-right: 15px;
	}	

	body:not(.home) .navbar-toggle .icon-bar {
		background: #fff;
	}
	
	
	ul#menu-blog {
		margin-top: 8px;
		float: left;
		padding-left: 0px;
		width: 100%;
	}
	
	ul#menu-blog li {
		display: block;
	}

	ul#menu-blog li a {
		font-size: 14px;
		line-height: 29px;
	}	


	.navbar-fixed-top .navbar-brand img.show-default , .top-nav-collapse .navbar-brand img.show-fixed	{
			max-width: 125px;	
	}

	.top-nav-collapse ul.main-menu {
		padding: 11px 0px;
	}
	ul.main-menu {
		padding: 11.5px 0px;
		margin: 0px;
	}

	.left-control, .right-control {
		position: absolute;
		top: 50%;
		height: 40px;
		width: 40px;
		line-height: 40px;
		margin-top: -20px;
		font-size: 20px;
	}
	
	a.left-control {
    left: 30px;
	}

	a.right-control {
		right: 30px;
	}
	
		
	ul.filter li {
		padding: 0px 2px;
	}	
	
	ul.filter li a {
		display: block;
		width: 42px;
		height: 42px;
	}

	a.show_filter img {
		width: 23px;
	}

	a.show_filter {
		width: 50px;
		height: 50px;
	line-height: 47px;
	}


	.filter_menu {
    top: 64px;
}

	ul.filter {
		margin: 4px 0px 0px 0px;
	}

	section#portfolio {
		padding-top: 90px;

	}
	
	#scrollUp {
    bottom: 30px;
    right: 15px;
    line-height: 31px;
    padding: 0px 0px 0px 37px;
    font-size: 14px;
    background-size: 35%;
	}
	
	
	.slide_content {
		padding: 5px 0px 5px 0px;
	}

	.slide_content h2 {
		margin: 6px 0px;
		font-size: 20px;
                text-align: center;
	}
	
	ul.slide_links li a {
		font-size: 13px;
		line-height: 26px;
	}	

	ul.slide_links {
		float: left;
		margin: 0px;
		padding: 5px 0px 5px 25px;
		
	}	
	
	
	section#team .row {
		margin-right: -10px;
		margin-left: -10px;
	}

	section#team .row .col-xs-4 {
		padding-right: 10px;
		padding-left: 10px;
	}	
	
	.single_team_member {
		margin-bottom: 20px;
	}	
	
	body .overlay nav {
		font-size: 14px;
	}	
	
	.methodology-item {
		float: none;
		margin: 0px auto 30px auto;
		max-width: 320px;
		width: inherit;
	}
	
	.navbar-icon {
    margin-left: 15px;
	}
	.navbar-icon span.icon-bar {
		width: 22px;
		height: 2px;
		margin-bottom: 4px;
		margin-top: 2px;
	}
	
	
	.padding-top-bottom {
    padding: 65px 0px;
	}
	

.map-area {
    height: 300px;
}

.contact-info {
    padding: 43px 26px;
}

	.contact-info h2 {
		margin-bottom: 41px;
	}

	.contact-info p {
		font-size: 14px;
	}

	.one-half {
		width: 100%;
	}	
	
	a.portfolio_link span {
    font-size: 20px;
	}
	
	
	span.right {
		font-size: 14px;
	}

li.for_mobile a {
    padding: 15px 0px !important;
    background: url(../images/pdf.png) no-repeat right center;
    display: inline-block;
    width: 32px;
width:30px;
}


.top-nav-collapse li.for_mobile a {
    background: url(../images/pdf-hover.png) no-repeat right center;
}

a#trigger-overlay {
    padding-right: 0px;
}

	
	
}

@media (min-width: 768px){
	.personal-info {
		padding-right: 60px;
	}

	.project-info {
		padding-left: 60px;
	}	
	
}

@media screen and (max-width: 533px) and (min-width: 480px) {
	
	ul.slide_links li a {
    padding: 0px 10px;
    font-size: 13px;
    line-height: 28px;
	}

	body .acc_head h3 {
		font-size: 14px;
	}

	.accordion_in {
		margin-bottom: 20px;
	}
	
	.sky-carousel {
    height: 365px;
	}

}

@media (max-width: 479px){
	.slide_content h2 {
    width: 100%;
    text-align: center;
	}

	.slide_content h2 {
    width: 100%;
    text-align: center;
    margin: 0px;
    font-size: 20px;
    margin-bottom: 5px;
 margin-top: 5px;
	}

	ul.slide_links {
		width: 100%;
		padding: 0px;
	}

	.slide_content {
		padding: 10px 0px;
	}

	ul.slide_links {
		text-align: center;
		border: 0;
	}

	ul.slide_links li a {
		line-height: 24px;
	}
	
		.filter_menu {
		top: 68px;
	}

	section#team .row .col-xs-4 {
		width: 50%;
	}



	body .smk_accordion .accordion_in .acc_head .acc_icon_expand {
		margin-right: 0;
	}

	body .acc_head h3 {
		margin-left: 55px;
		line-height: 22px;
	}

	body .smk_accordion .accordion_in {
		margin-bottom: 20px;
	}


a.show_filter {
    width: 40px;
    height: 40px;
    line-height: 40px;
	margin: 0px 0px 0px 5px;
}

ul.filter li {
    padding: 0px 3px;
}


ul.filter li a {
    display: block;
    width: 35px;
    height: 35px;
	background-size: 55%;
}

section.social_connect {
    padding: 20px 0px;
}


body .overlay nav {
    font-size: 18px;
}


.methodology-item h3.title {
    font-size: 15px;
    margin-top: 20px;
}


.methodology-item {
    width: 100%;
    margin-bottom: 20px;
}


.sky-carousel {
    height: 460px;

}

.bf ul.items li {
    width: 50%;
}

a.portfolio_link span {
    font-size: 16px;
}
	

}


@media (max-width: 359px){
ul.filter li a {
    display: block;
    width: 30px;
    height: 30px;
}

section.copyright p {
    padding: 10px 0px;
    font-size: 13px;
}

a#trigger-overlay {
    padding-left: 10px;
}	


#scrollUp {
    bottom: 25px;
    right: 20px;
    line-height: 27px;
    padding: 0px 0px 0px 30px;
    font-size: 12px;
    background-size: 35%;
}

.sky-carousel {
    height: 500px;
}


.contact-info {
    padding: 43px 15px;
}

.contact-info p {
    font-size: 14px;
    margin-bottom: 15px;
}

.contact-info p i {
    font-size: 20px;
    margin-right: 7px;
}

.sky-carousel .sc-content-wrapper a {
    font-size: 11px;
}


span.right {
    font-size: 11px;
}


body .project-budget p {
    font-size: 14px;

}

	
}

@media screen and (max-width: 1023px) and (min-width: 768px) {
    .methodology-icon {
        width: 140px;
        height: 140px;
        line-height: 140px;
    }
    img.margin {
        margin-top: 60px;
    }
    .methodology-row.middle-row .methodology-arrow {
        margin: 25px 0px;
    }
    .methodology-row.middle-row .methodology-arrow img {
        height: 79px;
    }
    div#counter h2.achieve_title {
        font-size: 20px;
    }
    .personal-info {
        padding-right: 30px;
    }
    .project-info {
        padding-left: 30px;
    }
	
	body .acc_head h3 {
		margin-left: 55px;
		line-height: 22px;
	}

	body .smk_accordion .accordion_in {
		margin-bottom: 20px;
	}
	
/**/	

	.slider-nav > .container {
		position: relative;
		bottom: 67px;
	}

	.left-control, .right-control {
		height: 40px;
		width: 40px;
		line-height: 40px;

	}

	.slider-nav .left-control {
		right: 77px !Important;
	}

	.slider-nav .right-control {
		right: 20px;
	}

	.slide_content {
		padding: 15px 0px 15px 0px;
	}

	.slide_content h2 {
		font-size: 22px;
	}

	ul.slide_links {
		padding: 15px 0px 15px 20px;
	}

	ul.slide_links li {
		padding: 0px 4px;
	}

	ul.slide_links li a {
		font-size: 13px;
		padding: 0px 12px;
	}

	section#team .row {
		margin-right: -10px;
		margin-left: -10px;
	}

	section#team .row .col-sm-3 {
		padding-right: 10px;
		padding-left: 10px;
	}
	
	.single_team_member {
		margin-bottom: 20px;
	}

	.overview-item h3 {
		font-size: 14px;
	}	
	
	
	.map-area {
		height: 350px;
	}

	.contact-info {
		padding: 75px 40px;
		font-size: 14px;
	}

	.contact-info h2 {
		margin-bottom: 27px;
	}



	a.portfolio_link span {
		font-size: 25px;
	}	
	
	
	
	.sky-carousel {
    height: 370px;
	}


ul.main-menu li a {
    padding-right: 0px;
}

.navbar-icon {
    margin-left: 15px;
}

ul.main-menu li:first-child {
    padding-right: 15px;
}
	
}

@media screen and (max-width: 1169px) and (min-width: 1024px) {
	body .acc_head h3 {
		margin-left: 55px;
		line-height: 22px;
	}

	body .smk_accordion .accordion_in {
		margin-bottom: 20px;
	}	
	
	.map-area {
		height: 400px;
	}

	.contact-info {
		padding: 86px 75px 87px 70px;
	}	
	.contact-info h2 {
    margin-bottom: 50px;
	}
	
	
	a.portfolio_link span {
		font-size: 35px;
	}	
	
	.slide_content h2 {
		font-size: 25px;
	}	
	
	
}



@media (min-width: 1400px){
.map-area {
    height: 500px;
}	
	
}