@media (max-width: 767px) { 
	body {
		padding-left: 0;
		padding-right: 0;
	}
	.mobile_disabled {
		display: none !important;
	}
	.mobile_enabled {
		display: block !important;
	}
	.navbar-collapse {
	  margin-top: 60px;
	}
	.full-size-img {
		width: 100%;
	}
	.nav-logo {
		display: none;
	}
}

@media (min-width:320px)  and (max-width: 1020px) { 

    .title:before, .title:after {width: 15%;}
    .portfolio-item {width: 50%;}
    }
}



/*Bootstrap Add 5 Columns Feature*/

@media (min-width: 768px){
    .fivecolumns .col-md-2, .fivecolumns .col-sm-2, .fivecolumns .col-lg-2  {
        width: 20%;
        *width: 20%;
    }

}
@media (min-width: 1200px) {
    .fivecolumns .col-md-2, .fivecolumns .col-sm-2, .fivecolumns .col-lg-2 {
        width: 20%;
        *width: 20%;
    }

}
@media (min-width: 768px) and (max-width: 979px) {
    .fivecolumns .col-md-2, .fivecolumns .col-sm-2, .fivecolumns .col-lg-2 {
        width: 20%;
        *width: 20%;
    }
}


/* Header */

@media (max-width: 320px){
        .hello .btn  {display: none;}
        .hello-title {font-size: 1.6em;}
        .hello-p {font-size: 0.8em; color: #FFF;}        
        .container {padding-right: 10px;padding-left: 10px;}
        .title:before, .title:after {width: 10%;}
        .blog-info {margin-left: 0;line-height: 2em;}
        .blog-content IMG:first-child {margin-top: 0!important;} 
        .portfolio-item {width: 100%;}
        .testimonial-item .quote {font-size:1.4em;}

        .carousel-indicators{bottom: 8em;}

            

    }
}