@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,400;0,500;0,600;1,600&display=swap');
html,body{overflow-x:hidden;}
body{
	margin:0px; padding:0px; font-family: 'Roboto', sans-serif;}
.tus_top{
	margin:0px; padding:8px 0;}
.tus_logo img{
	margin:10px 0; padding:0px;}
.tus_banner{
	margin:0px; padding:0px; position:relative}
.tus_banner img{
	margin:0px auto; padding:0px;}
.tus_inpsrh{
	margin:32px 0 0 0; padding:9px 10px; width:100%; font-family:'Roboto', sans-serif; font-size:14px; color:#fff; border:none; 
	background-color:#131313}
.tus_sbrch{
	margin:-36px 0 0 0; padding:0px 0 0 0px; position:relative; float:right;}
.tus_fixm{
	margin:7px 2px 0 0; padding:0px;}
.tus_tpmail{
	margin:4px 0 0 0; padding:0px;}
.tus_tpmail p{
	margin:0px 15px 0 0; padding:0px; display:inline-block; font-family: 'Roboto', sans-serif; font-size:14px; color:#fff;}
.tus_tpmail p i{
	color:#e21e22; font-size:18px; margin-right:5px}
.tus_tpmenu{
	margin:0px; padding:0px;}
.tus_fixmenu{
	margin:5px 0 0 0; padding:0px;}
.tus_head{
	margin:0px; padding:20px 0; background-color:#f8f8f8}
.tus_tp{
	margin: 0px; padding: 12px 0; background-color: #141414;}
.tus_baskt{
	margin:4px 0 0 0; padding:0px; color:#fff; font-size:14px; text-transform:capitalize;  font-family: 'Roboto', sans-serif; float:right}
.tus_baskt i{
	font-size:17px; margin-right:7px}
.tus_baskt sup{
	margin:0px; padding:2px 5px;  color:#fff; font-size:12px; font-family: 'Roboto', sans-serif; border-radius:100%; text-align:center}
.tus_langusage{
	margin:0px; padding:0px;}
.tus_social{
	margin:20px 0 0 0; padding:0px; float:right}
.tus_social a{
	margin:0px 2px; padding:0px; display:inline-block; transition:0.8s}
.tus_social a img{
	margin:0px; padding:0px;}
.tus_social a:hover{
	transform:rotate(-30deg);}
.tus_mainmenu{
	margin:0px; padding:0px; background-color:#1f1f1f; position:relative}
.tus_search{
	margin:15px 0 0 0; padding:0px;}
.tus_search a{
	margin:0px; padding:16px 20px; background-color:#000; color:#fff; font-size:20px; text-align:center; transition:0.8s}
.tus_search a:hover{
	background-color:#e21e22; color:#fff; text-decoration:none;}
.tus_subcates{
	margin:0px 0 15px 0; padding:0px; position:relative;}
.tus_subcates img{
	margin:0 auto; padding:0px; width:100%; height:auto;}
.tus_subcates h4{
	margin:0px; padding:13px 0; border-bottom:solid 1px #ccc; color:#000; font-size:16px; text-transform:capitalize; font-family: 'Roboto', sans-serif;}
	
	
.vs-btn {
    border: none;
    display: inline-block;
    text-transform: capitalize;
    line-height: 1;
    font-size: 16px;
    font-weight: 600;
    padding: 22px 33px;
    background-color:#e21e22;
    color:#fff;
    border-radius: 7px;
    text-align: center;
    overflow: hidden;
    position: relative;
    z-index: 1;
    vertical-align: middle;
    
}
	
	
	
	
/*-------
  Welcom
---------------*/
.tus_categories{
	margin:30px 0 20px 0; padding:0px; position:relative; z-index:1}
.tus_categories img{
	margin:0 auto; padding:0px; width:100%; height:auto;}
.tus_categories h4{
	margin:0px; padding:17px 0; position:absolute; bottom:0px; left:0; right:0; color:#fff; font-size:18px; text-transform:uppercase; text-align:center; font-family: 'Roboto', sans-serif;
	background:rgb(0,0,0,0.6); z-index:1; transition:0.8s}
.tus_categories:hover h4{
	background-color:transparent;}
.tus_categories:after{
	content:''; position:absolute; background-color:#e21e22; width:100%; height:100%; top:0; left:0; transform:scaleX(0); transition:0.8s;}
.tus_categories:hover:after{
	transform:scaleX(1); opacity:0.7}
.tus_leftlogo{
	margin:0px; padding:0px; position:relative;}
.tus_leftlogo img{
	margin:0px; padding:0px; position:absolute; bottom:100px; left:-6%; width:auto; height:auto;}
.tus_righlogo{
	margin:0px; padding:0px; position:relative;}
.tus_righlogo img{
	margin:0px; padding:0px; position:absolute; bottom:100px; right:-6%; width:auto; height:auto; transform:rotate(180deg);}
.tus_aboutbg{
	margin:0px; padding:40px 0 40px 0; background:url(../images/abtbg.jpg) no-repeat top center; background-attachment:fixed; background-size:cover}
.tus_aboutbg h4{
	margin:0px 0 15px 0; padding:0px; font-size:30px; color:#fff; text-transform:uppercase; text-align:center; font-family: 'lato'; font-weight:bold}
.tus_aboutbg h4 span{
	color:#e21e22;}
.tus_aboutbg p{
	margin:0px 0 15px 0; padding:0px; font-size:14px; color:#fff; text-align:center; font-family: 'Roboto', sans-serif; text-align:justify; line-height:25px}
.tus_readmore{
	margin:0px auto; padding:12px 25px; background-color:#e21e22; color:#fff; font-size:14px; text-transform:capitalize; text-align:center; font-family: 'Roboto', sans-serif; border-radius:0.50em;
	transition:0.8s; position:relative; left:46%; transform:translate(-50%,-50%);}
.tus_readmore:hover{
	background-color:#000; text-decoration:none; color:#fff}
.tus_heading{
	margin:20px 0 25px 0; padding:0px; text-align:center; color:#000;  text-transform:uppercase; font-size:30px; font-family: 'Roboto', sans-serif; font-weight:bold}
.tus_arrivalbg{
	margin:0px; padding:0px 0 40px 0; background-color:#f8f8f8;}
.tus_prodts{
	margin:0px; padding:20px 15px; background-color:#fff; position:relative}
.tus_prodts img{
	margin:0px 0 0 0px; padding:0px;}
.tus_prodts span{
	margin:0px; padding:0px; background-color:#000; width:18%; height:100%; position:absolute; top:0; left:0; transition:0.8s}
.tus_prodts h5{
	margin:0px; padding:0px; color:#fff; font-family: 'Roboto', sans-serif; font-size:14px; text-align:center; position:absolute; bottom:40%; 
	left:-25%; transform:rotate(-90deg);}
.tus_prodts:hover span{
	background-color:#e21e22;}
#tus_margin{
	margin:0px; padding:0px;}
.tus_srvices{
	margin:0px auto; padding:30px 0; background-color:#e21e22; position:relative}
.tus_srvices img{
	margin:0 auto; padding:0px;}
.tus_srvices h3{
	margin:15px 0 5px 0; padding:0px; font-size:20px; text-transform:uppercase; text-align:center; font-family: 'Roboto', sans-serif; color:#fff}
.tus_srvices h4{
	margin:0px; padding:0px; font-size:35px; text-transform:uppercase; text-align:center; font-family: 'Roboto', sans-serif; color:#fff; position:relative}
.tus_srvices h4:before{
	content:''; position:absolute; background-color:#fff; width:80px; height:3px; bottom:-20px; left:50%; transform:translate(-50%,-50%);}
.tus_srvices p{
	margin:40px auto 0 auto; padding:0px; font-size:13px; text-align:center; font-family: 'Roboto', sans-serif; color:#fff; width:70%; transition:0.8s; opacity:0}
.tus_srvices:hover p{
	opacity:1;}
.tus_srvices2{
	margin:0px auto; padding:30px 0; background-color:#cb0000; position:relative}
.tus_srvices2 img{
	margin:0 auto; padding:0px;}
.tus_srvices2 h3{
	margin:15px 0 5px 0; padding:0px; font-size:20px; text-transform:uppercase; text-align:center; font-family: 'Roboto', sans-serif; color:#fff}
.tus_srvices2 h4{
	margin:0px; padding:0px; font-size:35px; text-transform:uppercase; text-align:center; font-family: 'Roboto', sans-serif; color:#fff; position:relative}
.tus_srvices2 h4:before{
	content:''; position:absolute; background-color:#fff; width:80px; height:3px; bottom:-20px; left:50%; transform:translate(-50%,-50%);}
.tus_srvices2 p{
	margin:40px auto 0 auto; padding:0px; font-size:13px; text-align:center; font-family: 'Roboto', sans-serif; color:#fff; width:70%; transition:0.8s; opacity:0}
.tus_srvices2:hover p{
	opacity:1;}
.tus_srvices3{
	margin:0px auto; padding:30px 0; background-color:#e31515; position:relative}
.tus_srvices3 img{
	margin:0 auto; padding:0px;}
.tus_srvices3 h3{
	margin:15px 0 5px 0; padding:0px; font-size:20px; text-transform:uppercase; text-align:center; font-family: 'Roboto', sans-serif; color:#fff}
.tus_srvices3 h4{
	margin:0px; padding:0px; font-size:35px; text-transform:uppercase; text-align:center; font-family: 'Roboto', sans-serif; color:#fff; position:relative}
.tus_srvices3 h4:before{
	content:''; position:absolute; background-color:#fff; width:80px; height:3px; bottom:-20px; left:50%; transform:translate(-50%,-50%);}
.tus_srvices3 p{
	margin:40px auto 0 auto; padding:0px; font-size:13px; text-align:center; font-family: 'Roboto', sans-serif; color:#fff; width:70%; transition:0.8s; opacity:0}
.tus_srvices3:hover p{
	opacity:1;}
/*-------
   Footer
---------------*/
.tus_footer{
	margin:0px 0 0 0; padding:40px 0 60px 0; background-color: #000}
.tus_ftcontact{
	margin:0px; padding:0px;}
.tus_ftcontact p{
	margin:0px 0 10px 0; padding:0px; font-family: 'Roboto', sans-serif; font-size:15px; color:#fff; text-transform:inherit; text-align:left}
.tus_ftabot{
	margin: 0px; padding: 0px;}
.tus_ftabot p{
	margin: 10px 0 0 0; padding: 0px; font-family: 'Roboto', sans-serif; font-size:15px; color: #fff; text-align: justify; width: 80%}
.tus_ftabot img{
	margin:0; padding:0px;}
.tus_ftheading{
	margin:0px; padding:0px; position: relative;}
.tus_ftheading h4{
	margin:0px 0 15px 0; padding:0px; font-family:'Roboto', sans-serif; font-size:18px; color:#fff; text-transform:uppercase; font-weight:bold;}
.tus_ftheading h4 span{
	color:#cb0000;}
.tus_ftmenu{
	margin:0px; padding:0px;}
.tus_ftmenu a{
	margin:0px 0 7px 0; padding:0px; display:block; font-size:15px; color:#fff; text-transform:capitalize; transition:0.5s; 
	font-family:'Roboto', sans-serif;}
.tus_ftmenu a:hover{
	color:#e21e22; text-decoration:none; padding-left:5px;}
.tus_ftsocial{
	margin:15px 0 0 0; padding:0px;}
.tus_ftsocial h4{
	margin:0px; padding:0px; font-family:'Roboto', sans-serif; color:#fff; text-transform:uppercase; font-size:20px;}
.tus_ftsocial a{
	margin:10px 7px 0 0; padding:0px; font-size:18px; color:#fff; display:inline-block; transition:0.5s}
.tus_ftsocial a:hover{
	color:#e21e22; text-decoration:none;}
.tus_copy{
	margin: 0px; padding: 17px 0; background-color:#141414;}
.tus_copy p{margin: 0px; padding: 0px; color: #fff; font-size: 15px; font-family:'Roboto', sans-serif; text-align:center}
/*--------
  Next Page
----------------------*/
.tus_nxpage{
	margin:10px 0 15px 0; padding:0; position:relative;}
.tus_nxpage ul{
	margin:0px; padding:0px;}
.tus_nxpage ul li{
	margin:0px; padding:0px; list-style:none; display:inline-block; color:#000; font-family: 'Roboto', sans-serif; font-size:16px; text-transform:capitalize}
.tus_nxpage ul li a{
	margin:0px; padding:0px; color:#000; font-family: 'Roboto', sans-serif; font-size:16px; text-transform:capitalize}
.tus_nxpage ul li span{
	margin:0 5px; font-size:16px}
.tus_nxpage ul li a:hover{
	text-decoration:none; color:#e21e22;}
.tus_nxpage ul h4{
	margin:10px 0 5px 0; padding:0px; font-size:20px; color:#000; text-transform:capitalize; font-family: 'Roboto', sans-serif;}
.tus_abtxt{
	margin:0px 0 0px 0; padding:0px; }
.tus_abtxt p{
    margin:0px 0 30px 0; padding:0px; color:#7e7e7e; font-family: 'Roboto', sans-serif; font-size:15px; text-align:justify}
.tus_fprod{
	margin:0px 0 15px 0; padding:0px; position:relative;}
.tus_fprod .tus_fbox{
	margin:0px; padding:15px; position:relative; border:solid 2px #f1f0f0; background-color:#fff;}
.tus_fprod .tus_fbox img{
	margin:0 auto; padding:0px; width:100%; height:auto}
.tus_fprod .tus_fbox h1{
	margin:0px auto; padding:13px 20px; font-family:'Roboto', sans-serif; background-color:#fff; color:#e21e22; font-size:14px; font-family: 'Roboto', sans-serif;
	position:absolute; bottom:20%; left:50%; transform:translate(-50%,-50%); text-transform:uppercase; text-align:center; border-radius:0.50em; transition:0.8s; opacity:0}
.tus_fprod:hover .tus_fbox h1{
	bottom:40%; opacity:1}
.tus_fprod .tus_fbox:before{
	content:''; position:absolute; background-color:#e21e22; width:100%; height:0; top:0; left:0; transition:0.8s; opacity:0.7}
.tus_fprod:hover .tus_fbox:before{
	height:100%;}
.tus_fprod h4{
	margin:15px 0 3px 0; padding:0px; font-size:18px; text-transform:capitalize; font-family:'Roboto', sans-serif; color:#000}
.tus_fprod p{
	margin:0px 0; padding:0px; font-size:20px; text-transform:capitalize; font-family:'Roboto', sans-serif; color:#e21e22}
.tus_inpsrh{
	margin:0px 0 0 0; padding:12px 15px; width:100%; font-family:'Poppins', sans-serif; font-size:14px; color:#fff; border:none; 
	background-color:#000}
.tus_sbrch{
	margin:-43px 0 0 0; padding:10px 20px; position:relative; float:right; background-color:#e21e22; color:#fff; border:none; font-size:16px}
/*-------
  Contact us
----------------*/
.tus_cform{
	margin:0px 0 20px 0; padding:10px 20px; border:solid 1px #ccc; box-shadow:2px 2px 5px #ccc;}
.tus_cform h4{
	margin:10px 0 15px 0; padding:0px; font-family: 'Roboto', sans-serif; font-size:14px; color:#000; text-transform:capitalize}
.tus_inform{
	margin:0px 0 10px 0; padding:8px 15px; border:solid 1px #ccc; font-family: 'Roboto', sans-serif; font-size:15px; color:#333; width:100%;}
.tus_inform:focus{
	border:solid 1px #e40000; transition:0.2s ease-in}
.tus_fsubmit{
	margin:0px 0 10px 0; padding:7px 20px; background-color:#000; color:#fff; text-transform:uppercase; text-align:center; font-size:15px; 
    font-family: 'Roboto', sans-serif;border:none; -webkit-transition: background-color 2s ease-out; -moz-transition: background-color 2s ease-out;
    -o-transition: background-color 2s ease-out; transition: background-color 2s ease-out;}
.tus_fsubmit:hover{
	background-color: #e21e22; cursor: pointer;}
.tus_conactf{
	margin:0px 0 30px 0; padding:20px 15px; box-shadow:2px 2px 2px #333; border:solid 1px #eee; background-color:#fff}
.tus_conactf h4{
	margin:0px 0 20px 0; padding:0px; font-family: 'Roboto', sans-serif; font-size:13px; color:#000; text-transform:capitalize}
.tus_conactf h4 span{
	color:#e21e22;}
.tus_continp{
	margin:0px 0 15px 0; padding:10px 15px; border:solid 1px #ccc; width:100%; color:#333; font-family: 'Roboto', sans-serif;}
.tus_contsbmt{
	margin:0px; padding:10px 15px; background-color:#000; color:#fff; text-align:center; text-transform:capitalize; font-family: 'Roboto', sans-serif; font-size:15px;
	border:none; transition:0.6s}
.tus_contsbmt:hover{
	background-color:#e21e22; color:#fff; text-decoration:none;}
.tus_continp:focus{
	box-shadow:2px 2px 10px #ccc}
.tus_cdetail h4{
	margin:0px 0 10px 0; padding:0px 0 10px 0; font-family: 'Roboto', sans-serif; font-size:16px; color:#000; text-transform:uppercase; border-bottom:solid 1px #ccc}
.tus_cdetail p{
	margin:0px 0 10px 0; padding:0px 0 0px 0; font-family: 'Roboto', sans-serif; font-size:14px; color:#7e7e7e;}
.tus_lefth h4{
	margin:0px 0 10px 0; padding:10px 15px; background-color:#000; color:#fff; text-align:left; text-transform:uppercase; font-family: 'Roboto', sans-serif;
	font-size:20px;}
.tus_lefth h4 span{
	color:#e21e22; margin-right:5px;}
/*------
   Detail Page
-----------------------*/
.tus_detailp{
	margin:0px 0 20px 0; padding:30px 20px; background-color:#eee;}
.tus_large{
	margin:0 auto 30px auto; padding:0px;}
.tus_large img{
	margin:0 auto; padding:0px;}
.tus_prodetail{
	margin:0px; padding:0px;}
.tus_prodetail h1{
	margin:0px; padding:0px 0 7px 0; font-family: 'Roboto', sans-serif; font-size:18px; color:#e21e22; text-transform:capitalize; border-bottom:solid 1px #ccc;}
.tus_prodetail h2{
	margin:0px 0 10px 0; padding:10px 0 10px 0; font-family: 'Roboto', sans-serif; font-size:16px; color:#000; text-transform:capitalize; border-bottom:solid 1px #ccc;}
.tus_prodetail p{
	margin:0px 0 0px 0; padding:0px 0 0px 0; font-family: 'Roboto', sans-serif; font-size:14px; color:#333;}
.tus_prodetail p span{
	font-weight:bold; color:#e21e22; font-size:16px;}
#fixedbar{
  display: none; position: fixed; top: 0; width: 100%; height:auto; background-color:rgba(0, 0, 0,0.8); z-index:99999; padding:0px 0;
  }
#fixedbar:after,#fixedbar:before{
	display:block}
.tus_realated h4{
	margin:20px 0 15px 0; padding:0px; font-family: 'Roboto', sans-serif; font-size:25px; color:#000; text-transform:uppercase;}
.tus_realated h4 span{
	color:#e21e22;}













@media only screen and (min-width: 280px) and (max-width: 359px) {
.tus_baskt{float:none;}
.tus_logo img{margin:15px auto;}
.tus_head{padding:0px;}
.tus_social{float:none; margin:0px;}
.tus_mainmenu{padding:10px 0;}
.tus_search{float:right; margin:10px 0}
.tus_prodts h5{bottom:42%; left:-76px;}
.tus_srvices p{width:100%;}
.tus_srvices2 p{width:100%;}
.tus_srvices3 p{width:100%;}
.tus_readmore{left:33%;}
.tus_tpmenu{margin-bottom:7px}
}
@media only screen and (min-width: 360px) and (max-width: 479px) {
.tus_baskt{float:none;}
.tus_logo img{margin:15px auto;}
.tus_head{padding:0px;}
.tus_social{float:none; margin:0px;}
.tus_mainmenu{padding:10px 0;}
.tus_search{float:right; margin:10px 0}
.tus_prodts h5{bottom:37%; left:-68px;}
.tus_srvices p{width:100%;}
.tus_srvices2 p{width:100%;}
.tus_srvices3 p{width:100%;}
.tus_readmore{left:31%;}
.tus_tpmenu{margin-bottom:7px}
}
@media only screen and (min-width: 480px) and (max-width: 666px) {
.tus_baskt{float:none;}
.tus_logo img{margin:15px auto;}
.tus_head{padding:0px;}
.tus_social{float:none; margin:0px;}
.tus_mainmenu{padding:10px 0;}
.tus_search{float:right; margin:10px 0}
.tus_prodts h5{bottom:47%; left:32%;}
.tus_srvices p{width:100%;}
.tus_srvices2 p{width:100%;}
.tus_srvices3 p{width:100%;}
.tus_readmore{left:35%;}
.tus_tpmenu{margin-bottom:7px}
}
@media only screen and (min-width: 667px) and (max-width: 767px) {
.tus_baskt{float:none;}
.tus_logo img{margin:15px auto;}
.tus_head{padding:0px;}
.tus_social{float:none; margin:0px;}
.tus_mainmenu{padding:10px 0;}
.tus_search{float:right; margin:10px 0}
.tus_prodts h5{bottom:47%; left:32%;}
.tus_srvices p{width:100%;}
.tus_srvices2 p{width:100%;}
.tus_srvices3 p{width:100%;}
.tus_readmore{left:45%;}
.tus_tpmenu{margin-bottom:7px}
}
@media only screen and (min-width: 768px) and (max-width: 779px) {
.tus_prodts h5{bottom:47%; left:-32%;}
.tus_srvices p{width:100%;}
.tus_srvices2 h4{font-size:28px;}
.tus_srvices h4{font-size:28px}
.tus_srvices3 h4{font-size:28px}
.tus_srvices p{width:100%;}
.tus_srvices2 p{width:100%;}
.tus_srvices3 p{width:100%;}
.tus_readmore{left:43%;}
} 
@media only screen and (min-width: 800px) and (max-width: 991px) {
.tus_prodts h5{bottom:47%; left:-34%;}
.tus_srvices p{width:100%;}
.tus_srvices2 h4{font-size:28px;}
.tus_srvices h4{font-size:28px}
.tus_srvices3 h4{font-size:28px}
.tus_srvices p{width:100%;}
.tus_srvices2 p{width:100%;}
.tus_srvices3 p{width:100%;}
.tus_readmore{left:45%;}
}
@media only screen and (min-width: 992px) and (max-width: 1169px) {
.tus_prodts h5{bottom:47%; left:-35%;}
.tus_srvices p{width:100%;}
.tus_srvices2 h4{font-size:28px;}
.tus_srvices h4{font-size:28px}
.tus_srvices3 h4{font-size:28px}
.tus_srvices p{width:100%;}
.tus_srvices2 p{width:100%;}
.tus_srvices3 p{width:100%;}
}
/*---------
   Basket
-------------------*/
.cart-page {
    padding: 20px 0 0px;
}
.cart-page .table {
    margin: 0;
}
.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: #898989;
  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;
	}
	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;
}