* {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

.innerdiv
{
  margin-right: auto;
  margin-left: auto;
  min-width: auto;
}

.gutter-1 [class*="block-"] {
	padding-left: 2%;
	padding-right: 2%;
	position: relative;
}

.block-1 {
	width: 8.3333333333%;
	padding-left: ".5%";
	padding-right: ".5%"
}

.block-2 {
	width: 16.6666666667%;
	padding-left: ".5%";
	padding-right: ".5%"
}

.block-3 {
	width: 25%;
	padding-left: ".5%";
	padding-right: ".5%"
}

.block-4 {
	width: 33.3333333333%;
	padding-left: ".5%";
	padding-right: ".5%"
}

.block-5 {
	width: 41.6666666667%;
	padding-left: ".5%";
	padding-right: ".5%"
}

.block-6 {
	width: 50%;
	padding-left: ".5%";
	padding-right: ".5%"
}

.block-7 {
	width: 58.3333333333%;
	padding-left: ".5%";
	padding-right: ".5%"
}

.block-8 {
	width: 66.6666666667%;
	padding-left: ".5%";
	padding-right: ".5%"
}

.block-9 {
	width: 75%;
	padding-left: ".5%";
	padding-right: ".5%"
}

.block-10 {
	width: 83.3333333333%;
	padding-left: ".5%";
	padding-right: ".5%"
}

.block-11 {
	width: 91.6666666667%;
	padding-left: ".5%";
	padding-right: ".5%"
}

.block-12 {
	width: 100%;
	padding-left: ".5%";
	padding-right: ".5%"
}
.block-b {
    width: 41.6666666667%;
    padding-left: ".5%";
    padding-right: ".5%";
}
.block-c {
    width: 82.667%;
    padding-left: ".5%";
    padding-right: ".5%";
}
.fl {
    float: left
}

.fr {
    float: right
}

.fn {
    float: none
}

.clear {
    clear: both
}

@media screen and (max-width: 980px) {
	.desktop_only {
		display: none
	}
	.tablet_only {
		display: block
	}
	.tablet {
		display: block
	}
	.tab-1 {
		width: 8.3333333333%;
		padding-left: ".5%";
		padding-right: ".5%"
	}
	.tab-2 {
		width: 16.6666666667%;
		padding-left: ".5%";
		padding-right: ".5%"
	}
	.tab-3 {
		width: 25%;
		padding-left: ".5%";
		padding-right: ".5%"
	}
	.tab-4 {
		width: 33.3333333333%;
		padding-left: ".5%";
		padding-right: ".5%"
	}
	.tab-5 {
		width: 41.6666666667%;
		padding-left: ".5%";
		padding-right: ".5%"
	}
	.tab-6 {
		width: 50%;
		padding-left: ".5%";
		padding-right: ".5%"
	}
	.tab-7 {
		width: 58.3333333333%;
		padding-left: ".5%";
		padding-right: ".5%"
	}
	.tab-8 {
		width: 66.6666666667%;
		padding-left: ".5%";
		padding-right: ".5%"
	}
	.tab-9 {
		width: 75%;
		padding-left: ".5%";
		padding-right: ".5%"
	}
	.tab-10 {
		width: 83.3333333333%;
		padding-left: ".5%";
		padding-right: ".5%"
	}
	.tab-11 {
		width: 91.6666666667%;
		padding-left: ".5%";
		padding-right: ".5%"
	}
	.tab-12 {
		width: 100%;
		padding-left: ".5%";
		padding-right: ".5%"
	}
.innerloginbg{
	
	background-color:#CCC;
	background: linear-gradient(180deg,#e2e2e2,#FFF);
	font-family:Arial, Helvetica, sans-serif;
	color:#FFF;
	font-size:13px;
	font-weight:bold;
	/*box-shadow: 0px 0px 5px #ADADAD;
	-webkit-box-shadow: 0px 0px 5px #ADADAD;
	-moz-box-shadow: 0px 0px 5px #ADADAD;
	-o-box-shadow: 0px 0px 5px #ADADAD;*/

}
}

@media screen and (max-width: 720px) {
	.tablet_only {
		display: none
	}
	.phone {
		display: block
	}
	.phone_only {
		display: block
	}
	.phone-1 {
		width: 8.3333333333%;
		padding-left: ".5%";
		padding-right: ".5%"
	}
	.phone-2 {
		width: 16.6666666667%;
		padding-left: ".5%";
		padding-right: ".5%"
	}
	.phone-3 {
		width: 25%;
		padding-left: ".5%";
		padding-right: ".5%"
	}
	.phone-4 {
		width: 33.3333333333%;
		padding-left: ".5%";
		padding-right: ".5%"
	}
	.phone-5 {
		width: 41.6666666667%;
		padding-left: ".5%";
		padding-right: ".5%"
	}
	.phone-6 {
		width: 50%;
		padding-left: ".5%";
		padding-right: ".5%"
	}
	.phone-7 {
		width: 58.3333333333%;
		padding-left: ".5%";
		padding-right: ".5%"
	}
	.phone-8 {
		width: 66.6666666667%;
		padding-left: ".5%";
		padding-right: ".5%"
	}
	.phone-9 {
		width: 75%;
		padding-left: ".5%";
		padding-right: ".5%"
	}
	.phone-10 {
		width: 83.3333333333%;
		padding-left: ".5%";
		padding-right: ".5%"
	}
	.phone-11 {
		width: 91.6666666667%;
		padding-left: ".5%";
		padding-right: ".5%"
	}
	.phone-12 {
		width: 100%;
		padding-left: ".5%";
		padding-right: ".5%"
	}
}

/*grid end here*/


 /* Force table to not be like tables anymore */
	#no-more-tables1 table, 
	#no-more-tables1 thead, 
	#no-more-tables1 tbody, 
	#no-more-tables1 td, 
	#no-more-tables1 tr { 
		display: block; 
		float: left;
		width: 100%;
		background:none;
		height:auto;
	}
 
	/* Force table to not be like tables anymore */
 .rwd-table {
    overflow: hidden;
}
	

.rwd-table th {
  display: none;
}

.rwd-table td {
  display: block;
}

.rwd-table td:first-child {
  margin-top: .5em;
}

.rwd-table td:last-child {
  margin-bottom: .5em;
}


.rwd-table td:before {
  content: attr(data-th) "" !important;
  float:left;
  font-size: 12px;
  margin-bottom: 10px;
  position:relative !important;
  top:0 !important;
  left:0 !important;
  width: 130px !important;
  display: inline-block;
  color: #000;
  clear:both;
}

/*.rwd-table th,
.rwd-table td {
  text-align: left;
}*/

.rwd-table {
  /*! color: #333; */
  /*! overflow: hidden; */
}


.rwd-table th,
.rwd-table td {
	padding: 5px 7px !important;
	
}

@media screen and (max-width: 601px) {
  .rwd-table tr:nth-child(2) {
    border-top: none !important;
  }
  .rw-brd{border-bottom:1px solid #999;}
}
@media screen and (min-width: 768px) {
  .rwd-table td:before {
    display: none;
  }
  .rwd-table th,
  .rwd-table td {
    display: table-cell;
	background:#fff;
  }
  .rwd-table th:first-child,
  .rwd-table td:first-child {
    /*padding-left: 0;*/
  }
  .rwd-table th:last-child,
  .rwd-table td:last-child {
    padding-right: 0;
  }
}
/*rwd table css start here*/
	
	
.adminpaneltopsec{width:100%;}
.pageheading{width:100%;}
.footertextnew{text-align:right; margin-top:0; line-height:inherit; padding: 10px 0px;}
.footertext{margin-top:0; margin-left:0; line-height:inherit; padding: 10px 0px;}
#footer{height:auto; position:relative; padding:10px; float:left; width:100%; bottom:0;}

.vnd-siz {
	width:49%; border: solid 1px #999; float:left; margin:4px;
}
	
	
	.vnd-siz1{
	width:49%; border: solid 1px #999; margin:4px; float:right;
}

.vnd-hi8 {
height:600px; overflow:auto;scrollbar-arrow-color:#ffffff;scrollbar-base-color:#DFE8D4;
}


	
	
/*custom css start here*/
@media screen and (max-width: 768px) {

#no-more-tables1 table, 
	#no-more-tables1 thead, 
	#no-more-tables1 tbody, 
	#no-more-tables1 td, 
	#no-more-tables1 tr { 
		display: block; 
		float: left;
		width: 100%;
		background:none;
		height:auto;
	}
 
	/* Force table to not be like tables anymore */
	#no-more-tables table, 
	#no-more-tables thead, 
	#no-more-tables tbody, 
	#no-more-tables td, 
	#no-more-tables tr { 
		display: block; 
		float: left;
		width: 100%;
		background:none;
		height:auto;
	}
 
	/* Hide table headers (but not display: none;, for accessibility) */
	#no-more-tables thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
 

 
	#no-more-tables td { 
		/* Behave  like a "row" */
		border: none;
		border-bottom: none;
		white-space: normal;
		text-align:left;
		width:100%;
	}
 
	#no-more-tables td:before { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 6px;
		left: 6px;
		width: 45%; 
		padding-right: 10px; 
		white-space: nowrap;
		text-align:left;
		font-weight: bold;
	}
 
	/*
	Label the data
	*/
	#no-more-tables td:before { content: attr(data-title); }
/*rwd table css end here*/


.footertextnew{height:auto;}
.logoutcont {
    width: auto;
    height: auto;
    margin: 4px;
    float: right;
    text-align: right;
}

.topbodycont{padding-bottom:15px;}

.newheader img{display:none;}

.newheader {
	background: url(../images/newheader.jpg) no-repeat center;
	height: 70px;
	background-size: cover;
	background-position: 0px 0px;	
}

.vnd-siz{width:100%; float:left;}
.vnd-siz1{width:100%; float:left;}
.vnd-hi8{height:auto; overflow: auto; display: block;}

.hid-dc{display:none;}
.registbodycont{float:left; width:100%;}
#footer{height:auto !important; position:relative; padding:10px; float:left; width:100%; bottom:0;}
.topprofilesec table{width:100%; display:block; overflow:auto;}
.lots-tbl{width: 100%;overflow: auto;display: block;}
.innerbodycont iframe{width:100%;}
.newproductsec table{width:100%;}
.addpanel{width:100%;}
.newproductsec{width:100%;}
.tabpanelleftsec{width:100%;}
.loginsmltxtbox{width:100%; height:30px;}
.two-sidescroll{height:auto;}
.two-side{width:100%; padding: 10px;
margin: 0;}
.two-side1{width:100%; padding: 10px;
margin: 0;}

.optionlogintxt{width:100%;}
.logintxtbox {
	height: 30px;
	width: 100%;
	margin:5px auto;
}
.userlogin{margin:0px;}

.toplogincont{height:auto;}
.tabpanelsec{width:100%; float:left;}
.logintxt{width:31%;}
.admininnercon table{width:100%;}
.footertextnew{text-align:center;}
.footertext{text-align:center; margin-bottom:5px; padding:0;}
.adminpaneltopsec{width:100%;}
.innercontainer{width:100%;}
.newusercont{width:100%;}

.admininnercon{width:100%;}
.adminpanel{width:100%;}
.innerbodycont{width:100%;}
.innernewcont{width:100%;}
.menucont{width:100%;}
.menuinnercont{width:100%;}
.menubackground{width:100%;}
.menutopbg{background-repeat:no-repeat; width:100%;}
.demo-container{width:100%;}

}

/*custom css end here*/