/* CSS Document By Palakshi Dam - Krishna Tech */
@import url('https://fonts.googleapis.com/css?family=Ubuntu');
@import url('https://fonts.googleapis.com/css?family=Dosis');
@import url('https://fonts.googleapis.com/css?family=Abril+Fatface');

body{margin: 0; font-family: 'Ubuntu', sans-serif;}
#main{width: 100%; height: auto; float: left}
#main-inner{width:80%; height:auto; margin: 0 auto; overflow:auto}
#main-inner1{width:85%; height:auto; margin: 0 auto;}
#main-inner2{width:100%; height:auto; margin: 0 auto; overflow:auto}
#main-inner3{width:90%; height:auto; margin: 0 auto; overflow:auto}
#main-inner4{width:80%; height:auto; margin: 0 auto; overflow:hidden}

a{text-decoration: none}

.fontwhite{color:white!important}

.top-header-bac{background: #eef1f2}
#top-header{width: 100%; height: auto; float: left; margin: 0.5% 0}
#top-header h5{width: 40%; height: auto; float: left; line-height: 160%; margin:0; color: black}
#top-header h5 strong{color:#767575; font-weight: normal;}
#top-header .right{width: 60%; height: auto; float: left;}
#top-header .right a{width: auto; height: auto; float: right; color: #17acec; padding: 0 1.5%; margin: 1.6% 0 0 0; text-align: right; transition: 0.5s}
#top-header .right a:hover{color: #272727}
#top-header .right a:last-child{border-right: 1px #060606 solid;}
#top-header .right .a{width: 7%; height: auto; float: right; color: red;  text-align: right; margin: 1% 0 0 0}
#top-header .right a img{width: 100%; height: auto; float: left}

#header{width: 100%; height: auto; float: left}
#header .left{width: 20%; height: auto; float: left; margin-right: 2%}
#header .left img{width: 100%; height: auto; float: left}
#header .right{width: 45%; height: auto; float: right; border: 1px #434242 solid; border-radius: 25px; margin: 1% 0 0 0}
#header .right .box{width: 82%; height: auto; float: left; border: none; background: none; padding:3% 1% 3% 3%; margin: 2% 0 0 2%; font-size: medium}
#header .right .submit{width: 10%; height: auto; float: left; padding:3% 1%; background:url(images/search.png) right center no-repeat; background-size: 30px 30px; border: none; cursor: pointer}

.menu-bac{background: #222222}

.view{width: 20%; height: auto; float: left; margin:3% 40% 0 40%; text-align: center; background: #32bffc; color: white; padding: 1% 0; border-radius: 30px; font-weight: bold; border: #32bffc 1px solid; transition: 0.3s}
.view:hover{background: #fff; color: #32bffc}
.view1{width: 20%; height: auto; float: left; margin:1% 40% 3% 40%; text-align: center; background: #32bffc; color: white; padding: 1% 0; border-radius: 30px; font-weight: bold; border: #32bffc 1px solid; transition: 0.3s}
.view1:hover{background: #fff; color: #32bffc}

.green{ background-color: #3FBF3F; color: white;}

.hover-bac{background: #f3f1e5; margin: 3% 0}
#hover{width: 100%; height: auto; float: left;}
#hover .con{width: 32.5%; height: auto; float: left; margin: 1.5% 0;}
#hover .con1{width: 98%; height: auto; float: left; margin: 1%; background: #D5D3D3}
#hover .con1 img{width: 100%; height: auto; float: left;}
#hover .con2{width: 32%; height: auto; float: left; margin: 1.5%;}
#hover .con3{width: 100%; height: auto; float: left; margin: 8px 0; background: none}
#hover .con3 p{background: rgba(0, 0, 0, 0.3)}
#hover .con3 img{width: 100%; height: auto; float: left}
#hover p{width: 100%; height: auto; float: left; margin-top:-40%; text-align: center; font-family: 'Abril Fatface', cursive; font-size: 35px; color: white; text-shadow: 2px 2px 2px rgba(0, 0, 0, 1); transition: 0.3s}
#hover p:hover{color: #ffec95}

/* Make it a marquee */
.marquee-h3{border-bottom: 1px #C3C2C2 solid; padding-bottom: 0.5%}
.marquee {
    width:100%;
    margin: 0 auto;
    overflow: hidden;
    white-space: nowrap;
    box-sizing: border-box;
    animation: marquee 50s linear infinite;
	margin-bottom: 3%
}

.marquee:hover {
    animation-play-state: paused
}

.marquee img{width: auto; height: 70px; margin: 0 1%}

/* Make it move */
@keyframes marquee {
    0%   { text-indent: 70em }
    100% { text-indent: -65em }
}

.footer-bac{background:url(images/bg.jpg) left top no-repeat; background-size: 100% auto}
#lower-footer{width: 100%; height: auto; float: left;}
#lower-footer .con{width: 20%; height: auto; float: left; margin: 1.5%;}
#lower-footer .con .logo{width: 90%; height: auto; float: left; margin:0 10% 4% 0}
#lower-footer .con .h5{width: 100%; height: auto; float: left; color: #d98103; font-size: medium}
#lower-footer .con .h5 strong{color: #363636; }
#lower-footer h4{font-weight: bold; margin-bottom: 5%; border-bottom: #cecdcd 1px solid; padding-bottom: 1%}
#lower-footer .con a{width: 100%; height: auto; float: left; margin: 1% 0; color:#d98103; font-size: 13px; transition: 0.2s}
#lower-footer .con a:hover{color:#363636;}
#lower-footer .con .social{width: 12%; height: auto; float: left; margin: 1%; padding: 2%; background: #32bffc; border-radius: 50%; transition: 0.3s}
#lower-footer .con .social:hover{background: #363636}
#lower-footer .con .social img{width: 100%; height: auto; float: left;}
#lower-footer .con1{width: 28%; height: auto; float: left; margin: 1.5%;}
#lower-footer .con1 a{width: auto; height: auto; float: left; margin: 0.5%; padding: 0.5% 1%; background: #363636; color: white; font-size: small; transition: 0.3s}
#lower-footer .con1 a:hover{background: #ba6e02;}

.bottom-footer-bac{background: #363636}
#bottom-footer{width: 100%; height: auto; float: left; padding: 0.8% 0}
#bottom-footer p{width: auto; height: auto; float: left; color: white; font-size: 13px}
#bottom-footer .p{width: auto; height: auto; float: right}
#bottom-footer p a{color: #faa934}
#bottom-footer p a:hover{color: #fec87b}

.page-header-bac{background: #faa934; margin-top: 5px}
#page-header{width: 100%; height: auto; float: left; padding: 2% 0}
#page-header h2{width: auto; height: auto; float: left; margin: 0; padding: 0; font-family: 'Abril Fatface', cursive; color: white; font-weight: normal; text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3);}
#page-header .right{width: 30%; float: right; padding: 10px 0 0 0}
#page-header .right .home{width: 6.5%; height: auto; float: right; margin-top: 1px}
#page-header .right .home img{width: 100%; height: auto; float: right}
#page-header .right span{border-right: 2px solid #151212; padding: 8px 0; width: auto; height: auto; float: right; margin: 0 10px; font-size:0px; }
#page-header .right p{color: #fff; width: auto; height: auto; float: right; margin: 0; padding: 0; font-size: small; line-height:17px}

#static{width:100%; height:auto; float:left; margin:5% 0}
#static a{text-decoration: none}
#static img{width:auto; height:auto; float:left; margin:0 2% 1% 0}
#static h1,h2,h3,h4,h5,h6{color:#333333}
#static p{font-size:small; color:#333333; text-align:justify; line-height:160%; margin:0 0 1.5% 0}
#static span{font-size:small; color:#333333; text-align:justify; line-height:160%; margin:0 0 1.5% 0}
#static ul li{font-size: small; color:#333333; list-style:none; margin:0.5% 0 0.5% -2%; width:102%; height:auto; float:left;}
#static ul li::before {content: "\2714 " "\00a0 " "\00a0 ";}
#static table td{padding:1%; font-size:small; color:#666666;}

.proh3{border-bottom: 1px #D4D2D2 solid; padding-bottom: 0.5%; margin: 0}

.lower-pag{width:26%; float:left; margin:2% 37% 4% 37%;}
.lower-pag a{background:#333333; color:white; padding:0.5%; width:5.5%; height:auto; text-align:center; font-size: 10px; margin:0.8%; float:left; transition:0.5s}
.lower-pag a:hover{background:#626262}

#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}
#product-details .right1 b{float:left; font-weight:normal; color: #999999; text-decoration:line-through; margin:0 2% 0 0; font-size:14px}
#product-details .right1 h4{color:#DA251C; font-size:14px; 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}
#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{margin:0.5% 0}
#product-details .cart{width:auto; height:auto; float:left; background:#FFDB97; padding:1% 3%; font-size:small; color:black; border:1px #FBA500 solid; border-radius:3px; 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:38%; 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}
#product-details .pin .submit:hover{background:black}
#product-details .low{width:98%; height:auto; float:left; margin:1%}
#product-details .low h2{color:#156192; border-bottom:1px #DBDBDB solid; padding-bottom:0.7%}
#product-details .low h4{color:#666666; width:25%; float:left}
#product-details .low p{color:#000000; margin: 0.8% 0}
#product-details .mess{width:100%; height:auto; float: left; color: #fff; background-color: #5cb85c; border-color: #4cae4c; text-align: center; padding: 8px 0; border-radius: 6px; margin-top:10px;}

#contactus{width: 40%; height: auto; float: left; margin:5% 30%; background: #EBE8E8; padding: 1%}
#contactus h3{color:#02B7EF; margin-top: 0; font-weight: bold}
#contactus p{line-height: 170%}

#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;}



@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:100%; height:auto; margin: 0 auto; overflow:auto}
#main-inner1{width:100%; height:auto; margin: 0 auto;}
	
	
	
}