/************************************************************************************
*	MOBILE 767 * 220
************************************************************************************/
@media only screen and ( min-width: 220px) and ( max-width: 767px) {
.hide{ display:none;}
#footerpan .hide{ display:none;}
.wrap { max-width:96%; margin:0 auto;} /* website width */
.bodywrap { max-width:96%; margin:0 auto;} /* website width */
.mob-show { display:block;}

#body-container {padding:0px; }

/* ======== HEADING STYLE  ======== */
h1      {font-size:150%;   }
h2      {font-size:150%;   }
h3      {font-size:150%;   }
h4      {font-size:150%;   }
h5      {font-size:150%;   }
h6      {font-size:150%;   }

/* ======== Wrapper  ======== */
.wrapper          {   margin: 0 auto auto;/* the bottom margin is the negative value of the footer's height */}
.footer           {position: relative;}
.footer, .push    {height: auto; clear:both;/* .push must be the same height as .footer */  }

/* ======== HEADER  ======== */
#headerpan {  position:relative;     }
header.sticky {position: relative;  }
header.stickyremove{ position: relative;}
 
#visual_container  {float:none; }
 
.f-left {width:100%; }
.f-right {width:100%; text-align:center }
ul.footerlinks, ul.footerlinks li {text-align:center;padding: 0px 8px; }
.inner-data {width:90%; margin:0 5%; }
#header .logo  { float:none; }

.contactus-cell {display:block; width:100%; margin-bottom:30px; } 

.introduction .intro_left {width:100%; }
.introduction .intro_left img {width:100%; height:auto; }
.introduction .intro_right   {width:100%; }

ul.category-grid li { width:240px }

ul.prod_list {text-align:center; }
ul.prod_list li {max-width:100%; text-align:center; margin:1% 1% 15% 1% ; width:240px;} 

.introbg {padding-top:10px; }

.heading { width:100%; float:left; display:block; }
.heading .hd-title { float:left; width:80%;  }
.heading .hd-contact  { float:right; }

.ss { display:none; }
.ss1 { display:block; }

.prod-table-col1 {width:100%; display:block; border-bottom:0px; padding:0px;}
.prod-table-col2 {width:100%; display:block; float:left; margin-bottom:30px; padding:10px 0px;}
.prod-table-col2 h2 {text-align:center; }
.item-hover.circle {margin:0px auto; }
ul.two-col li {width:80%; }

.bread-left {float:left; width:100%;}
.bread-right {float:left; width:100%;}

.prod_list_left {width:100%; float:left;text-align:left; border-bottom:1px dotted #ccc; padding-bottom:5%;}
.prod_list_right {width:100%; float:left;text-align:left; padding-top:10%;}

.csd_list_left {width:100%; float:left;text-align:left; border-bottom:1px dotted #ccc; padding-bottom:5%;}
.csd_list_right {width:100%; float:left;text-align:left; padding-top:10%;}

}


/************************************************************************************
*	MOBILE 640 * 220
************************************************************************************/

@media only screen and ( min-width: 220px) and ( max-width: 640px) {
 
 




 
 
}

/************************************************************************************
*	MOBILE 480 * 220
************************************************************************************/

@media only screen and ( min-width: 220px) and ( max-width: 480px) {

#header .header_right {  display:none;    }
 
 

}


/************************************************************************************
*	MOBILE 480 * 321
************************************************************************************/

@media only screen and ( min-width: 321px) and ( max-width: 480px) {

 
 
 

}


/************************************************************************************
*	MOBILE 640 * 481
************************************************************************************/

@media only screen and ( min-width: 481px) and ( max-width: 640px) {


 
 
 

}


/************************************************************************************
*	MOBILE 320 * 220
************************************************************************************/
@media only screen and ( min-width: 220px) and ( max-width: 360px) {



}



/************************************************************************************
*	MOBILE 220 * 640
************************************************************************************/
@media only screen and ( min-width: 220px) and ( max-width: 640px) {

 

 
 

}