@media screen and (max-width:768px)
{
	img, form, form select, form input
	{
	  max-width  :  100%;
	}
	
	
	#Header, #UserLinksDiv,#CartSummary #CartView, #Body, #PaymentMethods, #SocialIcons, #Products, #Footer,
	#frmTestimonial tr td, #frmContact tr td, #frmRegister tr td, #frmLogin tr td, #frmPassword tr td, #frmCheckout tr td,
	#Contents .table:nth-child(odd) tr td, #MyLiveChatContainer, #FooterDiv td .fRight
	{ 
	  width  :  100% !important;
	}
	
	#HeaderDiv, #BodyDiv, #PaymentMethods img, #FooterDiv, #Products table tr, #Body #Contents
	{
	  width  :  96% !important;
	}

	#Trail table tr td:nth-child(2)
	{
	  float  :  none !important; 	
	}

	#cboxWrapper
	{
	  width        :  100% !important;
	  margin-left  :  10px; 	
	}

	#cboxContent, #cboxLoadedContent
	{
	  width  :  98% !important; 	
	}

	#UserLinks
	{
	  width    :  96% !important;
	  padding  :  5px 2%;
	}

	.cartPic
	{
	  position  :  absolute;
	  left      :  -13px;
	  top       :  -3px;	
	}
	
	/*#LeftPanel, */#Products table tr td:nth-child(even), #UserLinks span, 
	#Trail table tr td:nth-child(1) a:nth-child(2), #Header #CartSummary #CartDetails, .mobileHidden, #RightPanel
	{
	  display  :  none !important;
	}

	#HeaderDiv #frmSearch
	{
	  padding-bottom  :  1px; 	
	}

	#UserLinks div #Currencies
	{
	  display        :  block !important;
	  margin-bottom  :  25px;  	
	}

	.scrollRow 
    {
      min-width: 600px !important;
    }
	
	.footerBanner
	{
	  width   :  100% !important;
	  height  :  auto !important;
	}
	
	.footerBanner img
	{
	  width   :  100%;
	  height  :  auto;	
	}
	
	#Navigation
	{
	  display  :  none;
	}
	
	#Mobile, #Slider img, #HeaderDiv table tr td:first-child, #FooterDiv td .fRight
	{
	  display  :  block !important;
	}
		
	#ContentPanel
	{
	  margin-bottom  :  20px;  	
	}
		
	#Products table tr td, #Header table tr td,
	#frmTestimonial tr td, #frmContact tr td, #frmRegister tr td, #frmLogin tr td, #frmPassword tr td, #frmCheckout tr td,
	#HeaderDiv #CartSummary, #HeaderDiv #frmSearch,
	#FooterDiv a, #HeaderDiv table:nth-child(1) tr:nth-child(1) td,  table#ProductInfo tr td, #CartView span
	{
	  display  :  inline-block !important;
	}
	
	#BillingShipping tr .billingShipping, #BillingShipping tr .billingShipping
	{
	  width    :  100% !important;
	  display  :  inline-block !important;	
	}
	
	#UserLinksDiv #WelcomeDiv
	{
	  float  :  left !important;
	}
	
	#Currencies
	{
	  width          :  145px !important;
	  margin-bottom  :  5px;
	}
	
	#Currency
	{
	  width   :  145px;
	  height  :  auto;
	}
	
	#CartSummary
	{
	  width       :  145px;
	  background  :  none;
	  margin      :  0px;
	}
	
	#Cart form td 
	{
      vertical-align  :  top; 
    }

    #Cart form input 
    {
      padding  :  3px;
    }

    #Cart form input.button 
    {
      max-width      :  170px;
      width          :  99%;
      margin-bottom  :  5px;
    }

    .checkoutMain
    {
      width  :  100% !important; 	
    }
  
    #CategoryMain.checkoutMain tr:nth-of-type(1)
    {
      display  :  none !important;  	
    }

    #CategoryMain.checkoutMain tr
    { 
      width    :  100% !important;
      display  :  block !important;
    }

    #CategoryMain.checkoutMain td
    {
      width  :  auto !important;  	
    }

    .checkoutMain td
    {
      width  :  300px !important;  	
    }

    /*.checkoutMain #frmOrder td, .checkoutMain #frmCheckout td
    {
      width  :  300px !important;  	
    }*/

    /* #frmCheckout tr td
    {
      width  :  auto !important; 	
    } */
    
	#Header
	{
	  padding  :  0px !important;
	}
	
	#HeaderDiv table tr td
	{
	  width    :  45%;
	  padding  :  10px 2%;
	}

	#HeaderDiv table tr td:nth-child(1)
	{
	  width       :  96% !important;
	  text-align  :  left;
	}

	#HeaderDiv table tr td:nth-child(1) img
	{
	  width  :  150px;
	}
	
	#HeaderDiv table tr td:nth-child(4)
	{
	  float       :  none !important;
	  padding     :  10px 0px 0px 0px !important;
	  width       :  98% !important;
	  text-align  :  center;
	}
	
	#HeaderDiv table tr td:nth-child(2), #HeaderDiv table tr td:nth-child(3) 
	{
	  background  :  #f1f0ee;
	  height      :  70px;
	}
	
	#HeaderDiv table tr td:nth-child(2) div
	{
	  top  :  20%;
	}
	
	#MyLiveChatContainer img
	{
	  max-width  :  150px !important;
	}
	
	#HeaderDiv #CartSummary, #HeaderDiv #frmSearch
	{
	  width           :  47%;
	  vertical-align  :  top;
	}
	
	#HeaderDiv #CartSummary
	{
	  padding  :  0px 3% 0px 0px;
	}
	
	#Header #CartSummary span
	{
	  padding-left  :  5px;
	}	
	
	#HeaderDiv #frmSearch input.textbox
	{
	  width         :  95% !important;
	  padding-left  :  2px;
	}

	#Navigation, #NavigationDiv #Logo

	{

	  display  :  none;

	}
	
	#Header #frmSearch #BtnSearch
	{
	  padding-left   :  4px !important;
	  padding-right  :  4px !important;
	}
	
	#Mobile
	{
	  width     :  50px !important;
	  padding   :  0px !important;
	  position  :  absolute;
	  cursor    :  pointer;
	  top       :  17px;
	  right     :  10px;
	}
	
	#Navigation
	{
	  width       :  180px !important;
	  height      :  auto;
	  position    :  absolute;
	  background  :  #f1f0ee;
	  right       :  66px;
	  top         :  73px;
	  z-index     :  11010;
	  border      :  1px solid #a2a2a2;
	}
	    
	#Navigation #NavigationDiv
	{
	  width   :  180px !important;
	  height  :  inherit !important
	}
	    
	#Navigation ul
	{
	  padding       :  0px;
	  float         :  none;
	  z-index       :  11111;
	}
	    
	#Navigation ul li
	{
	  width         :  100% !important;
	  text-align    :  left;
	  display       :  inline-block;
	  float         :  none;
	}
	    
	#Navigation ul li a
	{
	  color         :  #000000;
	}

	#Navigation ul li ul
	{
	  display             :  block;
	  position            :  initial;
	  background          :  #fb863d;
	  padding             :  0px;
	  border              :  none;
	  box-shadow          :  none;
	  -moz-box-shadow     :  none;
	  -webkit-box-shadow  :  none;
	}
	
	#Navigation ul li ul li a
	{
	  color            :  #ffffff;  
	  text-decoration  :  none;   
	}
	
	#Navigation ul li a:hover, #Navigation ul li a.selected, #Navigation ul li ul li a:hover, #Navigation ul li ul li a.selected
	{
	  color       :  #ffffff !important;
	  background  :  #a2a2a2 !important;
	}
	     
	#Navigation ul ul li:first-child > a:after
	{
	  content  :  none; 
    }
	
	#Header #CartSummary #CartView, #Body #Contents
	{
	  padding  :  0px !important;
	  margin   :  0px auto;
	}
	
	#Header #frmSearch #BtnSearch
	{
	  padding  :  4px 5px 4px 5px;	
	}
	
	#Products
	{
	  overflow  :  hidden;	
	}
	
	#Products table tr, #HeaderDiv table tr
	{
	  text-align  :  center !important;
	}
	
	#Products table tr td
	{
	  width  :  24% !important;
	}
	
	#Products table tr td .product
	{
	  width       :  90% !important;
	  max-width   :  140px !important;
	  padding     :  5% !important;
	  text-align  :  center !important;
	}
	
	#Products table tr td .product .picture,  #Products table tr td .product .title, #Products table tr td .product .details, #Contents .addOn
	{
	  width       :  100% !important;
	  height      :  inherit;
	  max-width   :  160px !important;
	  text-align  :  center !important;
	}
	
	#Products table tr td .product .picture img
	{
	  height  :  125px !important;
	}
	
	#Products table tr td .product .title
	{
	  height    :  32px !important;
	  overflow  :  hidden;
	}
	
	#Products table tr td .product .details
	{
	  max-width  :  inherit !important;
	}
	
	.product .details a, .product .details a:hover, .product span
	{
	  float       :  none !important;
	  width       :  inherit !important;
	  margin-top  :  5px !important;
	}
	
	.product .title, .product .title a, .product .title a:hover
	{
	  font-size  :  12px !important;
	}
	
	.product .details span, .product .details a, .product .details a:hover
	{
	  -moz-border-radius     :  4px !important;
	  border-radius          :  4px !important;
	  -webkit-border-radius  :  4px !important;
	}	
	
	#Trail #Settings select
	{
	  width  :  inherit;
	}
	
	#Contents #Trail table tr
	{
	  text-align  :  left !important;
	  clear       :  both;
	}	

	#Trail table tr td:nth-child(1)
	{
	  float  :  left;
	  width  :  12%;
	}

	#Trail table tr td:nth-child(2)
	{
	  width       :  88%;
	  float       :  right;
	  text-align  :  right !important;
	}
	
	.zoomWindow
	{
	  left   :  -50px !important;
	  width  :  200px !important;
	}
	
	#SocialIcons a
	{
	  margin  :  0px 10px !important;
	}
	
	#SocialIcons a img
	{
	  margin  :  10px 5px 15px 10px; 
	}
	
	#FooterDiv
	{
	  padding  :  20px 2% !important;
	  margin   :  0px !important;
	}
	
	#FooterDiv td, table#ProductInfo tr
	{
	  text-align  :  center !important;
	}
	
	#FooterDiv a
	{
	  margin       :  5px 10px;
	  line-height  :  20px
	}
	
	#Captcha, form table table td img
	{
	  margin-bottom  :  5px;
	}
	
	#Contents .table font, #Contents .table  span
	{
	  font-size  :  25px !important;
	}
	
	#Contents .table:nth-child(even) tr td
	{
	  width  :  47% !important;
	}
	
	#ProductDetails
	{
	  text-align  :  left;
	}	

	#FooterDiv td .fRight
	{
	  margin-top  :  15px;
	}
	
	#BtnOrderDiv
	{
	  text-align  :  center !important;
	}
	
	#BtnOrderDiv #BtnOrder
	{
	  margin-top  :  20px;
	  float       :  none !important;
	}

	#cbNewsletter
	{
	  float  :  left;
	}
	
	input.button
	{
	  -webkit-appearance     :  none;
	  -webkit-border-radius  :  0px;
	}
	
	#Slider
	{
	  border  :  none !important;
	  height  :  auto !important;
	}
	
	.banner, .banner img, #Slider img
	{
	  width   :  100% !important;
	  height  :  auto !important;
	}
	
	.scroll
	{
	  width       :  100%;
	  overflow-x  :  auto;
	}

	#ContactInfo
	{
	  font-size  :  14px !important; 
	}	

	#MobileNavigation
	{
	  display  :  block;
      width    :  40px !important;
      float    :  right;
	  cursor   :  pointer;
	  position :  relative;
	  top      :  2px;
	}

	#CloseNav
	{
	  display   :  block !important;
	  position  :  absolute;
	  top       :  20px;
	  right     :  15px;
	  width     :  18px;
	  cursor    :  pointer;
	}
	
	#LeftPanel
	{
	  display      :  none;	
	  position     :  fixed;
	  width        :  85% !important;
      height       :  auto;
	  top          :  0px;
      bottom       :  0px;
      left         :  0px;
      margin       :  0px !important;
	  padding      :  0px !important;
	  z-index      :  11111111111111;
	  overflow-y   :  auto;
	  background   :  #DCDBD5 !important;
      border-left  :  solid 1px #ccc !important;
      border-right :  1px solid #000;	
	}

	ul.categories
	{
	  margin-top  :  33px !important; 
	}
		
	#Contents .addOn
	{
	  width    :  90% !important;
	}
	
	#frmOrder tr td
	{
	  overflow  :  hidden;	
	}
	
	#frmTrack tr td
	{
	  width  :  100%;
	  float  :  left;	
	}
	
	#UserLinks #Currencies select
	{
		font-size  :  12px;	
	}

	#CartImg
	{
	  display  :  none;	
	}

	div
	{
		//border:1px solid red;	
	}

	.orderButtons td
	{
   	  width  :  auto !important;
	}

	/* Fix: Show all checkout accordion sections on mobile instead of one-at-a-time */
	#CheckoutAccordion .ui-accordion-content
	{
	  display    :  block !important;
	  height     :  auto !important;
	  overflow   :  visible !important;
	  padding    :  10px 5px !important;
	}

	#CheckoutAccordion > h3
	{
	  cursor      :  default;
	  margin-top  :  10px;
	  padding     :  8px 10px !important;
	  font-size   :  14px !important;
	}

	#CheckoutAccordion > h3 .ui-icon
	{
	  display  :  none !important;
	}

	/* Fix: Checkout form fields full width on mobile */
	#frmCheckout input.textbox, #frmCheckout select, #frmCheckout textarea
	{
	  width      :  95% !important;
	  max-width  :  100% !important;
	  box-sizing :  border-box;
	}

	#frmCheckout table
	{
	  width  :  100% !important;
	}

	#frmCheckout table tr td
	{
	  display  :  block !important;
	  width    :  100% !important;
	}

	/* Fix: Confirm Order page - show values alongside labels on mobile */
	#frmOrder table td
	{
	  width     :  auto !important;
	  overflow  :  visible !important;
	}

	#frmOrder tr td
	{
	  overflow  :  visible !important;
	}

	/* Fix: Linearize outer layout table on mobile (for payment page and checkout) */
	#BodyDiv > table,
	#BodyDiv > table > tbody,
	#BodyDiv > table > tbody > tr
	{
	  display  :  block !important;
	  width    :  100% !important;
	}

	#BodyDiv > table > tbody > tr > td
	{
	  display  :  block !important;
	  width    :  100% !important;
	}

	#BodyDiv > table > tbody > tr > td[width="190"]
	{
	  display  :  none !important;
	}

	/* Fix: Payment page Make Payment button full width */
	#BtnCheckout, #BtnPayment
	{
	  width      :  100% !important;
	  max-width  :  300px;
	  padding    :  10px !important;
	  font-size  :  16px !important;
	}

	/* Fix: Scroll for order/payment tables on mobile */
	.scroll
	{
	  overflow-x  :  auto;
	  width       :  100% !important;
	}

	/* Fix: Guest checkout button responsive */
	.checkoutAsGuest
	{
	  font-size  :  14px !important;
	  padding    :  8px 15px !important;
	  width      :  auto !important;
	  max-width  :  100%;
	  position   :  static !important;
	  bottom     :  auto !important;
	  left       :  auto !important;
	}
}

@media screen and (max-width: 600px)
{
	#frmCart .scroll table
	{
      min-width: 600px;
    } 
    
	#Products table tr td
	{
	  width  :  49% !important;
	}
	
	#Contents .table font, #Contents .table span
	{
	  font-size  :  20px !important;
	}
	
	#frmAdvanceSearch table tr td
	{
	  display  :  block !important;
	}
	
	#frmAdvanceSearch #Category
	{
	  width      :  90% !important;
	  max-width  :  255px;
	}

	#Navigation
	{
	  right       :  58px;
	  top         :  104px;
	}
	
	#frmAccount table
	{
	  width  :  100%;	
	}
	
	#frmAccount table tr td
	{
	  width  :  100%;
	  float  :  left;	
	}
	
	#frmAccount table tr td input
	{
	  width    :  75%;
	  padding  :  8px;	
	}
	
	.date input
	{
	  width  :  50% !important;	
	}
	
	#frmAccount #BtnSave, #frmAccount #BtnClose
	{
	  width  :  auto;	
	}
	
	#Processing tr td input
	{
	  padding  :  3px;	
	}
	
	#Processing tr td:nth-child(1)
	{
	  width          :  100%;
	  float          :  left;
	  margin-bottom  :  20px;
	}
	
	#Processing tr td:nth-child(2)
	{
	  width  :  50% !important;
	  float  :  left;
	  text-align:left;
	}

	#Processing tr td:nth-child(3)
	{
	  width  :  50% !important;
	  float  :  left;
	  text-align:right;	
	}
	
	#HeaderDiv #frmSearch 
	{
	  width           :  100%;
	  vertical-align  :  top;
	}

}

@media screen and (max-width: 500px)
{
	.emailInfo  
	{
	  font-size  :  11px !important;
	}	

	#frmCart input#BtnApply
	{
	  width        :  45px;
	  margin-left  :  10px !important;		
	}

	.checkoutAsGuest
	{
	  position   :  static !important;
	  bottom     :  auto !important;
	  left       :  auto !important;
	  font-size  :  12px !important;
	  padding    :  5px 10px !important;
	}
}

@media screen and (max-width: 592px)
{

  	#ProductDetails
  	{
  	  border        :  0px !important;
  	  padding-left  :  0px !important;
  	  left          :  -7px;
	}

	#cboxWrapper
	{
	  width  :  436px !important; 	
	}

	#cboxContent, #cboxLoadedContent
	{
	  width  :  98% !important; 	
	}	
}

@media screen and (max-width: 435px)
{
	#Cart form input.button 
	{
      font-size  :  11px;
    }

	#cboxWrapper
	{
	  width  :  382px !important; 	
	}

	#Trail a img
	{
	  width   :  40px;
	  height  :  inherit;
	}

	#Contents .table font, #Contents .table span
	{
	  font-size  :  15px !important;
	}
	
	#HeaderDiv #frmSearch input.button.gray
	{
	  font-size  :  12px;
	}
	
	li.ui-state-default:nth-child(4)
	{
	  margin  :  5px 5px;
	}
}

@media screen and (max-width: 382px)
{
    #cboxWrapper
	{
	  width  :  310px !important; 	
	}

	#Navigation
	{
	  top    :  118px !important;
	  right  :  52px;
	}

	#ContactInfo
	{
	  font-size  :  11px !important; 
	}	

	#HeaderDiv #frmSearch 
	{
	  width           :  70%;
	  vertical-align  :  top;
	}
	
	#UserLinksDiv .fRight
	{
	  margin  : 0 10px;	
	}
	
}