.responsive body
{
   min-width: 240px;
}
  
.responsive .dei-content-layout img,
.responsive .dei-content-layout video
{
   max-width: 100%;
   height: auto !important;
}

.responsive.responsive-phone .dei-content-layout img 
{
   float: none !important;
}
    
    
.responsive .dei-content-layout .dei-sidebar0, 
.responsive .dei-content-layout .dei-sidebar1, 
.responsive .dei-content-layout .dei-sidebar2 
{
   width: auto !important;
   display:none;
}

.responsive.responsive-phone  .dei-sidebar1 {
	
	padding-left:3px;
	padding-right:6px;

}
    
.responsive .dei-content-layout, 
.responsive .dei-content-layout-row, 
.responsive .dei-layout-cell 
{
   display: block;
}
    
.responsive .image-caption-wrapper 
{
   width: auto;
}

.responsive.responsive-tablet .dei-vmenublock
{
   margin-left: 1%;
   margin-right: 1%;
   width: 64%;
   float: left;
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
}

.responsive.responsive-tablet .dei-block
{
   margin-left: 1%;
   margin-right: 1%;
   width: 32%;
   float: right;
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
}



.responsive .dei-responsive-embed 
{
   position: relative;
   padding-bottom: 56.25%;
   /* 16:9 */
	height: 0;
}

.responsive .dei-responsive-embed iframe,
.responsive .dei-responsive-embed object,
.responsive .dei-responsive-embed embed
{
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
}

.responsive .dei-header 
{
   width: auto;
   height: auto;
   min-height: 100px;
   min-width: 1%;
   margin-right: 1% !important;
   margin-left: 1% !important;
   background-position: center center !important;
   background-size: cover !important;
   background-repeat: repeat !important;
}

.responsive .dei-header .dei-headline, 
.responsive .dei-header .dei-slogan 
{
   display: block !important;
   top: 0 !important;
   left: 0 !important;
   margin: 2% !important;
}
    
.responsive .dei-header .dei-headline a, 
.responsive .dei-header .dei-slogan 
{
   white-space: normal !important;
}
  
.responsive .dei-header *
{
   position: relative;
   text-align: center;
   -webkit-transform: none !important;
   -moz-transform: none !important;
   -o-transform: none !important;
   -ms-transform: none !important;
   transform: none !important;
}

.responsive .dei-header #dei-flash-area,
.responsive .dei-header .dei-shapes>*
{
   display: none;
}

.responsive #dei-header-bg 
{
   background-position: center center !important;
   background-size: cover !important;
   background-repeat: repeat !important;
}

/* Search and other elements in header element directly */
.responsive .dei-header>.dei-textblock
{
   position: relative !important;
   display: block !important;
   margin: 1% auto !important;
   width: 75% !important;
   top: auto !important;
   right: auto !important;
   bottom: auto !important;
   left: auto !important;
}

/* For icons like facebook, rss, etc. */
.responsive .dei-header>.dei-textblock>div 
{
   width: 100%;
}
.responsive .dei-sheet
{
   width: auto !important;
   min-width: 240px !important;
   max-width: none;
  /* margin-right: 1% !important; */
  /* margin-left: 1% !important; */
}

#dei-resp {
   display: none;
}

@media all and (max-width: 1400px) 
{
    /* Decrease menu items space */
    .consumer.headerBlueMenuItem.closed, 
    .consumer.headerBlueMenuItem.selected.closed,
    .consumer.headerBlueMenuItem.open,
    .business.headerBlueMenuItem.closed, 
    .business.headerBlueMenuItem.selected.closed, 
    .business.headerBlueMenuItem.open,
    .service.headerBlueMenuItem.closed,
    .service.headerBlueMenuItem.selected.closed,
    .service.headerBlueMenuItem.open {padding-left:6.5%!important;padding-right:3.5%!important;}
}



@media all and (max-width: 1280px)
{
    /* Decrease menu items space */
    .headerBlueMenuItem, 
    .headerRedMenuItem  
    {
        padding-top:16px;
        padding-bottom:17px;
        padding-right:16px;
        background-position:5px 14px!important;
        background-size:auto 22px;
    } 
        
    .headerBlueMenuItem.selected, 
    .headerRedMenuItem.selected  
    {
        padding-bottom:12px;
	    border-bottom-width:6px;
    }
  
    .headerBlueMenuItem h3, 
    .headerRedMenuItem h3 
    {
	    font-size: 18px;
    }

    .consumer.headerBlueMenuItem.closed, 
    .consumer.headerBlueMenuItem.selected.closed,
    .consumer.headerBlueMenuItem.open,
    .business.headerBlueMenuItem.closed, 
    .business.headerBlueMenuItem.selected.closed, 
    .business.headerBlueMenuItem.open,
    .service.headerBlueMenuItem.closed,
    .service.headerBlueMenuItem.selected.closed,
    .service.headerBlueMenuItem.open {padding-left:5%!important;padding-right:2.9%!important;}

    .headerBlueMenuItem.closed h3:after{ content:url(/site/images/vmenublockheadericon.png);position:relative;left:6px;font-size:0;line-height:0; }
    .headerBlueMenuItem.selected.closed h3:after{ content:url(/site/images/vmenublockheadericon-open2.png);position:relative;left:6px;font-size:0;line-height:0; }
    .headerBlueMenuItem.open h3:after,
    .headerBlueMenuItem.selected.open h3:after { content:url(/site/images/vmenublockheadericon-open.png);position:relative;left:6px;font-size:0;line-height:0;}

    .headerRedMenuItem.closed h3:after { content:url(/site/images/vmenublockheadericon.png);position:relative;left:6px;font-size:0;line-height:0; }
    .headerRedMenuItem.selected.closed h3:after { content:url(/site/images/vmenublockheadericon-red.png);position:relative;left:6px;font-size:0;line-height:0; }
    .headerRedMenuItem.open h3:after,
    .headerRedMenuItem.selected.open h3:after   { content:url(/site/images/vmenublockheadericon-red-open.png);position:relative;left:6px;font-size:0;line-height:0;}
     
     .full-screen-background-image
     { 
           top:145px;
     }
     
     

		/* Force table to not be like tables anymore */
     .smartTable	table
     {
          display:block; 
          width:100%;
     }
    /* .smartTable	 thead, 
     .smartTable	 tbody, */
     .smartTable	th, 
     .smartTable	 tr 
     { 
		 display: block; 
		 float:left;
		 clear:left;
		 width:100%;
		 
	 }
	
	
	
	/* Hide table headers (but not display: none;, for accessibility) */
	.smartTable th { 
		display:none;
	}
	
	.smartTable tr { border: 1px solid #ccc; }
	
	.smartTable td { 
		/* Behave  like a "row" */
		 display: block; 
		 float:left;
		
		 width:100%;
		
		border: none;
		/*border-bottom: 1px solid #ccc;  */
		position: relative;
		
	}
	
	
	.gridspan 
    {
        display:inline-block;   
        border-right:1 px solid grey;
    }
   
     /* Points */
    .poiColContainerEx {width:99%;float:none;}
    .poiCol {width:99%;float:none;} 
    .poiCol.poiBorder {border:0px;}
    
    
}
@media all and (max-width: 1200px)
{
    .announcement__modal {
        width: 60%;
    }
}


@media all and (max-width: 1100px) 
{
    .headerBlueMenuItem,
    .headerRedMenuItem
    {
        background-image:none!important;    
        padding-left:6px!important;
        padding-right:14px;
        padding-top:14px;
        padding-bottom:14px;
    }
    
    .headerBlueMenuItem.selected, 
    .headerRedMenuItem.selected  
    {
	    padding-bottom:10px;    
	    border-bottom-width:5px;
    }
    
    .headerRedMenuItem 
    {
        padding-left:10px!important;
    }
    
    .headerBlueMenuItem h3, 
    .headerRedMenuItem h3 
    {
        font-size:16px;
    }
     
    .consumer.headerBlueMenuItem.closed, 
    .consumer.headerBlueMenuItem.selected.closed,
    .consumer.headerBlueMenuItem.open, 
    .business.headerBlueMenuItem.closed, 
    .business.headerBlueMenuItem.selected.closed, 
    .business.headerBlueMenuItem.open, 
    .service.headerBlueMenuItem.closed, 
    .service.headerBlueMenuItem.selected.closed, 
    .service.headerBlueMenuItem.open { padding-left:2.2%!important;padding-right:2.4%!important;}
     
     .full-screen-background-image
     { 
           top:138px;
     }
     
     div.billPopup  
     {
        padding:20px 10px;
     }
   
     div.billPopupTitle 
     {
       font-size:90%
     }
 
     div.billPopupContents 
     {
       font-size:80%  
     }
   
}

@media all and (max-width: 1024px)
{


}

@media all and (max-width: 1000px)
{
	.footer-logo-left {display:none;}
    .footer-logo-single {display:block;}
    div.apps 
    {
        float:left;
        margin-right:0px;
        width:60%;
    }
}

@media only screen and (max-width : 992px) {

    .cookies {
        font-size: 16px !important;
    }
}
/* media all and (max-width: 768px) */
@media all and (max-width: 950px)
{
    .headerMenuRowContainer 
    {
        width:100%;
        padding-left:10px;
    }
    .headerRedMenu  
    {
        width:170px; 
    }
    
    .headerBlueMenuItem,
    .headerRedMenuItem
    {
        padding-top:16px;
        padding-bottom:16px;
    }
    
    .headerBlueMenuItem.selected, 
    .headerRedMenuItem.selected  
    {
	    padding-bottom:12px;    
	    border-bottom-width:5px;
    }
    
    .headerBlueMenuItem h3, 
    .headerRedMenuItem h3 
    {
        font-size:17px;
    }
     
    
    
    #dei-resp, #dei-resp-t { display: block; }
    #dei-resp-m { display: none; }
	
		/* Force table to not be like tables anymore */
     .smartTable950	table
     {
          display: block; 
          width:100%;
          
     }
 
     .smartTable950	th, 
     .smartTable950	 tr 
     { 
		 display: block; 
		 float:left;
		 clear:left;
		 width:100%;
		 
	 }
	
	
	
	/* Hide table headers (but not display: none;, for accessibility) */
	.smartTable950 th { 
		display:none;
	}
	
	.smartTable950 tr { border: 1px solid #ccc; }
	
	.smartTable950 td { 
		/* Behave  like a "row" */
		 display: block; 
		 float:left;
		/* clear:left;*/
		 width:100%;
		 
		border: none;
		/* border-bottom: 1px solid #ccc; */
		position: relative;
		
		
	}
	
	
	.gridspan950 
    {
        display:inline-block;   
    }
	
	
	
	
	
	.dei-footer-inner{
		width:100%;
	
	}
	
	.footer1 {
		width: 50% !important;
		margin-bottom:20px;
		float:left;
		right:0;
		height:50px;
		padding-left:0px;
		text-align:left;
	}
	
	.footer2{
		display:block;
		width: 50% !important;
		margin-bottom:20px;
		float:right;
		height:50px;
	}
	
	.footer3 {
		display:block;
		width:50%;
		margin-top:20px;
		margin-bottom:20px;
		float:right;
	}
	
	.footer4 {
		width:40%;
		float:left;
	}
	
	.infobox, .infobox-blue
	{
		display:none;
	}
	
	#main-menu-header {
		display:block;
		float:right; 
		width:170px;
		
	}
	
	
	
    .poiCategoryCol {width:99%;float:none;}
	.poiInfo{width:99%;float:none;}

}


@media all and (max-width: 768px) 
{
    .headerMenuContainer {display:none;}
    .headerMenuRowContainer {display:none;}
    
    #dei-resp, #dei-resp-m { display: block; }
    #dei-resp-t { display: none; }
    
	.full-screen-background-image{
		display:none;
	}
	
	#mySwipe {
		 top:0px;
	}
	
	
	.dei-header2 {
		width:100%;
		height:52px;
	}
	
	#logo 
	{
	    padding-top:2px;
	}
	
	#logo a img {
		height: 50px;
	}
	
	
	#contact_us{
		display:none;
	}
	
	#main-image {

		display:none;
	}	
	
	.dei-sheet
	{
		top: 0px;
		margin-bottom: 0px;
	
    }
	
	#mobile-title{
		display:block;
	}
	
	.menu-button {
		display:block;
	}
	
	#desktop-menu {
		display:none;
	}
	
	#desktop-title{
		display:none;
	}
	
	#mobile_menu {
		display:block;
	}
	
	#printlink {
		display:none;
	}
	
	.footer1 {
		width:100% !important;
		margin-bottom:20px;
	}
	
	.footer2{
		display:block;
		width:100% !important;
		margin-bottom:20px;
	}
	
	.footer3 {
		display:block;
		width:100% !important;
		margin-top:20px;
		margin-bottom:20px;
	}
	
	.footer4 {
		width:100% !important;
		margin-top: 10px;
	}
	
	.dei-footer {
		padding:15px;
	
	}
	

    .cust-links ul ,
    .dei-links ul
    {
        margin:0;
    }
    
    .cust-links ul>li, .dei-links ul>li
    {
        padding-left:30px;
    }
	
	.cust-links .content-layout-item, .dei-links .content-layout-item 
	{
	    padding-left:15px;
	    padding-right: 10px; 
	}
	
	/* Points */
	 .poiColEx {width:99%;float:none;} 
    .poiColEx.poiBorder {border:0px;}
    .poiColContainer {width:99%;float:none;} 
    .poiColContainer.poiBorder {border:0px;}
	
    /* Bill Page */
    div.billImageContainer {width:540px!important;overflow:visible;}
	div.billIndicator 
	{
        width:18px; height:18px; -moz-border-radius:50%; -webkit-border-radius:50%; -khtml-border-radius:50%;
        border-radius:50%; border-color:rgb(86,155,65);background-color:rgb(86,155,65);background-image:none;
	}
	
	div.billIndicator span {display:inline; }
	div.billImageLegend.responsive {display:block;}
	
}

@media all and (max-width: 570px)  
{
    #mobilefooter 
    {
		display:block;
	}
    
    #desktopfooter 
    {
		display:none;
	}
	
	.social{
		float:left;
		width:100% !important;
	}
	
	.apps {
		float:left;
		width:100% !important;
	
	}
}
@media only screen and (max-width : 480px) {

    .cookies {
        font-size: 14px !important;
        padding: 10px 10%;
    }

    .cookies__buttons {
        width: 100%;
    }

    .button-container {
        width: 100%;
    }

    .cookies__buttons a {
        display: inline-block;
    }
    
     .cookies__buttons input {
        display: inline-block;
    }

    .button-agree, .button-more {
        float: none;
    }
    
        .announcement__modal {
        width: 100%;
        margin-top: 0;
        border-radius: 0;
        box-sizing: border-box;
        padding: 28px;
        max-height: inherit;
    }

    .announcement__text p{
        text-align: left;
        padding-bottom: 28px;
        font-size: 16px;
        line-height: 24px;
        font-weight: 400;
    }

    a.announcement__button {
        font-size: 16px;
    }

}


@media all and (max-width: 320px)
{
    #dei-resp, #dei-resp-m { display: block; }
    #dei-resp-t { display: none; }
	
	#logo {
		margin-left:5px;
	}	
	
	
	
	
}




.responsive .dei-content-layout, 
.responsive .dei-content-layout-row, 
.responsive .dei-layout-cell 
{
   display: block;
  
}

.responsive .dei-layout-cell 
{
   width: auto !important;
   height: auto !important;
   border-right-width: 0 !important;
   border-left-width: 0 !important;
   border-radius: 0 !important;
}

.responsive .dei-content-layout:after, 
.responsive .dei-content-layout-row:after, 
.responsive .dei-layout-cell:after 
{
   content: ".";
   display: block;
   height: 0;
   clear: both;
   visibility: hidden;
}


.responsive  .dei-postcontent-0 .content-layout-item{ 
	    padding-right: 10px;
	    padding-left: 15px;  

    }

.responsive .dei-post
{
   border-radius: 0;
}

.responsive .dei-footer-inner
{
   min-width: 0;
}
.responsive .dei-footer
{
   margin-top: 1%;
}

.responsive .responsive-tablet-layout-cell 
{
   width: 50% !important;
   float: left;
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
}


/* VH WORKAROUNDS FOR IOS DEVICES */

/**
 * iPad with portrait orientation.
 */
@media all and (device-width: 768px) and (device-height: 1024px) and (orientation:portrait){
    _::-webkit-full-page-media, _:future, :root .announcement__overlay {
        height: 960px;
    }

    _::-webkit-full-page-media, _:future, :root .announcement__modal {
        max-height: 800px;
    }
}

/**
 * iPad with landscape orientation.
 */
@media all and (device-width: 768px) and (device-height: 1024px) and (orientation:landscape){
    _::-webkit-full-page-media, _:future, :root .announcement__overlay {
        height: 720px;
    }

    _::-webkit-full-page-media, _:future, :root .announcement__modal {
        max-height: 520px;
    }
}


/**
 * iPhone 6 in portrait
 */
@media only screen 
and (min-device-width : 375px) 
and (max-device-width : 667px) 
and (orientation : portrait) 
{
    _::-webkit-full-page-media, _:future, :root .announcement__overlay {
        height: 640px;
    }

    _::-webkit-full-page-media, _:future, :root .announcement__modal {
        max-height: 500px;
    }

}

/**
 * iPhone 6 in landscape
 */
@media only screen 
and (min-device-width : 375px) 
and (max-device-width : 667px) 
and (orientation : landscape) 
{
    _::-webkit-full-page-media, _:future, :root .announcement__overlay {
        height: 480px;
    }

    _::-webkit-full-page-media, _:future, :root .announcement__modal {
        max-height: calc(100vh - 72px);
    }

}

@media only screen 
and (max-device-width : 768px) 
and (orientation : landscape) {	
    .announcement__overlay {
        height: 100vh;
    }

    .announcement__modal {
        max-height: 100vh;
    }
}


/**
 * iPhone 6 plus in portrait
 */
@media only screen 
and (min-device-width : 414px) 
and (max-device-width : 736px) 
and (orientation : portrait) 
{
    _::-webkit-full-page-media, _:future, :root .announcement__overlay {
        height: 700px;
    }

    _::-webkit-full-page-media, _:future, :root .announcement__modal {
        max-height: 500px;
    }

}

/**
 * iPhone 6 plus in landscape
 */

@media only screen 
and (min-device-width : 414px) 
and (max-device-width : 736px) 
and (orientation : landscape) 
{
    _::-webkit-full-page-media, _:future, :root .announcement__overlay {
        height: 480px;
    }

    _::-webkit-full-page-media, _:future, :root .announcement__modal {
        max-height: calc(100vh - 72px);
    }

}

/**
 * iPhone 5
 */
@media screen and (device-aspect-ratio: 40/71) {
    .announcement__overlay {
        height: 480px;
    }

    .announcement__modal {
        max-height: calc(100vh - 72px);
    }
}

/**
 * iPhone 5 LANDSCAPE
 */

@media only screen
and (min-device-width : 320px)
and (max-device-width : 568px)
and (orientation : landscape) {

    .announcement__overlay {
        height: 300px;
    }

    .announcement__modal {
        max-height: 128px;
    }
}

/* iPhone 4/4S */
@media
only screen and (min-device-width: 320px)
and (max-device-width: 480px)
and (-webkit-device-pixel-ratio: 2)
and (device-aspect-ratio: 2/3)
{
    .announcement__overlay {
        height: 480px;
    }

    .announcement__modal {
        max-height: calc(100vh - 72px);
    }
}

/* iPhone 4/4S LANDSCAPE */
@media
only screen
and (min-device-width : 320px)
and (max-device-width : 480px)
and (orientation : landscape)
{
    .announcement__overlay {
        height: 300px;
    }

    .announcement__modal {
        max-height: 128px;
    }
}