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

@media (min-width: 768px) and (max-width: 991px) {
	body {
		font-size: 15px
	}
	#header .navbar-nav li a {
		padding-left: 5px;
		padding-right: 5px
	}
}

@media (max-width: 767px) {
	h4 {
		font-size: 16px
	}
	.pt100 {
		padding-top: 50px
	}
	.pb100 {
		padding-bottom: 50px
	}
	body {
		font-size: 14px
	}
	#header .navbar-toggle {
		margin-top: 12px
	}
	#header .navbar-nav {
		margin-top: 0px;
		padding-left: 0px
	}
	#header .navbar-nav li:hover:after,
	#header .navbar-nav li.active:after {
		bottom: -4px
	}
	#header .navbar-nav li {
		margin-left: 15px;
		padding-top: 0px;
		padding-bottom: 0px
	}
	.intro-text h4 {
		margin-bottom: 25px
	}
	#projects .padding-none {
		padding-left: 15px;
		padding-right: 15px;
		margin-bottom: 15px
	}
	.grid-caption h2 {
		margin-bottom: 0px
	}
	#about-area .pl30 {
		padding-left: 0px;
		padding-top: 30px
	}
	#about-area h3 {
		margin-bottom: 15px
	}
	.social-icons a {
		margin-left: 8px;
		margin-right: 8px
	}
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
    
    li.hlighted {
    float: left;
    margin: 5px 0 0 30px !important;
    }
}

@media only screen and (max-width: 480px) {
    .zoom-gallery .mobileCol {
        min-width: 100%;
        scroll-snap-align: start;
    }
    .zoom-gallery {
        display: flex;
        overflow: auto;
        scroll-snap-type: x mandatory;
    }
    li.hlighted {
    float: left;
    margin: 5px 0 0 30px !important;
    }
  }