@media screen and (min-width: 320px) and (max-width: 350px) {
	.img-modal-cagar {
		margin-left: -10px;
		width: 265px;
		height: 180px;
	}
}

/* gambar card landmark dan wisata */
@media screen and (min-width: 366px) and (max-width: 375px) {
	#gambar-branding{
		width: 265px;
	}
}
@media screen and (min-width: 366px) and (max-width: 385px) {
	#gambar-branding {
		width: 271px !important;
	}
}
@media screen and (min-width: 386px) and (max-width: 400px) {
	#gambar-branding {
		width: 291px !important;
	}
}
@media screen and (min-width: 401px) and (max-width: 445px) {
	#gambar-branding {
		width: 324px !important;
	}
}
@media screen and (min-width: 446px) and (max-width: 470px) {
	#gambar-branding {
		width: 353px !important;
	}
}
@media screen and (min-width: 471px) and (max-width: 500px) {
	#gambar-branding {
		width: 377px !important;
		height: 208px !important;
	}
}
@media screen and (min-width: 501px) and (max-width: 600px) {
	#gambar-branding{
		width: 410px !important;
    	height: 215px !important;
	}
}
@media screen and (min-width: 601px) and (max-width: 767px) {
	#gambar-branding{
		width: 458px !important;
    	height: 225px !important;
	}
}

@media screen and (min-width: 446px) and (max-width: 470px) {
	#gambar-branding {
		width: 374px !important;
		height: 206px !important;
	}
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
	#card-modal-landmark {
		height: 250px !important;
	}

	.card-modal-wisata{
		height: 250px !important;
	}

	#card-modal-cagar{
		height: 230px !important;
	}

	.img-cagar{
		width: 125px !important;
    	height: 100px !important;
	}

	#gambar-branding{
		width: 125px !important;
    	height: 100px !important;
	}

	.judul-gambar{
		font-size: 13px !important;
    	margin-top: -12px  !important;
	}
}

/* end */

/* gambar cagar budaya */
@media screen and (min-width: 351px) and (max-width: 365px) {
	#cagar {
		width: 260px !important;
	}
	.pagination-wisata{
		margin-left: -118px;
	}
	.pagination-landmark{
		margin-left: -68px;
	}
	#gambar-branding{
		width: 260px;
	}
}

@media screen and (min-width: 401px) and (max-width: 420px) {
	.img-cagar {
		width: 298px;
    	
	}
}
@media screen and (min-width: 421px) and (max-width: 450px) {
	.img-cagar {
		width: 320px !important;
    	height: 202px !important;
	}
}

@media screen and (min-width: 366px) and (max-width: 400px) {
	.img-cagar {
		width: 265px !important;
	}
}
@media screen and (min-width: 401px) and (max-width: 425px) {
	.img-cagar {
		width: 301px !important;
    	height: 201px !important;
	}
}
@media screen and (min-width: 451px) and (max-width: 475px) {
	.img-cagar {
		width: 348px !important;
		height: 207px !important;
	}
}
@media screen and (min-width: 476px) and (max-width: 500px) {
	.img-cagar {
		width: 380px !important;
		height: 207px !important;
	}
}
@media screen and (min-width: 501px) and (max-width: 525px) {
	.img-cagar {
		width: 395px !important;
		height: 207px !important;
	}
}
@media screen and (min-width: 526px) and (max-width: 550px) {
	.img-cagar {
		width: 415px !important;
   		height: 210px !important;
	}
}
@media screen and (min-width: 551px) and (max-width: 575px) {
	.img-cagar {
		width: 453px !important;
    	height: 230px !important;
	}
}
@media screen and (min-width: 576px) and (max-width: 600px) {
	.img-cagar {
	    width: 482px !important;
    	height: 236px !important;
	}
}
@media screen and (min-width: 601px) and (max-width: 630px) {
	.img-cagar {
		width: 500px !important;
		height: 240px !important;
	}
}
@media screen and (min-width: 631px) and (max-width: 660px) {
	#card-modal-cagar {
		height: auto !important;
		width: 500px;
    	margin-left: 44px;
	}
	.img-cagar {
		width: 431px !important;
		height: 260px !important;
	}
}
@media screen and (min-width: 661px) and (max-width: 700px) {
	.img-cagar {
		width: 440px !important;
		/* height: 240px !important; */
		height: 280px !important;
	}
	#card-modal-cagar {
		height: auto !important;
		width: 500px !important;
		margin-left: 57px;
	}
}
@media screen and (min-width: 680px) and (max-width: 700px) {
	#card-modal-cagar {
		margin-left: 70px;
	}
}
@media screen and (min-width: 701px) and (max-width: 730px) {
	#card-modal-cagar {
		margin-left: 86px;
	}
}
@media screen and (min-width: 731px) and (max-width: 767px) {
	.card-modal {
		margin-left: 105px !important;
	}
}

@media screen and (min-width: 701px) and (max-width: 767px) {
	#card-modal-cagar {
		width: 500px !important;
    	margin-left: 74px;
	}
	.img-cagar{
		width: 434px !important;
		height: 270px !important;
	}
}

@media screen and (min-width: 768px) and (max-width: 1440px) {
	.img-modal-cagar{
		width: 450px !important;
   		margin-left: -7px;
	}
}
@media screen and (min-width: 631px) and (max-width: 767px) {
	#card-modal-cagar {
		height: auto !important;
	}
}

@media screen and (min-width: 631px) and (max-width: 767px) {
	#card-modal-cagar {
		height: auto !important;
	}
}
@media screen and (min-width: 471px) and (max-width: 500px) {
	.img-modal {
		width: 109% !important;
    	height: 250px !important;
	}
}

@media screen and (min-width: 501px) and (max-width: 767px) {
	.img-modal {
		width: 110% !important;
		margin-left: -2px !important;
	}
}
@media screen and (min-width: 768px) and (max-width: 1440px) {
	.img-modal {
		width: 215% !important;
		margin-left: 3px !important;
	}
}





/* end */

@media screen and (min-width: 366px) and (max-width: 800px) {
	.pagination-landmark{
		margin-left: -61px;
	}
	.pagination-wisata{
		margin-left: -122px;
	}
}
@media screen and (min-width: 366px) and (max-width: 400px) {
	.img-cagar {
		width: 280px !important;
	}
}

/* modal */
@media screen and (min-width: 321px) and (max-width: 350px) {
	.judul-modal {
		font-size: 13px !important;
    	padding-right: 249px !important;
	}
}
@media screen and (min-width: 351px) and (max-width: 430px) {
	.judul-modal {
		padding-right: 129px !important;
	}
}
@media screen and (min-width: 431px) and (max-width: 500px) {
	.judul-modal {
		padding-right: 214px !important;
	}
}
@media screen and (min-width: 391px) and (max-width: 433px) {
	.judul-modal {
		margin-left: 0px !important;
	}
}
@media screen and (min-width: 334px) and (max-width: 1024px) {
	.judul-modal {
		margin-left: -2px !important;
	}
}
@media screen and (min-width: 395px) and (max-width: 500px) {
	.img-modal {
		margin-left: -16px !important;
	}
}
@media screen and (min-width: 471px) and (max-width: 767px) {
	.img-modal-cagar{
		width: 100%;
		height: 297px !important;
		margin-left: 0px !important;
	}
}
@media screen and (min-width: 501px) and (max-width: 520px) {
	.img-modal {
		margin-left: -12px;	
	}
}

/* margin-left: -15px; */
/* end */

@media screen and (min-width: 400px) and (max-width: 767px) {
	.img-cagar {
		height: 280px !important;
	}
	#card-modal-cagar{

		height: auto !important;
	}

}


@media screen and (min-width: 991px) and (max-width: 1050px) {
	#card-modal-cagar{
		height: 203px !important;
	}
	.img-cagar{
		width: 108px !important;
    	height: 95px !important;
	}
	.judul-gambar{
		font-size: 11px !important;
	}

}

@media screen and (min-width: 1025px) and (max-width: 1110px) {
	.card-modal-wisata{
		height: 220px !important;
	}
	#card-modal-landmark{
		height: 255px !important;
	}
	#card-modal-cagar{
		height: 220px !important;
	}
	.img-cagar{
		height: 110px !important;
    	width: 110px !important;
	}
	#gambar-branding{
		height: 110px !important;
		width: 140px !important;
	}
	.judul-gambar{
		font-size: 13px !important;	
	}
	#judul-cagar{
		font-size: 11px !important;
		margin-top: -11px;
	}

}
@media screen and (min-width: 1111px) and (max-width: 1200px) {
	.card-modal-wisata{
		height: 265px !important;
	}
	.img-cagar{
		width: 130px !important;
		height: 95px !important;
	}
	#card-modal-cagar{
		height: 220px !important;
	}
	#judul-cagar{
		font-size: 12px !important;
	}
	#gambar-branding{
		height: 140px !important;
		width: 160px !important;
	}
	.judul-gambar{
		font-size: 13px !important;	
	}
	#card-modal-landmark{
		height: 300px !important;
	}
}
@media screen and (min-width: 1201px) and (max-width: 1300px) {
	.card-modal-wisata{
		height: 265px !important;
	}
	#gambar-branding{
		height: 140px !important;
		width: 180px !important;
	}
	.judul-gambar{
		font-size: 13px !important;	
	}
	#card-modal-landmark{
		height: 280px !important;
	}
	.img-cagar{
		width: 150px !important;
		height: 125px !important;
	}
	#card-modal-cagar{
		height: 235px !important;
	}
	#judul-cagar{
		font-size: 12px !important;
	}
}
@media screen and (min-width: 1301px) and (max-width: 1400px) {
	.card-modal-wisata{
		height: 265px !important;
	}
	#gambar-branding{
		height: 140px !important;
    	width: 200px !important;
	}
	.judul-gambar{
		font-size: 13px !important;	
	}
	#card-modal-landmark{
		height: 290px !important;
	}
	.img-cagar{
		width: 180px !important;
		height: 155px !important;
	}
	#card-modal-cagar{
		height: 265px !important;
	}
	#judul-cagar{
		font-size: 12px !important;
	}
}





/* #branding {
	height: 300px;
	min-width: 310px;
	max-width: 800px;
}

.small-chart .highcharts-subtitle {
	display: none;
}

.small-chart .highcharts-legend {
	display: none;
} */