@media screen and (max-width:768px)
{
	img, form, form select, form input
	{
	  max-width  :  100%;
	}
	
	
	#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;
	}
	
	#BodyDiv, #PaymentMethods img, #FooterDiv, #Products table tr, #Body #Contents
	{
	  width  :  96% !important;
	}
	
	#UserLinks
	{
	  width    :  100% !important;
	  border   :  0;
	}
	
	#LeftPanel, #Products table tr td:nth-child(even), .ws_next, .ws_prev,
	#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;
	}
	
	#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;
	}
	
	#HeaderDiv tr td
	{
	  width  :  50% !important;
	  float  :  left;	
	}
	
	#Header #HeaderDiv
	{
	   margin  :  0px; 
	   width   :  auto; 
	   border  :  none; 
	}
	
	#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       :  50px;
	  top         :  11px;
	  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
	{
	  width   :  auto;
	  height  :  auto;
	}
	
	.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      :  0px;
	}
	
	#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;	
	}

	#UserLinks #UserLinksDiv
	{
	  width    :  94% !important;
	  padding  :  0 3%;	
	}
	
	#UserLinks #UserLinksDiv table tr td
	{
	  width  :  100%;
	  float  :  left;	
	}
	
	#UserLinks #UserLinksDiv table tr td.topNav
	{
	  height  :  30px;
	  clear   :  both;
	}
	
	#UserLinks #UserLinksDiv table tr td.topNav a
	{
	  font-size  :  11px;
	  padding    :  0px;	
	}

	#UserLinks .logo 
	{
	  position  :  relative; 
	  top       :  auto;
	  z-index   :  1; 
	}
	
	#UserLinks .logo img
	{
	  width  :  100px;	
	}
	
	#UserLinks #UserLinksDiv table tr td.logo
	{
	  clear   :  both;
	  height  :  100px;	
	}
	
	#UserLinks #UserLinksDiv table tr td.logo a
	{
	  display:block;
	  float:left;
	}
	
	
	#UserLinks #frmSearch 
	{
	  float       :  left;
      width       :  76%;
	  position    :  relative;
	  margin      :  7px 0px 3px 0px;
	}
	
	#UserLinks select
	{
	  float      :  right;
	  width      :  35%;
	  max-width  :  100px;
	  margin     :  7px 0 3px 0px;
	}
	
	#UserLinksDiv div.fRight
	{
	  width  :  100%	
	}
	
	#UserLinks #frmSearch button
	{
	  top  :  3px;
	}
	
	#UserLinks .dashboardMenu
	{
	  margin      :  0;
	}

	#MyLiveChatContainer
	{
	  width         :  100px !important;
	  margin-right  :  0px;
	  float         :  left;
	}
	
	#CartView
	{
	  position  :  absolute;
	  top       :  -38px;
	  right     :  0;
	  z-index   :  1000;	
	}
	
	#CartView span
	{
	  font-size  :  12px;	
	}
	
	#ApplyCoupon tr td:first-child
	{
	  float  :  left;
	  width  :  100% !important;
	}
	
	#Footer #FooterDiv ul
	{
	  padding  :  0;	
	}

	#Footer #FooterDiv ul li 
	{
	  width       :  48%;
	  float       :  left;
	  text-align  :  left;
	}
	
	#Footer #FooterDiv
	{
	  width    :  96%;
	  padding  : 0 2%;
	  border:0;
	}
	
	#Header 
	{
	  width     :  100%;
	  padding   :  0px;
	  position  :  absolute;
	  top       :  20px;
	}
	
	#Navigation ul li a, #Navigation ul li a:hover, #Navigation ul li a.selected, #Navigation ul li a.selected:hover
	{
	  padding      : 2% 4%;
	  line-height  :  20px;
	  font-size    :  11px;	
	}

	#SocialIcons
	{
	  width          :  100% !important;
	  padding        :  0;
	  margin-top     :  20px;
	  margin-bottom  :  20px;
	}

	#Copyright, #Socials, .fRight.design
	{
	  width        :  100% !important;
	  text-align   :  center !important;
	  line-height  :  20px !important;
	}
	
	#ContactInfoDiv
	{
	  width    :  97% !important;
	  padding  :  2% 0% 3% 3%;
	}
	
	#ContactInfoDiv tr td:first-child
	{
	  float  :  left;
	  width  :  35%;	
	}

	#ContactInfoDiv tr td:last-child
	{
	  float   :  left;
	  width   :  65%;
	}
	
	#ContactInfoDiv tr td:last-child span
	{
	  display     :  block;
	}

	#ContactInfo span
	{
	  font-size      :  12px;
	  text-align     :  right;
	  padding-right  :  6%;	
	}
	
	#ContactInfo table
	{
	  height  :  auto !important;	
	}
	
	#ContactInfo span:last-child 
	{
	  margin-left  :  0px;
	}
	
	#UserLinks #frmSearch input.textbox
	{
	  padding  :  4px;	
	}

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

@media screen and  (max-width: 645px)
{
	#UserLinks .dashboardMenu
	{
	  width       :  100%;
	  float       :  none;
	  clear       :  both;
	  text-align  :  left;
	  margin      :  0;
	  padding-top :  1%;
	}
	
}

@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;
	}

	#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: 500px)
{
	#UserLinks #frmSearch 
	{
		width   :  69%;
		margin  :  7px 0px 3px 0px;
	}	

	#UserLinks select 
	{
		float   :  right;
		width   :  29%;
		margin  :  7px 0 3px 0px;
	}

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

@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;
	}
}