#book-sec{
	padding: 50px 0;
}

#book-sec .sec-desc{
	margin-bottom: 20px;
}

.book-sec__list{
	padding: 0 0 0 30px;
	margin: 0;
	list-style-type: none;
}

.book-sec__list li{
	display: block;
	font-size: 13.5px;
	line-height: 1.66em;
	padding-left: 20px;
	position: relative;
}

.book-sec__list li:not(:last-child){
	margin-bottom: 13px;
}

.book-sec__list li::before{
	content: '';
	display: block;
	width: 10px;
	height: 1.66em;
	position: absolute;
	top: 0;
	left: 0;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 13.682 10.624'%3E%3Cpath d='M5.239,10.825a.7.7,0,0,1-.988,0L.307,6.88a1.047,1.047,0,0,1,0-1.482L.8,4.9a1.047,1.047,0,0,1,1.482,0L4.745,7.367,11.4.713a1.047,1.047,0,0,1,1.482,0l.494.494a1.047,1.047,0,0,1,0,1.482Zm0,0' transform='translate(0 -0.406)' fill='%233f5ba9'/%3E%3C/svg%3E");
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
}

#book-sec .img-col{
	text-align: center;
}

.book-sec__img-block{
	display: inline-block;
	max-width: 100%;
	margin: 50px auto 0;
}

.book-sec__img{
	width: 100%;
}

#book-sec .orange-btn{
	margin-top: 30px;
}

/* ===== Responsive ===== */

@media screen and (min-width: 768px){

	#book-sec .text-col{
		z-index: 2;
		padding-right: 60px;
	}
	.book-sec__img-block{
		display: block;
		margin: 0;
		position: relative;
		max-width: 100%;
		height: 100%;
	}
	.book-sec__img{
		position: absolute;
		width: auto;
		height: calc(100% + 100px);
		top: -50px;
		right: -60%;
	}
}

@media screen and (min-width: 992px){
	.book-sec__img{
		left: auto;
		right: 50%;
		height: calc(100% + 100px);
		top: -50px;
		transform: translate(50%,0);
		-ms-transform: translate(50%,0);
	}
}

@media screen and (min-width: 1200px){
	#book-sec .row{
		padding: 0 130px 0 100px;
	}
	.book-sec__img{
		right: 60%;
		height: auto;
		width: 775px;
		top: 50%;
		transform: translate(50%,-50%);
	}
}

@media screen and (min-width: 1400px){
	#book-sec .row{
		padding: 0 150px 0 100px;
	}
	.book-sec__img{
		right: 50%;
		width: 740px;
	}
}

@media screen and (min-width: 1650px){
	.book-sec__list li{
		font-size: 18px;
	}
	.book-sec__img{
		right: 46%;
		width: 850px;
	}
	#book-sec .row{
		padding: 0 170px 0 130px;
	}
}