/* ==========================================================================
 Media Queries
 ========================================================================== */

/* ---------------------------------------------------------------------- */
/*	Version 1024px
 /* ---------------------------------------------------------------------- */

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

	body {}

}

/* bug show menu mobiel when its hiden */
@media handheld,
only screen and (min-width: 767px) {

	#mainnav {
		display: block !important;
	}
}

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

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

	.menu-toggle {
		display: block;
	}

	#main-nav {
		display: none;
		padding-top: 25px !important;
		float: none !important;
	}

	#main-nav.inline-list li {
		float: none !important;
	}

	#main-nav {
		clear: both;
	}

	.forms .tab-pane .white-box {
		min-height: 0;
	}

	.pricing .box_span {
		width: 50%;
		margin-bottom: 25px;
	}

	.btn-group.bootstrap-select {
		max-width: 100%;
	}

	.map {
		padding-bottom: 280px !important;
	}

	.map .innerBox {
		background-position: center -25px;
		font-size: 0.8em;
		height: 100%;
		left: 0;
		margin: 0 35px;
		max-width: 166px;
		padding: 29px 10px;
		position: absolute;
		top: 0;
		z-index: 5;
	}

	#slider .carousel-control {

		top: 18%;
	}

	.team .span3 {
		text-align: center;
	}

	.team .info ul.social {
		margin: 0 auto;
		text-align: center;
		display: inline-block;
		margin-bottom: 9%;
	}

	.smile_img {
		text-align: center;
		margin-bottom: 20px;
	}



	#main-nav li {
		border-bottom: 1px dotted #aaa;
	}

	#main-nav li a {
		font-size: 20px;
	}

	#main-nav li a:hover,
	#main-nav li a:focus,
	#main-nav li a:active {
		background: rgba(26, 73, 143, 0.2);
	}

	#main-nav li:last-child {
		border: none;
	}

	#google_map {
		margin-top: 30px;
		height: 250px;
	}

	#goback_web_ul {
		clear: both;
		margin: 30px 0;
	}
}

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

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

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

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

	.map .innerBox {
		background-position: center -25px;
		font-size: 0.8em;
		height: 100%;
		left: auto;
		margin: 0;
		max-width: 127px;
		padding: 29px 10px;
		position: absolute;
		right: 0;
		top: 0;
		z-index: 5;
	}


}

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

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

	.pricing .box_span {
		float: none;
		margin-left: 0;
		width: 100%;
		margin-bottom: 25px;
	}

}

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

@media handheld,
only screen and (max-width: 340px) {
	.stepy-titles>li {
		padding: 0.5em 0;
		text-align: center;
		width: 31%;
	}

	.nav-tabs>li>a,
	.nav-pills>li>a {
		line-height: 14px;
		margin-right: 2px;
		padding-left: 5px;
		padding-right: 5px;
	}
}