@import url("https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i|Poppins:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i");
@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@200;300;400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css?family=Abhaya+Libre|Molengo|Poppins|Open+Sans');
@import url(https://allfont.net/allfont.css?fonts=agency-fb);
body{margin:0; font-size: 14px; font-family: "Poppins", sans-serif, sans-serif;}
#main{width:100%; height:auto; float:left}
#main-inner{width:90%; height:auto; margin:0 auto; overflow:auto}
#main-inner1{width:90%; height:auto; margin:0 auto;}
#main-inner2{width:100%; height:auto; margin:0 auto; overflow:auto}
#main-inner3{width:100%; height:auto; margin:0 auto; overflow:hidden}

a{text-decoration:none; color:#333}

#main-header{width:100%; height:auto; float:left;}
#main-header .logo{width:20%; height:auto; float:left; margin: 2px 0;}
#main-header .logo img{width:100%; height:auto; float:left;}
#main-header .search-con{width:30%; height:auto; float:left; margin-top: 30px; margin-left: 15%;}
#main-header .search-con .box{width:90%; height:auto; float:left; padding: 9px; border-radius: 4px 0 0 4px;}
#main-header .search-con .submit{width:10%; height:auto; float:left; padding: 12.3px; border-radius: 0 4px 4px 0; cursor: pointer;}
#main-header .search-con .box::placeholder{color:#474342; opacity: 1;}
#main-header .righthead{width:7%; height:auto; float:right;}
#main-header .righthead .headicon{width:40%; height:auto; float:left; margin: 35px 5% 1% 5%;}
#main-header .righthead .headicon img{width:100%; height:auto; float:left; margin: 0;}

.comh2{text-align: center; margin: 0 0 30px 0;}
.comspan{text-align: center; margin: 0 0 5px 0; font-weight: normal; font-size: medium;}

.catbg{background: #f5f5f5}
#catimg{width:100%; height:auto; float:left; margin: 50px 0;}
#catimg h2{width:100%; height:auto; float:left; color: #2e2e2e; text-align: center; margin: 0 0 5px 0;}
#catimg b{width:8%; height:auto; float:left; margin: 0 45% 20px 45%; padding: 1px 0; background: #ea6402;}
#catimg a{width:13%; height:auto; float:left; margin: 0.6%; padding: 10px 0; text-align: center; border: 1px solid #edecec; color: #ea6402; background: #fff; transition: 0.3s;}
#catimg a:hover{border: 1px solid #fee07a; color: #01918f;}
#catimg .a{margin: 0.6% 0.6% 0.6% 29%;}
#catimg a img{width:50%; height:auto; float:left; margin: 2% 25% 4% 25%;}

#threeimg{width:100%; height:auto; float:left; margin: 50px 0;}
#threeimg .column {
	margin: 0;
	padding: 0;
}
#threeimg .column:last-child {
	padding-bottom: 0;
}
#threeimg .column::after {
	content: '';
	clear: both;
	display: block;
}
#threeimg .column div {
	position: relative;
	float: left;
	width: 32.2%;
	height: auto;
	margin: 0 0.5%!important;
	padding: 0;
}
#threeimg .column .div {
	position: relative;
	float: left;
	width: 25%;
	height: auto;
	margin: 0 0.5%!important;
	padding: 0;
}
#threeimg .column .div1 {
	position: relative;
	float: left;
	width: 47%;
	height: auto;
	margin: 0 0.5%!important;
	padding: 0;
}
#threeimg .column div:first-child {
	margin-left: 0;
}
#threeimg figure {
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
	background: #fff;
	overflow: hidden;
}
#threeimg figure img {
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
	border-radius: 6px;
}

#threeimg figure:hover+span {
	bottom: -36px;
	opacity: 1;
}
/* Shine */
#threeimg .hover14 figure {
	position: relative;
}
#threeimg .hover14 figure::before {
	position: absolute;
	top: 0;
	left: -75%;
	z-index: 2;
	display: block;
	content: '';
	width: 50%;
	height: 100%;
	background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
	background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
	-webkit-transform: skewX(-25deg);
	transform: skewX(-25deg);
}
#threeimg .hover14 figure:hover::before {
	-webkit-animation: shine .75s;
	animation: shine .75s;
}
@-webkit-keyframes shine {
	100% {
		left: 125%;
	}
}
@keyframes shine {
	100% {
		left: 125%;
	}
}

.prodivbg{background: #f1f1f1;}
.bannerimg{width: 95%; height: auto; float: left; margin: 0 2.5%;}
.prodivrow{height: 400px;}
.prodivrowhidden{visibility: hidden; width: 0; height: 0; float: left; margin: 0; background: #000;}
.prodivrowhidden .bbb_container{visibility: hidden; font-size: 0; width: 0; height: 0; float: left; margin: 0;}
.prodivrowhidden .bbb_container h2{visibility: hidden; font-size: 0; width: 0; height: 0; float: left; margin: 0;}
.prodivrowhidden .bbb_text{visibility: hidden; font-size: 0; width: 0; height: 0; float: left; margin: 0;}
.prodivrowhidden .bbb_slider_nav{visibility: hidden; font-size: 0; width: 0; height: 0; float: left; margin: 0;}
.prodivrowhidden .bbb_text{visibility: hidden; font-size: 0; width: 0; height: 0; float: left; margin: 0;}
.prodivrowhidden .bbb_text{visibility: hidden; font-size: 0; width: 0; height: 0; float: left; margin: 0;}

.footermainbg{background: #0f1a2e}
#footermain{width:100%; height:auto; float:left; margin: 30px 0;}
#footermain .con{width:24%; height:auto; float:left; margin:0 0.5%;}
#footermain .con h3{width:100%; height:auto; float:left; color: #fff; font-weight: 500; text-transform: uppercase; font-size: large;}
#footermain .con a{width:100%; height:auto; float:left; margin: 4px 0; color: #e1e0e0; font-weight: normal;}
#footermain .con p{width:100%; height:auto; float:left; margin:10px 0; color: #e1e0e0; font-weight: normal;}
#footermain .con p img{margin:0 9px 0 0; float: left;}
#footermain .con p span{margin:0;}

.footerlowbg{background: #fff;}
#footerlow{width:100%; height:auto; float:left; padding: 5px 0;}
#footerlow p{width:auto; height:auto; float:left; margin:4px 0 0 0; color: #474342;}
#footerlow p a{color: #023289;}
#footerlow img{width:60%; height:auto; float:right;}

.shadow_one{padding:60px 0;text-align:center;background-color:rgba(0,0,0,.65)}
#page_header{background:url(images/bg1.jpg); background-attachment: fixed;background-position: center;background-repeat: no-repeat; background-size: 100% auto; margin-top:-2px;}
#page_header h2{color:#fff;font-size:40px;margin:18px 0;font-family:'Abhaya Libre',cursive}
#page_header p{color:#fff}
.page_header_breadcum{color:#fff}
.page_header_breadcum a .fa{color:#fdb92e;font-size:16px}
.page_header_breadcum a.active_page{color:#fdb92e}
.page_header_breadcum a{color:#fff}

#static{width:100%; height:auto; float:left; margin:4% 0}
#static h1,h2,h3,h4,h5,h6{color: #016db8;}
#static .h1{width:100%; height:auto; float:left; margin: 30px 0 0 0;}
#static .h11{width:100%; height:auto; float:left; margin: 0 0 0 0;}
#static img{width:auto; height:auto; float:left; margin:1% 1% 1% 0}
#static p{margin:1% 0; line-height:180%; text-align:justify; color:#333333;}
#static span{margin:1% 0; line-height:160%; text-align:justify; color:#333333;}
#static ul{list-style-image: url('images/tick.png'); line-height:160%; text-align:justify; color:#333333;}
#static ul li{margin:1.5% 0}

.pro-right{width: 76%; height: auto; float: left; margin: 0; padding-top: 40px!important;}
.pro-left{width: 20%; height: auto; float: left; margin: 0 2%; padding: 35px 0 0 0;}
.pro-left .con{width:99%; height: auto; float: left; margin:0 0 20px 0; padding:4%; border: 1px solid #dbdbdb; border-radius:5px ;}
.pro-left .con h4{width: 100%; height: auto; float: left; color: #535352; margin-bottom: 10px; padding-bottom: 5px; text-transform: uppercase; font-size: larger; border-bottom: 1px solid #e9e9e9; font-family: 'Roboto', sans-serif; font-weight: bold;}
.pro-left .con #slider-range{margin-top: 10px;}
.pro-left .con a{width:100%; height: auto; float: left; margin:0; padding:7px 0; border-bottom: 1px solid #f0dfdf; color:#7b7b7b; font-size: 14px; transition:0.5s}
.pro-left .con a:last-child{border-bottom:none}
.pro-left .con a:hover{color:#b36202}
.pro-left .con .a{color:#f6931f; font-size: 14px;}
.pro-left .con label{color:#7b7b7b; font-size: 14px!important;}
.pro-left .con .cont {
    width: 100%; 
    float: left;
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }
  
  /* Hide the browser's default checkbox */
  .pro-left .con .cont input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
  }
  
  /* Create a custom checkbox */
  .pro-left .con .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 20px;
    width: 20px;
    background-color: #eee;
  
  }
  
  /* On mouse-over, add a grey background color */
  .pro-left .con .cont:hover input ~ .checkmark {
    background-color: #ccc;
  }
  
  /* When the checkbox is checked, add a blue background */
  .pro-left .con .cont input:checked ~ .checkmark {
    background-color: #2196F3;
  }
  
  /* Create the checkmark/indicator (hidden when not checked) */
  .pro-left .con .checkmark:after {
    content: "";
    position: absolute;
    display: none;
  }
  
  /* Show the checkmark when checked */
  .pro-left .con .cont input:checked ~ .checkmark:after {
    display: block;
  }
  
  /* Style the checkmark/indicator */
  .pro-left .con .cont .checkmark:after {
    left: 7px;
    top: 3px;
    width: 6px;
    height: 12px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
  }





#product-details{width:100%; height:auto; float:left; margin:1% 0}
#product-details article{width:35%; height:auto; float:left; }
#product-details .right1{width:58%; height:auto; float:left; margin-left:2.7%; padding:2%; border:1px #E8E6E6 solid; background:white}
#product-details .right1 h3{margin:0 0 1.5% 0; padding-bottom: 2%; font-family: 'Roboto', sans-serif; font-size: 20px; line-height: 30px; border-bottom: 1px solid #e7e7e7;}
#product-details .right1 b{float:left; font-weight:normal; color: #999999; text-decoration:line-through; margin:0 2% 0 0; font-size:16px}
#product-details .right1 h4{color:#DA251C; font-size:16px; margin:0; font-weight:normal; margin-top: 2%}
#product-details .right1 .catname{margin-top: 5%}
#product-details .right1 .marg{padding:0 1%}
#product-details  h4{color:#DA251C; font-size:14px; margin:0; font-weight:normal;}
#product-details .key{width:100%; height:auto; float:left; margin-top: 1.8%; border-top: 1px solid #e7e7e7; border-bottom: 1px solid #e7e7e7;}
#product-details .key p{margin-bottom:20px}
#product-details .key ul{margin:3%; padding:0; color: #333333; font-size:14px}
#product-details .key ul li{ list-style: none; margin: 5px 0 5px -10px;}
#product-details .key ul li .fa{font-size: 10px!important; color: #9b9b9b;}

#product-details .cart{width:auto; height:auto; float:left; background:#FFDB97; padding:1.6% 2.5%; cursor: pointer; font-size:14px; color:black; border:1px #FBA500 solid; border-radius:4px; transition:0.5s}
#product-details .cart:hover{background:#FEBF00;}
#product-details .cart strong{font-size:large}
#product-details .pin{width:100%; height:auto; float:left; margin:2% 0}
#product-details .pin .check{width:45%; height:auto; float:left; padding:2% 2% 2% 0; border:none; border-bottom:2px #999999 solid}
#product-details .pin .check:hover{border-bottom:2px #000 solid}
#product-details .pin .check:focus{border-bottom:2px #000 solid}
#product-details .pin .submit{width:auto; height:auto; float:left; padding:2.12%; border:none; background:#156192; color:white; cursor:pointer; transition:0.5s}
#product-details .pin .submit:hover{background:black}
#product-details .low{width:98%; height:auto; float:left; margin:1%}
#product-details .show-div22{width:100%; height:auto; float:left;}
#product-details .low h2{color:#156192; border-bottom:1px #DBDBDB solid; padding-bottom:0.7%}
#product-details .low h4{color:#666666; width:30%; float:left; margin: 0.8% 0}
#product-details .low p{color:#000000; margin: 0.8% 0}
#product-details .compare{width:100%; height:auto; float: left;margin: 3% 0;}
#product-details .compare a{width:auto; height:auto; float: left; margin-right: 2%; border: 1px solid #cecdcd; background:#e7e7e7; padding:2%; color:#000; border-radius: 5px; transition:0.3s}
#product-details .compare a:hover{border: 1px solid #cecdcd; background:#dcdace;}
#product-details .compare a img{width:13px; height:auto; float: left; margin-top: 5%;}
#product-details .mess{width:100%; height:auto; float: left; color: #fff; background-color: #5cb85c; border-color: #4cae4c; text-align: left; padding:8px; border-radius: 6px; margin-top:10px; line-height:200%;}

#logi{width: 40%; height: auto; float: left; margin:5% 30%; background: #EBE8E8; padding: 1%}
#logi a{color: #01A1EF}

#logi1{width: 40%; height: auto; float: left; margin:5% 0; background: #FFFFFF; padding: 1%}
#logi1 a{color: #ddf7de}

#shopcart{width:100%; height:auto; float:left; margin:5% 0}
#shopcart .headi{width: 100%; height: 70px; float:left; padding: 0; border-bottom: #E1DFDF solid 1px;}
#shopcart .headii{width: 100%; height: auto; float:left; padding: 0 0 0.7% 0; border-bottom: #E1DFDF solid 1px;}
#shopcart .headi h1{width:48%; height: auto; float: left; margin: 2% 0 0 0;}
#shopcart .headi h2{width:10%; height: auto; float: left; margin:4% 0 0 0; padding: 0; font-size:16px;}
#shopcart .headi h3{width:14%; height: auto; float: left; margin:4% 0 0 0; padding: 0; font-size:16px;}
#shopcart .headi .h2{width:20%;}
#shopcart .headi .h3{width:20%;}
#shopcart .pin{width:27%; height:auto; float:left; margin:0;}
#shopcart .pin1{width:12%; height:auto; float:left; margin:0;}
#shopcart .pin .check{width:80%; height:auto; float:left; padding:2% 2% 2% 2%; color:#2E2D2D; border:1px solid #0FA3F5; transition:0.2s}
#shopcart .pin .check:hover{border:1px #000 solid}
#shopcart .pin .check:focus{border:1px #000 solid}
#shopcart .pin .check::placeholder{color:#575757; font-size: 12px;  opacity: 1}
#shopcart .pin .submit{width:20%; height:auto; float:left; padding:2.4% 2.12%; border:none; background: #292727 ; color:white; cursor:pointer}
#shopcart .pin .submit:hover{background:black}
#shopcart .pin1 h3{width: 100%; height: auto; float: left; margin-top: 35%;}
#shopcart .con{width: 100%; height: auto; float:left; padding: 2% 0; border-bottom: #E1DFDF solid 1px}
#shopcart .con:last-child{border-bottom: none}
#shopcart .con .img{width: 10%; height: auto; float: left; margin-right: 2%}
#shopcart .con h5{width: 36%; height: auto; float: left; color:#0063D9; padding-right:2%;}
#shopcart .con h4{width: 10%; height: auto; float: left; font-weight: bold; margin-top:0.5%; font-family: 'Ubuntu', sans-serif;}
#shopcart .con .h4{width: 20%; height: auto; float: left; font-weight: bold; font-family: 'Ubuntu', sans-serif;}
#shopcart .con .container{width: 15%; height: auto; float: left;}
#shopcart .con .container1{width: 20%; height: auto; float: left;}
#shopcart .con h6{width: 27%; height: auto; float: left; font-weight:bold; font-size:17px; margin-top:0.5%; font-family: 'Ubuntu', sans-serif;}
#shopcart .con .but{width: auto; float: right; padding: 3% 4%; border: #D1CECE solid 1px; background: #EBE8E8; border-radius: 5px; color: black; font-weight:normal; font-size: 12px; margin: 0 0 0 4%; transition: 0.1s}
#shopcart .con .but:hover{border: #8DB9DD solid 1px; background: #EBE8E8;}
#shopcart .buttoo{width: auto; float: right; background: white; border: #C7C6C6 1px solid; color:#232323; font-weight:bold; font-size: medium; padding: 1% 2%; margin:2% 0 0 2%; border-radius: 5px; transition: 0.3s}
#shopcart .buttoo:hover{border: #000000 1px solid}
#shopcart .butto{width: auto; float: right; background: #0576ED; border: #0576ED 1px solid; color: white; font-weight:bold; font-size: medium; padding: 1% 2%; margin:2% 0 0 2%; border-radius: 5px}
#shopcart .butto:hover{background: #faa934; border: #faa934 1px solid}
#shopcart .hold{width: 100%; height: 35px; float: left;}
#shopcart .hold .mess{
    background: #333;
    border-radius: 5px;
    color: #fff;
    padding: 5px 15px;
    width: 100%; float: left; margin-bottom: 2%
}
#shopcart .hold1{width: 33%; height: auto; float: right; margin: 1% 0 0 67%}
#shopcart .hold1 .mess{
    background: #333;
    border-radius: 5px;
    color: #fff;
    padding: 5px 15px;
    width: 100%; float: right; margin-bottom: 2%
}
#shopcart .container b{width: 100%; height: auto; float: left; margin-top: 5%; font-size: 16px; padding-left: 15%}
#shopcart .con .h6{width: 12%; height: auto; float: left; margin:1% 0 0 0; font-size: 18px; font-weight: bold; font-family: 'Ubuntu', sans-serif;}
#shopcart .con .h66{width: 30%; height: auto; float: right; text-align: right; margin:1% 0 0 0; font-size: 18px;  font-family: 'Ubuntu', sans-serif;}
#shopcart .con .h66 strong{font-weight: normal; font-size: 15px}
#shopcart .con .h66 .strong{width: 30%; height: auto; float: right; color: red; font-size: 18px; font-weight: bold}
#shopcart #logi .span{width: 100%; height: auto; float: left; margin: 0 0 3% 0; font-size: 12px; color:#00365E; text-align: left}
#shopcart #logi .spann{width: 100%; height: auto; float: left; margin:0; font-size: 11px; color:#5E5C5C; text-align: center}
#shopcart #logi .mb-41{font-family: 'Ubuntu', sans-serif;}
#shopcart #logi .input-group{margin-bottom: 5%; width: 100%;}
#shopcart #logi .input-group .form-control{border-radius:5px;}
#shopcart #logi .input-group .form-control1{border-radius:5px 0 0 5px}
#shopcart #logi .updiv{width:98%; height: auto; float: left; margin:1%; background:#008ecb; color:#fff; padding:1%;}
#shopcart #logi .updiv h3{margin:0; text-align:center; border-bottom:1px solid #eee;}
#shopcart #logi .updiv p{margin:1% 0;}
#shopcart .notvisi{width:0; height: 0; float:left; padding: 0; margin:0; border-bottom: none; visibility:hidden}
#shopcart .notvisi1{width:0; height:0; float:left; padding: 0; margin:0; border: none; visibility:hidden}


@media all and (max-width: 768px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px), only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min-resolution: 192dpi) and (max-width: 1024px), only screen and (min-resolution: 2dppx) and (max-width: 1024px) {

#main-inner{width:98%; height:auto; margin:0 auto; overflow:auto}
#main-inner1{width:90%; height:auto; margin:0 auto;}
#main-inner2{width:100%; height:auto; margin:0 auto; overflow:auto}
#main-inner3{width:100%; height:auto; margin:0 auto; overflow:hidden}

#main-header .logo{width:0; height:0; float:left; visibility: hidden;}
#main-header .search-con{width:80%; height:auto; float:left; margin-top: 10px; margin-left: 0;}
#main-header .righthead{width:20%; height:auto; float:right;}
#main-header .righthead .headicon{width:30%; height:auto; float:left; margin: 17px 5% 1% 15%;}
#main-header .righthead .headicon1{width:30%; height:auto; float:left; margin: 17px 15% 1% 5%;}

#catimg b{width:20%; height:auto; float:left; margin: 0 40% 20px 40%; padding: 1px 0; background: #ea6402;}
#catimg a{width:49%; height:auto; float:left; margin: 0.5%; padding: 10px 0; text-align: center; border: 1px solid #edecec; color: #ea6402; background: #fff; transition: 0.3s;}
#catimg .a{margin: 0.5%;}
#catimg .aa{margin: 0.6% 0.6% 0.6% 29%;}

#threeimg{width:100%; height:auto; float:left; margin: 5px 0;}
#threeimg .column div {
	position: relative;
	float: left;
	width: 99%;
	height: auto;
	margin: 1% 0.5%!important;
	padding: 0;
}

.bannerimg{width: 92%; height: auto; float: left; margin: 4% 0 4% 4%;}
.prodivrow{height: auto;}
.prodivrowhidden{visibility: visible; width: 100%; height: auto; float: left; margin: 0; background: #000;}
.prodivrowhidden .bbb_container{visibility: visible; font-size: 0; width: 0; height: 0; float: left; margin: 0;}
.prodivrowhidden .bbb_container h2{visibility: visible; font-size: 30px; width: 100%; height: auto; float: left; margin: 0;}
.prodivrowhidden .bbb_text{visibility: visible; font-size: 30px; width: 100%; height: auto; float: left; margin: 0;}
.prodivrowhidden .bbb_slider_nav{visibility: visible; font-size: 30px; width: 100%; height: auto; float: left; margin: 0;}
.prodivrowhidden .bbb_text{visibility: visible; font-size: 30px; width: 100%; height: auto; float: left; margin: 0;}
.prodivrowhidden .bbb_text{visibility: visible; font-size: 30px; width: 100%; height: auto; float: left; margin: 0;}
.promar{margin-top: 300px;}

#page_header{background:url(images/bg1.jpg); background-attachment: scroll;background-position: center;background-repeat: no-repeat; background-size: auto 100%;}
.page_header_breadcum .fa{color:#fdb92e;font-size:14px!important}

#static{width:95%; height:auto; float:left; margin:2.5%}

.pro-right{width: 98%; height: auto; float: left; margin: 0 1%; padding-top: 40px!important;}
.pro-left{width: 98%; height: auto; float: left; margin: 0 1%; padding: 35px 0 0 0;}
.sort select{width:98%; height:auto; float: right; margin:10px 0; border: 1px solid #d6d5d5; padding: 5px;}

#product-details article{width:98%; height:auto; float:left; margin:1%}
#product-details .right1{width:98%; height:auto; float:left; margin:1%; padding:2%; border:1px #E8E6E6 solid; background:white}
#product-details .pin .check{width:78%; height:auto; float:left; padding:2% 2% 2% 0; border:none; border-bottom:2px #999999 solid; font-size:16px;}
#product-details .pin .submit{width:22%; height:auto; float:left; padding:2.12%; border:none; background:#156192; color:white; cursor:pointer; font-size:16px;}
.rownew{float:left; width: 70%; margin-left:5%!important; margin-right:25%!important;}
#product-details .cart{width:80%; height:auto; float:left; background:#FFDB97; padding:3% 0; margin:1% 15% 1% 10%; ; font-size:16px; color:black; border:1px #FBA500 solid; border-radius:3px; transition:0.5s}

#product-details .show-div22{width:100%; height:auto; float:left;}
#product-details .low h4{color:#393939; width:100%; float:left; color:#425f82; font-weight:bold;}
#product-details .low p{color:#000000; margin: 0.8% 0; margin-bottom:10px; padding-bottom:8px;}

#logi{width:98%; height: auto; float: left; margin:5% 1%; background: #EBE8E8; padding: 1%}
#logi .h4{font-size:xx-large;}
#logi .form-control{height: auto; font-size:x-large;}
#logi .fontmedium{font-size:16px;}

#shopcart .headi{width:0; height: 0; float:left; padding: 0; margin:0; border-bottom: none; visibility:hidden}
#shopcart .notvisi{width:100%; height:auto; float:left; padding: 0 0 1% 0; margin:0; border-bottom: #E1DFDF solid 1px; visibility:visible}
#shopcart .notvisi1{width:30%; height:auto; float:left; padding: 0; margin:3% 2% 3% 0; border: none; visibility:visible; color:red; font-size:16px; font-weight: bold;}
#shopcart .con{width: 96%; height: auto; float:left; padding: 2% 0; border-bottom: red solid 1px; margin:0 2%;}
#shopcart .con .img{width: 50%; height: auto; float: left; margin:2% 50% 2% 0}
#shopcart .con h5{width:100%; height: auto; float: left; color:#0063D9; padding-right:0; font-size:18px; font-weight: bold;}
#shopcart .con h4{width: 68%; height: auto; float: left; font-weight: bold; margin-top:0; font-family: 'Ubuntu', sans-serif; text-align:left; margin:3% 0;}
#shopcart .con h6{width: 68%; height: auto; float: left; font-weight:bold; font-size:17px; margin-top:0; font-family: 'Ubuntu', sans-serif;}
#shopcart .con .mobh3{margin:0;}
#shopcart .con .containerqnt{width: 68%; height: auto; float: left; font-weight: bold; margin-top:0; font-family: 'Ubuntu', sans-serif; text-align:left; margin:3% 0;}
#shopcart .con .but{width: 50%; float: right; padding: 4% 4%; border: #D1CECE solid 1px; background: #EBE8E8; border-radius: 5px; color: black; font-weight:normal; font-size: 12px; margin: 0 0 0 50%; text-align:center; font-size:16px; transition: 0.1s}
#shopcart .nonecon{border-bottom: #E1DFDF solid 1px}
#shopcart .con .h66{width: 100%; height: auto; float: right; text-align: right; margin:1% 0 0 0; font-size: 18px;  font-family: 'Ubuntu', sans-serif;}
#shopcart .buttoo{width: auto; float: right; background: white; border: #C7C6C6 1px solid; color:#232323; font-weight:bold; font-size: medium; padding: 1% 2%; margin:2% 1% 0 2%; border-radius: 5px; transition: 0.3s}

}