/*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 {
    width: 200px;
    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;
}
}

/*Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) and (max-width: 991px){
.auth-box{
	width:56vw;
	    padding: 40px;
}
.logosignin img {
    width: 200px;
    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;
}
.infobar .list-inline {
    padding-left: 0;
    margin-left: -5px;
    list-style: none;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

}

/*Small devices (landscape phones, 576px and up)*/
@media (min-width: 320px) and (max-width: 767px){ 
#dashbaord .card .fas {
    font-size: 40px !important;
}
.topbar {
    padding: 15px 10px;
}
#dashbaord{
	height: 130vh !important;
	padding: 210px 15px 0px;
}
.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 {
    width: 170px;
    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;
}
}

@media (min-width: 200px) and (max-width: 767px){ 
	.infobar .list-inline {
	    padding-left: 0;
	    margin-left: 0px;
	    list-style: none;
	    display: flex;
	    flex-direction: row;
	    justify-content: center;
	    align-items: center;
	}
	.profilename h5{
		font-size: 13px !important;
		line-height: 45px !important;
	}
	.topbar .infobar { display: inline-block !important; float: right; }
	.breadcrumbbar .page-title {
      margin:10px 0 20px 0 !important;
      font-size: 15px !important;
    }
    .container-fluid { padding: 0px !important; margin-right: auto; margin-left: auto; }
    .col-md-12 { padding-right:0px !important; padding-left:0px !important; }
    .h1, .h2, .h3, .h5, .h6, h1, h2, h3,h5, h6 { font-weight: 600 !important; margin-top:0px !important; font-size: 13px !important}
    .search-section { margin:20px 0 50px 0px !important; }
    .card-header { margin-top: 20px !important }
    
    .totalorders { margin-left:30% !important; width: 50% !important; }
    .totalitems p { font-size: 15px !important; }
    .totalitems span { font-size:13px !important; line-height:32px !important; }
    .cart-container .cart-footer { flex-direction: column !important; }
    .align-item-end { border-top: none !important; margin: 0px !important; }
    .cart-footer .btn { margin-left: 0px !important }
    .card-title { font-size: 15px !important }
    .amount-spent-select .form-control { font-size: 13px !important }
    .floating .btn-warning-rgba { max-width: 150px !important; float: left !important; margin-left: 15px !important; font-size: 13px !important }
    .floating .btn-success-rgba { max-width: 150px !important; float: right !important; margin-right: 15px !important; font-size: 13px !important }
    .breadcrumbbar-outer { padding: 30px 30px 0px 30px !important }
    .breadcrumb { margin-bottom: 5px !important }
    .productlist { margin-top: 125px !important  }
    .search-section span { margin-left: 0px !important }
    .card-header:first-child { padding: 0px 20px 15px 20px !important }
    #product-list th { font-size: 13px !important }
    #product-list td { font-size: 14px !important; vertical-align: middle; }
    #product-list td p { font-size: 13px !important }
    .qtybox input { font-size: 14px !important }
    #create_order .card-body { padding: 0 1.25rem 1.25rem 1.25rem !important }
    #create_order .input-group label,#create_order .form-group label,#create_order .form-group .form-control { font-size: 13px !important  }
    #create_order .input-group .form-control { font-size: 14px !important; }
    #create_order th { font-size: 13px !important }
    #create_order td { font-size: 14px !important; padding: 5px !important }
    #create_order .cart-footer a,#create_order .cart-footer button { font-size: 14px !important; }
    #dashbaord{ padding: 180px 15px 0px !important; height: 880px !important}
    #dashbaord .card p { font-size: 14px !important }
    #dashbaord .card .fas { font-size: 40px !important; }
    #dashbaord .justify-content-center .col-sm-12 { margin-bottom: 20px }
    .table tbody tr:nth-child(even) { border:none !important; }
    .cart-align { color: #a19e9e;margin-left: 5px !important; }
    .cart-align-mob { margin-left: 5px !important; }
    .detailshead p span { display: initial !important }

    .breadcrumbbar .confirm-order,.breadcrumbbar .order-history, .breadcrumbbar .order-detail,.breadcrumbbar .edit-order { margin:-10px 0 0px 0 !important; }    
    #content-history { margin:145px auto 30px !important; }
    div.dataTables_wrapper div.dataTables_filter label { font-size: 13px !important }
    #order-history tr th,#order-history tr td,#return-history tr th,#return-history tr td { font-size: 13px !important; white-space: nowrap;}
    #order-history tr,#return-history tr { height: 50px; }
    #order-history .button-list a > i,#return-history .button-list a > i { font-size: 18px !important }
    div.dataTables_wrapper { margin: 0 auto; }

    .orderdetails,.lists { margin:133px auto 30px !important;}

    .orderdetails .card-title,.lists .card-title { font-size: 14px !important }
    .orderdetails h6,.lists h6 { float:left; width: 50% }
    .orderdetails .order-primary-detail p,.lists .order-primary-detail p { float:left; width: 50% }
    .pdf-details p { width: 100% !important }
    
    #detail-view tr th,#detail-view tr td,#order-edit tr th,#order-edit tr td { font-size: 13px !important; white-space: nowrap;}
    #detail-view .floating { padding: 0px }
    .orderdetails button i { font-size: 13px }
    .lists .form-group label { font-size: 13px }
    .lists .d-flex { flex-direction: column !important }
    .lists .justify-content-center a { margin:0 auto !important; width: 250px !important }
    .lists .floating .btn { max-width: 250px !important; font-size: 13px  }
    table.dataTable>tbody>tr.child span.dtr-title { min-width:50% !important; }
    #order-history.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>td:first-child:before, #order-history.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>th:first-child:before { top:16px !important; line-height:15px !important;}
    #return-history.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>td:first-child:before, #return-history.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>th:first-child:before { top:16px !important; line-height:15px !important;}
    #confirm-order.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>td:first-child:before, #confirm-order.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>th:first-child:before { top:23px !important; line-height:15px !important;}
    #detail-view.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>td:first-child:before, #detail-view.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>th:first-child:before { top:26px !important; line-height:15px !important;}
    #order-edit.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>td:first-child:before, #order-edit.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>th:first-child:before { top:27px !important; line-height:15px !important;}
    table.dataTable.dtr-inline.collapsed>tbody>tr.parent>td:first-child:before, table.dataTable.dtr-inline.collapsed>tbody>tr.parent>th:first-child:before { background-color:#56764C !important; }
    table.dataTable>tbody>tr.child ul.dtr-details { width: 100% !important }
    div.dataTables_wrapper div.dataTables_filter input { width: 200px !important }
    #confirm-order tfoot { display: table-cell !important }
    table.dataTable>tbody>tr.child ul.dtr-details>li { border-bottom: none !important }
    .img-fluid { height: 55px !important }    
    #update_order .card-body { height: 650px !important  }
    #confirm-order #specialNotes { width:100% !important; }
    #confirm-content { margin:128px auto 30px !important; }
    #order-edit #specialNotes { width: 90% !important }
    #update_order .floating { position: relative !important }
}
.cart-align { color: #a19e9e;margin-left: 20px; }
.cart-align-mob { margin-left: 22px; }

div.dataTables_wrapper div.dataTables_filter input
{
    background-color: rgba(255,255,255,0.6);
    font-size: 16px;
    color: #000000;
    height: 45px;
    padding: 6px 15px;
    border: 1px solid #e0e0e0;
    width: auto;
}
table.dataTable thead .sorting:before, table.dataTable thead .sorting:after, table.dataTable thead .sorting_asc:before, table.dataTable thead .sorting_asc:after, table.dataTable thead .sorting_desc:before, table.dataTable thead .sorting_desc:after, table.dataTable thead .sorting_asc_disabled:before, table.dataTable thead .sorting_asc_disabled:after, table.dataTable thead .sorting_desc_disabled:before, table.dataTable thead .sorting_desc_disabled:after { bottom: 0.6em !important }

/*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: 200px){
#dashbaord .card .fas {
    font-size: 40px;
}
.topbar {
    padding: 15px 10px;
}
.profilebar img {
    width: 25px;
}
.logobar .logo img {
    width: 120px;
    margin-top: 0;
}
#dashbaord{
	height: 100%;
    padding: 210px 15px 0px;
}
.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 {
    width: 170px;
    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;
}
.infobar .list-inline {
    padding-left: 0;
    margin-left: -5px;
    list-style: none;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}
}

@media screen and (min-width: 320px) and (max-width: 767px) and (orientation: landscape) { 
  html { 
    transform: rotate(-90deg); 
    transform-origin: left top;
    width: 100vh; 
    overflow-x: hidden; 
    position: absolute; 
    top: 100%; 
    left: 0; 
  }
}