#overlay, .ui-widget-overlay { z-index: 999 }
.DivLogin,.Divforgot { z-index: 9999 }

/*.DivLogin { top: 50%; left: 50%; transform: translate(-50%, -50%) }*/
  #custom-overlay { position: fixed; left: 0; right: 0; top: 0; bottom: 0; background: #000; z-index: 9; opacity: 0.6; }
  
.HomeListBox { height: auto }
.HomeListBox li { height: 28px }
.GridBox li a { height: 60px }
.videoBox iframe { height: 219px !important }
.jcarousel-skin-tango { margin-top: 8px }
#lofslidecontent45 img { max-width: 100% }

#footer-v2 .i-container{position:static}


/* ---------------------------------------------------------
    Responsive Menu
---------------------------------------------------------  */
.navbar-toggle { position: relative; float: right; padding: 8px; margin-top: 3px; margin-right: 15px; margin-left: -12px; margin-bottom: 2px; background-color: transparent; background-image: none; border: 1px solid transparent; border-radius: 4px; background: #1888D4; z-index: 1 }
.navbar-toggle:focus { outline: 0 }
.navbar-toggle .icon-bar { display: block; width: 22px; height: 2px; border-radius: 1px; background: #fff; }
.navbar-toggle .icon-bar+.icon-bar { margin-top: 4px }

/* ---------------------------------------------------------
    My Account Tiles
---------------------------------------------------------  */
.my-account-bar { padding: 14px 0px 0px 0px; margin-bottom: 16px; border-top: 1px solid #eeeeee; margin-top: -5px;    /* outline: 1px solid; */ }
.my-account-bar .breadcrumb { margin-bottom: 0; background: none; padding: 8px; margin-top: -1px; position: relative; top: -2px; display: table }
.main-link-3-list .card { position: relative; height: auto; overflow: hidden; }
.main-link-3 { }
.main-link-3 p.title1 { padding: 8px; margin: 0; color: #fff; font-size: 19px; line-height: 26px; }
.main-link-3 p.title1 .number { float: right; display: inline-block; background: #fff; padding: 5px 10px; font-size: 14px; line-height: 18px; border-radius: 4px; color: #000; font-weight: bold; }
.main-link-3 p.info { padding: 8px; margin: 0; color: #fff; opacity: .8; font-size: 15px; letter-spacing: .3px; }
.bg-1 { background: #174895 }
.bg-2 { background: #61AE46; }
.bg-3 { background: #F8931F; }
.bg-4 { background: #A461A8; }
.bg-5 { background: #199BAB; }
.bg-6 { background: #F1592A; }
.bg-7 { background: #1888D4 }
.bg-8 { background: #976847 }
.bg-9 { background: #5E35B1 }
#divVolusions { margin: 0 -8px -8px; width: auto !important; }
#divVolusions h3 { padding: 8px; margin: 0; text-align: center }
.i-container { position: relative }
.col-sm-4 { box-sizing: border-box; padding: 8px; }
@media (min-width:540px) {
    .col-sm-4 { width: 50%; float: left; }
}
@media (min-width:768px) {
    .col-sm-4 { width: 33.33%; }
}
@media (min-width:640px) { }
.mainCntr { margin: 0; width: 100% !important; }
.i-container { width: 100% !important; padding: 0 13px !important; box-sizing: border-box; max-width: 1024px !important; margin: 0 auto; overflow: }
@media (max-width:539px) {
    .col-sm-4 { padding: 2px 8px }
    .col-sm-4  > div { height: auto !important }
}

/* ---------------------------------------------------------
    Version 2 Header style
---------------------------------------------------------  */
#header-v2 { position: relative ;}
#header-v2:before { content: ""; background: #ff9900; position: absolute; left: 0; right: 0; top: 0; height: 6px; }
#headerCntr { width: auto; height: auto; }
#headerCntr .menuBoxIndiv { width: auto; }
#header-v2 .bg-wrapper > .i-container { }
#header-v2 #menucntr { width: auto; }
#header-v2 #menucntr:after { content: ""; display: table; clear: both }
#header-v2 .socialIcon { float: right }
#headerCntr .menuBoxIndiv ul { overflow: hidden; margin: 0 -1px; }
#headerCntr .menuBoxIndiv ul li { background: none; box-sizing: border-box; padding: 0 1px; }
#headerCntr .menuBoxIndiv ul li a { margin: 0; float: none; }

/* ---------------------------------------------------------
    Version 2 Main content style (including sidebar and main)
---------------------------------------------------------  */
#main-v2 { }
#main-v2 > .bg-wrapper > .i-container { }
#myaccountcntr { width: 100%; box-sizing: border-box; border-radius: 8px; margin-bottom: 80px;}
#myaccountcntr .leftCntr { width: 18%; box-sizing: border-box; padding-right: 12px; padding-top: 12px; margin: 0 }
#myaccountcntr .ContentCntr { box-sizing: border-box; width: 82%; overflow: hidden }
#contentCntrInner { width: 100%; box-sizing: border-box; border-radius: 8px; }
#contentCntrInner .leftCntr { width: 18%; box-sizing: border-box; padding-right: 12px; padding-top: 12px; margin: 0 }
#contentCntrInner .ContentCntr { box-sizing: border-box; width: 82%; overflow: hidden }

.rightCntrForMyaccount { width: 100%; box-sizing: border-box; }
.myAcoount_tab { }
.myAcoount_tab ul { width: auto; overflow: hidden; margin: 0 -4px; }
.myAcoount_tab li { margin: 0; padding: 0 4px; width: 33.33%; box-sizing: border-box }
.myAcoount_tab li a { width: 100%; }
.MyAccount_tab_header { float: none; width: 100%; box-sizing: border-box; height: auto; overflow: hidden }
.ulResourceSearch { }



/* ---------------------------------------------------------
    Version 2 Footer style (sibling of Main)
---------------------------------------------------------  */
#footer-v2 { }
#footer-v2 .bg-wrapper { background: #ff8400 }
#footer-v2 .bg-wrapper > .i-container { }
#footerCntr .left, #footerCntr .right { width: auto }

/* ---------------------------------------------------------
    Home page styles
---------------------------------------------------------  */
.leftCntr { }
.GridBox .float-box { display: table; width: 100%; overflow: hidden }
.GridBox .float-box .float-left-child { display: table-cell; vertical-align: middle }
.GridBox .float-box .float-left-child:first-child { margin-right: 8px; }
.GridBox .float-box .float-left-child:last-child { width: 9999px; }
.GridBox .float-box a, .GridBox .float-box span { color: #fff; }
.rightCntr { }
.GridBox li .detail { display: none; width: auto; height: auto; position: absolute; left: 0px; top: 0px; right: 0; bottom: 0; background: #ff8400; }
.GridBox li { height: auto; }

/* ---------------------------------------------------------
    Responsive media query styles
---------------------------------------------------------  */
@media (max-width:1023px) {
    #headerCntr .menuBoxIndiv { float: none; width: 100%; }
    #headerCntr .menuBoxIndiv ul li { width: 25%; margin: 1px 0; text-align: center }
    #wrapperInner { background: none; }
    #contentCntr { width: 100%; }
    #leftCntr { width: 70%; padding-right: 12px; box-sizing: border-box; }
    .sliderCntr, .lof-slidecontent { width: 100%; height: auto; }
    .sliderBox { width: 100% }
    .sliderNavigation { width: auto; margin: 0 -3px; }
    .sliderNavigation li { width: 20%; height: auto; box-sizing: border-box; margin: 0; border: 1px solid transparent; padding: 3px; background: #fff; }
    .sliderNavigation li * { box-sizing: border-box; }
    .sliderNavigation li a { display: block; width: 100%; }
    .sliderNavigation li a img { width: 100%; }
    .sliderNavigation .name { width: auto; left: 3px; right: 3px; bottom: 0 }
    .sliderNavigation li:hover, .sliderNavigation li.active { }
    .GridBox { box-sizing: border-box; width: 100%; float: none; border: 1px solid #e4e4e4; }
    .GridBox * { box-sizing: border-box }
    .GridBox li .float-box a { min-height: 76px; }
    .GridBox li .detail a { height: 54px }
    .GridBox ul { margin: 0 }
    .GridBox ul:after { content: ""; display: table; clear: both }
    .GridBox ul li { width: 50%; padding: 0; margin: 0; border: 6px solid #fff; }
    .HomeListBox { width: auto; float: none; height: auto; overflow: hidden; box-sizing: border-box; margin-top: 10px; }
    .HomeListBox * { box-sizing: border-box }
    .HomeListBox:after, .HomeListBox ul:after { content: ""; display: table; clear: both }
    .HomeListBox li { width: 50%; float: left; padding: 12px 0 12px 40px; height: auto; }
    .HomeListBox li.support { background-position: 0 -45px; }
    .HomeListBox li.phoneIcon { background-position: 0 -95px; }
    .HomeListBox li.mobileIcon { background-position: 0 -148px; }
    .HomeListBox li.Facebook { background-position: 0 -254px; }
    .HomeListBox li.team { background-position: 0 -304px; }
    .HomeListBox li.presskit { background-position: 0 -350px; }
    .HomeListBox li.FAQ { background-position: 0 -398px; }
    #rightCntr { width: 30%; overflow: hidden; box-sizing: border-box }
    .digestBox { width: 100%; height: auto; box-sizing: border-box }
    .digestBox * { box-sizing: border-box }
    .digestBox li { width: 100%; height: auto; }
    .videoBox { width: 100%; box-sizing: border-box; }
    .videoBox * { box-sizing: border-box }
    .videoBox ul li iframe { width: 100% !important; height: 140px !important }
    .videoBox .viewAll { width: 100%; padding: 0 5px }
    .videoBox .viewAll a { width: 100% }
    .sliderDetail { left: 0; right: 0; width: auto; }
    .jcarousel-skin-tango { margin-top: 12px }
    .ourpartnerBox { margin-right: 53px; width: auto !important; }
    .digestBox h2 { height: 42px }
}

@media(max-width:960px){
.program-main{ width:70%}
.program-sidebar{ width:30%}

.left-container {width: 70%;}
.right-container {width:30%;}
}

@media (max-width:959px) {
    #headerCntr .menuBoxIndiv ul li { width: 50%; }
    #myaccountcntr .leftCntr { width: 100%; clear: both; padding-right: 0; }
    #myaccountcntr .ContentCntr { width: 100%; clear: both; }
    #contentCntrInner .leftCntr { width: 100%; clear: both; padding-right: 0; }
    #contentCntrInner .ContentCntr { width: 100%; clear: both; }
    .userimage { float: left; margin-right: 10px; }
    #DivVideoDetail { display: none }
    .user-info { overflow: hidden }
    #myaccountcntr .leftCntr .leftMenuBar { margin: 12px -4px 0; }
    #myaccountcntr .leftCntr .leftMenuBar li { display: block; float: left; width: 33.33%; box-sizing: border-box; padding: 0 4px; border: none; min-width: 156px; }
    #myaccountcntr .leftCntr .leftMenuBar li a { width: 100%; box-sizing: border-box; border-bottom: dotted 1px #dddddd; }
    #myaccountcntr .leftCntr .clear { display: none; }
    #contentCntrInner .leftCntr .leftMenuBar { margin: 12px -4px 0; }
    #contentCntrInner .leftCntr .leftMenuBar li { display: block; float: left; width: 33.33%; box-sizing: border-box; padding: 0 4px; border: none; min-width: 156px; }
    #contentCntrInner .leftCntr .leftMenuBar li a { width: 100%; box-sizing: border-box; border-bottom: dotted 1px #dddddd; }
    #contentCntrInner .leftCntr .clear { display: none; }
    .sliderNavigation { display: none }
    .sliderDetail { background: #505050; }
    .sliderDetail p { display: none }
     .loginPanel{ width: 278px; margin:25px auto;}
    .contentMinHeight {min-height:250px;}
   
    
}

@media(max-width:768px) {
  form:after { content: ""; height: 130px;}
  .NotificationCircle form.no-after:after { content: ""; min-height: 5px; height: initial;}
  #ulAllNotificationsAll form.no-after:after { content: ""; min-height: 5px; height: initial;}
}

@media (max-width:767px) {
.menuBoxIndiv li a { height: 28px; line-height: 8px; }
.MyAccount_tab_header .MyAccount_tab_outer { }
.GridBox li .detail { position: static; display: block; }
.GridBox li .detail a { background: #1d2e42 ;width:100%;}
#footerCntr .right { float: none; text-align: center; padding-top: 6px; clear: both }
#footerCntr .left { float: none; text-align: center }
#footerCntr .left .footerLogo { display: none }
.sliderDetail h2 { font-size: 19px; }
.sliderDetail span { font-size: 13px; display: none }
.sliderDetail a { font-size: 14px; }
.sliderDetail { height: 20px; padding: 8px 4px; background: #505050; font-size: 14px; }
ul.lof-main-wapper, ul.lof-main-wapper li { height: 100%; }
   
.MyAccount_tab_header .MyAccount_tab_outer{padding: 8px 22px 12px;       border-left: none;    white-space: nowrap;    text-align: center; vertical-align:middle}
.MyAccount_tab_header .MyAccount__tab_tab{display:inline-block;  vertical-align:middle}
.MyAccount_tab_header .messagecounter {width: auto;height: auto;line-height: 1;text-align: right;margin-left: 8px;float: none;margin-right: 0; vertical-align:middle}

.program-main, .program-sidebar{ width:100%; float:none; clear:both}

.program-main-comment{margin-bottom: -28px;}
#content{padding-bottom:80px;}
}

@media(max-width:680px){
.left-container {width: 100%; float:none;}
.right-container {width:100%; float:none;}

.program-main-header .left-side {float:left; width:108px;}
.program-main-header .right-side {float:left; width:calc(100% - 108px); clear: inherit;}
.messagepop {top:20%;left:3%; width: 89%;}
.ulSubCategoryTag{overflow-y:scroll; padding:5px 2px !important; margin-bottom:16px;}
.ulSubCategoryTag div#ContentPlaceHolder1_SubCategoryControl_divSubCategoryTag{min-width:780px;}
.ulSubCategoryTag::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 2px rgba(0,0,0,0.3);background-color: #F5F5F5;}
.ulSubCategoryTag::-webkit-scrollbar{width:2px; height:2px; background-color: #F5F5F5;}
.ulSubCategoryTag::-webkit-scrollbar-thumb{background-color: #272727;}
.searchBox{position:relative; margin-top:-61px !important;} 
.searchBox div{width:36px;}
.nbs-flexisel-container iframe {min-width: 324px!important;}
#ContentType{margin-right:2px;}

.nbs-flexisel-nav-left {left: -17px !important;}
.nbs-flexisel-nav-right {right: -14px !important;}
}

@media (max-width:639px) {
   #EditProfilePic{display:none!important}
    .loginPopup .arrow{display:none}
    .loginPopup{top:52px; right:6px; width:278px;}  
     .i-container { padding: 0 4px !important }
    #myaccountcntr { padding: 10px 4px; }
    #contentCntrInner { padding: 10px 4px; }
    #headerCntr .tagLine { display: none }
    .myAcoount_tab ul { margin: 0 -2px }
    .myAcoount_tab li { padding: 0 2px; }
    .myAcoount_tab li a { font-size: 14px; height: 56px; }
    .myAcoount_tab li .icon { width: 100%; height: 34px; display: block; background: url(../images/myaccountIcon_small.png) center top no-repeat; }
    .myAcoount_tab li .icon.Resources { background-position: center -507px; float: left; margin: 2px 0px 0px 0px; }
    .myAcoount_tab li .icon.mylocker { background-position: center -204px; float: left; margin: 2px 0px 0px 0px; }
    .myAcoount_tab li .icon.mycontacts { background-position: center -333px; float: left; margin: 2px 0px 0px 0px; }
    .myAcoount_tab li:hover .icon.mylocker, .myAcoount_tab li.active .icon.mylocker { background-position: center -259px; float: left; margin: 2px 0px 0px 0px; }
    .myAcoount_tab li:hover .icon.mycontacts, .myAcoount_tab li.active .icon.mycontacts { background-position: center -388px; float: left; margin: 2px 0px 0px 0px; }
    .myAcoount_tab li:hover .icon.Resources, .myAcoount_tab li.active .icon.Resources { background-position: center -461px; float: left; margin: 2px 0px 0px 0px; }
    .MyAccount__tab_tab { display: inline-block; vertical-align: top; }
    .messagecounter { margin: 0; float: none; display: inline-block; vertical-align: top; height: 22px; line-height: 22px; }
    
    .MyAccount_tab_header .MyAccount_tab_outer + .MyAccount_tab_outer { margin-top: 4px; }
    .MyAccount_tab_header .MyAccount_tab_active{background:#c17230!important; color:#fff!important}
    
    #divMyAccountTab { margin-top: 4px !important; padding: 0; margin-bottom: 0;   border-radius: 4px;    border: 1px solid #944300;    background: #944300!important;}
    .MyAccount_tab_header .MyAccount_tab_outer{width:100%; box-sizing:border-box;}
    
    .MyAccount_tab_header .MyAccount_tab_outer{height:auto; margin-bottom:-4px; white-space:normal; padding:0; position: relative;  top: 50%;  transform: translateY(-50%);    }
    .res-tab{height: 40px;    display: block;    float: left;    width: 33.33%;    box-sizing: border-box; padding:0 4px; border-right:1px solid #c17230;}
    #res-tab_Issues {border-right:none;}
    
    .res-tab.active{background:#c17230!important;}
    .MyAccount_tab_header .MyAccount_tab_outer + .MyAccount_tab_outer{margin-top:0; border-left: 1px solid #944300!important}    
    .MyAccount_tab_header span:hover,.MyAccount_tab_header a:hover {    background: transparent!important;}    
    .messagecounter{display:none}
    .breadcrumb { display: none }
    #myaccountcntr { border-radius: 0 }
    #myaccountcntr .leftCntr { position: relative; padding-top: 0 }
    #contentCntrInner { border-radius: 0 }
    #contentCntrInner .leftCntr { position: relative; padding-top: 0 }
    .user-info { position: absolute; top: 42px; right: 0; width: 190px; background: #fff; padding: 8px 0; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.15); z-index: 1; display: none; }
    #myaccountcntr .leftCntr #imgProfilePic { margin-top: 0; width: 48px; height: 48px; }
    #myaccountcntr .leftCntr .leftMenuBar { margin: 0 }
    #myaccountcntr .leftCntr .leftMenuBar:after { content: ""; display: table; clear: both; }
    #myaccountcntr .leftCntr .leftMenuBar li { float: none; width: 100%; border-bottom: dotted 1px #dddddd; padding: 0 15px; }
    #myaccountcntr .leftCntr .leftMenuBar li:last-child { border: none }
    #myaccountcntr .leftCntr .leftMenuBar li a { background: none; padding: 0; border: none; text-align: right }

    #contentCntrInner .leftCntr #imgProfilePic { margin-top: 0; width: 48px; height: 48px; }
    #contentCntrInner .leftCntr .leftMenuBar { margin: 0 }
    #contentCntrInner .leftCntr .leftMenuBar:after { content: ""; display: table; clear: both; }
    #contentCntrInner .leftCntr .leftMenuBar li { float: none; width: 100%; border-bottom: dotted 1px #dddddd; padding: 0 15px; }
    #contentCntrInner .leftCntr .leftMenuBar li:last-child { border: none }
    #contentCntrInner .leftCntr .leftMenuBar li a { background: none; padding: 0; border: none; text-align: right }

    #divVolusions h3 { font-size: 15px; }
    #headerCntr .menuBoxIndiv { position: absolute; z-index: 99; padding: 4px; background: #fff; right: -4px; left: -4px; top: 50px; width: auto; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.15); display: none }
  
    .navbar-toggle.collapsed { display: block !important; float: left; margin-left: 2px; }
    #headerCntr .menuBoxIndiv ul li { width: 100%; }
    #header-v2 .LoginBox, .LogoutBox { background: #ff9900; float: none; box-sizing: border-box; margin-bottom: 10px; line-height: 20px; padding: 0 15px; width: auto; margin-left: -4px; margin-right: -4px; z-index: 999; display: none }
    #header-v2 .LogoutBox { background: none; }
    .LogoutBox ul { float: right; position: relative; top: 5px; }
    .socialIcon >ul > li { height: 30px; width: 30px; box-sizing: border-box ; margin-left:4px;}
    .NotificationCircle{padding:0;}
    .socialIcon >ul > li > a{width:30px; height:30px;}
    .socialIcon .Notification { background: url(Images/notification_small.png) left top no-repeat;  height:30px; width:30px;    background-position: 3px 4px;}
    .socialIcon .Message { background: url(../images/message_small.png) top 3px center no-repeat; }
    .socialIcon .ShoppingCart { background: url(../images/shopping_cart_small.png) center top 5px no-repeat; }
    .socialIcon .Feedback { padding-right: 4px; height: 30px; width: 30px; display: block; background: url(../images/feedBack_small.png) left top no-repeat; }
     .socialIcon .Feedback:hover{ background-position:left -30px;}
    .socialIcon .logout-btn { background: url(Images/logout_small.png) left top no-repeat; height:30px; width:30px; display:inline-block;     background-color: #f1592a; border-radius:50%; background-position:7px 5px}

    .NotificationCircle { margin-left: 4px }
    .LoginBox li a { font-size: 12px; padding: 4px 8px }
    #HeaderDefault1_Login1_loginTable { float: right; margin-top: 4px; }
    #menucntr { margin-top: -60px; padding: 8px 0; margin-bottom: -5px }
    .main-link-3 p.info { padding: 0 8px 8px; }
    .logo { height: 26px; width:48px; background-size: contain; position: relative; top: 6px }
    .uldonate { position: relative; top: 7px; }
    .socialIcon { position: relative; top: 0px; }
    .leftCntr .navbar-toggle.collapsed { margin-right: 0; background: #fff; }
    .leftCntr .navbar-toggle .icon-bar { border-radius: 50px; width: 4px; height: 4px; background: #515151; }
        
    /* ---------------------------------------------------------
    Home page styles
    ---------------------------------------------------------  */
    #leftCntr { width: 100%; float: none; padding: 0 }

    /*ul.lof-main-wapper li img{width:100%; max-width:100vw}*/
    .HomeListBox li { background: url(../images/spritIcon_small.png) left top no-repeat; height: auto; padding: 9px 0 9px 30px; }
    .HomeListBox li a { font-size: 13px; }
    .HomeListBox li.support { background-position: 2px -33px; }
    .HomeListBox li.phoneIcon { background-position: 2px -69px; }
    .HomeListBox li.FAQ { background-position: 2px -297px; }
    .HomeListBox li.team { background-position: 2px -226px; }
    .HomeListBox li.presskit { background-position: 2px -261px; }
    #rightCntr { width: 100%; float: none; margin-top: 12px; }
    .DivLogin .modelPopUp { width: 280px !important }
    .ifoster-num { display: block }

    .uldonate{top:0; margin-right:8px;}
    .uldonate li{margin-top:3px!important; float:left!important;}
    .uldonate li img{height:24px}

    .responsive_loginbox{float:right; margin-top:5px;}

    .responsive_loginbox i{width:28px; height:28px; display:block; float:left; margin-right:4px; box-sizing:border-box; border:1px solid  #1888d4; border-radius:50%; background:url(Images/login_responsive_sprite.png) no-repeat;    background-color: #1888d4;}
    #login_resp .login-icon{background-position:2px -26px}
    #singup_resp .signup-icon{background-position:2px 0}
    #header-v2 {  z-index: 99;    background: #fff;}

    #Logout_resp .logout-icon{background-position:4px -52px}
    
    .DivLogin{left: 14px;    right: 14px;    transform: translate(0);}
    .modelPopUp {        width: auto!important;    left: 14px!important;    right: 14px!important;    z-index: 99999!important;}
    .i-container .DivLogin .modelPopUp, .i-container .Divforgot  .modelPopUp{       width: auto!important;    left: 0!important;    right: 0!important;    z-index: 99999!important;}
    .i-container .modelPopUp {   width: auto!important;    left: 14px!important;    right: 14px!important;    z-index: 99999!important;    transform: translate(0)!important;    top: 60px!important;}
    .modelPopUp textarea {width: 100% !important; box-sizing:border-box;}

    .Divforgot {        z-index: 9999;        top: 80px;        left: 14px;        right: 14px;        transform: translate(0);    }
    .divforgot input[type=text]{max-width:80px}


      #ContentPlaceHolder1_OneProgram1_divViewProfile{padding-top:0!important}
    .divCommentArticle.popupFixed{position:fixed; top:0; left:0; right:0; transform:translate(0)}
}

.dropdown-menu{right: -24px}

@media(max-width:579px){
    .program-main-header-image-wrap{    float: none;    clear: both;    width: 100%;    overflow: hidden;    text-align: center;}
    .program-main-header-image-wrap .ImageBorder{float:left;width: 94px;    margin-right: 15px;}
    .program-main-header-text{ width:100%; clear:both;}
    .program-main h2{padding-top:8px; font-size:18px}
    .program-sidebar h3{font-size:16px;}
    .Date {padding-top: 4px;    display: inline-block;}
}

@media (max-width:420px) {
    .GridBox li .detail a { height: 70px!important; }
    .loginPanel{background-color: #F2F2F2;    border: solid 1px #d5d5d5;    margin: 30px auto;    padding: 10px;    width: 278px;    height: 140px;}
     
}