@media only screen and (min-width : 320px) and (max-width : 480px) {	
	.main-header .dropdown-toggle::after {
		content: '\f105';
	}
	.main-header .navbar-nav li.show .dropdown-toggle::after{ 
		content: "\f107";
	}
	.main-header .navbar-nav li.nav-item .dropdown-menu{
		display: none;
	} 
    .main-header .navbar-nav li.show{
    	width: 100%;
    	display: block;
    }
    .main-header .navbar-nav li.show .show{
    	display: block;
		width: 100%;
		top: 0;
	    max-height: 250px;
	    overflow: hidden; overflow-y: scroll;
	}
	.main-header .navbar-nav li .dropdown-menu li{
		width: 100%;
	}
	.main-header .navbar-nav li .dropdown-menu li:after{
		display: none;
	}
	.navbar-collapse form{
		margin-top: 10px;
	}
	.main-header .navbar-nav li{
		border-bottom: 1px solid #a00400;
		padding: 0px;
	}
	.main-header .navbar-nav li a:before{
		display: none;
	}
	.hs{
		padding-left: 10px;
	}
	.top-bar ul li a {
    	font-size: 13px;
    }
    .navbar form .bmd-form-group {
	    display: flex;
	}
	.title h1 {
    	font-size: 30px;
    }
    .counter .column .inner{
    	margin-bottom: 10px;
    }
    .para1 p{
    	width: 100%;
   		text-align: justify;
    }
    .main-header .navbar-nav li .dropdown-menu li a {
	    white-space: normal;
	}
    .f-title {
	    margin-top: 25px;
	}
	#a-img{
		float: none;
		margin-bottom: 15px;	
		margin-left: 0px;
		width: 100%;
	}
	.ma-list ul li{
	    width: 100%;
	}
	#inner-banner{
		padding: 30px 0px;
	}
	.button_d{
		float: right;
		width: 40px;
		height: 40px;
		position: absolute!important;
		top: 0;
		right: 0;
	}
	.modal-title {
	    font-size: 15px;
	}
	#m-img .a-img {
	    height: 200px;
	}
	.button_d {
	    display: block;
	}
	.navbar-toggler{
		float: right;
	    position: relative;
	    top: 20px;
	}
	.navbar-nav, .navbar form{
	    margin-top: 10px;
	}
	#c-list ul li{
		width: 100%;
	}
	#categoryResult{
		width: 100%;
		max-height:250px;
	}
}