@media (max-width: 767px) {
    #results #menu1 .col-xl-3 {
  flex: 0 0 100% !important;
  max-width: 100% !important;
}
	.headerSection {
		position: relative;
	}
	.logo-img p {
		font-size: 18px;
		line-height: 20px;
	}
	.logo-img h1{
		font-size: 18px;
	}
	.logo-img small{
		font-size: 12px;
		display: inline-block;
	}
	/* .logo-img{
		padding: 5px;
		background-color: rgba(155, 187, 89, 1);
	} */
	.logo-img img {
		width: 165px;
	}
	.offcanvas-collapse{
		top: 0;
		width: 205px;
		padding-left: 1rem;
		background-color:#9BBB59;
		padding-top: 1rem;
	}
	.navbar-dark .navbar-nav .nav-link{
		font-size: 14px;
	}
	h2 {
		font-size: 25px;
		line-height: 25px;
	}
	h3 {
		font-size: 22px;
	}
	.main-title p {
		font-size: 16px;
	}
	.gray-btn{
		padding: 8px 5px;
	}
	.carousel-caption{
		bottom: -10px;
	}
	.headerSection .ml-auto, .mx-auto {
		margin-left: 0 !important;
	}
	.headerSection .mr-auto, .mx-auto {
		margin-right: 0 !important;
	}
	.copyright{
		text-align: center;
	}
	.right-txt {
		text-align: center;
	}
	.offcanvas-collapse {
		position: fixed;
	}
	.navbar-light .navbar-nav .nav-link {
		color: #010101;
		font-weight: 400;
		padding: 10px 0;
		font-size: 16px;
	}
	.navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show > .nav-link {
		color:#010101;
	}
    .under-construction #login .container #login-row #login-column #login-box{
        height: auto;
    }
    .under-construction #login .container #login-row #login-column #login-box #login-form {
	  padding: 20px 0;
	}
	 .under-construction #login .remember-meTxt {
	  font-size: 12px;
	}
	#register-link {
	  font-size: 12px;
	  position: relative;
	  top: 5px;
	}
	.btn-success{
		width: auto;
	}
	.gallery-section img {
  height: auto;
}
}
@media (min-width: 768px) and (max-width: 991.98px) {
	/* .logo-img{
		padding: 5px 14px;
	} */
	.logo-img img {
		width: 235px;
	}
	.offcanvas-collapse{
		width: 210px;
		padding-right: 1rem;
		padding-left: 1rem;
	}
	  #results #menu1 .col-xl-3 {
  flex: 0 0 33% !important;
  max-width: 33% !important;
}
.gallery-section img {
  height: 150px;
}
}

@media (min-width: 992px) and (max-width: 1199.98px) {
	.logo-img img {
		width: 200px;
	}
	.navbar-light .navbar-nav .nav-link{
		font-size: 14px;
	}
	.headerSection .btn-primary {
		padding: 6px 20px;
		font-size: 14px;
	}
	.nav-link{
    padding: 10px;
}
 #results #menu1 .col-xl-3 {
  flex: 0 0 25% !important;
  max-width: 25% !important;
}
}