/* ----------------------------------------------------------------*/
/* Grid between 320-479px (mediaqueries)
-----------------------------------------------------------------------------------------------------------------------------------------*/
@media only screen and (min-width: 320px) and (max-width: 479px) {

/* RESPONSIVE FIXED HEADER POSITIONS - 480-767px
----------------------------------------------------*/
.addressfixpositionheader {
    z-index: 99;
    }
    
.addressfixpositionsubbanner {
    margin-top: 100px;
    }

/* RESPONSIVE BASE CONTAINER & GRID WIDTH - 320-479px
----------------------------------------------------*/
#basecontainer {
    clear: both; 
    width: 100%; 
    }

.basesectionwidth {
    clear: both; 
    width: 100%;
    min-width: 300px;
    max-width: 460px;
    }

.basegridwidth {
    width: 99%;
    min-width: 290px; 
    max-width: 468px;
    }
    
.contentwidth {
    width: 95%;
    min-width: 280px;
    max-width: 440px;
    }
    
 
/* RESPONSIVE MAIN NAV SHOW/HIDE - 320-479px
----------------------------------------------------*/
.navd, .utilitynav, .subnavvisible {
    display: none !important;
    }

header, .navr {
    display: block;
    }


/* RESPONSIVE SUB BANNER - 768-1003px
----------------------------------------------------------*/
.subbanner{
    clear: both;
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    text-align: center;
    height: 105px;
    margin: 0 auto;
    background-color: #013564;
    z-index: 4;
    background-image: url('/Themes/Default/content/Images/sub-banner-general.jpg')
    }

.dashbanner{
    clear: both;
    position: relative;
    top: 113px;
    left: 0;
    width: 100%;
    text-align: center;
    height: 53px;
    margin: 0 auto;
    background-color: #013564;
    z-index: 4;
    }

/* RESPONSIVE CONTENT AREAS & GRIDS - 480-767px
--------------------------------------------------*/     
.contentgrid {
    width: 100%;
    } 

.contentarea {
    position: relative;
    clear: both;
    float: none;
    padding: 12px 0 0 0;
    width: 100%;
    min-width: 280px;
    }
    
.contentarea .contentblock {
    padding: 5px 0 25px 0;
    width: 100%;
    min-width: 260px;
    max-width: 480px;
    min-height: 200px;
    _height: 200px;
    }

.StandardCBStyle table td {
    display: table-row !important;
}
	
     
/* RESPONSIVE SUB PARENT TITLE - 480-767px
----------------------------------------*/
.accentheaderline {
    position: fixed;
    left: 0;
    top: 64px;
    height: 8px;
    width: 100%;
    background-color: #FC4445;
    z-index: 101;
}

.subparenttitle {
    top: 42px;
    padding: 0;
    }

.subparenttitle h1 {
    font-size: 22px;
    line-height: 22px;
    font-weight: 700;
    padding: 0;
    margin: 0;
    letter-spacing: 0;
    } 

.accentsubheaderline {
    position: absolute;
    left: 0;
    bottom: 2px;
    height: 6px;
    width: 100%;
    background-color: #FC4445;
    z-index: 102;
}

.contentarea .pagetitle h2, .contentarea .pagetitle h3 {
    font-size: 26px;
    line-height: 26px;
    font-weight: 700;
    color: #FC4445;
    text-transform: uppercase;
    margin: 0;
    padding: 0;
}

/* RESPONSIVE SERVICES FOOTER - 480-767px
----------------------------------------------------*/ 
.servicesfooterlevelgrid .titlegrid .title {
    font-weight: 300;
    font-size: 18px;
    line-height: 24px;
    letter-spacing: .02em;
    text-align: center;
}

.servicesfooterlevelgrid .titlegrid .descrip {
    font-size: 18px;
    line-height: 24px;
    text-align: center;
}

.servicesfooterlevelgrid .titlegrid .descrip br {
    display: none;
}
    
/* RESPONSIVE FOOTER - 320-479px
----------------------------------------------------*/ 
#footer {
    height: 100px;
    font-size: 11px;
    padding: 10px 0 0 0;
    }

.footerleft {
    clear: both;
    float: none;
    width: 100%;
    padding-top: 3px;
    text-align: center;
    }
    
.footerright {
    clear: both;
    float: none;
    width: 100%;
    padding-top: 5px;
    text-align: center;
    } 
 
 
/* RESPONSIVE HOME BANNER AREA GRID - 320-479px
----------------------------------------------------*/
.homebanner {
    top: 0 !important;
}

.bannercontent {
    max-width: 600px;
    top: 28px;
    height: 199px;
}

.hometextbox .line02 {
    margin: 0 auto;
    max-width: 280px;
}

.bannercontent .line02 br {
    display: none;
}

.hometextbox .line01, .hometextbox .line02 {
    padding: 0 0 0 0;
}

.hometextbox .line01 h3 {
    font-size: 16px;
    line-height: 16px;
    text-align: center;
}

.hometextbox .line02 h2 {
    font-size: 22px;
    line-height: 22px;
    text-align: center;
}

.bannercontent .homebannerlink {
    bottom: 0;
    left: auto;
    right: auto;
    display: inline-block;
    text-align: center;
    width: 100%;
}

.bannercontent .homebannerlink a {
    width: 90%;
    max-width: 300px;
    display: inline-block;
    text-align: center;
    font-size: 14px;
}

/* RESPONSIVE HOME PAGE GALLERY - 320-479px
----------------------------------------------------*/
.gallerycontainer {
    width: 100%;
    min-width: 260px;
    max-width: 479px;
    height: 250px;
    margin: 0 auto;
}

/* RESPONSIVE HOME CONTENT - 320-479px
----------------------------------------------------*/

.homelevel01grid {
    max-width: 460px;
    padding: 25px 0;
    min-height: auto;
    _height: auto;
}

.homelevel01grid .titlegrid .title h1 {
    text-align: center;
    font-size: 27px;
    line-height: 30px;
    letter-spacing: 0;
}

.homelevel01grid .homeappcontent {
    padding-top: 0px;    
    text-align: center;
}

.homelevel01grid .titlegrid .title {
    min-height: auto;
}

.homelevel01grid .titlegrid {
    padding-top: 8px;
    padding-bottom: 20px;
}

.homelevel01grid .titlegrid .descrip {
    text-align: center;
}

.HomeCBStyle, .HomeCBStyle .normalPara p, .HomeCBStyle .normalPara, .HomeCBStyle p {
    font-size: 20px !important;
    line-height: 28px !important;
}

.homelevel01grid .homeappcontent .title {
    padding-top: 0;
    padding-bottom: 5px;
    font-size: 22px;
    line-height: 26px;
    letter-spacing: 0;
}

.homelevel01grid .homeappcontent .descrip {
    min-height: 65px;
    font-size: 16px;
    padding-bottom: 10px;
    line-height: 25px;
    padding-bottom: 0;
    letter-spacing: .05em;
}

.readmore {
    position: relative;
    margin-top: 12px;
    margin-bottom: 26px;
}

.readmore a {
    width: 90%;
    max-width: 300px;
    display: inline-block;
    text-align: center;
}

.homelevel01grid .clearbody {
    height: 20px;
}

.homelevel02grid .titlegrid .title {
    min-height: auto;
    font-size: 21px;
    line-height: 26px;
    letter-spacing: 0;
}

.homelevel02grid .titlegrid .descrip {
    min-height: 75px;
    _height: 75px;
}

.HomeCBServiceStyle, .HomeCBServiceStyle .normalPara p, .HomeCBServiceStyle .normalPara, .HomeCBServiceStyle p {
    font-size: 18px;
    line-height: 26px;
}

.homelevel02grid .homeserviceleftline {
    text-align: center;
    padding-left: 0;
    border-left: none;
}

.homelevel02grid .homeservicelink {
    padding-left: 0;
}

.readmore.readmoredarkbg {
    position: relative;
    text-align: center;
    margin-top: 18px;
}

.readmore.readmoredarkbg a {
    width: 90%;
    max-width: 300px;
    display: inline-block;
    text-align: center;
}

}