/*
 * Custom code goes here.
 * A template should always ship with an empty custom.css
 */
.banner-product{box-shadow:1px 1px 12px 3px rgba(235,235,235,1);padding:20px;margin-left:10px;margin-right:10px;width:calc(20% - 20px)}
.block_newsletter form .btn{
    background:#1f3c64;
}
.infor-product.link-btn .btn,
.text-block.btn-black .btn{
    background:#1f3c64 !important;
}
.infor-product.link-btn .btn:hover{
    background:#333333 !important;
}
.text-block.btn-black .btn:hover{
    background:#fff !important;
}
.gray-header .popup-over .popup-title:hover,
.gray-header .popup-over .popup-content .dropdown-item:hover{
    color:#1f3c64 !important;
}
.ap-accordion .panel-default .panel-heading{background:#fff !important;border:none !important;}
.ap-accordion .panel-default .panel-title{background:#fff !important;}
.ap-accordion .panel-default > .panel-heading + .panel-collapse .panel-body{border:none !important;}
@media (max-width: 1300px) {
	.boxedcms {
	    width: 100% !important;
	}
	.boxedcms h3.h3 {
	    line-height: normal !important;
	    height: auto;
	    margin-bottom: 10px !important;
	    text-align: left;
	}
	.boxedcms .right-block {
	    padding: 0 !important;
	}
	.logocms {
	    text-align: center;
	}
	.logocms img.img-fluid {
	    width: auto !important;
	    margin: auto !important;
	    text-align: center;
	}
	div#cms_logo_grohe {
	    margin-bottom: 0;
	}
}
@media (max-width: 1199px) {
	.boxedcms .bg-boxed {
	    padding-bottom: 0px !important;
	}
}
@media (max-width: 991px) {
	.banner-product{margin-left:15px;margin-right:15px;width:calc(50% - 30px)}
	.boxedcms h3.h3.product-title {
	    text-align: center;
	}

}
@media (max-width: 575px) {
	.banner-product{width:calc(100% - 30px)}
	.boxedcms h3.h3 {
	    font-size: 20px !important;
	}
}