@media (min-width: 768px) and (max-width: 979px) {



	header div.social-icons {
		/* display: none; */
	}

    #spinner {
        margin-left: -50px; /* half width of the spinner gif */
        margin-top: -50px; /* half height of the spinner gif */
        width: 100px; /* width of the spinner gif */
        height: 102px; /*hight of the spinner gif +2px to fix IE8 issue */
    }



    /* Search */
    #searchForm {
        display: none;
    }

    #siteLogo {
        margin-top: 18px;
        margin-left: -20px;
    }

    body {
        background-image: none !important;
    }
    body.boxed div.body {
        margin-top: 0 !important;
        margin-bottom: 0 !important;

        border-bottom: 0px;


    }

	header nav ul.nav-main {
		margin-right: -10px;
	}

	/* Thumb Info */
	a.thumb-info span.thumb-info-title {
		font-size: 14px;
	}

	a.thumb-info span.thumb-info-more {
		font-size: 11px;
	}

	/* Hexagon */
	div.hexagon.pull-left-tablet {
		margin-left: -91px;
	}

	/* Footer Phone */
	footer span.phone {
		font-size: 20px;
	}

}

@media (max-width: 767px) {
	body.boxed {
		/* background: none !important; */
        background-color: #FFFfff;
	}



    #spinner {
        margin-left: -40px; /* half width of the spinner gif */
        margin-top: -40px; /* half height of the spinner gif */
        width: 80px; /* width of the spinner gif */
        height: 82px; /*hight of the spinner gif +2px to fix IE8 issue */
    }



	header,
	div.slider-container,
	div.slider-container div.slider,
	div.slider-container > div.slider > div.tp-bannertimer,
	div.home-intro,
	div.home-concept,
	section.highlight,
	section.featured,
	section.featured.footer,
	section.page-top,
	footer,
	div.footer-copyright,
	div.google-map,
	div.map-section,
	.parallax {
		margin-left: -20px;
		margin-right: -20px;
		padding-left: 20px;
		padding-right: 20px;
	}

	div.slider > ul > li > div.caption {
		margin-left: 20px !important;
	}

	div.slider > ul > li > div.center-caption {
		margin-left: 0 !important;
	}

	div.home-intro-compact {
		margin-left: 0;
		margin-right: 0;
		padding-left: 0;
		padding-right: 0;
	}

	body.boxed div.body {
		border: 0;
		border-bottom: 0;
		border-top: 0;
		box-shadow: none;
		margin: 0;
		width: auto;
	}

	body.boxed header {
		padding: 5px 20px 15px 20px !important;
	}
    /*
	header div.search {
		display: block;
		float: none;
		position: absolute;
		right: 0;
		margin-top: 0;
	}

	header div.search input {
		float: right;
		width: 45% !important;
	} */


    /* Search */
    #searchForm {
        display: none;
    }
    body {
        background-image: none !important;
    }
    .header-top {
        display: none !important;
    }


	header nav {
		width: 100%;
	}

    #selectnav1 {
        outline: none;
    }

	header nav select.selectnav {
		display: block;
		margin-top: 58px;
		width: 100%;
	}

	body.one-page header nav select.selectnav {
		display: none;
	}

	body.one-page header h1.logo {
		float: none;
		margin: 15px auto;
		position: static;
		width: 50%;
		text-align: center;
	}

	header nav ul.nav-main,
	header div.social-icons {
		display: none;
	}

	header nav ul.nav-top {
		left: 39%;
		position: absolute;
	}

	header h1.logo {
		margin-right: 10%;
		width: 30%;
	}

	header nav ul.nav-top li.phone {
		display: block;
	}

	header nav ul.nav-top li {
		display: none;
	}

	a.scroll-to-top.visible {
		display: none;
	}

	.sort-destination,
	.isotope-item,
	.mobile-max-width {
		margin-left: auto !important;
		margin-right: auto !important;
		max-width: 380px;
	}

	.mobile-max-width.small {
		max-width: 200px;
	}

	/* Miscellaneous */
	.pull-bottom-phone {
		margin-bottom: 35px;
	}

	.pull-top-phone {
		margin-bottom: 35px;
	}

	/* Flexslider */
	div.flexslider-center-mobile div.thumbnail {
		margin: 0 auto;
		max-width: 380px;
	}

	/* Team */
	ul.team-list {
		text-align: center;
	}

	ul.team-list div.team-item {
		display: inline-block;
		margin-right: auto;
		margin-left: auto;
		border: 0;
		box-shadow: none;
	}

	ul.team-list a.thumb-info {
		display: inline-block;
	}

	/* Pricing Tables */
	div.pricing-table {
		margin-left: 0px;
	}

	div.pricing-table div.plan {
		margin-right: 0;
	}

	/* Parallax */
	.parallax {
		background-size: auto 100%;
	}

	/* Footer Phone */
	footer span.phone {
		font-size: 20px;
	}


    div.home-concept {
        background: none;
    }
    div.home-concept span.shadow {
        display: none;
    }
    div.home-concept div.process-image,
    div.home-concept div.project-image {
        margin: 0 auto;
    }


    header.clean-top div.header-top {
        background-color: transparent !important;
        border-bottom: 0px !important;
    }

    .container img {
     /*   display: none !important; */
    }

}

@media (max-width: 480px) {

    #spinner {
        margin-left: -25px; /* half width of the spinner gif */
        margin-top: -25px; /* half height of the spinner gif */
        width: 50px; /* width of the spinner gif */
        height: 52px; /*hight of the spinner gif +2px to fix IE8 issue */
    }


	/* Base */
	body {
		font-size: 13px;
	}

	h2 {
		font-size: 2.3em;
		line-height: 33px;
	}

	header nav ul {
		display: none;
	}

	header div.search {
		display: none;
	}

	header nav select.selectnav {
		margin-top: 35px;
	}

	header h1.logo img {
		width: 100%;
	}

	header div.header-top {
		display: none;
	}

	/* Blog */
	ul.comments li {
		border-left: 8px solid #DDDDDD;
		clear: both;
		padding: 0 0 0 10px;
	}

	ul.comments li div.thumbnail,
	ul.comments div.comment-arrow {
		display: none;
	}

	article.post-large-image div.post-image,
	article.post-large-image div.post-date,
	article.post-large-image {
		margin-left: 0;
	}

	/* Page 404 */
	section.page-not-found {
		margin: 0;
	}

	section.page-not-found h2 {
		font-size: 100px;
		letter-spacing: 0;
		line-height: 100px;
	}

	/* Timeline */
	ul.timeline li div.thumb {
		display: none;
	}

	ul.timeline li div.featured-box {
		margin-left: 0;
	}

	/* Home Concept */
	div.home-concept div.project-image {
		background-position: 0 0;
		margin-left: auto;
		max-width: 160px;
		max-height: 160px;
	}

	div.home-concept div.fc-slideshow,
	div.home-concept div.fc-slideshow img {
		max-height: 145px;
		max-width: 145px;
	}

}

/* Home Concept */
@media (max-width: 1180px) {

	div.home-concept div.project-image,
	div.home-concept div.process-image {
		margin-left: -50%;
	}

}
