@charset "utf-8";
/* CSS Document */
*{margin:auto; padding:auto;}

body{
		background-color:#EEEFF4;
		background-repeat:no-repeat;
		background-position:top;
		-webkit-background-size: cover;
		background-size: cover;
		-ms-background-size: cover;
		font-family:Arial, Helvetica, sans-serif;
}

.dt-row .row div{
  flex: 0 0 auto;
  width: 33.333333%;
  text-align:right;
}

/* Solid border */
hr.solid {
  border-top: 3px solid #bbb;
}

hr.new1 {
  border-top: 2px solid #ffffff;
}

#divresendcode {
    text-decoration: underline blue 2px;
    color: blue;
    cursor: pointer;
}

#txtimg{
    box-shadow: 3px 3px 3px 3px gray;
    width: 140px;;
    padding: 2px;
    font-weight: 400;
    padding-bottom: 0px;
    height: 40px;
    user-select: none;
    text-decoration:line-through;
    text-align: center;
    font-style: italic;
    font-size: x-large;
    border: red 2px solid;
    margin-left:18px;
    
}
#user-input{
    box-shadow: 5px 5px 5px 5px gray;
    width:auto;
    margin-right: 10px;
    padding: 10px;
    padding-bottom: 0px;
    height: 40px;
    border: red 0px solid;
}
input{
    border:1px black solid;
}
.inline{
    display:inline-block;
}
#btn{
    box-shadow: 5px 5px 5px grey;
    color: aqua;
    margin: 10px;
    background-color: brown;
}

#theme {
	background-color:#A7D4FE;
}

#themepink {
	background-color:#F4BFC4;
}

#themegrey {
	background-color: #D3D3D3;
}

#themeyellow {
	background-color:#F5F591;
}

#themegreen {
	background-color:#CAF7B7;
	/*border: 3px solid #F4BFC4;*/
}
	
.divyscroll {
  	background-color: #D3D3D3;
 	height: 150px;
  	overflow: auto;
    font-size: 14px;
}

#fntmenu {
	font-variant:small-caps;
}

td{
	font-family:"Lucida Grande", Tahoma, Arial, sans-serif;
	font-size:12px;
	font-style:normal;
	vertical-align:middle;
	color:#333333;
}
td input {
	font-family:"Lucida Grande", Tahoma, Arial, sans-serif;
	font-size:14px;
	font-weight:400; 
	vertical-align:middle;
}

/* bro - praynow */
.multiselect31 {
  width: auto;
}

.selectBox31 {
  position: relative;
	
}

.selectBox31 select {
  width: 100%;
}

.overSelect31 {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}

.checkboxes31 {
    display: none;
	position: absolute;
    border: 1px #dadada solid;
	background-color: #ffffff;
	height: 300px;
	overflow-y: scroll;
	z-index: 1;
}

.checkboxes31 label {
    display: block;	
}

.checkboxes31 label:hover {
    background-color: #D3D3D3;
}

/* bro - education */
.multiselect41 {
  width: auto;
}

.selectBox41 {
  position: relative;
	
}

.selectBox41 select {
  width: 100%;
}

.overSelect41 {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}

.checkboxes41 {
    display: none;
	position: absolute;
    border: 1px #dadada solid;
	background-color: #ffffff;
	height: 300px;
	overflow-y: scroll;
	z-index: 1;
}

.checkboxes41 label {
    display: block;	
}

.checkboxes41 label:hover {
    background-color: #D3D3D3;
}

/* bro - job */
.multiselect51 {
  width: auto;
}

.selectBox51 {
  position: relative;
}

.selectBox51 select {
  width: 100%;
}

.overSelect51 {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}

.checkboxes51 {
    display: none;
	position: absolute;
    border: 1px #dadada solid;
	background-color: #ffffff;
	height: 350px;
	overflow-y: scroll;
	z-index: 2;
}

.checkboxes51 label {
    display: block;	
}

.checkboxes51 label:hover {
    background-color: #D3D3D3;
}

/* bro - holy work */
.multiselect61 {
  width: auto;
}

.selectBox61 {
  position: relative;
}

.selectBox61 select {
  width: 100%;
}

.overSelect61 {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}

.checkboxes61 {
    display: none;
	position: absolute;
    border: 1px #dadada solid;
	background-color: #ffffff;
	height: 350px;
	overflow-y: scroll;
	z-index: 3;
}

.checkboxes61 label {
    display: block;	
}

.checkboxes61 label:hover {
    background-color: #D3D3D3;
}

/* bro - hobby */
.multiselect71 {
  width: auto;
}

.selectBox71 {
  position: relative;
}

.selectBox71 select {
  width: 100%;
}

.overSelect71 {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}

.checkboxes71 {
    display: none;
	position: absolute;
    border: 1px #dadada solid;
	background-color: #ffffff;
	height: 350px;
	overflow-y: scroll;
	z-index: 4;
}

.checkboxes71 label {
    display: block;	
}

.checkboxes71 label:hover {
    background-color: #D3D3D3;
}

/* bro - other praynow */
.multiselect81 {
  width: auto;
}

.selectBox81 {
  position: relative;
	
}

.selectBox81 select {
  width: 100%;
}

.overSelect81 {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}

.checkboxes81 {
    display: none;
	position: absolute;
    border: 1px #dadada solid;
	background-color: #ffffff;
	height: 300px;
	overflow-y: scroll;
	z-index: 1;
}

.checkboxes81 label {
    display: block;	
}

.checkboxes81 label:hover {
    background-color: #D3D3D3;
}

/* bro - other move */
.multiselect91 {
  width: auto;
}

.selectBox91 {
  position: relative;
	
}

.selectBox91 select {
  width: 100%;
}

.overSelect91 {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}

.checkboxes91 {
    display: none;
	position: absolute;
    border: 1px #dadada solid;
	background-color: #ffffff;
	height: 300px;
	overflow-y: scroll;
	z-index: 1;
}

.checkboxes91 label {
    display: block;	
}

.checkboxes91 label:hover {
    background-color: #D3D3D3;
}

/* sis - praynow */
.multiselect32 {
  width: auto;
}

.selectBox32 {
  position: relative;
	
}

.selectBox32 select {
  width: 100%;
}

.overSelect32 {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}

.checkboxes32 {
    display: none;
	position: absolute;
    border: 1px #dadada solid;
	background-color: #ffffff;
	height: 300px;
	overflow-y: scroll;
	z-index: 1;
}

.checkboxes32 label {
    display: block;	
}

.checkboxes32 label:hover {
    background-color: #D3D3D3;
}

/* sis - education */
.multiselect42 {
  width: auto;
}

.selectBox42 {
  position: relative;
	
}

.selectBox42 select {
  width: 100%;
}

.overSelect42 {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}

.checkboxes42 {
    display: none;
	position: absolute;
    border: 1px #dadada solid;
	background-color: #ffffff;
	height: 300px;
	overflow-y: scroll;
	z-index: 1;
}

.checkboxes42 label {
    display: block;	
}

.checkboxes42 label:hover {
    background-color: #D3D3D3;
}

/* sis - job */
.multiselect52 {
  width: auto;
}

.selectBox52 {
  position: relative;
}

.selectBox52 select {
  width: 100%;
}

.overSelect52 {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}

.checkboxes52 {
    display: none;
	position: absolute;
    border: 1px #dadada solid;
	background-color: #ffffff;
	height: 350px;
	overflow-y: scroll;
	z-index: 2;
}

.checkboxes52 label {
    display: block;	
}

.checkboxes52 label:hover {
    background-color: #D3D3D3;
}

/* sis - holy work */
.multiselect62 {
  width: auto;
}

.selectBox62 {
  position: relative;
}

.selectBox62 select {
  width: 100%;
}

.overSelect62 {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}

.checkboxes62 {
    display: none;
	position: absolute;
    border: 1px #dadada solid;
	background-color: #ffffff;
	height: 350px;
	overflow-y: scroll;
	z-index: 3;
}

.checkboxes62 label {
    display: block;	
}

.checkboxes62 label:hover {
    background-color: #D3D3D3;
}

/* sis - hobby */
.multiselect72 {
  width: auto;
}

.selectBox72 {
  position: relative;
}

.selectBox72 select {
  width: 100%;
}

.overSelect72 {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}

.checkboxes72 {
    display: none;
	position: absolute;
    border: 1px #dadada solid;
	background-color: #ffffff;
	height: 350px;
	overflow-y: scroll;
	z-index: 4;
}

.checkboxes72 label {
    display: block;	
}

.checkboxes72 label:hover {
    background-color: #D3D3D3;
}

/* sis - other praynow */
.multiselect82 {
  width: auto;
}

.selectBox82 {
  position: relative;
	
}

.selectBox82 select {
  width: 100%;
}

.overSelect82 {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}

.checkboxes82 {
    display: none;
	position: absolute;
    border: 1px #dadada solid;
	background-color: #ffffff;
	height: 300px;
	overflow-y: scroll;
	z-index: 1;
}

.checkboxes82 label {
    display: block;	
}

.checkboxes82 label:hover {
    background-color: #D3D3D3;
}

/* sis - other move */
.multiselect92 {
  width: auto;
}

.selectBox92 {
  position: relative;
	
}

.selectBox92 select {
  width: 100%;
}

.overSelect92 {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}

.checkboxes92 {
    display: none;
	position: absolute;
    border: 1px #dadada solid;
	background-color: #ffffff;
	height: 300px;
	overflow-y: scroll;
	z-index: 1;
}

.checkboxes92 label {
    display: block;	
}

.checkboxes92 label:hover {
    background-color: #D3D3D3;
}

.slidecontainer {
  width: 100%; /* Width of the outside container */
}

/* The slider itself */
.slider {
  -webkit-appearance: none;  /* Override default CSS styles */
  appearance: none;
  width: 100%; /* Full-width */
  height: 5px;
  border-radius: 5px; 
  background: #666666; /* Grey background */
  outline: none; /* Remove outline */
  opacity: 0.7; /* Set transparency (for mouse-over effects on hover) */
  -webkit-transition: .2s; /* 0.2 seconds transition on hover */
  transition: opacity .2s;
}

/* Mouse-over effects */
.slider:hover {
  opacity: 1; /* Fully shown on mouse-over */
}

/* The slider handle (use -webkit- (Chrome, Opera, Safari, Edge) and -moz- (Firefox) to override default look) */
.slider::-webkit-slider-thumb {
  -webkit-appearance: none; /* Override default look */
  appearance: none;
  width: 15px; /* Set a specific slider handle width */
  height: 15px; /* Slider handle height */
  border-radius: 50%; 
  background: #F8070B; /* Green background */
  cursor: pointer; /* Cursor on hover */
}

.slider::-moz-range-thumb {
  width: 15px; /* Set a specific slider handle width */
  height: 15px; /* Slider handle height */
  border-radius: 50%; 
  background: #F8070B; /* Green background */
  cursor: pointer; /* Cursor on hover */
}

.range-input {
    position: relative;
}

.range-input input {
    position: absolute;
    width: 100%;
    height: 5px;
    background: none;
    top: -5px;
    pointer-events: none;
    cursor: pointer;
    -webkit-appearance: none;
}


/*************** id/ class ***************/
#header{
    opacity: 1.0;
    filter: alpha(opacity=80); /* For IE8 and earlier */
	margin-bottom: 15px;
}

#wrapper{  
	text-align:left;
}
	
#content{
	min-height:auto; 
	height:auto; 
	width:auto;
	background-color:#EEEEF7;
    color:#000000; 
	position:relative;
}

#footer {
	line-height:50px;
}

#chtitle {
	font-family:KaiTi;
	font-weight: bold;
	font-size: 16px;
}

#entitle {
	font-family:"Monotype Corsiva";
	font-weight:500;
	font-size: 20px;
}

#title { 
	font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
	font-size:40px; 
	font-weight:bold;
	color:#0B5ED7;
}

#icon_check { 
	font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
	font-size:60px; 
	font-weight:bold;
	color:#0E8724;
}

#icon_login { 
	font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
	font-size:100px; 
	font-weight:bold;
	color:#0B5ED7;
}

#icon_forget { 
	font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
	font-size:100px; 
	font-weight:bold;
	color:#0B5ED7;
}

#allshadow {
	width: 90%;
	min-height:300px;
	border:2px solid #f2f2f2;
	border-radius: 5px;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19) !important;
}

#allshadow2 {
	width: 90%;
	min-height:150px;
	border:2px solid #f2f2f2;
	border-radius: 5px;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19) !important;
}

#petunjuk {
	width: 170px;
	border:2px solid #bbb;
	
}


/*************** button/ td ***************/
.button{
	border:1px solid #CCCCCC;
	background:#0066FF;
	padding-top:8px;
	padding-left:-3px;
	padding-bottom:8px;
	font-weight:bold;
	font-size:12px;
	color:#fff;
	font-family:Arial, Helvetica, sans-serif;cursor:pointer;
	-moz-box-shadow:2px 1px 4px #e5e5e5;
	-moz-border-radius-topleft: 5px;
	border-top-left-radius: 5px;
	-moz-border-radius-topright: 5px;
	border-top-right-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	border-bottom-right-radius: 5px;
}

.button:hover{
	border:1px solid #A8CF9E;
	background:#120efd;
	padding-top:8px;
	padding-left:-3px;
	padding-bottom:8px;
	font-weight:bold;
	font-size:12px;
	color:#fff;
	font-family:Arial, Helvetica, sans-serif;
	cursor:pointer;
	-moz-box-shadow:2px 1px 4px #e5e5e5;
	-moz-border-radius-topleft: 5px;
	border-top-left-radius: 5px;
	-moz-border-radius-topright: 5px;
	border-top-right-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	border-bottom-right-radius: 5px;
}

.messagebox{
	position:static;	
	width:100px;
	margin-left:30px;
	border:1px solid #c93;
	background:#FFFFFF;
	padding:3px;
}
.messageboxok{
	position:static;
	width:auto;
	margin-left:30px;
	border:1px solid #349534;
	background:#C9FFCA;
	padding:3px;
	color:#008000;
	
}
.messageboxerror{
	position:static;
	width:auto;
	margin-left:30px;
	border:1px solid #CC0000;
	background:#F7CBCA;
	padding:3px;
	color:#CC0000;
}

/*Toggle Password class*/

#togglePw {
  display: none;
}

#togglePw+label:before {
  content: "\f06e";
}

#togglePw:checked+label:before {
  content: "\f070";
}


/* add these: */

#togglePw+label {
  position: relative;
  left: -30px;
  cursor: pointer;
}

#txtpassword {
	height: 37px;
}


/* dialog */
/*#thedialog {
	position:absolute;
	width:400px;
	height:auto;
    top:250px;
	right:770px;
	background-color:rgba(0, 0, 0, 0.8);
}*/

/*#thedialog_b {
	position:absolute;
	width:400px;
	height:auto;
    top:250px;
	right:770px;
	background-color:rgba(0, 0, 0, 0.8);
}*/

#diachoose {
	position:absolute;
	width:400px;
	height:auto;
    top:250px;
	right:650px;
	background-color:rgba(0, 0, 0, 0.8);
}

#ndpwd {
	font-family:sans-serif;
	font-size:14px; 
	color:#ffffff;
}

#ndpwd_title {
	font-family:sans-serif;
	font-size:18px; 
	font-weight: bold;
	color:#ffffff;
}


.tabbable .nav-tabs {
   overflow-x: auto;
   overflow-y:hidden;
   flex-wrap: nowrap;
}
.tabbable .nav-tabs .nav-link {
  white-space: nowrap;
}

.gallerypic {
	position: relative;
	position: relative;
}

.gallerypic:hover .edit {
	display: block;
	color:#000000;
}

.gallerypic:hover .delete {
	display: block;
	color:#000000;
}

.gallerypic:hover .zoom {
	display: block;
	color:#000000;
}

.gallerypic:hover .image {
	background-color:#000000;
  	opacity: 0.2;
}

.gallerypic:hover .edit {
  opacity: 1;
}

.gallerypic:hover .delete {
  opacity: 1;
}

.gallerypic:hover .zoom {
  opacity: 1;
}

.zoom {
	position: absolute;
	top: 45%;
  	left: 45%;
	display: none;
	font-size:30px;
}

.edit {
	padding-top: 7px;	
	padding-right: 7px;
	position: absolute;
	top: 0;
  	right: 0;
	display: none;
	font-size:20px;
}

.delete {
	padding-top: 10px;	
	padding-right: 7px;
	position: absolute;
	right: 0;
	top: 15%;
	display: none;
	font-size:20px;
}

	   


#mymain {
	width:1024px;
	padding-top:8px;
	min-height:73vh;
	padding-bottom:8px;
}

#myforgot {
	width:1024px;
	padding-top:8px;
	min-height:68.8vh;
	padding-bottom:8px;
}

#myframe {
	width:1024px;
	padding-top:8px;
	min-height:72.7vh;
	padding-bottom:8px;
}



.more{
	border:1px solid #CCCCCC;
	background:#0066FF;
	padding-top:8px;
	padding-left:-3px;
	padding-bottom:8px;
	font-weight:bold;
	font-size:12px;
	color:#fff;
	font-family:Arial, Helvetica, sans-serif;
	cursor:pointer;
	/*-moz-box-shadow:2px 1px 4px #e5e5e5;
	-moz-border-radius-topleft: 5px;
	border-top-left-radius: 5px;
	-moz-border-radius-topright: 5px;
	border-top-right-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	border-bottom-right-radius: 5px;*/
}

.more:hover{
	border:1px solid #A8CF9E;
	background:#120efd;
	padding-top:8px;
	padding-left:-3px;
	padding-bottom:8px;
	font-weight:bold;
	font-size:14px;
	color:#fff;
	font-family:Arial, Helvetica, sans-serif;
	cursor:pointer;
	/*-moz-box-shadow:2px 1px 4px #e5e5e5;
	-moz-border-radius-topleft: 5px;
	border-top-left-radius: 5px;
	-moz-border-radius-topright: 5px;
	border-top-right-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	border-bottom-right-radius: 5px;*/
}



.radius {
	font-family:"Lucida Grande", Tahoma, Arial, sans-serif;
	font-size:12px; 
	vertical-align:middle;
	border:1px solid #0066FF;
}





#welfooter { 
	font-family:sans-serif;
	font-size:12px; 
	color:#ffffff;
}

#wel { 
	font-family:sans-serif;
	font-size:16px; 
	font-weight:bold;
	color:#120efd;
}

#wel2 { 
	font-family:sans-serif;
	font-size:14px; 
	color:#333333;
}

#wel2b { 
	font-family:sans-serif;
	font-size:12px; 
	color:#333333;
}

#wel2c { 
	font-family:sans-serif;
	font-size:11px; 
	color:#333333;
}

#wel2b_red { 
	font-family:sans-serif;
	font-size:12px; 
	color:#FF0000;
	font-style:italic;
}

#wel2c_red { 
	font-family:sans-serif;
	font-size:11px; 
	color:#FF0000;
	font-style:italic;
}

#wel3 { 
	font-family:sans-serif;
	font-size:14px; 
	color:#333;
}

#wel4 { 
	font-family:sans-serif;
	font-size:14px; 
	font-weight:bold;
	color:#0066FF;
}

#wel5 { 
	font-family:sans-serif;
	font-size:14px; 
	font-weight:bold;
	color:#F70C4B;
}

#wel6 { 
	font-family:sans-serif;
	font-size:14px; 
	font-weight:bold;
	color:#FC7C00;
}

#wel7 { 
	font-family:sans-serif;
	font-size:14px; 
	font-weight:bold;
	color:#8AC542;
}

#wel8 { 
	font-family:sans-serif;
	font-size:14px; 
	font-weight:bold;
	color:#8F0FFA;
}

#wel9 { 
	font-family:sans-serif;
	font-size:14px; 
	font-weight:bold;
	color:#FF00FF;
}

#wel10 { 
	font-family:sans-serif;
	font-size:14px; 
	font-weight:bold;
	color:#E6C62C;
}

#wel11 { 
	font-family:sans-serif;
	font-size:14px; 
	font-weight:bold;
	color:#0EE98A;
}

#wel12 { 
	font-family:sans-serif;
	font-size:14px; 
	font-weight:bold;
	color:#2F308F;
}

#wel13 { 
	font-family:sans-serif;
	font-size:14px; 
	font-weight:bold;
	color:#000000;
}

#wel13a { 
	font-family:sans-serif;
	font-size:14px; 
	font-weight:bold;
	color:#FF0000;
}

#wel14 { 
	font-family:sans-serif;
	font-size:14px; 
	font-weight:bold;
	color:#333333;
}

#wel15 {
	font-family:Impact, Charcoal, sans-serif;
	font-size:30px; 
	color:#2F308F;
}

#wel16 {
	font-family:sans-serif;
	font-size:14px; 
	color:#666666;
}

#wel17 { 
	font-family:sans-serif;
	font-size:16px; 
	color:#333333;
}

#wel18 { 
	font-family:sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#120efd;
}

#wel19 { 
	font-family:sans-serif;
	font-size:14px; 
	font-weight:bold;
	color:#333333;
}

#wel20 { 
	font-family:sans-serif;
	font-size:12px; 
	font-weight:bold;
	color:#ff0000;
}

#wel21 { 
	font-family:sans-serif;
	font-size:14px; 
	color:#333333;
}

#wel22 { 
	font-family:sans-serif;
	font-size:16px; 
	font-weight:bold;
	color:#ffffff;
}

#wel22img { 
	font-family:sans-serif;
	font-size:16px; 
	font-weight:bold;
	color:#333333;
}

#wel23 { 
	font-family:sans-serif;
	font-size:18px; 
	font-weight:bold;
	color:#000000;
}

#wel24 { 
	font-family:sans-serif;
	font-size:14px; 
	color:#000000;
}

#wel25 { 
	font-family:sans-serif;
	font-size:14px; 
	color:#120efd;
}

#wel26 { 
	font-family:sans-serif;
	font-size:14px; 
	color:#009900;
}

#wel26b { 
	font-family:sans-serif;
	font-size:18px; 
	color:#009900;
}

#wel26c { 
	font-family:sans-serif;
	font-size:18px; 
	color:#000000;
}

#wel27 { 
	font-family:sans-serif;
	font-size:14px; 
	color:#FF3300;
}

#wel28 { 
	font-family:sans-serif;
	font-size:14px;
	font-weight:bold; 
	color:#FF0000;
}

#wel29 { 
	font-family:sans-serif;
	font-size:14px; 
	font-weight:bold;
	color:#666666;
}

#wel30 { 
	font-family:sans-serif;
	font-size:14px; 
	color:#9900FF;
}

#wel31 { 
	font-family:sans-serif;
	font-size:14px; 
	color:#FF9900;
}

#wel32 { 
	font-family:sans-serif;
	font-size:14px; 
	color:#FF00FF;
}

#wel22subdisc { 
	font-family:sans-serif;
	font-size:14px;
	font-weight:bold; 
	color:#333333;
}

#wel22nettot { 
	font-family:sans-serif;
	font-size:18px; 
	font-weight:bold;
	color:#0000FF;
}

#fntremarks {
	font-family:sans-serif;
	font-size:14px; 
	font-weight:bold;
	color:#333333;
}

#wel13subdisc { 
	font-family:sans-serif;
	font-size:16px;
	color:#333333;
}

#nettotal { 
	font-family:sans-serif;
	font-size:20px; 
	font-weight:bold;
	color:#333333;
}

.fntreport { 
	font-family:sans-serif;
	font-size:14px; 
	font-weight:bold;
	color:#000000;
}

#sprofit {
	font-family:san-serif;
	font-size:14px;
	font-style:italic;
	color:#000000;
}

#dprofit {
	font-family:san-serif;
	font-size:14px;
	font-style:italic;
	color:#000000;
}

#cprofit {
	font-family:san-serif;
	font-size:14px;
	font-style:italic;
	color:#000000;
}

#cdis {
	font-family:san-serif;
	font-size:14px;
	font-style:italic;
	color:#000000;
}

a #hplink {
	color:#120efd;
}

a #hplink2 {
	color:#0000FF;
}

a #hplink3 {
	color:#666666;
}

a #hplink4 {
	color:#120efd;
}

a #hplink5 {
	color:#666666;
}

a #hplink6 {
	color:#999999;
}

a #hplink7 {
	color:#7F7D7D;
}

a #icon {
	color:#000000;
}

a #hplink:hover {
	color:#FF3300;
}

a #hplink2:hover {
	color:#FF0000;
}

a #hplink3:hover {
	color:#FF3300;
}

a #hplink5:hover {
	color:dodgerblue;
}

a #icon:hover {
	color:#2E3092;
}

#admact {
	border:1px solid #0066FF;
}

#admact:hover {
	border:2px solid #0066FF;
}

.flip
{
	margin-left:5px;
	padding-right:2px;
	padding-top:12px;
	padding-bottom:12px;
	/*border:solid 1px #c3c3c3;*/
	width:240px;
}

#ins { 
	font-family:sans-serif; 
	font-size:14px;
	color:#FF0000;
	font-style:italic;
}

#req { 
	font-family:Georgia, "Times New Roman", Times, serif; 
	font-size:12px;
	color:#000;
	font-style:italic;
}

#ver {
	font-family:"Lucida Grande", Tahoma, Arial, sans-serif; 
	font-size:11px;
	color:#000000;
	margin-right:12px;
}

#cr {
	font-family:"Lucida Grande", Tahoma, Arial, sans-serif; 
	font-size:11px;
	color:#000000;
	margin-top:2px;
}
.imgB {
	box-shadow: 3px 5px 10px #666666;
}

/* CSS for main menu slider */

#slider {
	position:relative;
    margin-left:1px;
	background:url(../images/loading.gif) no-repeat 50% 50%;
	width:1000px;
	box-shadow: 0px 7px 15px #888888;
}
#slider img {
	position:absolute;
	top:0px;
	left:0px;
	display:none;
}
#slider a {
	border:0;
	display:block;
}

.nivo-controlNav {
	display:none; /* display bullet */
	position:absolute;
	left:500px;
	bottom:8px;
}
.nivo-controlNav a {
	display:block;
	width:19px;
	height:22px;
	background:url(../images/bullets.png) no-repeat;
	text-indent:-9999px;
	border:0;
	margin-right:3px;
	float:left;
}
.nivo-controlNav a.active {
	background-position:0 -22px;
}	

.nivo-directionNav a {
	display:block;
	width:33px;
	height:33px;
	background:url(../images/arrows.png) no-repeat;
	text-indent:-9999px;
	border:0;
}
a.nivo-nextNav {
	background-position:-30px 0;
	right:15px;
}
a.nivo-prevNav {
	left:15px;
}

.nivo-caption {
    text-shadow:none;
    font-family: Helvetica, Arial, sans-serif;
}
.nivo-caption a { 
    color:#efe9d1;
    text-decoration:underline;
}

/* end slider */

/* CSS for latest news jquery */
.newsticker-jcarousellite { width:470px; overflow:hidden;}
.newsticker-jcarousellite ul li{ list-style:none; display:block; height:85px; margin-bottom:0px; padding-top:2px; background:url(../images/newsspt.png) bottom repeat-x;}
.newsticker-jcarousellite .thumbnail { float:left; width:110px;  height:40px;}
.newsticker-jcarousellite .info { float:left; width:470px;font-size:14px; color:#333; font-family:arial;}
.newsticker-jcarousellite .info span.cat { display: block; padding-right:3px;}
.newsticker-jcarousellite ul li a{ font-size:14px; color:#000000; text-decoration:none; font-weight:bold;}

td .dashboard:hover {
	background-color:#ffffff;
}

#progressbox {
border: 1px solid #0099CC;
padding: 1px;
position:relative;
width:400px;
border-radius: 3px;
margin: 10px;
display:none;
text-align:left;
}
#progressbar {
height:20px;
border-radius: 3px;
background-color:#390;
width:1%;
}
#statustxt {
top:3px;
left:50%;
position:absolute;
display:inline-block;
color: #000000;
}

a.hovertext {
    position: relative;
    width: 287px;
    text-decoration: none !important;
    text-align: center;
}
a.hovertext:after {
    content: attr(title);
    position: absolute;
    left: 0;
    bottom: 0;
	padding-top:10px;
    width: 327px;
	height:25px;
    background: rgba(0,0,0,0.8);
    text-decoration: none !important;
    color: #ffffff;
	font-family:sans-serif;
	font-size:12px; 
	text-align: center;
    opacity: 0;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    -ms-transition: 0.5s;
}
a.hovertext:hover:after, a.hovertext:focus:after {
    opacity: 1.0;
}

.pjttext{
	background: rgba(0,0,0,0.8);
    opacity: 0.8;
    filter: alpha(opacity=80); /* For IE8 and earlier */
	position: absolute; 
   	top: 775px;
   	width:290px;
	height:22px;
    color: #ffffff;
	font-family:sans-serif;
	font-size:12px; 
	text-align: center;
}

.protext{
	background: rgba(0,0,0,0.8);
    opacity: 0.8;
    filter: alpha(opacity=80); /* For IE8 and earlier */
	position: absolute; 
   	top: 190px;
   	width:327px;
	height:22px;
    color: #ffffff;
	font-family:sans-serif;
	font-size:12px; 
	text-align: center;
}

/*ul#service{
	list-style-image:url(../images/tick_bullet.png);
	-webkit-list-style-image:url(../images/tick_bullet.png);
}*/

ul#service{
	list-style:disc;
}

ul#service li:before {
    /*content: '✓';*/
    font-weight:bold;
    padding-right:5px;
}

.impfound { 
/*	font-style: italic;*/
	color:#00CCFF;
	font-size:12px;
}

ul.resfound { 
	list-style:none;
}

ul.resfound li.listfound{ 
	margin-top:18px;
	margin-left:-20px;  
	text-align:left;
}

ul.resfound li.listfound:hover{
	background-color:#999999;
	margin-top:18px;
	margin-left:-20px;  
	text-align:left;
}
#code_f {
	color:#ffffff;
	font-weight:bold;
	font-size:11px;
}

#code_f:hover {
	color:#ffffff;
	font-weight:bold;
	font-size:11px;
}

#name_f {
	color:#ffffff;
	font-size:12px;
}

#name_f:hover {
	color:#ffffff;
	font-size:12px;
}

#found {
	position:absolute;
	width:900px;
	height:400px;
	overflow-y:scroll;
    top:180px;
	left:300px;
    background-color:rgba(0, 0, 0, 0.8);
	z-index:3;
}

/*textarea {
  resize: none;
  font-family:sans-serif;
  font-size:28px;
}*/

#no {
	font-family:sans-serif;
	font-weight:bold;
	font-size:20px;
	color:#000000;
}

#csno {
	font-family:sans-serif;
	font-size:28px;
	font-weight:bold;
	color:#FF0000;
}

#date {
	font-family:sans-serif;
	font-size:16px;
	color:#000000;
}

#totqty {
	font-family:sans-serif;
	font-weight:bold;
	font-size:20px;
	color:#000000;
}

#fntitle { 
	font-family:sans-serif;
	font-size:11px; 
	font-weight:bold;
	color:#333333;
}

#fnword { 
	font-family:sans-serif;
	font-size:12px; 
	color:#333333;
}

#waran {
	font-family:sans-serif;
	font-size:10px; 
	color:#333333;
}

#weldis { 
	font-family:sans-serif;
	font-size:14px; 
	color:#9900CC;
}

#allSides {
	/*max-width:100%;
	min-height:120px;
	border:2px solid #f2f2f2;
	border-radius: 5px;*/
	/*box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19) !important;*/
	padding:5px;
}

#allproducts {
	max-width:100%;
	min-height:360px;
	border:2px solid #EBEBEB;
	border-radius: 5px;
	background-color:#fefefe;
}

#allcategory {
	max-width:100%;
	max-height:auto;
	border:2px solid #EBEBEB;
	border-radius: 5px;
	background-color:#fefefe;
}

#allsoftware {
	max-width:100%;
	min-height:auto;
	border:2px solid #EBEBEB;
	border-radius: 5px;
	background-color:#fefefe;
}

#allinternet {
	max-width:100%;
	min-height:auto;
	border:2px solid #EBEBEB;
	border-radius: 5px;
	background-color:#fefefe;
}
	
#allcategoryrow {
	max-width:100%;
	min-height:150px;
	border:2px solid #EBEBEB;
	border-radius: 5px;
	background-color:#fefefe;
}

#allcategoryrow_b {
	max-width:100%;
	min-height:270px;
	border:2px solid #EBEBEB;
	border-radius: 5px;
	background-color:#fefefe;
}

#allaccessories {
	max-width:100%;
	min-height:auto;
	border:2px solid #EBEBEB;
	border-radius: 5px;
	background-color:#fefefe;
}

#allaccessories_b {
	max-width:100%;
	max-height:auto;
	border:2px solid #EBEBEB;
	border-radius: 5px;
	background-color:#fefefe;
}

#thisitem {
	border:1px solid #EDEDF6;
}

#thisitem:hover {
	border:1px solid #0000FF;
}

.padding-0{
    padding-right:-5;
    padding-left:-5;
}



#bigicon {
    font-size: 30px;
}

#bigiconb {
    font-size: 20px;
}

#imgC {
	border:2px solid #EBEBEB;
	border-radius: 5px;
	background-color:#fefefe;
}
.fntsizett {
	color:#2F3090;
}
.fntsizet2 {
	color:#8A748A;
}
.fntsizet3 {
	color:#000000;
}

/**** slide items ****/
.bstimeslider {
	max-width:1200px;
	position:relative;  
}
.bktibx {
	float:left;
}
#tslshow {
	position:absolute;
	left:0;
	width:1300px;
}
/* Next & previous buttons */
.prev3, .next3 {
	  cursor: pointer;
	  position: absolute;
	  width: auto;
	  color:#000000;
	  font-weight: bold;
	  font-size: 18px;
	  transition: 0.6s ease;
	  border-radius: 0 3px 3px 0;
	  background-color: rgba(0,0,0,0.1);
}
/* Position the "next button" to the right */
.next3 {
    right: 0;
    border-radius: 3px 0 0 3px;
}
/* On hover, add a black background color with a little bit see-through */
.prev3:hover, .next3:hover {
    background-color: rgba(0,0,0,0.8);
    color:#ffffff;
    text-decoration:none;
}
#viewContainer {
	height:100%;
	position:absolute;
	overflow:hidden; 
}

/**** slide brands ****/
.brdtimeslider {
	max-width:1300px;
	position:relative; 
}
#brdshow {
	position:absolute;
	left:0;
	width:1200px;
}
.prev2, .next2 {
	top:50%;
	cursor: pointer;
	position: absolute;
	width: auto;
	height:auto;
	color:#000000;
	font-weight: bold;
	font-size: 18px;
	/*transition: 0.6s ease;*/
	border-radius: 0 3px 3px 0;
	background-color: rgba(0,0,0,0.1);
	opacity: 0;
  	transition: opacity 800ms;
}
.prev2 {
	left:0;
}
.next2 {
    right: 0;
    border-radius: 3px 0 0 3px;
}
.prev2:hover, .next2:hover {
    background-color: rgba(0,0,0,0.8);
    color:#ffffff;
    text-decoration:none;
}
#viewContainerbrd {
	height:100%;
	position:absolute;
	overflow:scroll;
}

#viewContainerbrd::-webkit-scrollbar { 
    display: none; 
}

#viewContainerbrd { 
    -ms-overflow-style: none;  // IE 10+
    overflow: none;  // Firefox
}

#viewContainerbrd:hover .prev2,
#viewContainerbrd:hover .next2
{
    opacity: 1.0;
}

/**** slide gallery ****/
.gatimeslider {
	max-width:1300px;
	position:relative; 
}
#gashow {
	position:absolute;
	left:0;
	width:1200px;
}
.prev4, .next4 {
	top:50%;
	cursor: pointer;
	position: absolute;
	width: auto;
	height:auto;
	color:#000000;
	font-weight: bold;
	font-size: 18px;
	/*transition: 0.6s ease;*/
	border-radius: 0 3px 3px 0;
	background-color: rgba(0,0,0,0.1);
	opacity: 0;
  	transition: opacity 800ms;
}
.prev4 {
	left:0;
}
.next4 {
    right: 0;
    border-radius: 3px 0 0 3px;
}
.prev4:hover, .next4:hover {
    background-color: rgba(0,0,0,0.8);
    color:#ffffff;
    text-decoration:none;
}
#viewContainerga {
	height:100%;
	position:absolute;
	overflow:scroll;
}

#viewContainerga::-webkit-scrollbar { 
    display: none; 
}

#viewContainerga { 
    -ms-overflow-style: none;  // IE 10+
    overflow: none;  // Firefox
}

#viewContainerga:hover .prev4,
#viewContainerga:hover .next4
{
    opacity: 1.0;
}


#thisbrand {
	float:left;
	background-color:#EDEDF6;
}
#thisbrand:hover {
	/*border:1px solid #EDEDED;
	background-color:rgba(195, 214, 238, 0.8);*/
	padding-left:5px; 
	padding-right:5px;
	padding-top:3px;
	background-color:rgba(254, 254, 254, 1);
}

#thisgatype {
	float:left;
	background-color:#EDEDF6;
}
#thisgatype:hover {
	background-color:aliceblue;
}

/**** touch to slide ****/
#photos {
   /* Prevent vertical gaps */
   line-height: 0;
   
   -webkit-column-count: 5;
   -webkit-column-gap:   0px;
   -moz-column-count:    5;
   -moz-column-gap:      0px;
   column-count:         5;
   column-gap:           0px;
}

#photos img {
  /* Just in case there are inline attributes */
  width: 100% !important;
  height: auto !important;
}

.img__wrapper{
  width: 500px;
  height: 300px;
  position:relative;
  overflow:hidden;
}
.img__wrapper img{
  width: 100%;
}

.sold_out {
    top: 1em;
    left: -5.5em;
    color: #fff;
    display: block;
    position:absolute;
    text-align: center;
    text-decoration: none;
    letter-spacing: .06em;
    background-color: #A00;
    padding: 0.5em 5em 0.4em 5em;
    text-shadow: 0 0 0.75em #444;
    box-shadow: 0 0 0.5em rgba(0,0,0,0.5);
    font: bold 16px/1.2em Arial, Helvetica, sans-serif;
    -webkit-text-shadow: 0 0 0.75em #444;
    -webkit-box-shadow: 0 0 0.5em rgba(0,0,0,0.5);
    -webkit-transform: rotate(-45deg) scale(0.75,1);
    z-index:10;
}
.sold_out:before {
    content: '';
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    position: absolute;
    margin: -0.3em -5em;
    transform: scale(0.7);
    -webkit-transform: scale(0.7);
    border: 2px rgba(255,255,255,0.7) dashed;
}

.sold_out_b {
    top: 1em;
    left: -5.5em;
    color: #fff;
    display: block;
    position:absolute;
    text-align: center;
    text-decoration: none;
    letter-spacing: .06em;
    background-color: #A00;
    padding: 0.5em 5em 0.4em 5em;
    text-shadow: 0 0 0.75em #444;
    box-shadow: 0 0 0.5em rgba(0,0,0,0.5);
    font: bold 12px/1.2em Arial, Helvetica, sans-serif;
    -webkit-text-shadow: 0 0 0.75em #444;
    -webkit-box-shadow: 0 0 0.5em rgba(0,0,0,0.5);
    -webkit-transform: rotate(-45deg) scale(0.75,1);
    z-index:10;
}
.sold_out_b:before {
    content: '';
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    position: absolute;
    margin: -0.3em -5em;
    transform: scale(0.7);
    -webkit-transform: scale(0.7);
    border: 2px rgba(255,255,255,0.7) dashed;
}

#fnticon {
	font-size:30px;
}

.divtitle {
	padding-top:5px;
}

.divcolumn {
	padding-top:5px;
}

.divpanel {
	background-color: #C3D6EE;
	border-radius: 15px;
	border: 0.5px solid #AFAFAF;
}

@media (max-width: 400px) {
  #photos {
	  -moz-column-count:    1;
	  -webkit-column-count: 1;
	  column-count:         1;
  }
}

@media (max-width: 800px) {
  #photos {
	  -moz-column-count:    2;
	  -webkit-column-count: 2;
	  column-count:         2;
  }
}

@media (max-width: 1000px) {
  #photos {
	  -moz-column-count:    3;
	  -webkit-column-count: 3;
	  column-count:         3;
  }
}

@media (max-width: 1200px) {
  #photos {
	  -moz-column-count:    4;
	  -webkit-column-count: 4;
	  column-count:         4;
  }
}


@media (min-width: 300px) {
	#fntfooter{
		font-size:8px;
	}
    #fntrespond{
		font-size:13px;
	}
	#fntfoot{
		padding-left:5px;
		padding-right:18px;
	}
	#fntfootb{
		padding-left:5px;
		padding-right:25px;
	}
	#fntfootc{
		padding-left:5px;
		padding-right:38px;
	}
	.square {
		height: 120px;
		width: 120px;
	}
	#allcategory{
		height: 220px;
		width: 158px;
	}
	.catname {
		height: 60px;
	}
	.squarerow {
		height: 85px;
		width: 85px;
	}
	.squarerow_b {
		height: 85px;
		width: 85px;
	}
	#allcategoryrow {
		min-height:95px;
	}
	#allcategoryrow_b {
		min-height:180px;
	}
	#imglogo {
		width: 260px; 
		height: 50px;
	}
	#chtitle {
		font-size: 16px;
	}

	#entitle {
		font-size: 20px;
	}
	.squarepro {
		height: 165px;
		width: 165px;
	}
	#allaccessories {
		min-height: 320px;
		width: 175px;
	}
	
	#allaccessories_b{
		min-height: 320px;
		width: 175px;
	}
	
	#content {
		padding-top:50px;
	}
	#found {
		width:195px;
	}
	.squarespec {
		height: 255px;
		width: 255px;
	}
	.fntsizett {
		font-size:16px;
		padding-bottom:20px;
	}
	.fntsizet2 {
		font-size:14px;
		padding-bottom:5px;
	}
	.fntsizet3 {
		font-size:14px;
		padding-bottom:20px;
	}
	.fntsizet4 {
		font-size:14px;
		padding-bottom:20px;
	}
	.fntsizet5 {
		font-size:12px;
		padding-bottom:20px;
	}
	.squareint {
		height: 100px;
		width: 280px;
	}
	.divmore{
		padding-top:10px;
		padding-bottom:10px;
	}
	#divlogin {
		padding-top:10px;
		padding-bottom:10px;
	}
	
	/**** slide items ****/
	.padsize {
		padding-bottom:25px;
	}
	.squaremore {
		height: 80px;
		width: 80px;
	}
	.bstimeslider {
		height:80px; 
	}
	.prev3, .next3 {
		top: 50%;
		margin-top: -12px;
		padding: 3px;
	}
	#viewContainer {
		width:100%
	}
	
	/**** slide brands ****/
	.squarebrd {
		height: 38px;
		width: 100px;
	}
	.brdtimeslider {
		height:50px; 
	}
	.prev2, .next2 {
		top: 50%;
		margin-top: -18px;
		padding: 4px;
	}
	#viewContainerbrd {
		/** width for viewable **/
		width:100%;
	}
	
	/**** slide gallery ****/
	.squarega {
		height: 38px;
		width: 100px;
	}
	.gatimeslider {
		height:50px; 
	}
	.prev4, .next4 {
		top: 42%;
		margin-top: -15px;
		padding: 4px;
	}
	#viewContainerga {
		width:100%;
	}
	
	.sold_out {
		top: 1.5em;
		left: -5em;
		font: bold 8px/1.2em Arial, Helvetica, sans-serif;
	}
	.sold_out_b {
		top: 1.5em;
		left: -5em;
		font: bold 8px/1.2em Arial, Helvetica, sans-serif;
	}
	#divtit {
		padding-top:8px;
	}
	#divval {
		padding-top:0px;
	}
	#fnticon {
		font-size:20px;
	}
	.divtitle {
		padding-top:8px;
	}
	
	.divcolumn {
		padding-top:0px;
	}
}

@media (min-width: 400px) {
	#fntfooter{
		font-size:11px;
	}
    #fntrespond{
		font-size:16px;
	}
	#fntfoot{
		padding-left:5px;
		padding-right:48px;
	}
	#fntfootb{
		padding-left:5px;
		padding-right:60px;
	}
	#fntfootc{
		padding-left:5px;
		padding-right:75px;
	}
	.square {
		height: 120px;
		width: 120px;
	}
	#allcategory{
		height: 220px;
		width: 158px;
	}
	.catname {
		height: 60px;
	}
	.squarerow {
		height: 110px;
		width: 110px;
	}
	.squarerow_b {
		height: 110px;
		width: 110px;
	}
	#allcategoryrow {
		min-height:110px;
	}
	#allcategoryrow_b {
		min-height:180px;
	}
	#imglogo {
		width: 280px; 
		height: 50px;
	}
	#chtitle {
		font-size: 24px;
	}

	#entitle {
		font-size:24px;
	}
	.squarepro {
		height: 170px;
		width: 170px;
	}
	#allaccessories {
		min-height: 340px;
		width: 180px;
	}
	
	#allaccessories_b{
		min-height: 340px;
		width: 180px;
	}
	
	#content {
		padding-top:50px;
	}
	#found {
		width:250px;
	}
	.squarespec {
		height: 350px;
		width: 350px;
	}
	.fntsizett {
		font-size:20px;
		padding-bottom:20px;
	}
	.fntsizet2 {
		font-size:14px;
		padding-bottom:5px;
	}
	.fntsizet3 {
		font-size:14px;
		padding-bottom:20px;
	}
	.fntsizet4 {
		font-size:14px;
		padding-bottom:20px;
	}
	.fntsizet5 {
		font-size:12px;
		padding-bottom:20px;
	}
	.squareint {
		height: 120px;
		width: 300px;
	}
	.divmore{
		padding-top:10px;
		padding-bottom:10px;
	}
	#divlogin {
		padding-top:10px;
		padding-bottom:10px;
	}
	
	/**** slide items ****/
	.padsize {
		padding-bottom:25px;
	}
	.squaremore {
		height: 80px;
		width: 80px;
	}
	.bstimeslider {
		height:80px; 
	}
	.prev3, .next3 {
		top: 50%;
		margin-top: -12px;
		padding: 3px;
	}
	#viewContainer {
		width:100%
	}
	
	/**** slide brands ****/
	.squarebrd {
		height: 38px;
		width: 100px;
	}
	.brdtimeslider {
		height:50px; 
	}
	.prev2, .next2 {
		top: 50%;
		margin-top: -18px;
		padding: 4px;
	}
	#viewContainerbrd {
		/** width for viewable **/
		width:100%;
	}
	
	/**** slide gallery ****/
	.squarega {
		height: 38px;
		width: 100px;
	}
	.gatimeslider {
		height:50px; 
	}
	.prev4, .next4 {
		top: 42%;
		margin-top: -15px;
		padding: 4px;
	}
	#viewContainerga {
		width:100%;
	}
	
	.sold_out {
		top: 1.5em;
		left: -5em;
		font: bold 10px/1.2em Arial, Helvetica, sans-serif;
	}
	.sold_out_b {
		top: 1.5em;
		left: -5em;
		font: bold 10px/1.2em Arial, Helvetica, sans-serif;
	}
	#divtit {
		padding-top:8px;
	}
	#divval {
		padding-top:0px;
	}
	#fnticon {
		font-size:20px;
	}
	.divtitle {
		padding-top:8px;
	}
	
	.divcolumn {
		padding-top:0px;
	}
}

@media (min-width: 450px) {
    #fntfooter{
		font-size:12px;
	}
	#fntrespond{
		font-size:18px;
	}
	#fntfoot{
		padding-left:15px;
		padding-right:60px;
	}
	#fntfootb{
		padding-left:15px;
		padding-right:75px;
	}
	#fntfootc{
		padding-left:15px;
		padding-right:95px;
	}
	.square {
		height: 120px;
		width: 120px;
	}
	#allcategory{
		height: 220px;
		width: 158px;
	}
	.catname {
		height: 60px;
	}
	.squarerow {
		height: 120px;
		width: 120px;
	}
	.squarerow_b {
		height: 120px;
		width: 120px;
	}
	#allcategoryrow {
		min-height:130px;
	}
	#allcategoryrow_b {
		min-height:155px;
	}
	#imglogo {
		width: 300px; 
		height: 50px;
	}
	#chtitle {
		font-size: 24px;
	}

	#entitle {
		font-size:24px;
	}
	.squarepro {
		height: 170px;
		width: 170px;
	}
	#allaccessories {
		min-height: 300px;
		width: 180px;
	}
	
	#allaccessories_b{
		min-height: 300px;
		width: 180px;
	}
	
	#content {
		padding-top:50px;
	}
	#found {
		width:290px;
	}
	.squarespec {
		height: 400px;
		width: 400px;
	}
	.fntsizett {
		font-size:20px;
		padding-bottom:20px;
	}
	.fntsizet2 {
		font-size:14px;
		padding-bottom:5px;
	}
	.fntsizet3 {
		font-size:14px;
		padding-bottom:20px;
	}
	.fntsizet4 {
		font-size:14px;
		padding-bottom:20px;
	}
	.fntsizet5 {
		font-size:12px;
		padding-bottom:20px;
	}
	.squareint {
		height: 120px;
		width: 300px;
	}
	.divmore{
		padding-top:10px;
		padding-bottom:10px;
	}
	#divlogin {
		padding-top:10px;
		padding-bottom:10px;
	}
	
	/**** slide items ****/
	.padsize {
		padding-bottom:25px;
	}
	.squaremore {
		height: 80px;
		width: 80px;
	}
	.bstimeslider {
		height:80px; 
	}
	.prev3, .next3 {
		top: 50%;
		margin-top: -12px;
		padding: 3px;
	}
	#viewContainer {
		width:100%
	}
	
	/**** slide brands ****/
	.squarebrd {
		height: 38px;
		width: 104px;
	}
	.brdtimeslider {
		height:50px; 
	}
	.prev2, .next2 {
		top: 50%;
		margin-top: -18px;
		padding: 4px;
	}
	#viewContainerbrd {
		/** width for viewable **/
		width:100%;
	}
	
	/**** slide gallery ****/
	.squarega {
		height: 38px;
		width: 104px;
	}
	.gatimeslider {
		height:50px; 
	}
	.prev4, .next4 {
		top: 42%;
		margin-top: -15px;
		padding: 4px;
	}
	#viewContainerga {
		width:100%;
	}
	
	#divtit {
		padding-top:8px;
	}
	#divval {
		padding-top:0px;
	}
	#fnticon {
		font-size:20px;
	}
	.divtitle {
		padding-top:8px;
	}
	
	.divcolumn {
		padding-top:0px;
	}
}

@media (min-width: 480px) {
    #fntfooter{
		font-size:14px;
	}
	#fntrespond{
		font-size:20px;
	}
	#fntfoot{
		padding-left:15px;
		padding-right:60px;
	}
	#fntfootb{
		padding-left:15px;
		padding-right:75px;
	}
	#fntfootc{
		padding-left:15px;
		padding-right:95px;
	}
	.square {
		height: 120px;
		width: 120px;
	}
	#allcategory{
		height: 220px;
		width: 158px;
	}
	.catname {
		height: 60px;
	}
	.squarerow {
		height: 100px;
		width: 100px;
	}
	.squarerow_b {
		height: 135px;
		width: 135px;
	}
	#allcategoryrow {
		min-height:110px;
	}
	#allcategoryrow_b {
		min-height:150px;
	}
	#imglogo {
		width: 350px; 
		height: 50px;
	}
	#chtitle {
		font-size: 24px;
	}

	#entitle {
		font-size:24px;
	}
	.squarepro {
		height: 200px;
		width: 200px;
	}
	#allaccessories {
		min-height: 350px;
		width: 210px;
	}
	
	#allaccessories_b{
		min-height: 350px;
		width: 210px;
	}
	
	
	#content {
		padding-top:50px;
	}
	#found {
		width:320px;
	}
	.squarespec {
		height: 400px;
		width: 400px;
	}
	.fntsizett {
		font-size:20px;
		padding-bottom:20px;
	}
	.fntsizet2 {
		font-size:14px;
		padding-bottom:5px;
	}
	.fntsizet3 {
		font-size:14px;
		padding-bottom:20px;
	}
	.fntsizet4 {
		font-size:14px;
		padding-bottom:20px;
	}
	.fntsizet5 {
		font-size:12px;
		padding-bottom:20px;
	}
	.squareint {
		height: 150px;
		width: 350px;
	}
	.divmore{
		padding-top:10px;
		padding-bottom:10px;
	}
	.squareclt {
		height: 100px;
		width: 100px;
	}
	#divclient {
		 padding-top:30px;
		 padding-bottom:10px;
	}
	.cltname {
		height: 25px;
	}
	#divlogin {
		padding-top:10px;
		padding-bottom:10px;
	}
	
	/**** slide items ****/
	.padsize {
		padding-bottom:25px;
	}
	.squaremore {
		height: 80px;
		width: 80px;
	}
	.bstimeslider {
		height:80px; 
	}
	.prev3, .next3 {
		top: 50%;
		margin-top: -12px;
		padding: 3px;
	}
	#viewContainer {
		width:100%
	}
	
	/**** slide brands ****/
	.squarebrd {
		height: 38px;
		width: 104px;
	}
	.brdtimeslider {
		height:50px; 
	}
	.prev2, .next2 {
		top: 50%;
		margin-top: -18px;
		padding: 4px;
	}
	#viewContainerbrd {
		/** width for viewable **/
		width:100%;
	}
	
	/**** slide gallery ****/
	.squarega {
		height: 38px;
		width: 104px;
	}
	.gatimeslider {
		height:50px; 
	}
	.prev4, .next4 {
		top: 42%;
		margin-top: -15px;
		padding: 4px;
	}
	#viewContainerga {
		width:100%;
	}
	
	#divtit {
		padding-top:8px;
	}
	#divval {
		padding-top:0px;
	}
	#fnticon {
		font-size:22px;
	}
	.divtitle {
		padding-top:8px;
	}
	
	.divcolumn {
		padding-top:0px;
	}
}

@media (min-width: 540px) {
    #fntfooter{
		font-size:16px;
	}
	#fntrespond{
		font-size:22px;
	}
	#fntfoot{
		padding-left:15px;
		padding-right:72px;
	}
	#fntfootb{
		padding-left:15px;
		padding-right:88px;
	}
	#fntfootc{
		padding-left:15px;
		padding-right:110px;
	}
	.square {
		height: 120px;
		width: 120px;
	}
	#allcategory{
		height: 220px;
		width: 158px;
	}
	.catname {
		height: 60px;
	}
	.squarerow {
		height: 100px;
		width: 100px;
	}
	.squarerow_b {
		height: 150px;
		width: 150px;
	}
	#allcategoryrow {
		min-height:110px;
	}
	#allcategoryrow_b {
		min-height:160px;
	}
	#imglogo {
		width: 350px; 
		height: 50px;
	}
	#chtitle {
		font-size: 24px;
	}

	#entitle {
		font-size:24px;
	}
	.squarepro {
		height: 200px;
		width: 200px;
	}
	
	#allaccessories {
		min-height: 230px;
		width: 210px;
	}
	
	#allaccessories_b{
		min-height: 230px;
		width: 210px;
	}
	
	
	#content {
		padding-top:50px;
	}
	#found {
		width:370px;
	}
	.squarespec {
		height: 450px;
		width: 450px;
	}
	.fntsizett {
		font-size:20px;
		padding-bottom:20px;
	}
	.fntsizet2 {
		font-size:14px;
		padding-bottom:5px;
	}
	.fntsizet3 {
		font-size:14px;
		padding-bottom:20px;
	}
	.fntsizet4 {
		font-size:16px;
		padding-bottom:20px;
	}
	.fntsizet5 {
		font-size:12px;
		padding-bottom:20px;
	}
	.squareint {
		height: 150px;
		width: 350px;
	}
	.divmore{
		padding-top:10px;
		padding-bottom:10px;
	}
	.squareclt {
		height: 100px;
		width: 100px;
	}
	#divclient {
		 padding-top:30px;
		 padding-bottom:10px;
	}
	.cltname {
		height: 25px;
	}
	#divlogin {
		padding-top:10px;
		padding-bottom:10px;
	}
	
	/**** slide items ****/
	.padsize {
		padding-bottom:25px;
	}
	.squaremore {
		height: 80px;
		width: 80px;
	}
	.bstimeslider {
		height:80px; 
	}
	.prev3, .next3 {
		top: 50%;
		margin-top: -12px;
		padding: 3px;
	}
	#viewContainer {
		width:100%
	}
	
	/**** slide brands ****/
	.squarebrd {
		height: 42px;
		width: 113px;
	}
	.brdtimeslider {
		height:50px; 
	}
	.prev2, .next2 {
		top: 50%;
		margin-top: -17px;
		padding: 5px;
	}
	#viewContainerbrd {
		/** width for viewable **/
		width:100%;
	}
	
	/**** slide gallery ****/
	.squarega {
		height: 42px;
		width: 113px;
	}
	.gatimeslider {
		height:50px; 
	}
	.prev4, .next4 {
		top: 42%;
		margin-top: -14px;
		padding: 5px;
	}
	#viewContainerga {
		width:100%;
	}
	
	#divtit {
		padding-top:8px;
	}
	#divval {
		padding-top:0px;
	}
	#fnticon {
		font-size:22px;
	}
	.divtitle {
		padding-top:8px;
	}
	
	.divcolumn {
		padding-top:0px;
	}
}

@media (min-width: 576px) {
    #fntfooter{
		font-size:11px;
	}
	#fntrespond{
		font-size:25px;
	}
	#fntfoot{
		padding-left:15px;
		padding-right:72px;
	}
	#fntfootb{
		padding-left:15px;
		padding-right:88px;
	}
	#fntfootc{
		padding-left:15px;
		padding-right:110px;
	}
	.square {
		height: 120px;
		width: 120px;
	}
	#allcategory{
		height: 220px;
		width: 158px;
	}
	.catname {
		height: 60px;
	}
	.squarerow {
		height: 100px;
		width: 100px;
	}
	.squarerow_b {
		height: 165px;
		width: 165px;
	}
	#allcategoryrow {
		min-height:110px;
	}
	#allcategoryrow_b {
		min-height:180px;
	}
	#imglogo {
		width: 350px; 
		height: 50px;
	}
	#chtitle {
		font-size: 24px;
	}

	#entitle {
		font-size:24px;
	}
	.squarepro {
		height: 200px;
		width: 200px;
	}
	#allaccessories{
		min-height: 230px;
		width: 210px;
	}
	
	#allaccessories_b{
		min-height: 230px;
		width: 210px;
	}
	
	#content {
		padding-top:50px;
	}
	#found {
		width:400px;
	}
	.squarespec {
		height: 450px;
		width: 450px;
	}
	.fntsizett {
		font-size:20px;
		padding-bottom:20px;
	}
	.fntsizet2 {
		font-size:14px;
		padding-bottom:5px;
	}
	.fntsizet3 {
		font-size:14px;
		padding-bottom:20px;
	}
	.fntsizet4 {
		font-size:18px;
		padding-bottom:20px;
	}
	.fntsizet5 {
		font-size:14px;
		padding-bottom:20px;
	}
	.squareint {
		height: 150px;
		width: 350px;
	}
	.divmore{
		padding-top:100px;
		padding-bottom:10px;
	}
	.squareclt {
		height: 100px;
		width: 100px;
	}
	#divclient {
		 padding-top:30px;
		 padding-bottom:10px;
	}
	.cltname {
		height: 25px;
	}
	#divlogin {
		padding-top:10px;
		padding-bottom:10px;
	}
	
	/**** slide items ****/
	.padsize {
		padding-bottom:25px;
	}
	.squaremore {
		height: 80px;
		width: 80px;
	}
	.bstimeslider {
		height:80px; 
	}
	.prev3, .next3 {
		top: 50%;
		margin-top: -12px;
		padding: 3px;
	}
	#viewContainer {
		width:100%
	}
	
	/**** slide brands ****/
	.squarebrd {
		height: 42px;
		width: 113px;
	}
	.brdtimeslider {
		height:50px; 
	}
	.prev2, .next2 {
		top: 50%;
		margin-top: -17px;
		padding: 5px;
	}
	#viewContainerbrd {
		/** width for viewable **/
		width:100%;
	}
	
	/**** slide gallery ****/
	.squarega {
		height: 42px;
		width: 113px;
	}
	.gatimeslider {
		height:50px; 
	}
	.prev4, .next4 {
		top: 42%;
		margin-top: -14px;
		padding: 5px;
	}
	#viewContainerga {
		width:100%;
	}
	
	#divtit {
		padding-top:8px;
	}
	#divval {
		padding-top:8px;
	}
	#fnticon {
		font-size:25px;
	}
	.divtitle {
		padding-top:8px;
	}
	
	.divcolumn {
		padding-top:8px;
	}
}

@media (min-width: 650px) {
    #fntfooter{
		font-size:11px;
	}
	#fntrespond{
		font-size:25px;
	}
	#fntfoot{
		padding-left:15px;
		padding-right:65px;
	}
	#fntfootb{
		padding-left:15px;
		padding-right:85px;
	}
	#fntfootc{
		padding-left:15px;
		padding-right:110px;
	}
	.square {
		height: 120px;
		width: 120px;
	}
	#allcategory{
		height: 220px;
		width: 158px;
	}
	.catname {
		height: 60px;
	}
	.squarerow {
		height: 110px;
		width: 110px;
	}
	.squarerow_b {
		height: 180px;
		width: 180px;
	}
	#allcategoryrow {
		min-height:120px;
	}
	#allcategoryrow_b {
		min-height:190px;
	}
	#imglogo {
		width: 350px; 
		height: 50px;
	}
	#chtitle {
		font-size: 24px;
	}

	#entitle {
		font-size:24px;
	}
	.squarepro {
		height: 200px;
		width: 200px;
	}
	#allaccessories{
		min-height: 230px;
		width: 210px;
	}
	
	#allaccessories_b{
		min-height: 230px;
		width: 210px;
	}
	
	#content {
		padding-top:50px;
	}
	#found {
		width:460px;
	}
	.squarespec {
		height: 500px;
		width: 500px;
	}
	.fntsizett {
		font-size:20px;
		padding-bottom:20px;
	}
	.fntsizet2 {
		font-size:14px;
		padding-bottom:5px;
	}
	.fntsizet3 {
		font-size:14px;
		padding-bottom:20px;
	}
	.fntsizet4 {
		font-size:20px;
		padding-bottom:20px;
	}
	.fntsizet5 {
		font-size:14px;
		padding-bottom:20px;
	}
	.squareint {
		height: 150px;
		width: 350px;
	}
	.divmore{
		padding-top:100px;
		padding-bottom:10px;
	}
	.squareclt {
		height: 100px;
		width: 100px;
	}
	#divclient {
		 padding-top:30px;
		 padding-bottom:10px;
	}
	.cltname {
		height: 25px;
	}
	#divlogin {
		padding-top:10px;
		padding-bottom:10px;
	}
	
	/**** slide items ****/
	.padsize {
		padding-bottom:25px;
	}
	.squaremore {
		height: 80px;
		width: 80px;
	}
	.bstimeslider {
		height:80px; 
	}
	.prev3, .next3 {
		top: 50%;
		margin-top: -12px;
		padding: 3px;
	}
	#viewContainer {
		width:100%
	}	
	
	/**** slide brands ****/
	.squarebrd {
		height: 42px;
		width: 113px;
	}
	.brdtimeslider {
		height:50px; 
	}
	.prev2, .next2 {
		top: 50%;
		margin-top: -17px;
		padding: 5px;
	}
	#viewContainerbrd {
		/** width for viewable **/
		width:100%;
	}
	
	/**** slide gallery ****/
	.squarega {
		height: 42px;
		width: 113px;
	}
	.gatimeslider {
		height:50px; 
	}
	.prev4, .next4 {
		top: 42%;
		margin-top: -14px;
		padding: 5px;
	}
	#viewContainerga {
		width:100%;
	}
	
	#divtit {
		padding-top:8px;
	}
	#divval {
		padding-top:8px;
	}
	#fnticon {
		font-size:25px;
	}
	.divtitle {
		padding-top:8px;
	}
	
	.divcolumn {
		padding-top:8px;
	}
}

@media (min-width: 730px) {
   	#fntfooter{
		font-size:11px;
	}
	
	#fntrespond{
		font-size:25px;
	}
	#fntfoot{
		padding-left:15px;
		padding-right:65px;
	}
	#fntfootb{
		padding-left:15px;
		padding-right:80px;
	}
	#fntfootc{
		padding-left:15px;
		padding-right:105px;
	}
	.square {
		height: 120px;
		width: 120px;
	}
	#allcategory{
		height: 220px;
		width: 158px;
	}
	.catname {
		height: 60px;
	}
	.squarerow {
		height: 120px;
		width: 120px;
	}
	.squarerow_b {
		height: 210px;
		width: 210px;
	}
	#allcategoryrow {
		min-height:130px;
	}
	#allcategoryrow_b {
		min-height:220px;
	}
	#imglogo {
		width: 350px; 
		height: 50px;
	}
	#chtitle {
		font-size: 24px;
	}

	#entitle {
		font-size:24px;
	}
	.squarepro {
		height: 200px;
		width: 200px;
	}
	#allaccessories{
		min-height: 230px;
		width: 210px;
	}
	#allaccessories_b{
		min-height: 230px;
		width: 210px;
	}
	
	#content {
		padding-top:50px;
	}
	#found {
		width:530px;
	}
	.squarespec {
		height: 500px;
		width: 500px;
	}
	.fntsizett {
		font-size:20px;
		padding-bottom:20px;
	}
	.fntsizet2 {
		font-size:14px;
		padding-bottom:5px;
	}
	.fntsizet3 {
		font-size:14px;
		padding-bottom:20px;
	}
	.fntsizet4 {
		font-size:24px;
		padding-bottom:20px;
	}
	.fntsizet5 {
		font-size:16px;
		padding-bottom:20px;
	}
	.squareint {
		height: 150px;
		width: 350px;
	}
	.divmore{
		padding-top:100px;
		padding-bottom:10px;
	}
	.squareclt {
		height: 100px;
		width: 100px;
	}
	#divclient {
		 padding-top:30px;
		 padding-bottom:10px;
	}
	.cltname {
		height: 25px;
	}
	#divlogin {
		padding-top:10px;
		padding-bottom:10px;
	}
	
	/**** slide items ****/
	.padsize {
		padding-bottom:25px;
	}
	.squaremore {
		height: 80px;
		width: 80px;
	}
	.bstimeslider {
		height:80px; 
	}
	.prev3, .next3 {
		top: 50%;
		margin-top: -12px;
		padding: 3px;
	}
	#viewContainer {
		width:100%
	}
	
	/**** slide brands ****/
	.squarebrd {
		height: 42px;
		width: 113px;
	}
	.brdtimeslider {
		height:50px; 
	}
	.prev2, .next2 {
		top: 50%;
		margin-top: -17px;
		padding: 5px;
	}
	#viewContainerbrd {
		/** width for viewable **/
		width:100%;
	}
	
	/**** slide gallery ****/
	.squarega {
		height: 42px;
		width: 113px;
	}
	.gatimeslider {
		height:50px; 
	}
	.prev4, .next4 {
		top: 42%;
		margin-top: -14px;
		padding: 5px;
	}
	#viewContainerga {
		width:100%;
	}
	
	#divtit {
		padding-top:8px;
	}
	#divval {
		padding-top:8px;
	}
	#fnticon {
		font-size:25px;
	}
	.divtitle {
		padding-top:8px;
	}
	
	.divcolumn {
		padding-top:8px;
	}
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
	.wrapper {
		text-align: center;
	}
    #fntrespond{
		font-size:8px;
	}
	#fntfoot{
		padding-left:3px;
		padding-right:5px;
	}
	#fntfootb{
		padding-left:3px;
		padding-right:12px;
	}
	#fntfootc{
		padding-left:3px;
		padding-right:20px;
	}
	.square {
		height: 120px;
		width: 120px;
	}
	#allcategory{
		height: 220px;
		width: 158px;
	}
	.catname {
		height: 60px;
	}
	.squarerow {
		height: 220px;
		width: 220px;
	}
	.squarerow_b {
		height: 220px;
		width: 220px;
	}
	#allcategoryrow {
		min-height:140px;
	}
	#allcategoryrow_b {
		min-height:230px;
	}
	#imglogo {
		width: 400px; 
		height: 70px;
	}
	#chtitle {
		font-size: 28px;
	}

	#entitle {
		font-size:28px;
	}
	.squarepro {
		height: 200px;
		width: 200px;
	}
	#allaccessories{
		min-height: 230px;
		width: 210px;
	}
	
	#allaccessories_b{
		min-height: 230px;
		width: 210px;
	}
	
	#content {
		padding-top:75px;
	}
	#found {
		width:555px;
	}
	.squarespec {
		height: 230px;
		width: 230px;
	}
	.fntsizett {
		font-size:20px;
		padding-bottom:20px;
	}
	.fntsizet2 {
		font-size:14px;
		padding-bottom:20px;
	}
	.fntsizet3 {
		font-size:14px;
		padding-bottom:20px;
	}	
	.fntsizet4 {
		font-size:28px;
		padding-bottom:20px;
	}
	.fntsizet5 {
		font-size:16px;
		padding-bottom:20px;
	}
	.squareint {
		height: 120px;
		width: 300px;
	}
	.divmore{
		padding-top:130px;
		padding-bottom:10px;
	}
	.squareclt {
		height: 80px;
		width: 80px;
	}
	#divclient {
		 padding-top:20px;
		 padding-bottom:10px;
	}
	.cltname {
		height: 25px;
	}
	#divlogin {
		padding-top:10px;
		padding-bottom:10px;
	}
	
	/**** slide items ****/
	.padsize {
		padding-bottom:25px;
	}
	.squaremore {
		height: 80px;
		width: 80px;
	}
	.bstimeslider {
		height:80px; 
	}
	.prev3, .next3 {
		top: 50%;
		margin-top: -12px;
		padding: 3px;
	}
	#viewContainer {
		width:100%
	}
	
	/**** slide brands ****/
	.squarebrd {
		height: 42px;
		width: 113px;
	}
	.brdtimeslider {
		height:50px; 
	}
	.prev2, .next2 {
		top: 50%;
		margin-top: -17px;
		padding: 5px;
	}
	#viewContainerbrd {
		/** width for viewable **/
		width:100%;
	}
	
	/**** slide gallery ****/
	.squarega {
		height: 42px;
		width: 113px;
	}
	.gatimeslider {
		height:50px; 
	}
	.prev4, .next4 {
		top: 42%;
		margin-top: -14px;
		padding: 5px;
	}
	#viewContainerga {
		width:100%;
	}
	
	#divtit {
		padding-top:8px;
	}
	#divval {
		padding-top:8px;
	}
	.divtitle {
		padding-top:8px;
	}
	
	.divcolumn {
		padding-top:8px;
	}
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
    #fntfooter{
		font-size:14px;
	}
	#fntrespond{
		font-size:12px;
	}
	#fntfoot{
		padding-left:3px;
		padding-right:5px;
	}
	#fntfootb{
		padding-left:3px;
		padding-right:12px;
	}
	#fntfootc{
		padding-left:3px;
		padding-right:20px;
	}
	.square {
		height: 120px;
		width: 120px;
	}
	#allcategory{
		height: 220px;
		width: 158px;
	}
	.catname {
		height: 60px;
	}
	.squarerow {
		height: 140px;
		width: 140px;
	}
	#allcategoryrow {
		min-height:150px;
	}
	.squarerow_b {
		height: 220px;
		width: 220px;
	}
	#allcategoryrow_b {
		min-height:230px;
	}
	#imglogo {
		width: 400px; 
		height: 70px;
	}
	#chtitle {
		font-size: 34px;
	}

	#entitle {
		font-size: 34px;
	}
	.squarepro {
		height: 200px;
		width: 200px;
	}
	#allaccessories{
		min-height: 230px;
		width: 210px;
	}
	
	#allaccessories_b{
		min-height: 230px;
		width: 210px;
	}
	
	#content {
		padding-top:75px;
	}
	#found {
		width:570px;
	}
	.squarespec {
		height: 300px;
		width: 300px;
	}
	.fntsizett {
		font-size:20px;
		padding-bottom:20px;
	}
	.fntsizet2 {
		font-size:14px;
		padding-bottom:20px;
	}
	.fntsizet3 {
		font-size:14px;
		padding-bottom:20px;
	}
	.fntsizet4 {
		font-size:28px;
		padding-bottom:20px;
	}
	.fntsizet5 {
		font-size:18px;
		padding-bottom:20px;
	}
	.squareint {
		height: 130px;
		width: 380px;
	}
	.divmore{
		padding-top:120px;
		padding-bottom:10px;
	}
	.squareclt {
		height: 100px;
		width: 100px;
	}
	#divclient {
		 padding-top:30px;
		 padding-bottom:30px;
	}
	.cltname {
		height: 30px;
	}
	#divlogin {
		padding-top:50px;
	}
	#divloginfoot {
		min-height:675px;
	}
	
	/**** slide items ****/
	.padsize {
		padding-bottom:25px;
	}
	.squaremore {
		height: 80px;
		width: 80px;
	}
	.bstimeslider {
		height:80px; 
	}
	.prev3, .next3 {
		top: 50%;
		margin-top: -12px;
		padding: 3px;
	}
	#viewContainer {
		width:100%
	}
	
	/**** slide brands ****/
	.squarebrd {
		height: 42px;
		width: 113px;
	}
	.brdtimeslider {
		height:50px; 
	}
	.prev2, .next2 {
		top: 50%;
		margin-top: -15px;
		padding: 4px;
	}
	#viewContainerbrd {
		/** width for viewable **/
		width:100%;
	}
	
	/**** slide gallery ****/
	.squarega {
		height: 42px;
		width: 113px;
	}
	.gatimeslider {
		height:50px; 
	}
	.prev4, .next4 {
		top:42%;
		margin-top: -13px;
		padding: 4px;
	}
	#viewContainerga {
		width:100%;
	}
	
	#divtit {
		padding-top:5px;
	}
	#divval {
		padding-top:5px;
	}
	
	.divtitle {
		padding-top:5px;
	}
	
	.divcolumn {
		padding-top:5px;
	}
}

/* X-Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
	#fntfooter{
		font-size:14px;
	}
	
    #fntrespond{
		font-size:14px;
	}
	#fntfoot{
		padding-left:5px;
		padding-right:20px;
	}
	#fntfootb{
		padding-left:5px;
		padding-right:28px;
	}
	#fntfootc{
		padding-left:5px;
		padding-right:38px;
	}
	.square {
		height: 120px;
		width: 120px;
	}
	#allcategory{
		height: 220px;
		width: 158px;
	}
	.catname {
		height: 60px;
	}
	.squarerow {
		height: 140px;
		width: 140px;
	}
	.squarerow_b {
		height: 260px;
		width: 260px;
	}
	#imglogo {
		width: 350px; 
		height: 70px;
	}
	#chtitle {
		font-size: 34px;
	}

	#entitle {
		font-size: 34px;
	}
	.squarepro {
		height: 200px;
		width: 200px;
	}
	#allaccessories{
		min-height: 230px;
		width: 210px;
	}
	
	#allaccessories_b{
		min-height: 230px;
		width: 210px;
	}
	
	#content {
		padding-top:75px;
	}
	.squarespec {
		height: 380px;
		width: 380px;
	}
	.fntsizett {
		font-size:20px;
		padding-bottom:20px;
	}
	.fntsizet2 {
		font-size:14px;
		padding-bottom:20px;
	}
	.fntsizet3 {
		font-size:14px;
		padding-bottom:20px;
	}
	.fntsizet4 {
		font-size:28px;
		padding-bottom:20px;
	}
	.fntsizet5 {
		font-size:18px;
		padding-bottom:20px;
	}
	.squareware {
		height: 175px;
		width: 270px;
	}
	.warename {
		height: 20px;
	}
	.squareint {
		height: 150px;
		width: 450px;
	}
	.divmore{
		padding-top:120px;
		padding-bottom:10px;
	}
	.squareclt {
		height: 120px;
		width: 120px;
	}
	#divclient {
		 padding-top:30px;
		 padding-bottom:30px;
	}
	.cltname {
		height: 30px;
	}
	#divlogin {
		padding-top:50px;
	}
	#divloginfoot {
		min-height:710px;
	}
	
	/**** slide items ****/
	.padsize {
		padding-bottom:25px;
	}
	.squaremore {
		height: 80px;
		width: 80px;
	}
	.bstimeslider {
		height:80px; 
	}
	.prev3, .next3 {
		top: 50%;
		margin-top: -12px;
		padding: 3px;
	}
	#viewContainer {
		width:100%
	}
	
	/**** slide brands ****/
	.squarebrd {
		height: 42px;
		width: 113px;
	}
	.brdtimeslider {
		height:50px; 
	}
	.prev2, .next2 {
		top: 50%;
		margin-top: -15px;
		padding: 4px;
	}
	#viewContainerbrd {
		/** width for viewable **/
		width:100%;
	}
	
	/**** slide gallery ****/
	.squarega {
		height: 42px;
		width: 113px;
	}
	.gatimeslider {
		height:50px; 
	}
	.prev4, .next4 {
		top: 42%;
		margin-top: -13px;
		padding: 4px;
	}
	#viewContainerga {
		width:100%;
		border-color: aqua;
	}
	
	#divtit {
		padding-top:5px;
	}
	#divval {
		padding-top:5px;
	}
	
	.divtitle {
		padding-top:5px;
	}
	
	.divcolumn {
		padding-top:5px;
	}
}