@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: 102px; 

        right: 2%; 

        background: #f69679; 

        padding: 5px 10px;

        color: #fff;   

        z-index:99;

	}

	#mobileCart{ 

        display: block !important; 

        position: fixed; 

        top:102px; 

        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; 

    }

}