.title_ketarekatan {
	padding-left   : 0;
	padding-top    : 50px;
	padding-bottom : 20px;
}

.boxSlider1 {
	width          : 85%;
	padding-bottom : 0 !important;
}

.boxSlider2 {
	width          : 85%;
	padding-bottom : 0 !important;
}

.boxSlider3 {
	width : 85%;
}

.visiMisiLPKS {
	font-family : Montreal;
	color       : #5d412b;
	font-weight : bold;
	margin-left : 100px;
}

.modul-title-right.float-right.mt-2 {
	margin-right : -15px;
}

.modul-title-right.float-right.w-75 {
	margin-right : -15px;
}

.video-container {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px; height: 0; overflow: hidden;
}

.video-container iframe,
.video-container object,
.video-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

ul.point {
    margin-bottom: 2.3125rem;
    padding: 50px;
    padding-top: 5px;
}

.col-xs-5.col-sm-3.col-md-4.quote0{
	margin-left: 20px;
}

.col-xs-5.col-sm-3.col-md-4.quote0 img.img-quotes{
	width: 213px;
	height: 208px;
}

.col-xs-5.col-sm-3.col-md-4.quote1{
	margin-left: -87px;
}

.col-xs-5.col-sm-3.col-md-4.quote1 img.img-quotes{
	width: 213px;
	height: 208px;
}

.col-xs-5.col-sm-3.col-md-4.quote2{
	margin-left: -725px;
	margin-top: 208px;
}

.col-xs-5.col-sm-3.col-md-4.quote2 img.img-quotes{
	width: 213px;
	height: 208px;
}

.col-xs-5.col-sm-3.col-md-4.quote3{
	margin-left: -87px;
	margin-top: 208px;
}

.col-xs-5.col-sm-3.col-md-4.quote3 img.img-quotes{
	width: 213px;
	height: 208px;
}

.col-xs-5.col-sm-3.col-md-4.quote4{
	margin-left:-513px;
	margin-top: 416px;
}

.col-xs-5.col-sm-3.col-md-4.quote4 img.img-quotes{
	width: 213px;
	height: 208px;
}

.col-xs-5.col-sm-3.col-md-4.quote5{
	margin-left: -87px;
	margin-top: 416px;
}

.col-xs-5.col-sm-3.col-md-4.quote5 img.img-quotes{
	width: 213px;
	height: 208px;
}

.col-xs-5.col-sm-3.col-md-4.quote6{
	margin-left: -87px;
	margin-top: 416px;
}

.col-xs-5.col-sm-3.col-md-4.quote6 img.img-quotes{
	width: 213px;
	height: 208px;
}

.col-xs-5.col-sm-3.col-md-4.quote7{
	margin-left: 658px;
	margin-top: -208px;
}

.col-xs-5.col-sm-3.col-md-4.quote7 img.img-quotes{
	width: 213px;
	height: 208px;
}

.col-xs-5.col-sm-3.col-md-4.quoteutama{
	margin-left: -87px;
}

.col-xs-5.col-sm-3.col-md-4.quoteutama img.img-quotes{
	width: 425px;
	height: 418px;
}

/*HADITS*/
.col-xs-5.col-sm-3.col-md-4.hadits0{
	margin-left: 20px;
}

.col-xs-5.col-sm-3.col-md-4.hadits0 img.img-quotes{
	width: 213px;
	height: 208px;
}

.col-xs-5.col-sm-3.col-md-4.hadits1{
	margin-left: -87px;
}

.col-xs-5.col-sm-3.col-md-4.hadits1 img.img-quotes{
	width: 213px;
	height: 208px;
}

.col-xs-5.col-sm-3.col-md-4.hadits2{
	margin-left: -725px;
	margin-top: 208px;
}

.col-xs-5.col-sm-3.col-md-4.hadits2 img.img-quotes{
	width: 213px;
	height: 208px;
}

.col-xs-5.col-sm-3.col-md-4.hadits3{
	margin-left: -87px;
	margin-top: 208px;
}

.col-xs-5.col-sm-3.col-md-4.hadits3 img.img-quotes{
	width: 213px;
	height: 208px;
}

.col-xs-5.col-sm-3.col-md-4.hadits4{
	margin-left:-513px;
	margin-top: 416px;
}

.col-xs-5.col-sm-3.col-md-4.hadits4 img.img-quotes{
	width: 213px;
	height: 208px;
}

.col-xs-5.col-sm-3.col-md-4.hadits5{
	margin-left: -87px;
	margin-top: 416px;
}

.col-xs-5.col-sm-3.col-md-4.hadits5 img.img-quotes{
	width: 213px;
	height: 208px;
}

.col-xs-5.col-sm-3.col-md-4.hadits6{
	margin-left: -87px;
	margin-top: 416px;
}

.col-xs-5.col-sm-3.col-md-4.hadits6 img.img-quotes{
	width: 213px;
	height: 208px;
}

.col-xs-5.col-sm-3.col-md-4.hadits7{
	margin-left: 658px;
	margin-top: -208px;
}

.col-xs-5.col-sm-3.col-md-4.hadits7 img.img-quotes{
	width: 213px;
	height: 208px;
}

.col-xs-5.col-sm-3.col-md-4.haditsutama{
	margin-left: -87px;
}

.col-xs-5.col-sm-3.col-md-4.haditsutama img.img-quotes{
	width: 425px;
	height: 418px;
}

@media only screen and (max-width : 600px) {
	/* For tablets: */
}

/* (1280x1024) SXGA Display */
@media screen and (max-width: 1280px) {
	/* For tablets: */
	
	.col-xs-5.col-sm-3.col-md-4.quote0{
		margin-left: 20px;
	}

	.col-xs-5.col-sm-3.col-md-4.quote0 img.img-quotes{
		width: 194px;
		height: 208px;
	}

	.col-xs-5.col-sm-3.col-md-4.quote1{
		margin-left: -87px;
	}

	.col-xs-5.col-sm-3.col-md-4.quote1 img.img-quotes{
		width: 194px;
		height: 208px;
	}

	.col-xs-5.col-sm-3.col-md-4.quote2{
		margin-left: -668px;
		margin-top: 208px;
	}

	.col-xs-5.col-sm-3.col-md-4.quote2 img.img-quotes{
		width: 194px;
		height: 208px;
	}

	.col-xs-5.col-sm-3.col-md-4.quote3{
		margin-left: -87px;
		margin-top: 208px;
	}

	.col-xs-5.col-sm-3.col-md-4.quote3 img.img-quotes{
		width: 194px;
		height: 208px;
	}

	.col-xs-5.col-sm-3.col-md-4.quote4{
		margin-left:-474px;
		margin-top: 416px;
	}

	.col-xs-5.col-sm-3.col-md-4.quote4 img.img-quotes{
		width: 194px;
		height: 208px;
	}

	.col-xs-5.col-sm-3.col-md-4.quote5{
		margin-left: -87px;
		margin-top: 416px;
	}

	.col-xs-5.col-sm-3.col-md-4.quote5 img.img-quotes{
		width: 194px;
		height: 208px;
	}

	.col-xs-5.col-sm-3.col-md-4.quote6{
		margin-left: -87px;
		margin-top: 416px;
	}

	.col-xs-5.col-sm-3.col-md-4.quote6 img.img-quotes{
		width: 194px;
		height: 208px;
	}

	.col-xs-5.col-sm-3.col-md-4.quote7{
		margin-left: 602px;
		margin-top: -208px;
	}

	.col-xs-5.col-sm-3.col-md-4.quote7 img.img-quotes{
		width: 194px;
		height: 208px;
	}

	.col-xs-5.col-sm-3.col-md-4.quoteutama{
		margin-left: -87px;
	}

	.col-xs-5.col-sm-3.col-md-4.quoteutama img.img-quotes{
		width: 389px;
		height: 418px;
	}

	
	.col-xs-5.col-sm-3.col-md-4.hadits0{
		margin-left: 20px;
	}

	.col-xs-5.col-sm-3.col-md-4.hadits0 img.img-quotes{
		width: 194px;
		height: 208px;
	}

	.col-xs-5.col-sm-3.col-md-4.hadits1{
		margin-left: -87px;
	}

	.col-xs-5.col-sm-3.col-md-4.hadits1 img.img-quotes{
		width: 194px;
		height: 208px;
	}

	.col-xs-5.col-sm-3.col-md-4.hadits2{
		margin-left: -668px;
		margin-top: 208px;
	}

	.col-xs-5.col-sm-3.col-md-4.hadits2 img.img-quotes{
		width: 194px;
		height: 208px;
	}

	.col-xs-5.col-sm-3.col-md-4.hadits3{
		margin-left: -87px;
		margin-top: 208px;
	}

	.col-xs-5.col-sm-3.col-md-4.hadits3 img.img-quotes{
		width: 194px;
		height: 208px;
	}

	.col-xs-5.col-sm-3.col-md-4.hadits4{
		margin-left:-474px;
		margin-top: 416px;
	}

	.col-xs-5.col-sm-3.col-md-4.hadits4 img.img-quotes{
		width: 194px;
		height: 208px;
	}

	.col-xs-5.col-sm-3.col-md-4.hadits5{
		margin-left: -87px;
		margin-top: 416px;
	}

	.col-xs-5.col-sm-3.col-md-4.hadits5 img.img-quotes{
		width: 194px;
		height: 208px;
	}

	.col-xs-5.col-sm-3.col-md-4.hadits6{
		margin-left: -87px;
		margin-top: 416px;
	}

	.col-xs-5.col-sm-3.col-md-4.hadits6 img.img-quotes{
		width: 194px;
		height: 208px;
	}

	.col-xs-5.col-sm-3.col-md-4.hadits7{
		margin-left: 602px;
		margin-top: -208px;
	}

	.col-xs-5.col-sm-3.col-md-4.hadits7 img.img-quotes{
		width: 194px;
		height: 208px;
	}

	.col-xs-5.col-sm-3.col-md-4.haditsutama{
		margin-left: -87px;
	}

	.col-xs-5.col-sm-3.col-md-4.haditsutama img.img-quotes{
		width: 389px;
		height: 418px;
	}

}

@media only screen and (max-width : 768px) {
	/* For mobile phones: */
	.btn-form.btn-success.display-4 {
		height  : 40px;
		padding : 0;
	}

	.col-xs-5.col-sm-3.col-md-4.quoteutama img.img-quotes{
		width: 100%;
		height: auto;
	}

	.col-xs-5.col-sm-3.col-md-4.quote0 img.img-quotes{
		width: 100%;
		height: auto;
	}

	.col-xs-5.col-sm-3.col-md-4.quote1 img.img-quotes{
		width: 100%;
		height: auto;
	}

	.col-xs-5.col-sm-3.col-md-4.quote2 img.img-quotes{
		width: 100%;
		height: auto;
	}

	.col-xs-5.col-sm-3.col-md-4.quote3 img.img-quotes{
		width: 100%;
		height: auto;
	}

	.col-xs-5.col-sm-3.col-md-4.quote4 img.img-quotes{
		width: 100%;
		height: auto;
	}

	
	.col-xs-5.col-sm-3.col-md-4.quote5 img.img-quotes{
		width: 100%;
		height: auto;
	}

	.col-xs-5.col-sm-3.col-md-4.quote6 img.img-quotes{
		width: 100%;
		height: auto;
	}

	.col-xs-5.col-sm-3.col-md-4.quote7 img.img-quotes{
		width: 100%;
		height: auto;
	}

	.col-xs-5.col-sm-3.col-md-4.haditsutama img.img-quotes{
		width: 100%;
		height: auto;
	}

	.col-xs-5.col-sm-3.col-md-4.hadits0 img.img-quotes{
		width: 100%;
		height: auto;
	}

	.col-xs-5.col-sm-3.col-md-4.hadits1 img.img-quotes{
		width: 100%;
		height: auto;
	}

	.col-xs-5.col-sm-3.col-md-4.hadits2 img.img-quotes{
		width: 100%;
		height: auto;
	}

	.col-xs-5.col-sm-3.col-md-4.hadits3 img.img-quotes{
		width: 100%;
		height: auto;
	}

	.col-xs-5.col-sm-3.col-md-4.hadits4 img.img-quotes{
		width: 100%;
		height: auto;
	}

	
	.col-xs-5.col-sm-3.col-md-4.hadits5 img.img-quotes{
		width: 100%;
		height: auto;
	}

	.col-xs-5.col-sm-3.col-md-4.hadits6 img.img-quotes{
		width: 100%;
		height: auto;
	}

	.col-xs-5.col-sm-3.col-md-4.hadits7 img.img-quotes{
		width: 100%;
		height: auto;
	}

	img.img-fluid.fr-dii.fr-draggable.img_ketarekatan {
		margin-top : 0px !important;
	}

	.title_ketarekatan {
		padding-left   : 0;
		padding-top    : 20px;
		padding-bottom : 20px;
	}

	.modul-title-right.float-right.mt-2 {
		margin-right : 0px;
	}

	.modul-title-right.float-right.w-75 {
		margin-right : 0px;
	}

	.card-img.pl-2.pr-2.pt-5.pb-5.boxSlider1 {
		margin : 0 30px;
	}

	.card-img.pl-2.pr-2.pt-0.pb-5.boxSlider2 {
		margin : 0 30px;
	}

	.card-img.pl-2.pr-2.pt-0.pb-5.boxSlider3 {
		margin : 0 30px;
	}

	.card-img.pl-2.pr-2.pt-5.pb-5.boxSlider3 {
		margin : 0 30px;
	}

	.card-img.pl-2.pr-2.pt-0.pb-0.boxSlider3 {
		margin : 0 30px;
	}

	.col-xs-5.col-sm-3.col-md-4.quote0{
		margin-top: 10px;
		margin-left: 0px;
	}

	.col-xs-5.col-sm-3.col-md-4.quote1{
		margin-top: 10px;
		margin-left: 0px;
	}
	.col-xs-5.col-sm-3.col-md-4.quote2{
		margin-top: 10px;
		margin-left: 0px;
	}

	.col-xs-5.col-sm-3.col-md-4.quote3{
		margin-top: 10px;
		margin-left: 0px;
	}

	.col-xs-5.col-sm-3.col-md-4.quote4{
		margin-top: 10px;
		margin-left: 0px;
	}

	.col-xs-5.col-sm-3.col-md-4.quote5{
		margin-top: 10px;
		margin-left: 0px;
	}

	.col-xs-5.col-sm-3.col-md-4.quote6{
		margin-top: 10px;
		margin-left: 0px;
	}

	.col-xs-5.col-sm-3.col-md-4.quote7{
		margin-top: 10px;
		margin-left: 0px;
	}

	.col-xs-5.col-sm-3.col-md-4.quoteutama{
		margin-left: 0px;
	}

	.col-xs-5.col-sm-3.col-md-4.hadits0{
		margin-top: 10px;
		margin-left: 0px;
	}

	.col-xs-5.col-sm-3.col-md-4.hadits1{
		margin-top: 10px;
		margin-left: 0px;
	}
	.col-xs-5.col-sm-3.col-md-4.hadits2{
		margin-top: 10px;
		margin-left: 0px;
	}

	.col-xs-5.col-sm-3.col-md-4.hadits3{
		margin-top: 10px;
		margin-left: 0px;
	}

	.col-xs-5.col-sm-3.col-md-4.hadits4{
		margin-top: 10px;
		margin-left: 0px;
	}

	.col-xs-5.col-sm-3.col-md-4.hadits5{
		margin-top: 10px;
		margin-left: 0px;
	}

	.col-xs-5.col-sm-3.col-md-4.hadits6{
		margin-top: 10px;
		margin-left: 0px;
	}

	.col-xs-5.col-sm-3.col-md-4.hadits7{
		margin-top: 10px;
		margin-left: 0px;
	}

	.col-xs-5.col-sm-3.col-md-4.haditsutama{
		margin-left: 0px;
	}

	.sliderStyle {
		margin-top : 100px;
	}

	.container.imageStyle img {
		width : 250px !important;
	}

	.container.imageStyle {
		margin-top : 90px;
	}

	.visiMisiLPKS {
		font-family : Montreal;
		color       : #5d412b;
		font-weight : bold;
		margin-left : 10px;
	}

	ul.pagination.modal-4 {
		//width  : 310px;
		//margin : 0 5px !important;
		margin-left: -50px;
	}

	ul.pagination.modal-4 li a {
		font-size : 8px;
		width: 25px;
		margin: 2px;
	}

	ul.pagination.modal-4 li a.prev {
		font-size : 8px;
		width: 50px;
		margin: 2px;
	}
	
	ul.pagination.modal-4 li a.next {
		font-size : 8px;
		width: 50px;
		margin: 2px;
	}

	
	ul.point {
		margin-bottom: 2.3125rem;
		padding: 20px;
		padding-top: 5px;
	}
}