@media (min-width: 992px) and (max-width: 1199px) {
	.navigation li a{
		padding: 10px 0px;
		font-size: 12px;
	}
	.nbs-flexisel-inner {
		width:95%;
		margin: auto;
	}
	.nbs-flexisel-nav-left {
	    left: -5px;
	}
	.nbs-flexisel-nav-right {
	    right: -5px;    
	}
}
@media(min-width: 501px) and (max-width: 767px){
	.catg_cont h6{
		font-size: 12px;
	}
	.catg_cont p{
		font-size: 11px;
	}
	.top_btn .visible-lg-inline-block, .top_btn .visible-md-inline-block{
		display: inline-block !important;
	}
	.top_btn a, .top_btn span a{
		font-size: 11px;
	}
	.col_title{
		font-size: 12px;
		padding: 5px 10px;
		line-height: 17px;
	}
	.col_title span{
		display: none;
	}
	.hacc_body{
		text-align: justify;
		font-size: 11px;
		line-height:17px;
		padding: 5px;
	}
	.col_title i{
		float: none;
	}
}
@media(min-width: 300px) and (max-width: 500px){
	.main_content{
		padding: 15px 0;
	}
	.top_btn a, .top_btn span a{
		font-size: 13px;
	}	
	.top_btn a{
		margin-left: 5px;
	}	
	.catg_box{
		width: 100%;
	}
	.social_media ul{
		position: relative;
		right: auto;
		margin-top: 4px;
	}
	.social_media ul li{
		float: left;
	}
	.special{
		padding: 10px 0;
		text-align: center;
	}
	.apj_img{
		float: none;
		margin: 0px;
	}
	.special h1{
		margin: 15px 0;
		font-size: 20px;
	}
	.special h4{
		margin: 10px 0;
		font-size: 11px;
		line-height: 22px;
		text-align: left;
	}
	.special p{
		font-size: 14px;
	}
	.copyright{
		padding: 10px 0;
		font-size: 12px;
	}
	.col_title{
		font-size: 10px;
		padding: 5px 10px;
		line-height: 17px;
	}
	.col_title span{
		display: none;
	}
	.hacc_body{
		text-align: justify;
		font-size: 10px;
		line-height:16px;
		padding: 5px;
	}
	.col_title i{
		float: right;
		font-size: 11px;
	}
	ul.exclusive-list li{
		width: 50%!important;
		margin-bottom: 10px;
	}
}
@media(min-width: 300px) and (max-width: 340px){
	.top_btn span a{
		font-size: 10px;
		padding: 3px 5px;
	}
	.copyright{
		font-size: 11px;
	}
}
@media (max-width: 767px) {
	ul.exclusive-list li{
		width: 33.3333%;
		margin-bottom: 10px;
	}
}
@media(min-width: 300px) and (max-width: 767px){	
	.grey_bg h6{
		font-size: 14px;
	}
	.captcha{
		margin-bottom: 10px;
	}
	.reload{
		margin-bottom: 10px;
		text-align: center;
	}
	.lang h6{
		margin-bottom: 20px;
		font-size: 14px;
		line-height: 22px;
	}
	.top_btn .btn_green, .top_btn .btn_orange, .top_btn .btn_white{
		padding: 1px 5px;
	}
	.top_btn{
		margin: 20px 0;
		text-align: center;
	}
	nav::before{
		content: "";
	}
	.navigation.collapse{
		display: none;
	}
	.navigation.collapse.in{
		display: block;
	}
	.mob_nav {
	    background: #a1873a;
	    color: #fff;
	    margin: 0;
	    padding: 10px 20px;
	    display: block;
	}
	.mob_nav span {
	    display: inline-block;
	    padding-top: 7px;
	}
	.mob_nav i {
	    background: #202020;
	    border-radius: 4px;
	    color: #fff;
	    cursor: pointer;
	    float: right;
	    padding: 10px;
	    position: relative;
	    text-align: center;
	}
	.navigation{
		border-radius: 0px;
		display: block;
	}
	header{
		padding-bottom: 20px;
	}
	.navigation li{
		display: block;
		width: 100%;
	}
	.flash_news{
		padding: 10px;
	}
	.flash_news li a{
		font-size: 12px;
	}
	.modal-dialog{
		top: 18%;
		width: 90%;
	}
	.special{
		padding: 10px 0;
		text-align: center;
	}
	.apj_img{
		float: none;
		margin: 0px;
		display: inline-block;	
	}
	.btn_big{
		min-width: 90px;
		min-height: 25px;
	}
	.form-group{
		margin-bottom: 0px;
	}
	.form-control{
		margin-bottom: 10px;
	}
	.col-xs-2, .col-xs-4{
		width: 100%;
	}
	#box10 .col-xs-4{
		width: 80%
	}
	#box10 .col-xs-1{
		width: 20%
	}
	.checkbox label, .radio label{
		padding-left: 0px;
	}
	.form-horizontal .checkbox, .form-horizontal .checkbox-inline, .form-horizontal .radio, .form-horizontal .radio-inline{
		margin-bottom: 10px;
	}
	.mission ul{
		padding-left: 10px;
	}
	.mission p{
		text-align: justify;
	}
	.donate img{
		margin-bottom: 0px;
	}
	.hacc_body{
		text-align: justify;
	}
	.copyright{
		font-size: 12px;
	}
	.spl_quoute{
		font-size: 12px;
		line-height: 23px;
	}	
	.mission{
		font-size: 12px;
		line-height: 24px;
	}
	.mart-xs-90{
		margin-top: 90px;
	}
	.mart-xs-30{
		margin-top: 30px;
	}
}
@media(min-width: 300px) and (max-width: 768px) and (orientation: landscape){
	.modal-dialog{
		top: 2%;
		width: 90%;
	}
	.modal-body iframe{
		height: 250px
	}
}
@media(min-width: 992px) and (max-width: 1100px){
	.catg_cont h6{
		font-size: 13px;
	}
	.flash_news li a{
		font-size: 14px;
	}
	.top_btn a{
		font-size: 13px;
	}
	.navigation li a{
		padding: 11px 0px 6px;
		font-size: 12.5px;
	}
	.special h1 span{
		font-size: 25px;
	}
	.special h4{
		font-size: 14px;
	}
	.special p{
		font-size: 16px;
	}
	.copyright{
		font-size: 13px;
	}
	.spl_quoute{
		font-size: 13px;
		line-height: 23px;
	}	
	.mission{
		font-size: 12px;
		line-height: 24px;
	}
	.col_title{
		font-size: 12px;
	}
	.hacc_body{
		font-size: 11px;
	}
}
@media(min-width: 768px) and (max-width: 991px){
	.top_btn{
		text-align: center;
	}
	nav::before{
		content: "";
	}
	.navigation{
		border-top-left-radius: 5px;
	}
	.navigation li a{
		font-size: 13px;
		padding: 10px 7px;
	}
	.main_content{
		padding: 20px 0;
	}
	.catg_cont{
		height: 225px;
		padding: 10px;
	}
	.catg_cont h6{
		font-size: 11px;
		line-height: 19px;
		margin-bottom: 10px;
	}
	.catg_cont p{
		font-size: 9px;
	}
	.flash_news li a{
		font-size: 14px;
	}
	.social_media ul{
		position: relative;
		right: auto;
		margin-top: 4px;
	}
	.social_media ul li{
		float: left;
	}
	.social_media .tab-content .tab-pane{
		height: 422px;
	}
	.special h1{
		font-size: 20px;
		margin-top: 20px;
	}
	.special h4{
		font-size: 13px;
	}
	.apj_img{
		width: 292px;
	}
	.checkbox label, .radio label{
		padding-left: 0px;
	}
	.form-horizontal .checkbox, .form-horizontal .radio, .checkbox, .radio{
		margin-right: 0px;
	}
	.copyright{
		font-size: 13px;
	}
	.spl_quoute{
		font-size: 12px;
		line-height: 23px;
	}	
	.mission{
		font-size: 12px;
		line-height: 24px;
	}
	.col_title{
		font-size: 12px;
	}
	.hacc_body{
		font-size: 11px;
	}
	ul.exclusive-list li{
		width: 33.3333%;
		margin-bottom: 10px;
	}
	.mart-sm-30{
		margin-top: 30px;
	}
	.nbs-flexisel-inner {
		width:94%;
		margin: auto;
	}
	.nbs-flexisel-nav-left {
	    left: -5px;
	}
	.nbs-flexisel-nav-right {
	    right: -5px;    
	}
}
@media (max-width: 480px) {
	.nbs-flexisel-inner {
		width:90%;
		margin: auto;
	}
	.nbs-flexisel-nav-left {
	    left: -5px;
	}
	.nbs-flexisel-nav-right {
	    right: -5px;    
	}
}