/* ==========================================================================
 Media Queries
 ========================================================================== */
@media only screen and (min-width: 1280px) { 
#top-slide img {
    margin: -60px 0 0;
    width: 100%;
}
}

@media(min-width:992px) and (max-width:1280px){  
.dj-main li a.dj-up_a{ padding:8px !important;}
.generic-carousel .carousel-inner .item{ height:auto !important; min-height:600px;}
.dj-main li:hover ul.dj-submenu { top:38px !important}
}

@media handheld, only screen and (max-width: 1200px) {
	.generic-carousel .carousel-inner .item .text-slide {
		color: #FFFFFF;
		margin: 212px 0;
		padding: 0 75px 0 0;
		position: relative;
	}
	.generic-carousel .controls, #slide-sec .generic-carousel .controls {
		margin-right: 0px;
		right: 40px;
	}
	.carousel-indicators li {
		margin-bottom: 10px !important;
	}
}
@media (max-width: 991px) {
	.navbar-header {
		float: none;
	}
	.navbar-toggle {
		display: block;
	}
	.navbar-collapse {
		border-top: 1px solid transparent;
		box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
	}
	.navbar-collapse.collapse {
		display: none !important;
	}
	.navbar-nav {
		float: none !important;
		margin: 7.5px -15px;
	}
	.navbar-nav > li {
		float: none;
	}
	.navbar-nav > li > a {
		padding-top: 10px;
		padding-bottom: 10px;
	}
	
	.navbar .search{ float:none; clear:both; width:200px !important; margin:auto;}
	
	.navbar-collapse.in{ z-index:999999999999; background: rgba(0, 0, 0, .9) !important;}
	.dj-main{ float:none !important; width:100% !important; display:block !important; }
	.dj-main li.dj-up{ float:none !important; display:block !important; width:90% !important; clear:both !important;}
	.dj-main li a.dj-up_a{ float:none !important; width:100% !important;}
	.dj-main li a.dj-up_a span{ float:none !important; width:100% !important;}
	.dj-main .dj-submenu{ display:none !important}
	.search-query{ margin-bottom:5px;}
	
	#latest_blog .frame .hover h5, #latest_projects .frame .hover h5{ font-size:14px !important; }
	.latest_projects2 .frame .hover h5{ font-size:14px !important;}
	.generic-carousel .carousel-inner .item{ min-height:250px !important; height:auto;}
	#top-slide img{ min-height:250px !important; width:auto !important}
	
	#top-slide .service_img { height:auto !important;}
	#top-slide .service_img img{ height:auto !important; width:100% !important; max-width:100% !important; max-height::auto !important;}
	
	.search{ display:none !important;}
	.txt_info{ padding:0px!important;}
	.generic-carousel .carousel-inner .item .text-slide{ padding:0px !important; }
	.generic-carousel .text-slide h2{ margin-top:5px;  }
	.txt_info .text-slide ul{ padding-left:0px !important;}
	.txt_info .text-slide{ font-size:13px !important;}
	.generic-carousel .carousel-inner .item .text-slide li{ padding-left:15px; background-position:left 8px !important;}
	.info_side .moduleItemIntrotext .mti_font_element{ width:auto; clear:both;}
	#contact .box { width:43% !important; min-height:180px;}
	div.itemImageBlock{ display:block; width:100%;}
	div.itemBody{ display:block; width:100%;}
	.item_txt, .services .itemExtraFields{ margin-left:0px; width:100%;}
	.lineleft, .lineright{ width:100%;}
	.item-project img{ width:100% !important; height:auto !important;}
	#latest_blog .item .thumb img, #latest_projects .item .thumb img{ height:auto; max-width:100%;}
	.latest_projects2 .item .thumb img{ height:100% !important; width:auto !important;}
	.item-project .hover{ padding:10% 5%;}
	
	div.k2ItemsBlock ul li div.moduleItemIntrotext a.moduleItemImage img{ float:left !important; margin:10px 0px; max-width:100% !important;}
	
	.latest_projects2 .frame .hover .btn{ margin:5% !important;}
	
	.lang-inline {margin-top:0px!important;float:none; text-align:center; padding-left:10px!important; padding-bottom:20px!important; padding-top:0px!important;}

	
}

@media handheld, only screen and (max-width: 900px) {
	.generic-carousel .controls {
		margin-right: -7px;
		position: absolute;
		right: 48px;
		top: 144px;
		width: 60px;
	}
	#slide-sec .item .cont {
		padding: 30px 46px;
		width: 70%;
	}
	.navbar-collapse.in {
		background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5);
		overflow-y: auto;
	}
	

}
@media handheld, only screen and (max-width: 1000px) {
	#slide-sec .item .cont {
		padding: 30px 46px;
		width: 70%;
	}
	#logo {
		max-width: 220px;
	}
	#logo img {
		width: 100%;
	}
}

/* ---------------------------------------------------------------------- */
/*	Version 1024px
 /* ---------------------------------------------------------------------- */
@media handheld, only screen and (max-width: 1024px) {
	#slide-sec .item .cont {
		padding: 30px 46px;
		width: 70%;
	}
	#logo {
		
	}
	#logo img {
		width: 100%;
	}
	
}



/* ---------------------------------------------------------------------- */
/*	Mobile Version 767px
 /* ---------------------------------------------------------------------- */

@media handheld, only screen and (max-width: 767px) {
	/* team
	 ========================================= */
	#team {
		padding: 50px 0 50px 0;
	}
		.tabs-left {
		text-align: center;
		overflow: hidden;
		float: none;
	}
	.tabs-left li {
	    float: none;
	    display: inline-block
	}
	.tabs-left li a {
	    padding: 5px;
	}
	#contact .left-cont {
		padding: 20px;
		width: 100%;
	}
	#contact .right-cont {
		max-width: none;
		margin-top: 20px;
		width: 100%;
		position: relative;
	}	
	
	#contact .box { width:100% !important; float:none; clear:both; border-bottom:1px solid #666; margin-bottom:10px;}
}

@media (min-width: 68px) {
	.navbar-collapse {
		width: auto;
		border-top: 0;
		box-shadow: none;
	}

	.navbar-collapse.in {
		overflow-y: auto;
	}
	.navbar-collapse .navbar-nav.navbar-left:first-child {
		margin-left: -15px;
	}
	.navbar-collapse .navbar-nav.navbar-right:last-child {
		margin-right: -15px;
	}
	.navbar-collapse .navbar-text:last-child {
		margin-right: 0;
	}
}

/* ---------------------------------------------------------------------- */
/*	Mobile Version 600px
 /* ---------------------------------------------------------------------- */

@media handheld, only screen and (max-width: 600px) {
}

/* ---------------------------------------------------------------------- */
/*	Mobile Version 568px
 /* ---------------------------------------------------------------------- */

@media handheld, only screen and (max-width: 568px) {
		#slide-sec .item .cont {
		padding: 20px 15px 35px;
		width: 100%;
		position: relative;
	}
}

/* ---------------------------------------------------------------------- */
/*	Mobile Version 480px
 /* ---------------------------------------------------------------------- */

@media handheld, only screen and (max-width: 480px) {
	.generic-carousel .text-slide h2 {
		font-size: 32px;
	}
	.generic-carousel .text-slide h3 {
		letter-spacing: 6px;
	}
}

/* ---------------------------------------------------------------------- */
/*	Mobile Version 320px
 /* ---------------------------------------------------------------------- */

@media handheld, only screen and (max-width: 320px) {
}