﻿@media only screen and (max-width:767px) {

	/*########################################## General */

	.float-left{float:none!important;}
	.float-right{float:none!important;}
	/*.mobile-hide{display:none;}*/ /*disableby zul*/
	.mobile-show{display:block;}
	.mobile-padding-reset{padding-left:0;padding-right:0;}

	/*########################################## Top Header */

	#web-accessibility .font-color{margin-left:0!important;margin:20px 0;}
	#web-accessibility .reset{margin-left:0!important;}
	.button-close-top-header{float:right!important;}

	/* SSM Search */

	#ssm-search .form-inline{display:block;}
	#ssm-search .form-group{margin-bottom:10px;}
	#ssm-search input{width:100%;}
	#ssm-search button.btn{margin-left:0!important;}

	/*########################################## Header */

	#top-header{border-top:0;}
	#top-header .top-header{background:#03A2AE;}
	#top-header .top-header .move-right{margin-right:0;}
	#top-header .top-header button{float:left!important;}
	#top-header .sso-login{float:right!important;}

	/*########################################## Language */
	
	.change-language-mobile{text-align:center;}
	.change-language-mobile ul.wpm-language-switcher.switcher-list li.active{background:rgba(0,0,0,0.1)!important;}
	
	/*########################################## Logo */

	header#header #logo{margin-top:0;padding-top:10px;text-align:center;padding-bottom:15px;} /*edit byzul = padding-bottom:0;*/
	header#header #logo h1 img{margin-right:0;margin:0 5px;}

	/*########################################## Social Media */

	#social-media-header{text-align:center;}
	#social-media-header.float-left{float:left!important;}
	#social-media-header.mr-4{margin-right:0!important;}
	#social-media-header i{margin:0;margin-right:12px;}

	/*########################################## Search */

	.ssm-search.float-right{float:right!important;}
	.ssm-search.float-right button.mr-1{margin-right:0!important;}

	/*########################################## Slideshow */

	#slideshow{margin-bottom:20px;margin-left:-14px;margin-right:-14px;margin-top:-19px;}

	#slideshow img{height:auto;width:100%;}
	

	/*########################################## Bullet Off */
	
	article#in-page .the-content .bullet-off ul li{width:100%;display:block;min-height:inherit;}
	
	/*########################################## Announcement */

	#top-content #announcement{padding-left:0!important;}

	/*########################################## Homepage Tab */

	#bottom-content .nav-tabs a.nav-item{display:block;width:100%;}

	/*########################################## e-Services */

	#e-services ul.display-inline{overflow:hidden;}
	#e-services ul.display-inline li{width:100%;display:inherit;float:left;margin:1px 0 0;}
	#e-services ul.display-inline li a{border-right:1px solid #fff;}
	#e-services ul.display-inline li:nth-child(2n) a{border-right:0;}

	/*########################################## Advertisement Bottom */

	#advertisement-bottom{margin:20px 0;}

	/*########################################## Footer */

	footer#footer .footer-navigation ul li{display:block;margin-right:0;margin-bottom:10px;}

	/**/

	footer#footer .col{flex-basis:inherit;margin-bottom:15px;}
	footer#footer .copyright .text-right{text-align:left!important;}
	footer#footer .copyright .last-updated{margin-top:20px;}
	
	/*################## CUSTOME EDIT BY ZUL ############*/
	#ContentCenter{	
	    margin: 0px 0px 0px 0px;
	}
	
	/*---- Start Banner ----*/
	#slideshow .AEBannerContainer{
		/*position: relative !important;
		width: 100% !important;
		height: 100% !important;*/

		margin-bottom: 100px;
		margin-left: 0px;
		margin-right: 0px;
		margin-top: -0px;	
	}
	
	/*.AEBannerTransbox{
		position: absolute;
		right: 0;
		bottom: 10px;
		left: 0;
		z-index: 15;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-pack: center;
		justify-content: center;
		padding-left: 0;
		margin-right: 15%;
		margin-left: 15%;
		list-style: none;
	}*/
	.AEBannerTransbox{
		border:0px yellow solid;
		top: 100px !important;
		left: 0 !important;
	    pointer-events: none;
	    width: 100% !important;
	    height: auto !important;
	    position: absolute;
	    background-color: transparent !important;
	    background-image: none !important;
	    background-repeat: repeat;
	    text-align: center;
	    padding: 3px;
	    color: white;
	    vertical-align: bottom;
	    cursor: default;
    }
	
	/*AEBR AEWebpart*/
	.AEBannerContainer img{
		height:auto !important;
		width:100% !important;
	}
	/*---- End Banner ----*/
	
		
	/*---- Start Announcemant ----*/
	
	.container .AELRcontainer .owl-stage-outer .owl-stage .AELRitem {
	    /*height: 215px;
	    padding: 12px;
	    color: #696969;
	    width: 100% !important;
	    border: 1px solid black;
		padding-right: 15px;
		padding-left: 15px;
		margin-right: auto;
		margin-left: auto;*/
		width: 100% !important;
		background-color: #dcdcdc !important;
		
	}
	
	.AELRcontainer{
		/*height:auto !important;
		width:100% !important;*/
	}	
	
	/*.owl-stage-outer, .owl-stage, .owl-item, .AELRitem{
		height:auto !important;
		width:100% !important;
	}*/
	
	.owl-carousel {
	    width: 100%;
	}
	
	/*.owl-stage{
		height:auto !important;
		width:100% !important;
	}*/
	/*---- End Announcemant ----*/


}