@media screen and (max-width: 480px) {
	
/* Navigation & Header*/
.nav li{
display:block;} 

/* soldproducts dashboard */
.top100,.webshops,.topsold,.lesssold,.lessproducts,.comments{
	width:80%!important; 
	padding:0px 0px 0px 0px !important;
	margin: 10px 10% 10px 10%!important; 
}
.top100{
	margin-top:140px!important;
}

/* Register form */
.registerform{
	width:80%;
}
}
@media screen and (max-width: 390px) {
/* Navigation & Header*/	
.user{
	width:20%; 
	height:auto;
}
.logo{
	width:70%; 
	height:auto; 
}	
.webshops table, .webshops table td, .webshops .btn1, .webshops .select-style{width:100%!important; padding:0 !important;}
#example_filter.dataTables_filter,.dataTables_filter label{float:left!important; width:100%; text-align:left; padding:5px;}
#example_length.dataTables_length,.dataTables_length label{float:left!important; width:100%;text-align:left;padding:5px;}

}

@media screen and (max-width: 783px) {
	body{font-size:12px;}
	.webshops table, .webshops table td{width:100%; text-align:center; }
	.webshops .btn1, .webshops .select-style{width:60%;}
	
	.webshops table,.webshops form{width: 100%; height: 100%;}
	
	.top100,.webshops,.topsold,.lesssold,.lessproducts,.comments{
	width:80%!important; 
	padding:0px 0px 0px 0px;
	margin: 10px 10% 10px 10%;
	clear:both;
	}
}



@media screen and (max-width: 480px) {
/* Style The Dropdown Button */
.dropbtn {
	display:block!important;
    background-color: #204f9b;
    color: white;
    padding: 16px;
    font-size: 16px;
    border: none;
    cursor: pointer;
	width:100%
}
.dropbtn1 {
	display:block!important;
    background-color: #204f9b;
    color: white;
    padding: 16px;
    font-size: 16px;
    border: none;
    cursor: pointer;
	width:100%
}


.dropdown-content {
    display: none!important;


     
}
.dropdown-content li{display:inline;}


.nav:hover .dropdown-content {
    display:block!important;
	
	list-style: none;
	
}

.nav:hover .dropbtn {
    background-color: #1a417f!important;
}
.nav:hover .dropbtn1 {display:block!important;} 
.nav:hover .dropbtn {display:none!important;} 

.nav:hover .dropdown-content {
    display:block!important;
	
	list-style: none;
	
}


}

.dropbtn1{display:none!important; z-index:300;} 
.dropbtn{display:none;} 



@media (max-width: 991px) {
 body > .navbar-collapse > ul {overflow:auto!important;}
.collapse {
    display: block !important;

}
.navbar-nav > li p{color:rgb(255, 255, 255) !important;}
}