body,html{font-family:'Roboto',sans-serif;height:auto!important;min-height:auto!important}
body{/*background:url(../images/add-icon.png) center no-repeat;background-position:50% -45%;*/background-color: #fafafa;}
#sidebar-wrapper,.hamburger{display:none}
p,a,input,li,div,h1,h2,h3,h4,h5,h6{font-family:'Roboto',sans-serif;color:#333;font-weight:400}
p{ text-align:justify}
a:hover{text-decoration:none}
.logo img{margin-top:-4px;width:auto}
.slogan{font-size:20px;font-weight:500;color:#bb1300;display:inline-block;margin-left:5px;margin-top:-4px}
.slogan span{color:#a0b025}
.carousel-inner .item img{width:100%}
.side-nav{float:left;width:20%;height:100%;border-top:0}
.main-container{float: left;padding-left: 30px;padding-right: 20px;width: 80%;}
header{padding:15px 0 9px 0;border-bottom:1px solid #c0d041}
.slider{margin-top:25px}
.color-pick:focus {
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0); 
-webkit-tap-highlight-color: transparent;
}
.proof-request-color{
    background: #bc2600 !important;
    border: 1px solid #bc2600 !important;
}
.admn_log{
    height: 360px !important;
}
.admn_log .Login-Container {
    height: 360px;
}
.admn_log .Login-form-Container {
    height: 302px;
}
.Login-form-Container select{
	z-index:10000000000 !important;
}
.header-nav{float:right;margin-right:-4px;margin-top:3px}
.header-nav li{float:left;list-style:none}
.header-nav li a{padding:4px 10px;font-size:14px}
.header-nav li a i{color:#bb1300}
.header-nav li a:hover{color:#bb1300}
.top-nav,ul.top-nav{float:right;padding:0;margin:0}
.top-nav li{float:left;list-style:none}
.top-nav li a{padding:3px 12px 4px 12px;display:block;color:#666;background:#eee;border-right:1px solid #ccc}
.top-nav li:last-child a{border:0}
.top-nav li a:hover{background:#bb1300;color:#fff}
.top-nav li a i{color:#bb1300;font-size:16px;margin-left:3px}
.top-nav li a:hover i{color:#fff}
nav .nav li a{border-bottom:2px solid #fff;background:#eee;color:#333;font-size:14px;padding:12px 15px}
nav .nav li a:hover{background:#bb1300;color:#fff}
.side-nav h2{border-bottom:1px solid #ccc;padding-bottom:5px;margin-top:5px;position:relative;font-size:24px}
.page-header{position:relative}
.side-nav h2:before,.page-header:before{content:"";display:block;background:#bb1300;width:6px;height:18px;float:left;margin:5px 4px 0 0}
.add-on .input-group-btn>.btn{border-left-width:0;left:5px;margin-left:-12px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);box-shadow:inset 0 1px 1px rgba(0,0,0,0.075)}
.add-on .form-control:focus{box-shadow:none;-webkit-box-shadow:none;border-color:#ccc}
.navbar-nav>li>a{border-right:1px solid #ddd;padding-bottom:15px;padding-top:15px}
.navbar-nav:last-child{border-right:0}
.input-group.add-on{width:100%}
.side-nav .navbar-form{padding:4px 0 5px 1px}
.add-on .input-group-btn>.btn{border-left:1px solid #ccc}
.page-header{border-bottom:1px solid #ccc;padding-bottom:5px;margin:5px 0 10px;font-size:24px}
.home-page-header{padding-bottom:5px;margin:5px 0 5px;font-size:24px;text-align:center;font-weight:300;border-bottom:1px solid #ccc}
.home-page-header span{color:#bb1300}
.home-title{font-size:18px}
.product{float:left;width:25%;padding:5px 15px 20px 15px}
.product-con{padding:5px 0 6px 0;border:1px solid #cdcdcd;transition:all .2s ease;background:#fff}
.product-con:hover{box-shadow:0 1px 7px #939393;border:1px solid #f9f9f9;transition:all .3s ease}
.product-con img{width:100%;padding-left:10px;padding-right:10px}
.pro-name{font-size:14px;margin-bottom:2px;margin-top:2px;text-align:center;display:flex;align-items:center;justify-content:center;height:36px;line-height:19px}
.product-row-home .pro-name{font-size:16px;font-weight:700}
.product-row-home .product-con:hover .pro-name{color:#bb1300}
.pro-rate{text-align:center}
.pro-rate p{color:#999;font-weight:bold;font-size:16px}
.pro-rate p span{color:#bb1300;padding-left:15px}
.pro-rate p span.regPrice{color:#999;font-weight:bold;font-size:16px}
footer{border-top:1px solid #c0d041;background:#f1f1f1;margin-top:25px;padding:5px 0}
.carousel-control.left,.carousel-control.right{background:0;background-image:none;background-color:none}
.footer-nav{float:left;padding:0;margin:0;width:100%}
.footer-nav li{list-style:none;text-align:left;width:100%}
.footer-nav li a{padding:3px 1px;color:#333;border-bottom:1px solid #ccc;width:100%;display:inline-block}
.footer-nav li a:hover{color:#bb1300}
.copy{width:100%;border-top:1px solid #ccc;text-align:center;margin-top:25px;padding-top:5px}
footer h3{border-bottom:1px dotted #bb1300;padding-bottom:4px;padding-left:11px;position:relative}
footer h3:before{background:#bb1300 none repeat scroll 0 0;content:"";display:block;float:left;height:18px;left:0;margin:6px 4px 0 0;position:absolute;top:-2px;width:6px}
.footer-adrs{position:relative;padding-left:16px;margin-bottom:4px}
.footer-ph{position:relative;padding-left:18px;margin-bottom:4px}
.footer-email{position:relative;padding-left:19px}
.footer-adrs:before{content:"\f041 ";font-family:FontAwesome;font-size:18px;position:absolute;top:-3px;left:0}
.footer-ph:before{content:"\f095 ";font-family:FontAwesome;font-size:18px;position:absolute;top:-3px;left:0}
.footer-email:before{content:"\f003 ";font-family:FontAwesome;font-size:16px;position:absolute;top:-3px;left:0}
.footer-social{margin:15px 0 0 0;padding:0}
.footer-social li{float:left;list-style:none;margin-right:7px}
.footer-social li a{background:#333;display:block;width:30px;height:30px;text-align:center;border-radius:50%}
.footer-social li a i{color:#fff;margin-top:7px}
.footer-social li a:hover{background:#bb1300}
.chat{background:url(../images/chat.png);width:137px;height:33px;position:fixed;bottom:-2px;right:0;cursor:pointer}
.chatWindowPopup{background:url(../images/chat.png);width:137px;height:33px;position:fixed;bottom:-2px;right:0;cursor:pointer}
.quick{background:url(../images/quick.png);width:33px;height:153px;position:fixed;top:135px;right:-1px;cursor:pointer}
.form-group label{margin-bottom:0}
.form-group label em{font-style:normal;color:#F00}
.head-th th 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; white-space: nowrap}
.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:-13px;left:0;white-space:nowrap}
.error-message.match-reg{bottom:none!important;left:0;white-space:nowrap}
.matchCon{margin-bottom: -19px;}
.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: 120px;}
.hidHeight{line-height: 23px;}
.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:-50px;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: 500;padding-bottom: 5px; border-bottom: 1px dotted #7F7F7F;}
.OrderForm-h5{font-size: 20px;text-align: center;text-decoration: underline;}
.date-st-select{ margin-bottom:31px;}

.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*/



.Login-Page{ position: absolute; width: 400px;height: 320px;top: 50%;left: 50%;margin-top: -170px; margin-left: -200px; box-shadow: 1px 3px 6px rgba(0,0,0, 0.2);}
.Login-Container{ background:#fff;width: 400px;height: 320px;  margin: 0; padding: 0;}
.login-with-content .Login-Container{width: 100%;height: auto;}
.Login-form-Container{ border: 1px solid #ccc;height:262px;position: relative;
border-top: none; padding: 26px 27px; width: 100%; }
.login-with-content .Login-form-Container{height:auto;}
.Logo-login{ text-align: center; border:1px solid #ccc; background: #F1F1F1; padding:10px 5px 10px 5px;  }
.Login-Container form{ width: 100%; }
.login-btn{width: 100%;text-align: center;padding-top:10px;padding-bottom: 5px; }
.login-btn button{width: 100%; font-size: 16px;}
.login-btn .btn[disabled]{font-size: 16px;}
.fogot-psw-container{width:100%;padding: 3px 3px 1px 3px;display: table;}
.fogot-psw-container a:first-child{ text-align: left; float: left; margin-top: 3px }
.fogot-psw-container a:last-child{ text-align: right; float: right; margin-top: 3px }
.fogot-psw-container a:hover{ text-decoration: underline;  }
.Login-form-Container .error-message-login{left: 28px;}
.modal-forgot-paw{ max-width: 420px }
.login-copyr{text-align: center;font-size: 12px;width: 100%;display: table;color: #737373;
	padding-top: 12px;}
.login-msg{position: absolute;z-index: 999;width: 400px;top: 50%;left: 50%;margin-top: -220px; margin-left: -200px;}
.login-msg .logout-success{ position: static; }

.Reset-psw{
position: absolute; float: none;background: #fff;border:1px solid #ccc;
width: 400px;height:auto;
top: 50%;left: 50%;margin-top: -145px; margin-left: -200px; box-shadow: 1px 3px 6px rgba(0,0,0, 0.2);
}

.reset-head{width: 100%;
text-align: center;
font-size: 21px;
background: #F6F6F6;
border-bottom: 1px solid #ccc;
padding: 11px 5px;
}
.reset-form-con{ padding: 20px 25px;}
.rsrbtn{ padding: 7px 17px;}
.reset-form-con .error-message div{color: #cf4b4b !important;
font-size: 12px;}
.reset-form-con .error-message{bottom: 5px;}
.reset-form-con label{ font-weight:400 }
.reset-form-con .form-control{border-radius: 1px; height: 30px;margin-bottom: 21px;}

.login-alert{position: absolute;top: 27%;left: 12%;width: 310px;text-align: center;box-shadow: 1px 2px 10px rgba(0,0,0,0.4);padding: 10px !important;}

.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%;}
.ord-sum-checkout{ margin-bottom: 10px; }
.r-btn-single-line .radio-inline{margin-left:0px!important;}
.ca-chek-container .r-btn-single-line .shipping-charges{ margin-left: 2px; }
.tab-alert{text-align: center;}
/*.tab-alert{position: absolute;bottom: 6px; z-index:999;right:145px;}*/
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
input[type="number"] {
    -moz-appearance: textfield;
}
.edit-ai-table tr td textarea.form-control{ height: 30px; min-height: 30px; min-width: 150px; }

.reset-form-con{ position: relative; }
.reset-form-con .alert{ position: relative;z-index: 99;margin-left:4px;bottom:0px;}

@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:768px){
	
	.addprint-button { font-size: 13px; padding: 5px; }
}
@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}	
.tab-alert{bottom:9px;}
}
 

@media screen and (max-width:767px){
.homeslider{margin-top:12px;}
.tab-alert{bottom:17px;}
}
@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){.slogan{font-size:14px;width:100%}
.header-nav li a{padding:4px 6px;font-size:12px}
.header-nav{margin-top:0; text-align: center;}
.header-nav li{display: inline-block;float: none; }
.hiClass .dropdown-menu li{ text-align: center; }
.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;}
/*.tab-alert {bottom:60px;right:5%;width:90%;}*/	
}

@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%;}

.Login-Page{width: 340px;left: 50%;margin-left: -170px;}
.Login-Container{width:340px;}
.login-msg{width: 340px;margin-top: -220px; margin-left: -170px;}
.login-msg .logout-success{ font-size: 14px;  padding: 5px 2px!important; }
.edit-ai-table tr td, .edit-ai-table tr td input{ min-width: 100px; }



}
@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;}
.login-alert{left: 7%;width:290px;}
}
@media screen and (max-width:330px){.header-nav li a{padding:4px 2px;font-size:10px;}
.chat{bottom:45px}
.chatWindowPopup{bottom:45px}

.Login-Page{width: 310px;left: 50%;margin-left: -155px;}
.Login-Container{width:310px;}
.login-msg{width: 310px;margin-top: -220px; margin-left: -155px;}
.login-msg .logout-success{ font-size: 12px; }
}


.Login-Page.login-with-content{width: 500px;height:458px; margin-top: -239px;
margin-left: -250px;top: 50%;left: 50%;}
.login-cnt{text-align: justify;margin-top: -5px;margin-bottom: 15px;}
@media screen and (max-width:767px){
.Login-Page.login-with-content{width: 500px;height: 458px;margin:25px auto auto auto ;top: auto;left: auto;position: relative;}
.login-copyr{ margin-bottom: 10px;}
}
@media screen and (max-width:440px){

.Login-Page.login-with-content {width: 100%;height: auto; margin-top: 0px;}
.login-copyr{ margin-bottom:0px; padding-bottom: 10px;}

}