@media only screen and (min-width: 1367px) and (max-width: 1536px) {
 
.main-content .cebu-content h3, .main-content .cdo-content h3 {
    left: 95px;
}

}



@media only screen and (min-width: 1537px) and (max-width: 1920px) {

.main-content .cebu-content h3, .main-content .cdo-content h3 {
    left: 190px;
}

}



@media only screen and (min-width: 991px) and (max-width: 1199px) {

.hero-banner .content{
	margin-left: 70px;
}

.main-top hr {
    width: 60%;
}
	
.main-content img{
	width: 750px;
	display:block;
}

.main-content .cdo-content {
	display:flex;
	flex-direction: column-reverse;
}

.main-content .cebu-content .col-lg-6:nth-child(2) img ,
.main-content .cdo-content .col-lg-6:nth-child(1) img{
	padding-top: 30px;
	width: 300px;
}

.main-content .cebu-content h3, .main-content .cdo-content h3 {
	left: 45px;
}


.hero-banner .content a {
    padding: 10px 20px;
}

.hero-banner .owl-carousel img,

	.sub-banner img {

		max-width: none;

		width: auto;
		
		height: 200px;
		

	}



	.sub-banner img {

		height: 400px;		

	}



	



	.hero-banner .content h1 {
		font-size: 25px;
		margin: 3px 0 3px 0;

	}


	
	.panel-content .content-block p:nth-child(2) {

		line-height: 32px;
	}

	.panel-content .content-block .btn a {

		margin: 0;
	}

	nav ul {

		padding-top: 14px;
	}

	nav ul li a {

		font-size: 12px;
	}


}



@media only screen and (min-width: 991px) and (max-width: 1024px) {



}



@media only screen and (min-width: 320px) and (max-width: 992px) {



}



@media (max-width:812px) { 



}



@media only screen and (min-width: 320px) and (max-width: 992px) {



}





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

.hero-banner .content{
	margin-left: 70px;
}

.main-top hr {
    width: 60%;
}
	
.main-content img{
	width: 720px;
	display:block;
}

.main-content .cdo-content {
	display:flex;
	flex-direction: column-reverse;
}

.main-content .cebu-content .col-lg-6:nth-child(2) img ,
.main-content .cdo-content .col-lg-6:nth-child(1) img{
	padding-top: 30px;
	width: 300px;
}

.main-content .cebu-content h3.main-content .cdo-content h3 {
	left: 45px;
}


.hero-banner .content a {
    padding: 10px 20px;
}

.hero-banner .owl-carousel img,

	.sub-banner img {

		max-width: none;

		width: auto;
		
		height: 200px;
		

	}



	.sub-banner img {

		height: 400px;		

	}



	



	.hero-banner .content h1 {
		font-size: 25px;
		margin: 3px 0 3px 0;

	}


	
	.panel-content .content-block p:nth-child(2) {

		line-height: 32px;
	}

	.panel-content .content-block .btn a {

		margin: 0;
	}

	nav ul {

		padding-top: 14px;
	}

	nav ul li a {

		font-size: 12px;
	}




}



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

.main-top hr {
    width: 60%;
}
	
.main-content img{
	width: 300px;
	display:block;
}

.main-content .cdo-content {
	display:flex;
	flex-direction: column-reverse;
}

.main-content .cebu-content .col-lg-6:nth-child(2) img ,
.main-content .cdo-content .col-lg-6:nth-child(1) img{
	padding-top: 30px;
	width: 300px;
}

.main-content .cebu-content h3, .main-content .cdo-content h3 {
	left: 45px;
}


.hero-banner .content a {
    padding: 10px 20px;
}

.hero-banner .owl-carousel img,

	.sub-banner img {

		max-width: none;

		width: auto;
		
		height: 200px;
		

	}



	.sub-banner img {

		height: 400px;		

	}



	



	.hero-banner .content h1 {
		font-size: 25px;
		margin: 3px 0 3px 0;

	}


	
	.panel-content .content-block p:nth-child(2) {

		line-height: 32px;
	}

	.panel-content .content-block .btn a {

		margin: 0;
	}

	nav ul {

		padding-top: 14px;
	}

	nav ul li a {

		font-size: 12px;
	}

}



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

.main-top hr {
    width: 10%;
}

	.panel-content .img-block {

		margin: 0;
	}

	.panel-content .img-block img {


		max-height: 80px;
	}

	.panel-content .content-block p:nth-child(2) {


		font-size: 23px;
	    line-height: 31px;
	
	}

	.panel-content .content-block p > a:first-child {

		font-size: 19px;
	}

	#modal-ads .modal-dialog {

		margin: 10% 7%;
	}


	.panel-content .content-block .btn {

		display: block;
		margin: 12px 0;
	}

	.panel-content .content-block .btn a {

		width: 100%;
	}

	nav ul {

		text-align: center;
	}
	
	nav ul li:nth-child(4){

		margin-top:24px;
	}

	header img {
	    width: 50%;
	    position: relative;
	    left: 80px;
	    margin-bottom: 24px;
	}


}



@media (max-width:375px) { 




}



@media (max-width:360px) { 






}



@media (max-width:320px) { 


}