/*----------------------------------*/
/*	Screen Size: 1100px Max
/*----------------------------------*/
@media (max-width: 1100px) {
	.header .navbar-nav li a  { padding-left: 10px; padding-right: 10px;}
}
/*----------------------------------*/
/*	Screen Size: 991px Max
/*----------------------------------*/
@media (max-width: 991px) {
	body { font-size: 15px; line-height: 24px; }
	section { padding-top: 40px; padding-bottom: 40px; }
	.heading { font-size: 30px; }
	h1 { font-size: 30px; }
	.navbar-brand { font-size: 24px; padding-top: 15px; padding-bottom: 15px; }
	.nav { font-size: 14px; }
	.header .navbar-nav li a { padding-right: 5px; padding-left: 5px; }
	.about-text h2 { font-size: 30px; }		
	.contact-info { padding: 20px; }	
	.order-project h2 { font-size: 30px;}
}
/*----------------------------------*/
/*	Screen Size: 767px Max
/*----------------------------------*/
@media (max-width: 767px) {
	section { padding-top: 30px; padding-bottom: 30px; }
	.header .navbar-nav { float: none; }
	.header.affix .navbar-nav li a,
	.header .navbar-nav li a { padding: 10px 15px; }
	.hero-image .content-wrapper { max-width: 380px; }
	.hero-image h1 {font-size: 45px; line-height: 50px;}
	.type-text { font-size: 20px; }
	.social-media ul li { margin-right: 10px; }
	.social-media ul li a { font-size: 18px; }
	.profile { padding-bottom: 10px; }
	.education:after { display: none; }
	.education, .experience { padding: 20px; margin-right: 8px; margin-bottom: 30px; -webkit-box-shadow: 8px 8px 0 0 #e7e7e7; -moz-box-shadow: 8px 8px 0 0 #e7e7e7; -o-box-shadow: 8px 8px 0 0 #e7e7e7; box-shadow: 8px 8px 0 0 #e7e7e7; }
	.filters { margin-bottom: 0 }
	.contact .address, .contact .phone { margin-bottom: 30px; }
	.google-map #map { height: 320px; }
}
/*----------------------------------*/
/*	Screen Size: 479px Max
/*----------------------------------*/
@media (max-width: 479px) {
	.contact-info div[class*="col"],
	.skills div[class*="col"],
	.portfolio div[class*="col"] { float: none; width: auto; }
	.filters ul { border: 0; padding-bottom: 0; }	
	.filters ul li a { padding:5px 10px; }
	.filters ul li a:before { display: none !important }
}