@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,600,700,800');
html {min-height: 100%;position: relative;}
input, textarea {appearance:none; -moz-appearance:none; -webkit-appearance:none; border-radius: 0}
body{color:#323131; padding:0; margin:0px auto; background:#fff; line-height:normal;font-family: 'Open Sans', sans-serif; font-size: 14px; }
h1, h2, h3, h4, h5, h6, p, ul, li, img, a, input, select, div{ margin:0px; padding:0px; outline:none!important; box-shadow:none; border:0px; list-style:none; }
a{-webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s;}
img{ max-width:100%;}
h2, .newsdetails h1{font-size:18px; font-weight: 700; color: #dc3f35}
h3{font-size:16px}
::-webkit-input-placeholder {opacity:0.5; color: #323131}:-moz-placeholder {opacity:0.5; color: #323131}::-moz-placeholder {opacity:0.5; color: #323131}:-ms-input-placeholder {opacity:0.5; color: #323131}
*{-webkit-font-smoothing: auto; -webkit-font-smoothing:antialiased; outline: none}
select{ -webkit-appearance: none;-moz-appearance: none;appearance: none;}
p, .content-area ul{color:#323131;font-size: 14px;line-height:140%; margin-bottom:20px; font-weight: 600; line-height: 180%}
a{ text-decoration:none; color: #dc3f35; outline: none;}
a:hover, a:focus{ text-decoration:none; color:#08350D; outline:0;}
.bootstrap-select .dropdown-toggle:focus{outline: none!important}
.btn{background: #dc3f35; padding:10px 20px; color: #fff; border-radius: 0; font-weight: 600}
.btn:hover{background: #b93129; color: #fff}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {-webkit-text-fill-color: #000;-webkit-box-shadow: 0 0 0px 1000px #fff inset;transition: background-color 5000s ease-in-out 0s;}

body{position:relative;}
body:before{content:'';width: 100%;height:100%;background:rgba(0,0,0,0.45);top:0;left:0;z-index: 2;position: absolute; transition: all 0.2s ease 0s; opacity:0; visibility:hidden;}
body.menuon:before{opacity: 1; visibility:visible; transition-delay:0.5s;}

/*---For MOdal Box Middle Horizentally---*/
.vertical-alignment-helper {display:table;height: 100%;width: 100%;pointer-events:none;}
.vertical-align-center {display: table-cell;vertical-align: middle;pointer-events:none;}
.modal-content {width:inherit;height:inherit; margin: 0 auto;pointer-events:all;}

/*---Start Header & Navigation---*/
.logo img{max-width: 225px;}
.top_bar{background:#f6f4f2; text-align: center; color: #939393; font-size: 11px; font-weight: 700; padding:12px 0}
.top_bar a{color: #939393}
.top_bar strong{color: #dc3f35; margin-right: 4px;}
.top_bar i{margin-right:5px;}
.top_bar .first img{max-width:26px;}
.top_bar .second img{max-width:16px;}
.top_bar .third img{max-width:15px;}
header{padding: 30px 0 0;margin-bottom: 40px; display: inline-block; width: 100%}
.navigation{padding: 0;margin-top: 30px;background:#dc3f35;position: relative;z-index: 2;}
.navigation a{color:#96041F;}
.navigation .nav li{margin:0 0px;font-size:15px;font-weight:600;}
.navigation .nav li a{padding:17px 14px 17px 15px;}
.navigation .nav li:last-child{margin-right:0}
.navigation .nav li a:hover, .navigation .nav>li>a:focus, .navigation .nav>li>a.active{background:#b93129; color: #fff;}

.couponbox input.codeText{border:4px solid #f7f7f7;float:left;display:inline-block;height:44px;padding:0 10px;font-size:13px;color:#333;vertical-align:bottom;border-radius:0}
.greenText{color:#3c763d;display:block;}
.couponbox{padding-bottom: 20px;}
.couponbox label.discountLabel{font-size:14px;margin:0 0 15px 0;font-weight:700;color:#dc3f35;text-transform:uppercase;display:block}
.couponbox .accountsBtn input.submit:focus,.couponbox .accountsBtn input.submit:hover{background:#b93129;color:#fff}
.couponbox .accountsBtn input.submit{display:inline-block;color:#fff;border-radius:0;transition:all .5s ease 0s;float:left;height:36px;background:#dc3f35;border:0 solid #dc3f35;box-shadow:none;vertical-align:top;font-weight:600;position:absolute;top:4px;right:4px}

.search-col{max-width:412px; margin: 0 auto}
.search-col input{float: left; display:inline-block; border: 1px solid #dc3f35; height: 40px; padding: 0 10px; font-size: 13px; color: #333; vertical-align: bottom; width:calc(100% - 125px); border-radius:0}
.search-col .submit{float: left;display: inline-block; height:40px; background: #dc3f35; border:0px solid #dc3f35; box-shadow:none; padding:0 19px; color: #fff; transition: all 0.5s ease 0s; vertical-align: top; font-weight:600}
.search-col .submit:hover, .news-description .btm_block .btn:hover, .newsdetails .btm_block .btn:hover, .search-col .submit:focus, .news-description .btm_block .btn:focus, .newsdetails .btm_block .btn:focus{background:#b93129; color: #fff}
.search-col .submit img{max-width:20px;}
.search-col .submit i{margin-right:5px}
.loggedin{display: inline-block;margin: 0;padding: 0;position: relative;text-align: right;}
.username{font-size: 16px;color: #dc3f35;font-weight:700;margin-right:30px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;max-width: 140px;display: inline-block;vertical-align: middle;}
.myaccount_links{display: inline-block;width: 138px;margin-right:30px;position: relative;text-align: left;}
.myaccount_links ul{display: none;position:absolute;background:#fff;border:1px solid #4c98d2;width: 100%; z-index:3; top:36px; padding:10px 0 15px}
.myaccount_links > a{background: #4c98d2;display: block;padding: 9px 5px 10px;color: #fff;border-radius: 3px;text-align: center;font-weight:600;}
.myaccount_links > a i{float:right; margin:3px 10px 0 0}
.myaccount_links ul li a{display:block; padding:8px 20px; color:#000; font-size:14px; text-align: left}
.myaccount_links ul li a:hover{background:#4c98d2; color:#ffff}
.myaccount_links:hover ul{display:block}
.header-right .login_link{display: inline-block; vertical-align: middle; color: #dc3f35; font-weight: 600; margin-top: 10px;}
.cart_link{display: inline-block; vertical-align: middle; position: relative; float: right;}
.cart_link span{width:29px;height: 29px;display: block;background:#4c98d2;position: absolute;border-radius:50%;text-align: center;color: #fff;top: -20px;right: -15px;line-height: 28px;font-weight:700;}
.cart_link img{max-width: 46px;}
.login_link:hover{color: #4a4a4a}
.menu-text{display: none}
.navigation .nav li a{color:#fff}
.navigation .navbar-nav li.home img{max-width:27px;}


.sidebar{position:relative; height: 100%}
.sidebar:after{content:''; width: 1px; height: 100%; right:30px; position: absolute; background: #d5d4d4; top:0}
.sidebar h2{font-size:14px; color: #dc3f35; font-weight: 700; margin:0; padding: 0; text-transform: uppercase}
.sidebar ul.links{margin:20px 0 23px 0; padding:0; display: inline-block; font-weight:600; width: 100%}
.sidebar ul.links li{margin:10px 0;padding:0 30px 0 0;display: block;}
.sidebar ul.links li a{color:#4a4a4a; display: block}
.sidebar ul.links li a.active{color:#dc3f35}
.sidebar ul.links li a:hover{color:#dc3f35}
.title{font-size:18px; color: #dc3f35; font-weight: 700}
.title i img{max-width:24px;}
.title i{margin:-2px 10px 0 0;}
.sidebar ul.links li.more a{text-decoration: underline}
.sidebar ul.links li.more a:hover{text-decoration: none; color: #dc3f35}
.homeslider{max-width: 588px; float: left; margin:40px 0 0 0;}
.homeslider .item{position: relative}
.homeslider .slider_caption{position: absolute; bottom: 0; width: 100%}
.homeslider .slider_caption h2{background: #dc3f35; color: #fff; padding:10px 15px 10px 50px; font-size:18px; font-weight: 600; display:inline-block}
.decription{background: #f6f4f2;display: inline-block;width: 100%;padding:20px 60px 20px 20px;font-size:14px;margin-top: 45px; }
.decription p{font-size: 14px; color: #313030; font-weight: 600; margin:0}

.homeslider .owl-theme .owl-nav {background: #f6f4f2;margin-top: -50px;text-align:right;display:inline-block; float:right;position:relative;padding-right: 10px;}
.homeslider .owl-theme .owl-nav [class*=owl-]{background: none; color: #000; font-size:24px; margin: 0}
.homeslider .owl-theme .owl-nav [class*=owl-]:hover{background: none; color: #dc3f35}
.whykastol{background: #f6f4f2; width:288px; margin:40px 0 0 0; float: right; padding:25px 38px}
.whykastol h2{margin:0; padding: 0}
.whykastol ul{font-size: 14px; font-weight: 600; margin-top:23px}
.whykastol ul li{display: block; margin:10px 0; padding: 0}
.whykastol ul li a{color: #000}
.whykastol ul li:before{width:8px; height:8px; background:#dc3f35; border-radius: 50%; content:''; display: inline-block; margin:0 10px 0 0}
.whykastol .btn{display: inline-block; background:#dc3f35; padding:10px 15px; border-radius:0; color: #fff; margin:25px auto 15px}
.whykastol .btn:hover{background:#b93129;}
.whykastol a.link{display:inline-block; color:#323131;text-decoration: none}
.whykastol a.link:hover{text-decoration:underline}
.btn-area{text-align: center}

.home-offers{margin-top:50px;}
.tab-main{background:#f6f4f2; margin-top:40px; display: inline-block; padding:15px; width: 100%}
.home-offers .nav-tabs{width: 250px; float: left; margin:0 15px 0 0; border-bottom: 0}
.home-offers .nav-tabs li{width:100%; position: relative}
.home-offers .nav-tabs li:before{content:"";position: absolute;width: 0;height: 0;border-top: 10px solid transparent;border-bottom: 10px solid transparent;border-right: 13px solid #fff;right: 0;z-index: 1;top: 50%;transform: translate(0,-50%);}
.nav-tabs>li{margin:5px 0}
.nav-tabs>li>a{background: #fff; padding:18px 15px; font-size: 14px; border-radius: 0; color: #323131; font-weight: 600; border:0; margin-right: 0}
.nav-tabs>li:hover, .nav-tabs>li>a:hover{background: none; border:0}
.home-offers .tab-content{width:calc(100% - 265px); float: left; color: #000; min-height: 255px;}
.home-offers .nav-tabs>li.active>a, .home-offers .nav-tabs>li.active>a:focus, .home-offers  .nav-tabs>li.active>a:hover{background: #dc3f35; border-radius:0; color: #fff; border:0}

.tab-content{background: #fff; padding:15px}
.tab-content .img{width:349px; float: left; margin:0 25px 0 0; padding: 0}
.tab-content .img.right{margin:0 0 0 25px; float: right}
.tab-content .description{width:calc(100% - 374px); float: left; margin:0; padding: 0}
.tab-content .description.full{width: 100%}
.tab-content .description h2{margin:20px 0 15px 0}
.tab-content .description p{font-weight: 600; line-height:180%}
.tab-content .description .date{font-weight: 600;margin-top: 15px;margin-bottom: 40px;display: block;}

.wholeseller{margin-top: 50px;}
.wholeseller h2{margin-bottom:50px;}
.technicalsupport{background: #f6f4f2;margin-top:50px;position: relative;}
.technicalsupport .img{display:inline-block; float: left; max-width: 381px;}
.technicalsupport .img-content{display: inline-block;padding: 30px 30px 0;width:calc(100% - 382px);}
.technicalsupport .img-content h2{margin-bottom:20px;}
.technicalsupport .btn{float:right;position: absolute;bottom: 25px;right: 20px;}

footer.container-fluid{margin-top: 35px; background: #f6f4f2; padding: 0}
.footer_top{background: #ce382a; padding-top:29px; padding-bottom:29px; color: #fff}
.footer_top p{font-size:14px; color:#fff; margin-top:10px; margin-bottom:0}
.footer_top h3{font-size: 18px; font-weight: 700}
.help h3 span{display: inline-block;padding: 13px 15px 10px;border-radius: 5px;background: #fff;color: #dc3f35;margin-left: 5px;}
.help h3 span i img{max-width: 23px;}
.help h3 span i{float:left; margin:0 10px 0 0; padding:0}
.footer_top .col-md-6{padding-top:10px; padding-bottom: 10px;}
.newsletter{border-left:1px solid #d27778}
.newsletter .left{float: left; margin:0; padding: 0}
.newsletter .right{float: right; margin:0; padding: 0; width: 100%; max-width: 265px;}
.newsletter .right input{width:265px; margin:0; padding:0; height:44px; padding:0 10px; color: #000}
.newsletter .right button{background: none; border:0;  float: right; padding: 0; margin-top: 12px; text-decoration: none}
.newsletter .right button:hover{ text-decoration: underline;}
.footer_top .newsletter p{margin-top:25px;}
.footer_top .newsletter .w560{max-width: 540px; margin: 0 auto}
.plane{margin-left:10px;}
.plane img{max-width: 44px;}
.footer_middle{padding-top:40px; padding-bottom: 40px;; color: #fff}
.footer_middle h3{font-weight:700; font-size: 14px; text-transform:uppercase; margin-bottom: 30px; color: #ce382a;}
.footer_middle p{color: #343434}
.footer_middle a{color: #343434}
.footer_middle a:hover{text-decoration: underline}
.footer_middle ul{margin: 0; padding: 0}
.footer_middle ul li{margin:10px 0; padding: 0; display: block; font-weight: 600}
.footer_middle a.register{background: #ce382a;padding:10px 35px;color: #fff;font-weight: 600;}
.footer_middle a.register:hover{background:#a7261a; color: #fff; text-decoration: none}
.footer_middle .description{max-width: 220px; margin-bottom:40px}
.footer_bottom{background: #fff; text-align: right; padding:20px 0 }
.footer_bottom ul li{display:inline-block;margin: 0 0 0 15px;position: relative; font-weight: 600; }
.footer_bottom ul li:before{content:"";width: 1px;height: 15px;position: absolute;top: 2px;left: -10px;background: #dc3f35;}
.footer_bottom ul li:first-child:before{display:none}
.mob-search-btn, .search-col.mobile{display: none}


/*---Sidebar Login---*/
.body-fixed.modal-open{overflow: hidden; position: fixed; width: 100%}
.modal.right .modal-dialog{position:fixed;margin:auto;width:376px;height:100%;-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.modal.right .modal-content{height:100%;overflow-y:auto}
.modal.right .modal-body {padding: 36px;}
.modal.right .close{text-align: right; display: block; opacity: 1; cursor: pointer}
/*Left*/
.modal.left.fade .modal-dialog{left:-376px;-webkit-transition:opacity .3s linear,left .3s ease-out;-moz-transition:opacity .3s linear,left .3s ease-out;-o-transition:opacity .3s linear,left .3s ease-out;transition:opacity .3s linear,left .3s ease-out}
.modal.left.fade.in .modal-dialog{left: 0;}
/*Right*/
.modal.right.fade .modal-dialog{right:-376px;-webkit-transition:opacity .3s linear,right .3s ease-out;-moz-transition:opacity .3s linear,right .3s ease-out;-o-transition:opacity .3s linear,right .3s ease-out;transition:opacity .3s linear,right .3s ease-out}
.modal.right.fade.in .modal-dialog {right: 0;}
.modal-content {border-radius: 0;border: none;}
.modal-header {border-bottom-color: #EEEEEE;background-color: #FAFAFA;}
.login_form{display: inline-block;margin: 0;padding:0;font-weight: 600;}
.login_form h2{margin-bottom:40px;margin-top: 30px;}
.login_form span{display: inline-block;width: 100%;margin: 0 0 25px 0;}
.login_form input.text{padding: 10px 0;border-bottom: 1px solid #d5d4d4;width: 100%;color: #323131;font-size:14px;font-weight:600;}
.login_form input[type=submit]{background: #dc3f35;display: block;padding:10px 20px 12px;width: 100%;color: #fff;font-weight:500;margin-top: 10px;margin-bottom: 35px; font-size:15px; transition: all 0.5s ease 0s;}
.login_form input[type=submit]:hover{background:#b93129; color:#fff}
.newsustomer{display:inline-block;background:#f6f4f2;padding:30px;font-size: 14px;}
.newsustomer h2{margin-bottom:15px;}
.newsustomer h2, .newsustomer p{font-size:14px;}
.newsustomer p{font-weight:400; line-height:170%}
.register-btn{background:#fff; display:inline-block; width:100%; height:40px; line-height:40px; text-align:center; font-weight:600; max-width:205px;}
.register-btn:hover{background:#e1dfdf; color:#dc3f35 }
/*Dragabale button*/
.switch{position:relative;display:inline-block;width: 40px;height: 20px;margin-top: 5px;margin-right: 8px;}
.switch input{opacity:0;width:0;height:0}
.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;-webkit-transition:.4s;transition:.4s}
.slider:before{position:absolute;content:"";height: 18px;width: 18px;left: 1px;bottom: 1px;background-color:#fff;-webkit-transition:.4s;transition:.4s;}
input:checked+.slider{background-color:#bad857}
input:focus+.slider{box-shadow:0 0 1px #bad857}
input:checked+.slider:before{-webkit-transform: translateX(20px);-ms-transform: translateX(20px);transform: translateX(20px);}
.slider.round {border-radius: 34px;margin: 0;}
.slider.round:before {border-radius: 50%;}

.sidebar,.content-right{padding-top:20px;}
.product-filter{padding-top:0}
.breadcrumb{display:inline-block; margin:30px 0; padding: 0; background:none}
.breadcrumb.nomrgn{margin:15px 0 0}
.breadcrumb ul{margin: 0; padding:0}
.breadcrumb ul li{margin: 0 0 0 15px; position:relative; padding:0; display: inline-block; font-size:12px; color: #000; font-weight: 500}
.breadcrumb ul li a{color: #a2a0a0}
.breadcrumb ul li:first-child{margin-left: 0}
.breadcrumb ul li:first-child:before{display: none}
.breadcrumb ul li:before{content:'/'; position: absolute; left: -12px; top: 0}

.caregory{display:inline-block; margin: 0; padding:0}
.caregory ul{margin-left: -4px;margin-right: -4px;}
.caregory ul li{display:inline-block;margin: 0 0 40px 0;padding:2px;border: 1px solid transparent;transition: all 0.5s ease 0s;float: left;width: 25%;}
.caregory ul li .category-img{height: 152px;background:#fff;display: block;position: relative;max-width: 221px;margin: 0 auto; overflow: hidden}
.caregory ul li .category-img img{width: auto;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);height: 100%; max-width: inherit}
.caregory ul li h3{background:#f7f7f7; color:#313030; padding: 0 15px;box-sizing: border-box;height: 73px;line-height: 140%;font-size: 14px;font-weight: 600;text-align: center;transition: all 0.2s ease 0s;max-width: 221px;margin: 0 auto;display: flex;align-items: center;justify-content: center; overflow: hidden}
.caregory ul li h3 span{display:inline-block; vertical-align:middle}
.caregory ul li a{color: #000; display:block}
.caregory ul li a:hover h3{color:#dc3f35;}
.caregory ul li:hover{border-color:#dc3f35}
.pagination>li>a, .pagination>li>span{color: #000}
.pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span:focus, .pagination>li>span:hover, .search-count a.btn:hover{background-color:#dc3f35; color: #fff}


/*---Product Details---*/
.check_box:hover{color: #dc3f35}
.check_box{display:block;position:relative;padding-left: 28px;margin-bottom: 0;cursor:pointer;font-size: 14px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;font-weight: 600;color: #4a4a4a;margin: 0;}
.check_box input{position:absolute;opacity:0;cursor:pointer;height:0;width:0}
.checkmark{position:absolute;top: 3px;left:0;height: 14px;width: 14px;background-color: #fff;border: 1px solid #bababa; overflow: hidden;}
.check_box:hover input~.checkmark{background-color: #fff;}
.check_box input:checked ~ .checkmark {background-color: #dc3f35;border-color: #dc3f35;}
.checkmark:after {content: "";position: absolute;display: none;}
.check_box input:checked ~ .checkmark:after {display: block;}
.check_box .checkmark:after{left: 4px;top:0px;width: 5px;height: 11px;border:solid #fff;border-width:0 3px 3px 0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);}
.search-count{float: right;margin: -25px 0 -25px 0;padding: 0;font-size: 14px;color: #000;font-weight: 600;text-align: right; width: 100%}
.search-count a.btn{background:#4897d4;font-size: 14px;color: #fff;padding: 8px 20px;margin-left: 0px;border-radius: 3px;margin-top: -3px;margin-bottom: 10px;}
.search-count span{display: block;margin-bottom: 15px;}
.search-count a.btn:first-child{margin-left: 15px;}
.search-count.nomrgin{margin-top: -20px;}
.product_filter{display: inline-block;background: #f7f7f7;padding:15px;width: 100%;margin:10px 0 20px}
.pagefilter{display: inline-block; margin:0; padding: 0}
.pagefilter h3{display:inline-block;margin: 2px 10px 0 0;padding:0;font-size: 13px;color: #828282;}
.pagefilter div.cs-skin-border{width:85px;}
.pagefilter .cs-select span{padding: 5px 10px;color: #000;font-size: 13px;border-radius: 0;border-top: 1px solid #ccc;background: #fff;}
.pagefilter .cs-skin-border > span:after{right:10px; color:#989494}
.pagefilter.sort div.cs-skin-border{width: 168px;}
.pagefilter.sort{margin-left:115px;}
.pagination_new{text-align: right; width: 250px;}
.pagination_new ul{display: inline-block}
.pagination_new ul li{display: inline-block; margin:0 5px; font-weight:600;}
.pagination_new ul li a{color: #4c98d2;}
.pagination_new ul li a:hover{color:#000}
.product_list_main{margin-bottom:30px;}
.pro-img{display: inline-block;width: 131px;height:113px;float: left;margin: 0 35px 0 0;overflow: hidden; position:relative}
.pro-img img{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:auto; max-width:inherit; height:100%}
.pro-description{float: left;width: calc(100% - 166px);margin: 0;padding: 0;}
.pro-description h2{font-size:14px; font-weight:600; color:#333; margin:10px 0 12px 0; padding:0; line-height:170%}
.pro-description h2 a{color:#333; }
.pro-description h2 a:hover{color:#dc3f35; }
.pro-description ul{display:inline-block; margin:0; padding:0; font-size:13px; font-weight:600}
.pro-description ul li{display:inline-block; margin:3px 0; padding:0; width:100%; position:relative}
.pro-description ul li:before{width:7px; height:7px; background:#dc3f35; display:inline-block; border-radius:50%; content:''; margin:0 12px 0 0}
.product_list .price{display:block; font-weight:700; color:#dc3f35; font-size:18px;}
.product_list .price span{color:#949292; font-size:12px; font-weight:400; margin-left:20px;}
.instock, .outstock{display:block;position:relative;max-width:100px;margin: 25px 0 15px 0;}
/*.instock:before, .outstock:before{width:15px;height:15px;background:#40a83d;display:inline-block;border-radius:50%;content:'';margin: 2px 12px 0 0;position:absolute;left: 0;}*/
.outstock{color: #999}
.outstock:before{background: #dc3f35}
.price-section{width: 195px;float: right;margin-right: 25px;}
.cart_buttons{display:inline-block;margin: 0 auto;padding:0;}
.cart_buttons .minus, .cart_buttons .plus{width:40px;height:35px;border:1px solid #e7e7e7;border-radius: 2px;font-size:0px;font-weight:700;color: #dc3f35;display: inline-block;/* border-radius:0; */position:relative;vertical-align: bottom;}
.cart_buttons .minus input, .cart_buttons .plus input{border-radius:0}
.cart_buttons .minus input:hover, .cart_buttons .plus input:hover{background-color:rgba(231,231,231,0.8)}
.cart_buttons .minus input{background: url(../../img/frontend/minus.png) center center no-repeat #fff;height: 100%;width: 100%;text-align: center; background-size: 7px 4px;}
.cart_buttons .plus input{background: url(../../img/frontend/plus.png) center center no-repeat #fff;height: 100%;width: 100%;text-align: center;background-size: 13px 13px;}
.cart_buttons .qty{display:inline-block;width:40px;border: 1px solid #e7e7e7;height: 35px;vertical-align: bottom;}
.cart_buttons .qty input{width:100%; height:30px; padding:0 5px; text-align:center; font-weight:600; color:#333}
.cart_btn, .cartbtnnew{display:inline-block;width:50px;vertical-align:bottom;margin-left: 4px;}
.cart_btn a, .cartbtnnew{background:#4c98d2; color:#fff; display:block; height:35px; text-align:center; border-radius:2px; line-height:35px; font-size: 22px;}
.cart_btn a:hover, .cartbtnnew:hover{background:#367db2}
.product_list {border-top:1px solid #eaeaea; padding-top:40px; margin-top:40px;}
.product_list:first-child{border-top:0; padding-top: 0; margin-top:25px}

.error{font-size: 12px;font-weight: 400;color: red;float: left;width: 100%;margin-bottom: -10px;padding-top: 25px;}
.login_form input.text.error{border-bottom:1px solid red}
#myModal2 .alert .close{display:none}
#myModal2 .alert{font-size:13px; line-height:120%; margin-bottom:30px; margin-top:40px;}
.header-right{text-align: center}
.header-right.signin{text-align: center}



.top_bar .container{max-width:1100px;}
.productdetails{margin-top:40px;}
.productdetails .col-md-4{width: 300px}
.productdetails .col-md-8{width:calc(100% - 300px);}
.ketelonderdelen{float: right; margin: 0; padding: 0; color:#4c98d2; font-weight:600}
.productdetails h1{font-size: 18px; font-weight: 700; color: #dc3f35; margin-bottom:25px;line-height: 140%;}
.prodecription{display: inline-block; width: 100%; font-weight: 600; border-bottom:1px solid #ebeaea; padding:10px 0 10px}
.prodecription:last-child{border-bottom:0}
.prodecription .left{width:80%; float: left;}
.prodecription .right{width:20%; float: left;}
.prodecription .right strong{font-size:16px;}


.pro-btns .fa-whatsapp{font-size:30px;color: #4c98d2;margin-left:20px;position: absolute;top: -7px;}
.pro-btns.logg-off .cart_btn.wide a{width:auto; padding:4px 15px 6px;}

.fav-btn{margin-right:25px; font-weight:600; vertical-align: top; display: inline-block; margin-top: 8px;}
.fav-btn a{color: #333}
.fav-btn i img{max-width:18px; margin-right:5px; margin-top: -2px;}
.pro-btns{margin-top:25px;}
.pro-btns .status{display: inline-block;width: 40%;font-weight: 700;font-size:16px; margin-top:8px; float: left}
.instock, .outstock{color: #47a154;padding-left: 0px;max-width: inherit; font-weight: 700;}
.instock:after, .outstock:after{left:0;margin-left:0;margin-top: 3px;}
.outstock{color: #dc3f35;}
.outstock:after{background:#dc3f35}
.pro-btns .cart_buttons{text-align: right; width: 60%; }
.pro-btns .cart_btn.wide{width: auto}
.pro-btns .cart_btn.wide a{padding: 4px 10px 6px;font-weight: 600;line-height: 25px;width: 145px; font-size:14px}

.pro_features{margin-top: 25px;margin-bottom:35px;}
.pro_features .panel-default>.panel-heading{background: #dc3f35;color: #fff;text-transform: uppercase;font-weight:700;border:0;border-radius: 0;font-size: 14px; padding:0}
.pro_features .panel-title a:hover{color: #fff}
.pro_features .panel-title a{font-size: 14px;font-weight: 700;border: 0; padding: 18px 20px 17px; display: block; color: #fff}
.pro_features .panel-default>.panel-heading+.panel-collapse>.panel-body{border-color: #d2d2d2;border-radius: 0;padding:20px 15px;}
.pro_features .panel-group .panel+.panel{margin-top:10px;}
.pro_features .panel-group .panel{border-radius:0}
.pro_features .panel-heading .accordion-toggle:after{font-family:FontAwesome;content:"\f078";float:right;color:#dc3f35;font-weight:400;font-size:16px;background:#fff;padding:0;border-radius:4px;width:30px;height:30px;text-align:center;position:relative;margin-top:-7px;line-height:28px;margin-right:15px}
.panel-heading .accordion-toggle.collapsed:after { content: "\f078";}

.pro_features .inneraccordion .panel-default>.panel-heading{background:#f7f7f7;color: #333333;text-transform: none;font-weight:700;border:0;border-radius: 0;font-size: 14px; padding: 0}
.pro_features .inneraccordion .panel-heading .accordion-toggle:after{display: none}
.pro_features .inneraccordion .panel-title a{font-weight: 600}
.pro_features .panel-group.inneraccordion .panel{border: 0; text-transform:none; box-shadow: none;}
.pro_features .panel-default .inneraccordion .panel-heading+.panel-collapse>.panel-body{border-top: 0}
.nomoretables .table-bordered, .nomoretables .table-bordered>thead>tr>th, .nomoretables .table-bordered>tbody>tr>td{border: 0}
.pro_features .inneraccordion .panel-title a, .pro_features .inneraccordion .panel-title a:hover{color: #333}
.nomoretables .table-striped>tbody>tr:nth-of-type(odd){background: #fff}
.nomoretables .table-bordered>thead>tr>th{font-size: 12px; color: #333; font-weight:600}
.nomoretables .table-bordered>tbody>tr>td{font-weight: 600}
.pro_features .inneraccordion .cart_buttons{float: right}
.prolstaccrdn .cart_buttons{float: right}
.table50_view .width50{width: calc(50% - 7px);display:inline-block;background: #f7f7f7;float: left;padding: 10px 15px;margin: 3px 0px 3px 14px;font-weight: 600; min-height: 39px;     word-break: break-word;}
.table50_view .width50:first-child{margin-left:0}
.sidebar.myaccountssidebar:after{display: none}

.login_form h2{margin-top: 0}

.sidebar.myaccountssidebar li{width:100%; position: relative}
.sidebar.myaccountssidebar li a:before{content:"";position: absolute;width: 0;height: 0;border-top: 10px solid transparent;border-bottom: 10px solid transparent;border-right: 13px solid #f7f7f7;right: 0;z-index: 1;top: 50%;transform: translate(0,-50%);}
.sidebar.myaccountssidebar li a{background: #f7f7f7;padding:16px 15px;font-size: 14px;border-radius: 0;color: #323131;font-weight: 600;border:0;margin-right:0;position:relative;z-index: 1;}
.sidebar.myaccountssidebar ul.links li a:hover{background:#dc3f35; color: #fff}
.sidebar.myaccountssidebar ul.links li a.active{background:#dc3f35; color: #fff}
.WhiteFormLayout{background: #f7f7f7; padding:25px 25px 20px; display: inline-block; width: 100%}
.WhiteFormLayout .block, .WhiteFormLayoutHalf .block{background:#fff;display:inline-block;width:100%;padding: 6px 12px;margin-bottom: 3px;}
.myaccountsection h2{margin-bottom:30px}
.block label.title{font-weight: 600;color:#a3a1a1;width: 170px;float:left;position:relative;margin:0 20px 0 0;padding: 5px 0; font-size: 14px;}
.block label.title:before{content:'';background:#a3a1a1;width:1px;height:12px;position:absolute;top: 8px;right:0;}
.block input{width: calc(100% - 195px);float:left;padding: 5px 15px;font-weight: 600;color: #000; background: #fff; border: 0}
.accountsBtn{display:inline-block; text-align: right; margin-top: 25px; width:100%}
.accountsBtn input{display: inline-block;padding:8px 15px;background: #4c98d2;color: #fff;border-radius: 3px;transition: all 0.5s ease 0s;}
.accountsBtn input:hover{background:#367db2}
.WhiteFormLayout .error{padding-top: 5px; margin-bottom: 15px;}
.WhiteFormLayout .block input.error{margin-bottom: 0}

.subusersList{margin-top:-10px;}
.subusersList .table-bordered, .subusersList .table-bordered>thead>tr>th{border: 5px solid #fff;}
.subusersList .table-bordered>thead>tr>th{padding:8px 11px;font-weight: 600;font-size: 12px;}
.subusersList .table-bordered>tbody>tr>td{border:0;padding:10px 10px;font-weight:600;background: #f7f7f7;border: 10px solid #fff;border-bottom: 5px solid #fff;border-top: 5px solid #fff;}
.subusersList .table-bordered>tbody>tr>td.Edit{background: #fff}
.subusersList .Edit{text-align: center}
.subusersList .Edit img{max-width:19px;}
.subusersList .Edit img:hover{opacity: 0.7}
.WhiteFormLayoutHalf{background: #f7f7f7;padding: 20px; min-height: 280px; display: inline-block; width: 100%}
.WhiteFormLayoutHalf.two .block{margin-bottom:6px;}
.bottom_box .WhiteFormLayoutHalf.two .block{margin-bottom: 3px;}

.cs-select-form .two .block label.title{width: 140px;}
.cs-select-form .two input:checked+.slider{background: #4c98d2}
.cs-select-form .two .switch{margin-top:6px; margin-left:15px; margin-bottom: 0}
.cs-select-form .formContainer{margin-left: -15px; margin-right: -15px;}
.cs-select-form div.cs-skin-border{float:left;max-width: 100%;width: calc(100% - 195px);font-size: 14px;}
.cs-select-form .cs-skin-border > span{border:0;padding:4px 15px;color: #000;}
.cs-select-form .cs-skin-border .cs-options{font-size:14px}
.cs-select-form .cs-skin-border ul{margin-top: 9px;}
.cs-select-form .cs-skin-border ul li{color: #000}
.cs-select-form .cs-skin-border ul span{padding:8px 15px;}
.cs-select-form .cs-skin-border > span:after{color: #dc3f35; content:'\f078'; right: 0; font-size: 14px;}

.content-wrap h1{font-size: 28px;color: #dc3f35;font-weight: 600;margin-bottom: 25px;}
.content-wrap p{margin-bottom: 20px;line-height: 170%;}
.content-wrap ul{margin: 0 0 25px 0;padding:0;}
.content-wrap ul li{margin:10px 0;padding: 0 0 0 20px;line-height:160%;position: relative;}
.content-wrap ul li:before{margin:0;padding:0;content:'';background:#000;width:8px;height:8px;position: absolute;top: 6px;left: 0;}
.content-wrap ul ul li:before{background: #666; width:6px; height: 6px;}
.content-wrap h2{margin-bottom:8px; margin-top:30px;}
.content-wrap h3{font-weight:700}
.flex{display: flex}
.sidebar.myaccountssidebar ul ul{margin-bottom:10px;}
.sidebar.myaccountssidebar ul ul li a{background:transparent;padding: 8px 15px;}
.sidebar.myaccountssidebar ul.links ul li a:hover, .sidebar.myaccountssidebar ul.links ul li a.active{background:none; color:#dc3f35}
.sidebar.myaccountssidebar li li a:before{display: none}
.myaccountsection .cs-select-form .cs-skin-border .cs-options{left:10px;}
.subusersList .table-bordered>tbody>tr>td.Naam{word-break: break-word;}
.WhiteFormLayoutHalf .error{padding-top: 0; margin-bottom: 15px;}
#filter-form{width: 100%; margin-bottom:30px;}
/*#filter-form .sidebar {padding-top:5px}	*/
.sidebar.product-filter  ul.links{margin-bottom: 3px;}


.productdetails .col-md-4 img{max-height: 300px;}
.nomoretables .table-bordered>thead>tr>th{padding-top:5px; padding-bottom:15px;}
.table50_view{display: flex}
.table50_view a{color: #323131}
.pro_features .panel-group{margin-bottom: 0}

/*---Cart Tables---*/
.nocartitem{min-height: 500px;line-height:300px;font-size: 20px;opacity: 0.4; text-align: center}
.carttable{border-bottom: 1px solid #d9d9d9;display: inline-block;width: 100%;padding: 0 0 25px 0;margin: 0 0 50px 0;}
.carttable .table-condensed th, .carttable .table-condensed td{padding: 15px 15px;}
.carttable th.cross{width:75px;}
.carttable td a i.fa-times-circle{font-size:24px; color: #4c98d2}
.carttable td a:hover i.fa-times-circle{color:#dc3f35}
.carttable th.cartpro-img{width:85px;}
.carttable td.cartpro-img{text-align: center;}
.carttable td.carttotaltd{text-align: right;}
.carttable th.cart_total{text-align: right;}
.carttable td.cartpro-img img{max-width:82px; max-height:100px;}
.carttable .table-condensed td.cross-td{padding-left: 0}
.col-total1{width:10%;display:inline-block;padding: 0 0 0 30px;text-align: right; margin-top:15px;}
.carttable th.cart_antal{min-width: 160px;}

.bottom_box h2{font-size: 14px; margin: 0 0 20px 0}
.bottom_box  .WhiteFormLayoutHalf{height: calc(100% - 40px);}
.bottom_box .WhiteFormLayoutHalf .block{padding:8px 15px;}

.bottom_box .block label.title{padding: 0; margin-top: 5px; width: 150px;}
.bottom_box .block label.title:before{top:5px;}
.bottom_box .block input{/* padding:5px 30px; */width: calc(100% - 185px);margin-left: 15px;}
.bottom_box.cs-select-form div.cs-skin-border{width: calc(100% - 170px);font-weight: 600;padding-left: 15px;}
.bottom_box textarea{width: calc(100% - 185px);border: 0;margin-left: 15px;padding: 5px 15px;font-weight: 600;height: 150px;resize: none;}
.bottom_box .block input::-webkit-input-placeholder {opacity:0.5;}.bottom_box .block input:-moz-placeholder {opacity:0.5;}.bottom_box .block input::-moz-placeholder {opacity:0.5;}.bottom_box .block input:-ms-input-placeholder {opacity:0.5;}
.calanderbox{position: relative}
.calanderbox i{position: absolute;top: 12px;right:25px;width: 16px;}
.message-box{width: 100%; margin-top:20px;}
.pro_features .panel-body h3{font-weight: 700; margin-bottom:20px; margin-top: 10px;}

.documents-link{display: inline-block; padding:10px 0}
.documents-link a{display:inline-block;padding:10px 20px;background: #eee;color: #000;border-radius:30px; margin:5px}
.documents-link a i{margin:0 5px 0 0}
.documents-link a:hover{background: #dc3f35; color: #fff}

#searchResults .search-count{margin-bottom:15px;}
.searchinvoice{padding:8px 15px;width: 100%;border: 1px solid #d2d2d2; max-width:330px;}
.periode-col{text-align: right}
.periode-col h3{display: inline-block; font-size: 12px; margin-right: 10px;    COLOR: #333;}
.periode-col .txtfield{width: 135px;display: inline-block;border: 1px solid #d2d2d2;padding: 9px 12px;background-image:url(../../img/frontend/calander-blue.png);background-repeat: no-repeat;background-position: calc(100% - 12px) 50%;background-size: 13px 15px; font-size: 12px;}
.periode-col .txtfield.two{margin-left:10px;}
.periode-col input[type="submit"]{background: #4c98d2; color: #fff; padding:10px 25px; border-radius:3px; margin-left: 10px;}
.periode-col input[type="submit"]:hover{background: #387fb6}

.invice-ltrt{margin-top:35px;}
.invoice-table{margin-top: 15px;}
.download-img {margin:0 0 0 15px}
.download-img img{width: 19px;}


.subusersList .table-bordered>tbody>tr>td.download-col{background: #fff; width: 75px}
.subusersList .table-bordered>tbody>tr>td.download-col a{width:40px; display: inline-block}
.NoChangeDisclaimer{margin-top:30px; font-weight: 600; margin-bottom: -5px;}
.NoChangeDisclaimer span{font-weight: 700}
.sidebarFlip{background:#dc3f35; font-size: 16px; color: #fff; text-align: left; display: none; padding:10px 20px; margin-bottom: 30px; cursor: pointer;     position: relative;
    z-index: 1;}
.sidebarFlip i{font-size:24px; float: right; margin: -1px 0 0 0;}


/*---Thank You---*/
.thanks-content{text-align:center;margin-top:30px;margin-bottom: -35px;}
.thanks-content .container{text-align:center}
.thanks-content h1{font-size: 18px;color: #dc3f35;font-weight: 700;margin: 0 0 25px 0;     line-height: 140%;}
.thanks-content p{max-width:1060px;text-align: center;margin: 0 auto 50px;}
.chat_number{font-size:16px;font-weight:700;color:#4c98d2;max-width: 180px;margin: 0 auto 50px;}
.chat_number i{font-size:24px; float:left}
.thankyou-banner{padding:0;background-size: cover;position:relative;}
.thankyou-banner h2{font-size:30px;color: #fff;max-width: 1170px;text-shadow:5px 5px 8px rgba(0,0,0,0.5);margin: 0 auto;line-height: 140%; position:absolute;top:56%; left:0; right:0;}

/*---Category Section---*/
.caregory-col ul{margin:0 -7px}
.category-item-content{background:#fff;padding: 0;text-align:center;border-radius: 5px;transition: all 0.5s ease 0s;letter-spacing: 1px;box-shadow:0px 0px 5px 0.5px #e3e3e3;position: relative;height: 74px;overflow: hidden;}
.category-item-content a{padding:22px 0; display:block}
.category-item{padding:0 7px;/* float: left; */margin-bottom: 20px;float: left;}
.category-item:hover .category-item-content{box-shadow: 0px 0px 10px 5px #e3e3e3; }
.category-item:hover .category-item-content a h4{color: #dc3f35}
.category-item-title h4{margin:0;padding: 0 15px;font-size: 14px;font-weight: 400;color:#333;letter-spacing:0.4px;line-height: 140%;position: absolute;left: 0;right: 0;top: 50%;transform: translate(0,-50%); max-height: 38px; overflow: hidden;}

.category-item-title h4:visited{color: #333}
.category-description a{color:#127a40;}
.green_arrow{text-align: right;position: absolute;right: 0;bottom: 0; opacity: 0; transition: all 0.5s ease 0s;}
.category-item-content:hover .green_arrow {opacity: 1;}


/*---Contact Us---*/
.contactpage{margin-top:30px;}
.contactpage .myaccountsection h2{margin-bottom:40px;}
.contact_map{margin-top:90px; margin-bottom: -35px;}
.contact_map iframe{width: 100%; height:460px}
.contactpage h3{font-size: 14px;text-transform: uppercase;font-weight:700;color:#dc3f35;margin-bottom: 20px;}
i.desktop img{max-width:27px;margin-right: 15px;}

.address, .callus, .whatsappus, .mailons{display: inline-block;width: 100%;margin: 0 0 20px 0;}
i.mappin{width:26px; display: inline-block}
i.callusico{width:35px; display: inline-block}
i.whatsappus{width:36px; display: inline-block}
i.mailus{width:33px; display: inline-block}
.reachus .col-icon{width:42px; float: left; margin-right: 20px; text-align: center}
.reachus{float: right; padding-top: 0}
.reachus .col-content{width: calc(100% - 65px); float: left}
.contactpage .reachus h3{margin-bottom:15px;}
.contactpage .reachus p{margin-bottom:10px;}
.contactpage .reachus p.number{font-size:22px; font-weight:700}
.contactpage .reachus p a{color:#323131}
.contactpage .reachus p a:hover{color:#b93129}
.contactpage .myaccountsection textarea {width: calc(100% - 195px); border: 0;height: 90px; padding:5px 15px}
.registerpage{margin-bottom: 30px;}
.registerpage h2{margin-bottom:40px}
.contactpage .reachus .resgister_content  p{margin-bottom:20px;}
.mob-register{display: inline-block;margin: 30px 0 0 0;padding:0;}
.mob-register span{width: 217px; float: left; margin:0; padding: 0}
.mob-register p{float: left;margin:50px 0 0 30px;padding: 0;width: calc(100% - 273px);}
.resgister_content span, .resgister_content span a{color: #df3d2e}

.download_box{border:1px solid #d4d4d4;padding: 30px; margin-bottom:25px;}
.download_box h2{margin: 0 0 20px 0px;padding: 0;}
.download_box .btn{margin: 0;padding: 9px 20px;background:#4c98d2;color: #fff;transition: all 0.5s ease 0s; border-radius: 2px;}
.download_box .btn:hover, .emailer-block button:hover, .mypopup .modal-footer .btn:hover{background:#387fb6}
.download_box p{margin-bottom:10px;line-height: 160%;}
.download_box .row{display: -webkit-flex; -webkit-align-items: center; display: flex; align-items: center;}
.emailer-block input{border:1px solid #d4d4d4;float: left;padding: 10px 15px 9px;width: calc(100% - 50px);font-weight: 600;}
.emailer-block button{background: #4c98d2;color: #fff;border-radius: 3px;text-align: center;width: 50px;border: 0;height: 40px;font-size: 18px; transition: all 0.5s ease 0s;}

.mypopup .modal-body{padding:30px; font-weight: 600; color: #000}
.mypopup .modal-dialog{width: 500px; line-height: 160%}
.mypopup .modal-footer{border-top:0; padding:0 30px 30px}
.mypopup .modal-footer .btn{border:0;border-radius: 3px;background: #4c98d2;transition: all 0.5s ease 0s;padding: 8px 20px;}
.mypopup .modal-footer .cancel{float:left;margin: 15px 0 0 0;padding:0;background: none;color: #000; border:0px}
.mypopup .modal-footer .cancel:hover{background: none; color: #dc3f35}
.message-box{-webkit-animation-name:example;-webkit-animation-duration:9s;position:fixed;right:-100%;max-width:500px;top:170px;z-index:100000000}
/* Safari 4.0 - 8.0 */
@-webkit-keyframes example {
  0%{right:-100%;}
  10% {right:15px;}
  80% {right:15px; display: none;  opacity: 1}
  90% {right:15px; display: block; opacity: 0 }
}

/* Standard syntax */
@keyframes example {
  0%{right:-100%;}
  10% {right:15px;}
  80% {right:15px; display: none;  opacity: 1}
  90% {right:15px;  display: block;  opacity: 0}
}

/*---About Us Page---*/
.aboutpage{margin: 15px 0 0; padding: 0}
.aboutpage h2{margin-bottom:25px;margin-top: 15px; line-height: 140%;}
.aboutpage .aboutbox1 .left img{position: relative; z-index: 1}
.aboutpage .aboutbox2{margin-top: -25px;float: left;width: 100%;position: relative;overflow: hidden;}
.aboutpage .aboutbox2:before{width: 50%;background: #df3d2e;position: absolute;height: 100vh;content:"";right: 0;}
.aboutpage .aboutbox2 .right{background: #df3d2e; }
.aboutpage .aboutbox2 .left{padding: 70px 30px;}
.aboutpage .aboutbox2 .left p:last-child{margin-bottom: 0}
.aboutpage .aboutbox2 .right{padding: 0px 50px;font-size:24px;color:#fff;align-items:center;display:flex;}
.aboutpage .aboutbox2 .right span{max-width:500px;margin:0 auto;font-weight: 600;line-height: 150%;}
.aboutbox2 .container .row, .aboutbox3 .container .row{display: flex;}
.aboutbox3{margin-top:60px;display: inline-block; width: 100%;}
.aboutbox3 .left{align-items:center;display:flex;}
.aboutbox3 .left div{padding-left:10px;}

.aboutpage .aboutbox4{position: relative;overflow: hidden; margin-top: 60px;}
.aboutpage .aboutbox4 .left{padding: 40px 30px;}
.aboutpage .aboutbox4 .left p:last-child{margin-bottom: 0}
.aboutpage .aboutbox4 .right{width: 55%;position: absolute;top:0;right: 0;overflow: hidden;padding: 0;}
.aboutpage .aboutbox4 .right img{width:100%; height:auto}
.aboutpage .aboutbox4 .left ul{font-size:14px;font-weight:600;}
.aboutpage .aboutbox4 .left ul li{display:block;position:relative;padding: 0 0 0 10px;margin: 10px 0;}
.aboutpage .aboutbox4 .left ul li:before{content:'';position:absolute;width: 4px;height: 4px;background:#000;border-radius:50%;top:7px;left:0;}
.about-btm{padding:50px 15px 20px; text-align: center}
#placeOrderForm div.cs-select{z-index: 1}
.datepicker-dropdown:after{display: none}
.artikelnummer-td a, .artikelomschrijving-td a{color: #333}
.artikelnummer-td a:hover, .artikelomschrijving-td a:hover{color: #dc3f35}
.tabb_links{margin-top:40px;}
.tabb_links ul{margin:0;padding:0;border-bottom: 1px solid #ebeaea;display: table;width: 100%;}
.tabb_links ul li{margin:0;padding: 0;display: table-cell;font-size:14px;width: auto;text-align: center;}
.tabb_links ul li a{display: block;color: #343434;padding: 14px 25px;font-weight: 600;}
.tabb_links ul li:hover a, .tabb_links ul li.active > a{background: #f7f7f7}

#cartDetailsDiv table tr{border-bottom: 1px solid #eeeeee}
#cartDetailsDiv table tr.sampleCartItemTotalPrice{border-bottom: 0; }
#cartDetailsDiv table tr th {color:#4d99d3}
#cartDetailsDiv table tr.sampleCartItemTotalPrice .text-right .col-total1{font-weight:700}
#cartDetailsDiv table tr.sampleCartItemTotalPrice .text-right .col-total1:first-child{color:#dc3f35}

.proslide_box{display:inline-block;width:100%;margin:0 0 0 0;padding:0;text-align: center;padding: 0 16px 25px;}
.proslide_box .image{height: 180px;width:100%;position: relative;overflow:hidden;text-align:center;margin-bottom: 10px;}
.proslide_box .image img{height:80%; width:auto; max-width:100%; position:absolute; left:50%; right:0; top:50%; transform:translate(-50%,-50%)}
.proslide_box h2, .proslide_box .price_code{color:#343434;font-size: 14px;font-weight:600;margin:0 0 10px 0;display: block;text-align: left;margin: 0 0 20px 0;line-height: 140%;}


.proslide_box h2 a{color: #343434; min-height: 62px; display: block;}
.proslide_box .rate{font-size: 15px;font-weight:600;display:block;text-align:center;margin: 40px 0 20px;}
.proslide_box .rate span{font-weight:400; color:#999999; margin-left: 4px;}
.recent-gallery{margin-top:30px; margin-bottom:0px;}
.recent-gallery.most-gallery{margin-top: 0}
.recent-gallery h2.title{margin-bottom:15px;}
.recent-gallery .owl-theme .owl-nav [class*=owl-]{background:none; margin:0}
.recent-gallery .owl-theme .owl-nav [class*=owl-] i{background: #5099d0;color: #fff;width: 30px;height: 110px;padding: 0;font-size: 32px;line-height: 105px;transition: all 0.5s ease 0s;border-radius: 1px;position:absolute;top:calc(50% - 100px);}
.recent-gallery .owl-theme .owl-nav [class*=owl-] .fa-angle-left{left:0px;}
.recent-gallery .owl-theme .owl-nav [class*=owl-] .fa-angle-left:before{margin-right:3px;}
.recent-gallery .owl-theme .owl-nav [class*=owl-] .fa-angle-right:before{margin-left:3px;}
.recent-gallery .owl-theme .owl-nav [class*=owl-] .fa-angle-right{margin-left:3px;right:0px;}
.recent-gallery .owl-theme .owl-nav [class*=owl-] i:hover{background:#3781b8}
.recent-gallery .owl-carousel{padding: 0 25px;}
.recent-gallery .cart_btn{width: 45px;}
.recent-gallery .cart_btn a{font-size: 20px;}
.recent-gallery .owl-carousel .owl-item.active .proslide_box{border-left: 1px solid #e9e9e9;}
.recent-gallery  .cart_buttons .minus, .recent-gallery .cart_buttons .plus{width: 38px;}
.recent-gallery .owl-carousel .owl-item{margin-left: -1px;}
.recent-gallery .owl-theme .owl-nav{height:0px;}

table.invoice-table tr.odr-hidetd{display: none}
/*table.invoice-table tr.odr-hidetd.open{display:table-row}*/
.download-img.zoom{margin-left:5px;}
.nomoretables .table-bordered.invoice-table-inner>thead>tr>th{color: #da403b}
.subusersList .table-bordered.invoice-table-inner>tbody>tr>td{background:none}
.subusersList .table-bordered.invoice-table>tbody>tr.odr-hidetd>td{background: none;padding: 0;}
.subusersList .table-bordered.invoice-table>tbody>tr.odr-hidetd>td .order-collapse-dtls{border: 1px solid #bfbfbf;display: inline-block;width: 100%;padding: 20px 10px;margin: 20px 0;}
.subusersList .table-bordered.invoice-table>tbody>tr.odr-hidetd>td .order-collapse-dtls ul li{margin: 6px 0;padding: 0;display:inline-block;width: 100%;}
.subusersList .table-bordered.invoice-table>tbody>tr.odr-hidetd>td .order-collapse-dtls ul li .label-red{display: inline-block;color:#da403b;width: 140px;float:left;}
.subusersList .table-bordered.invoice-table>tbody>tr.odr-hidetd>td .order-collapse-dtls ul li .label-black{width: calc(100% - 140px);float:left;line-height: 150%;}
.subusersList .table-bordered.invoice-table>tbody>tr.odr-hidetd>td .order-collapse-dtls ul li .label-red.addres{width:100px;}
.subusersList .table-bordered.invoice-table-inner{margin-bottom: 20px;}
.loader-new{border:5px solid #ca8715;border-radius:50%;border-top:5px solid #da403b;width:24px;height:24px;-webkit-animation:spin 2s linear infinite;animation:spin 2s linear infinite;position:relative;top:5px;right:15px;display:inline-block;float:right;margin:-8px 0 0 15px; background: #fff;}


/*----Auto Suggest Search----*/
/* .ui-autocomplete-loading { background: white url(../../img/frontend/ui-anim_basic_16x16.gif) 99% center no-repeat; }*/
/*.paddnone .ui-widget.ui-widget-content.ui-autocomplete{z-index: 99;}*/
.ui-widget.ui-widget-content.ui-autocomplete{margin-left: -160px; border:0;box-shadow: 0px 4px 10px rgba(0,0,0,0.2);font-family: 'Open Sans', sans-serif;}

.product_list.autosearch:first-child{margin-top: 0;padding-top: 15px;padding-bottom: 0px;}
.autosearch .pro-description{width: 100%; text-align:left}
.product_list.autosearch{display:inline-block;width:100%;text-align:center;padding: 0 20px;}
.autosearch .pro-description h2{line-height:170%;font-weight:600;margin-bottom: 8px; margin-top: 0;}
.product_list.autosearch:after{width: 100%;display:inline-block;height:1px;background:#e8e8e8;content:'';margin: 25px auto -5px;}
.autosearch .price-section{width:100%;text-align:left;margin:13px 0 0 0;}
.autosearch .attributes{font-weight: 600}
.product_list.autosearch .price{color:#4a4a4a;width: 60%;float: left; font-size: 14px;}
.product_list.autosearch .price span{margin-left: 8px;font-size:12px;font-weight: 500;}
.product_list.autosearch .instock{/*width: 32% */;float: right;text-align:right;position:relative;margin: 0;padding-left: 10px; margin:0px 0 0 0;}
.product_list.autosearch .outstock{/* width: 32%; */float: right;text-align:right;position:relative;margin: 4px 0 0 0;padding-left: 10px; margin: 0px 0 0 0;}
.product_list.autosearch .instock:before, .product_list.autosearch .outstock:before{display:none}
.product_list.autosearch .pro-img{margin:0;width: 100%;height: 80px;}
.product_list.autosearch .col-md-3{width:90px;margin:0 25px 0 0;padding:0;float:left;}
.product_list.autosearch .col-md-9{width: calc(100% - 115px);margin:0;padding:0;float:left;}

.autosearch.ui-state-active, .ui-widget-content .autosearch.ui-state-active, .ui-widget-header .autosearch.ui-state-active{background:rgba(246,244,242,0.5); color: #000; border:0;}
.autosearch.ui-state-active:hover .pro-description h2{color: #333}
.autosearch.ui-state-active a, .autosearch.ui-state-active a:link, .autosearch.ui-state-active a:visited{color: #333}
.ui-menu .ui-state-focus, .ui-menu .autosearch.ui-state-active{margin: 0}
.ui-menu .ui-menu-item:last-child .product_list.autosearch:after{display: none}

.ui-menu .showAllResults.ui-menu-item-wrapper{font-size: 14px;padding:15px 15px!important;text-align: center;display: block;/* font-weight: 600; */color: #333;     transition: all 0.5s ease 0s;}
.ui-menu .showAllResults.ui-state-active{background: #dc3f35; border: 0}
.search-col{position:relative}
.search-col .loader-new{position:absolute; right:140px; display: none; top:16px;}
.pro_features td.numeric .price{padding-top:8px; display:inline-block; padding-right: 10px;}
.pro_features .instock, .pro_features .outstock {margin: 0px 0;}

/* Safari */
@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg);}
  100% { transform: rotate(360deg);}
}

.mobpro-changeview h2{display:none}
.scan-btn{float: right;margin: 11px 15px 0 23px;padding: 0 0 0 0px;max-width: 27px;position:relative; display:none}
.scan-btn:before{width:1px;height: 26px;background:#fff;content:"";position:absolute;top: 1px;left: -18px;margin-right:5px;}
.notfoundpage{max-width: 580px;margin:0 auto;text-align: center;}
.notfoundpage h3{font-size:30px;color:#4a4a4a;font-weight: 600;margin-bottom: 50px;margin-top:80px; line-height: 150%;}
.notfoundpage p{text-align:left;margin: 0 0 50px 0;}
.notfound-img{margin-bottom:80px;}
.notfound-img img{max-width:185px;}


#filter-form-news{width: 100%; margin-top: 10px;}
.news-loop{border: 1px solid #e1e1e1;padding:30px 15px;display: inline-block;width: 100%;margin: 0 0 40px 0;float: left;}
.news-description{padding-left: 30px;position: relative;}
.news-description h2{margin-bottom:30px; line-height: 140%;}
.news-description .btm_block{display: inline-block;width: 100%;}
.news-description .btm_block p{margin: 11px 0  0 0;}
.news-description .btm_block .col-md-5{text-align: right}
.news-description p{line-height:200%;margin: 0;}
.news-description .btm_block .btn, .newsdetails .btm_block .btn{background:#4897d4; width:130px;}
.news-description .btm_block .btn:hover, .newsdetails .btm_block .btn:hover{background:#367db2}
.news-description .short-info{max-height: 115px; overflow: hidden;}
.news-dtls-img{float: right;margin: 0 0 50px 80px;padding: 0;}
.newsdetails h1{margin-bottom:50px; display: block; margin-top:40px;}

.newsdetails{margin-bottom: 40px;}
.newsdetails .btm_block{margin-top: 40px;}
.newsdetails .btm_block .left p{margin-bottom:30px;}
.newsdetails .btm_block .btn{width: auto}
.news-dtls-img img{max-width:600px}
.instock.arrivingstock{ color:#FFA500}

.red_bx-main{margin: 50px auto 100px;}
.red_bx-main h2{display:block; text-align:center; color:#333; margin-bottom:20px;}
.red_box{background: #dc3f36;width: 100%;height: 350px;margin-top:30px;position: relative;}
.red_box a{display: flex;width: 100%;height: 100%;position: absolute;align-items: center;}
.red_box a:hover{background:#333}
.red_box figure{width:100%; text-align:center; margin:0; padding:0}
.red_box i{/* width:127px; */display:inline-block;text-align:center;color: #fff;font-size: 100px;}
.red_box i.fa-cart-arrow-down{font-size: 104px;}
 .red_box i img{margin:0 auto}
 .red_box h3{color:#fff;font-weight:600; margin:70px 0 0 0; padding: 0 10px; line-height: 140%;}
.mypopup#selectCustomerModal .form-control{height: 40px;}
.kastol label.selectcustomer_label{font-size: 16px; }
.mypopup#selectCustomerModal .close{font-size:34px; margin-top: -5px;}
.kastol#selectCustomerModal  label.error{margin-top: 5px;}
*{outline: none}
.cancelCustomerSelectionDiv{background:#f5f5f3;text-align:right;padding:10px 15px;position: relative}
.cancelCustomerSelectionDiv i{display:inline-block;margin-right: 10px; margin-right: 5px; width: 18px;}
.cancelCustomerSelectionDiv p{display:inline-block; margin:0}
.edit_view{position: relative}
.edit_view i.fa-pencil-square-o{position: absolute; right:15px; top:16px; color: #dc3f35; cursor: pointer}
.edit_view i.fa-pencil-square-o:hover{color: #000}

.ui-menu-item .cart_buttons{float: right;display: flex; margin-top:20px;}
.ui-menu-item .cart_buttons .qty{margin:0 5px}
.mypopup.above-suggestion.in{z-index: 100000000;}
.mypopup.above-suggestion .modal-dialog{width: 650px;}

.pro_leftcol{width: 60%; float: left; }
.pro_rightcol{width: 40%; float: left; margin-top: 5px;}
.product_list.autosearch .pro_rightcol .instock, .product_list.autosearch .pro_rightcol .outstock{float: left}
.kastol table.dataTable thead th.des{width:180px;}
table.article-table.dataTable{margin-bottom:25px;}
table.article-table.dataTable  tbody td{padding:9px 15px; line-height: 170%}
table.article-table.dataTable tbody tr td:last-child{text-align: left}
.kastol table.dataTable thead th:first-child, table.article-table.dataTable tbody tr td:first-child{text-align: left!important}
.kastol table.dataTable thead th.sorting_asc{width:100px;}
.kastol table.dataTable thead th.second{width:70px;}
.kastol table.dataTable thead th.third{width:70px;}
.arti-tbl .dataTables_wrapper .dataTables_paginate{border: 1px solid #ccc;padding-top: 0;border-radius: 6px;}
.arti-tbl .dataTables_wrapper .dataTables_paginate .paginate_button.current, .arti-tbl .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover{border-top:0!important;border-bottom: 0!important;background: #de3d2e;color: #fff!important;}
.arti-tbl .dataTables_wrapper .dataTables_paginate .paginate_button.current{border:0!important;/* padding: 0; */margin: 0;}
.arti-tbl .dataTables_wrapper .dataTables_paginate .paginate_button{border:0px solid #000!important;margin:0!important; border-left:1px solid #ccc!important}
.arti-tbl .dataTables_wrapper .dataTables_paginate .paginate_button:hover{background: #de3d2e;color: #fff!important;}
.arti-tbl .dataTables_wrapper .dataTables_paginate .paginate_button.disabled{border-left:0!important}
.arti-tbl .dataTables_wrapper {border-bottom:1px solid #eff0f2; padding-bottom:25px;}


.ui-menu .ui-menu-item-wrapper{padding: 10px 15px}
i.inside-search-box{position: absolute;right:140px;top: 14px;color:#C6C6C6;cursor:pointer;}
.outercart{margin-top:-30px}
.outercart .right_box{width:40%; float: right; text-align: right}
.outercart  h1{width: 60%; float: left; margin-bottom: 0; margin-top: 15px;}
.outercart #cartDetailsDiv{margin-top:60px; border-bottom: 0}
.outercart #cartDetailsDiv table thead tr{border-bottom: 0}
.nomoretables#cartDetailsDiv .table-bordered>tbody>tr>td.cartpro-img{padding-left: 15px!important; text-align: left}
#NoItems{display: inline-block; width: 100%}

.kastol.arti-tbl{padding-top:40px; padding-bottom:40px;}
.arti-tbl .dataTables_wrapper .dataTables_filter input {padding: 8px 15px;width: 100%;min-width: 260px;}
#users-table_wrapper #filter-form{margin-bottom:35px;}
#users-table .edit_order, #users-table .change_order_status_to_picked, td .viewReturnedOrders, td .left_margin_8{margin-left:8px;}
.nowrap{white-space: nowrap}
#users-table_wrapper table.contact-details{width:100%; max-width: 850px;}
#users-table_wrapper table.product-details{width:100%; max-width: 800px;}



@media(min-width:768px){
.news-pic{width:100%; position:relative; height: 250px; overflow: hidden}
.news-pic img{position:absolute; height: 100%; width: auto; max-width: inherit; height: 100%; top:50%; left:50%; transform: translate(-50%,-50%);}
.mypopup#selectCustomerModal .modal-dialog{width: 725px}
.add-to-cart-parent .pro_leftcol{width: 40%}
.add-to-cart-parent .pro_rightcol{width: 60%; }
.add-to-cart-parent .autosearch .price-section{width: 100%;margin: 0;}
.add-to-cart-parent .product_list.autosearch .price{width: 100%;margin-bottom: 10px;}
/*.add-to-cart-parent .product_list.autosearch .price span{margin-left: 0; display: block}*/
.add-to-cart-parent .product_list.autosearch .instock{padding-left:0;white-space: nowrap;}
.add-to-cart-parent .ui-menu-item .cart_buttons{margin: 0 10px 0 30px;}
.add-to-cart-parent .autosearch .pro-description h2{padding-right:15px;}

.add-to-cart-parent .product_list.autosearch:first-child{padding-top:10px;}
.add-to-cart-parent .product_list.autosearch:after{margin-top:0px}


}

@media(min-width:992px){
.navigation .nav li.home a{/*background: #b93129; */padding: 0; width:47px; height: 53px; text-align: center; line-height: 50px;}
.navigation ul.dropdown-menu .caret{transform:rotate(-90deg); float: right; margin:8px 0 0 0}
.navigation .navbar-nav{display:table}
.navigation .navbar-nav li {display:table-cell;POSITION: STATIC;}
.navigation .navbar-nav ul.dropdown-menu li{display:inline-block}
ul.dropdown-menu{border-radius:0;position:relative;width:100%;margin:0;padding:0;top:100%;z-index:10000;/* background: #000 */border: 0;box-shadow: none;background: none;}
.navigation .nav li:hover .megamenu{ /* shows sub-menu */opacity: 1;z-index: 1;/* transition-delay: 0s, 0s, 0.3s; */z-index:1000;display: block; visibility:visible; opacity:1; transition-delay:0.5s;}
ul.dropdown-menu{z-index:1000;display: block;}
.navigation ul.dropdown-menu li{margin: 0;font-size: 14px;text-transform:none;width: 24.5%; vertical-align: top}
.navigation ul.dropdown-menu li a{padding:13px 10px 0 0;color: #000;/* border-top: 1px solid #333; */display:inline-block;font-size: 14px;white-space: pre-line;font-weight: 600;background: none;}
.navigation ul.dropdown-menu li:first-child > a{border-top:0}
.navigation ul.dropdown-menu li li:first-child > a{border-top:0}
.navigation ul.dropdown-menu li a:hover{color:#dc3f35;background: none;}
.navbar-collapse.collapse{padding-right:0; padding-left: 0}
.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-prev, .carousel-control .icon-next{margin-top: -18px;}
.navigation .nav > li.active > a{/*border-bottom:3px solid #0072c6; */color:#039be5}
/*.navigation .navbar-nav li.delayoff:hover .megamenu{transition-delay:0s}*/
.navigation .navbar-nav li.delayoff .megamenu{transition-delay:0s; transition:none }
.megamenu{width:100%;min-height:250px;background:#FFF;position: absolute;left: 0;z-index: 10;max-width:1230px;right:0;margin:0 auto;padding: 50px 0;display: block; visibility: hidden;opacity: 0; transition: all 0.1s ease 0s;}
.megamenu:before{background: #fff;content:'';position:absolute;width:100%;left: -50%;height:100%;top:0;border-bottom: 1px solid #c8c8c8; z-index:-555;}
.megamenu:after{background: #fff; content:''; position:absolute; width:100%;right:-50%; height:100%; top:0; z-index:-555; border-bottom: 1px solid #c8c8c8;}
html,body{overflow-x: hidden}
.megamenu h3{font-size:14px;font-weight: 700;color: #dc3f35;text-transform: uppercase;margin: 0 0 25px 0;}
header{margin-bottom: 20px;}
div.cs-select{z-index:1}
.mypopup .modal-content{margin-top: -100px;}
.search-col.mobile{display: none!important}
.cancelCustomerSelectionDiv{margin-top:-25px; }

.ui-widget.ui-widget-content.ui-autocomplete{max-width:550px;}
.ui-widget.ui-widget-content.ui-autocomplete.add-to-cart-parent{max-width:970px;left: 0!important;right: 0;margin: 0 auto;width: 100%!important;}
#ui-id-3.ui-widget.ui-widget-content.ui-autocomplete{max-width:100%}

.add-to-cart-parent .pro_leftcol{width: 45%}
.add-to-cart-parent .pro_rightcol{width: 55%; display: flex;align-items: center;justify-content: flex-end;float: none;}
.add-to-cart-parent .product_list.autosearch .price{width:auto; margin-bottom: 0; margin-top: 0; white-space: nowrap}
.add-to-cart-parent .ui-menu-item .cart_buttons{margin: 0 0 0 20px;float: none;}
.add-to-cart-parent .product_list.autosearch .col-md-9{display:flex; align-items:center}
.add-to-cart-parent .product_list.autosearch .instock{margin-left:20px;}

.add-to-cart-parent .product_list.autosearch:after{position: absolute;left: 15px;bottom: -3px;margin: 0 0 1px 0;width: calc(100% - 30px);}
.add-to-cart-parent .product_list.autosearch:first-child{position:relative;padding-bottom: 10px;padding-top: 12px;}
.add-to-cart-parent .product_list.autosearch .pro-img{height: 62px;}

}


@media (min-width: 1199px){
	.logo img{margin-top:8px;}
	.registerpage .reachus{width: 48%}
	.sticky-header{width:100%; top:0; left:0; z-index: 100; position:fixed; }
	.sticky-header.fixed{width:100%;height: 70px;}
/*	.top_bar{transition: all 0.3s ease 0s; height:41px}
	.sticky-header.fixed .top_bar{padding:0;opacity:0;visibility:hidden;height: 0; }*/

	body{padding-top:195px;}
    body.no-menu{padding-top:0px;}
	.navigation{margin-top:0}
	header{margin:0; padding:0; background: #fff;}
	header .one{margin-top: 30px; margin-bottom: 30px; transition: all 0.3s ease 0s;}
	.sticky-header.fixed header {box-shadow: 0px 2px 4px rgba(0,0,0,0.1); }
	.sticky-header.fixed header .one{margin-top:25px; margin-bottom:25px;}
	.navigation{transition:all 0.3s ease 0s;}
	.sticky-header.fixed .navigation{display:none}
	.news-description .btm_block{position: absolute; bottom: -85px;}
	.cancelCustomerSelectionDiv{margin-top: 0}
	.add-to-cart-parent .ui-menu-item .cart_buttons{margin: 0 0 0 40px;}
	.add-to-cart-parent .product_list.autosearch .instock{margin-left: 20px;}
	.add-to-cart-parent .product_list.autosearch .instock{padding-left:0;}
	.add-to-cart-parent .pro_leftcol{width:40%}
	.add-to-cart-parent .pro_rightcol{width:60%; }





}

@media (min-width: 1230px){
.container{width:1200px}
.ui-widget.ui-widget-content.ui-autocomplete.add-to-cart-parent{max-width:1200px}
.add-to-cart-parent .pro_leftcol{width:50%}
.add-to-cart-parent .pro_rightcol{width:50%; }
.add-to-cart-parent .product_list.autosearch .price span{display: inline; margin-left: 10px;}
}

@media (min-width: 1260px){
.container{width:1230px}

}

@media (min-width: 1921px){
.aboutpage .aboutbox4 .right{width: 52%}
}

@media (max-width: 1366px) {
	.whykastol ul{font-size: 13px;}

}


@media (max-width: 1280px) {
	.pagefilter.sort{margin-left: 70px}
	.navigation .nav li a {padding: 17px 15px;}

}

@media (max-width: 1230px) {
	.username{margin-right: 10px;}
}
@media (min-width:768px) and (max-width:1024px){

    .navbar-nav > li.top-menu {
        position: static;
    }

    .navbar-nav > li.top-menu .megamenu {
        left: 0;
        right: 0;
        width: 100%;
        max-width: 100%;
    }

    .navbar-nav > li.top-menu .dropdown-menu {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 10px;
    }

    .navbar-nav > li.top-menu .dropdown-menu li {
        width: 100%;
    }

}
@media (max-width: 1199px) {
	.pagefilter.sort{margin:15px 0}
	.pagefilter.sort div.cs-skin-border, .pagefilter div.cs-skin-border{width: calc(100% - 115px);}
	.pagefilter h3{width: 100px; vertical-align: middle}
	.pagefilter.sort h3{padding-left: 20px;}
	.product_filter {margin:15px 0;}
	.pagefilter.pagination_new{width: 100%}
	.pagefilter{width: 49.5%}
	.search-count{margin-right: 0}
	.pro-description h2, .instock{font-size: 13px;}
	.pro-description ul{font-size: 12px;}
	.product_list .price{font-size: 16px;}
	.price-section{margin-right: 0}
	.megamenu{padding-left:15px; padding-right: 15px; width: 100%; }
	.myaccount_links:hover ul{display:none}
	.myaccount_links.open ul{display:block}
	html{overflow-x: hidden}
	.bottom_box {margin-bottom: 15px;}
	.calanderbox i{right: 14px;}
	.bottom_box.cs-select-form .cs-skin-border > span{padding-left: 0}
	.message-box{top:20px}
	.aboutpage .aboutbox2{margin-top:40px;}
	.aboutpage .aboutbox2 .right{text-align: center}
	.tabb_links ul li a{padding: 14px 10px;}
	.recent-gallery .owl-theme .owl-nav [class*=owl-] .fa-angle-right{right:0}
	.recent-gallery .owl-theme .owl-nav [class*=owl-] .fa-angle-left{left:0}
	.product_list .price{margin-top: 10px;}


	.logo img{transition:all 0.3s ease 0s;}
	.navigation{margin-top: 0; transition:all 0.3s ease 0s;}
	.header-right{margin-bottom:20px;}
	.sticky-header.fixed1 .navigation{position: fixed; z-index: 1000; margin-top: 0; top:0}
	body.menustick #content{padding-top: 44px;}
	.product_list.autosearch:first-child{padding-top: 20px;}
		.arti-tbl .dataTables_wrapper {width: 100%; overflow-x: auto}



}


@media (min-width: 992px) and (max-width: 1199px){
	.pro-btns .cart_btn.wide{margin-top: 15px;}
	.pro-btns{margin-top: 15px;}
	.cs-select-form .two .block label.title{width: 170px;}
	.search-col {max-width: 320px;margin: 0 auto;float: right;}
	.navigation .container{width:100%; padding: 0}
	.navigation .nav li a{padding: 17px 8px 17px;font-size: 14px;}
	.navbar-collapse.collapse{padding: 0}
	.homeslider{max-width:420px;margin-top: 30px;width: 100%;}
	.whykastol{padding:25px ; width: 260px; margin-top: 25px; min-height: 377px;}
	.homeslider .slider_caption{position:relative}
	.homeslider .decription{margin-top: 0}
	.homeslider .slider_caption h2{width:100%}
	.sidebar:after{right:10px}
	.tab-content .img{width: 100%; margin: 0}
	.tab-content .description{width: 100%}
	.tab-content .description .date{margin-bottom: 20px}
	.technicalsupport .btn{position: relative; bottom: 0}
	.technicalsupport .img-content{padding-bottom: 30px}
	.footer_top p, .footer_top .newsletter p{margin-top: 10px;}
	.newsletter .right{width: 100%; margin-top:20px; max-width:100% }
	.newsletter .right input{width: calc(100% - 80px)}
	.caregory ul li{width: 33.33%; margin-bottom:15px}
	.caregory ul li h3{height: auto;line-height: 120%;padding:0px 10px;font-size: 14px;min-height: 58px;word-break: break-word;}
	.caregory ul li .category-img img{width: 100%}
	.username{margin-left: 0}
	.myaccount_links{margin: 0 20px 0 0;}
	.megamenu{overflow-x:hidden}
	.WhiteFormLayoutHalf{margin-top:25px}

	.username{margin-bottom: 10px; display: block}
	.loggedin{text-align: left}
	.signin .cart_link{margin-top: 35px;}
	.bottom_box .block label.title, .bottom_box.cs-select-form .two .block label.title{width: 100%; margin-bottom: 10px;}
	.bottom_box .block input, 	.bottom_box.cs-select-form div.cs-skin-border{margin-left: 0; width:100%; padding-left: 0}
	.bottom_box .cs-select-form .cs-skin-border > span{padding-left: 0}
	.bottom_box textarea{width: 100%}
	.block label.title:before{display: none}
	.mob-register span{max-width: 150px;}



}




@media (max-width: 991px) {
	html, body{overflow-x: hidden}
	/*---Bootsrap Mobile menu extend into ipad---*/
	.navbar-header {float: none;}
	.navbar-left,.navbar-right {float: none !important;}
	.navbar-toggle {display: block;}
	.navbar-collapse {border-top: 1px solid transparent;box-shadow: inset 0 1px 0 rgba(255,255,255,0.1); padding: 0}
	.navbar-fixed-top {top: 0;border-width: 0 0 1px;}
	.navbar-collapse.collapse {display: none!important;}
	.navbar-nav {float: none!important;margin-top: 7.5px;}
	.navbar-nav>li {float: none;}
	.navbar-nav>li>a {padding-top: 10px;padding-bottom: 10px;}
	.collapse.in{display:block !important;}
	/*--- End Bootsrap Mobile menu extend into ipad---*/
	.navigation{width:100%;float:left; padding: 0; /*margin-top: 20px;*/}
	/*.navbar-toggle{background:#d54344}*/
	.navbar-toggle{margin-right:8px;}
	.navbar-toggle .icon-bar{color:#fff;background:#fff}
	.navigation .navbar-nav{margin:0; width: 100%}
	.navigation .nav li{margin: 0}
	.navigation .nav>li>a{background:#b72f30;color:#fff;border-bottom:1px solid #a32324;margin:0; padding:10px 15px; text-align: left}
	.navigation-area .navbar-nav{margin:0 -15px}
	.menu-text{display:block;float:left;margin:16px 0 0 15px;color:#fff;font-weight:400;text-transform:uppercase}
	.navbar-header{background: #dc3f35;}
	.nav li:hover>a,.nav>li>a:focus,.navigation .nav>li>a:hover{background:#9e2a2b;color:#fff}
	.navigation-area{padding:0;margin-top:0px}
	small.open{background: url(../../img/frontend/plus-img.png) 4px 1px no-repeat #d54344;cursor:pointer;height: 40px;position:absolute;right:0;top:0px;width:48px;display:block;}
	small.open.active{background:url(../../img/frontend/plus-img.png) 4px -40px no-repeat #d54344}
	.navigation .nav > li.active > a, .navigation .nav > li > a:hover, .nav > li > a:focus, .nav li:hover > a{ color: #fff}
	.navigation .dropdown-menu{width: 100%;padding: 0;border: 0;margin: 0;border-radius: 0;}
	.navigation .dropdown-menu li a{background:#323131;color:#fff;border-bottom: 1px solid #494848;z-index: 10000;padding:10px 15px;font-size: 14px;}
	.navigation .dropdown-menu li a:hover{background:#9e2a2b}
	.navbar-default .navbar-toggle:focus,.navbar-default .navbar-toggle:hover{background-color:transparent}.navbar-default .navbar-toggle{border:none}.navbar-toggle span.icon-bar{transition:all .40s}.navbar-toggle span:nth-child(2){transform:rotate(45deg);transform-origin:10% 10%}.navbar-toggle span:nth-child(3){opacity:0}.navbar-toggle span:nth-child(4){transform:rotate(-45deg);transform-origin:10% 90%}.navbar-toggle.collapsed span:nth-child(2),.navbar-toggle.collapsed span:nth-child(4){transform:rotate(0)}.navbar-toggle.collapsed span:nth-child(3){opacity:1}
	.megamenu h3{display: none}
	.navigation .dropdown-menu {max-height:250px; overflow-y: auto}

	.cart_link img{max-width:40px;}
	.cart_link span{width: 20px; height: 20px; line-height: 20px; font-size: 12px; top:-10px}
	.homeslider{max-width: 100%;margin-top: 30px;width: 100%; float: none; display: inline-block}
	.whykastol{margin-top: 30px;margin-bottom: 30px;width: 100%;}
	/*header{margin-bottom: 20px;}*/
	.homeslider .slider_caption{position:relative}
	.homeslider .decription{margin-top: 0}

	.homeslider .slider_caption h2{width:100%}
	.sidebar{padding: 0}
	.content-right{padding: 0}
	.sidebar ul.links{margin-top: 5px;}

	.tab-main{margin-top: 20px;}
	.tab-main .panel-default>.panel-heading{background: #dc3f35; color: #fff; border-radius: 0; padding: 15px 15px}
	.tab-main .panel-title{font-size: 14px; font-weight: 600; color: #fff}
	.tab-main .panel-title a:hover, .tab-main .panel-title a:focus{color: #fff}
	.tab-main .panel-collapse .description{margin-top: 30px;}
	.tab-main .panel-collapse .description .date{margin-bottom:10px; display: block}
	.tab-main .panel-title .js-tabcollapse-panel-heading{position:relative;width:100%;display: block; padding-right:50px; }
	.tab-main .panel-title .js-tabcollapse-panel-heading.collapsed:after{/* background: #000; */content: '';position: absolute;width: 35px;height:38px;margin: 0;padding: 0;right:-15px;top:-12px; background:url(../../img/frontend/plus-img.png) 0px 2px no-repeat ;  }
	.tab-main .panel-title .js-tabcollapse-panel-heading:after{/* background: #000; */content: '';position: absolute;width: 35px;height:38px;margin: 0;padding: 0;right:-15px;top:-12px;background: url(../../img/frontend/plus-img.png) 0px -42px no-repeat;}
	.tab-main .panel-group{margin-bottom: 0}
	.wholeseller h2{margin-bottom: 20px}
	.wholeseller{margin-top:40px}
	.technicalsupport {margin-top: 0}
	.technicalsupport .img-content{padding-bottom: 30px; width: 100%}
	.technicalsupport .btn{position: relative;float: left;bottom: 0;right: auto;left: 0;}
	.footer_top .col-md-6{padding:0}
	.footer_top .newsletter p{margin-top: 10px;}
	.footer_top .newsletter{margin-top:30px;}
	.newsletter .right input{max-width:100%; width:100%}
	.footer_middle h3{margin-bottom:20px}
	.footer_middle .col-md-3{margin-bottom: 30px;}
	.footer_middle a.register{margin-top:0px;margin-bottom: 10px;display: inline-block;}
	.footer_middle .description{margin-bottom:20px;}
	.footer_middle{padding-bottom:0}
	.footer_bottom{text-align:center}
	.footer_bottom ul li:before{left:-8px;}
	.whykastol a.link{display: block}
	.sidebar ul.links li{font-size: 13px;}

	.tab-content .img{width: 100%; margin: 0}
	.mob-search-btn{float: right;margin: 12px 10px 0 0;color: #fff;font-size: 18px;border-left: 1px solid #fff;padding: 3px 0 5px 15px;display: inline-block;cursor: pointer;}
	.mob-search-btn i{margin-top:0px; display:inline-block; float:left}
	.search-col.mobile{display:none;padding:15px;background: #fff;position:relative;border-bottom:1px solid #888;width: 100%;z-index: 1; max-width:100%; float:left}
	.search-col.mobile input{width:calc(100% - 46px)}
	.search-col .submit{font-size:0; width:auto; padding:0 10px;}
	.caregory ul li{width: 33.33%; margin-bottom:15px}
	.caregory ul li h3{height: auto;line-height: 120%;padding:0px 10px;font-size: 12px;min-height: 58px;word-break: break-word;     max-height: 58px;}
	.instock{margin-top: 15px;}
	.search-count{margin-top: 15px; float:left}
	.search-count a.btn {padding:6px 15px; font-size: 13px;}
	/*No More Tables*/
	.nomoretables table,.nomoretables tbody,.nomoretables td,.nomoretables th,.nomoretables thead,.nomoretables tr{display:block}
	.nomoretables thead tr{position:absolute;top:-9999px;left:-9999px}
	.nomoretables tr {border: 1px solid #ddd;margin-bottom: 20px;}
	.nomoretables td{border:none;border-bottom: 1px solid #eee;position:relative;padding-left: 50%!important;white-space:normal;text-align:left;}
	.nomoretables td:before{position:absolute;top:6px;left:6px;width:45%;padding-right:10px;white-space:nowrap;text-align:left;font-weight:700}
	.nomoretables td:before { content: attr(data-title);}
	.subusersList .table-bordered, .subusersList .table-bordered>thead>tr>th{border: 0}
	.subusersList table{padding: 0}
	.nomoretables.subusersList td:before{top:10px; left:15px;}
	.subusersList{margin-top: 0}
	.subusersList .table-bordered>tbody>tr>td.Edit{background: #f7f7f7}
	.WhiteFormLayoutHalf{margin-top:25px}
	.myaccountsection{padding: 0;}
	.myaccountsection h2{margin-bottom:10px}
	.pro_features .nomoretables td:before{word-break: break-word; white-space: normal;}
	.table-viewmain{padding: 10px 0px;display: inline-block;width: 100%;}

	.pro_features .inneraccordion .cart_buttons{float: none}
	.pro_features .cart_buttons{vertical-align: middle}
	.pro_features .table-condensed>tbody>tr>td{padding-top:10px; padding-bottom: 10px; padding-right: 10px;}
	.pro_features .nomoretables td:before{top:10px; left:10px}
	.subusersList .table-bordered>tbody>tr>td{padding: 10px 5px;border-width: 5px;}
	.subusersList .Edit{text-align:left}
	.card_details .col-md-12{padding: 0}
	.nomoretables.carttable tr{padding-bottom: 15px;}
	.carttable .text-right{text-align: left}
	.col-total1{width: 49%; padding: 0;}
	.carttable td a i.fa-times-circle{position: absolute;top:-18px;right: -8px;}
	.carttable .table-condensed .sampleCartItemTotalPrice{padding-bottom: 0}
	.carttable .table-condensed .sampleCartItemTotalPrice td{background: #eee}
	.carttable .table-condensed .sampleCartItemTotalPrice td:before{display: none}
	.col-total1{margin-top: 0}
	.carttable .table-condensed td.cross-td{padding: 0!important}
	.nocartitem{line-height:150%; display: flex; align-items: center; justify-content: center; min-height: 300px}
	.nocartitem span{margin: 0 auto}

	.bottom_box .block label.title, .bottom_box.cs-select-form .two .block label.title{width: 100%; margin-bottom: 10px;}
	.bottom_box .block input, 	.bottom_box.cs-select-form div.cs-skin-border{margin-left: 0; width:100%; padding-left: 0}
	.bottom_box .cs-select-form .cs-skin-border > span{padding-left: 0}
	.bottom_box textarea{width: 100%}
	.block label.title:before{display: none}
	.documents-link{padding:10px 15px}
	.searchinvoice{width: 100%; max-width: 100%; margin-bottom:20px;}
	.periode-col{text-align: left}
	.thankyou-banner h2{font-size:24px;}
	.category-item-title h4{font-size: 13px;}
	.category-item-content a{padding: 15px 0}
	.download_box .row{display: block}
	.download_box .text-right{text-align: left}
	.download_box p{margin-bottom: 15px;}
	.map-row{margin: 0 0 15px 0}
	.aboutbox3 .left div{padding-left: 0}

	.aboutpage .aboutbox2:before{display:none}
	.aboutpage .aboutbox2, .aboutpage .aboutbox4{border-top:1px solid #ccc; margin-top: 20px;}
	.aboutpage .aboutbox2 .left{padding:30px 15px;}
	.aboutpage .aboutbox2 .right{padding:0 40px; font-size: 18px;}
	.aboutbox3{margin-top:30px;}
	.aboutpage .aboutbox4 .right{width:45%; top:40px; right:15px;}
	.aboutpage .aboutbox4 .left{padding: 20px 15px}
	.about-btm {border-top:1px solid #ccc; padding-top: 20px;margin-top: 10px; padding-bottom: 0}
	.aboutpage h2{margin-bottom: 15px;}
	.aboutpage{margin: 0}
	.contact_map{padding: 0}
	/*#content{overflow-x: hidden}*/
	.datepicker-dropdown{z-index: 10000}
	.thanks-content{margin-bottom: 0}
	.thanks-page footer.container-fluid{margin-top: 0}
	#cartDetailsDiv table tr.sampleCartItemTotalPrice{border-bottom:1px solid #ddd!important; }
	.subusersList .table-bordered.invoice-table>tbody>tr.odr-hidetd>td{padding-left:0!important}
	.subusersList .table-bordered.invoice-table>tbody>tr.odr-hidetd>td .order-collapse-dtls{border-color: #ddd; margin-top:40px;}
	.order-collapse-dtls .col-md-6{padding: 0 10px}
	.subusersList .table-bordered.invoice-table>tbody>tr.odr-hidetd>td .order-collapse-dtls ul li .label-red.addres{width: 140px;}
	.subusersList .table-bordered.invoice-table>tbody>tr.odr-hidetd>td .order-collapse-dtls ul li .label-red, .subusersList .table-bordered.invoice-table>tbody>tr.odr-hidetd>td .order-collapse-dtls ul li .label-black{width: 100%}
	.nomoretables.subusersList .invoice-table-inner td:before{white-space: normal; word-break: break-word;}
	.nomoretables.subusersList .odr-hidetd td.details_titlr:before{left:0}
	table.invoice-table tr.odr-hidetd{border: 0}
	.subusersList .table-bordered.invoice-table>tbody>tr.odr-hidetd>td{padding: 0}

	.prolstaccrdn {margin-top: 15px;}
	.prolstaccrdn .cart_buttons{float: none; margin-top: 10px;}
	.product_list .price{margin-top: 0}
	.scan-btn{display: block}
	.search-col .loader-new{right:60px; top:18px;}

	.pro_features td.numeric .price{padding-top:0}
	.news-description .btm_block{position: relative; bottom: 0}
	.news-description .btm_block .col-md-5{text-align: left; padding-top: 10px;}
	.news-description h2{margin-bottom: 15px;}
	.news-description{padding-left: 0}
	.news-dtls-img{margin-left:0 }
	.red_box{height: 250px; margin-top: 20px;}
	.red_box i{/* width:63px; */font-size: 70px;}
	.red_box i.fa-cart-arrow-down{font-size:74px;}
	.red_box h3{margin-top: 50px;}
	.red_bx-main{margin-top: 0; margin-bottom: 50px;}
	.cancelCustomerSelectionDiv{margin-top: -45px; margin-bottom: 30px;}
	.search-col input, .search-col .submit{height:46px;}

	.search-col.mobile form{position: relative}
	i.inside-search-box{right:60px; top:16px;}
	.outercart{margin-top: 0}
}


@media (min-width: 768px) and (max-width: 991px){
	.navigation .container{padding-left:0; padding-right: 0; width: 100%}
	.navbar-collapse.collapse{padding-left: 0; padding-right:0 }
	.sidebar:after{right:20px;}
	.header-right{text-align: right}
	.header-right .login_link{margin-right:50px; margin-top: 5px;}
	.tab-content .description{width: 100%}
	.technicalsupport .img-content{width: 100%}
	.technicalsupport .img{width: 100%}
	.technicalsupport .img img{width: 100%}
	footer, .footer_middle h3, .footer_middle p{font-size: 13px;}
	.footer_top .newsletter .w560{max-width: 100%;}
	.footer_top .newsletter{margin-top: 30px;}
	.price-section{float: left; margin-left: 165px; margin-top: 20px;}
	.top_bar strong{display: block; margin-top: 10px;}

	.logo{padding-left: 0}
	.username{margin-left: 0}
	.myaccount_links{margin: 0 30px;}
	.productdetails h1{font-size: 16px;}
	.ketelonderdelen{font-size: 12px}
	.pro-btns .cart_buttons{width: 100%; text-align: left;}
	.pro_features .panel-heading .accordion-toggle:after{margin-right: 0}
	.pro_features .panel-default>.panel-heading+.panel-collapse>.panel-body .panel-body	{padding-left: 0; padding-right: 0}
	.search-count{margin-top: -25px;}
	.carttable #cartDetails{padding: 0}
	.carttable .table-condensed td{padding: 8px 15px;padding-left: 50%!important;font-size: 13px;}
	.nomoretables.carttable td:before{left:15px; }
	.calanderbox i{top:46px;}
	.mob-register span{max-width:150px;}
	.tabb_links{width: 100%; overflow-x: auto}
	.tabb_links ul{min-width: 1000px;}
	.tabb_links ul li a{padding:14px 15px}
	.news-pic{height: 220px;}


}


@media only screen and (max-width: 767px) and (orientation : landscape){
	.navigation .dropdown-menu{max-height: inherit}
}

@media (max-width: 767px){
	.flex{display:block}
	.sidebar:after{display: none}
	.logo{margin-bottom:30px; text-align: center}
	.newsletter .right{margin-top: 15px;width: 100%;max-width: 100%;}
	.footer_top .newsletter{margin-top: 25px;}
	.technicalsupport .img{width: 100%}
	.technicalsupport .img img{width: 100%}
	.footer_top .newsletter .w560{max-width: 100%}
	.pro-description{width: 100%}
	.pro-description ul li{margin: 5px 0}
	.pro-description, .product_list {text-align: center}
	.pro-img{float: none; margin: 0 auto 10px}
	.pro-description{margin-bottom:20px;}
	.price-section{float: none; margin:0 auto; display:inline-block}
	.instock{text-align: left; margin-top: 15px;}
	.product_list{padding-top: 30px;}
	.menu-text{margin-left: 15px;}
	.header-right{text-align: left}
	.cart_link{margin-right: 15px;}
	.username{margin-left: 0}
	.myaccount_links {width: 130px;}
	.myaccount_links > a{padding: 6px 5px 7px;}
	.myaccount_links ul{top:32px;}
	.sidebar ul.links li{padding-right: 0}
	.block label.title{width: 100%}
	.block input{width: 100%; margin-top:3px; padding: 0}
	.block label.title:before{width: 100%; bottom: 0; right: auto; height:1px; display: none}
	.WhiteFormLayout .block{padding:10px 15px;}
	.WhiteFormLayout{padding: 15px;}
	#createSubuserForm div.cs-skin-border{width: 100%}
	#createSubuserForm .cs-skin-border > span{padding-left: 0; padding-right: 0}
	.loggedin .username{display: block; max-width: 100%; margin-bottom: 10px;}
	.loggedin{text-align: left}
	.loggedin .username{display:none}
	.myaccountsection .cs-select-form .cs-skin-border .cs-options{left:0px;}
	.cs-select-form .two .block label.title{width:100px;}
	.productdetails .col-md-4{width: 100%; padding: 0; text-align: center;}
	.productdetails .col-md-8{width: 100%; margin-top: 20px; padding: 0}
	.prodecription .left{width:60%}
	.prodecription .right{width: 40%;}
	.productdetails{font-size:14px;}
	.prodecription .right strong{font-size:14px;}
	.pro-btns .cart_buttons{width:100%; text-align: left;}
	.pro-btns .cart_btn.wide{margin-top:20px;}
	.pro_features{padding: 0}
	.pro_features .panel-heading .accordion-toggle:after{margin-right:15px;width: 24px;height: 24px;font-size: 13px;line-height: 24px;margin-top:12px;position: absolute;right: 0;top: 0;}
	.pro_features .panel-title a {display: block;color: #fff;width: 100%;position: relative; padding: 18px 40px 17px 15px;}
	.pro_features .panel-default>.panel-heading+.panel-collapse>.panel-body{padding: 0}
	.productdetails .cart_buttons .minus, .productdetails .cart_buttons .plus, .productdetails .cart_buttons .qty{vertical-align: top}
	.pro-btns .cart_btn.wide{margin-top: 0}
	.table50_view{padding-left:10px; padding-right:10px; display:flex; margin-top: 3px;margin-bottom: 3px;}
	.pro-btns .status{width: 100%}
	.search-count{text-align: left}
	.normal_acccontent{padding:10px}
	.search-count.nomrgin{margin-top: 0}
	.pro_features{margin-bottom: 0}
	.bottom_box .WhiteFormLayoutHalf{margin-top: 0}
	.carttable{margin-bottom:40px; padding-bottom: 15px;}
	.bottom_box{padding:0}
	.bottom_box.two	{margin-top: 30px;}

	.carttable table{padding: 0}
	.carttable .table-condensed td{padding: 8px 15px;padding-left: 15px!important;font-size: 13px;}
	.nomoretables.carttable tr{padding-bottom: 15px;}
	.nomoretables.carttable td:before{width:100%;position: relative;top:6px;left:0;display: block;margin: 0 0 12px 0;}
	.bottom_box {margin-bottom: 0px;}
	#myModal2 .alert{margin-bottom: 0}
	.breadcrumb{margin-bottom: 10px;}
	.sidebar{margin-top:60px;}
	.NoChangeDisclaimer{margin-bottom: -10px;}
	.sidebarFlipPicker{display: none}
	.sidebarFlip{display: block; margin-bottom:-30px}
	.thanks-content{/* margin-bottom:0px; */}

	.thankyou-banner{height:300px;}
	.thankyou-banner img{position: absolute;height: 100%;transform: translate(-50%,-50%);left: 50%;top: 50%;width: auto;max-width: inherit;}
	.thankyou-banner h2{font-size: 24px;position: relative;top: 50%;padding: 0 15px;transform: translate(0,-50%);}
	.caregory-col{display: inline-block; margin:30px 0 0 0; width:100%}
	.instock, .outstock{padding-left: 0; text-align: center}
	.instock:before, .outstock:before{    position: relative;margin-top:2px; vertical-align: top; }

	.instock, .outstock{margin-top: 15px;}
	.content-right{margin-top:50px}
	.contactpage .accountsBtn{text-align: left}
	.contact_map{margin-top: 10px; padding: 0}
	.resgister_content{padding: 0 15px;}
	.download_box{padding: 20px;}
	.mypopup .modal-footer .cancel{margin-top: 10px;}
	.home-offers {margin-top: 10px;display: inline-block;}
	.aboutbox2 .container .row, .aboutbox3 .container .row{display: block}
	.aboutpage .aboutbox2 .right{padding:30px 15px;}
    .aboutpage .aboutbox4 .right{position: relative; width:100%; padding:20px 15px 0; top:0; right:0;}
	.pro-description ul{max-width: 275px; text-align: left}
	.price-section{width:100%}
	.product_list .price{display: inline-block; float: left}
	.price-section .instock, .price-section .outstock{display: inline-block; width: auto; float: left; margin:2px 0 0 20px}
	.pro-description h2{line-height: 120%}
	.price-section .cart_buttons{width: 100%; margin-top:25px;}
	.mob-btns{display:inline-block; margin: 0 auto}
	.tabb_links ul{display: block; border-bottom: 0}
	.tabb_links ul li{display: block; border-bottom: 1px solid #ebeaea; text-align: left}
	.pro_features .inneraccordion .panel-title a{margin-bottom: 15px;}
	.mobpro-changeview .pro-img{float:left;margin-bottom: 20px; margin-right: 15px;}
	.mobpro-changeview h2{margin: 20px 0 0 0;float:left;display:inline-block;color:#000!important;font-weight:600;font-size:13px;line-height: 160%;width: calc(100% - 147px);text-align: left;}
	.mobpro-changeview h2 a{color:#000}
	.product_list .pro-description h2{display:none}
	/*body{padding-top:225px;} */
	.notfoundpage p{text-align: center}
	.notfoundpage h3{margin-top: 0}
	.notfound-img{margin-bottom:20px;}
	.ui-widget.ui-widget-content.ui-autocomplete{width: calc(100% - 30px)!important}
	.product_list.autosearch .pro-description h2{display: block; font-size: 14px;}
	.product_list.autosearch .col-md-3{width: 80px;}
	.product_list.autosearch .col-md-9{width: calc(100% - 105px);}
	.autosearch .pro-description{margin-bottom: 5px;}

	.product_list.autosearch .price{width: 100%; margin-bottom: 10px;}
	.product_list.autosearch .instock, .product_list.autosearch .outstock{text-align: left; width: 100%; padding-left: 0;}
	.news-description{padding: 0; padding-top:30px;}
	.news-loop{padding: 15px 0px;}

	.pro_leftcol{width: 100%}
	.pro_rightcol{width: 100%}
	.mypopup.above-suggestion .modal-dialog{width: 100%}
	.invice-ltrt{margin-top: 0}
	.kastol.arti-tbl{padding-top: 0; padding-bottom: 0}
	.dataTables_wrapper .dataTables_paginate{margin-top: 1em!important;}

	.add-to-cart-parent .product_list.autosearch .price{margin-bottom:5px}
	.add-to-cart-parent .ui-menu-item .cart_buttons{float: left}


}








@media(max-width: 640px){
	.thankyou-banner{height:250px;}
	.mypopup .modal-dialog{width:90%}
	.recent-gallery .item{text-align: center}
	.proslide_box{margin: 0 auto; max-width: 330px; border-left:0}
	.proslide_box h2, .proslide_box .price_code{text-align: center}
		.mypopup.above-suggestion .modal-dialog{width: 100%}
}

@media(max-width: 575px){
	.category-item{width: 100%}
	.message-box {width: calc(100% - 30px);}
	.mob-register p{width:100%;margin:-20px 0 0 0}
	.contactpage .reachus .resgister_content p{margin-bottom: 0}

}

@media (max-width: 479px){
	.help h3 span{margin-top: 15px;}
	.modal.right .modal-dialog{width: 100%}
	.modal.right .modal-body{padding: 30px;}
	.login_form h2{margin-top: 20px;}
	.caregory ul li{width:50%}
	.caregory ul li h3{padding: 15px 10px;}
	.pagination_new{text-align: left}
	.pagefilter{width: 100%}
	.pagefilter.sort h3{padding-left: 0}
	.ketelonderdelen{width:100%; margin-bottom:8px}
	.pro-btns .cart_btn.wide{margin-top:18px}

	.pro_features .nomoretables{font-size: 12px;}
	.pro_features .nomoretables td{padding-left: 55%!important;}
	.pro_features .nomoretables td:before{width:55%; top:10px;}
	.pro_features .nomoretables td.numeric:before{width: 100%}
	.pro_features .nomoretables td.numeric{padding-top:40px; padding-left: 10px!important}
	.table-viewmain{font-size: 12px;}
	.periode-col .txtfield{width: 100%; margin-top:15px;}

	.periode-col .txtfield.two, .periode-col input[type="submit"]{margin-left: 0}
	.periode-col input[type="submit"]{margin-top: 15px;}
	.thankyou-banner h2{font-size: 14px;}
	.pro-description ul{margin-left: 25px;}

	.product_list .price span{margin-left:5px;}
	.price-section .instock:before, .price-section .outstock:before{margin-right: 5px; width: 12px; height: 12px;}
	.price-section .instock, .price-section .outstock{float: right; margin-left:30px}

	.product_list.autosearch.add-to-cart-parent .col-md-3{width: 100%}
	.product_list.autosearch.add-to-cart-parent .col-md-9{width: 100%}
	.ui-menu-item .cart_buttons{float: left; width: 100%}
	.outercart .right_box{width: 100%; text-align: left}
	.nocartitem{min-height: 150px;}

}


@media (max-width: 320px){

.price-section .instock, .price-section .outstock{float: right; margin-left:7px}



}
.pagefilterFav div.cs-skin-border{width:200px;}

.min-count {
    color: #949292;
    font-size: 12px;
    font-weight: 400;
    margin-top: 10px;

}

.min-count-detail {
    color: #949292;
    font-size: 12px;
    font-weight: 400;
    margin-top: 10px;
    padding-right: 42%;
}
.itemDeletedGray {
    background-color: #f3f3f3;
    color: #8a8a8a;
    opacity: 0.7;
}

.itemDeletedGray td {
    color: #8a8a8a !important;
}

.itemDeletedGray img {
    filter: grayscale(100%);
    opacity: 0.6;
}

.itemDeletedGray a {
    color: #8a8a8a !important;
}

.itemDeletedGray input {
    background: #e9e9e9;
    color: #8a8a8a;
    border-color: #d5d5d5;
}

.itemDeletedGray .cart_buttons input[type="button"] {
    cursor: not-allowed;
}