@media all and (max-width: 767px){
    body {
        margin: 0; 
        padding:0; 
    }
    #main_area,
    #main_area > tbody,
    #main_area > tbody> tr, 
    #main_area > tbody> tr >td ,
    #header_area > table,
    #header_area > table > tbody,
    #header_area > table > tbody> tr, 
    #header_area > table > tbody> tr >td ,
    #content_area > table,
    #content_area > table > tbody,
    #content_area > table > tbody> tr, 
    #content_area > table > tbody> tr >td 
    {
        display: block !important; 
        width: 100% !important;
        height: initial !important; 

    }
     #main_area img {
         max-width: 100%; 
     }
   #main_area #content_area #mainSidebar { 
        position: fixed;
        left: -180px;
        top: 0;
        width: 76% !important;
        max-width: 180px !important;
        overflow: auto;
        height: 100vh !important;
        transition: 0.5s;
        z-index: 999;
     }
	 
   #main_area #content_area #mainSidebar.active{
	   left: 0 !important; 
   }
  #content_area td[width="5"],
  #content_area td[height="13"],
  #content_area td[width="6"],
   #content_area td[width="11"]{
       display: none !important; 
   }
   #mainFooter table {
	   width: 100% !important; 
	   float: none !important; 
	   margin-left: auto; 
	   margin-right: auto; 
   }
   #header_area td[width="334"] a{
	   display: block !important; 
   }
   #header_area img[src="images/top-link.gif"]{
	   display: none !important; 
   }
   #main_area  #header_area td[width="334"] { 
		background: #c1baad;
		text-align: center; 
   }
   #main_area  #header_area td[width="334"] a { 
		display: inline-block !important;
		overflow: hidden;
	}
   #main_area  #header_area img {
		max-width: 100%;
		transform: scale(1.05);
	}
	#mobileNavToggler{
        display: block !important; 
        position: fixed; 
        top: 50px; 
        right: 8px; 
        background: #f69679; 
        padding: 5px 10px;
        color: #fff;  

	}
	#mobileNavToggler{
        display: block !important; 
        position: fixed; 
        top: 110px; 
        right: 2%; 
        background: #f69679; 
        padding: 5px 10px;
        color: #fff;   
        z-index:99;
	}
	#mobileCart{ 
        display: block !important; 
        position: fixed; 
        top:110px; 
        left: 2%; 
        background: #f69679; 
        padding: 5px 10px;
        color: #fff; 
        z-index:99;  
	}
.mobile_header_menu {
    display: block !important;
    margin-left: 0 !important;
    max-width: 100%;
    list-style: none !important;
    margin: 0;
    padding: 10px 12px;
}
.footer_menu {
    margin: 0; 
    padding: 0;
    list-style: none !important;  
    margin-bottom: 20px;
}

.footer_menu li {
    display: inline-block;
    padding: 0 5px;
    border-right: 1px solid #000;
}

.footer_menu li:last-child{
    
    border-right: none !important;
}
.footer_menu li  a {
    text-decoration: none !important;
    
}
#footer_copyright_image {
    display: none !important;
}
#foooter_copyright { 
    display: block !important;
    background: #cac2b9;
    max-width: 100%;
    margin: auto;
    float: none;
    padding: 10px;
    text-align: center;
}

    #main_area{
        width: 96% !important;
        margin-left: auto;
        margin-right: auto; 
        
    }
     #content_area #mainFooter > table[width="98%"]{
        max-width: 96% !important;
        float: none;
        margin-left: auto;
        margin-right: auto; 
    }
    #header_area {
        overflow-x: hidden; 
    }
    a{
        display: inline-block; 
    }
   #mainFooter img[height="13"]{
        display: none !important;
    }
}

@media all and (max-width: 550px){ 
	h1{
	    font-size: 28px;
	} 
   
    form[name="TheForm2"]> table ,
    form[name="TheForm2"]> table > tbody,
    form[name="TheForm2"]> table > tbody> tr, 
    form[name="TheForm2"]> table > tbody> tr >td, 
    #content_area #mainFooter > table[width="100%"],
    #content_area #mainFooter > table[width="100%"]> tbody,
    #content_area #mainFooter > table[width="100%"]> tbody> tr, 
    #content_area #mainFooter > table[width="100%"]> tbody> tr >td, 
    #content_area #mainFooter > table[width="98%"],
    #content_area #mainFooter > table[width="98%"]> tbody,
    #content_area #mainFooter > table[width="98%"]> tbody> tr, 
    #content_area #mainFooter > table[width="98%"]> tbody> tr >td , 
    #content_area #mainFooter > table[width="98%"]> tbody> tr >td >form > table[width="100%"],
    #content_area #mainFooter > table[width="98%"]> tbody> tr >td >form > table[width="100%"]> tbody,
    #content_area #mainFooter > table[width="98%"]> tbody> tr >td >form > table[width="100%"]> tbody> tr, 
    #content_area #mainFooter > table[width="98%"]> tbody> tr >td >form > table[width="100%"]> tbody> tr >td 
    {
        display: block !important; 
        width: 100% !important;
        height: initial !important; 

    }
    #content_area #mainFooter > table[width="98%"]{
        max-width: 96% !important;
        float: none;
        margin-left: auto;
        margin-right: auto; 
    }
    form[name="TheForm2"]> table > tbody> tr >td[width="10"]{
        display: none !important;
    }
    select.shopselectsize { 
        width: calc(100% - 5px);
    }
    #main_area #header_area 
    img[src="images/top-b1.gif"]{
        display: none !important;
    }
    #header_area { 
    background: #cac2b8;
    }
}
@media all and (max-width: 400px){
    #mainFooter img {
        height: initial; 
    }
}