@media (min-width: 320px) and (max-width: 991px) {
	.counter-box{
		display: block;
	}
	.hero-bg h1 {
	    width: 100%;
	    font-size: 28px;
	    line-height: 38px;
	}
	.hero-bg p {
    	width: 100%;
	    font-size: 16px;
	    line-height: 26px;
	}
	.navbar-show {
		position: absolute;
		z-index: 999;
		background: #fff;
		width: 100%;
		left: 0px;
		padding: 0px 17px;
		text-align: left;
		top: 67px;
		border-top: 2px solid #000;
	}
	.car-position img{
		width: 31%;
	}
	.car-position{
		top: auto;
    	bottom: 0px;
    	right: 0px;
	}
	.cart{
		display: none !important;
	}
}
@media (min-width: 768px) { 
	.dropdown:hover .dropdown-menu {
		display: block;
		margin-top: 0; 
	}
}
@media (max-width: 767px) { 
	.dropdown:hover .dropdown-menu{
		display: none;
		margin-top: auto; 
	}
	.form-design .form-equal{
		margin-bottom: 15px;
	}
	.form-design{
		display: block;
	}
	.mobile-margin{
		margin: 25px 0px;
	}
	.search-modal h2{
		font-size: 29px;
		line-height: 40px;
	}
	.ptb100 {
		padding: 30px 0px;
	}
	.counter h2 , .ranger-section h2 , .about-section h2 , .news-section h2 , .aboutpage-section h2 , .rempaing-option-section h2{
		font-size: 22px;
		line-height: 32px;
	}
	.count-up{
		margin: 0px 35px 15px 35px;
	}
	.counter{
		padding: 160px 0px 100px 0px;
	}
	.ranger-section img{
		position: inherit;
		width: 100%;
	}
	.ranger-section {
		padding: 40px 0px 0px 0px;
	}
	.order-box-3{
		order: 3;
	}
	.order-box-2{
		order: 2;
		margin-bottom: 10px;
	}
	.order-box-1{
		order: 1;
		margin-bottom: 30px;
	}
	.news-btn{
		padding: 5px 15px;
	}
	.footer-form .form-equal {
		width: 100%;
		margin-bottom: 15px;
	}
	.footer-form{
		display: block;
	}
	.mlr15{
		margin: 0px;
	}
	.footer-logo img{
		width: 50%;
		margin-bottom: 20px;
	}
	.page-breadcrumb h1{
		font-size: 38px;
		line-height: 30px;
	}
	.breadcrumb-list li{
		font-size: 14px;
	}
	.aboutpage-section p{
		font-size: 14px;
		line-height: 24px;
	}
	.aboutpage-section , .testimonial-section , .page-breadcrumb , .blog-section{
		padding: 40px 0px;
	}
	.footer{
		padding: 15px 0px 0px 0px;
	}
	.rempaing-option-section{
	    padding: 40px 0px 0px 0px;
	}

    .search-tabs {
        position: fixed !important;
    }
}
@media (max-width: 425px) {
	.hero-bg .form-bg{
		width: 296px;
	}
}
@media (min-width: 992px) {
	.navbar-nav{
		display: inline-block !important;
	}
	.navbar-show{
		display: inherit !important;
	}
}