@media all and (max-width: 767px){ 
    .mainLogo{
        object-fit: cover; 
        object-position: -9px; 
        margin-bottom: -2px;
    }
    body{
        padding-bottom: 70px !important; 
    }
    .mobileFooter{
       display: block !important;
   }
    .mobileMenu{
        position: fixed;
        left: 0;
        bottom: 0;
        background: #370707e0;
        width: 100vw;
        display: flex;
        justify-content: space-between;
        padding: 0;
        text-align: center;
        z-index: 99999;
    }
    .mobileMenu svg{
        display: block; 
        margin: auto; 
        fill: #fff; 
         height: 30px;
         width: 20px; 
    }
        .mobileMenu .mItem {
            flex-grow: 1; 
        }
    .mobileMenu .mItem a {
        display: flex;
        flex-direction: column-reverse;
        padding: 10px;
        color: #fff; 
        text-align: center; 
    }
    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  ,
    #content_area  > tbody,
    #content_area  > tbody> tr, 
    #content_area  > tbody> tr >td {
        
        display: flex !important;
        flex-direction: column;
        width: 100% !important;
        height: initial !important; 
    }
    table[width="760"]{
        width: 100% !important;
    }
    #content_area table[width="100%"], 
    
    
    #content_area  table[width="100%"].FixText> tbody> tr,
    #content_area  table[width="100%"]> tbody> tr >td[width="50%"]
    {
        display: flex !important;
        flex-direction: column;
        width: 100% !important;
        height: initial !important; 
        
    }
    #content_area  > tbody> tr >
    td[width="12"],
    #content_area  > tbody> tr >
    [width="17"]
    {
        display: none !important;
    }
    #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;
        box-sizing: border-box;
        width: 76% !important;
        max-width: 180px !important;
        overflow: auto;
        height: 100vh !important;
        transition: 0.5s;
        z-index: 999;
        padding-bottom: 80px;
     }
	 
   #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;
    }
    
  #main_area > tbody > tr#headerMenu {
        display: none !important; 
    }
    #mainMobileMenu{
        height: 100vh; 
        background: linear-gradient(to right, #EFE9D9,#ddb3b0); 
        box-sizing: border-box; 
        padding: 10px 5px 50px;
        position: fixed;
        width: 180px;
        top: 0;
        overflow: auto; 
        transition: 0.5s;
        left: -300px;
    }
        #mainMobileMenu.active{
            left: 0;
        }
   #mainMobileMenu ul{
       margin: 0; 
       padding: 0; 
       list-style: none; 
   }
   #mainMobileMenu ul ul {
       margin-left: 10px; 
   }
   
   #mainMobileMenu ul  li a{
       border-bottom: 1px solid #ddb3b0 ;
   }
   #mainMobileMenu ul   li a {
       display: block; 
       font-weight: bold; 
       padding: 10px; 
       
   }
   #mobileSearch {
       display: flex; 
       padding-top: 30px;
       padding-bottom: 30px;
   }
   
   #mobileSearch 
   input[type="text"]{
         width: calc(100% - 50px);
         height: 33px;
         border: 0px solid #97351F; 
   }
   #mobileSearch 
   input[type="submit"]{
         width: 50px;
         border: 1px solid #97351F; 
         font-weight: bold; 
         border-radius: 0; 
         height: 36px;
         background:#97351F ; 
         color: #fff; 
   } 
    #main_area > tbody > tr.mobileHide{
        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; 
    }
}