*{
    		margin: 0;
    		box-sizing: border-box;
    	}

    	body{
    		font-family: 'Poppins', sans-serif;
    		font-size: 16px;
    		color: #000;
    		font-weight: 400;
    	}

    	a{
    		color: #000;
    		transition: all ease-in-out 0.4s;
    		-webkit-transition: all ease-in-out 0.4s;
    		-moz-transition: all ease-in-out 0.4s;
    	}

    	input[type="submit"]:focus{
    		outline: none;
    	}

    	a:hover, a:focus{
    		text-decoration: none;
    	}

    	a:focus{
    		color: inherit;
    	}

			
		.search-block {
		    color: #fff;
		    display: inline-block;
		}

		.user-block {
		    color: #fff;
		    padding: 10px;
		    display: inline-block;
		    margin-right: 10px;
		}

		.user-block .user-name {
		    margin-left: 5px;
		}

		.search-block i {
		    cursor: pointer;
		}

		.search-box{
			display: flex;
			justify-content: center;
			align-items: center;
			position: fixed;
			top: 0;
			left: 0;
			bottom: 0;
			right: 0;
			background-color: rgba(0,0,0,0.5);
			transition: all ease-in-out 0.4s;
			-webkit-transition: all ease-in-out 0.4s;
			-moz-transition: all ease-in-out 0.4s;
			transform: scale(0);
			opacity: 0;
			z-index: 1;
		}

		.search-box.search-block-popup{
			transform: scale(1);
			opacity: 1;
			cursor: url(images/close.png), auto;
		}

		.search-box fieldset {
		    width: 100%;
		    margin-right: 15px;
		}

		.search-box .search-box-form {
		    background-color: #fff;
		    padding: 35px;
		    width: 80%;
		    cursor: auto;
		    display: inherit;
		}

		.search-box fieldset input {
		    width: 100%;
		    padding: 15px;
		    border: 1px solid #000;
		}

		.search-box input[type="submit"] {
			font-family: 'FontAwesome';
			color: #fff;
			background-color: #000;
			border: none;padding: 10px 25px;
		}
		.search-box input[type="submit"]:hover {
			background-color: #2d48c3;
		}
		.menu-wrapper {
		    display: flex;
		    display: -webkit-flex;
		    display: -moz-flex;
		    justify-content: space-between;
		    padding:15px 0;
		}

		.header-nav {
		    display: inherit;
		    align-items: center;
		}

		.navbar {
        margin: 0;
        display: inherit;
        align-items: center;
        margin: 0px !important;
		}

		.navbar ul {
		    list-style: none;
		    margin: 0;
		    padding: 0;
		}
			.navbar ul li a{
		    list-style: none;
		    margin: 0;
		    padding: 0;
		    font-size:16px;
		    font-weight:bold;
		}


		.navbar ul .nav-item {
		    display: inline-block;
		    position: relative;
		}

		.navbar ul .nav-item.sub-menu .dropdown {
		    position: absolute;
		    background: #fff;
		    border: 1px solid #e5e5e5;
		    width: 200px;
		    border-radius: 4px;
		    box-shadow: 0 5px 9px -1px rgb(0 0 0 / 10%);
		    top: 200%;
		    opacity: 0;
		    visibility: hidden;
		    transition: all ease-in-out 0.4s;
		    -webkit-transition: all ease-in-out 0.4s;
		    z-index: 999;
		    -moz-transition: all ease-in-out 0.4s;
		}
		
    .navbar ul .nav-item.active {
          background: transparent;
    }	
		
		
.navbar li.nav-item.sub-menu a i {
    display: inherit;
}

		.navbar ul .nav-item .dropdown .sub-nav-item a {
		    display: inline-block;
		    padding: 12px 15px;
		    font-size: 14px;
		    width: 100%;
		    border-bottom: 1px solid #e5e5e5;
		}

		.navbar ul .nav-item .dropdown .sub-nav-item:last-child a {
		    border-bottom: none;
		}

		.navbar ul .nav-item .dropdown .sub-nav-item a:hover {
		    background-color: #f8f8f8;
		}

		.navbar ul .nav-item.sub-menu:hover .dropdown {
		    visibility: visible;
		    opacity: 1;
		    top: 110%;
		}

		.navbar ul .nav-item a {
		    color:rgb(0 0 0 / 70%);
		    padding: 10px 20px;
		}

		.navbar ul .nav-item a:hover{
		    color: #2d48c3;
		}

		.listing-block {
		    background: #2d48c3;
		    padding: 10px 15px;
		    border-radius: 5px;
		    color: #fff;
		    font-size:14px;
		    border: 1px solid #2d48c3;
		}

		.listing-block span {
		    font-weight: 500;
		    margin-left: 5px;
		}

		.listing-block:hover {
		    background: #fff;
		    color: #2d48c3;
		}

		.hambar-menu {
		    display: none;
		    background-color: #000;
		    border-radius: 4px;
		    padding: 10px 15px;
		    margin-left: 20px;
		    color: #fff;
		}

		.overlay{
			position: absolute;
			top: 0;
			left: 0;
			right: 0;
			bottom: 0;
			z-index: 1;
			background-color: rgba(0,0,0,0.5);
			transition: all ease-in-out 0.4s;
			-webkit-transition: all ease-in-out 0.4s;
			-moz-transition: all ease-in-out 0.4s;
		}

		.navbar .overlay{
			display: none;
			opacity: 0;
		}
		.menu-wrapper .brand-wrapper a img {
			height: 80px;
			object-fit: cover;
		}
		

		/*Responsive */
		@media screen and (max-width: 991px){
			body {
			    font-size: 14px;
			}

			

			.hambar-menu,
			.navbar.mobo-menu{
				display: block;
			}

			.navbar .overlay {
			    position: fixed;
			    opacity: 0;
			    display: none;
			}

			.navbar ul {
			    position: fixed;
			    top: 0;
			    bottom: 0;
			    left: -300px;
			    background: #fff;
			    height: 100%;
			    z-index: 2;
			    overflow-x: auto;
			    width: 300px;
			    transition: all ease-in-out 0.4s;
				-webkit-transition: all ease-in-out 0.4s;
				-moz-transition: all ease-in-out 0.4s;
			}

			.navbar ul .nav-item {
			    display: block;
			    position: relative;
			}

			.navbar ul .nav-item a{
				display: inline-block;
				width: 100%;
			}

			.navbar ul .nav-item.sub-menu .dropdown {
			    position: static;
			    border: none;
			    width: 100%;
			    border-radius: 0;
			    box-shadow: none;
			    opacity: 1;
			    visibility: visible;
			    padding: 0 15px;
			}

			.navbar.mobo-menu .overlay{
				display: block;
				opacity: 1;
			}
		}

		@media screen and (max-width: 767px){
			.search-box .search-box-form {
			    width: 90%;
			    padding: 25px;
			}
		}

		@media screen and (max-width: 560px){
			.menu-wrapper{
				padding: 15px 0;
			}

			.search-box .search-box-form {
			    flex-direction: column;
			}

			.search-box fieldset {
			    margin-right: 0;
			    margin-bottom: 15px;
			}
		}

		@media screen and (max-width: 420px){
		

			.user-block{
				margin-right: 5px;
			}

			.navbar ul{
				width: 250px;
			}
		}