.mbscattitle {
font-size:16px;
font-weight:bold;
font-family: Verdana, Geneva, sans-serif;
padding:0px 0px 0px 110px;
margin:0;
}

.searchboxb { 
border-top: solid 1px #8e8e8e; 
border-right: solid 1px #d1d1d1; 
border-left: solid 1px #d1d1d1; 
border-bottom: solid 1px #e4e4e4; 
height:25px;
width: 239px; 
font-size: 12px; 
maxlength: 40px;
background-color:white;
margin: 0;
padding: 0px 0px 0px 5px;
}

.buttonsearch {
height:27px;
}

.wrapb {
background-color:white;
width:1024px;
margin:0 auto;
padding-bottom:350px;
padding-top:50px;
padding-left:15px;
padding-right:15px;
}

.mobilesearchcatwrap {
width:64%;
height:auto;
margin:5px;
padding:0;
float:left;
}

ul.mobilesearchcategories {
width:205px;
list-style: none;
float:right;
font-size:14px;
font-family: Verdana, Geneva, sans-serif;
padding-bottom:15px;
padding-top:10px;
padding-left:0px;
padding-right:10px;
margin:0;
}

ul.mobilesearchcategories2 {
width:205px;
list-style: none;
float:left;
font-size:14px;
font-family: Verdana, Geneva, sans-serif;
padding-bottom:15px;
padding-top:10px;
padding-left:10px;
padding-right:0px;
margin:0;
}

.mbscatlinks {
color:#4a3a34; 
text-decoration:underline;
}

li.msbcats {
line-height:25px;
}

.mobilesearchsearchbox {
width:33%;
height:auto;
float:left;
margin:5px;
padding-right:0px;
padding-left:10px;
padding-top:45px;
padding-bottom:50px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
background-color:lightblue;
}

.mobilesearchcatsrow1 {
width:50%;
height:auto;
float:left;
padding:0;
margin:0;
}

.mobilesearchcatsrow2 {
width:50%;
height:auto;
float:left;
padding:0;
margin:0;
}

/* MEDIA QUERY FOR LARGE TABLET STARTS HERE !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
@media (max-width: 991px) {

.mbscattitle {
padding:0px 0px 0px 10px;
margin-top:25px;
}

ul.mobilesearchcategories {
width:205px;
list-style: none;
float:left;
font-size:14px;
font-family: Verdana, Geneva, sans-serif;
padding-bottom:15px;
padding-top:10px;
padding-left:10px;
padding-right:0px;
margin:0;
}

.wrapb {
width:713px;
margin:0 auto;
padding-bottom:250px;
padding-top:50px;
padding-left:15px;
padding-right:15px;
}

.mobilesearchcatwrap {
width:100%;
height:auto;
margin:5px;
padding:0;
float:left;
}

.mobilesearchsearchbox {
width:99%;
height:auto;
float:left;
margin:5px;
padding-right:0px;
padding-left:10px;
padding-top:45px;
}

}


/* MEDIA QUERY FOR 767 to 480 SCREEN STARTS HERE !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
@media (max-width: 767px) {

.wrapb {
width:481px;
margin:0 auto;
padding-bottom:150px;
padding-top:30px;
padding-left:15px;
padding-right:15px;
}

.mobilesearchcatwrap {
width:100%;
height:auto;
margin:5px;
padding:0;
float:left;
}

.mobilesearchsearchbox {
width:98%;
height:auto;
float:left;
margin:5px;
padding-right:0px;
padding-left:10px;
padding-top:45px;
}

.mobilesearchcatsrow1 {
width:100%;
height:auto;
float:left;
padding:0px;
margin:0;
}

.mobilesearchcatsrow2 {
width:100%;
height:auto;
float:left;
padding:0px;
margin:0;
}

ul.mobilesearchcategories {
padding-bottom:0px;
padding-top:10px;
padding-left:10px;
margin:0;
}

ul.mobilesearchcategories2 {
padding-bottom:15px;
padding-top:0px;
padding-left:10px;
margin:0;
}

}


/* MEDIA QUERY FOR 479 to 320 SCREEN STARTS HERE !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
@media (max-width: 479px) {

.wrapb {
width:320px;
margin:0 auto;
padding-bottom:150px;
padding-top:30px;
padding-left:15px;
padding-right:15px;
}

.searchboxb { 
width: 175px; 
}

}