@charset "utf-8";
@media only screen and (min-width:240px) and (max-width:767px) {
   
  .navbar-toggle {
		display: block;
		background: #fff !important;
		border-radius: 5px;
		cursor: pointer;
		border: solid 1px #0da6ad;
		float: right;
		margin-top: 20px;
	}
	
	.navbar-toggle .icon-bar {
		display: block;
		width: 22px;
		height: 2px;
		border-radius: 1px;
		border: solid 1px #0da6ad;
	}


	h2 {
		font-size: 30px;
	}

	.logo {
		margin-bottom: 15px;
		float: left;
		width: auto;
	}

	.header-login a {
		padding: 10px 25px;
		margin-top: 15px;
	}
	
	.header-login a img {
		display: none;
	}

	.navbar-toggler {
	    display: block;
	    background: url(../images/nav.svg) #fff;
	    background-repeat: no-repeat;
	    background-position: center;
	    margin-right: 0;
	    margin-left: auto;
	    width: 50px;
	    height: 30px;
	    background-size: 30px auto;
	}

	.navbar-toggler:focus {
		outline: none;
	}

	.header-menu nav {
		text-align: center;
		padding-right: 15px;
	}
	
	.header-menu nav ul li {
		width: 100%;
	}

	.header-menu nav ul li a {
		padding: 10px 0;
		display: inline-block;
	}


	.banner {
		height: 400px;
		background-position-x: 0 !important;
	}

	.banner-content {
		top: 0;
		text-align: center;
	}

	.mini-heading {
		font-size: 18px;
		width: 100%;
		display: block;
	}

	.banner-content h1 {
		font-size: 22px;
		line-height: 30px;
		margin-top: 10px;
	}

	section {
		padding: 20px 15px !important;
		text-align: center;
	}

	.business-bg .business-box-bg {
		padding: 0;
		margin-bottom: 30px; 
	}

	.business-box {
		padding: 50px 10px 30px;
	}

	.brands_slider_container .owl-carousel.owl-drag .owl-item {
		margin-right: 0 !important;
	}

	.business-box-bg:after, .sell-right:after, .sell-box-bg:before, .by-br:before, .faq-main:before, .today-box-bg:after, 
	.main-footer:before {
		display: none;
	}

	.hot-business.slick-slider .slick-list {
		padding-bottom: 20px;
	}

	.hot-part {
		margin: 20px auto auto;
	}

	.hot-box {
	/*height: 320px;*/
	}

	.hot-pic {
		height: 200px;
	}

	.hote-content {
		padding-top: 50px;
	}

	.works-box:nth-child(2) {
		margin-top: 0;
	}

	.discover img {
		max-width: 100%;
	}

	.section-6 h3 {
		font-size: 20px;x
	}

	 .green-btn {
	 	margin-top: 10px;
	 }

	 .footer {
	 	text-align: center;
	 	padding-top: 50px;
	 }

	 .ft-1st {
	 	padding-right: 15px;
	 }

	 .footer-part {
	 	margin-bottom: 20px;
	 }

	 .footer-part:last-child {
	 	margin-bottom: 0;
	 }

	 .footer-part h4 {
	 	text-align: center;
	 }

	 .copyright {
	 	text-align: center;
	 	padding: 10px 0;
	 }


  
   
}

@media only screen and (min-width:768px) and (max-width:1023px) {

	.header-login {
		margin-top: 10px;
	}

	.header-menu nav ul li {
		padding: 0 15px;
	}

	.mini-heading:before {
		display: none;
	}

	.sell-business-bg {
		text-align: center;
		background-image: linear-gradient( to bottom, #012e35, #012e35 15%, #012e35 15%, #012e35 100%, #012e35 100% );
	}
	
	.sell-left {
	 	text-align: center;
	 	border:none;
	 }

	 .get_btn {
	 	padding: 0 15px;
	 	text-align: center;
	 	margin: 20px auto;
	 }

	 .get_btn a {
	 	 margin: 0 auto;
	 	 float: none;
	 	 display: inline-block;
	 }

	 .sell-box-content h3 {
	 	margin-top: 20px;
	 }

	 .step-text {
	 	text-align: left;
	 }

	 .sell-box-content ul li {
	 	padding-left: 30px;
	 }

	 .sell-box-bg {
	 	margin-top: 50px;
	 }

	 .sell-box {
	 	padding-top: 20px;
	 }

	 .buyers-box {
	 	text-align: center;
	 }

	 .buyers-images {
	 	 margin: 0 auto 20px;
	 	 float: none;
	 }

	 .buyers-content {
	 	text-align: center;
	 	padding-left: 15px;
	 	padding-right: 15px;
	 }

	 .buyers-content ul li {
	 	margin: auto !important;
	 	float: none;
	 }

	 .buyers-content ul li:last-child {
	 	padding-right: 15px;
	 }

	 .faq-main:before {
	 	right: 0;
	 }

	 .today-box-bg:before {
	 	top: 70px;
	 }

	 .footer {
	 	text-align: center;
	 	padding-top: 50px;
	 }

	 .footer-part h4 {
	 	text-align: center;
	 }
	
}

@media only screen and (min-width:1024px) and (max-width:1200px) { 
	
	.header-menu nav ul li {
		padding: 0 15px;
	}

	.banner-content {
		left: 10%;
	}

	.hot-deal-bg .business-box-bg:after {
		left: -60px;
	}

	.hot-deal-bg .business-box-bg {
		padding-bottom: 30px;
	}

	.sell-right:after {
		right: 0;
		top: 200px;
	}

	.by-br:before {
		width: 120px;
		height: 150px;
		left: -60px;
	}

	.sell-box-bg:before {
		height: 620px;
	}

	.main-footer:before {
		right: -30px;
	}
	
}

@media only screen and (min-width:1200px) { 
	
	.collapse:not(.show) { display: flex; }
	.navbar-toggler { display: none; }


}