/* Mobile */
@media handheld, only screen and (max-width:480px) {
.content_lt_top {width: 70% !important;}
.content_mid_top {width: 70% !important;}
.content_rt_top {width: 70% !important;}
.content_lt_bot {width: 70% !important;}
.content_mid_bot {width: 70% !important;}
.content_rt_bot {width: 70% !important;}

.DS-slide img{ width:48% !important;}
.slide-wrapper{ height:205px !important;}
.DS-IntroText .intro-item .intro-description{ font-size:14px !important;text-align:center !important;}
.nav-wrapper-I{ left:45% !important;}
.DS-IntroText div, .DS-IntroText .intro-item{ padding:0px !important;}

.introtext{ position:relative !important; height:150px !important;}
.innercontent_rt{ width:71% !important;}

.contenttwort{ height:280px !important;}

.contentthreelt, .contentfourrt{ height:280px !important;}
 .contentfivelt{ height:305px !important;}
 
 .banner_des{ width:100% !important; text-align:center !important;padding-top:10px !important; font-size:18px !important; line-height:25px !important;}
 .banner_logo{ float:none !important;width:100% !important; text-align:center !important; }
 .banner_logo img{ max-width:55% !important; padding-bottom:10px !important;}

.flex-caption{ height:95px !important; padding:15px !important;}
.slides .summary{ bottom:290px !important;}
.banner_bg{ height:345px !important;}

}


@media handheld, only screen and (max-width:450px) {
.content_lt_top {width: 73% !important;}
.content_mid_top {width: 73% !important;}
.content_rt_top {width: 73% !important;}
.content_lt_bot {width: 73% !important;}
.content_mid_bot {width: 73% !important;}
.content_rt_bot {width: 73% !important;}
.contentonelt{ background-size:100% !important;}

.content{ padding:10px 0px !important;}
.contentonelt{ height:225px !important;}
.contenttwort{ height:245px !important;}
.contentfourrt{ height:250px !important;}
.contentthreelt{ height:250px !important;}
.contentfivelt{ height:270px !important;}


}

@media handheld, only screen and (max-width:420px) {
.content_lt_top {width: 78% !important;}
.content_mid_top {width: 78% !important;}
.content_rt_top {width: 78% !important;}
.content_lt_bot {width: 78% !important;}
.content_mid_bot {width: 78% !important;}
.content_rt_bot {width: 78% !important;}

.introtext{ width:350px !important;}
.DS-IntroText .intro-item .intro-description{ font-size:12px !important;}
.DS-slide img{ width:41% !important;}
.slide-wrapper{ height:196px !important;}

}

@media handheld, only screen and (max-width:384px) {
.content_lt_top {width: 90% !important;}
.content_mid_top {width: 90% !important;}
.content_rt_top {width: 90% !important;}
.content_lt_bot {width: 90% !important;}
.content_mid_bot {width: 90% !important;}
.content_rt_bot {width: 90% !important;}
.innercontent_rt{ width:90% !important;}

.inner_grey_bg{ padding:10px 10px !important; border-radius:10px 0px 0px 0px !important;}
.inner_content p, .inner_content_list ul li, .inner_content_list_bullet ul li{ font-size:14px !important;}
.inner_content{ margin-top:15px !important;}

.inner_grey_title .Head{ font-size:20px !important; line-height:25px !important;}
.contentfivelt{ height:310px !important;}

.introtext{ width:100% !important; left:0px !important; right:inherit !important;}
.DS-IntroText div{ width:100% !important; padding:0px !important;}

.DS-IntroText li{ width:100% !important; margin:0px auto !important; padding:0px !important;}
.slide-wrapper{ height:178px !important;}
.DS-IntroText .intro-item .intro-description{ font-size:14px !important;}

.contenttwort{ min-height:425px !important;}
.contentonelt{ min-height:308px !important;}
.contentthreelt{ min-height:305px !important;}
.contentfourrt{ min-height:430px !important;}

}

@media handheld, only screen and (max-width:360px) {
.content_lt_top {width: 92% !important;}
.content_mid_top {width: 92% !important;}
.content_rt_top {width: 92% !important;}
.content_lt_bot {width: 92% !important;}
.content_mid_bot {width: 92% !important;}
.content_rt_bot {width: 92% !important;}
.introtext{ height:155px !important;}
.DS-slide img{ width:36% !important;}
.slide-wrapper{ height:155px !important;}
.nav-wrapper-I{ right:180px !important;}
.innercontent_rt{ width:92% !important;}
.logo a img{ max-width:95% !important;}
.banner_des{ font-size:16px !important;}

/*BannerStyle*/

.flexslider .slides img { display: block; height: auto !important; max-width: 100%;}
.flex-direction-nav a { background: url("/Portals/0/Image/nav_arrow_mobile.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0) !important; cursor: pointer; display: block; height: 45px !important; margin: -20px 0 0; opacity: 0; position: absolute; text-indent: -9999px; top: 20% !important; width: 14px !important; z-index: 10;}
.controller-I .DS-Next {background-position: 100% 0 !important; right: 0px; left:auto; }
.flex-pauseplay a { bottom: 352px !important; font-size: 1px; padding: 20px; position: absolute; /*display:none;*/}
.flex-play { background: url("/Portals/0/image/flexplay_mobile.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0) !important; cursor: pointer;}
.flex-pause { background: url("/Portals/0/image/flexpause_mobile.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0) !important; cursor: pointer; }
.flex-caption { background-color: rgba(0, 0, 0, 0.8); border-top: 1px solid #D99F21; color: #FFFFFF; font-family: 'Arbutus Slab',serif; font-size: 11px !important; height: 120px !important; line-height: 20px !important; padding: 10px !important; position: relative; top:0px;}
.flex-caption b { height:30px !important; }
.slides .summary { color: #FFFFFF; font-family: Century; font-size: 14px !important; font-style: italic; font-weight: normal; height: 50px !important; padding-left: 5px;    padding-right: 0px !important;	bottom: 260px !important; height: 55px !important; padding-left: 40px !important; width:300px !important; line-height:15px !important; float:none !important; background:none;}
.summary .quotes { color: #FFFFFF; display: none; font-size: 20px; font-weight: bold;}
.banner_bg { height: 298px !important;}
.flex-control-nav { bottom: 128px !important; position: relative; text-align: center; width: 100%;}
.flex-direction-nav .flex-prev, .flex-direction-nav .flex-next{ top:90px !important;}


/*BannerStyle*/

}


@media handheld, only screen and (max-width:324px) {
.social_icon a img{ width:22px !important; height:22px !important;}
.contentthreelt{ height:315px !important;}
.contentfourrt{ height:340px !important;}
.contentfivelt{ height:320px !important;}
.DS-slide img{ width:32% !important;}
.slide-wrapper{ height:138px !important;}
}

@media handheld, only screen and (max-width:320px) {
.content_lt_top {width: 100% !important;}
.content_mid_top {width: 100% !important;}
.content_rt_top {width: 100% !important;}
.content_lt_bot {width: 100% !important;}
.content_mid_bot {width: 100% !important;}
.content_rt_bot {width: 100% !important;}


.green_title .Head, .pink_title .Head, .blue_title .Head, .grey_title .Head, .brown_title .Head{ font-size:15px !important; line-height:25px !important;}
.content{ font-size:12px !important; padding-top:15px !important;}



.bot_bg{ top:-10px !important; margin-bottom:20px !important;}
.lt_top_bg, .mid_top_bg, .rt_top_bg, .lt_bot_bg, .mid_bot_bg, .rt_bot_bg{ background-size:100% !important;}
.cont_title1{ font-size:23px !important;}
.innercontent_rt{ width:100% !important;}

.contentthreelt{ background-size:85% !important;}
.contentthreelt{ height:288px !important;}
.contentfourrt{ height:315px !important;}.contentfivelt{ height:330px !important;}
.DS-IntroText li{ width:97% !important;}
.introtext{ height:155px !important;}
.DS-navi{ width:150% !important;}
.logo a img{ max-width:92% !important;}

.slides .summary{ padding-left:25px !important; bottom:280px !important; width:300px !important;}
.banner_bg { height: 281px !important;}

}