@media (max-width: 600px) {
		
.cover{
margin-top:100px;
}	
		.list-font{
			font-size:13px;
		}
		.videodiv{
			width:350px;
		}
		.videodivtitle{
			width:200px;
		}
		.slideImg{
			width:250px;
		}
		
		.bgsize{
		width:290px;
		}  
			.videowidth{
				width:300px;
			}
			
			 .desctile{
		  
		  font-weight:bold;font-size:25px;
	  }
	  
	  .descsubtile{
		  font-weight:bold;font-size:20px;
	  }
	  
	  	  	
		/* Modal Content (Image) */
.modal-content {
  margin: auto;
  display: block;
  width: 90%;
  max-width: 450px;
}
	 	  .mapcss{
	width:450px;
	height:350px;
}





.heading{
	font-size:19px;
	
	
}
.picpos{
		
		right:120px;
	}
	}
	

	
	
	@media only screen and (min-width: 300px) and (max-width:430px){
				
.cover{
margin-top:100px;
}	
		.slideImg{
			width:250px;
		}
		
		.moreinfo{
			width:140px;
		}
		

.heading{
	font-size:19px;
	
	
}
.bgsize{
		width:250px;
		}  
		
		.picpos{
		
		right:120px;
	}
	}
	
	@media (min-width: 600px) {
		
		
.cover{
margin-top:100px;
}	
		.list-font{
			font-size:15px;
		}
		.videodiv{
			width:500px;
		}
		.videodivtitle{
			width:300px;
		}
		
		
		.slideImg{
			width:200px;
		}
		
		.videowidth{
			width:500px;
		}
		.moreinfo{
		width:130px;
		}	
		.itemIcon{
			width:160px;
	
	}
	.bgsize{
		width:250px;
		}  
	.descdetail{
				font-size:13px;
				text-align:justify;
			}
			 .desctile{
		  
		  font-weight:bold;font-size:25px;
	  }
	  
	  .descsubtile{
		  font-weight:bold;font-size:15px;
	  }
	  
	  
	  
	  	
		/* Modal Content (Image) */
.modal-content {
  margin: auto;
  display: block;
  width: 60%;
  max-width: 450px;
}
	  .mapcss{
	width:500px;
	height:350px;
}


.heading{
	font-size:19px;
	
	
}
.picpos{
		
		right:120px;
	}
	}
	
	
		@media only screen and (min-width: 768px) and (max-width: 1024px) {
		.titletop{
				margin-top:20px !important;
			}
			.subtitlep{
				margin-top:50px !important;
			}
			
.cover{
	
margin-top:150px;
}	
			.slideImg{
			width:150px;
		}
			
			
			.bg{
		background-size:cover;
		background-repeat: no-repeat; 
		background-image: url("img/BG_1920.jpg?v=4"); 
		background-attachment: fixed;
}
			
		.bgsize{
		width:350px;
		}  	
			
			
			.videowidth{
				width:500px;
			}
			
			
		.list-font{
			font-size:12px;
		}
		.tab-size{
			font-weight:bold;font-size:20px;
		}
		
			
			
			.intropadding{
				padding-left:40px;
			}
			
			.source{
				padding-left:10px;
			}
			
			.descdetail{
				font-size:15px;
					text-align:justify;
			}
			 .desctile{
		  
		  font-weight:bold;font-size:22px;
	  }
	  .tilep{
		  margin-top:100px !important;
	  }
	  .descsubtile{
		  font-weight:bold;font-size:15px;
	  }
		.contactinfo{
				align-items: end;
	}	
		.moreinfo{
		width:130px;
	}	
	.itemIcon{
			width:130px;
	
	}
	
	
		/* Modal Content (Image) */
.modal-content {
  margin: auto;
  display: block;
  width: 60%;
  max-width: 400px;
}

	.mapcss{
	width:500px;
	height:400px;
}
.heading{
	font-size:19px;
	
	
}



.map_preview{
	width:180px;
}
.picpos{
		
		right:60px;
	}
		}
	
	@media (min-width: 992px) {
				
		.cover{
		margin-top:0px;
		}	
		
		.slideImg{
			width:200px;
		}
			
			.bg{
		background-size:cover;
		background-repeat: no-repeat; 
		background-image: url("img/BG_1920.jpg?v=4"); 
		background-attachment: fixed;
}
	
			
			.list-font{
			font-size:15px;
		}
		
		
		.bgsize{
		width:350px;
		}  
		.tab-size{
			font-weight:bold;font-size:20px;
		}
		.videodiv{
			width:1000px;
		}
		 .img{
	  
	  width:700px;
	  }
	  
	  
	  .cellwidth{
		  width:465px;
	  }
	  
	  .desctile{
		  
		  font-weight:bold;font-size:28px;
	  }
	  
	  .descsubtile{
		  font-weight:bold;font-size:20px;
		  
	  }
	 .descdetail{
				font-size:15px;
				text-align:justify;
			}
		
		.intropadding{
				padding-left:80px;
		}
			
		
			
		.contactinfo{
			align-items: start;
		}
		.moreinfo{
			width:130px;
		}
		.itemIcon{
			width:130px;
	
		}
	
				/* Modal Content (Image) */
		.modal-content {
		  margin: auto;
		  display: block;
		  width: 60%;
		  max-width: 800px;
		}
		.mapcss{
			width:800px;
			height:400px;
		}


		.heading{
			font-size:19px;
			
			
		}
	
.map_preview{
	width:250px;
}

.picpos{
		
		right:60px;
	}

	}
	
	
@media (min-width: 1200px) { 

.cover{
margin-top:0px;
}	
.slideImg{
			width:230px;
		}
			
			
			
			 .cellwidth{
		  width:465px;
	  }
	  
	  .bg{
		  margin:0px;
		  padding:0px;
		  background-size:cover;
		  background-repeat: no-repeat; 
		  background-image: url("img/BG_1920.jpg?v=4"); 
		  background-attachment: fixed;

	}
	.bgsize{
		width:350px;
	}
	.intropadding{
				padding-left:40px;
	}
			
	
	.contactinfo{
				align-items: start;
	}
	.moreinfo{
	width:160px;
	}
	.itemIcon{
			width:160px;
	
	}
	.descdetail{
				font-size:15px;
					text-align:justify;
			}
			
				 .desctile{
		  
		  font-weight:bold;font-size:28px;
	  }
	  
	  .descsubtile{
		  font-weight:bold;font-size:20px;
	  }
			
				/* Modal Content (Image) */
.modal-content {
  margin: auto;
  display: block;
  width: 90%;
  max-width: 800px;
}
.mapcss{
	width:800px;
	height:450px;
}

.heading{
	font-size:19px;
	
	
}
	
.map_preview{
	width:250px;
}

.picpos{
		
		right:60px;
	}
}


@media (min-width: 1400px) {

.cover{
margin-top:0px;
}	
.slideImg{
			width:230px;
		}
			.swiper {
			  width: 1000px;
			  height:230px;
			}
			
			
			
			 .cellwidth{
		  width:465px;
	  }
	  .bgsize{
		width:350px;
		}
	  
	  .bg{
		  margin:0px;
				padding:0px;
		background-size:cover;
	  background-repeat: no-repeat; 
	  background-image: url("img/BG_1920.jpg?v=4"); 
	  background-attachment: fixed;

	}
	.picpos{
		
		right:60px;
	}
	.intropadding{
		padding-left:80px;
	}
			
	
	.contactinfo{
				align-items: start;
	}
	.descdetail{
				font-size:15px;
					text-align:justify;
			}
			
			
			 .desctile{
		  
		  font-weight:bold;font-size:28px;
	  }
	  
	  .descsubtile{
		  font-weight:bold;font-size:20px;
	  }

		
			
	.moreinfo{
	width:160px;
	}
	
	.itemIcon{
			width:160px;
	
	}
	
	/* Modal Content (Image) */
.modal-content {
  margin: auto;
  display: block;
  width:90%;
  max-width: 800px;
}

.mapcss{
	width:800px;
	height:450px;
}

.heading{
	font-size:19px;
	
	
}

.map_preview{
	width:250px;
}	

.picpos{
		
		right:60px;
}

}
	
	


		@media (max-width: 1180px) {
			
	.coverl{
		margin-top:80px !important;
	}	

}	

	ul {
  list-style-type: disc;
  margin-left:15px;
  padding:4px;

}

	li::marker {
  color: #ff99cc;
}
	
	  
	  /* Style the Image Used to Trigger the Modal */
#myImg {
  border-radius: 5px;
  cursor: pointer;
  transition: 0.3s;
}

#myImg:hover {opacity: 0.7;}

/* The Modal (background) */
.modal {
  display: none; /* Hidden by default */
  position:fixed; /* Stay in place */
  z-index: 1031; /* Sit on top */
  padding-top: 100px; /* Location of the box */
  left: 0;
  top: 60;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: hidden; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.5); /* Black w/ opacity */
  
}


.modalGoogleMap {
  display: none; /* Hidden by default */
  position:fixed; /* Stay in place */
  z-index: 1040; /* Sit on top */
  padding-top: 100px; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: hidden; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.5); /* Black w/ opacity */
  
}



/* Caption of Modal Image (Image Text) - Same Width as the Image */
#caption {
  margin: auto;
  display: block;
  width: 80%;
  max-width: 700px;
  text-align: center;
  color: #ccc;
  padding: 10px 0;
  height: 150px;
}

/* Add Animation - Zoom in the Modal */
.modal-content, #caption {
  animation-name: zoom;
  animation-duration: 0.6s;
}

@keyframes zoom {
  from {transform:scale(0)}
  to {transform:scale(1)}
}

/* The Close Button */
.close {
  position: absolute;
  top: 40px;
  right: 35px;
  color: #f1f1f1;
  font-size: 40px;
  font-weight: bold;
  transition: 0.3s;
}

.close:hover,
.close:focus {
  color: #bbb;
  text-decoration: none;
  cursor: pointer;
}


/* The Close Button */
.closeMap {
  position: absolute;
   z-index: 1040; /* Sit on top */
  top: 40px;
  right: 35px;
  color: #f1f1f1;
  font-size: 40px;
  font-weight: bold;
  transition: 0.3s;
}

.closeMap:hover,
.closeMap:focus {
  color: #bbb;
  text-decoration: none;
  cursor: pointer;
}



/* 100% Image Width on Smaller Screens */
@media only screen and (max-width: 700px){
  .modal-content {
	   margin: auto;
  display: block;
  width:60%;
  max-width: 500px;
   
  }
}
	.bgsize{
		width:290px;
	}  
.circle {
  width: 100px;
  height: 100px;
 
  border-radius: 50%;
  font-size: 10px;
  color: white;
  text-align: center;
  background: #0000b3;
  font-size:12px;
  text-decoration:none;
}
.norstate{
	opacity:0.5;
}

.desctile_mobile{
	font-size:22px;
	font-weight:bold;
}