@media only screen and ( min-width:961px) and ( max-width:1200px ){

.dashboardbx{padding: 30px 10px;}

.dashboardbx img{width: 40px;}

.dashboardbx p{font-size: 17px;}

#menu ul li > a { font-size: 13px;  padding: 5px 24px;}

.addfrmlabel label, .addfrmlabel input, .addfrmlabel select, .addfrmlabel textarea{font-size: 13px}

.search-btn, .addclient-btn {  padding: 0px 8px;  font-size: 12px;}



}


@media only screen and ( min-width:768px) and ( max-width:960px ){

.dashboardbx{padding: 30px 20px;}

.dashboardbx img{width: 40px;}

#menu ul li > a {  font-size: 13px; padding: 5px 17px;}

#menu ul li a img{width: 30px;}

.serachingmain{margin: 5px 0px;}

.searchbtn{margin-top: 5px;}

.client-searching .col-md-3, .client-searching .col-md-6{padding: 0px 5px;}

}

@media only screen and ( min-width:600px) and ( max-width:767px ){

.dashboard{padding: 30px 0px;}	


.account-head { margin-bottom: 15px;}

.addfrmlabel label, .addfrmlabel input, .addfrmlabel select, .addfrmlabel textarea{font-size: 13px}

.client-listmain{overflow-x: scroll;}

.client-searching .col-sm-4{padding: 0px 5px;}

.serachingmain, .searchbtn{margin: 5px 0px;}

.search-btn, .addclient-btn { padding: 0px 12px; font-size: 12px;}

}

@media only screen and ( min-width:320px) and ( max-width:599px ){

.dashboard{padding: 30px 0px;}	


.account-head { margin-bottom: 15px;}

.addfrmlabel label{width: 100%;}

.addfrmlabel input, .addfrmlabel select, .addfrmlabel textarea{width: 100%;}

.serachingmain{margin:5px 0px;}

.searchbtn{margin-top: 10px;}

}