.bannerScroll{float:left; clear:both; width:100%;overflow:hidden;max-width:1000px; position:relative;}
	.bannerContainer{float:left; clear:both; width:100%;min-height:370px;}
	.BansldImg{float:left; clear:both; width:100%;}
	.BansldImg img{width:100%;}
	 .bannerScroll .leftArr{ position:absolute; left:10px; top:45%; width:36px; height:36px; background:url(/_layouts/15/IMAGES/OFMWebsite/img/banArrLft.png) no-repeat; }
	.bannerScroll .rightArr{ position:absolute; right:10px; top:45%; width:36px; height:36px; background: url(/_layouts/15/IMAGES/OFMWebsite/img/banArrRgt.png) no-repeat;}
	.bannerScroll .bulletLi{ position:absolute; bottom:20px; width:100%;}
	.bannerScroll .bulletLi ul{width:auto; margin:0px auto; padding:0px;}
	.bannerScroll .bulletLi ul li{ float:left; list-style:none; width:7px; height:7px; background:#949496; margin:0px 5px; border-radius:50%; cursor:pointer}
        .bannerScroll .bulletLi ul li.active {
            background: #64008f;
        }	
	.bannerScroll .colm1{width:60%; float:left;}
    .bannerScroll .colm2{width:34.5%; float:left; padding:4%; background:#fff; margin-left:-25px; margin-top:20px;}
    /*.bannerScroll .colm2 h1{color:#59287c; text-align:left; margin-top:0px;}*/
        .bannerScroll .colm2 h1 {
            color: #64008F;
            text-align: left;
            margin-top: 0px;
        }
    .bannerScroll .colm2 div{line-height:24px; height:190px;}
     
    .banner-scroll-wrap .ms-rtestate-field{float: left;    /*height: 410px;*/    overflow: hidden;    width: 100%;    word-wrap: break-word;}
    .banner-scroll-wrap .bannerScroll{ overflow:visible !important;}
    .banner-scroll-wrap .bulletLi{bottom:10px !important}
@media (max-width:940px)
{
	.bannerScroll{/*min-height:480px;  margin-bottom:30px*/}	
	.bannerScroll .colm1, .bannerScroll .colm2{width:100% !important;}
	.bannerScroll .colm2{padding-top:23px !important; text-align:center; margin-top:0px !important}
	.banner-scroll-wrap .ms-rtestate-field{/*height:710px !important;padding-bottom:30px;*/ }
	.bannerScroll .colm2 h1{font-size:30px; text-align:center; margin-bottom:0 !important; width:100%;}
	.bannerScroll .colm2 div{ text-align:center; height:auto !important; padding-bottom:30px;}
	/*.banner-scroll-wrap .bulletLi{bottom:-20px !important}
    .accr_menu .bannerScroll{min-height:317px !Important}*/
	.bannerContainer{min-height:480px;}
}
@media (max-width:650px)
{
	.bannerScroll{/*min-height:160px !important;*/ margin-bottom:0px !important}	
	.banner-scroll-wrap .bulletLi{ display:none}
	.bannerScroll .leftArr, .bannerScroll .rightArr{top:24%;}
	.bannerScroll .colm2 div{height:auto !important; padding-bottom:30px;}
	.banner-scroll-wrap .ms-rtestate-field{/*height:565px !important*/}
    .bannerScroll .colm2{margin-left:0px !important; width:92% !important;}
    .bannerContainer{min-height:160px;}
}

@media only screen and (orientation:landscape) {
.bannerScroll.smallBan {left: 3.5% !important;overflow: hidden !important; width: 93% !important;}
  
}