@charset "utf-8";

@media ( max-width : 1200px) {
	.banner-section h1.heading span {
		margin: 0 20px;
	}
	.btn-primary.btn-big {
		max-width: inherit !important;;
	}
	.multiselect {
    	width: 100%;
	}	
	.btn-group {
    	width: -moz-available;       /* For Firefox */
	    width: -webkit-fill-available; /* For WebKit-based browsers */
	    width: fill-available;
    	margin-bottom: 10px;
	}	
	.btn-search {
    	margin-top: 10px;
	}
	/* .navbar-expand-lg .navbar-collapse.collapse {
		display: none !important;
	} */
	/* .navbar-expand-lg .navbar-toggler {
		display: none !important;
	} */
}

/* @media ( min-width : 1097px){
	.navbar-toggler {
		display: none !important;
	}
	.collapse.navbar-collapse {
		display: block !important;
	}
}

@media ( max-width : 1096px){
	.navbar-toggler {
		display: block !important;
	}
	.collapse.navbar-collapse {
		display: none !important;
	}
} */

@media ( max-width : 992px){
	.logo img {
		max-width: 190px
	}
	.multiselect {
		width: 100%;
	}
	.hide-mob {
		display: none;
	}
	.banner-section {
		/* padding-top: 90px; */
	}
	.mobile-menu {
		display: block
	}
	.btn-group {
		width: -webkit-fill-available;
		margin-bottom: 10px;
	}
	.btn-search {
		margin-top: 10px;
	}
	.header-nav {
		visibility: hidden;
		opacity: 0;
	}
	.header-nav.open {
		visibility: visible;
		opacity: 1;
	}
	.banner-section h1 {
		font-size: 22px;
	}
	.logo img {
		max-width: 43px;
	}
	.logo span {
		max-width: 200px;
		font-size: 14px;
		line-height: 20px;
	}
	header {
		padding: 10px 0;
	}
	.header-nav {
		position: absolute;
		top: 100%;
		left: 0;
		background: #fff;
		width: 100%;
	}
	.widget-about .logo {
		display: block;
		margin-bottom: 20px;
	}
	.widget-about .logo img {
		margin-bottom: 10px;
	}
	.footer p {
		font-size: 14px;
	}
	.footer {
		padding: 32px 0;
	}
	.widget-about .logo span {
		display: block;
		margin: 0;
		text-align: center;
		margin: 0 auto;
		font-size: 16px;
	}
	.navbar li a {
		color: #000;
	}
	.navbar li.login-bl {
		padding: 24px 15px;
		border-top: 1px solid #ccc;
	}
	.navbar li.login-bl .btn {
		display: block;
		background-color: #005BA5;
		color: #fff;
		width: 100%;
	}
	.heading2, h2 {
		font-size: 24px;
	}
	.navbar li.add-bl .btn {
		display: block;
		background-color: #E5EFF6;
		color: #000;
		text-align: left;
		border: 1px solid #005BA5;
		padding: 14px 12px;
		width: 100%;
	}
	.about-numbers {
		max-width: 320px;
		margin: 0 auto;
		margin-bottom: 16px;
	}
	.about-numbers .figure {
		font-size: 34px;
	}
	.header-nav ul li {
		display: block;
		border: none;
		margin: 0;
		padding: 12px 15px;
	}
	.navbar {
		display: flex;
		padding: 15px 0;
	}
	.banner-section h1.heading span {
		display: inline-block;
		margin: 0 5px;
	}
	/* .banner-section h1.heading span:after {
		left: -63px;
		background-size: 185px;
	} */
	p {
		font-size: 16px;
	}
	.cat-list li {
		padding-left: 0;
		text-align: center;
		margin-bottom: 40px;
	}
	.icon-cat-bl {
		position: relative;
		width: 80px;
		height: 80px;
		border-radius: 8px;
		margin-bottom: 24px;
	}
	.widget-about {
		text-align: center;
		padding-right: 0;
	}
	.copyright {
		font-size: 12px;
	}
	#changingText {
		font-size: 30px;
		margin-left: 25px;
	    margin-top: 27px;
	}
}