.evolution-header__mob {
 display: none;
}




.article-ckm__header {
	position: relative;
	padding: 40px 0px 40px 24px;
	color: #00369D;
	background-image: url('/static/f/med_article/313/img-new/header-desk.jpg');
	background-repeat: no-repeat;
	background-size: cover;
        border-radius: 16px;
        margin-bottom:20px;
}

.article__wrap .frp .article-ckm__header p {
color: #00369D;
}

.article-ckm__header .ckm_paragr{
    margin-top: 5px;
font-size: 18px;
line-height: 20px;
font-family: 'RotonReg';
max-width: 535px;
}


.article-ckm__header  .ckm_bold{
font-size: 20px;
line-height: 24px;
font-family: 'RotonBol';
max-width: 535px;
}

@media screen and (max-width: 992px) {
	.article-ckm__header {
		padding:30px 0px 30px 24px;
		font-size: 20px;
		line-height: 24px;
		background-size: 100%;
		background-position: top center;
	}
         
        .article-ckm__header .ckm_paragr{
	    max-width:427px;
	}
  	
  	     .article-ckm__header .ckm_bold{
	    max-width:427px;
	}

}
@media screen and (max-width: 767px) {
	.evolution-header__desc {
	display: none;
}
	.evolution-header__mob {
	display: block;
}
	.article-ckm__header {
        padding: 40px 2px 30px 30px;
		color: #00369D;
	}
        
        .article-ckm__header .ckm_paragr{
         font-size: 18px;
         line-height: 20px;
         max-width:335px;
	}

	.article-ckm__header .ckm_bold {
	font-size:18px;
    line-height: 20px;
	 max-width:335px;
	}
}
@media screen and (max-width: 560px) {
.article-ckm__header {
    background-image: url(/static/f/med_article/313/img-new/header-mob.jpg);
        background-position: right center;
        padding: 20px 100px 50px 15px;
        background-size: cover;
}
}

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

         	

        .article-ckm__header .ckm_bold{
          max-width:200px;}

		
.article-ckm__header .ckm_bold .videl{
		font-family: 'RotonBold' !inherit;
		font-weight:600;
		font-size:16px;
	}


	    .article-ckm__header .ckm_paragr{
		font-size: 16px;
        line-height: 18px;
		
		}
        
	}



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


	.article-ckm__header .ckm_paragr{

		}

     	.article-ckm__header .ckm_bold{
		max-width:200px;
		}
}

@media screen and (max-width: 370px) {
    .article-ckm__header {
        padding: 20px 0px 50px 15px;
    }
    .article-ckm__header .ckm_paragr {
        max-width: 215px;
    }

}