.error{ font-size: 12px; color: #ff0000; }
#calculate_zeorich_base_form, #calculate_grout_form, #calculate_adhesive_form, #calculate_wall_putty_form, #calculate_floor_hardener_form {
	width: 500px;
    margin: auto;
    margin-top: 2em;
}
.calculated_zeorich_base_wrap, .calculated_floor_hardener_coverage_wrap,.calculated_grout_coverage_wrap, .calculated_adhesive_coverage_wrap, .calculated_wall_putty_coverage_wrap{ text-align: center; display:block !important; width:100%; float:left }
.cgc_html{ margin-top: 20px; padding: 20px; background: #001e60; background:#a6ce39 !important; color:#fff !important; }
.cgc_html p{ color:#000 !important; margin-bottom:0px !important; }
.form_btn_wrap{ text-align:right; }

.limit-wrapper{float:none; clear:both;}

/* Style the tab */
.calculate_tab {
  overflow: hidden;
  border: 1px solid #ccc;
  background-color: #f1f1f1;
  display:table;
  width:100%;
}

/* Style the buttons that are used to open the tab content */
.calculate_tab button {
	background-color: inherit;
	float: left;
	border: none;
	outline: none;
	cursor: pointer;
	padding: 14px 16px;
	transition: 0.3s;
	color: #000;
	width: 20%;
	font-size: 16px;
	display:table-cell;
}

/* Change background color of buttons on hover */
.calculate_tab button:hover {
  background-color: #ddd;
}

/* Create an active/current tablink class */
.calculate_tab button.active {
  background-color: #001e60!important;
  color: #fff;
}

/* Style the tab content */
.calculate_tabcontent {
  display: none;
  border: 1px solid #ccc;
  border-top: none;
}
#zeorich_base{
	display: block;
}
.cal_wrap{
	display: flex;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
    width: 100%;
}
.cal_col_8{
	flex: 0 0 60%;
    max-width: 60%;
}
.cal_col_4{
	flex: 0 0 40%;
    max-width: 40%;
}
.cal_col_4 p{
	padding-top: 3em;
}

.calculate_tabcontent{float:left; width:100%;}
.left-col{width:50%; float:left;}
.right-col{width:50%; float:left;}
.pro-img{padding-top:40px; text-align:center;}
.pro-desc{margin-top:20px;}
#reset_calculate_zeorich_base, #reset_calculate_floor_hardener, #reset_calculate_adhesive, #reset_calculate_grout, #reset_calculate_wall_putty {background:#777;}


/* form images */
 .grout{display:none;}
/* form images ends*/


@media (max-width: 768px)
{
    .left-col{width:auto; float:left;  display:block; padding:0 15px;}
    .right-col{width:auto; float:left; display:block; padding: 0 15px;}
    .limit-wrapper {width: 100% !important; padding: 0 !important;}
    .calculate_tabcontent br{display:none;}
    .calculate_tabcontent .form_btn_wrap{display:flex;}
    .calculate_tabcontent .form_btn_wrap button{flex:50%;}
    .calculate_tab{display:flex;}
    .mapei-icon-grout{display:none;}
    
    .limit-wrapper {overflow:scroll;}
    .calculate_tab {white-space:nowrap; overflow:scroll;}
    .calculate_tab button {display:inline-block; width:auto;}
    #calculate_zeorich_base_form, #calculate_grout_form, #calculate_adhesive_form, #calculate_wall_putty_form, #calculate_floor_hardener_form {width:100%    }
}
.pro-img img, .cleaners_product_img{ width: 350px; }
.cleaners_product_img, .cleaners_p{ display: none;} 
#calculate_cleaners_form{ margin: 2em; }