/* */

.menu-toggle {display:none;}
.Mobile-Menu{display:none;}
.mobiletop {display:none;}
.HomeSlider .cycle-page-block {display:none;}


.FooterMain h4{display:none;}

.HomeSlider .slidearrow { top:50%; position: absolute;  width: 100%;  z-index: 110; display:none;}
.HomeSlider .slidearrow #previewslide{float:left; width:20px; height:43px; background:url(../images/homeslide-leftarrow_t-1459166990.png) no-repeat; text-indent:-9999px; margin-left:10px;}
.HomeSlider .slidearrow #nextslide{float:right; width:20px; height:43px; background:url(../images/homeslide-rightarrow_t-1459166990.png) no-repeat; text-indent:-9999px; margin-right:10px;}


#braintree-cc-form #uniform-creditcard_cctype.selector {width: 193px !important;}
/* =============== Desktop Version 1024 =============== */
@media screen and (max-width:1566px) {

.SliderCaption {top: 119px;}
.SliderCaptionText {width: 450px;}
.SliderCaptionText h4 {font-size: 35px;}
.SliderCaptionText h5 {margin-top: 20px;}
.sliderbtn {margin-top: 0px;}

}



/* =============== Desktop Version 1024 =============== */
@media screen and (max-width:1279px) {
.SliderCaption {top: 68px;}
.SliderCaptionText h4 {margin: 0; padding-bottom:10px;}
.SliderCaptionText h5 {margin: 0;}
.ProductSliderNav a{z-index:999;}
.ProductSliderNav a#id-prev{left:0px;}
.ProductSliderNav a#id-next{right:0px;}
}

@media screen and (max-width:1024px){
.CartCode .CouponCode{ width:60%;}
.CartCode .GiftCertificate {width:40%;}
.ExpressCheckoutContent div.radio, .ExpressCheckoutContent div.checker {float: left !important; margin:5px 4px 0 0 !important;}
.checkout-btn, .tophead{margin-top:4px;}
.top-cart label {line-height: 34px;}
.TopCall {margin-top:6px;}
}


/* =============== Desktop Version 768 =============== */
@media screen and (max-width:1023px){
.wrapper { width: 740px;}
.TopMenu > .inner, #Header > .inner, .PageMenu > .inner, .main > .inner, .footer-main > .inner, .footer-links > .inner, .newsletter-subscription > .inner {max-width: 740px; width: 100%;}
.TopCall {margin-right:11px; margin-top:4px;}
#HomeSlideShow {display:block;}
.SliderCaption {top: 50px;}
.SliderCaptionText {width: 390px; margin-left:30px;}
.SliderCaptionText h4 {font-size: 30px;}
.SliderCaptionText h5 {font-size:24px;}
.SliderCaptionText p {font-size: 16px; line-height: 20px;}
.sliderbtn a { font-size: 15px; height: 34px; line-height: 34px;  padding: 0 18px;}

.ProductSliderBlock {padding: 30px 0;}
.TopBanner {padding: 30px 0 0;}
#home .TopBanner {padding: 30px 0;}
.TopBanner img {width:49%;}
.main {margin-bottom: 30px;}
#home .ProductList li { width: 248px !important;}

.TestimonialText {width: 470px;}
.TestimonialText p {line-height: 24px;}

.menu-toggle { margin: 17px 0; display:block;}
.desktopview{display:none;}
.Mobile-Menu {display: none; left: 0;  position: absolute;  top: 58px;  width: 100%; background:#392e2b; padding-top:33px;}

.InnerBanner {background-size:auto 155px; height: 155px; margin-bottom:20px;}
.InnerBanner .TitleBlock {padding-top: 46px; width:510px;}
.InnerBanner .TitleBlock h1 {font-size: 35px;}
#ContactForm {padding-left: 10px;}
#ContactForm dd, #CheckoutStepPaymentDetails dd {width: 344px;}
#ContactForm .Textbox.Field200 {width: 331px;}

.Mobile-Menu .treeview li {border-bottom: 1px solid #64514c; position: relative;}
.Mobile-Menu .treeview li a{background:#392e2b; color:#fff;}
.Mobile-Menu .treeview li a:hover, .Mobile-Menu .treeview li a.selected, .Mobile-Menu .treeview li li a.selected, .Mobile-Menu .treeview li li li a.selected { color: #dddd6e;  text-decoration: none;}

.header-logo {z-index: 1;}
#ProductDetails h1 {font-size: 27px;}
.PrimaryProductDetails .ProductPrice {font-size: 32px;}
.DetailRow.qty .selector {width: 322px !important;}

.Block.ExpressCheckout.LeftBlock {width: 547px;}
#uniform-sel_billing_address {width: 510px;}
.ImageCarouselBox {padding-left: 35px !important;}    
#prodAccordion {  clear: both; padding-top: 20px;}
.InnerBanner .TitleBlock {padding-top: 35px; width: 483px;}
.InnerBanner .TitleBlock h1 {font-size: 23px;}
.InnerBanner .TitleBlock .Breadcrumb li {font-size: 17px;}

div#fancy_outer, div#fancy_overlay, #fancy_loading, .cloudzoom-blank, .cloudzoom-zoom-inside{display:none !important;}
.login-form .one-half {width: 100% !important;}
#CheckoutStepAccountDetails div.radio , #CheckoutStepBillingAddress div.checker {float: left !important; margin: 5px 4px 0 0 !important;}


.CartCode .CouponCode{ width:60%;}
.CartCode .GiftCertificate {width:40%;}

#AjaxLoading{bottom:auto;}

.tophead ul li{padding:0 2px;}
.TopCall {margin-right: 8px;}
}

/* 768px */
@media screen and (max-width: 768px) {

.productlist-page .Left {display: block;}
.productlist-page .Left {float: left; width: 200px; padding: 0 20px 0 0;}
.PrimaryProductDetails .ProductMain {border-left: 0 solid #e5e5e5; border-top: 1px solid #e5e5e5; padding: 20px;  width: 100%;}
.ImageCarouselBox {padding-left: 200px !important;}
}

/* =============== Tablet Version 480 =============== */
@media screen and (max-width:767px){
.productlist-page .Left {display: none;}
.productlist-page .Left {float: left; width: 200px; padding: 0 20px 0 0;}

.wrapper { width: 460px;}
.TopMenu > .inner, #Header > .inner, .PageMenu > .inner, .main > .inner, .footer-main > .inner, .footer-links > .inner, .newsletter-subscription > .inner {max-width: 460px; width: 100%;}
.SliderCaption{top:48px;}
.SliderCaptionText{width:270px;}
.SliderCaptionText h4 {font-size: 27px;}
.SliderCaptionText h5, .HomeSlider .cycle-pager, #cart-amount, .SliderCaptionText p{display:none;}
#home .ProductList li {width: 230px !important;}
.TestimonialCaption{background:#dddd6e; padding-bottom:0px;}
.TestimonialText {width: auto;}
.TestimonialCaption img { bottom: 0; margin-top: 20px; position: relative;  right: -80px;}
.cycle-pager-Testimonial { bottom: 17px; right: 20px; top: auto;}
.FooterTestimonialBlockInner { margin-bottom: 28px;}
.desktop-head{display:none;}

#Header{position:relative !important; border-bottom:0px;}
.header{padding-top:0px;}
.mobiletop {display:block; margin:0px; padding:0px;}
.mobiletop li{background:url(../images/head-devider_t-1459166990.png) no-repeat top left; float:left; padding:8px 10px; list-style:none;}
.mobiletop li:first-child{background:none;}
.mobiletop li a{color:#dddd6e;}
.mobiletop li a.phone-icon{background:url(../images/mobile-phone-icon_t-1459166990.png) no-repeat; display: block; height: 20px;  margin-top: 3px;  text-indent: -99999px; width: 20px;}
.mobiletop li a.SignIn{background:url(../images/login-icon_t-1459166990.png) no-repeat; display: block; height: 20px;  margin-top: 3px;  text-indent: -99999px; width: 20px;}
.mobiletop li a.SignOut{background:url(../images/logout-icon_t-1459166990.png) no-repeat; display: block; height: 20px;  margin-top: 3px;  text-indent: -99999px; width: 20px;}
.loginlink {padding-right: 0 !important;}
.checkout-btn{margin-left:0px;}
.mobiletop li.last{padding-right:0px;}
.header-top {padding: 0;}
.header-logo img {max-height: 113px;}


.FooterMain h4 {display: inline-block; border: 1px solid #dedd70;  width: 100%; color: #fff; font-weight: normal; padding:7px 12px; box-sizing: border-box; font-family:"monotype_corsivaregular"; font-size:18px; background: rgba(0, 0, 0, 0) url("../images/footer-accordian-bg.png") no-repeat scroll 98% 12px; cursor: pointer; text-transform:none; text-align:left; margin-bottom:10px;}
.FooterMain h4.active {background-position: 98% -22px;}
.FooterMenuLink ul, .FooterCateLink ul{display:none; margin-bottom:10px;}
.FooterMenuLink li {background:none;  border-top: 1px solid #64514c;  box-sizing: border-box;  display: inline-block;  line-height: 15px;  margin:0;  padding: 10px 12px;  text-align: left;  width: 100%;}
.FooterMenuLink li:first-child{border-top: 0px;}
.FooterCateLink .sf-menu li{background:none;  border-top: 1px solid #64514c;  box-sizing: border-box;  display: inline-block;  line-height: 15px;  margin:0;  padding: 10px 12px;  text-align: left;  width: 100%;}
.FooterCateLink .sf-menu li:first-child{border-top: 0px;}
.FooterCateLink .sf-menu li a {color: #ffffff;  font-size: 18px;}
.FooterCateLink .sf-menu li a:hover { color: #dddd6f;}

.InnerBanner {background-size: auto 97px; height: 97px; margin-bottom: 20px; border-bottom:2px solid #dddd6e;}
.InnerBanner .TitleBlock { width: 304px; padding-top:28px;}
.InnerBanner .TitleBlock h1 {font-size: 19px;}

#ContactForm {padding-left:0px;}
#ContactForm dd, #CheckoutStepPaymentDetails dd { width: 100%;}
#ContactForm .Textbox.Field200 {width: 100%;}
#ContactForm textarea {width: 100%;}
#ContactForm .Submit .btn {padding: 0 45px;}

.ProductList li {width: 240px;}
.PrimaryProductDetails .ProductMain {border-left: 0px solid #e5e5e5; padding: 20px; width: 100%; border-top:1px solid #e5e5e5;}
.productPage #prodAccordion .subtitle {padding: 15px 20px !important;}
.productPage .prodAccordionContent {padding: 20px 20px 0;}
.Block.ExpressCheckout.LeftBlock { width: 100%;}
#uniform-sel_billing_address {width: 99%;}
.CartItemQuantity .selector {width: 70px !important;}
.EstimateShipping .form li label, .EstimateShipping .form dt {width: 136px;}
.CartCode .CouponCode, .CartCode .GiftCertificate { margin-bottom: 20px; width: 100%;}
#CreateAccountForm .FormContainer .box dt {width: 165px;}
.ImageCarouselBox {padding-left: 80px !important;}
#prodAccordion {padding-top: 0px;}
.PrimaryProductDetails .ProductMain{padding-bottom:0px;}
.HomeSlider .slidearrow { top:45%; display:none;}
#AccountInbox .HorizontalFormContainer dt ,#EditAccountForm .HorizontalFormContainer dt  {text-align: left; padding-bottom:5px;}
#AccountInbox form .HorizontalFormContainer dd, #EditAccountForm form .HorizontalFormContainer dd {margin-bottom: 20px;}
#AccountInbox div.selector {margin: 0;}

.btn, .btn.alt, input[type="email"], input[type="text"], input[type="password"], input.Textbox {box-sizing: border-box; height: 42px; line-height: 42px; display:inline-block; width:auto;}
.tophead{display:none;}

.login-form input[type="email"], .login-form input[type="password"] {width: 80%;}
#CreateAccountForm .selector {width: 212px !important;}
.PrimaryProductDetails .btn.add-to-cart { font-size: 19px; height: 44px;}
.footerlist{display:none;}
}


/* =============== mobile Version 320 =============== */
@media screen and (max-width:479px){
.wrapper { width: 300px;}
.TopMenu > .inner, #Header > .inner, .PageMenu > .inner, .main > .inner, .footer-main > .inner, .footer-links > .inner, .newsletter-subscription > .inner {max-width: 300px; width: 100%;}
.header-logo {top: -14px; margin-bottom:0px;}
.header-logo img {max-height: 88px;}
.TopBanner img {width: 100%; margin-top:10px;}
.TopBanner img:first-child {margin-top:0px;}
.SliderCaption {top: 15px;}
.SliderCaptionText {margin: 0 0 0 20px; width: 205px;}
.SliderCaptionText h4 {font-size: 20px;}
.sliderbtn a {font-size: 14px; height: 30px; line-height: 31px; padding: 0 12px; font-weight:normal;}

.TestimonialCaption {padding: 16px 16px 0;}
.TestimonialText h2 {font-size: 32px; padding: 0 0 10px;}
#home .ProductList li { width: 300px !important;}
.FooterMain {background: #392e2b !important; padding-bottom:20px;}
.VisaImg {margin:0px 0 25px; width: 100%;}
.FooterCerImg a {display: inline-block; margin: 0;  width: 72px;}
.FooterCopyRight {margin-top: 20px;}
.FooterCopyRight p {line-height: 22px;  margin-bottom: 0;}

.ProductList .ProductActionAdd{display:block !important;}
#home .ProductList .btn {background-color: #333333; font-size: 19px; height: 40px; line-height: 40px; padding: 0 30px;  width: auto;}
.Content.ContenBlock {padding: 10px;}
#ContactForm .Submit .btn {line-height: 50px;}
#ContactForm .ReqText {line-height: 19px; padding-left: 20px;}

.ProductList li {width: 100%;}
#ProductDetails h1 {font-size: 23px;}
.PrimaryProductDetails .ProductPrice {font-size: 26px;}
.DetailRow.qty .selector {width: 255px !important;}
.ExpressCheckoutBlock .ExpressCheckoutTitle { font-size: 15px !important;  padding: 10px;  text-transform: uppercase;}
.HorizontalFormContainer dt {width: 100%;}
.AddBillingAddress dd, .AddShippingAddress dd { width: 100%;}
#CreateAccountForm form .HorizontalFormContainer dd {float: left; width: 100%; margin-bottom:20px;}
#CreateAccountForm .Textbox.Field200 {width: 100%;}
#CreateAccountForm .selector.fixedWidth {width: 99%;}
.HomeSlider .slidearrow {top: 40%;}
.HomeSlider .slidearrow #previewslide, .HomeSlider .slidearrow #nextslide {background-size:80% auto;}
.ImageCarouselBox {padding-left: 30px !important;}
.Breadcrumb {display: none;}
.InnerBanner {background-size: auto 64px; border-bottom: 2px solid #dddd6e; height: 64px; margin-bottom: 20px;}
.InnerBanner .TitleBlock {padding-top: 15px; width: 216px;}
.InnerBanner .TitleBlock h1 {font-size: 17px;}

#AccountInbox div.selector {width: 298px;}
#AccountInbox .Textbox.Field350 {width: 298px;}
.btn, .btn.alt, input[type="email"], input[type="text"], input[type="password"], input.Textbox {height: 42px; line-height: 42px; display:block; width:100%;}
#AccountInbox form .HorizontalFormContainer dd {float: none;}

.AccountOrderStatusList .btns { color: #5e5c5c;  float: left;  font-size: 13px;  font-weight: normal;  line-height: 28px;  position: relative;  right: 0;  top: 10px;  width: 100% !important;  z-index: 2;}
.AccountOrderStatusList .btns form { display: inline;  float: none;}
.AccountOrderStatusList .btns .btn-clear {  clear: none;  float: none;}
.OrderItemList { margin: 10px 22px;}
#EditAccountForm .Textbox.Field200 {width: 100%;}
#EditAccountForm form .HorizontalFormContainer dd {float: none;}
.login-form input[type="email"], .login-form input[type="password"] {width: 99%;}
#CreateAccountForm .selector {width: 294px !important;}
#LoginForm .btn.alt{padding:0 !important; font-size:12px;}

.TestimonialCaption img {right: -18px;}
.Content.ContenBlock h1 {font-size: 35px;}
/*.ProductList .ProductImage img, #ProductDetails .ProductThumbImage img {width: 55%;}*/
#ProductDetails .ProductThumbImage { height: 416px;}
#ProductDetails .ProductThumbImage img {width: 55%;}

.txtR.mbm .btn.alt{ height: auto; line-height: 21px; padding: 9px;  width: 100%;}

.productPage #ModalContainer .btn, .productPage #ModalContainer .btn.alt  { height: auto; line-height: 31px; width: 100%; padding:0 5px; margin:0px;}
.productPage #ModalContainer .ProceedToCheckout .CheckoutButton {padding-bottom: 0;}
.CartContents tfoot .SubTotal td{text-align:left;}
.CartContents tfoot .SubTotal td.Even {padding: 0px 5px; width: 23% !important;}
.CartContents .SubTotal em{padding-left:6px;}
.ProceedToCheckout, .KeepShopping .btn.alt{padding:0 5px;}
.CheckoutRedeemCoupon input.Textbox, .CheckoutRedeemCoupon .btn.alt { width: 97%;}
#ContactForm .Submit, #CheckoutStepPaymentDetails .Submit {margin: 0 0 20px; padding: 0;}
#CheckoutStepPaymentDetails .ExpressCheckoutContent .ProductPrice {float: left; margin: -35px 0 0 234px !important; position: relative;}

table.General, table.CartContents, table.General, table.CartContents tr td { font-family: arial; font-size: 15px;}

.CartContents .CartItemQuantity .selector {width: 70px !important;}
.CartContents .ProductName a {font-size: 15px; font-weight: 400;}
table.CartContents tbody tr td {padding: 10px;}
.EstimateShippingLink.btn.alt{width:94% !important;}

}