/* Mobile */
@media (max-width: 767px){
    .logo{
		display:none;
	}
	
	.mobi-logo{
		display: inline-block;
		width: 60%;
		max-width: 200px;
		padding: 10px 0;
		margin-left: 10px;
	}
	
	.mobi-view{
		display:block;
	}
	
	.mobi-hide{
		display:none;
	}

	.mobi-nopad{
		padding:0;
	}

	.mobi-breaks{
		display:block;
	}

	/* Home */

	h1 {
		font-size: 2em;
	}

	.home-infobox {
		position: relative;
		bottom: unset;
		left: unset;
		padding: 0 15px;
		width: 100%;
		text-align: center;
	}

	.navbar-default .navbar-toggle {
		border-color: transparent;
		color: #fff;
		font-size: 25px;
	}

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

	.owl-carousel .owl-item img {
		/* height: 480px; */
		height: auto;
	}

	.home-infobox h1 {
		color: #5E5E5E;
	}
	
	.home-infobox p {
		color: #5E5E5E;
	}

	.intro {
		margin: 30px auto;
		width: 100%;
	}

	.navbar-default .navbar-collapse, .navbar-default .navbar-form {
		border-color: transparent;
		border: 0;
		background-color: #5E5E5E;
		padding-bottom: 15px;
	}

	.navbar-nav {
		float: none;
		padding: 0;
	}

	.navbar-nav>li {
		padding: 10px 0 0;
	}

	.navbar-default .navbar-nav>li>a {
		width: fit-content;
		margin: 0 auto;
		border-bottom: 2px solid transparent;
		padding: 0 0 3px 0;
	}

	.navbar-default {
		border: 0;
	}

/* Other Pages */
	.other-pages-logo {
		display: none;
	}

	p, li, a {
		font-size: 16px;
	}

	.about-info {
		padding-right: 0;
	}

	.about-head {
		height: auto;
		padding: 100px 0 0;
	}

/* Portfolio */

	.other-pages-head {
		height: 200px;
		/* height: 150px; */
	}

	.other-page-body h1 {
		font-size: 2em;
		margin-bottom: 20px;
	}

	.filters {
		padding: 0;
	}

	.filters li {
		float: none;
		padding-right: 0;
		padding-bottom: 5px;
		width: 100%;
		text-align: center;
	}

	.filters ul {
		list-style: none;
		padding-left: 0;
	}

	.port-gallery {
		padding-bottom: 0;
		min-height: 290px;
	}

	.port-gallery .col-sm-6 {
		padding: 0 10px;
	}
	
	.port-gallery img {
		/* margin-bottom: 10px; */
		margin-bottom: 0;
	}

	.content .content-overlay {
		opacity: 1;
	}

	.content-details {
		opacity: 1;
	}

	.port-gallery .col-md-12{
		padding:0;
	}

	.grey-bkg p {
		width: 100%;
	}

	.grey-bkg {
		padding: 30px 15px 20px;
	}

	.styles-gal .col-md-2 {
		width: 100%;
		margin: 0 auto;
		padding: 0;
	}

	.styles-gal .col-md-1 {
		margin-top: 10px;
	}

	.other-page-body {
		padding: 30px 15px 10px;
		text-align: center;
	}

	.contact-input {
			font-size: 16px;
	}

	.msg-input {
		height: 200px;
		font-size: 16px;
	}

	.btn-submit {
		margin-top: 20px;
		font-size: 18px;
		padding: 8px 20px;
		width: 140px;
	}

	.styles-gal img {
		max-width: 400px;
		margin: 0 auto;
		display: block;
	}

	#homeSlider{
		display:none;
	}

	#homeSliderMobi{
		display:block;
	}
	
}

/* Tablet & small screens: */
@media (min-width: 768px) and (max-width: 991px){

	h1 {
		font-size: 2.5em;
	}

	.owl-carousel .owl-item img {
		height: 500px;
	}

	.home-infobox {
		bottom: 52%;
		left: 15px;
		width: 80%;
	}

	.home-infobox h1 {
		font-size: 2em;
	}
	
	.intro {
		/* width: 70%; */
		width: 90%;
	}

	.navbar-nav {
		padding-top: 10px;
		padding-bottom: 10px;
		padding-right: 0;
		width: fit-content;
		margin: 0 auto;
		float: none;
	}
	
	.navbar-nav>li {
		padding: 0 1em 0 0;
	}
	
	#menubar {
		padding: 0;
	}
	
	#menubar .col-md-8 {
		padding: 0;
	}
	
	.other-pages-head {
		height: 350px;
	}
	
	.other-page-body {
		padding: 30px 0;
	}
	
	.styles-gal .col-md-1 {
		width: 1%;
		padding: 0;
		margin-top: 0;
		float: left;
	}
	
	.grey-bkg {
		padding: 3%;
	}

	.filters {
		padding: 0;
	}

	.about-head {
		height: 730px;
		padding: 220px 0 0;
	}

	.other-pages-logo, .logo {
		padding-left: 0;
		padding-top: 20px;
		margin: 0 auto;
		max-width: 420px;
	}

	.about-info {
		padding-right: 0;
	}

	.contact-form .mobi-nopad{
		padding:0;
	}

	.btn-submit {
		margin-top: 30px;
	}

}

@media (min-width: 992px) and (max-width: 1199px){

	.home-infobox {
		width: 60%;
		bottom: 40%;
	}

	.owl-carousel .owl-item img {
		/* height: auto; */
		height: 600px;
	}

	.navbar-nav {
		padding-right: 0;
		float: right;
		width:unset;
		padding-top: 4%;
	}

	.tab-nopad{
		padding: 0;
	}

	.navbar-nav>li {
		padding: 0 0.8em 0 0;
	}

	.nav>li>a {
		/* font-size: 16px; */
		font-size: 14px;
	}

	.intro {
		/* width: 60%; */
		width: 80%;
	}

	.about-head {
		height: auto;
		/* padding: 15% 10% 2%; */
		padding: 12% 10% 2%;
	}

	.about-info {
		padding-right: 10%;
	}

	.filters {
		padding: 2% 0;
	}

	.other-page-body {
		padding: 5%;
	}

	.other-pages-logo {
		padding-left: 0;
		margin-left: 0;
		width: 80%;
	}

	.logo {
		padding-left: 0;
	}

	.port-gallery {
		min-height: 220px;
	}

	.other-pages-head {
		/* height: 400px; */
		height: 600px;
	}

	.styles-gal .col-md-1 {
		width: 1%;
	}

	.msg-input {
		/* height: 150px; */
		height: 303px;
	}

	.last-item{
		padding-right:0!important;
	}

	.contact{
		padding: 5% 0!important;
	}

	.contact .col-md-12{
		padding-right: 0;
	}

	.navbar-collapse.in {
		padding: 0;
	}

}

/* Laptop: */
@media (min-width: 1200px) and (max-width: 1600px){

	.navbar-nav>li {
		padding: 0 1em 0 0;
	}

	.nav>li>a {
		font-size: 16px;
	}

	.navbar-nav {
		padding-right: 0;
		padding-top: 3.5%;
		/* width: 100%; */
	}

	.home-infobox {
		width: 48%;
		bottom: 20%;
	}

	.intro {
		/* width: 60%; */
		width: 80%;
	}

	.last-item{
		padding-right:0!important;
	}

	.owl-carousel .owl-item img {
		/* height: auto; */
		height: 800px;
	}

	.navbar-nav>li {
		padding: 0 0 0 1em;
	}

	.about-head {
		height: auto;
		/* padding: 15% 10% 2%; */
		padding: 10% 10% 6%;
	}

	.filters {
		padding: 5% 11% 0;
	}

	.styles-gal .col-md-1 {
		width: 1%;
		padding: 0;
		margin-top: 1%;
	}

	.styles-gal .col-md-2 {
		margin-top: 1%;
	}

	.contact{
		padding: 5% 0!important;
	}

	.other-pages-logo {
		padding-bottom: 10px;
	}

}