@media (max-width: 1024px){

}
@media (max-width: 992px){
	
	.top [class^="col-sm-2"]{
		display: flex;
		max-width: 25%;
	}
	label{
		margin-right: 5px;
	}
	.search label{
		margin-left: 15px;
	}
	.top-buttns {
	    /*text-align: left !important;
	    max-width: 100% !important;
	    max-width: 650px;
	    flex: auto;
	    margin-top: 20px;*/
	    
	    max-width: 100% !important;
		flex: auto;
		margin-top: 10px;
		margin-bottom: 10px;
	}
	.top .search{
		max-width: 15%;
	}
	.top [class^="col-sm-2"]{
		flex: auto;
	}
}
@media (max-width: 768px){
	.top .search{
		max-width: 20% !important;
	}
}
@media (max-width: 650px){
	.top [class^="col-"] {
    	padding: 0px 15px;
    }
    .top [class^="col-sm-2"]{
    	max-width: 25%;
    }
    .top [class^="col-sm-2"] {
    	display: block;
	}
	.top input{
		width: 100% !important;
		
		margin-bottom: 10px;
	}

    .compdropdown{
		display: block;
	}
	.compdropdown label{
		margin-bottom: 10px !important;
	}

}
@media (max-width: 575px){
	.logo{
		text-align: center;
	}
	.searchform{
		padding: 10px;
	}
}
@media (max-width: 480px){
	.bottom-table .btn-primary{
		height: auto;
		margin-top: 5px;
	}
	.top [class^="col-sm-2"]{
		max-width: 100%;
	}
	.top input{
		max-width: 100%;
	}
	.top .search{
		max-width: 50% !important;
		text-align: left;
	}
	.search label{
		margin-left: 0px;

	}
	.top [class^="col-sm-2"] {

    	max-width: 100%;
    	text-align: left;
    	margin-bottom: 7px;
	}
	.top label{
		margin-bottom: 0px;
		float: left;
	}
	.bttn{
		margin: 0px;
	}
	label{
		
	}
}	
@media (max-width: 320px){

}