@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');
*{
	margin:0px; padding:0px; outline: none; scroll-behavior: smooth; box-sizing:border-box;}
body{
	margin: 0px; padding: 0px; font-family: 'Roboto', sans-serif; overflow-x:hidden;}
#sticky{
	position:fixed; width:100%; top:0; margin:0px; padding:5px 0px; background-color:#0a0b0d; display:none; z-index:999999; animation:sticky 1s; 
	box-shadow:2px 5px 8px rgb(0,0,0,0.1);}
#sticky:before,#fixedbar:after{
	display:block;}
@keyframes sticky{0%{transform:translateY(-100%)}100%{transform:translateY(0)}}
.gCdMUP{display:none !important;}
img[alt]{color:#000; font-size:12px; text-align:center; font-weight:500; text-transform:uppercase}
.tus_rlogo img{height:60px;}
[title=""]{margin:0px; padding:7px; background-color:#000; color:#fff; font-size:7px !important;}
.tus_fixm{margin:16px 0 0 0; padding:0px; float:right}
.tus_success{
	margin:0px; padding:10px 0; background-color:#d4edda; position:absolute; z-index:9999; width:100%; top:0; left:0}
.tus_success h3{
	margin:0px; padding:0px; color:#155724; font-size:17px; text-transform:uppercase; text-align:center; font-family:'Roboto', sans-serif; font-weight:550}
/* contents */
.top_bar{margin:0px; padding: 0px; background-color: #fff; position: relative; z-index: 1;}
.top_bar:before{content: ""; position: absolute; background-color: #30a4d7; top:0; left:0; right:0; width: 100%; height: 60px; z-index: -1;}
.top_bar:after{content:""; position: absolute; background-color:#0a0b0d; width: 100%; height: 83px; bottom: 0; left: 0; right: 0; z-index:-1; border-radius: 0px 0 50px 0;}
.topcon{margin:0px; padding:0px; display: flex;}
.topcon ul{margin: 0; padding:0px;}
.topcon ul li{margin: 0; padding:0px; overflow: hidden; display: inline-block;}
.topcon ul li a{margin:0px; padding: 0px;}
.topcon ul li a i{margin:0px; padding: 0px 5px; font-size:14px; color:#000;}
.topcon p{margin:0px; padding:0px;}
.topcon p i{margin:0px; padding:0px 5px; font-size: 14px; color:#0a0b0d;}
.topcon p span{margin:0px; padding:0px 15px 0 0px; font-size: 14px; font-family: 'Poppins', sans-serif; font-weight: 400; color:#0a0b0d;}
/* search */
.searchBox {
    position: absolute; left: 50%; transform:  translate(-65%,-48%); background: transparent; height: auto; border-radius: 40px; padding: 6px 8px;
}
.searchBox:hover > .searchInput {
    width: 240px; padding: 0 6px;
}
.searchBox:hover > .searchButton {
  	color : #2f3640;
}
.searchButton {
    color: white; float: right; width: 19px; height: auto; border-radius: 50%; background: transparent; display: flex; justify-content: center; align-items: center;
	transition: 0.4s; border: 0;
}
.searchButton i{
  	color: #fff; margin: 0; padding: 0;position: absolute; top: 26%;
}
.searchInput {
    border:none; background: none; outline:none; float:left; padding: 0; color: white; font-size: 16px; transition: 0.8s; width: 0px;
}
/* search end*/
/*mobile search*/
.tus_inpsrh{width: 100%; padding: 5px; margin: 0; font-size: 13px; border:0; background-color:#090709f0; color:#fff;}
.tus_sbrch{position: relative; float: right; bottom: 0%; width: 27%; margin:-30px 0 0 0; padding: 4.5px 0; font-size: 14px; background-color:#30a4d7; border:0; color:#fff;}
/*mobile search*/
/* about */
.ab_bg{margin:0px; padding:0px; width:100%; position:relative;}
.ab_bg:before{content:""; position:absolute; background-color:#0a0b0d; top:0%; left:0%; right:0%; width:100%; height:100%; z-index:-1; border-radius:0 0px 0 50px;}
.abttext{margin:0px; padding:30px 0 0 0;}
.abttext h1{margin:0px; padding:0px 0 50px 0; font-size:20px; font-family:'Poppins', sans-serif; font-weight:600; color:#30a4d7; text-transform:uppercase; letter-spacing:5px;}
.abttext p{margin:0px; padding:0px 0 25px 0; font-size:14px; font-family:'Poppins', sans-serif; font-weight:400; color:#fff; text-align:justify; word-break:break-all;}
.abttext a{margin:0px; padding:10px 13px; background-color:#30a4d7; font-size:12px; color:#000; font-weight:400; text-transform:capitalize;}
.abutimg{margin:0px; padding: 0px;}
.abutimg img{margin:0px auto; padding:0 0 15px 0;}
/* about end*/
/* cat */
.mainhead{margin:0px; padding:50px 0 0px 0;}
.mainhead h1{margin:0px; padding:0px; font-size:20px; color:#090709; font-weight:600; text-transform:uppercase; font-family:'Poppins', sans-serif; letter-spacing:5px;}
.cat_main{margin:0px; padding:0px; position:relative; transition:0.9s;}
.cat_main:before{content:""; position:absolute; background-color:#30a4d7; top:0%; left:0%; right:0%; width:100%; height:0; opacity:0; transition:0.9s; border-radius:8px 8px 0px 0px;}
.cat_main:hover:before{opacity:1; height:100%;}
.cat_main img{margin:0px; padding:0px; width:100%;}
.ctxt{margin:0; padding:0px; position:absolute; text-align:center; bottom:5%; left:0; right:0; opacity:0; transition:0.8s;}
.cat_main:hover .ctxt{opacity:1; bottom:50%;}
.ctxt h1{margin:0px; padding:0px; font-size:18px; color:#090709; font-weight:600; text-transform:uppercase; font-family:'Open Sans', sans-serif; letter-spacing:5px;}
/* cat end */
/* feature */
.fp_bg{margin:0px; padding:0px; position:relative; z-index:1;}
.fp_bg:before{content: ""; position: absolute; background-color: #30a4d7; left: 0%; right: 0; bottom: 0%; z-index: -1; width: 90%; height: 46vh; margin: 0 auto; border-radius: 0 0 			              30px 30px;}
.feaimage{margin:0px; padding:25px 0 50px 0; border-radius:8px; position:relative;}
.feaimage:before{content: ""; position: absolute; background-color: #090709f0; top: 25px; left: 0; right: 0; bottom: 0; border-radius: 8px; opacity: 0; transition: 0.9s; width: 				                 100%; height: 328px;}
.feaimage:hover::before{opacity:1;}
.feaimage a{margin:0px; padding:0px;}
.feaimage img{margin:0px; padding:15px 0px 45px 0; border-radius:8px; background-color:#fff;}
.ftext{margin:0px; padding:0px; position:absolute; bottom:17%; left:4%;}
.ftext h3{margin:0px; padding:0px; font-size:13px; color:#000; font-family:'Poppins', sans-serif; font-weight:500; text-transform:uppercase; transition:0.9s; transform: translateY(0);}
.feaimage:hover .ftext h3{color:#fff; transform: translateY(-5px); }
.ftext p{margin:0px; padding:0px; font-size:13px; color:#000; font-family:'Poppins', sans-serif; font-weight:500; text-transform:uppercase; transition:0.9s; transform: translateY(0);}
.feaimage:hover .ftext p{color:#fff; transform: translateY(5px); }
/* feature end */
/* footer */
.ftt_bg{
    margin:50px 0 0 0; padding: 35px 0 20px 0; background-color: #0a0b0d; width: 100%; position: relative; font-family: 'Open Sans', sans-serif; border-radius:0px 30px 0px 30px;
}
.ftt_bg:before{content:""; position:absolute; background-color:#30a4d7; top:35%; left:0; right:0; width:100%; height:1px;}
.ftlogo{
    margin: 0px; padding: 0px 0 30px 0;
}
.ftlogo img{
    margin: 0px auto; padding: 0 0 30px 0;
}
.ftnav{
    margin: 0px; padding: 0px;
}
.ftnav ul{
    margin: 0px; padding: 0px; overflow: hidden;
}
.ftnav ul li{
    margin: 0px; padding:0px 0 8px 0;
}
.ftnav ul li a{
    margin: 0px; padding: 0px; font-size: 13px; color: #fff; text-transform: uppercase; font-family: 'Open Sans', sans-serif ; font-weight:400; transition: 0.8s;
}
.ftnav ul li a:hover{
    color: #30a4d7;
	letter-spacing:1px;
}
.ftnav h3{
    margin: 0px 0 15px 0; padding: 0px; font-size: 19px; color: #fff; text-transform: uppercase; font-family: 'Open Sans', sans-serif; font-weight:600;
}
.ftnavv{
    margin: 0px; padding: 0px;
}
.ftnavv ul{
    margin: 0px; padding: 0px; overflow: hidden;
}
.ftnavv ul li{
    margin: 0px; padding:0px 0 2px 0;
}
.ftnavv ul li a{
    margin: 0px; padding: 0px; font-size: 13px; color: #fff; font-family: 'Open Sans', sans-serif; font-weight:400; transition: 0.8s; display:flex;
}
.ftnavv ul li a:hover{
    color: #30a4d7;
	letter-spacing:1px;
}
.ftnavv h3{
    margin: 0px 0 15px 0; padding: 0px; color: #fff; text-transform: uppercase; font-family: 'Open Sans', sans-serif; font-size: 19px; font-weight:600;
}
.ftnavv i{
    margin: 7px 8px 0 0px; padding: 0px; color: #fff; font-size: 13px;
}
.copryt{
    margin: 0px; padding: 10px 0 0px 0; text-align: center;
}
.copryt h3{
    margin: 0px; padding: 0px; font-size: 14px; font-family: 'Open Sans', sans-serif; font-weight:500; color: #30a4d7; text-transform: uppercase;
}
.copryt h3 span{
    margin: 0px; padding: 0px; font-size: 14px; font-weight:500; font-family: 'Open Sans', sans-serif; color: #30a4d7; text-transform: uppercase;
}
/* contents end */
/*------- Next Page ----------*/
.tus_leftct{
	margin:0px 0 15px 0; padding:0px; color:#000; font-size:18px; text-transform:uppercase; font-weight:550; font-family:'Roboto', sans-serif;}
.tus_nxpage{
	margin:0px auto 15px auto; padding:40px 0 40px 0; background-color:#eee !important; position:relative; text-align:center}
.tus_nxpage h3{
	margin:10px 0 15px 0; padding:0px; font-family:'Roboto', sans-serif; font-size:25px; color:#000; text-transform:capitalize; font-weight:bold;}
.tus_nxpage a{
	margin:0px 5px; padding:0px; font-family:'Roboto', sans-serif; font-size:15px; color:#000; text-transform:capitalize; display:inline-block; text-align:center; transition:0.8s}
.tus_nxpage a:hover{
	color:#30a4d7;}
.tus_abtxt{
	margin:0px 0 30px 0; padding:0px;}
.tus_abtxt p{
	margin:0px; padding:0px; color:#666; font-size:14px}
.tus_nxpage ul li a:hover{
	text-decoration:none; color:#30a4d7;}
.tus_prodetail{
	margin:0px; padding:0px;}
.tus_prodetail h1{
	margin:0px 0 8px 0; padding:10px 0; font-family:'Roboto', sans-serif; color:#000; text-transform:capitalize; font-size:22px; border-bottom:solid 1px #eee;}
.tus_prodetail h2{
	margin:0px 0 8px 0; padding:0px 0 10px 0; font-family:'Roboto', sans-serif; color:#30a4d7; text-transform:capitalize; font-size:20px; border-bottom:solid 1px #eee;}
.tus_prodetail p{
	margin:0px 0 0px 0; padding:0px; color:#999; font-size:14px;}
.tus_prodetail p span{
	font-weight:bold; color:#000; font-size:20px; font-family:'Roboto', sans-serif;}
.tus_contsbmt{
	margin:0px; padding:10px 15px; background-color:#000; color:#fff; font-size:14px; text-transform:uppercase; text-align:center; font-family:'Roboto', sans-serif; border:none;
	transition:0.8s}
.tus_contsbmt:hover{
	background-color:#30a4d7; text-decoration:none;}
.tus_conactf{
	margin:0px 0 25px 0; padding:30px 25px; background-color:#eee;}
.tus_continp{
	margin:0px 0 10px 0; padding:10px 10px; width:100%; font-size:14px; border:solid 1px #ccc; color:#000}
.tus_conactf h4{
	margin:0px 0 15px 0; padding:0px; font-family:'Roboto', sans-serif; color:#000; font-size:22px;}
.tus_conactf h5{
	margin:0px 0 15px 0; padding:0px; font-family:'Roboto', sans-serif; color:#30a4d7; font-size:40px; text-transform:uppercase; position:relative}
.tus_conactf h5 span{
	color:#000; font-size:20px; margin-left:30px}
.tus_conactf h5:before{
	content:''; position:absolute; background-color:#000; width:20px; height:3px; top:32%; left:0;}
.tus_coninfo{
	margin:0px 0 20px 0; padding:0px;}
.tus_coninfo h3{
	margin:0px; padding:0px; font-family:'Roboto', sans-serif; font-size:18px; color:#000; text-transform:capitalize; text-align:center;}
.tus_coninfo h4{
	margin:10px 0 0 0; padding:0px; font-family:'Roboto', sans-serif; font-size:32px; color:#000; text-transform:capitalize; text-align:center;}
.tus_coninfo h5{
	margin:0px 0 0 0; padding:0px; font-family:'Roboto', sans-serif; font-size:20px; color:#000; text-transform:capitalize; text-align:center;}
.tus_mobile{
	margin:0px; padding:10px 15px 10px 15px; position:relative; display:flex; justify-content:space-between; background-color:#999;}
.tus_mblogo img{
	margin:0px 15px 0 0; padding:0px; height:55px;}
.tus_mblinks{
	margin:17px 0 0 0; padding:0px; position:relative}
.tus_mblinks a{
	margin:0px 3px; padding:0px; color:#fff; font-size:18px;}
.tus_mbnav{
	margin:0px; padding:40px 10px 10px 15px; width:100%; position:fixed; background-color:#fff; z-index:1; top:0; left:0; height:100%; z-index:9999; overflow-y: scroll;}
.tus_mbnav a{
	margin:0px 0 10px 0; padding:0px 0 5px 0; display:block; color:#000; font-size:15px; text-transform:capitalize; font-family:'Roboto', sans-serif; transition:0.8s;
	border-bottom:solid 1px #eee;}
.tus_mbnav a:hover{
	color:#666;}
.tus_close{
	margin:0px; padding:0px; position:absolute; top:10px; right:25px}
.tus_close a{
	margin:0px; padding:0px 6px; background-color:#000; color:#fff; font-size:16px;}
.tus_close2{
	margin:0px; padding:0px; position:absolute; top:10px; right:25px}
.tus_close2 a{
	margin:0px; padding:0px 6px; background-color:#000; color:#fff; font-size:16px;}
.tus_popsearch{
	margin:0px; padding:60px 20px 20px 20px; background-color:#fff; position:absolute; top:0; left:0; width:100%; z-index:99999}
.tus_mbsrch{
	margin:0px; padding:8px 10px; width:100%; background-color:#000; color:#fff; font-size:14px; border:none}
.tus_mbsbmsrch{
	margin:-38px 0 0 0; padding:8.5px 12px; background-color:#666; color:#fff; font-size:14px; text-transform:uppercase; text-align:center; float:right; position:relative;
	border:none;}
.tus_close3{
	margin:0px; padding:0px; position:absolute; top:10px; right:25px}
.tus_close3 a{
	margin:0px; padding:0px 6px; background-color:#000; color:#fff; font-size:16px;}
.tus_bar{
	margin:8px 0 0 0; padding:0px; position:relative}
.tus_bar a i{
	margin:0px; padding:0px; width:40px; height:40px; line-height:40px; color:#000; font-size:20px; background-color:#fff; text-align:center} 
.tus_tpmn{
	margin:0px; padding:0px;}




@media screen and (max-width: 620px) {
.searchBox:hover > .searchInput {
    width: 150px;
    padding: 0 6px;
}
}


@media only screen and (min-width: 280px) and (max-width: 359px) {
    .top_bar{display:none;}
	.tus_bar a i{margin:0px; padding:15px 7px; width:30px; height:30px; line-height:0; font-size:15px;}
	.tus_mobile{margin:0px; padding:10px 6px;}
	.tus_mblogo img{margin:0; padding:2px 0px;}
	.tus_mblinks{margin:13px 0 0 0;}
	.row{margin:0px !important; padding:0px !important;}
	.abttext h1{padding-bottom:30px; font-size:18px;}
	.abttext p{font-size:13px;}
	.abutimg img{margin:30px auto 0 auto;}
	.mainhead{margin:0px !important; padding:30px 0 10px 0 !important;}
	.mainhead h1{font-size:18px;}
	.cat_main{padding-top:10px;}
	.cat_main img{margin:0 auto !important; padding:0px !important;}
	.cat_main:hover .ctxt h1{opacity:1; color:#0a0b0d; background-color:#fff; padding:10px; margin:0 11px; border-radius:5px;}
	.cat_main::before{display:none;}
	.feaimage::before{display:none;}
	.feaimage:hover .ftext h3{color:#30a4d7;}
	.feaimage:hover .ftext p{color:#30a4d7;}
	.fp_bg::before{bottom:8% !important; height:20vh !important; border-radius:0 0 10px 10px !important;}
	.ftlogo img {margin: 15px auto !important; padding: 3px 0px !important; width: 50px !important; height: auto !important; object-fit: cover;}
	.ftt_bg{margin:15px 0 0 0 !important; padding:15px 0px !important; border-radius:0px 16px 0px 15px !important;}
	.ftt_bg:before{display:none;}
	.ftnav ul li{padding-bottom:12px !important;}
	.ftnav h3{padding:15px 0 0 0 !important;}
	.ftnavv h3{padding:15px 0 0 0 !important;}
	.copryt{padding-top:10px !important;}
	.copryt h3{padding:0px 20px !important; font-size:12px;}
}
@media only screen and (min-width: 360px) and (max-width: 479px) {
    .top_bar{display:none;}
	.tus_bar a i{margin:0px; padding:15px 7px; width:30px; height:30px; line-height:0; font-size:15px;}
	.tus_mobile{margin:0px; padding:7px 15px;}
	.tus_mblogo img{margin:0; padding:2px 0px;}
	.tus_mblinks{margin:13px 0 0 0;}
	.row{margin:0px !important; padding:0px !important;}
	.abttext h1{padding-bottom:30px; font-size:18px;}
	.abttext p{font-size:13px;}
	.abutimg img{margin:30px auto 0 auto;}
	.mainhead{margin:0px !important; padding:30px 0 10px 0 !important;}
	.mainhead h1{font-size:18px;}
	.cat_main{padding-top:10px;}
	.cat_main img{margin:0 auto !important; padding:0px !important;}
	.cat_main:hover .ctxt h1{opacity:1; color:#0a0b0d; background-color:#fff; padding:10px; margin:0 50px; border-radius:5px;}
	.cat_main::before{display:none;}
	.feaimage::before{display:none;}
	.feaimage:hover .ftext h3{color:#30a4d7;}
	.feaimage:hover .ftext p{color:#30a4d7;}
	.fp_bg::before{bottom:8% !important; height:40vh !important; border-radius:0 0 10px 10px !important; width:95% !important;}
	.ftext{bottom:20% !important;}
	.ftext h3{font-size:12px;}
	.ftext p{font-size:12px;}
	.ftlogo{padding:0px !important;}
	.ftlogo img {margin: 15px auto !important; padding: 3px 0px !important; width: 50px !important; height: auto !important; object-fit: cover;}
	.ftt_bg{margin:15px 0 0 0 !important; padding:15px 0px !important; border-radius:0px 16px 0px 15px !important;}
	.ftt_bg:before{display:none;}
	.ftnav ul li{padding-bottom:12px !important;}
	.ftnav h3{padding:15px 0 0 0 !important;}
	.ftnavv h3{padding:15px 0 0 0 !important;}
	.copryt{padding-top:10px !important;}
	.copryt h3{padding:0px 20px !important; font-size:12px;}
}
@media only screen and (min-width: 480px) and (max-width: 666px) {
    .top_bar{display:none;}
	.tus_bar a i{margin:0px; padding:15px 7px; width:30px; height:30px; line-height:0; font-size:15px;}
	.tus_mobile{margin:0px; padding:7px 15px;}
	.tus_mblogo img{margin:0; padding:2px 0px;}
	.tus_mblinks{margin:13px 0 0 0;}
	.row{margin:0px !important; padding:0px !important;}
	.abttext h1{padding-bottom:30px; font-size:18px;}
	.abttext p{font-size:13px;}
	.abutimg img{margin:30px auto 0 auto;}
	.mainhead{margin:0px !important; padding:30px 0 10px 0 !important;}
	.mainhead h1{font-size:18px;}
	.cat_main{padding-top:10px;}
	.cat_main img{margin:0 auto !important; padding:0px !important;}
	.cat_main:hover .ctxt h1{opacity:1; color:#0a0b0d; background-color:#fff; padding:10px; margin:0px; border-radius:5px;}
	.cat_main::before{display:none;}
	.feaimage::before{display:none;}
	.feaimage:hover .ftext h3{color:#30a4d7;}
	.feaimage:hover .ftext p{color:#30a4d7;}
	.fp_bg::before{bottom:8% !important; height:40vh !important; border-radius:0 0 10px 10px !important; width:95% !important;}
	.ftext{bottom:20% !important;}
	.ftext h3{font-size:12px;}
	.ftext p{font-size:12px;}
	.ftlogo{padding:0px !important;}
	.ftlogo img {margin: 15px auto !important; padding: 0px !important; width: 65px !important; height: auto !important; object-fit: cover;}
	.ftt_bg{margin:15px 0 0 0 !important; padding:15px 0px !important; border-radius:0px 16px 0px 15px !important;}
	.ftt_bg:before{display:none;}
	.ftnav ul li{padding-bottom:12px !important;}
	.ftnav h3{padding:15px 0 0 0 !important;}
	.ftnavv h3{padding:15px 0 0 0 !important;}
	.copryt{padding-top:10px !important;}
	.copryt h3{padding:0px 20px !important; font-size:12px;}
}
@media only screen and (min-width: 667px) and (max-width: 767px){
    .top_bar{display:none;}
	.tus_bar a i{margin:0px; padding:15px 7px; width:30px; height:30px; line-height:0; font-size:15px;}
	.tus_mobile{margin:0px; padding:7px 15px;}
	.tus_mblogo img{margin:0; padding:2px 0px;}
	.tus_mblinks{margin:13px 0 0 0;}
	.row{margin:0px !important; padding:0px !important;}
	.abttext h1{padding-bottom:30px; font-size:18px;}
	.abttext p{font-size:13px;}
	.abutimg img{margin:30px auto 0 auto;}
	.mainhead{margin:0px !important; padding:30px 0 10px 0 !important;}
	.mainhead h1{font-size:18px;}
	.cat_main{padding-top:10px;}
	.cat_main img{margin:0 auto !important; padding:0px !important;}
	.cat_main:hover .ctxt h1{opacity:1; color:#0a0b0d; background-color:#fff; padding:10px; margin:0px; border-radius:5px;}
	.cat_main::before{display:none;}
	.feaimage::before{display:none;}
	.feaimage:hover .ftext h3{color:#30a4d7;}
	.feaimage:hover .ftext p{color:#30a4d7;}
	.fp_bg::before{bottom:8% !important; height:25vh !important; border-radius:0 0 10px 10px !important; width:80% !important;}
	.ftext{bottom:20% !important;}
	.ftext h3{font-size:12px;}
	.ftext p{font-size:12px;}
	.ftlogo{padding:0px !important;}
	.ftlogo img {margin: 15px auto !important; padding: 0px !important; width: 65px !important; height: auto !important; object-fit: cover;}
	.ftt_bg{margin:15px 0 0 0 !important; padding:15px 0px !important; border-radius:0px 16px 0px 15px !important;}
	.ftt_bg:before{display:none;}
	.ftnav ul li{padding-bottom:12px !important;}
	.ftnav ul li a{font-size:11px !important;}
	.ftnav h3{padding:15px 0 0 0 !important; font-size:15px !important;}
	.ftnavv ul li a{font-size:11px !important;}
	.ftnavv h3{padding:15px 0 0 0 !important; font-size:15px !important;}
	.copryt{padding-top:10px !important;}
	.copryt h3{padding:0px 20px !important; font-size:11px;}
}
@media only screen and (min-width: 768px) and (max-width: 799px) {
    .top_bar{display:none;}
	.tus_bar a i{margin:0px; padding:15px 7px; width:30px; height:30px; line-height:0; font-size:15px;}
	.tus_mobile{margin:0px; padding:7px 15px;}
	.tus_mblogo img{margin:0; padding:2px 0px;}
	.tus_mblinks{margin:13px 0 0 0;}
	.row{margin:0px !important; padding:0px !important;}
	.abttext h1{padding-bottom:30px; font-size:18px;}
	.abttext p{font-size:13px;}
	.abutimg img{margin:30px auto 0 auto;}
	.mainhead{margin:0px !important; padding:30px 0 10px 0 !important;}
	.mainhead h1{font-size:18px;}
	.cat_main{padding-top:10px;}
	.cat_main img{margin:0 auto !important; padding:0px !important;}
	.cat_main:hover .ctxt h1{opacity:1; color:#0a0b0d; background-color:#fff; padding:10px; margin:0px; border-radius:5px;}
	.cat_main::before{display:none;}
	.feaimage::before{display:none;}
	.feaimage:hover .ftext h3{color:#30a4d7;}
	.feaimage:hover .ftext p{color:#30a4d7;}
	.fp_bg::before{bottom:8% !important; height:25vh !important; border-radius:0 0 10px 10px !important; width:95% !important;}
	.ftext{bottom:20% !important;}
	.ftext h3{font-size:12px;}
	.ftext p{font-size:12px;}
	.ftlogo{padding:0px !important;}
	.ftlogo img {margin: 15px auto !important; padding: 0px !important; width: 65px !important; height: auto !important; object-fit: cover;}
	.ftt_bg{margin:15px 0 0 0 !important; padding:15px 0px !important; border-radius:0px 16px 0px 15px !important;}
	.ftt_bg:before{display:none;}
	.ftnav ul li{padding-bottom:12px !important;}
	.ftnav ul li a{font-size:11px !important;}
	.ftnav h3{padding:15px 0 0 0 !important; font-size:15px !important;}
	.ftnavv ul li a{font-size:11px !important;}
	.ftnavv h3{padding:15px 0 0 0 !important; font-size:15px !important;}
	.copryt{padding-top:10px !important;}
	.copryt h3{padding:0px 20px !important; font-size:11px;}
}
@media only screen and (min-width: 800px) and (max-width: 991px) {
    .top_bar{display:none;}
	.tus_bar a i{margin:0px; padding:15px 7px; width:30px; height:30px; line-height:0; font-size:15px;}
	.tus_mobile{margin:0px; padding:7px 15px;}
	.tus_mblogo img{margin:0; padding:2px 0px;}
	.tus_mblinks{margin:13px 0 0 0;}
	.row{margin:0px !important; padding:0px !important;}
	.abttext h1{padding-bottom:30px; font-size:18px;}
	.abttext p{font-size:13px;}
	.abutimg img{margin:30px auto 0 auto;}
	.mainhead{margin:0px !important; padding:30px 0 10px 0 !important;}
	.mainhead h1{font-size:18px;}
	.cat_main{padding-top:10px;}
	.cat_main img{margin:0 auto !important; padding:0px !important;}
	.cat_main:hover .ctxt h1{opacity:1; color:#0a0b0d; background-color:#fff; padding:10px; margin:0px; border-radius:5px;}
	.cat_main::before{display:none;}
	.feaimage::before{display:none;}
	.feaimage:hover .ftext h3{color:#30a4d7;}
	.feaimage:hover .ftext p{color:#30a4d7;}
	.fp_bg::before{bottom:8% !important; height:25vh !important; border-radius:0 0 10px 10px !important; width:95% !important;}
	.ftext{bottom:20% !important;}
	.ftext h3{font-size:12px;}
	.ftext p{font-size:12px;}
	.ftlogo{padding:0px !important;}
	.ftlogo img {margin: 15px auto !important; padding: 0px !important; width: 65px !important; height: auto !important; object-fit: cover;}
	.ftt_bg{margin:15px 0 0 0 !important; padding:15px 0px !important; border-radius:0px 16px 0px 15px !important;}
	.ftt_bg:before{display:none;}
	.ftnav ul li{padding-bottom:12px !important;}
	.ftnav ul li a{font-size:11px !important;}
	.ftnav h3{padding:15px 0 0 0 !important; font-size:15px !important;}
	.ftnavv ul li a{font-size:11px !important;}
	.ftnavv h3{padding:15px 0 0 0 !important; font-size:15px !important;}
	.copryt{padding-top:10px !important;}
	.copryt h3{padding:0px 20px !important; font-size:11px;}
}
@media only screen and (min-width: 992px) and (max-width: 1023px) {
    .tus_mobile{display:none;}
	.top_bar{padding:15px 0px;}
	.top_bar::before{display:none;}
	.top_bar::after{height:100%;}
	.tus_bar a i{margin:0px; padding:15px 7px; width:30px; height:30px; line-height:0; font-size:15px;}
	.row{margin:0px !important; padding:0px !important;}
	.abttext h1{padding-bottom:30px; font-size:18px;}
	.abttext p{font-size:13px;}
	.abutimg img{margin:30px auto 0 auto;}
	.mainhead{margin:0px !important; padding:30px 0 10px 0 !important;}
	.mainhead h1{font-size:18px;}
	.cat_main{padding-top:10px;}
	.cat_main img{margin:0 auto !important; padding:0px !important;}
	.cat_main:hover .ctxt h1{opacity:1; color:#0a0b0d; background-color:#fff; padding:10px; margin:0px; border-radius:5px;}
	.cat_main::before{display:none;}
	.feaimage::before{display:none;}
	.feaimage:hover .ftext h3{color:#30a4d7;}
	.feaimage:hover .ftext p{color:#30a4d7;}
	.fp_bg::before{bottom:8% !important; height:25vh !important; border-radius:0 0 10px 10px !important; width:95% !important;}
	.ftext{bottom:20% !important;}
	.ftext h3{font-size:12px;}
	.ftext p{font-size:12px;}
	.ftlogo{padding:0px !important;}
	.ftlogo img {margin: 15px auto !important; padding: 0px !important; width: 65px !important; height: auto !important; object-fit: cover;}
	.ftt_bg{margin:15px 0 0 0 !important; padding:15px 0px !important; border-radius:0px 16px 0px 15px !important;}
	.ftt_bg:before{display:none;}
	.ftnav ul li{padding-bottom:12px !important;}
	.ftnav ul li a{font-size:11px !important;}
	.ftnav h3{padding:15px 0 0 0 !important; font-size:15px !important;}
	.ftnavv ul li a{font-size:11px !important;}
	.ftnavv h3{padding:15px 0 0 0 !important; font-size:15px !important;}
	.copryt{padding-top:10px !important;}
	.copryt h3{padding:0px 20px !important; font-size:11px;}
}
@media only screen and (min-width: 1024px) and (max-width: 1199px) {
    .tus_mobile{display:none;}
    .topcon p span{font-size:13px !important;}
    .fp_bg::before{bottom:5%; width:95%; height:30vh; border-radius:0 0 10px 10px;}
	.mainhead{margin:0px; padding:20px 0 0 0 !important;}
	.feaimage::before{height:283px;}
    .copryt h3 {margin:0px; padding:0px; font-size:13px;}
    .copryt h3 span {margin:0px; padding:10px 0; font-size:13px;}

}
/*---------
   Basket
-------------------*/
.cart-page {
    padding: 20px 0 0px; width:100%
}
.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 {
  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-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;
  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;
  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;
  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;
  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;
}}