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

	/* body.boxed {
		
		width: 100%;
	} */
	
	.navbar-toggle {
	    position: relative;
	    float: none;
	    padding: 9px 10px;
	    margin-top: 8px;
	    margin-bottom: 8px;
	    background-color: transparent;
	    border: 1px solid #dddddd;
	    border-radius: 4px;
	    display: block;
	}
	
	
	.navbar-header, .navbar-nav {
	    float: none;
	}
	
	.navbar-collapse.collapse {
	    display: none !important;
	    height: auto !important;
	    overflow: visible !important;
	    padding-bottom: 0;
	}
	
	.navbar-collapse.collapse.in {
	    display: block !important;
	}
	
	.forerunner-desc, .featured-desc{
		margin-bottom: 40px;
	}
	
	.forerunner.two-column .view h3, .featured.two-column .view h3  {
		margin-top:50px;
	}
	
	#cn-tabs .service {
		margin-bottom: 40px;
	}
	
	#cn-tabs .service:before {
	    content: "";
		position:absolute;
	    left: 46%;
		top:auto !important;
		right:auto !important;
	    bottom: 23px;
		-webkit-transform: rotate(45deg);
	    -moz-transform: rotate(45deg);
	    -o-transform: rotate(45deg);
	    -ms-transform: rotate(45deg);
	    transform: rotate(45deg);
	    border-bottom: 1px solid #ddd;
	    border-top: 0;
	}
	
	.team .item {
	    margin-top: 25px;
	}
    
	.app-service {
		text-align: center;
	}

	.app-service h3 {
		text-align: center;
		padding-top: 25px;
	}

	.app-service h4 {
		line-height: 26px;
	}



	.forerunner-wrap .view h3, .featured-wrap .view h3{
		font-size: 14px;
		margin: 10px 0 0;
		padding: 5px 0;
	}

	.forerunner-wrap .view p, .featured-wrap .view p{
		font-size: 11px;
		padding: 0 20px;
	}

	.forerunner-wrap .view a.info, .featured-wrap .view a.info{
		padding: 2px 8px;
	}

	.forerunner.three-column .view h3, .featured.three-column .view h3{
		
		margin-top:7px;
	}

	header .top-bar {
		min-height: 0;
		padding: 3px 0;
	}

	.navbar-toggle {
		float: none;
		text-align: center;
		padding: 0;
		display: block;
		border: none;
		border-radius: 0;
	}

	.mobile.navbar-header {
		float: none;
		margin: 20px 0 0 92.5%;
		padding: 0;
	}

	.topnav a.navbar-toggle {
		line-height:18px;
		margin-top:-1px;
		padding: 0;
	}

	.navbar-toggle:hover, .navbar-toggle:focus {
		background-color: transparent;
	}

	.mobile .navbar-toggle i {
		padding: 9px 12px;
		border-radius: 3px !important;
	}

	.topnav .navbar-toggle {
		display: block;
		float: none;
		margin: 0 auto;
		border: none;
		border-top-left-radius: 0;
		border-top-right-radius: 0;
		border-bottom-left-radius: 2px;
		border-bottom-right-radius: 2px;
	}

	.topnav .navbar-toggle i {
		border-radius: 0 0 2px 2px !important;
		padding: 0 8px;
		font-size: 19px;
		cursor: pointer;
	}


	.top-bar {
		text-align: center;
		padding: 0px 15px 10px !important;
	}

	
	/*
	.top-bar #search-form {
		display: none;
	}
	*/

	#horizontal-tabs ul.tabs li {
		text-align: center;
		width: 80%;
	}

	.tp-caption h3 {
		font-size: 28px !important;
	}

	.tp-caption h5 {
		font-size: 16px !important;
	}

	.tp-caption i {
		font-size: 15px !important;
		color: #fff;
		line-height: 25px !important;
		margin-right: 5px !important;
		margin-top: -5px !important;
		width: 25px !important;
		height: 25px !important;
	}

	.tp-caption .btn-special {
		padding: 9px 10px;
		font-size: 11px;
	}

	.list-slide {
		margin-bottom: 5px;
	}

	.get-started {
		text-align: center;
		margin-bottom: 15px;
	}

	.main-content .bottom-pad {
		margin-bottom: 0px;
	}

	.main-content .content-box {
		margin-bottom: 40px;
		display: inline-block;
	}

	.features .bottom-pad-small {
		margin-bottom: 0;
	}

	.features .feature-box {
		margin-bottom: 30px;
		display: inline-block;
	}

	.features .feature-box-info h4 {
		margin-top: 0;
	}

	.latest-posts .post-item {
		margin-bottom: 30px;
	}

	.blog-showcase li {
		margin-bottom:20px;
	}

	.blog-showcase-thumb {
		width:375px;
	}

	.blog-showcase-extra-info {
		left:375px;
		width:375px;
	}

	footer section {
		margin-bottom: 35px;
	}

	.social-icons-footer-bottom {
		display: inline-block;
	}

	.featured-item {
		margin: 10px auto;
		height: 570px; 
	}
	.featured-item-title {
		height: 140px;	
	}
	.featured-button-wrapper {
		width: 85%;
		bottom: 10px;
		margin: 0 auto;	
	}
	
	.recommended-item {
		margin: 10px auto;
		height: 390px; 
	}
	.recommended-item-title {
		height: 90px;	
	}
	.recommended-button-wrapper {
		width: 92%;
		bottom: 10px;
		margin: 0 auto;	
	} 

    .forerunner-item {
        background: url("https://a.cgg.org/bg_off.png") repeat;
        border-radius: 3px;
        -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
        box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
        border: 1px solid #ddd;
        padding: 4px;
        overflow:hidden;
        display:block;
    }

}