/*################# mobile CSS ################################################################*/
@media only screen and (min-width: 250px) and (max-width: 999px) {
	.Recent_Letters .et_pb_ajax_pagination_container{
		display: block !important;
	}
	.Recent_Letters article{
		width: 100% !important;
	}
	.bigtxttitle .et_pb_button_module_wrapper{
		position: relative !important;
		bottom: 0 !important;
		top: 0 !important;
		left: 0 !important;
	}
	body .bigtxttitle h4{
		font-size: 35px !important;
	}
	body .bigtxttitle h2{
		font-size: 55px !important;
	}
	.formWrap{
		display: block !important;
	}
	.formWrap .formL, .formWrap .formR{
		width: 100%;
    	margin: 0;
	}
	#header_h .et_pb_button_0_tb_header_wrapper{
		display:none;
	}
	#mainmenu_h{
		justify-content: center !important;
	}
	#mainmenu_h .mobile_menu_bar{
		position: relative;
		cursor: pointer;
		left: -60%;
	}
	#mainmenu_h .mobile_menu_bar::before{
		color: #004C97;
	}
	#mainmenu_h .mobile_menu_bar::after{
		  color: #004C97;
		  content: "MENU";
		  position: absolute;
		  top: 17px;
	}
	#mobile_menu1{
		width: 46vh;
		left: -20vh;
	}
	#header_h #mainmenu_h li {
		padding: 0 !important;
		width: 100%;
		border: 0;
		margin: 0 !important;
	}
	#header_h #mainmenu_h li a{
		padding: 15px 20px;
		letter-spacing: 1px;
	}
	#home_blog_h .et_pb_ajax_pagination_container{
		display: block !important;
	}
	#home_blog_h article{
		width: 100% !important;
	}
	#newspage .et_pb_ajax_pagination_container{
		display: block !important;
	}
	#newspage article{
		width: 100% !important;
	}
	#foot_h .et_mobile_nav_menu{
		display:none !important;
	}
	#foot_h .et_pb_menu__menu{
		display: block !important;
	}
	#footmenu_usefullinks ul, #foot_h .et_pb_menu__menu ul{
		columns: 1 !important;
		margin: 0 !important;
	}
	#footmenu_usefullinks .et_pb_menu__wrap, #foot_h .et_pb_menu__wrap{
		justify-content: start !important;
	}
	#foot_h .et_pb_text_3_tb_footer  {
		text-align: left !important;
		margin: 0 !important;
		max-width: 100%;
	}
	/*mobile floating buttons*/
	footer.et-l--footer{
		padding-bottom: 40px;
	}
	#mob_foot_btn{
		background: #000000;
		position: fixed;
		bottom: 0;
		width: 100%;
		display: flex;
		justify-content: center;
		align-items: center;
		display: none;
	}
	#mob_foot_btn a{
		color: #fff;
		flex: 0 0 50%;
		font-size: 12px;
		padding: 20px 10px;
		text-align: center;
		letter-spacing: 1px;
		font-family: poppins;
		font-weight: 700;
		line-height: 16.8px;
		position: relative;
	}
	#mob_foot_btn a:hover{
		background:#333;
	}
	#mob_foot_btn a:first-child{
		border-right: 1px solid #ccc;
	}
	#mob_foot_btn a:first-child::before{
		content: "\f073";
		font-family: fontawesome;
		margin-right: 10px;
		position: absolute;
		left: 20px;
	}
	#mob_foot_btn a:last-child::before{
		content: "\f879";
		font-family: fontawesome;
		margin-right: 10px;
		position: absolute;
		left: 20px;
	}
	/*END mobile floating buttons*/

}


@media only screen and (device-width: 768px) {
  /* For general iPad layouts */
}

@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait) {
  /* For portrait layouts only */
}

@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape) {
  /* For landscape layouts only */

}

/* Medium devices (desktops, 1024px and up to 1199px) */
@media (min-width: 1025px) and (max-width: 1199px) {

}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) { 

}

/*################# END mobile CSS ################################################################*/