@charset "utf-8";

/* CSS Document */

@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed:300,300i,400,400i,700,700i');

body{

	margin:0px; padding:0px; font-family: 'Roboto Condensed', sans-serif;}

.tus_top {

	margin:0px; padding:0px 0 10px 0; background-color:#fff}

.tus_top p{

	margin:0px 15px 0 0; padding:10px 0; font-family: 'Roboto Condensed', sans-serif; font-size:15px; color:#000000; display:inline-flex}

.tus_top p span{

	color:#24acc7; font-size:20px; margin:-6px 0 0 0; padding:0px;}

.social {

	margin:10px 0 0 0; padding:0px; text-align:right}

.social ul{

	margin:0px; padding:0px;}

.social ul li{

	margin:0px 10px; padding:0px; list-style:none; display:inline-block;}

.social ul li a{

	margin:0px; padding:0px; font-size:16px; color:#3dae53;}

.social ul li a:hover{

	text-decoration:none;}

.tus_logo img{

	margin:10px auto; padding:0px;}

.tus_clock {

	margin:20px 0 10px 0; padding:0px;}

.tus_clock p{

	margin:0px; padding:0px; font-family:'Roboto Condensed', sans-serif; font-size:16px; color:#707070; text-align:center}

.tus_clock p span{

	color:#24acc7; font-size:20px;}

.basket {

	margin:5px 0px 0 0; padding:5px 0 0 0; font-size:18px; color:#fff; font-family:'Roboto Condensed', sans-serif; 
	background-color:#000000; text-align:center; border-radius:100%; width:35px; height:36px;}

.alp{ 

    margin:0px 10px;padding:0px;}

.alp .alp2{ 

    margin:0px ;padding:0px;position:absolute; right:0; margin:0px; padding:12px 0 0 0; z-index: 99999; display:none;}

.alp:hover .alp2{

	display:block;visibility:visible;}

.m_search {

	margin:0px 14px 0 0; padding:7px; background-color:#000000; width:250px; float:right; border-bottom:solid 2px #000;}

.t_search {

	margin:0px; padding:5px; font-size:15px; border:none; background-color:#fff; color:#fff; width:230px; font-family:'Roboto Condensed', sans-serif;}

.s_img{

	float:right; margin:-34px 0px 0 0; padding:0px; position:relative;}

.basket sup{

	margin:0px; padding:0px; font-family:'Roboto Condensed', sans-serif; font-size:15px; color:#24acc7}

.tus_hmenu {

	margin:0px 0 0 0; padding:0px 0; background-color:#3dae53;}

.tus_banner img{

	margin:0px auto; padding:0px;}

.tus_selcet h4{

	margin:0px 0px 0 -10px; padding:0px; font-family:'Roboto Condensed', sans-serif; font-size:45px; color:#155b6e; text-transform:uppercase; text-align:center;

	font-weight:bold;}

.tus_selcet h4 span{

	margin:0px 0 0 140px; padding:0px;}

.tus_cate {

	margin:20px 0 0px 0; padding:0px; border:solid 3px #d9d9d9; border-radius:0.50em}
.tus_cate:hover{
	border:solid 3px #3dae53; border-radius:0.50em}
.tus_cate img{

	margin:0 auto; padding:0px; width:100%; border-top-left-radius:0.50em; border-top-right-radius:0.50em;}



.tus_cate h4{

	margin:0px; padding:15px 0; font-family:'Roboto Condensed', sans-serif; font-size:20px; color:#fff; text-align:center; text-transform:capitalize;
	background-color:#000000; border-bottom-left-radius:0.30em; border-bottom-right-radius:0.30em}
.tus_cate:hover h4{
	background-color:#3dae53; text-decoration:none;}

.tus_cate a:hover{

	text-decoration:none;}

.tus_heading {

	margin:15px 0 0px 0; padding:0px;}

.tus_left img{ margin:28px 0 0 0; padding:0px; float:right}
.tus_right img{ margin:28px 0 0 0; padding:0px;}
.tus_heading h4{

	margin:0px 0 20px 0; padding:0px; font-family:'Roboto Condensed', sans-serif; font-size:28px; color:#000000; font-weight:bold; text-align:center; 

	text-transform:uppercase;}
	
	
.tus_welcom{

	margin:30px 0 0 0; padding:0px 0; background-color:#FFFFFF; background-size:cover;}

.tus_weltxt h4{

	margin:0px 0 0 0px; padding:0px 0 0 0px; font-family: 'Roboto', sans-serif; font-size:30px; color:#000000; text-transform:uppercase; font-weight:500; text-align:center}

.tus_weltxt h4 span{

	color:#3dae53; font-weight:600;}

.tus_weltxt p{

	margin:20px 0 20px 0; padding:0px; font-size:14px; color:#000000; text-align:center; font-family: 'Roboto', sans-serif; line-height:28px;}



.tus_short {

	margin:45px -35px 20px 0; padding:15px 20px; background-color:#a8cad2;}

.tus_short h4{

	margin:0px 0 10px 0; padding:0px; font-family:'Roboto Condensed', sans-serif; font-size:28px; color:#155b6e; font-weight:bold; text-align:left; 

	text-transform:uppercase;}

.tus_short h4 span{

	font-size:16px; font-weight:normal;}

.tus_short p{

	margin:15px 0 10px 0; padding:0px; font-family:'Roboto Condensed', sans-serif; font-size:16px; color:#155b6e; text-align:justify; }

.readmore {

	margin:10px 0 10px 0; padding:8px 0; background-color:#155b6e; color:#fff; font-size:15px; text-align:center; text-transform:uppercase; 

	font-family:'Roboto Condensed', sans-serif; width:120px;}

.readmore:hover{

	background-color:#52c7de; color:#000; text-decoration:none;}

.tus_abimg img{

	margin:0 auto 15px auto; padding:0px;}	

.social2 {

	margin:5px 0 10px 0; padding:0px; text-align:center}

.social2 ul{

	margin:0px; padding:0px;}

.social2 ul li{

	margin:0px 5px; padding:0px; list-style:none; display:inline-block;}

.social2 ul li a{

	margin:0px; padding:0px; font-size:18px; color:#656565;}

.social2 ul li a:hover{

	text-decoration:none;}	

.tus_client {

	margin:0px 0 15px 0; padding:0px;}

.tus_client img{

	margin:0 auto; padding:0px; border-radius:50%;  -webkit-transition: all 1s ease; -moz-transition: all 1s ease;   -o-transition: all 1s ease;

      -ms-transition: all 1s ease; transition: all 1s ease;}

.tus_client:hover img{

	-webkit-filter: grayscale(100%);}

.tus_client h4{

	margin:15px 0 0px 0; padding:0px; font-family:'Roboto Condensed', sans-serif; font-size:20px; color:#155b6e; font-weight:600; text-align:center; 

	text-transform:capitalize;}

.tus_client h5{

	margin:0px 0 0px 0; padding:0px; font-family:'Roboto Condensed', sans-serif; font-size:16px; color:#b7b7b7; text-align:center; text-transform:capitalize;}

.tus_client p{

	margin:5px 0 0px 0; padding:0px; font-family:'Roboto Condensed', sans-serif; font-size:16px; color:#5195a6; text-align:center; text-transform:capitalize;}

.tus_prod {

  position: relative; width: 100%; margin-bottom:10px; margin-top:10px;}

.image {

  display: block; width: 100%; height: auto; border:solid 2px #155b6e; padding:15px 10px;}

.overlay {

  position: absolute; bottom: 100%; left: 0; right: 0; background-color:rgba(167, 222, 233, 0.72); overflow: hidden; width: 100%; height:0; transition: .5s ease;}

.tus_prod:hover .overlay {

  bottom: 0; height: 100%; }

.text {

  color: white; font-size: 20px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); text-align: center;}

.tus_pro h4{

	margin:0px; padding:0px 5px; font-family:'Roboto Condensed', sans-serif; color:#155b6e; text-align:center; text-transform:capitalize; font-size:16px;}

.tus_pro p{

	margin:5px 0 20px 0; padding:0px; font-family:'Roboto Condensed', sans-serif; color:#555555; text-align:center; text-transform:capitalize; font-size:15px;}

.tus_certificate {

	margin:0px 0 15px 0; padding:0px;}

.tus_certificate img{

	margin:0 auto; padding:0px;}

.tus_fsignup {

	margin:15px 0 15px 0; padding:5px 0; border-bottom:solid 1px #155b6e;}

.tus_fsignup h4{

	margin:12px 0 0 0; padding:0px; font-family:'Roboto Condensed', sans-serif; font-size:22px; color:#155b6e; text-transform:uppercase; text-align:center;

	font-weight:bold;}

.tus_fsignup p{

	margin:0px; padding:0px; font-family:'Roboto Condensed', sans-serif; font-size:16px; color:#155b6e; text-transform:capitalize; text-align:left;}

.tus_inptsign {

	margin:0px; padding:10px 15px; border:solid 1px #155b6e; width:100%; font-family:'Roboto Condensed', sans-serif; font-size:15px; color:#000;}

.tus_submit {

	margin:-43px 5px 0 0; padding:12px 13px; float:right; position:relative; border-left:solid 2px #155b6e;}

.tus_ftext{

	margin:10px 0 10px 0; padding:0px;}

.tus_ftext p{

	margin:0px 0 10px 0; padding:0px; font-family:'Roboto Condensed', sans-serif; color:#155b6e; text-align:justify; text-transform:capitalize; font-size:15px;}

.tus_fheading h4{

	margin:0px 0 15px 0; padding:0px; font-family:'Roboto Condensed', sans-serif; color:#fff; text-transform:uppercase; font-size:22px; font-weight:bold;}
.tus_fheading h4 span{
	border-bottom:solid 2px #fff;}
.tus_fmenu{

	margin:0px; padding:0px;}

.tus_fmenu ul{

	margin:0px; padding:0px;}

.tus_fmenu ul li{

	margin:3px 0; padding:0px; list-style:none; display:block;}

.tus_fmenu ul li a{

	margin:0px; padding:0px; transition: all 0.4s ease 0s; font-family:'Roboto Condensed', sans-serif; font-size:15px; color:#fff; text-transform:capitalize;}

.tus_fmenu ul li a:hover{

	text-decoration:none; padding-left:5px;}

.tus_fcontact p{

	margin:0px 0; padding:0px; font-family:'Roboto Condensed', sans-serif; font-size:15px; color:#fff; line-height:28px;}

.tus_copy {

	margin:0px 0 0px 0; padding:0px 0 0 0; background-color:#3dae53}

.tus_copy2 p{

    margin:0px 0; text-align:center; padding:10px 0; font-family:'Roboto Condensed', sans-serif; font-size:16px; color:#fff; background-color:#3dae53;}

.tus_flogo img{

	margin:0px; padding:0px;}

.tus_nheading {

	margin:10px 0 10px 0; padding:0px; background-color:#3dae53}

.tus_nheading h4{

    margin:0px 0; padding:10px 15px; font-family:'Roboto Condensed', sans-serif; font-size:22px; color:#fff; text-transform:capitalize}

.tus_ptxt {

	margin:0px 0 40px 0; padding:0px;}

.tus_ptxt p{

	margin:0px 0; padding:0px 0 0px 0; font-family:'Roboto Condensed', sans-serif; font-size:15px; color:#333;}

.tus_cform {

	margin:0px; padding:25px 15px; background-color:#fff; border:solid 1px #ccc; box-shadow:2px 2px 2px #ccc}

.tus_cinpt {

	margin:0px 0 10px 0; padding:8px 15px; font-family:'Roboto Condensed', sans-serif; font-size:16px; color:#333; width:100%; border:solid 1px #333;}

.tus_cinpt:focus {

	border:solid 1px #155b6e; box-shadow:2px 2px 5px 2px #ccc}

.tus_csubmit{

	margin:0px; padding:8px 20px; background-color:#000; color:#fff; font-family:'Roboto Condensed', sans-serif; font-size:16px; text-align:center; 

	text-transform:uppercase; border:none;}

.tus_csubmit:hover{

	background-color:#3dae53; text-decoration:none;}

.tus_cform h4{

	margin:0px 0 15px 0; padding:0px 0 0px 0; font-family:'Roboto Condensed', sans-serif; font-size:15px; color:#000; text-transform:capitalize}

.tus_cform h4 span{

	color:#ff0000;}

.tus_cinform h5{

	margin:10px 0 10px 0; padding:0px 0 5px 0; font-family:'Roboto Condensed', sans-serif; font-size:20px; color:#3dae53; text-transform:uppercase; 

	border-bottom:solid 1px #eee;}

.tus_nheading2 {

	margin:10px 0 10px 0; padding:0px; border-bottom:solid 1px #155b6e;}

.tus_nheading2 h4{

    margin:0px 0; padding:0px 0 11px 0; font-family:'Roboto Condensed', sans-serif; font-size:18px; color:#000; text-transform:capitalize; display:inline-flex}

.tus_nheading2 span{

	font-size:20px; margin:0px 5px; padding:0px;}

.larg{

	margin:0px 0 20px 0; padding:0px; border:solid 2px #ccc; color:#666; background-color:#fff; border-radius:1em;}

.larg img{

	margin:0 auto; padding:10px;}

.pro_detail2 {

	margin:0px; padding:0px;}

.pro_detail2 h5{

	margin:0px; padding:0px; font-family:'Roboto Condensed', sans-serif; font-size:20px; color:#3dae53; text-transform:capitalize;}

.pro_detail2 h6{

	margin:5px 0; padding:0px; font-family:'Roboto Condensed', sans-serif; font-size:16px; color:#000; text-transform:capitalize;}

.pro_detail2 p{

	margin:0px 0; padding:0px; font-family:'Roboto Condensed', sans-serif; font-size:18px; color:#333; text-transform:capitalize; font-weight:bold}

.pr-d h4{

	margin:0px 0 0px 0; padding:0px; font-family:'Roboto Condensed', sans-serif; font-size:15px; color:#333;}

.related h4{

	margin:0px 0 15px 0; padding:0px; font-family:'Roboto Condensed', sans-serif; font-size:22px; color:#000; text-transform:uppercase; font-weight:bold;}

.tus_pdfdown {

	margin:10px 0 15px 0; padding:12px 20px; background-color:#eee; border:solid 1px #ccc; border-radius:0.50em; box-shadow:2px 2px 3px 2px #ccc;}

.tus_pdfdown h4{

    margin:0px 0 10px 0; padding:0px; font-family:'Roboto Condensed', sans-serif; font-size:20px; color:#155b6e; text-transform:capitalize;}

.tus_cheading h4{
	 margin:10px 0 0px 0; padding:0px; font-family:'Roboto Condensed', sans-serif; font-size:40px; color:#3dae53; text-transform:uppercase; font-weight:bold}
.tus_cheading h4 span{
	color:#000; font-size:25px;}
.tus_footer{
	margin:0px; padding:25px 0 45px 0; background-color:#000000;}
.tus_news{
	margin:0px 0 15px 0; padding:0px;}
.tus_news h4{
	margin:0px 0 5px 0; padding:0px; font-family:'Roboto Condensed', sans-serif; font-size:15px; color:#fff; text-transform:capitalize;}
.tus_news p{
	margin:0px 0 0px 0; padding:0px; font-family:'Roboto Condensed', sans-serif; font-size:15px; color:#fff; text-transform:capitalize;}
.tus_fbg{
	margin:20px 0 20px 0; padding:15px 0; background-color:#f5f5f5;}
.pro_space2 { margin:10px 0 0 0; padding:0px; background:#fff; border:#fff solid 3px;}
.pro_space2:hover{ border:#3dae53 solid 3px;  -webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out; }
.pro_space2 > .pro_img img{ margin:10px auto; width:92%; margin-left:10px; margin-right:10px; -webkit-transition: 0.4s ease;
transition: 0.4s ease;}
.pro_space2 > .pro_img img:hover{ opacity:0.9; -webkit-transform: scale(1.04);
transform: scale(1.04);}
.pro_space2 a:hover{ text-decoration:none;}
.pro_space2 > .pro_name{  font-family: 'Roboto Condensed', sans-serif; font-size:18px; text-align:center; color:#1e1e1e; line-height:25px;}
.pro_space2 > .pro_cart{ font-family: 'Roboto Condensed', sans-seriff; font-size:15px; background:#000000; color:#fff !important; text-align:center; padding:10px 10px; width:87%; margin-left:15px; margin-bottom:15px; margin-top:10px;}
.pro_space2:hover> .pro_cart{ font-family: 'Roboto Condensed', sans-serif; font-size:16px; background:#3dae53; color:#fff; text-align:center; padding:10px 10px;}


.pro_space3 { margin:10px 0 0 0; padding:0px; background:#fff; border:#f5f5f5 solid 2px;}
.pro_space3:hover{ border:#3dae53 solid 3px;  -webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out; }
.pro_space3 > .pro_img img{ margin:10px auto; width:92%; margin-left:10px; margin-right:10px; -webkit-transition: 0.4s ease;
transition: 0.4s ease;}
.pro_space3 > .pro_img img:hover{ opacity:0.9; -webkit-transform: scale(1.04);
transform: scale(1.04);}
.pro_space3 a:hover{ text-decoration:none;}
.pro_space3 > .pro_name{  font-family: 'Roboto Condensed', sans-serif; font-size:18px; text-align:center; color:#1e1e1e; line-height:25px;}
.pro_space3 > .pro_cart{ font-family: 'Roboto Condensed', sans-seriff; font-size:15px; background:#000000; color:#fff !important; text-align:center; padding:10px 10px; width:87%; margin-left:15px; margin-bottom:15px; margin-top:10px;}
.pro_space3:hover> .pro_cart{ font-family: 'Roboto Condensed', sans-serif; font-size:16px; background:#3dae53; color:#fff; text-align:center; padding:10px 10px;}



















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

.tus_top p{

	margin:7px 0 0 0; padding:0px;}

.social{

	margin:8px auto; padding:0px; float:none; text-align:center}

.tus_logo img{

	margin:12px auto; padding:0px;}
.tus_hmenu{
	margin:0px; padding:0px; border-radius:none}
.basket{

	margin:-38px 0 5px 0; padding:5px 0 0 0; float:right}

.alp .alp2{

	padding-top:11px;}

.tus_cate{

	margin:10px 0 15px 0; padding:0px;}

.tus_selcet h4{

	margin:0px; padding:0px; font-size:25px;}

.tus_short{

	margin:0px 0 10px 0;}

.tus_flogo img{

	margin:0px auto; padding:0px;}

.tus_fsignup p{

	margin:10px 0; padding:0px;}

.tus_fheading h4{

	margin:15px 0 15px 0; padding:0px;}

.tus_selcet h4 span{

	margin:0px; padding:0px;}
.tus_cheading h4{
	margin:10px 0 015px 0; padding:0px; font-size:25px; text-align:center}
.tus_heading h4{
	margin:0px; padding:0px; font-size:25px;}
.tus_left img{
	margin:0 auto; float:none; padding:0px; text-align:center}
.tus_right img{
	margin:12px auto 0 auto; padding:0px; text-align:center}
.pro_space3{
	height:auto;}
}

.cart-page {

    padding: 0px 0 0px 0px;

}

.cart-page .table {

    margin: 0 0 0 -16px;

}

.cart-page table > tbody > tr > td,

.cart-page .table > thead > tr > th {

    border: none;

}

.cart-page .table thead {

    background: #F9F9F9;

}

.cart-page .table > thead > tr > th {

    font-weight: normal;

    color: #000000;

    font-size: 16px;

    line-height: 60px;

    padding: 0 40px;

    font-weight: 500;

    border: 1px solid #EBEBEB;

    border-bottom: 0;

}

.cart-page .table > thead > tr > th.close {

    color: transparent;

}

.cart-page .table > tbody > tr > td.preview {

    padding: 25px 50px;

	}

.cart-page .table > tbody > tr > td {

  border: 1px solid #ebebeb;

  color: #fff;

  font-size: 14px;

  font-weight: 500;

  padding: 80px 40px;

}

.cart-page .table > tbody > tr > td.price {

  font-size: 16px;

}

.cart-page .table > tbody > tr > td.del-item {

    text-align: center;

}

.cart-page .table > tbody > tr > td .select-box {

    padding: 0;

    margin: 0;

    border: 1px solid #EDEDED;

    width: 95px;

    overflow: hidden;

    background-color: #fff;

    background: #fff url(../img/cart/select-box-bg.png) no-repeat 80% 50%;

}

.cart-page .table > tbody > tr > td .select-box select {

  -moz-appearance: none;

  background-color: transparent;

  background-image: none;

  border: medium none;

  box-shadow: none;

  color: #898989;

  font-size: 16px;

  padding: 5px 8px;

  width: 130%;

}

.cart-page .table > tbody > tr > td.total {

  font-size: 16px;

}

.cart-page .table > tbody > tr > td .select-box select:focus {

    outline: none;

}

.cart-page .table > tbody > tr > td.del-item {

  color: #c56e21;

  font-size: 18px;

  font-weight: normal;

}

.cart-page .bottom-box {

  background: #f9f9f9 none repeat scroll 0 0;

  margin: 0 0 50px;

  padding: 30px 25px;

  border-left: 1px solid #ebebeb;

  border-bottom: 1px solid #ebebeb;

  border-right: 1px solid #ebebeb;

}

.cart-page .bottom-box .cupon-box input {

  border: 1px solid #eeeeee;

  color: #8e8d8d;

  line-height: 36px;

  margin-right: 10px;

  outline: medium none;

  padding: 0 20px;

  width: 130px;

}

.cart-page .bottom-box .cupon-box button {

    padding: 0 20px;

    color: #fff;

    background: #E3E3E3;

    text-transform: capitalize;

    border: none;

    outline: none;

    font-weight: normal;

    line-height: 36px;

    color: #000000;

}

.cart-page .add-to-cart-wrap {

    text-align: right;

}

.cart-page .add-to-cart-wrap a {

}

.cart-page .add-to-cart-wrap a .cart-button {

  background: #252525 none repeat scroll 0 0;

  border-radius: 5px;

  display: inline-block;

}

.cart-page .add-to-cart-wrap a .cart-button p {

  color: #ffffff;

  display: inline-block;

  float: left;

  font-size: 12px;

  line-height: 35px;

  margin: 0;

  padding-left: 21px;

  padding-right: 17px;

  text-transform: uppercase;

  border-right:1px solid #000000;

}

.cart-page .add-to-cart-wrap a .cart-button i {

  border-left: 1px solid #404040;

  color: #98bc24;

  display: inline-block;

  float: left;

  font-size: 17px;

  line-height: 35px;

  padding-left: 14px;

  padding-right: 15px;

}

.cart-page .add-to-cart-wrap a:before {

    background: #98BC24;

}

.cart-page .cart-total-box li {

  border-bottom: 1px solid #ebebeb;

  border-left: 1px solid #ebebeb;

  border-right: 1px solid #ebebeb;

  font-size: 16px;

  font-weight: 500;

  line-height: 60px;

  padding: 0 25px;

  color: #000000;

  font-size: 16px;

}

.cart-page .cart-total-box li:first-child {

    border-top: 1px solid #EBEBEB;

}

.cart-page .cart-total-box li span {

  color: #898989;

  margin-left: 50px;

}

.cart-page .cart-total-box .cart-total {

    background: #F9F9F9;

}

.cart-page .cart-total-box .proceed-to-checkout {

    text-align: right;

}

.cart-page .cart-total-box .proceed-to-checkout a {

    line-height: 30px;

    font-size: 14px;

}

.cart-page .cart-total-box .proceed-to-checkout a .cart-button {

  background: #252525 none repeat scroll 0 0;

  border-radius: 5px;

  display: inline-block;

  margin-top: 24px;

}

.cart-page .cart-total-box .proceed-to-checkout a .cart-button p {

  border-right: 1px solid #000000;

  color: #ffffff;

  display: inline-block;

  float: left;

  font-size: 12px;

  line-height: 40px;

  margin: 0;

  padding-left: 21px;

  padding-right: 17px;

  text-transform: uppercase;

}

.cart-page .cart-total-box .proceed-to-checkout a .cart-button i{

  border-left: 1px solid #404040;

  color: #98bc24;

  display: inline-block;

  float: left;

  font-size: 17px;

  line-height: 40px;

  padding-left: 14px;

  padding-right: 15px;  

}

.cart-page .cart-total-box .proceed-to-checkout a:before {

    background: #98BC24;

}

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

	/* Force table to not be like tables anymore */

	.cart-page table, .cart-page thead, .cart-page tbody, .cart-page th, .cart-page td, .cart-page tr { 

		display: block; 

	}

	/* Hide table headers (but not display: none;, for accessibility) */

	.cart-page thead tr { 

		position: absolute;

		top: -9999px;

		left: -9999px;

	}

	.cart-page tr { border: 1px solid #ccc; }

	.cart-page td { 

		/* Behave  like a "row" */

		border: none;

		border-bottom: 1px solid #eee; 

		position: relative;

		padding-left: 50%; 

	}

	.cart-page td:before { 

		/* Now like a table header */

		/* Top/left values mimic padding */

	    position: absolute;

	    top: 0;

	    left: 0;

	    width: 100%;

	    padding-left: 40px;

	    white-space: nowrap;

	    font-size: 16px;

	    color: #000;

	    font-weight: 500;

	    background-color: #F9F9F9;

	    line-height: 60px;

	    text-align: left;

	}

	.cart-page .table > tbody > tr > td.preview {

		    padding: 85px 50px 25px;

	}

	.cart-page .table > tbody > tr > td {

		    padding: 80px 40px 25px;

	}

	.cart-page .table > tbody > tr > td.del-item {

		text-align: left;

	}

	/*

	Label the data

	*/

	td:nth-of-type(1):before { content: "Preview"; }

	td:nth-of-type(2):before { content: "Product"; }

	td:nth-of-type(3):before { content: "Price"; }

	td:nth-of-type(4):before { content: "Quantity"; }

	td:nth-of-type(5):before { content: "Total"; }

	td:nth-of-type(6):before { content: "Delete Item"; }

cart-page .table > tbody > tr > td.preview {

    padding: 85px 50px 25px;

}