/* For responsive */
* {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
*:before,
*:after {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
            
.row:after {
    content: "";
    clear: both;
    display: block;

}
[class*="col-"] {
    float: left;
    padding: 5px;
}
/* For mobile phones: */
[class*="col-"] {
    width: 100%;
}
@media only screen and (min-width: 600px) {
    /* For tablets: */
    .col-m-1 {width: 8.33%;}
    .col-m-2 {width: 16.66%;}
    .col-m-3 {width: 25%;}
    .col-m-4 {width: 33.33%;}
    .col-m-5 {width: 41.66%;}
    .col-m-6 {width: 50%;}
    .col-m-7 {width: 58.33%;}
    .col-m-8 {width: 66.66%;}
    .col-m-9 {width: 75%;}
    .col-m-10 {width: 83.33%;}
    .col-m-11 {width: 91.66%;}
    .col-m-12 {width: 100%;}
}
@media only screen and (min-device-width: 768px) {
    /* For desktop: */
    .col-1 {width: 8.33%;}
    .col-2 {width: 16.66%;}
    .col-3 {width: 25%;}
    .col-4 {width: 33.33%;}
    .col-5 {width: 41.66%;}
    .col-6 {width: 50%;}
    .col-7 {width: 58.33%;}
    .col-8 {width: 66.66%;}
    .col-9 {width: 75%;}
    .col-10 {width: 83.33%;}
    .col-11 {width: 91.66%;}
    .col-12 {width: 100%;}
}
.container {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

/* For responsive */

@media only screen and (max-width: 1132px) {
	
#container{
	width:1000px;
	margin:0px auto;}
#leftSection {
    float: left;
    width: 760px;
}
.catlist{
	width: 169px;}
.arrivals{
	width: 149px;
	height:207px;}
	
#rightSection {
    width: 223px;
}

h5 {
 
    line-height: 32px;
}
.sodledlgo{
	margin-bottom:14px;}
.NNN {
    font-size: 12px;
    line-height: 16px;
}


	}
	
@media only screen and (max-width: 1000px) {
	
#container{
	width:800px;
	margin:0px auto;}
	
#leftSection{
	width:inherit;}
	

.catlist {
    width: 179px;
}

.arrivals {
    height: 212px;
    width: 177px;
}

#rightSection {
    width: inherit;
	float:inherit;
}

h5 {
    line-height: 54px;
}
.sodledlgo {
    float: left;
    height: 75px;
    margin-bottom: 14px;
    margin-left: 5px;
    width: 173px;
}

#Nav li a{
	width:inherit;
	padding:0px 27px}
	


	}
	
	
@media only screen and (max-width: 800px) {
	
#container{
	width:600px;
	margin:0px auto;}
	
#Nav li a {
    padding: 5px 10px;
    width: inherit;
}

#banner{
	height:324px;
	padding-top:15px;}
	
.ritmargindeductor{
	margin-right:13px;}
.bottommargindeductor{
	margin-bottom:15px;}
.catlist {
    width: 175px;
}	

.bottommargindeductorTree{
	margin-bottom:0px;}
.arrivals{
	margin-right: 13px;}
	
.ritmargindeductorThree{
	margin-right:13px;}
		
.sodledlgo {
    margin-bottom: 14px;
    margin-left: 0px;
    width: 271px;
}
}

@media only screen and (max-width: 600px) {
#container{
	width:320px;
	margin:0px auto;}
	
#banner {
    height: auto;
}
#Nav{
	background:none;}	
#Nav li{
	float:inherit;
	 background: url("../images/navbg.png") repeat scroll 0 0 transparent;
	}
#Nav li a{
	line-height:39px;
	}
.catlist{
	width:100%;}
.arrivals {
    height: 274px;
    width: 100%;
	margin-right:0px;
	margin-bottom:15px;} 
.sodledlgo{
	width:100%;
	margin-right:0px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	height:inherit;
	}
	
.FootNav a{
	padding:0px;
	width:100%;
	float:inherit;
	border:0px none;
	line-height:30px;
	}
.tablewraper{
	/*width:554px;*/
	width:auto;
	overflow:auto;}
.LiSearch, .LIlist{
	width:100%;
	-moz-box-sizing:border-box;
	-web-kit-box-sizing:border-box;
	sizing:border-box;}
.LiSearch input, .LIlist select{
	float:inherit;
	width:100%;
	-moz-box-sizing:border-box;
	-web-kit-box-sizing:border-box;
	sizing:border-box;}
	
.tblehdr{
	height:208px;
	background:#616161;}	

	}