#mobile-navigation{
	display: none;
}
@media (max-width: 1048px) {
	.container{
		width: 100%;
	}
}
@media only screen and (max-width: 960px) {
	.container{
		width: 100%;
	}
	.slider-text{
		padding: 0;
		width: 100%;
	}
	.thumb{
		width: 100%;
		height: auto;
	}
	header{
		position:relative;
	}
	.banner{
		margin-top:0px;
	}
}
@media only screen and (max-width: 820px) {
	#navigation{
		display: none;
	}
	#mobile-navigation{
		display: block;
	}
	#slider .fr{
		float: none;
	}
	.owl-carousel .owl-next{
		right: -20px;
	}
	.owl-carousel .owl-prev{
		left: -20px;
	}
	.owl-carousel .owl-nav .owl-next, .owl-carousel .owl-nav .owl-prev{
		border-radius: 100px;
		background: #eee;
		width: 45px; height: 45px;
		line-height: 50px;
		font-size: 30px;
		text-align: center;
	}
	.feature .box{
		margin:20px 0 20px 0;
	}
	.navigation a.slicknav_btn {
	    float: right;
	    margin: 10px 0 0 0;
	    width: 50px;
	    height: 50px;
	    background: #333;
	    padding: 18px 0;
	}
	.slicknav_menu {
	    clear: both;
	    background: none;
	    padding: 0;
	    text-align: center;
	}
	.slicknav_menu .slicknav_icon-bar {
	    width: 100%;
	    margin: 0 0 3px 0 !important;
	    height: 3px;
	}
	#navigation{
		display: none;
	}
	#mobile-navigation{
		display: block;
	}
	.navigationbar{
		height: 70px;
	}
	.navigation li{
		display: block;
		text-align: left;
	}
	.navigation a.slicknav_btn{
		float: right;
		margin: 10px 0 0 0;
	    width: 50px;
	    height: 50px;
	    background: #333;
	    padding: 18px 0;
	}
	.slicknav_menu .slicknav_icon{
		float: none;
		width: 30px;
		margin: 0 auto;
		display: block;
	}
	.slicknav_menu .slicknav_icon-bar{
		width: 100%;
		margin: 0 0 3px 0 !important;
		height: 3px;
	}
	.slicknav_menu{
		clear: both;
		background: none;
		padding: 0;
		text-align: center;
	}
	.slicknav_menu>ul{
		border-top: solid 1px #ddd;
		clear: both;
		margin: 0;
		background:#fff;
		position: absolute;
		z-index: 1001;
		left: 0;
		top: 95px;
		width: 100%;
	}
	.slicknav_menu .slicknav_nav a{
		display: block;
		position: relative;
		border-bottom: solid 1px #ddd;
		line-height: 50px;
		color: #333;
	}
	.slicknav_arrow{
		position: absolute;
		right: 20px;
		top: 0;
		line-height: 55px;
		display: block;
	}
	.slicknav_menu a>a{
		padding: 0;
		border: none !important;
	}
	.navigation li li a{
		background: #f2f2f2;
	}
}
@media (max-width: 736px){

	#navigation{
		display: none;
	}
	#mobile-navigation{
		display: block;
	}
	.navigationbar{
		height: 70px;
	}
	.navigation li{
		display: block;
		text-align: left;
	}
	.navigation a.slicknav_btn{
		float: right;
		margin: 10px 0 0 0;
	    width: 50px;
	    height: 50px;
	    background: #333;
	    padding: 18px 0;
	}
	.slicknav_menu .slicknav_icon{
		float: none;
		width: 30px;
		margin: 0 auto;
		display: block;
	}
	.slicknav_menu .slicknav_icon-bar{
		width: 100%;
		margin: 0 0 3px 0 !important;
		height: 3px;
	}
	.slicknav_menu{
		clear: both;
		background: none;
		padding: 0;
		text-align: center;
	}
	.slicknav_menu>ul{
		border-top: solid 1px #ddd;
		clear: both;
		margin: 0;
		background:#fff;
		position: absolute;
		z-index: 1001;
		left: 0;
		top: 95px;
		width: 100%;
	}
	.slicknav_menu .slicknav_nav a{
		display: block;
		position: relative;
		border-bottom: solid 1px #ddd;
		line-height: 50px;
		color: #333;
	}
	.slicknav_arrow{
		position: absolute;
		right: 20px;
		top: 0;
		line-height: 55px;
		display: block;
	}
	.slicknav_menu a>a{
		padding: 0;
		border: none !important;
	}
	.navigation li li a{
		background: #f2f2f2;
	}
	.footer-copy{
		padding: 20px;
		text-align: center;
	}
	.footer-copy,.copy{
		height: auto;
		line-height: 1.4;
		word-spacing:normal;
		float: none;
	}
	.slider-text h3{
		font-size: 24px;
		line-height: 30px;
	}
	.owl-carousel .owl-nav .owl-next, .owl-carousel .owl-nav .owl-prev{
		top: 24%;
	}
	.nav-tabs{
		max-width: 500px;
	}
	.nav-tabs>li>a{
		padding: 0;
		font-size: 14px;
	}
	.carousels{
		overflow: hidden;
	}
	.carousel-white .owl-carousel .owl-nav .owl-next, .carousel-white .owl-carousel .owl-nav .owl-prev{
		top: 50%;
		color: #333;
		background: #fff;
	}
	.carousels .owl-carousel .owl-nav .owl-next i:before{
		position: relative;
		right: 5px;
	}
	.carousels .owl-carousel .owl-nav .owl-prev i:before{
		position: relative;
		left: 5px;
	}
	.carousels .owl-carousel .owl-nav .owl-prev{
		left: -20px;
		box-shadow: -2px 3px 3px rgba(0, 0, 0, 0.5) inset;
	}
	.carousels .owl-carousel .owl-nav .owl-next{
		right: -20px;
		box-shadow: 2px 3px 3px rgba(0, 0, 0, 0.5) inset;
	}
	.feature{
		margin: 0;
	}
	.box {
	    margin: 30px 10px 10px 10px;
	}
	.newproject .bgwhite{
		padding: 0;
	}
	.visitor .col-md-6{
		clear: both;
		float: none;
	}
	.iconlogo{
		width: 70px; height: 70px;
		margin: -35px 0 0 -35px;
	}
	.titlebox{
		padding: 30px;
	}
	.projectlist .col-md-3{
		width: 50%;
		float: left;
	}
}
@media only screen and (max-width: 575px) {
	.slides h3{
		font-size: 24px;
	}
	.footer-copy a{
		display: block;
		padding: 0;
	}
	.widget{
		padding: 20px 0;
	}
}
@media only screen and (max-width: 375px) {
	.slicknav_menu>ul{
		top:80px;
	}
	.nav-tabs{
		max-width: 255px;
	}
	.nav-tabs>li{
		width: 100%;
		float: none;
	}
	.logo{
		max-width:190px;
	}
	.navigationbar {
	    height: 60px;
	}
	.navigation a.slicknav_btn {
	    padding: 12px 0;
	}
	.project-img {
	    width: 275px;
	}
	section.visitor .container {
	    padding: 0px;
	}
	section.visitor.bggrey{
		background:none;
	}
	.newproject .ptb.w900 {
	    padding-top: 0px;
	}
}
@media screen and (orientation:landscape) {
	@media only screen and (max-width: 667px) {
	}
}
@media only screen and (max-width: 991px) {
	.project-img{
		position: absolute;
		top: 12px;
		text-align: center;
		left: 12px;
		height: 63%;
		overflow: hidden;
		width: 95%;
		margin: 10px 0 0 10px;
	}
}
@media only screen and (max-width: 768px) {
	.project-img{
		position: absolute;
		top: 12px;
		text-align: center;
		left: 12px;
		height: 60%;
		overflow: hidden;
		width: 93%;
		margin: 10px 0 0 10px;
	}
}
@media only screen and (max-width: 521px) {
	.project-img{
		position: absolute;
		top: 12px;
		text-align: center;
		left: 12px;
		height: 60%;
		overflow: hidden;
		width: 93%;
		margin: 0;
	}
}

/*===================== SLIDER =============================*/
@media only screen and (max-width: 991px) {
	.flexslider .slides img {
		height: 300px;
	}
}
@media only screen and (max-width: 860px) {
	.flex-direction-nav .flex-next{
		right: -40px;
		height: 45px;
    	width:45px;
	}
	.flex-direction-nav .flex-prev {
    	left: -45px;
    	height: 45px;
    	width:45px;
	}

}
@media only screen and (max-width: 768px) {
	.flexslider .slides img {
		height: 225px;
	}
	.flex-direction-nav{
		display: none;
	}
}

@media only screen and (max-width: 450px) {
	.flexslider .slides img {
		height: 115px;
	}
	.boxproject .caption h3{
		font-size: 16px;
	}

}
@media only screen and (max-width: 320px) {
	.flexslider .slides img {
		height: 85px;
	}
}



