@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;
	}
	
	#UserLinks
	{
	  width    :  100% !important;
	}
	
	#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;
	}
	
	.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;
	}
		
	#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;
	}
	
	#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; 
	}	

	#MobileNavigation
	{
	  display  :  block;
      width    :  40px !important;
      float    :  right;
	  cursor   :  pointer;
	  position :  relative;
	  top      :  10px;
	}
	
	#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;	
	}
}

@media screen and (max-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       :  55px;
	  top         :  97px;
	}
	
	#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: 592px)
{
  	
  	#ProductDetails
  	{
  	  border        :  0px !important;
  	  padding-left  :  0px !important;
  	  left          :  -7px;
	}	
}

@media screen and (max-width: 435px)
{
	#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)
{
	#Navigation
	{
	  top    :  87px !important;
	  right  :  52px;
	}

	#ContactInfo
	{
	  font-size  :  11px; 
	}	

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