/************* css for make mobile view product navigation ****************/
.slicknav_menu {
	display:none;
}

@media screen and (max-width: 40em) {
	.js #nav {
		display:none;
		
	}
			
	.js .slicknav_menu {
		text-transform:uppercase;
		background: #bd3126;		
		text-align:left;
		/* font-size:40px; */
		display:block;						
	}
	
	ul.level0 li{
	padding:5px 0px !important;
	}
	.nav-container{
		margin-top:5px;
	}
}




/********************  navigation Style ***********************/

/* Button */
#demo2 .slicknav_btn {
	background: none;
}
/* Button Lines */
#nav-div .slicknav_menu .slicknav_icon-bar {
  background-color: lightgray;
}
#nav-div .slicknav_menu {	
	padding:0;
}
#nav-div .slicknav_nav ul, #nav-div .slicknav_nav li {
	border-top:2px solid #aaa;
	margin-top:0;
	margin-right:0;
	margin-bottom:0;
}

#nav-div .slicknav_nav .slicknav_item:hover {
	background:none;
	color:#81a9ff;
}
#nav-div .slicknav_nav a:hover{
	background:none;
	color:#81a9ff;
}
#nav-div .slicknav_nav .slicknav_txtnode {
    padding: 7px 15px;
	margin: 0;
}




/***************css for make mobile view product navigation**********/
body > div .slicknav_nav ul, body > div .slicknav_nav li {
	border-top:2px solid #a92121;
	margin-top:0;
	margin-right:0;
	margin-bottom:0;
	
}
@media screen and (max-width: 40em) {

.js #account_nav {
		display:none;
		
	}
	body > div .slicknav_nav > li:first-child  span{
		display:none;
	}
	.main-container  .main  .col-main{
		width:100%;
	}
	.main .sidebar{
		width:100%;
	}
}






/*************** css for all page make responsive ******************/
@media screen and (max-width: 40em) {
	.wrapper{
		min-width:100%;
	}
	.page{
		width:100%;
	}
	.qbanner{
		width:100% !important;
	}
	.footer{
		width:100%;
		padding: 11px 0px 13px;
	}
	p  ins,iframe{
		width:100% !important;
	}
	.featureclass{
		text-align: center !important;
	}
	.products-grid li.last{
		float:none;
	}
	.header .quick-access {
		width:100%;
		padding: 0px 11px 0px 0px;
	}
	.header .quick-access .switchers {    
		right: 207px;	
	}
	.qbanner{
		display:none;
	}
	
	.page-title>table > tbody > tr:first-child,div#otherdetail1 table tr,div#otherdetail2 table tr,div#otherdetail table tr{
		display:grid;
	}
	.page-title>table > tbody > tr:first-child td{
		margin:auto;
	}
	.footer-container  font img {
		width:15%;
		    margin-left: 81px;
	}
	.new-users ,.registered-users{
		width:100% !important;
		
	}
	.new-users  .buttons-set{
		margin-top:-302px;
	}
	.registered-users{
		margin-top:10px;
		margin-bottom: -10px;
	}
	.form-list li.wide .input-box ,.form-list .field,.form-list .input-box,.form-list input.input-text ,.form-list select,.form-list li.wide input.input-text,.form-list .name-middlename input.input-text,.form-list .customer-name-prefix-middlename .name-firstname,.form-list .customer-name-prefix-middlename .name-firstname input.input-text,.form-list li textarea{
		width: 100% !important;
	}
	.data-table thead th,.data-table td{ 
		padding: 0px;
	}
	.nobr {
    white-space: normal !important;
	}
	.strength, .camp, .trade{
		padding:5px !important;
	}
	#persummary #alltables table,.addfeecamp_div table,#cadetview table,.overflow_xtable,div#viewresult table {
		display: block;
		overflow-x: auto;
	 }
	.fieldset .filltertable select,table tr td select,#issuefromlist select#loanissutfrom,#issuetolist select#loanissutto{
		width:100% !important;
	}
	.fieldset .filltertable td,.addfeecamp_div table,.whitespace_table
	{
		white-space: nowrap;
	}
	.level_buttons  button{
		width: 60px !important;
	}
	.dis_grid
	{
		display:grid;
	}
	
	#setlocfeesofficer #locationcamp1,#setlocfeesofficer #Donation,#setttfees #locationcampad,#setttfees #campfeead,#setlocfeescadet #locationcamp,#setlocfeescadet  #campfee{
		width:100px;
	}
	.library_div{
		padding: 0px 0px 0px 8px !important;
	}
	.library_div #libraryitem  .h1heading{
		font-size:20px;
	}
	table.recordofservice_tb{
		font-size:6px;
	}
	.recordofservice_tb h1 {
    font-size: 15px !important;
	}
	#transferadult  table#Cadet_info{
		margin-left:5px !important;
		
	}
	form#transferadult input[type="submit"],form#transs input[type="submit"]{
		margin:0px 0px 10px 0px !important;
	}
	form#transs #divinfos #Cadet_info,#borrowedli table,#showdisp #dispform table{
		display:block;
		overflow-x:auto;
	}
	form#transa  input[type="submit"]{
		margin-left:0px !important;
	}
	.Signatureofcadet_div,.full_width,#transferadult textarea{
		width:100% !important;
	}
	.dis_inline{
		display:inline;
	}
	#inv_table_wrapper #otherfiled{
		margin-left:0px !important;
		font-size:10px;		
	}
	#isueporduct  table button,#approveporduct table button{
		width:50px !important;
	}
	div#borrowview table input[type="text"],#viewdiv form#Tlipdf  table input[type="text"]{
		width:20px;
	}
	.tliwidthclass{
		width: 93% !important;
	}
	.inspectionhistorical_buttons  .butonn{ 	
		margin: 0 auto !important;
		width:262px;
		font-size: 14px;
	}
	.inspectionhistorical_buttons
	{
		padding: 10px !important;
		text-align:center;
	
	}
	#HistoricalResults .year_block{
		height: 155px !important;
	}
	.insp_resultdiv,.resultalltable_grid  tr,.dis_tr_grid tr{
		display:grid;
	}
	.insp_resultdiv table{
		display:block;
		overflow-x:auto;
	}
	.inve_unitresult{
		height:auto !important;
	}
	.ins_repo{
		display: inline-table;
	}
	.ins_repo .ins_repofistch{
		margin-left:10px !important;
	}
	.auto_width,.thbuttonswidth button,.addatta_div{
		width:auto !important;
	}
	#charitydiv .charity{
		left:10% !important;
		right:10% !important;
	}
	.product-view .product-shop,.product-view .box-up-sell .products-grid,.product-view .box-tags .form-add input.input-text{
		width:auto !important;
	}
	.product-collateral .box-collateral .products-grid ul{
		display: grid;
	}
	.cart .cart-collaterals .col2-set .col-2,.cart .cart-collaterals .col2-set .col-1,.cart .cart-collaterals .col2-set{		
		width:auto !important;
	}
	.cart form fieldset ,.my-wishlist form fieldset{
		min-width:0;
		overflow-x:auto;
	}
	.account-create .fieldset .legend{
		margin:10px 0 5px 0;
	}
	.auto_marg{
		margin-right:auto !important;  
	}
	.err_oopp{ font-size:35px !important;}
	.err_msg{ font-size:20px !important;}
	.err_img{width:285px !important;}
}

@media screen and (max-width: 25em) {
    .header .quick-access .switchers{
		position: initial;
	}
	.header .quick-access .switchers {
		margin-left: 18px;
	}
	.header .links li {
		padding: 0 5px 0 2px;
	}
	.header .links a:link, .header .links a:visited {
		padding: 0px 11px 0px 0px;
	}
}