/* ipad CSS */

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

	.news-cards {
		width: 85%;
		margin: 0 auto;
		margin-bottom: 25px !important;
	}
	
	.slick-slider {
		width: 100dvw;
	}
	
	.loginText {
	    padding-top: 25px; 
	    padding-bottom: 25px;
	    padding-left: 275px;
	    padding-right: 275px;
	    text-align: center;
	}
	
	.newsimg {
	    width: unset;
	    margin-right: 20px;
	    margin-left: 20px;
	    display: block;
	}
	
	.news-desc {
		padding-left: 15px;
		padding-right: 5px;
		padding-top: 0px;
		padding-bottom: unset;
	}
	
	h6 {
		padding-bottom: 20px;
	}
	
	#footer-bar {
	}
	
	h3, h6 {
		padding-left: 35px;
		padding-right: 35px;
		padding-top: 15px;
	}
	
	.cardTitle {
	    padding-bottom: 0px;
	}
	
	.cardDate {
		padding-top: 0px;
	}
	
	.cardTitle {
    	padding-bottom: 0px;
    	padding-top: 15px !important;
    	width: 75%
	}
	

	
.cardIcon {
    cursor:pointer;
    font-size: 25px;
    position: unset;
    float:right;
    padding-left: 25px;
    vertical-align: top;
    padding-bottom: 12px;
    padding-right: 15px;
    margin-top: unset;
}

.cardIcon2 {
    cursor:pointer;
    font-size: 28px;
    float:right;
    vertical-align: top;
    padding-bottom:12px;
    padding-right: unset 
    margin-right: unset 
    margin-top: unset; 
}
	
	#news-desc {
		flex-wrap: wrap;
		display: wrap;
		display: flex;
		overflow: hidden;
    	height: 150px;
    	text-overflow: ellipsis;
	}
	
	.newsimg > img {
		  width: 250px;
		  height: 150px;
		  object-fit: cover;
		  margin-left: unset;
		  margin-right: unset;
		  margin-bottom: 20px;
		  display: block;
		  float: left;
		  padding-right: 20px;
	}
	
	#news-img {display: inline-block;padding-right: 20px;}
}

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

	.news-cards {
		width: 60%;
		margin: 0 auto;
		margin-bottom: 25px !important;
	}
	
	.slick-slider {
		width: 100dvw;
	}
	
	.loginText {
	    padding-top: 25px; 
	    padding-bottom: 25px;
	    padding-left: 275px;
	    padding-right: 275px;
	    text-align: center;
	}
	
	.newsimg {
	    width: unset;
	    margin-right: 20px;
	    margin-left: 20px;
	    display: block;
	}
	
	.news-desc {
		padding-left: 15px;
		padding-right: 5px;
		padding-top: 0px;
		padding-bottom: unset;
	}
	
	h6 {
		padding-bottom: 20px;
	}
	
	#footer-bar {
	}
	
	h3, h6 {
		padding-left: 35px;
		padding-right: 35px;
		padding-top: 15px;
	}
	
	.cardTitle {
	    padding-bottom: 0px;
	}
	
	.cardDate {
		padding-top: 0px;
	}
	
	.cardTitle {
    	padding-bottom: 0px;
    	padding-top: 15px !important;
    	width: 75%
	}
	

	
.cardIcon {
    cursor:pointer;
    font-size: 25px;
    position: unset;
    float:right;
    padding-left: 25px;
    vertical-align: top;
    padding-bottom: 12px;
    padding-right: 15px;
    margin-top: unset;
}

.cardIcon2 {
    cursor:pointer;
    font-size: 28px;
    float:right;
    vertical-align: top;
    padding-bottom:12px;
    padding-right: unset 
    margin-right: unset 
    margin-top: unset; 
}
	
	#news-desc {
		flex-wrap: wrap;
		display: wrap;
		display: flex;
		overflow: hidden;
    	height: 150px;
    	text-overflow: ellipsis;
	}
	
	.newsimg > img {
		  width: 250px;
		  height: 150px;
		  object-fit: cover;
		  margin-left: unset;
		  margin-right: unset;
		  margin-bottom: 20px;
		  display: block;
		  float: left;
		  padding-right: 20px;
	}
	
	#webBanner {
		max-width: 60% !important;
	}
	
	.ad {
		max-width: 60% !important;
	}
	.leftSide {
		max-width: 15%;
		margin-left: 2.5%;
		margin-right: 82.5%;
		height: 800px;
		background: white;
	}
	
	.rightSide {
		max-width: 15%;
		margin-left: 82.5%;
		margin-right: 2.5%;
		height: 800px;
		background: white;
	}
	
	#menu-main {
		max-width: 30% !important;
	}
	
		
	
	#news-img {display: inline-block;padding-right: 20px;}
}