.questionSection label{
	display: block;
	background-color: #7d899c;
	margin: 5px;
    padding: 5px 15px 5px 50px;
    color: #FFF;
    font-weight: bold;
    font-size: 19px;
    cursor: pointer;	
    position: relative;
}

.questionSection input[type=radio]{
	/*display: none;*/
	display: none;
	position: absolute;
}

.questionSection input[type=radio]:checked + label{
	background-color: #4d5777;
}


.questionSection input[type=radio]:checked + label:before{
    content: "";
    background-image: url('white_check.png');
    display: block;
    position: absolute;
    left: 17px;
    font-size: 25px;
    top: 9px;
    height: 25px;
    width: 25px;
    background-size: contain;
    background-position: center;    
}


ul.products{
	display: flex;
	flex-wrap: wrap;
}

ul.products li{
	display: none;
	border-left: none!important;
}

.ProductsCon{
	padding: 15px 0;
}

.mainCon{
	display: flex;
}

.chooseFlourCon{
	width: 80%;
	padding-right: 15px;
}

.activeQuestions{
	width: 20%;
	padding-left: 15px;
	border-left: 1px solid #EFEFEF;
}

.sidebarLink{
	display: block;
}

.sidebarLink{
	padding-bottom: 10px;
	cursor: pointer;
    border-bottom: 1px solid #EFEFEF;
    margin-bottom: 20px;	
}

.sidebarLink:hover{
	text-decoration: none!important;
}

.sidebarLink h3{
	font-size: 18px;	
	font-style: italic;
}

.sidebarLink h4{
	font-size: 15px;	
}


@media only screen and (max-width: 1024px){


	.mainCon
	{
		flex-direction: column-reverse;

	}

	.chooseFlourCon{
		padding-right: 0;
	}

	.chooseFlourCon, .activeQuestions{
		width: 100%;
	}

	.activeQuestions{
		border-left: none;
		padding-left: 0;
	}

	.questionSection label{
		margin: 5px 0;
	}

	.ChooseFlourRow .rowItem{
		padding: 0 10px;
	}

/*	.sidebarLink{
		margin-bottom: 0;
		border-bottom: none;
	}*/

}