.form-group label{margin-bottom:0}
.form-group label em{font-style:normal;color:#F00}
.addprint-button{background:#96aa20;border:1px solid #8ca018;border-radius:2px;color:#fff;font-size:14px;padding:4px 15px}
.addprint-button i{color:#edf2d2}
.addprint-button:hover,.addprint-button:focus{background:#b9ce46;text-decoration:none;border:1px solid #aec33c;box-shadow:0 1px 2px #ccc;color:#fff}
.forgot-psw{font-size:13px;margin-top:10px;float:left}
.forgot-psw span{color:#bb1300}
.forgot-psw:hover span, .forgot-psw:hover{color:#eb2e19}
a.footer-read, a.ft-mailto{ text-decoration:underline}
a.footer-read:hover, footer-read:hover, a.ft-mailto:hover{color:#eb2e19}
[type="checkbox"]:not(:checked),[type="checkbox"]:checked{position:absolute;left:-9999px;opacity:0}
[type="checkbox"]+label,[type="radio"]:not(:checked)+label,[type="radio"]:checked+label{position:relative;padding-left:17px;cursor:pointer;display:inline-block;height:10px;line-height:16px;-webkit-user-select:none;-moz-user-select:none;-khtml-user-select:none;-ms-user-select:none;transition:.28s ease}
[type="checkbox"]+label:before,[type="checkbox"]:not(.filled-in)+label:after{content:'';position:absolute;top:0;left:0;width:18px;height:18px;z-index:0;border:2px solid #5a5a5a;border-radius:1px;margin-top:2px;transition:.2s}
[type="checkbox"]:not(.filled-in)+label:after{border:0;-webkit-transform:scale(0);transform:scale(0)}
[type="checkbox"]:not(:checked):disabled+label:before{border:0;background-color:rgba(0,0,0,0.26)}
[type="checkbox"].tabbed:focus+label:after{-webkit-transform:scale(1);transform:scale(1);border:0;border-radius:50%;box-shadow:0 0 0 10px rgba(0,0,0,0.1);background-color:rgba(0,0,0,0.1)}
[type="checkbox"]:checked+label:before{top:-4px;left:-5px;width:12px;height:22px;border-top:2px solid transparent;border-left:2px solid transparent;border-right:2px solid #64bf8f;border-bottom:2px solid #64bf8f;-webkit-transform:rotate(40deg);transform:rotate(40deg);-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform-origin:100% 100%;transform-origin:100% 100%}
[type="checkbox"]:checked:disabled+label:before{border-right:2px solid rgba(0,0,0,0.26);border-bottom:2px solid rgba(0,0,0,0.26)}
[type="checkbox"]:indeterminate+label:before{top:-11px;left:-12px;width:10px;height:22px;border-top:0;border-left:none;border-right:2px solid #b8a160;border-bottom:0;-webkit-transform:rotate(90deg);transform:rotate(90deg);-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform-origin:100% 100%;transform-origin:100% 100%}
[type="checkbox"]:indeterminate:disabled+label:before{border-right:2px solid rgba(0,0,0,0.26);background-color:transparent}
[type="checkbox"].filled-in+label:after{border-radius:2px}
[type="checkbox"].filled-in+label:before,[type="checkbox"].filled-in+label:after{content:'';left:0;position:absolute;transition:border .25s,background-color .25s,width .20s .1s,height .20s .1s,top .20s .1s,left .20s .1s;z-index:1}
[type="checkbox"].filled-in:not(:checked)+label:before{width:0;height:0;border:3px solid transparent;left:6px;top:10px;-webkit-transform:rotateZ(37deg);transform:rotateZ(37deg);-webkit-transform-origin:20% 40%;transform-origin:100% 100%}
[type="checkbox"].filled-in:not(:checked)+label:after{height:16px;width:16px;background-color:transparent;border:1px solid #b4b4b4;top:0;z-index:0}
[type="checkbox"].filled-in:checked+label:before{top:0;left:1px;width:6px;height:10px;border-top:2px solid transparent;border-left:2px solid transparent;border-right:2px solid #fff;border-bottom:2px solid #fff;-webkit-transform:rotateZ(37deg);transform:rotateZ(37deg);-webkit-transform-origin:100% 100%;transform-origin:100% 100%}
[type="checkbox"].filled-in:checked+label:after{top:0;width:16px;height:16px;border:2px solid #b9ce46;background-color:#b9ce46;z-index:0}
[type="checkbox"].filled-in.tabbed:focus+label:after{border-radius:2px;border-color:#5a5a5a;background-color:rgba(0,0,0,0.1)}
[type="checkbox"].filled-in.tabbed:checked:focus+label:after{border-radius:2px;background-color:#b8a160;border-color:#b8a160}
[type="checkbox"].filled-in:disabled:not(:checked)+label:before{background-color:transparent;border:2px solid transparent}
[type="checkbox"].filled-in:disabled:not(:checked)+label:after{border-color:transparent;background-color:#bdbdbd}
[type="checkbox"].filled-in:disabled:checked+label:before{background-color:transparent}
[type="checkbox"].filled-in:disabled:checked+label:after{background-color:#bdbdbd;border-color:#bdbdbd}
[type="radio"]:not(:checked),[type="radio"]:checked{position:absolute;left:-9999px;opacity:0}
[type="radio"]+label:before,[type="radio"]+label:after{content:'';position:absolute;left:-5px;top:-3px;margin:4px;width:15px;height:15px;z-index:0;transition:.28s ease}
[type="radio"]:not(:checked)+label:before,[type="radio"]:not(:checked)+label:after,[type="radio"]:checked+label:before,[type="radio"]:checked+label:after,[type="radio"].with-gap:checked+label:before,[type="radio"].with-gap:checked+label:after{border-radius:50%}
[type="radio"]:not(:checked)+label:before,[type="radio"]:not(:checked)+label:after{border:2px solid #b4b4b4}
[type="radio"]:not(:checked)+label:after{z-index:-1;-webkit-transform:scale(0);transform:scale(0)}
[type="radio"]:checked+label:before{border:2px solid transparent}
[type="radio"]:checked+label:after,[type="radio"].with-gap:checked+label:before,[type="radio"].with-gap:checked+label:after{border:2px solid #b9ce46}
[type="radio"]:checked+label:after,[type="radio"].with-gap:checked+label:after{background-color:#b9ce46;z-index:0}
[type="radio"]:checked+label:after{-webkit-transform:scale(1.02);transform:scale(1.02)}
[type="radio"].with-gap:checked+label:after{-webkit-transform:scale(0.5);transform:scale(0.5)}
[type="radio"].tabbed:focus+label:before{box-shadow:0 0 0 10px rgba(0,0,0,0.1)}
[type="radio"].with-gap:disabled:checked+label:before{border:2px solid rgba(0,0,0,0.26)}
[type="radio"].with-gap:disabled:checked+label:after{border:0;background-color:rgba(0,0,0,0.26)}
[type="radio"]:disabled:not(:checked)+label:before,[type="radio"]:disabled:checked+label:before{background-color:transparent;border-color:rgba(0,0,0,0.26)}
[type="radio"]:disabled+label{color:rgba(0,0,0,0.26)}
[type="radio"]:disabled:not(:checked)+label:before{border-color:rgba(0,0,0,0.26)}
[type="radio"]:disabled:checked+label:after{background-color:rgba(0,0,0,0.26);border-color:#bdbdbd}
.head-cart{position:relative}
.head-cart .cart-notification{position:absolute;background:#a0b025;width:23px;height:23px;border-radius:50%;text-align:center;color:#fff;right:-10px;top:-13px;padding-top:3px;font-size:12px;font-weight:600}
.feedback-form{background:#fff}
#feedback{position:fixed;right:0;top:10%;height:auto;margin-left:-3px;margin-bottom:-3px;z-index:9}
#feedback-form{float:right;width:300px;height:100%;z-index:1000;padding-left:5px;padding-right:10px;border:1px solid rgba(0,0,0,.2);-moz-border-radius:0;-webkit-border-radius:0;border-radius:0;-webkit-box-shadow:0 5px 10px rgba(0,0,0,.2);-moz-box-shadow:0 5px 10px rgba(0,0,0,.2);box-shadow:0 5px 10px rgba(0,0,0,.2)}
#feedback-tab{background:url(../images/quick.png) left no-repeat;width:33px;height:153px;float:right;color:#fff;cursor:pointer;text-align:center;margin-top:60px;margin-left:-4px}
#feedback-form textarea{resize:none}
.chat-form{background:#fff}
#chat{position:fixed;right:0;bottom:0;height:auto;margin-left:-3px;z-index:99999; /*display:none;*/}
#chat-form{float:right;width:300px;height:100%;z-index:1000;padding-left:5px;padding-right:10px;border:1px solid rgba(0,0,0,.2);-moz-border-radius:0;-webkit-border-radius:0;border-radius:0;-webkit-box-shadow:0 5px 10px rgba(0,0,0,.2);-moz-box-shadow:0 5px 10px rgba(0,0,0,.2);box-shadow:0 5px 10px rgba(0,0,0,.2)}
.chat{background:url(../images/chat.png);width:235px;height:33px;position:relative;bottom:-2px;right:0;cursor:pointer text-align:center;margin-top:0;margin-left:0}
#chat-form textarea{resize:none}
/**/
#chatWindowPopup{position:fixed;right:0;bottom:0;height:auto;margin-left:-3px;z-index:99999; /*display:none;*/}
.chatWindowPopup{background:url(../images/chatpopup.png);width:235px;height:33px;position:relative;bottom:-2px;right:0;cursor:pointer text-align:center;margin-top:0;margin-left:0}
.chat-popup-form{background:#fff}
#chat-popup-form{float:right;width:400px;height:100%;z-index:1000;padding-left:5px;padding-right:10px;border:1px solid rgba(0,0,0,.2);-moz-border-radius:0;-webkit-border-radius:0;border-radius:0;-webkit-box-shadow:0 5px 10px rgba(0,0,0,.2);-moz-box-shadow:0 5px 10px rgba(0,0,0,.2);box-shadow:0 5px 10px rgba(0,0,0,.2)}
/**/
.home-banner{width:100%;margin-top:36px}
.home-banner img{width:100%}
md-content.md-default-theme,md-content{background:#fff}
.form-group-container{position:relative}
.error-message{position:absolute;bottom:1px;left:15px}
.error-message.match{bottom:-20px;left:0;white-space:nowrap}
.error-message.match-reg{bottom:none!important;left:0;white-space:nowrap}
.alert{padding:5px 10px!important;border-radius:2px}
.tblHeader{background:#96aa20!important;color:#fff}
.ordImg{width:25%}
.error-message-login{position:absolute;bottom:none!important;left:15px}
.error-message-login div{color:#cf4b4b!important;font-size:12px}
.btn[disabled]{background:#96aa20;border:1px solid #8ca018;opacity:.50;font-size:14px}
.reloadCaptcha{float:right;background:#eee;width:32px;text-align:center;height:28px;padding-top:6px;margin-top:-3px;margin-right:-10px;border-left:1px solid #ccc;color:#bb1300}
.reloadCaptcha:hover{background:#f6f6f6}
#captcha{margin-top:-2px}
.hiClass{margin-left:13px}
.hiClass .dropdown-menu{left:auto;right:0}
.hiClass .dropdown-menu li{width:100%}
.header-nav li.hiClass a.dropdown-toggle{padding-left:6px}
.status-btn div{color:#fff;width:auto;border-radius:2px;padding:1px 10px 2.5px 10px;display:inline-block;font-size:14px}
.open-class{background:#e56405}
.processed-class{background:#c38102}
.shipped-class{background:#0551b8}
.delivered-class{background:#690}
.btn:focus,input:focus,select:focus,textarea:focus,button:focus{outline:none!important;outline-width:0!important;content:none;box-shadow:none!important}
.logout-success{position:absolute;right:0;z-index:999;top:60px}
.validation-error{border:2px solid #ee163b}
.p-error{color:#cf4b4b!important;font-size:12px}
.pagination>.active>a,.pagination>.active>a:focus,.pagination>.active>a:hover,.pagination>.active>span,.pagination>.active>span:focus,.pagination>.active>span:hover{z-index:3;color:#fff;cursor:default;background-color:#bb1300;border-color:#bb1300}
.pagination>li>a,.pagination>li>span{position:relative;float:left;padding:6px 12px;margin-left:-1px;line-height:1.42857143;color:#bb1300;text-decoration:none;background-color:#fff;border:1px solid #ddd}
.slider.slider-horizontal{z-index:9}
.modal-body .btn{border-radius:2px;font-size:14px;padding:4px 15px}
.captcha-text{font-size:17px;padding-left:8px;color:#e13533}
.palette-color-picker-bubble .swatch{width:15.66%!important}
.navigation-left{padding:0;margin:0;border:0;line-height:1}
.navigation-left ul,.navigation-left ul li,.navigation-left ul ul{list-style:none;margin:0;padding:0}
.navigation-left ul{position:relative;z-index:500;float:left}
.navigation-left ul li{float:left;min-height:.05em;line-height:1em;vertical-align:middle;position:relative}
.navigation-left ul li.hover,.navigation-left ul li:hover{position:relative;z-index:510;cursor:default}
.navigation-left ul ul{visibility:hidden;position:absolute;top:100%;left:0;z-index:520;width:100%}
.navigation-left ul ul li{float:none}
.navigation-left ul ul ul{top:0;right:0}
.navigation-left ul li:hover>ul{visibility:visible}
.navigation-left ul ul{top:0;left:99%}
.navigation-left ul li{float:none}
.navigation-left{background:#333;zoom:1}
.navigation-left,.navigation-left>ul{width:253px}
.navigation-left:before{content:'';display:block}
.navigation-left:after{content:'';display:table;clear:both}
.navigation-left a{display:block;padding:12px 15px;color:#333;text-decoration:none;background:#eee}
.navigation-left ul ul{width:13em}
.navigation-left>ul>li>a{color:#333}
.navigation-left>ul>li>a:hover{color:#fff}
.navigation-left>ul>li a:hover,.navigation-left>ul>li:hover a{background:#bb1300;color:#fff}
.navigation-left li{position:relative}
.navigation-left ul ul li.first{-webkit-border-radius:0 3px 0 0;-moz-border-radius:0 3px 0 0;border-radius:0 3px 0 0}
.navigation-left ul ul li.last{-webkit-border-radius:0 0 3px 0;-moz-border-radius:0 0 3px 0;border-radius:0 0 3px 0;border-bottom:0}
.navigation-left ul ul{-webkit-border-radius:0 3px 3px 0;-moz-border-radius:0 3px 3px 0;border-radius:0 3px 3px 0}
.navigation-left ul ul{border:0 solid #bb1300}
.navigation-left ul ul a{color:#fff}
.navigation-left ul ul a:hover{color:#fff}
.navigation-left ul li{border-bottom:1px solid #fff}
.navigation-left ul ul li{border-bottom:1px solid #fff}
.navigation-left ul ul li:hover>a{background:#a31100;color:#fff}
.navigation-left.align-right>ul>li>a{border-left:.3em solid #bb1300;border-right:0}
.navigation-left.align-right{float:right}
.navigation-left.align-right li{text-align:right}
.navigation-left.align-right ul li.has-sub>a:before{content:'+';position:absolute;top:50%;left:15px;margin-top:-6px}
.navigation-left.align-right ul li.has-sub>a:after{content:none}
.navigation-left.align-right ul ul{visibility:hidden;position:absolute;top:0;left:-100%;z-index:598;width:100%}
.navigation-left.align-right ul ul li.first{-webkit-border-radius:3px 0 0 0;-moz-border-radius:3px 0 0 0;border-radius:3px 0 0 0}
.navigation-left.align-right ul ul li.last{-webkit-border-radius:0 0 0 3px;-moz-border-radius:0 0 0 3px;border-radius:0 0 0 3px}
.navigation-left.align-right ul ul{-webkit-border-radius:3px 0 0 3px;-moz-border-radius:3px 0 0 3px;border-radius:3px 0 0 3px}
.modalIconDhanil p{height:40px}
.modalIconDhanil img{margin-left:auto;margin-right:auto;display:block; height: 65px;}
.searchProd{height:275px}
.hmeprodBrndLogo{width:33.3333%;float:left;padding-right:5px;padding-left:5px}
.hmeprodBrndLogoWrap{width:100%;display:inline-block;margin-top:10px;height:28px}
.hmeprodBrndLogoWrap .hmeprodBrndLogo img{padding-left:2px;padding-right:2px}
.catgryTitle{background-color:#c0d041!important;color:#fff}
.prodTypeBlockWrap{width:100%;float:left;padding-left:6px;padding-right:5px;padding-bottom:5px;margin-top:5px}
.prodTypeBlock{width:50%;text-align:center;display:inline-block;float:left;border:1px solid #ececec}
.prodTypeBlock span.prodTxtSpan{align-items:center;color:#333;display:flex;font-size:13px;height:33px;justify-content:flex-start;line-height:15px;margin-top:5px;text-align:center!important;width:100%;padding-right:4px;padding-left:4px}
.prodTypeBlock span.prodTxtSpan span{margin-left:auto;margin-right:auto}
.prodTypeBlock .ctgryImg{width:100%;text-align:center;height:97px;margin-top:10px;padding-bottom:10px}
.product-brand-new .product .prodTypeBlock .ctgryImg img{display:block;margin-bottom:0;margin-top:0;max-height:100%;max-width:100%!important;width:auto}
img{max-width:100%}
.wrap{border:0;clear:both;float:none;height:0;line-height:1px;margin:0;padding:0;visibility:hidden;list-style:none}
.main-container{background-color:#fafafa}
#toTop{display:none;text-decoration:none;position:fixed;bottom:45px;right:10px;overflow:visible;width:30px;height:30px;border:0;background-color:#2c2c2c;border-radius:50%}
#toTop:after{content:"\f106";font-family:'FontAwesome';color:#fff;font-size:25px;left:0;position:absolute;text-align:center;top:-4px;width:100%}
#toTopHover{background-color:#a0b025;width:32px;height:32px;display:block;overflow:hidden;float:left;opacity:0;-moz-opacity:0;filter:alpha(opacity=0);position:relative;border-radius:50%;top:-1px;left:-1px}
#toTopHover:after{content:"\f106";font-family:'FontAwesome';color:#fff;font-size:25px;left:0;position:absolute;text-align:center;top:-4px;width:100%}
#toTop:active,#toTop:focus{outline:0}
.homeProdGridTitle{background-color:#e4e4e4}
.homeProdGrid{padding-top:0}
.homeProdGrid .product-con{padding-top:0}
.homeProdGrid .product-con .pro-name{margin-top:0}
.refined-artwork{width: 140px;}

.pay-head h3{ margin-top: 10px;margin-bottom: 30px;border-bottom: 3px solid #ccc;padding-bottom: 10px;width: 100%; text-align:center}
.pay-head h3 i{ color:#879c0c}
.Card-Number{float:left; width:100%; height:55px}
.pay-label{float:left;width: 100px;}
.order-pay-section .pay-label{float:left;width: 125px;}
.pay-label label{margin-top: 3px;}
.ccv-label label{margin-top: 3px;}
.pay-label em, .ccv-label em{ color:#F00}
.pay-input{float: left;width: 311px; position:relative}
.pay-input .error-message{left: 2px;top: 31px;}
.exp-month-year{ float:left; width:196px; position:relative}
.exp-month-year .error-message{left:0px;top: 31px;}
.exp-month-year .year-message{left:98px;}
.exp-month{ float:left; width:90px;}
.exp-year{ float:left; width:85px; margin-left:5px;}
.ccv{ float:left;width:120px; position:relative}
.ccv .error-message{left: 7px;top: 31px;}
.ccv-label{ width:42px; float:left;}
.ccv-input{ float:left; width:72px;}
.paybtn{width: 100%;margin-top: 31px;text-align: center}
.pay-msg{ margin-top:25px; font-size:11px; text-align:center}
.paybtn .btn[disabled], .paybtn .btn{ font-size:18px; padding: 5px 30px;}
.payinput{ float:left; padding-left:47px }
.s-checkout md-tabs.md-dynamic-height md-tabs-content-wrapper{margin-top: -16px; border:1px solid #ccc; padding-top:10px}
.s-checkout md-tabs[md-border-bottom] md-tabs-wrapper{ z-index:9;}
.pay-cnt{max-width:500px; width:100%;margin: auto; padding-bottom:20px; display:table}
.heavy-duty{ position:relative; position: relative; }
.heavy-duty::before {content:'';background: url(../images/heavy-duty.png);height:52px;width:100px;position:absolute;background-size:contain;
left:0px;top:0px;opacity:0.7;filter: alpha(opacity=70);z-index:99;}
.pro-table-image .heavy-duty::before {left:-12px;top:-12px;}
.customize-btn5{ max-width:175px;}
.securepay-continue{padding: 8px !important;}
.carousel-fade .carousel-inner .item{-webkit-transition-property:opacity;transition-property:opacity;}
.carousel-fade .carousel-inner .item,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right{opacity:0;}
.carousel-fade .carousel-inner .active,
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right{opacity:1;}
.carousel-fade .carousel-inner .next,
.carousel-fade .carousel-inner .prev,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right{left:0;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);}
.carousel-fade .carousel-control{z-index:2;}
.carousel,
.carousel-inner,
.carousel-inner .item{height:100%;}
.carousel-control{width: 8%;}
.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next, .carousel-control .icon-prev{margin-top: -15px;}
canvas { width:100% !important; height: auto !important; vertical-align: top;}
#dom_overlay_container { width:100% !important; height: auto !important;}
#animation_container { width:100% !important; height: auto !important; margin-top:35px}
.searchProd .product-con{height:250px; text-align:center;}
.searchProd .product-con img{ height:190px; width:auto; }
.colour-pick.artwork-color-pick{ width: 100%; text-align:center; padding-right: 0px }
.artwork-color-pick .palette-color-picker-button{ position: relative; }
.comodo{width:auto;position:fixed;bottom:30px;right:47px; z-index:99999;}
.comodo-top a{position:absolute;right:-124px;top:4px;width:77px;z-index:9;}
.card-invalid{color: #f00;}

.OrderForm-h3{border-bottom: 2px solid #c0d041;padding-bottom:5px;font-size: 20px;margin-bottom: 20px;}
.OrderForm-h4{
    font-size: 18px;
    font-weight: 600;
    padding-bottom: 5px;
    border-bottom: 1px dotted #7F7F7F;
    margin-top: 3px;
    margin-bottom: 12px;
}
	.OrderForm-h5{font-size: 20px;text-align: center;text-decoration: underline;font-weight: 400;}
.date-st-select{ margin-bottom:8px;}

.check-one{ padding-top:22px;}
.divider{width: 100%;height: 1px;border-top: 1px dashed #e4e4e4;float: left;margin-bottom: 25px;}
.homeContent{
	padding-right: 10px;
	padding-bottom: 10px;
}
.homeContent h3{position: relative;margin-bottom: 15px;}
.homeContent h3:after{background-color: #bb1300;bottom: -8px;content: "";height: 2px;left: 0;position: absolute;width: 6%;}
.search-mobile{ display:none}

.floating-offline{position: fixed;bottom:12px;left: 0px;}
.floating-offline a{ text-align: center; background: #bb1300;color:#fff;padding:5px 11px;border-top-right-radius:3px; border-bottom-right-radius:3px; }
.floating-offline a:hover{ background: #000;color:#fff;}
li.off-li{margin-top: 20px;padding: 5px 0px;}
nav .nav li.off-li a{ background: #bb1300;color: #fff;text-align: center;text-transform: uppercase;font-size: 13px; border: none;border-radius: 3px; position: relative;overflow: hidden;}
nav .nav li.off-li a span{position: relative;z-index: 5;}
nav .nav li.off-li a:hover{ background: #333;transition: all 0.5s ease;}
nav .nav li.off-li a:before{font-family: FontAwesome;position: absolute;content: "\f07a";font-size: 46px;color: #881002;top: -10px;;left: 0;transform: rotate(-25deg);z-index: 1;opacity: 0.4;transition: all 0.5s ease;}
nav .nav li.off-li a:hover:before{color: #eee;opacity: 0.1;}
/*chat css*/
.chat-window{list-style: none;margin: 0;padding: 0;}
.chat-window li{margin-bottom: 10px;padding-bottom: 5px;border-bottom: 1px dotted #B3A9A9;}
.chat-window li.left .chat-body{ margin-left: 10px;}
.chat-window li.right .chat-body{margin-right: 10px;}
.chat-window li .chat-body p{margin: 0;color: #777777;}
.panel-chat .slidedown .glyphicon, .chat-window .glyphicon{margin-right: 5px;}
.panel-body-chat{overflow-y: scroll !important;height: 250px !important;}
.panel-primary{border-color: #e8e8e8 !important;}
.panel.panel-primary.panel-chat{margin-bottom: 0px;}
.min-height-div{min-height: 250px}
.addprint-button-grey {background: #ccc;border: 1px solid #ccc;border-radius: 2px;color: #fff;font-size: 14px;padding: 4px 15px;}
.addprint-button-grey:hover,.addprint-button-grey:focus{background:#ccc;text-decoration:none;border:1px solid #ccc;box-shadow:0 1px 2px #ccc;color:#fff}
.addprint-button-red {background: #e36959;border: 1px solid #e36959;border-radius: 2px;color: #fff;font-size: 14px;padding: 4px 15px;}
.addprint-button-red:hover,.addprint-button-red:focus{background:#e36959;text-decoration:none;border:1px solid #e36959;box-shadow:0 1px 2px #ccc;color:#fff}
.txtClose{padding-top: 0px;text-align: center;margin-bottom: 10px;padding:9px 10px 11px 10px;
box-shadow: 0px 1px 8px #C4C4C4;border-radius: 3px;}
.clsBtn{padding-top:3px; width: auto; display: table; margin: 1px auto}
.clsBtn button{float: left; margin: 1px 2px;padding: 1px 10px;}
.margin-top-msg{margin-top: 10px;}
#end_chat{cursor: pointer;float: right;}
#min_chat{margin-left:5px;cursor: pointer;float: right;}
.end_chat-btn{ background:#a0b025; padding-left:10px;border-top-left-radius:2px; border-top-right-radius:2px; color: #fff; margin-top:0px;margin-bottom: 1px; overflow: hidden;}
.end_chat-btn span{ font-size: 12px;}
.minCls{padding-left: 0px;}
.end_chat-btn i{ background:#7e8e04;padding:4px 5px;}
.panel.panel-primary.panel-chat{border-radius:0px;}
.end_chat-btn:hover{color: #fff;background:#96a61d;}
.end_chat-btn:hover i{background:#606d00;}
.chat-send-btn{height: 30px;line-height: 15px;}
.chat-close-msg, .alert.chat-close-msg{ text-align: center; width: 100%; background: #f4f6e8; padding: 7px!important; border: 1px solid #e3e6c9; border-radius: 2px; margin-bottom:10px;}
pre{padding: 0px;margin: 0px;border: none;background: none; white-space: pre-wrap;
    white-space: -moz-pre-wrap;white-space: -pre-wrap;white-space: -o-pre-wrap;
    word-wrap: normal;word-break: normal;font-family: 'Roboto',sans-serif;color: #777777;
    font-weight: 400;font-size:14px;white-space: pre-wrap;
	/* CSS 3 */
	white-space: -moz-pre-wrap;
	/* Mozilla, since 1999 */
	white-space: -pre-wrap;
	/* Opera 4-6 */
	white-space: -o-pre-wrap;
}
/*end*/
@media screen and (min-width:1366px){.container{width:1300px}
}
@media screen and (max-width:1360px){.comodo-top a{right: -65px;}
}
@media screen and (max-width:1280px){.container{width:1200px; max-width: 100%;}
}

@media screen and (max-width:1112px){.comodo-top a {right: -47px;top: 12px;}
}
@media screen and (max-width:1024px){.container{width:1000px}
.slogan{font-size:14px;margin-top:-4px}
.header-nav{padding-left:0}
header{padding:15px 0 11px 0}
.main-container{padding-left:30px}
.product{width:33.3%}
.comodo-top a {right:-3px;top:14px;}
}
@media screen and (max-width:990px){.container{width:100%}
.logo{text-align:center}
.slogan{font-size:20px}
.header-nav{float:none;margin:15px auto auto auto;display:table}
.side-nav{width:27%}
.main-container{width:73%;padding-left:20px}
.comodo-top a{right: 15px;top:21px;}
.homeContent h3:after{width:10%;}
}
@media screen and (max-width:980px){#feedback-tab{width:21px;background-size:contain}
.chat{background-repeat:no-repeat;background-size:contain;bottom:-8px;margin-left:-160px;right:-160px;width:190px}
.chatWindowPopup{background-repeat:no-repeat;background-size:contain;bottom:-8px;margin-left:-160px;right:-160px;width:190px}
}
@media screen and (max-width:800px){.product{width:50%}
.home-banner{margin-top:10px}
.prodTypeBlock .ctgryImg{height:64px}
.comodo{right:45px;}

}
@media screen and (max-width:767px){body{background:#fff}
#sidebar-wrapper,.hamburger{display:block}
.side-nav{display:none}
header{padding-top:9px}
.header-nav{margin-top:10px}
.main-container{width:100%;padding-left:30px;padding-right:30px}
footer .container{width:100%;padding-left:45px;padding-right:45px}
.product{width:33.3%}
.product-row-home .pro-name{font-size:14px;font-weight:500}
.page-header{font-size:24px;margin:7px 0 15px}
.side-nav h2:before,.page-header:before{height:18px}
.footer-cont{width:50%;float:left}
#wrapper2{padding-left:0;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}
#wrapper2.toggled{padding-left:220px}
#sidebar-wrapper{z-index:1000;left:220px;width:0;height:100%;margin-left:-220px;overflow-y:auto;overflow-x:hidden;background:#eee;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}
#sidebar-wrapper::-webkit-scrollbar{display:none}
#wrapper2.toggled #sidebar-wrapper{width:220px}
#page-content-wrapper{width:100%}
#wrapper2.toggled #page-content-wrapper{position:absolute;margin-right:-220px}
.sidebar-nav{position:absolute;top:0;width:220px;margin:0;padding:0;list-style:none}
.sidebar-nav li{position:relative;line-height:20px;display:inline-block;width:100%}
.sidebar-nav li:before{content:'';position:absolute;top:0;left:0;z-index:-1;height:100%;width:3px;background-color:#8b7c4b;-webkit-transition:width .2s ease-in;-moz-transition:width .2s ease-in;-ms-transition:width .2s ease-in;transition:width .2s ease-in}
.sidebar-nav li.off-li:before{display: none;}
.sidebar-nav li:hover:before,.sidebar-nav li.open:hover:before{width:100%;-webkit-transition:width .2s ease-in;-moz-transition:width .2s ease-in;-ms-transition:width .2s ease-in;transition:width .2s ease-in}
.sidebar-nav li a{display:block;color:#342c07;text-decoration:none;font-size:13px}
nav#sidebar-wrapper .nav li a{padding:8px 5px 8px 20px}
nav#sidebar-wrapper .nav li.off-li a{padding:8px 5px 8px 5px}
nav .nav li.off-li a::before {top: 17px;}
.sidebar-nav li a i{margin-right:4px}
.sidebar-nav li a:hover,.sidebar-nav li a:active,.sidebar-nav li a:focus,.sidebar-nav li.open a:hover,.sidebar-nav li.open a:active,.sidebar-nav li.open a:focus{color:#fff;text-decoration:none;background-color:transparent}
.sidebar-nav>.sidebar-brand{height:65px;font-size:20px;line-height:44px}
.sidebar-nav .dropdown-menu{position:relative;width:100%;padding:0;margin:0;border-radius:0;border:0;background-color:#222;box-shadow:none}
.hamburger{position:fixed;top:8px;z-index:999;display:block;width:27px;height:29px;margin-left:10px;background:transparent;border:0}
.hamburger:hover,.hamburger:focus,.hamburger:active{outline:0}
.hamburger.is-closed:before{content:'';display:block;width:100px;font-size:14px;color:#fff;line-height:32px;text-align:center;opacity:0;-webkit-transform:translate3d(0,0,0);-webkit-transition:all .35s ease-in-out}
.hamburger.is-closed:hover:before{opacity:1;display:block;-webkit-transform:translate3d(-100px,0,0);-webkit-transition:all .35s ease-in-out}
.hamburger.is-closed .hamb-top,.hamburger.is-closed .hamb-middle,.hamburger.is-closed .hamb-bottom,.hamburger.is-open .hamb-top,.hamburger.is-open .hamb-middle,.hamburger.is-open .hamb-bottom{position:absolute;left:0;height:3px;width:100%}
.hamburger.is-closed .hamb-top,.hamburger.is-closed .hamb-middle,.hamburger.is-closed .hamb-bottom{background-color:#8b7c4b}
.hamburger.is-closed .hamb-top{top:5px;-webkit-transition:all .35s ease-in-out}
.hamburger.is-closed .hamb-middle{top:50%;margin-top:-2px;width:75%}
.hamburger.is-closed .hamb-bottom{bottom:5px;-webkit-transition:all .35s ease-in-out}
.hamburger.is-open .hamb-top,.hamburger.is-open .hamb-middle,.hamburger.is-open .hamb-bottom{background-color:#333}
.hamburger.is-open .hamb-top,.hamburger.is-open .hamb-bottom{top:50%;margin-top:-2px}
.hamburger.is-open .hamb-top{-webkit-transform:rotate(45deg);-webkit-transition:-webkit-transform .2s cubic-bezier(.73,1,.28,.08)}
.hamburger.is-open .hamb-middle{display:none}
.hamburger.is-open .hamb-bottom{-webkit-transform:rotate(-45deg);-webkit-transition:-webkit-transform .2s cubic-bezier(.73,1,.28,.08)}
.hamburger.is-open:before{content:'';display:block;width:100px;font-size:14px;color:#fff;line-height:32px;text-align:center;opacity:0;-webkit-transform:translate3d(0,0,0);-webkit-transition:all .35s ease-in-out}
.hamburger.is-open:hover:before{opacity:1;display:block;-webkit-transform:translate3d(-100px,0,0);-webkit-transition:all .35s ease-in-out}
.overlay{position:fixed;display:none;width:100%;height:100%;top:0;left:0;right:0;bottom:0;background-color:rgba(250,250,250,.8);z-index:1}
.dis-table-con .table-responsive{border:0}
#feedback-tab{margin-top:0}
#toTop{ right:0px}
.comodo-top a{ display:none}
.homeContent h3:after{width:15%;}
.homeContent h3{font-size:18px;}
.search-mobile{ display:block; width:100%;overflow-x: hidden;}
.search-mobile .input-group.add-on {width:90%;max-width:320px;margin:auto;}
.search-mobile .btn{padding: 4px 9px;}
.search-mobile .navbar-form {padding: 0px 15px;margin-top: 9px;margin-bottom: 0px;}
.search-mobile-home .form-control{height:30px;}
.comodo{ display: none}	
}
.homeslider{margin-top:35px;}
.top-ph-email{width: 220px;}
.top-ph-email p{float:left;margin-bottom:2px;background:#f4f6e9;border:1px solid #d4dbb1;padding:1.5px 8px;border-radius: 6px;}
.paymentLogos{width: 100%;float: left;margin: 0px;padding: 0px;margin-top: 5px;display: flex;}
.paymentLogos li{width: auto;display: inline-block; margin-right: 10px; float: left;list-style: none;min-height: 40px; margin-top: 10px; flex: 1}
.paymentLogos li img{max-width: 100%;}

@media screen and (max-width:767px){
	.ordf-chek-inline1 {
    width: 100% !important;
    margin-bottom: 4px !important;
    float: none !important;
}
.subbanner {
      background: url(../images/sub-banner.jpg) bottom center fixed !important;
    background-size: contain !important;
    background-attachment: initial !important;
    background-size: cover !important;
    background-position: center right !important;
}
form .col-sm-12{
	float:left;
	width:100%;
}
	.rd-btn-grp {
    float: left;
    width: 100%;
    margin-bottom: 5px;
}
.homeslider{margin-top:12px;}
}
@media screen and (max-width:680px){.slogan{font-size:16px}
}
@media screen and (max-width:640px){#feedback-tab{width:19px;background-size:contain}
.chat{background-repeat:no-repeat;background-size:contain;bottom:-8px;margin-left:-160px;right:-160px;width:190px}
.chatWindowPopup{background-repeat:no-repeat;background-size:contain;bottom:-8px;margin-left:-160px;right:-160px;width:190px}
.product-con img{padding-left:1px;padding-right:1px}
}
@media screen and (max-width:600px){.slogan{font-size:13px}
.header-nav li a{padding:4px 6px;font-size:13px}
}
@media screen and (max-width:568px){
.product{width: 49.3%;}


}
@media screen and (max-width:480px){
	
	
	
	.file-upload-wrapper input {  width: 60%;}
	.btn {
    white-space: initial !important;
	}
	.offline-upa .file-upload-button {
    width: auto;
    font-size: 12px;
    padding: 6px 5px;
}
	.slogan{font-size:14px;width:100%}
.header-nav li a{padding:4px 6px;font-size:12px}
.header-nav{margin-top:0}
.page-header{font-size:18px}
.side-nav h2::before,.page-header::before{height:15px;margin-top:3px}
.pay-head h3{ font-size:16px}
.payinput{ padding-left: 17px;}
.Card-Number { height: 75px;}
.exp-month-year{ height:50px;}
.ccv-input, .pay-input, .pay-label, .exp-month-year, .ccv-label, .ccv { width: 100%;}
.exp-month{ width:49%;}
.exp-year{ width:49%; margin-left:2%}
.exp-month-year .error-message{left:0px;top: 31px;}
.exp-month-year .year-message{left:52%;}
.ccv .error-message {left: 2px; top: 59px;}
.product-row-home .pro-name {
    font-size: 13px;
    height: 52px;
    line-height: 14px;
    padding-left: 5px;
    padding-right: 5px;
}
.product-row-home{
	margin-left: -5px;
    margin-right: -10px;
}
.product-row-home .product {
    padding-left: 5px;
    padding-right: 5px;
}
.homeContent h3:after{width:20%;}
.floating-offline{bottom:12px;}
	#chat-popup-form{width:100%}
.paymentLogos li {width: auto;text-align: left;}	
}
@media screen and (max-width:420px){
.footer-cont{width:100%}
.copy{font-size:12px}
.navigation{margin-top:5px}
header{padding-top:0;margin-top:-15px}
.hamburger{position:relative}
.main-container{padding-left:2px;padding-right:2px}
footer .container{width:100%;padding-left:20px;padding-right:20px}
#feedback{display:block}
#toTop {bottom: 7px;right: 4px;z-index: 999;}
.copy{padding: 5px 10px 0px 10px}
.head-cart .cart-notification {width:17px;height:17px;right:-1px;top:-11px;padding-top:1px;font-size: 10px;}
.home-page-header{ font-size:20px; border:none;padding-bottom: 0px;}
.searchProd { height:auto;}
.searchProd .product-con{height:200px}
.searchProd .product-con img{ height:140px; width:auto; }
.comodo{right:35px;}
.homeContent h3:after{width:30%;}
}
@media screen and (max-width:380px){.slogan{font-size:12px;margin-bottom:5px}
.header-nav li a{padding:4px 6px;font-size:10px}
.header-nav li{font-size:10px}
.navigation{margin-top:10px}
.product-con img{padding-left:5px;padding-right:5px}
.head-cart .cart-notification {width: 15px; height: 15px;right: -1px;top: -11px; padding-top: 1px; font-size: 9px;}
.search-mobile .input-group.add-on {max-width:260px;}
}
@media screen and (max-width:330px){.header-nav li a{padding:4px 2px;font-size:10px;}
.chat{bottom:45px}
.chatWindowPopup{bottom:45px}
}