/*********************************************************
/* File Name        : droptech-responsive.css
// Craeted By       : Vishwajeet Mahadik
// Created Date     : 16-05-2022
// File Modified By : Vishwajeet Mahadik
// Modify  Date     : 16-05-2022
/* Description      : This is droptech build responsive main file
/**********************************************************/
@CHARSET "ISO-8859-1";
/* =============================================================================*/
 /* All type of mobile screen resolution common factor css
 /* =============================================================================*/
 @media (min-width: 320px) and (max-width: 	767px) {
	.mobileOnly {display: block;}
	.tableOnly{display: block;}
	.desktopOnly{display: none;}
.desktop-right-align {
	float: none;
}
}

/* =============================================================================*/
/* Part-I  Very small devices means Resolution renge (320-480)*/
/* =============================================================================*/
 @media (min-width: 320px) and (max-width: 480px) {
	.mobileOnly {display: block;}
	.tableOnly{display: none;}
	.desktopOnly{display: none;}	
}

/* =============================================================================*/
 /* Part-II  Medium devices means Resolution range (481-800)*/
 /* =============================================================================*/
 @media (min-width: 481px) and (max-width: 800px) {
.mobileOnly {display: block;}
	.tableOnly{display: none;}
	.desktopOnly{display: none;}
}

/* =============================================================================*/
 /* Part-III  Tablet devices means Resolution range (801-1020)*/
 /* =============================================================================*/
 @media (min-width: 320px) and (max-width: 990px) {
.mobileOnly {display: block;}
	.tableOnly{display: block;}
	.desktopOnly{display: none;}
}

 /* Extra media query created by vishwajeet for extra landscape tablet view */
 @media (min-width: 768px) and (max-width: 960px) {
.mobileOnly {display: none;}
	.tableOnly{display: block;}
	.desktopOnly{display: none;}
 }
@media (min-width: 320px) and (max-width: 768px) {
.nav-tabs .nav-item {
		width:100%;
		box-shadow: rgba(0, 0, 0, 0.16) 0px 10px 36px 0px, rgba(0, 0, 0, 0.06) 0px 0px 0px 1px;
	}
.nav-tabs .nav-item a.active{
		box-shadow: rgba(3, 102, 214, 0.3) 0px 0px 0px 3px;
		
	}
	.pos-section-class {
		max-width: 100%!important;
	}
	#categoryList .col-xs-4 {
		width: 30%;
	}
	#tableHeader .col-xs-2 {
		width: 30%; 
	}
	#tableHeader .col-xs-5 {
		width: 70%;
	}
	.dataTables_wrapper .header .btn.addNewItemButton {
		width: 100%;
	}
	#DataTables_Table_0_filter{
		width: 100%;
	}
	#panel-4-menu-manage .panel-content  , #loadMenuCardViewFinal{
		padding: 0px;
	}
 }
 @media(min-width: 767px){
 }
 @media (max-width:500px){

}
@media (max-width:1200px){

}
/* End file code */
