@media (min-width: 1200px) {
	
	.brand-logo{
		padding: 0 40px;
	}
	
}

@media (max-width: 1199px) {
	
	html{
		font-size: 85%;
	}
	
	.banner-intro {
		padding-top: 10px;
	}
	
}

@media (min-width: 992px) and (max-width: 1199px) {
	
	.navbar .nav-item{
		padding: 0 .2rem;
	}
	
	.navbar-nav .dropdown-menu{
		left: 0;
		right: 0;
		margin: auto;
		max-width: 100%;
		padding: 40px 50px;
	}

	.navbar-nav > .nav-item > a{
		
	}
	
	
	
	.logo::before{
		left: 0;
		width: 225px;
		height: 130px;
	}
	
	.logo img{
		z-index: 111;
		position: relative;
		margin-left: 30px;
		width: 130px;
	}
	
	.navbar-custom .navbar-nav > .nav-item > a{
		padding: 8px 10px;
	}
}


@media (min-width: 992px) {
	
	.navbar-nav > li.nav-item > a span:hover, .navbar-nav > li.nav-item > a.active span, .mega-dropdown.open > .nav-link > span{
		/*border-bottom:4px solid #f0b92a;*/
		transition: none;
		-moz-transition: none;
		-webkit-transition: none;
	}
	
	.navbar-nav > li.nav-item  > a span{
		padding:15px 0;
	}
	
}

@media (max-width: 991px) {
	
	.header-top{
		padding: 25px 0 20px;
	}
	
	nav.navbar {
		padding: 0;
	}
	
	.logo {
		padding-top: 0;
	}
	
	.top-menu ul{
		display: block;
	}
	
	.top-menu ul li.nav-item{
		display: inline-block;
	}
	
	.navbar-toggler{
		outline:none !important;
		padding: 0 !important;
		margin-top: 0 !important;
		position: absolute;
		right: 15px;
		top: -45px;
		z-index: 1;
	}
	
	.navbar-nav > .nav-item > a{
		
	}
	
	.bar1, .bar2, .bar3 {
	  width: 35px;
	  height: 5px;
	  background-color: #333;
	  margin: 6px 0;
	  transition: 0.4s;
	}

	.bar1, .bar2, .bar3 {
	  width: 31px;
	height: 3px;
	background-color: #333;
	margin: 5px 0;
	transition: 0.4s
	}

	.change .bar1 {
	  -webkit-transform: rotate(-45deg) translate(-9px, 6px);
	  transform: rotate(-45deg) translate(-9px, 6px);
	}

	.change .bar2 {opacity: 0;}

	.change .bar3 {
	  -webkit-transform: rotate(45deg) translate(-5px, -3px);
	  transform: rotate(45deg) translate(-5px, -3px);
	}
	
	#navbarSupportedContent{
		position: absolute;
		left: 0;
		right: 0;
		background: #fff;
		padding: 10px;
		text-align: center;
		border-bottom: 2px solid #888;
		top: 5px;
		z-index: 11;
	}
	
	.navbar-custom{
		margin-right: 0;
	}
	
	nav .navbar-nav li{
		padding: 0;
		text-align: left;
	}
	
	.copyright{
		text-align: center;
	}
	
	.reg-trademark > div{
		text-align: center !important;
	}
	
	.top-menu{
		position: absolute;
		top: 10px;
		left: 0;
		right: 0;
		text-align: center;
	}
	
	.banner-home{
		padding: 20px 0 0
	}
	
	.banner-home h1{
		line-height: 3rem;
		font-size: 3rem;
	}
	
	.logo{
		display: block;
		margin: auto;
		padding:10px 0 0;
		text-align: center;
	}
	
	.logo img{
		margin-left: 0;
		width: 130px;
	}
	
	.logo::before{
		left: 0;
		width: 260px;
		height: 140px;
		right: 0;
		margin: auto;
	}
	
	header .social-icons{
		padding: 10px 20px;
	}
	
	header .social-icons > ul{
		text-align:left !important
	}
	
	.header-search{
		text-align:left !important;
		padding: 10px
	}
	
	nav .navbar-nav li{
		margin: 3px 0;
	}
	
}

@media (max-width: 767px) {
	
	.nav-item {
		padding: 0 3px;
	}
	
	.space-sm-220 {
		padding: 220px 0
	}
	.space-sm-190 {
		padding: 190px 0
	}
	.space-sm-180 {
		padding: 180px 0
	}
	.space-sm-170 {
		padding: 170px 0
	}
	.space-sm-160 {
		padding: 160px 0
	}
	.space-sm-150 {
		padding: 150px 0
	}
	.space-sm-140 {
		padding: 140px 0
	}
	.space-sm-130 {
		padding: 130px 0
	}
	.space-sm-120 {
		padding: 120px 0
	}
	.space-sm-110 {
		padding: 110px 0
	}
	.space-sm-100 {
		padding: 100px 0
	}
	.space-sm-90 {
		padding: 90px 0
	}
	.space-sm-80 {
		padding: 80px 0
	}
	.space-sm-70 {
		padding: 70px 0
	}
	.space-sm-60 {
		padding: 60px 0
	}
	.space-sm-50 {
		padding: 50px 0
	}
	.space-sm-40 {
		padding: 40px 0
	}
	.space-sm-30 {
		padding: 30px 0
	}
	.space-sm-20 {
		padding: 20px 0
	}
	.space-sm-10 {
		padding: 10px 0
	}
	.space-sm-0 {
		padding: 0
	}
	
	.container {
		padding: 0 20px;
	}
	
	.max-width-1240 {
		padding: 0 20px;
	}
	
	.max-width-900{
		padding: 0 20px;
	}
	
	.max-width-980{
		padding: 0 20px;
	}
	
	.navbar .container {
		padding: 0 20px;
	}
	
	.navbar-header{
		padding: 20px;
	}
	
	#mail-address{
		width:100%
	}

	.footer-bottom-menu{
		display:block;
		margin-top: 7px;
	}
	
	section.blog-section{
		padding-top:0
	}
	
	
	.copyright{
		text-align:center;
	}
	
	.social-icons ul{
		text-align: center !important;
		margin-top:15px;
	}
	
	.head-right{
		margin: 0 !important;
	}
	
	.banner-image{
		margin-top: 20px;
	}
	
	.choose-item{
		margin-bottom: 15px;
	}
	
	
}