/*Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1401px) and (max-width: 1600px){
.addcart .btn-primary-rgba span{
	display: none;
}	
}
/*Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) and (max-width: 1400px){
	/*.auth-box{
		height: 55vh;
	}*/
	#dashbaord .card .fas{
	font-size: 40px;
}
.breadcrumbbar .page-title {
    font-size: 28px;
    }
#dashbaord .card p {
	font-size: 16px;
	margin: 15px 0px 0px;
}
.addcart .btn-primary-rgba span{
	display: none;
}
}

/*Large devices (desktops, 992px and up)*/
@media (min-width: 992px) and (max-width: 1199px){
.auth-box{
	width:56vw;
	    padding: 40px;
}
.logosignin img {
    margin-bottom: 60px;
}
.form-control {
	height: 40px;
	font-size: 14px;
	line-height: 24px;
}
.login-box .form-group {
    margin-bottom: 20px;
} 
#dashbaord .card .fas{
	font-size: 40px;
}
.breadcrumbbar .page-title {
    font-size: 28px;
    }
#dashbaord .card p {
	font-size: 16px;
	margin: 15px 0px 0px;
}
.topbar .menubar-toggle{
	display: none;
}
}

/*Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) and (max-width: 991px){
.auth-box{
	width:56vw;
	    padding: 40px;
}
.logosignin img {
    margin-bottom: 60px;
}
.form-control {
	height: 40px;
	font-size: 14px;
	line-height: 24px;
}
.login-box .form-group {
    margin-bottom: 20px;
}
#dashbaord .card .fas{
	font-size: 40px;
}
.breadcrumbbar .page-title {
    font-size: 28px;
    }
#dashbaord .card p {
	font-size: 16px;
	margin: 15px 0px 0px;
}
.input-group-text{
	height: 40px;
}
.totalorders{
	margin-top: 30px;
}
.cart-footer .btn {
    margin-left: 9px;
    padding: 0px 11px;
    font-size: 14px;
}
.topbar .menubar-toggle{
	display: none;
}
.productlist .card-title{
	text-align: center;
}
}

/*Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) and (max-width: 767px){ 
#dashbaord .card{
	margin-bottom: 20px;
}
#dashbaord .card .fas {
    font-size: 40px;
}
.topbar {
    padding: 15px 10px;
}
#dashbaord{
	height: 100%;
	    padding: 210px 15px 60px;
}
.input-group label{
	width: 100%;
	display: block;
	margin-bottom: 0px;
}
.contentbar {
	    padding: 10px 0 30px;
}
.cart-container .cart-footer{
	flex-direction: column;
	margin-bottom: 0px;
}
.cart-footer .btn{
	margin-left: 0px;
	width: 100%;
    padding: 0px 10px;
}
.button-list .btn{
	padding: 0px 10px;
}
.auth-box{
	width:76vw;
	    padding: 30px 15px;
}
.logosignin img {
    margin-bottom: 40px;
}
.form-control {
	height: 40px;
	font-size: 14px;
	line-height: 24px;
}
.login-box .form-group {
    margin-bottom: 20px;
}
.product-head a img{
	width: 100%;
}
.input-group-text{
	height: 40px;
}
.totalorders{
	margin-top: 30px;
}
.topbar .infobar{
	float: inherit;
}
.topbar .togglebar{
	width: 100%;
	text-align: center;
}
.productlist{
	margin-top: 210px;
}
.breadcrumbbar-outer{
	padding: 10px;
	margin: 135px auto 0;
}
.productlist .card-title{
	text-align: center;
}
.top-tool ul li{
	display: block;
	text-align: left;
	margin: 0 0 10px 0;
}
}
/*Extra small devices (portrait phones, less than 576px)*/
/*No media query since this is the default in Bootstrap*/
@media (min-width: 0px) and (max-width: 575px){
#dashbaord .card{
	margin-bottom: 20px;
}	
#dashbaord .card .fas {
    font-size: 40px;
}
.topbar {
    padding: 15px 10px;
}
.profilebar img {
    width: 25px;
}
.logobar .logo img {
    margin-top: 0;
}
#dashbaord{
	height: 100%;
	    padding: 210px 15px 60px;
}
.profilename h5{
    margin-bottom: 5px;
    font-size: 13px;
    line-height: 30px;
    color: #ffffff;
    margin-right: 7px;
}
.contentbar {
	    padding: 10px 0 30px;
}
.input-group label{
	width: 100%;
	display: block;
	margin-bottom: 0px;
}
.cart-container .cart-footer{
	flex-direction: column;
		margin-bottom: 0px;
}
.cart-footer .btn{
	margin-left: 0px;
	width: 100%;
    padding: 0px 10px;
}
.footerbar p{
	font-size: 12px;
}
.button-list .btn{
	padding: 0px 10px;
}
.auth-box{
	width:96vw;
	    padding: 30px 15px;
}
.logosignin img {
    margin-bottom: 40px;
}
.form-control {
	height: 40px;
	font-size: 14px;
	line-height: 24px;
}
.login-box .form-group {
    margin-bottom: 20px;
}
.product-head a img{
	width: 100%;
}
.input-group-text{
	height: 40px;
}
.totalorders{
	margin-top: 30px;
}
.totalorders{
	flex-direction: column;
}
.topbar .infobar{
	float: inherit;
}
.topbar .togglebar{
	width: 100%;
	text-align: center;
}
.productlist{
	margin-top: 210px;
}
.breadcrumbbar-outer{
	padding: 10px;
	margin: 135px auto 0;
}
.productlist .card-title{
	text-align: center;
}
.top-tool ul li{
	display: block;
	text-align: left;
	margin: 0 0 10px 0;
}
}