@media (min-width:1180px) {
	.wrapper{width:1170px}
}

@media (min-width:1020px) and (max-width:1179px) {
	.wrapper{width:1000px}
	.homePage .col-5 {padding: 100px 0 70px;padding-left: 30px;}
	.innerLogo {width: 30%;}
	.profilePage img.fl-left {max-width: 50%;}
	.projects ul li {margin-right: 3%;}

}

@media (min-width:768px) and (max-width:1019px) {
	.wrapper{width:730px}

	.homePage .col-5 {padding: 30px 0 10px; padding-left: 30px;}
	.innerLogo {width: 30%;}
	.profilePage img.fl-left {max-width: 50%;}
	.projects ul li {margin-right: 3%;}
	.homePage .col-5 {width: 45%;}
	.homePage .col-5 {width: 55%;}
	.innerContent {min-height: 350px;}
	.projects ul li {margin-bottom: 20px; width: 21%;}

}

@media (max-width:768px){
	.projectImages .container {width: 100%;float: none;}
	.thumbnailImg .column {max-width: 100px;}
	.thumbnailImg > .row > div {display: inline-block;}
	.projectImages .thumbnailImg {max-width: 100%;min-width: 100px; float: none;}
	.profilePage img.fl-left {max-width: 40%;}
	img.innerLogo {max-width: 300px;margin-top: 30px;position: relative;bottom: 0;}

}

@media (min-width:600px) and (max-width:767px) {
	.wrapper{width:570px}

}

@media (max-width:767px){
	button.menu-toggle {display: none !important;}
	.site-header {padding-top: 55px;}
	.flexbox {display: block;columns: 1;}
	.homePage .col-7, .homePage .col-5 {width: 100%;}
	.homePage .col-5 {padding: 50px;padding-left: 50px;}
	.custom-logo-link img {max-width: 350px;}
	.homePage .col-7 {min-height: 330px;}
	.innerContent {min-height: 330px;}
	.projects ul li {width: 28%;margin-right: 3%;    margin-bottom: 30px;}
	.contactPage .innerContent {background-image: none;}
	.contactDetails .col-3 {width: 50%;}
}

@media (min-width:480px) and (max-width:599px) {
	.wrapper{width:95%}

}

@media (max-width:480px){
	.homePage .col-5 {padding: 0px;padding-left: 30px;}
	.profilePage img.fl-left {max-width: 100%;margin-right: 0;margin-bottom: 30px;}
	.projects ul li {width: 44%;margin-right: 3%;    margin-bottom: 30px;}
	.innerContent {min-height: 1px;}
	.captionimg {top: 110%;}
	.contactDetails {margin-top: 0;}
}

@media (max-width:479px) {
	.wrapper{width:95%}
	.pageNav {bottom: 0;}
	.contactDetails .col-3, .contactDetails .col-6 {width: 100%;}
	.contactDetails .col-3 {margin-bottom: 30px;}
	.homePage .col-7 {min-height: 260px;}

}

@media (max-width:360px) {
	.projects ul li {width: 100%;margin-right: 0%; }
	.homePage .col-5 {padding-right: 30px;}
	.custom-logo-link img {max-width: 260px;}
	img.innerLogo {width: 100%;}
}