#mod-faq
{
	max-width: 900px !important;
}

#content-faq
{
	width: 100%;
	padding: 30px;
	flex-direction: column;
	background-color: #f3f5fa;
	margin-bottom: 200px;
}

#cont-faq
{
	max-width: 100% !important;
}

.guid-list ul
{
	padding: 0px;
}

.guid-list ul li
{
	list-style: none;	
	padding: 20px;
    background: #fff;
    position: relative;
    border-radius: 20px;
    margin-bottom: 10px;
    font-weight: bold;
    position: relative;
    color: #37517e;
}

@media only screen and (max-width: 1200px) 
{
	.faq .faq-list 
	{
    	padding: 0 15px 0 15px !important;
	}

}

@media only screen and (max-width: 600px) 
{
	.faq .faq-list a
	{
		font-size: 14px;
	}
	#content-faq
	{
		padding: 15px;
	}

	.faq .faq-list 
	{
    	padding: 0px !important;
	}

	.guid-list ul li
	{
		font-size: 14px;
	}

	.sec-modal
	{
		padding: 30px 0;
	}

}

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

	.faq .faq-list a
	{
		font-size: 12px;
	}

	.guid-list ul li
	{
		font-size: 12px;
	}

}