.crm-block
{
	padding-bottom : 30px;
	background     : #F3F6F8;
	position       : relative;
}

.crm-container
{
	max-width           : 1472px;
	padding-left        : 44px;
	padding-right       : 44px;
	margin              : 0 auto;
	background-position : center;
	background-size     : cover;
	background-repeat   : no-repeat;
	padding-top         : 73px;
	letter-spacing      : 0px;
	padding-bottom      : 0px;
	position            : relative;
	z-index             : 1;
}

.crm-text
{
	max-width     : 1270px;
	text-align    : center;
	margin        : 0 auto;
	font-family   : "Open Sans";
	font-style    : normal;
	font-weight   : 400;
	font-size     : 28px;
	line-height   : 40px;
	color         : #112336;
	padding-left  : 35px;
	padding-right : 35px;
}

.crm-text-header
{
	font-family    : "Kanit";
	font-style     : normal;
	font-weight    : 600;
	font-size      : 44px;
	line-height    : 56px;
	text-align     : left;
	letter-spacing : 0;
	color          : #112336;
	padding-bottom : 19px;
}

.crm-list
{
	padding-top     : 91px;
	display         : flex;
	justify-content : space-between;
	flex-wrap       : wrap;
}

.crm-item
{
	flex-basis       : 24%;
	max-width        : 322px;
	height           : 246px;
	background-color : #FFF;
	display          : flex;
	flex-direction   : column;
	justify-content  : center;
	align-items      : center;
	margin-bottom    : 32px;
	padding-top      : 0 !important;
	padding-bottom   : 0 !important;
	text-decoration  : none;
	border-radius    : 12px;
	border: 2px solid transparent;
	transition: all 0.3s;
}

.crm-item:hover
{
	background : #D9D9D9;
}

.crm-item:active
{
	background : #112336;
}

.crm-item:active .crm-name
{
	color : #FFF;
}

.crm-add
{
	background : #CDFB3E;
}

.crm-name
{
	font-family     : "Open Sans";
	font-style      : normal;
	font-weight     : 400;
	font-size       : 18px;
	line-height     : 30px;
	text-align      : center;
	color           : #364047;
	margin-top      : 16px;
	text-decoration : none;
}

.crm-item img.crm-img
{
	height    : 100px;
	max-width : 1000px;
	width     : auto;
}

@media (max-width : 1499px)
{
	.crm-container
	{
		max-width : 1077px;
	}

	.crm-text-header
	{
		font-size      : 30px;
		line-height    : 56px;
		padding-bottom : 7px;
	}

	.crm-item img.crm-img
	{
		height : 62px;
	}

	.crm-text
	{
		font-size   : 18px;
		line-height : 20px;
	}

	.crm-name
	{
		font-size   : 16px;
		line-height : 28px;
	}

	.crm-item
	{
		flex-basis    : 23%;
		height        : 180px;
		margin-bottom : 30px;
	}
}

@media (max-width : 1279px)
{
	.crm-text-header
	{
		font-size      : 32px;
		line-height    : 56px;
		padding-bottom : 15px;
		letter-spacing : 0.5px;
	}

	.b-flexible-slider-wrap:before
	{
		-webkit-background-size : auto;
		background-size         : auto;
		background-repeat   : no-repeat;
		background-position : right;
		background-color        : transparent;
		background-image        : url(/wp-content/themes/mightycall2021/img/slider-tab-bg-800.svg);
	}

	.crm-text
	{
		font-size   : 24px;
		line-height : 44px;
	}

	.crm-list
	{
		padding-top     : 46px;
		max-width       : 100%;
		margin          : 0 auto;
		justify-content : flex-start;
		flex-wrap       : wrap;
		gap             : 0 30px;
	}

	.crm-name
	{
		font-size   : 16px;
		line-height : 28px;
		margin-top  : 8px;
	}

	.crm-item
	{
		flex-basis    : 30.3%;
		height        : 160px;
		margin-bottom : 32px;
	}

}

@media (max-width : 799px)
{
	.crm-container
	{
		padding-left  : 20px;
		padding-right : 20px;
		padding-top   : 29px;
	}

	.crm-text-header
	{
		font-size      : 20px;
		line-height    : 30px;
		padding-bottom : 0;
		letter-spacing : 0;
		font-weight    : bold;
		margin-bottom  : 32px;
	}

	.crm-text
	{
		font-size   : 14px;
		line-height : 30px;
	}

	.crm-list
	{
		padding-top : 0 !important;
		max-width   : 320px;
		gap: 0 16px;
	}

	.crm-item
	{
		flex-basis    : auto;
		height        : 121px;
		margin-bottom : 16px;
		flex          : 0 0 auto;
		max-width     : 47%;
		min-width: 150px;
	}

	.crm-name
	{
		font-size     : 14px;
		line-height   : 24px;
		margin-top    : 0;
		margin-bottom : 0;
	}

	.crm-item img.crm-img
	{
		height : 54px;
	}

	.crm-block
	{
		padding-bottom : 8px;
	}
}