/**Blog Section **/

.skin_blog img {max-width:100%; height:auto}

.layout {max-width:1020px; margin:0 auto}

.skin_blog { width:100%; float:left; padding:20px 0 0 0}

.skin_blog h2 { text-align:center }
.skin_blog h2 span { background:#5ebbe2; width:150px; height:15px; display:inline-block}

.sking-heading { width:100%; text-align:center; padding:0 0 10px 0}
.sking-heading .star_heading { display: inline-block}
.sking-heading .star_heading  span { display:inline-block;  background:#5ebbe2; width:100px; height:3px}
.sking-heading .star_heading h2 { display: block; padding:0 13px; margin:0;font:700 27px/32px 'Open Sans'; color:#333;}

.kin_top_blog { width:100%; float:left}

.kin_cls { width:32%; float:left;margin: 0 2% 0 0; position:relative;}

.kin_cls span { float:left;position:relative; height:300px; border:1px solid #ccc}

.kin_cls span img { float:left; height:100%;}
.kin_cls .bg-color { position:absolute; left:0; top:0; ; background:rgba(0, 0, 0, 0.2); width:100%; height:78%}

.kin_cls .text_blog { }

.kin_cls .border { border:1px solid #333; float:left; margin: 0 5%; width: 90%; text-align:center}

.kin_cls h4 {font:700 16px/24px 'Open Sans'; color:#333; margin:0; padding:10px 0; text-transform: uppercase;min-height:85px; text-align:center; clear: both;}

.kin_cls h4 a { color:#0a0909; }

.kin_cls h4 a:hover {text-decoration:none; color:#666}

.kin_cls p {font:400 14px/24px 'Open Sans'; color:#fff; position:absolute; left:0; bottom:78px; text-align:center; width:100%}

.kin_cls p a { color:#fff;padding:5px 3px; background:rgba(0, 100, 103, 0.7); text-decoration:none }

.kin_cls p a:hover { text-decoration:none; background:#eb7806}

.willnes_section { width:100%; float:left;}

.left_willnes { width:67%; float:left}

.willnes_heading {  background:url(../images/border-top.png)  repeat-x 0 0}

.willnes_blog { width:100%; float:left; padding:30px 0; border-bottom:3px dotted #ccc}

.willnes_blog  h5 {font:400 16px/24px 'Open Sans'; color:#89ad12; margin:0; padding:0; text-align:center}

.willnes_blog h2  {font:700 31px/33px 'Open Sans'; color:#0a0909; text-align:center;margin:0; padding:4px 0 0 0 }

.willnes_blog h2 a {color:#0a0909}

.willnes_blog span { float:left; padding: 30px 0 0 0}

.willnes_blog:last-child { border:none}

.admin { width:100%; text-align:center; padding:12px 0 0 0; float:left}

.admin  .author { background:url(../images/divider.png) no-repeat right 0; float:none; display:inline-block; margin:0; padding:0 9px 0 0;font:400 16px/24px 'Open Sans'; color:#89ad12}

.admin   .date {float:none; display:inline-block; margin:0; padding:0 0 0 8px; font:400 16px/24px 'Open Sans'; color:#000}

.willnes_blog p {font:400 15px/22px 'Open Sans'; color:#000; padding:12px 0; clear:both}

.outer_read_more { width:100%; float:left; text-align:center}

.outer_read_more a {margin: 0 auto; display: block; background-color:#576164; border: 1px solid transparent;

  color: #ffffff; -webkit-border-radius: 3px; border-radius: 3px; -webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;

  transition: all 0.3s ease-in-out;font:400 16px/24px 'Open Sans'; color:#89ad12; color:#fff; padding:10px 30px; display:inline-block}

 .outer_read_more a:hover { background-color: #ec7906; color: #fff;border-color: #b1ac7f ; text-decoration:none} 

.right_willnes { width:26%; float:right; }

.willnes_box {width:100%; float:left; text-align:center; padding:0 5%;background:#f4f4f4} 

.right_willnes h4 {font:700 18px/23px 'Open Sans'; color:#fff; text-align:center; margin:0; padding:10px 0; background:#596266; width:100%; float:left}

.willnes_box p {font:400 15px/22px 'Open Sans'; color:#000; padding:5px 0px; text-align:left}

.willnes_box a {font:700 15px/22px 'Open Sans'; color:#89ad12}

.willnes_box a:hover {color:#0a0909; text-decoration:none}

.popular_box { width:100%; float:left; padding:20px 0; background:url(../images/border-top.png)  repeat-x bottom}

.willnes_box .popular_box small {font:400 15px/22px 'Open Sans'; color:#000; text-align: left; width:100%; float:left; padding:7px 0}

.willnes_box .popular_box h5 {font:700 18px/23px 'Open Sans'; color:#000; text-align:left; margin:0; padding:0}

.willnes_box .popular_box h5 a {color:#000;  text-decoration:none}

.categories { background:#f4f4f4; width:100%; float: left; padding:0 5%; margin:0 0 15px 0}

.right_willnes .categories_heading { margin:0}

.categories ul { margin:0; padding:20px 0}

.categories ul li { width:100%; float:left; padding: 0 0 7px 0}

.categories ul li a {font:500 15px/22px 'Open Sans'; color:#626262;}

.social { width:100%; float:left; margin:26px 0 0 0; background:#f4f4f4; padding:0 0 30px 0}

.social ul { width:auto; float:left; padding:25px 0 20px 33px; margin:0}

.social ul li { float:left; width:auto; padding:0 20px 0 0}

.social ul li  a { background:#fcffff; width:35px; height:35px; text-align:center; float:left; font-size:14px;line-height: 35px;border-radius: 50%; transition:all 1s}

.social ul li  a:hover { background:#89ad12; color:#fff}

.subscribe_text { width:220px; margin:0 auto}

.subscribe_text  h5 {font:700 18px/23px 'Open Sans'; color:#000; padding:12px 0 13px 0; margin:0; float:left}

.subscribe_text input[type="text"] { width:96%; float:left; background:#fff; border:none; height:35px; margin:0 0 15px 0; padding:0 2%}

.subscribe_text input[type="submit"] { width:100%; float:left; background:#fed883; border:none;font:400 15px/35px 'Open Sans'; color:#000; height:35px; cursor: pointer}

.kin_cls:last-child { margin:0} 

.blog_detail_content ul { margin:0; padding: 0 0 7px 3%; list-style:disc; width:97%}

.blog_detail_content ul li { color: #000;font: 400 15px/22px 'Open Sans'; padding: 0 0 5px;}

.login_hide #tab-body { display:none!important}

.condtion_list_left #tab1 { display:none}

.brand_last_left #tab2  { display:none}

.call { font-size:12px;  font-family:Arial, Helvetica, sans-serif}

.blog_detail_content { font:400 14px/25px 'Open Sans'; color:#333; text-align:justify}











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

   

	

	





	

	/****/

	.checkout_page_new .buttons {margin-left: 0; width:100%; margin-bottom:10px}

	.checkout_page_new .step_box {width: 118px;}

	.step1 .process_line_active {width: 128px;}

	.checkout_page_new .right-panel { margin:0; width:100%}

	.checkout_page_new .table_style td {padding: 8px 4px;}

	.checkout_page_new .login_panel { width:100%; margin:10px 0 0 0}

	.bx-wrapper .bx-viewport { height:auto!important}

	.discount_box { margin:0!important}

	.best_seller { width:100%; text-align:center; padding-left:0}

	.best_seller span { padding:0}

	.conditions_close2 { display:block!important}

	.leftmenu_box { width:50%; float:left}

	.f-like ul { padding:8px 10px 0 60px}

	.mobile_hide { display:none}

	.popup { width: 420px;top: 24px; left: 51%;}

	

	.leftmenu_box { width:50%; float:left}

	.f-like ul { padding:8px 10px 0 60px}

	.mobile_hide { display:none}

	

	.begin_filed {margin: 0; width: 95%;}

	.skin_blog ul {padding:0 0 0 9%}

	.skin_blog ul li input[type="checkbox"] { vertical-align:top}

	.conditions_blog .latest-product-list li {  width: 179px;}

	.logo {width:150px; margin-top:4px}

	.search-panel {width: 64%;}

	.header-top { padding:36px 0 10px 0}

	.outer_left_panel { display:none}

	.inner_filed ul li.newsletter_li label { width: 94%;}

	.skin_blog .skin_care_list li.yes_last input[type="text"] {width: 41%;}

	.conditions_blog h2 { font-size:32px}

	.loginpagesumenu { display:none}

	.loginpagesection .right-panel-top { margin: 17px 0 0 4%;}

	.login_2 { display:none}

	.jcarousel-skin-tango li .product-list { width: 80%; padding: 0 10%;}

	.jcarousel-skin-tango { height:auto}

	.right-panel .bx-wrapper {border-left: 1px solid #ccc}

	

	/***/

	.left-panel {position:fixed; background:#c0b475; z-index:99999; margin:0; height:315px; overflow-y:scroll; padding:10px 7%; width:86%; left:-800px; top:0}

    #tab-wrapper  { display:block}

	#cat-head { display:none !important}

	.brand_close { display:block!important}

	#tab-outer #tab-wrapper  { display:block}

	.icon-close { display:block; width:100%; float:left; padding:10px 0}

	#tab-wrapper li { width:100%; float:left; padding:0 0 3px 0 }

	#tab-wrapper li a { display:block; background:#dfd8ba; padding:10px 0; text-align:center; font-size:14px}

	#tab-wrapper li.active a { background:#deccb4 url("../images/tab-arrow.png") no-repeat scroll right 8px }

	#tab-body { float: left; padding: 14px 0 0 5%;width: 55%;background:#deccb4; font-size:16px}

	#tab-body .leftmenu_box {float: left; width: 97%;}

   .icon-close .fa {color: #333; font-size: 18px; padding: 0 0 6px 0;}

   .icon-close a { float : right;}

   .left_page_menu { display:block; float:left; width:94%; background:#b1ac7f  url("../images/filter.png") no-repeat scroll 23px 4px; font-size:14px; padding:10px 0; text-align:center; margin:15px 3% 15px 3%; font-weight:bold }

   .right-panel { border:none}

   .bot-banner-new .bot-banner-list { height:auto}

   .kin_top_blog { text-align:center}

   .kin_cls { float: none; margin: 0 auto; width: 76%; padding:0 0 20px 0; display:inline-block}

   .kin_cls .text_blog { background: #ffeedd none repeat scroll 0 0; float: left;top:0;width: 100%; position:inherit; margin:0; padding:0 0 10px 0}

   .kin_cls p { color:#333}

   .kin_cls .border { border:none;float: left;margin: 0;text-align: center;width: 100%; }

   .kin_cls p {position: inherit;}

   .willnes_section { width:100%; margin:30px 0 0 0}

   .left_willnes { margin: 0 auto; float:none; width: 83%;}

   .right_willnes {float: none; margin: 0 auto;width: 83%;}

   .social ul { margin:25px 0 0 14%}

   .kin_cls h4 { min-height:inherit}

   .willnes_blog p { text-align:justify}

   .breadcrum { padding:10px 0 0 22px}

   .right-panel, .use-with { float: none;margin: 0 auto;width: 91%;}

   .sugetion-panel { margin:12px 0 0 0}

   .brand_last_left #tab-wrapper li .condition_text { display:none}

   .condtion_list_left  #tab-wrapper li .condition_brand { display:none}

   .new_contener .right-panel { padding: 0 5%;width: 90%; }

   .new_contener .page-head.detail { padding:0 0 15px 6%}

   .new_contener .addtocart { color:#000; font-size:15px}

   .new_contener .qty-input { width: 6px;}

   .new_contener .checkout_page_new .table_style td { padding:8px 1px}

	.new_contener .newsletter-input.discount { margin-bottom:10px}

	.my_account .buttons_box { width:100%; float:left; text-align:center}

	.my_account .buttons_box .buttons { margin:0 auto;float:none}

	.order_panel { width:100%; float:left}

	.order_panel .table_style { width:100%; float:left}

	.order_panel .table_style td.td_head { display:none}

	.order_panel .table_style td { width:100%; float:left; text-align:center; padding:8px 0}

	





   

}



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



    

		/****/

		.shipping .static_banner_img {width: 100%;}

		.shipping .static_banner_text span { margin:0}

		.shipping .static_banner_text p { width:100%; text-align:center; float:left}

		.terms .static_banner_text, .faq .static_banner_text { width:100%}

		.terms .static_banner_text p, .faq .static_banner_text p { font-size: 42px; width:100%; float:left}

		.terms .static_banner_text span, .faq .static_banner_text span {font-size: 46px;margin-left: 107px;margin-top: -10px;}

		.gift-voucher, .f-like { text-align:center; width:100%}

	.gift-voucher a { display:inline-block}

	.newsletter-panel { text-align:center}

	.newsletter-panel img { float:none!important}

	.newsletter-input { float:none}

	.go-btn { float:none}

	.f-like span { text-align:center!important}

	#radioBtn { width:100%}

	.gv_left { width:100%; margin:0}

	.input_field { width:96%; margin: 5px 0 !important;}

	.input_style { width:100%}

	.login .static_banner_text p { width:100%}

	.checkout_page_new .step_box { width: 158px;}

	.checkout_page_new .table_style td {float: left;padding: 8px 0;text-align: center;width: 100%;}

	.checkout_page_new .step2 .process_line_active {width: 100%;}

	.checkout_page_new .input_style {width: 94%;}

	.step3 .process_line_off { width:auto}

	.checkout_page_new .table_style .heading_check_out { display:none}

	.discount_box {width: 100%;}

	.newsletter-input.discount { width: 93%;}

	.login_panel .buttons { width:100%}

	.input_field .buttons {width:100%}

	.input_field .btn3 {width:100%!important}

	.f-like ul { padding:11px 10px 12px 88px}

	.call {font-size: 13px;line-height: 18px;}

	.top_link {margin-top:0}

	.top-right {margin: 0 auto;padding: 14px 0;width:78%; height:auto}

	

	.popup { width: 281px;top: 24px; left: 50%;}

	.skin_blog h2 { font-size:30px}

	.skin_blog ul {padding:0 0 0 5%; width:85%}

	.skin_bottom .arrow_left {margin: 0 0 0 65px;}

	.skin_bottom .arrow_right {margin: 14px 78px 0 0;}

	.conditions_blog h2 { font-size:17px; line-height:25px}

	.inner_filed ul li.last { padding: 0 0 5px 27%;}

	.skin_blog ul li select {margin: 0 0 0 18px;}

	.skin_blog ul li textarea { width:100%}

	.conditions_blog .latest-product-list li {width: 87%;}

	.txt span, .txt font, .txt a {  padding: 2px 4px;}

	.search-panel { width:77%; float:none; margin: 0 auto;}

	.inner_filed ul li.newsletter_li label {width: 78%;}

	.skin_blog .skin_care_list li.yes_last {width: 79%;}

	.skin_blog .skin_care_list li.yes_last input[type="text"] { width: 75%; margin:12px 0 0 0}

	.skin_blog .skin_care_list { width:67%}

	.price {text-align: center;width: 100%;}

	.addtocart {  padding: 0;text-align: center;width: 100%;}

	.search-box {  width:100%; margin: 0 auto; height:auto}

	.search-box-body { float:none; width:auto; margin:0 auto}

	.search-input { width:100%}

	

	/*****/

	#tab-body {width: 51%}

	#tab-wrapper {width: 110px;}

	.kin_cls span { height:auto}

	.social ul { margin: 25px 0 0 7%;}

	.best_seller_new span h2 { font-size:18px}

	.breadcrum { padding: 10px 0 0 15px;}

	.inner-banner { width: 90%;}

	.header-top { padding:15px 0 10px; height:auto}

	.mobile_call { display:block; font-family:Arial, Helvetica, sans-serif; font-size:14px; line-height:18px; padding:0 0 4px 0}

	.new_contener .right-panel { width: 100%; padding:0 }

	.new_contener .checkout_page { padding:0 4%}

	.profile_right, .profile_left { width:94%}

	.my_account .input_style {width: 100%;}

	.my_account .right-panel-top { width:100%}

	.my_account .page-head { margin:0 0 0 10px}

	.my_account .right-panel {padding: 0 2%;width: 96%}

	.register_panel { padding:10px 0 0 0}

	.new_detail .right-panel { padding: 0 3% 0 4%;width: 93%;}

	.social ul li {padding: 0 12px 0 0;}





	

	

	

	



}