/* Smaller than standard 960 (devices and browsers) */
@media only screen and (max-width: 959px) {

}
@media (min-width: 992px) {
	
}
@media (min-width: 1200px) {
	
}
/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {	
	.menu-search {
	  width: 45px;
	}
}
@media screen and (min-width: 800px) and (max-width: 600px) {
	
}
/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {
	body {
		margin:0;
		padding:0;
	}
	header .container {
		width: auto;
		margin:0 auto;
	}
	.logo{
		float:left;
		margin:0 0 0 25px;
	}
	.menu-search {
	  float: none;
	  text-align: center;
	  width: 100%;
	  position: absolute;
	  bottom: 15px;
	  left: 0px;
	}
	.arrow-down a{
		height:30px;
		width:30px;
		line-height:25px;
		font-size:14px;
	}
	/*.container {
		width: 300px;
		margin:0 auto;
	}*/
	
	.thumbs li img, .thumbs li a img{
		width:75px;
	}
	.thumbs{
		bottom:-40px;
	}
	.callout-box .pull-right, .callout-box .pull-left{
		float:none !important;
	}
	
	.team-text{
		margin:50px 0 0 0;
		padding:0 50px 50px 50px;
	}
	.team-thumb{
		float:none;
		display:inline-block;
		margin:-50px 0 30px 0;		
	}
	.counter-box, .info-box, .pricing-box.popular{
		margin-bottom:40px;
	}
	
	.demo .main-btn{
		font-size:12px;
	}
	
	#body-content [class*="col-"]:last-child, footer [class*="col-"]:last-child, #body-content #contact_form [class*="col-"], [class*="col-"]:last-child .info-box, .we-love .col-sm-3:last-child{
        margin-bottom: 0;
    }
	
	#body-content [class*="col-"], *[class*="col-"] .footer-wrap, footer [class*="col-"], .we-love .col-sm-3{
        margin-bottom: 40px;
    }
	
	#body-content .fontawesome-icons ul li[class*="col-"]{
		margin-bottom:8px;
	}
    *[class*="col-"] *[class*="col-"]:last-child{
        margin-bottom: 0 !important;
    }

    *[class*="col-"] *[class*="col-"]{
        margin-left: 0 !important;
    }
	.navbar-header{
		text-align:center;
	}
	.navbar-default .navbar-toggle{
		border:none;
		margin:0 25px 0 0;
		float:right;
		padding:9px 0px;
		display:inline-block;
	}
	.navbar-default .navbar-toggle .icon-bar, .navbar-default .navbar-toggle:focus .icon-bar{
		background:#FFF;
	}
	.navbar-default .navbar-toggle:hover .icon-bar{
		background:#f15b5a;
	}
	.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus{
		background:none;
	}
	.navbar-default .navbar-nav > li:before{
		background:none;		
	}
	.navbar-default .navbar-nav > li{
		text-align:center;
	}
	.navbar-default .navbar-collapse, .navbar-default .navbar-form{
		margin-top:10px;
		border:none;
		padding:20px 0;
		background: rgba(89,88,91,0.7);
	}
	
	.colored .navbar-default .navbar-collapse, .navbar-default .navbar-form{
		background:none;
	}
	
	.navbar-default .navbar-nav{
		margin:0;
	}
	.cbp-l-grid-projects .cbp-item{
		width:100% !important;
	}
	
	.navbar-default .navbar-nav > li > a{
		display:inline-block;
	}
	
	.navbar-default .navbar-nav > li{
		margin:0 0 5px 0;
	}
	.navbar-default .navbar-nav > .active > a:after{
		border:none;
	}
	.col-sm-12 .cbp-l-filters-dropdown.cbp-l-filters-dropdown{
		position:relative;
		top:30px;
		float:none;
	}
	
	.parallax-image{
		background-size:auto !important;
	}
	
	.features.parallax-area:before{
		height:70px;
	}
	
}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {
	body {
		margin:0;
		padding:0;
	}
	.pricing-box.popular{
		margin-top:40px;
	}
	
	#bannerText h1 {
		font-size:18px;
	}
	/*.container{
		width:420px;
	}*/
	body.boxed #main-wrapper, body.boxed #main-wrapper header {
		max-width:460px;
	}
	.body-content [class*="span"]{
		margin-bottom:25px;
	}
	.smart-mar{
		margin-bottom:20px;
	}	
	.slider-bg h3{
		font-size:20px;
	}
	.slider-bg h1{
		font-size:30px;
	}
}
@media only screen and (min-width: 600px) and (max-width: 800px) {
	body {
		margin:0;
		padding:0;
	}
	
}


@media (min-width: 768px) and (max-width: 979px) { 
	body:after{
		position:absolute;
		content:"768*979";
		top:0;
		right:100px;
		z-index:1000;
	}
	.callout-box .pull-right, .callout-box .pull-left{
		float:none !important;
	}
	
	.features.parallax-area:before{
		height:80px;
	}
	
	
	
	.jetmenu{
		float:none;
	}
	
	.navbar-default .navbar-nav > li > a{
		font-size:13px;
		padding:10px 13px;
	}
	.navbar-default .navbar-nav > li{
		margin:0;
	}
	.navbar-default .navbar-nav.social-icons li a, .navbar-default .navbar-nav.social-icons > li > a:focus{
		padding:0 5px;
		font-size:14px;
	}
	.navbar-default .navbar-nav.social-icons li{
		padding:36px 0 35px 0;
	}
	.container .jumbotron{
		padding:40px;
	}
	.container .jumbotron .dl-horizontal dd{
		float:none;
		margin-left:0;
		padding:0 0 10px 0;
	}
	.container .jumbotron .dl-horizontal dt{
		float:none;
		padding:0;
	}
	
	.smart-mar{
		margin-bottom:20px;
	}
	.cbp-l-grid-projects .cbp-item{
		width:50% !important;
	}
 }


/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {
	body {
		margin:0;
		padding:0;
	}
	header .container {
		width: auto;
		margin:0 auto;
	}
	.logo{
		float:left;
		margin:0 0 0 25px;
	}	
	.thumbs li img, .thumbs li a img{
		width:65px;
	}
	.thumbs{
		bottom:-30px;
	}
	.team-text{
		margin:50px 0 0 0;
		padding:0 40px 50px 40px;
	}
	.team-thumb img{
		width:241px !important;
	}
	.team-thumb{
		float:none;
		display:inline-block;
		margin:-50px 0 30px 0;		
	}
	.pricing-box.popular{
		margin-top:40px;
	}
	#bannerText h1 {
		font-size:18px;
	}
	#bannerText h1 .rotate{
		font-size:24px;
	}
	.features.parallax-area:before{
		height:60px !important;
	}
	/*.container{
		width:300px;
	}*/
	.smart-mar{
		margin-bottom:20px;
	}
	.cbp-caption, .cbp-caption-defaultWrap, .cbp-caption-activeWrap{
		height:225px !important;
	}
	.cbp-l-grid-projects .cbp-item{
		height:325px !important;
	}
	.sub-head{
		display:none;
	}
	.container .jumbotron .dl-horizontal dd{
		float:none;
		margin-left:0;
		padding:0 0 10px 0;
	}
	.container .jumbotron .dl-horizontal dt{
		float:none;
		padding:0;
	}
	.slider-bg h3{
		font-size:20px;
	}
	.slider-bg h1{
		font-size:30px;
	}
	.education-wrap .year-box{
		float:none;
		width:auto;
		display:inline-block;
	}
	.chart{
		margin:10px 0 20px;
	}
	#sidebar {margin-top: 80px;}
	
}