@media only screen and (max-width : 667px),only screen and (max-device-width : 667px),all and (max-width : 1023px) and (min-width : 1015px)
{
    body
{
    max-width:480px
}

#header
{
    width:auto;
    height:auto!important;
    padding:0;
    margin:0;
    clear:both
}

#wrapper #header
{
    background:none;
    margin-bottom:10px
}

#searchpage #wrapper #header,#homepage #wrapper #header
{
    margin-bottom:0
}

#header > ul,#header .clear,#header .advert
{
    display:none
}

#header .search-box
{
    background:url(https://www.dartford.gov.uk/__data/assets/image/0005/87665/bg-search.jpg?v=0.1.4) no-repeat 0 0;
    width:auto;
    height:40px;
    float:none;
    margin:0;
    padding:0;
    display:none;
/*  NN Added new lines to show search on all Mobile pages (NOTE semi colon added above */
    clear:both;
    display:inline-block;
    margin-top:17px 
}

#searchpage #header .search-box,#homepage #header .search-box
{
    display:block
}

#header .search-box form
{
    width:auto;
    padding:4px 7px 7px;
    position:relative
}

#header .search-box form span
{
    background:url(https://www.dartford.gov.uk/__data/assets/image/0007/87667/bg-search-text.png?v=0.1.1);
    float:none;
    width:auto;
    margin-right:94px
}

#header .search-box form span input
{
    width:100%
}

#header .search-box form input[type="submit"]
{
    width:94px;
    position:absolute;
    right:7px;
    top:4px
}

#header > a
{
    padding:10px;
    clear:both;
    display:inline-block;
    margin-top:17px
}

#searchpage #header > a,#homepage #header > a
{
    margin-top:0
}

#header > a img
{
    width:auto;
    float:none;
    margin:0;
    max-width:226px
}

.mob-menu
{
    display:block;
    font-size:1.3em;
/*  padding:30px 10px 10px; */
    padding:5px 10px 10px;
    color:#5a7484;
    font-weight:700;
    cursor:pointer
}

.mob-menu span
{
    background:url(https://www.dartford.gov.uk/__data/assets/image/0004/87664/mob-menu.png?v=0.1.1) no-repeat right 5px;
    padding-right:13px
}

#searchpage .mob-menu
{
    padding-top:10px
}

#homepage .mob-menu
{
/* display:none; */
   padding:30px 10px 10px
}

ul#mobile_top-navigation
{
    width:100%;
    height:auto;
    float:none;
    position:absolute;
/*  top:171px; */
    top:210px; 
    display:none;
    clear:both;
    z-index:1000
}

/* #homepage ul#mobile_top-navigation
{
    display:none;
    position:relative;
    top:20px
} */

ul#mobile_top-navigation > li
{
    width:100%;
    display:block;
    margin:0
}

ul#mobile_top-navigation > li a,#content > a.home
{
    background:#00b293;
    background:linear-gradient(to bottom,#0B4052 0%,#1C6A85 100%);
    color:#FFF;
    text-decoration:none;
    display:block;
    width:100%;
    height:16px;
    padding:10px 0;
    clear:both
}

ul#mobile_top-navigation > li a span,#content > a.home span
{
    background:none;
    padding:0 10px;
    font-size:16px;
    font-weight:600;
    text-align:left
}

ul#mobile_top-navigation > li.nav-117
{
    display:none
}

/* NN 1.7.2018 */
ul#mobile_top-navigation > li.nav-951
{
    display:none
}

ul#mobile_top-navigation > li ul
{
    display:none!important
}

#mobile_top-navigation li a.selected
{
    border-bottom:1px solid #fff
}

#mobile_top-navigation li a span.more
{
    background:none
}

#container
{
    margin-top:1em!important
}

#content
{
    padding-left:3px;
    width:98%!important;
    position:relative;
    clear:both
}

#home-nav
{
    margin-bottom:0!important
}

#home-nav #carousel
{
    width:33.3%!important
}

#home-nav #carousel ul
{
    width:100%!important
}

#home-nav #carousel ul li
{
    width:auto!important;
    display:block!important;
    height:64px!important;
    float:none;
    margin-bottom:1px!important;
    overflow:hidden!important
}

#home-nav #carousel ul li > div
{
    display:none!important
}

#home-nav #carousel ul canvas
{
    display:none!important
}

#home-nav .nav
{
    width:66.6%!important
}

body#homepage #wrapper #container #content #home-nav .nav .nav-row li
{
    width:100%!important
}

#home-nav #navbuttons ul li
{
    border-radius:0!important
}

#breadcrumbs
{
    width:auto;
    padding:0 10px;
    display:none
}

#content > h1,#content > h2,#content > p,#content form,#content .service-box
{
    width:auto!important;
    margin:10px 0!important;
    padding:0 10px!important
}

#content .indexes
{
    width:auto!important;
    padding:0 10px!important
}

#content .indexes > div
{
    background-position:bottom!important;
    width:auto!important;
    padding:10px 0!important
}

#content .indexes > div > div
{
    width:100%!important;
    margin-right:0!important
}

#content .indexes > div > div > p
{
    width:auto;
    padding:0 5px
}

#wrapper #container #content div.indexes div.finish
{
    background:transparent!important
}

#content .indexes .finish ul > li
{
    width:100%!important;
    padding-right:0!important
}

#content .indexes .finish ul > li > a,#content .indexes .finish ul > li > a img
{
    width:30%
}

#content #main-banner
{
    width:auto;
    padding:0 10px;
    margin:0!important
}

#content #main-banner .top-row,#content #main-banner .bottom-row
{
    display:none!important
}

#content #landing .content
{
    background:transparent!important;
    border:0!important;
    padding:0!important;
    width:100%!important
}

#content #landing .content img
{
    display:none!important
}

#content #logos
{
    display:none
}

#content ul.a-z-bar
{
    height:auto!important;
    margin-bottom:15px!important
}

#content ul.a-z-bar > li
{
    height:40px!important;
    margin:0 5px 5px 0 !important
}

#content a.printer-link
{
    display:none!important
}

#content .service-box ul
{
    list-style:none!important
}

#content .service-box ul li
{
    background:transparent!important;
    padding:0 0 .714em!important
}

#content .service-box ul li a
{
    background:url(https://www.dartford.gov.uk/__data/assets/image/0006/87666/icons1.png?v=0.1.1) no-repeat scroll 0 -526px transparent;
/*  background:url(https://www.dartford.gov.uk/__data/assets/image/0019/72361/icons1.png) no-repeat scroll 0 -526px transparent; */
    color:#009B84!important;
    color:#0B4052;
    display:block;
    font-weight:700;
    padding-left:14px;
    text-decoration:none
}

#left-sidebar,#right-sidebar
{
    display:none
}

#footer
{
    margin-top:20px!important;
    padding-top:35px!important
}

#footer .wrapper
{
    width:auto;
    padding:0 10px
}

#footer .wrapper a
{
    width:49.95%
}

#footer .disclaimer
{
    width:auto;
    padding:0 10px 10px 0;
    line-height:1.4em
}

/* NN 30.07.2018 Added to reduce font size */
#footer .wrapper .disclaimer p
{
    font-size:1em
}

.az-col
{
    clear:both;
    margin-left:10px
}

#content .az-col ul
{
    margin-bottom:5px
}

#wrapper #container #content ul.a-z-bar
{
    margin-left:10px;
    float:left;
    width:96%
}

#footer .wrapper .col
{
    padding-right:5px;
    width:30%
}

#wrapper #container #content ul.col-2 li,#wrapper #container #content ul.col-2-last li
{
    width:100%
}

#wrapper #container #content ul.col-2 li.odd,#wrapper #container #content ul.col-2-last li.odd
{
    width:97%
}

#wrapper #container #content ul.col-4 li,#wrapper #container #content ul.col-4-last li
{
    width:100%
}

#wrapper #container #content ul.col-4 li.odd,#wrapper #container #content ul.col-4-last li.odd
{
    width:97%
}

#wrapper #container #content #search .bar span.prev,#wrapper #container #content #search .bar span.pag a,#wrapper #container #content #search .bar span.pag b
{
    padding-right:5px
}

#wrapper #container #content #search .bar span.next
{
    padding-left:5px
}

#wrapper #container #content div.indexes div#search
{
    width:100%!important
}

#wrapper #container #content #search .bar
{
    width:95%!important
}

#searchpage #wrapper #container #content form
{
    padding-left:0!important
}

#searchpage #wrapper #container #content form span
{
    margin-left:0!important
}

#wrapper #container #content form fieldset div.opts-group,#wrapper #container #content form fieldset div.opts-group-last
{
    margin:0 0 1.6em
}

body#homepage #wrapper #container #content #home-nav .image-container ul li
{
    display:block!important;
    opacity:1!important;
    position:static!important
}

#wrapper #container #content form fieldset
{
    padding-left:10px;
    width:97%
}

#wrapper #container #content form fieldset div
{
    margin-bottom:8px
}

#wrapper #container #content form fieldset div label
{
    width:90%;
    text-align:left;
    padding-bottom:3px
}

#wrapper #container #content form fieldset div input,#wrapper #container #content form fieldset div textarea
{
    width:90%!important;
    text-align:left
}

#wrapper #container #content form fieldset div textarea
{
    height:80px!important
}

#cookieDirective .cookie-policy img
{
    display:none
}

.device-only
{
    display:block
}

#mqueries-sel
{
    padding:6px 8px 8px;
    margin-right:0;
    float:none;
    font-size:.929em;
    background:none
}

/* Hide mobile menu from default design */
#mobile_top-navigation ul.sub-nav
{
   display:none
}

#mobile_top-navigation
{
   display:none
}

}



@media only screen and (min-width : 320px) and (max-width : 667px)
{
    body
{
    max-width:667px
}

.search-box span
{
    max-width:206px
}

#header .search-box
{
    max-width:320px
}

.az-col
{
    clear:both
}

#cookieDirective .cookie-policy img
{
    display:none
}

.device-only
{
    display:block
}

/* Hide mobile menu from default design */
#mobile_top-navigation ul.sub-nav
{
display:none
}

#mobile_top-navigation
{
display:none
}

}




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

#header .search-box
{
    float:right
}

#header > a
{
    display:block
}

#cookieDirective .cookie-policy img
{
    display:none
}

.device-only
{
    display:block
}

/* Hide mobile menu from default design */
#mobile_top-navigation ul.sub-nav 
{
   display:none
}

#mobile_top-navigation
{
   display:none
}

}



@media only screen and (min-device-width : 768px) and (max-device-width : 1023px),all and (min-width : 768px) and (max-width : 1023px)
{

body#homepage #wrapper #container #content #home-nav .nav .nav-row li
{
    width:86%
}

body#homepage #wrapper #container #content #home-nav .nav .nav-row li span.heading
{
    font-size:1.3em
}

#right-sidebar #calendar-container .header h2
{
    font-size:1.5em
}

/* Hide mobile menu from default design */
#mobile_top-navigation ul.sub-nav 
{
   display:none
}

#mobile_top-navigation
{
   display:none
}

}





@media only screen and (max-width : 768px) and (max-height : 1024px) and (orientation:portrait)
{

body
{
    max-width:768px
}

#header
{
    width:auto;
    height:auto!important;
    padding:0;
    margin:0;
    clear:both
}

#wrapper #header
{
    background:none;
    margin-bottom:10px
}

#searchpage #wrapper #header,#homepage #wrapper #header
{
    margin-bottom:0
}

#header > ul,#header .clear,#header .advert
{
    display:none
}

#header .search-box
{
    background:url(https://www.dartford.gov.uk/__data/assets/image/0005/87665/bg-search.jpg?v=0.1.4) no-repeat 0 0;
    width:auto;
    height:40px;
    float:right;
    margin:0;
    padding:0;
    display:none;
/*  NN Added new lines to show search on all Mobile pages (NOTE semi colon added above */
    clear:both;
    display:inline-block;
    margin-top:17px
}

#searchpage #header .search-box,#homepage #header .search-box
{
    display:block
}

#header .search-box form
{
    width:auto;
    padding:4px 7px 7px;
    position:relative
}

#header .search-box form span
{
    background:url(https://www.dartford.gov.uk/__data/assets/image/0007/87667/bg-search-text.png?v=0.1.1);
    float:none;
    width:auto;
    margin-right:94px
}

#header .search-box form span input
{
    width:100%
}

#header .search-box form input[type="submit"]
{
    width:94px;
    position:absolute;
    right:7px;
    top:4px
}

#header > a
{
    padding:10px;
    clear:both;
    display:inline-block;
    margin-top:17px
}

#searchpage #header > a,#homepage #header > a
{
    margin-top:0
}

#header > a img
{
    width:auto;
    float:none;
    margin:0;
    max-width:226px
}

.mob-menu
{
    display:block;
    font-size:1.3em;
/*  padding:30px 10px 10px; */
    padding:5px 10px 10px;
    color:#5a7484;
    font-weight:700;
    cursor:pointer
}

.mob-menu span
{
    background:url(https://www.dartford.gov.uk/__data/assets/image/0004/87664/mob-menu.png?v=0.1.1) no-repeat right 5px;
    padding-right:13px
}

#searchpage .mob-menu
{
    padding-top:10px
}

#homepage .mob-menu
{
/* display:none */
   padding:30px 10px 10px;
}

ul#mobile_top-navigation
{
    width:100%;
    height:auto;
    float:none;
    position:absolute;
/*  top:171px; */
    top:210px; 
    display:none;
    clear:both;
    z-index:1000
}

/* #homepage ul#mobile_top-navigation
{
    display:none;
    position:relative;
    top:20px
} */

ul#mobile_top-navigation > li
{
    width:100%;
    display:block;
    margin:0
}

ul#mobile_top-navigation > li a,#content > a.home
{
    background:#00b293;
    background:linear-gradient(to bottom,#0B4052 0%,#1C6A85 100%);
    color:#FFF;
    text-decoration:none;
    display:block;
    width:100%;
    height:16px;
    padding:10px 0;
    clear:both
}

ul#mobile_top-navigation > li a span,#content > a.home span
{
    background:none;
    padding:0 10px;
    font-size:16px;
    font-weight:600;
    text-align:left
}

ul#mobile_top-navigation > li.nav-117
{
    display:none
}

/* NN 1.7.2018 */
ul#mobile_top-navigation > li.nav-951
{
    display:none
}

ul#mobile_top-navigation > li ul
{
    display:none!important
}

#mobile_top-navigation li a.selected
{
    border-bottom:1px solid #fff
}

#mobile_top-navigation li a span.more
{
    background:none
}

#container
{
    margin-top:1em!important
}

#content
{
    padding-left:3px;
    width:98%!important;
    position:relative;
    clear:both
}

#home-nav
{
    margin-bottom:0!important
}

#home-nav #carousel
{
    width:33.3%!important
}

#home-nav #carousel ul
{
    width:100%!important
}

#home-nav #carousel ul li
{
    width:auto!important;
    display:block!important;
    height:64px!important;
    float:none;
    margin-bottom:1px!important;
    overflow:hidden!important
}

#home-nav #carousel ul li > div
{
    display:none!important
}

#home-nav #carousel ul canvas
{
    display:none!important
}

#home-nav .nav
{
    width:66.6%!important
}

body#homepage #wrapper #container #content #home-nav .nav .nav-row li
{
    width:100%!important
}

#home-nav #navbuttons ul li
{
    border-radius:0!important
}

#breadcrumbs
{
    width:auto;
    padding:0 10px;
    display:none
}

#content > h1,#content > h2,#content > p,#content form,#content .service-box
{
    width:auto!important;
    margin:10px 0!important;
    padding:0 10px!important
}

#content .indexes
{
    width:auto!important;
    padding:0 10px!important
}

#content .indexes > div
{
    background-position:bottom!important;
    width:auto!important;
    padding:10px 0!important
}

#content .indexes > div > div
{
    width:100%!important;
    margin-right:0!important
}

#content .indexes > div > div > p
{
    width:auto;
    padding:0 5px
}

#wrapper #container #content div.indexes div.finish
{
    background:transparent!important
}

#content .indexes .finish ul > li
{
    width:100%!important;
    padding-right:0!important
}

#content .indexes .finish ul > li > a,#content .indexes .finish ul > li > a img
{
    width:30%
}

#content #main-banner
{
    width:auto;
    padding:0 10px;
    margin:0!important
}

#content #main-banner .top-row,#content #main-banner .bottom-row
{
    display:none!important
}

#content #landing .content
{
    background:transparent!important;
    border:0!important;
    padding:0!important;
    width:100%!important
}

#content #landing .content img
{
    display:none!important
}

#content #logos
{
    display:none
}

#content ul.a-z-bar
{
    height:auto!important;
    margin-bottom:15px!important
}

#content ul.a-z-bar > li
{
    height:40px!important;
    margin:0 5px 5px 0 !important
}

#content a.printer-link
{
    display:none!important
}

#content .service-box ul
{
    list-style:none!important
}

#content .service-box ul li
{
    background:transparent!important;
    padding:0 0 .714em!important
}

#content .service-box ul li a
{
    background:url(https://www.dartford.gov.uk/__data/assets/image/0006/87666/icons1.png?v=0.1.1) no-repeat scroll 0 -526px transparent;
/*  background:url(https://www.dartford.gov.uk/__data/assets/image/0019/72361/icons1.png) no-repeat scroll 0 -526px transparent; */
    color:#009B84!important;
    color:#0B4052;
    display:block;
    font-weight:700;
    padding-left:14px;
    text-decoration:none
}

#left-sidebar,#right-sidebar
{
    display:none
}

#footer
{
    margin-top:20px!important;
    padding-top:35px!important
}

#footer .wrapper
{
    width:auto;
    padding:0 10px
}

#footer .wrapper a
{
    width:49.95%
}

#footer .disclaimer
{
    width:auto;
    padding:0 10px 10px 0;
    line-height:1.4em
}

/* NN 30.07.2018 Added to reduce font size */
#footer .wrapper .disclaimer p
{
    font-size:1em
}

.az-col
{
    clear:both;
    margin-left:10px
}

#content .az-col ul
{
    margin-bottom:5px
}

#wrapper #container #content ul.a-z-bar
{
    margin-left:10px;
    float:left;
    width:96%
}

#footer .wrapper .col
{
    padding-right:5px;
    width:30%
}

#wrapper #container #content ul.col-2 li,#wrapper #container #content ul.col-2-last li
{
    width:100%
}

#wrapper #container #content ul.col-2 li.odd,#wrapper #container #content ul.col-2-last li.odd
{
    width:97%
}

#wrapper #container #content ul.col-4 li,#wrapper #container #content ul.col-4-last li
{
    width:100%
}

#wrapper #container #content ul.col-4 li.odd,#wrapper #container #content ul.col-4-last li.odd
{
    width:97%
}

#wrapper #container #content #search .bar span.prev,#wrapper #container #content #search .bar span.pag a,#wrapper #container #content #search .bar span.pag b
{
    padding-right:5px
}

#wrapper #container #content #search .bar span.next
{
    padding-left:5px
}

#wrapper #container #content div.indexes div#search
{
    width:100%!important
}

#wrapper #container #content #search .bar
{
    width:95%!important
}

#searchpage #wrapper #container #content form
{
    padding-left:0!important
}

#searchpage #wrapper #container #content form span
{
    margin-left:0!important
}

#wrapper #container #content form fieldset div.opts-group,#wrapper #container #content form fieldset div.opts-group-last
{
    margin:0 0 1.6em
}

body#homepage #wrapper #container #content #home-nav .image-container ul li
{
    display:block!important;
    opacity:1!important;
    position:static!important
}

#wrapper #container #content form fieldset
{
    padding-left:10px;
    width:97%
}

#wrapper #container #content form fieldset div
{
    margin-bottom:8px
}

#wrapper #container #content form fieldset div label
{
    width:90%;
    text-align:left;
    padding-bottom:3px
}

#wrapper #container #content form fieldset div input,#wrapper #container #content form fieldset div textarea
{
    width:90%!important;
    text-align:left
}

#wrapper #container #content form fieldset div textarea
{
    height:80px!important
}

#cookieDirective .cookie-policy img
{
    display:none
}

.device-only
{
    display:block
}

#mqueries-sel
{
    padding:6px 8px 8px;
    margin-right:0;
    float:none;
    font-size:.929em;
    background:none
}

/* Hide mobile menu from default design */
#mobile_top-navigation ul.sub-nav
{
    display:none
}

#mobile_top-navigation
{
    display:none
}

}


@media only screen and (max-width : 800px) and (max-height : 1280px) and (orientation:portrait)
{
    body
{
    max-width:800px
}

#header
{
    width:auto;
    height:auto!important;
    padding:0;
    margin:0;
    clear:both
}

#wrapper #header
{
    background:none;
    margin-bottom:10px
}

#searchpage #wrapper #header,#homepage #wrapper #header
{
    margin-bottom:0
}

#header > ul,#header .clear,#header .advert
{
    display:none
}

#header .search-box
{
    background:url(https://www.dartford.gov.uk/__data/assets/image/0005/87665/bg-search.jpg?v=0.1.4) no-repeat 0 0;
    width:auto;
    height:40px;
    float:right;
    margin:0;
    padding:0;
    display:none;
/*  NN Added new lines to show search on all Mobile pages (NOTE semi colon added above */
    clear:both;
    display:inline-block;
    margin-top:17px
}

#searchpage #header .search-box,#homepage #header .search-box
{
    display:block
}

#header .search-box form
{
    width:auto;
    padding:4px 7px 7px;
    position:relative
}

#header .search-box form span
{
    background:url(https://www.dartford.gov.uk/__data/assets/image/0007/87667/bg-search-text.png?v=0.1.1);
    float:none;
    width:auto;
    margin-right:94px
}

#header .search-box form span input
{
    width:100%
}

#header .search-box form input[type="submit"]
{
    width:94px;
    position:absolute;
    right:7px;
    top:4px
}

#header > a
{
    padding:10px;
    clear:both;
    display:inline-block;
    margin-top:17px
}

#searchpage #header > a,#homepage #header > a
{
    margin-top:0
}

#header > a img
{
    width:auto;
    float:none;
    margin:0;
    max-width:226px
}

.mob-menu
{
    display:block;
    font-size:1.3em;
/*  padding:30px 10px 10px; */
    padding:5px 10px 10px;
    color:#5a7484;
    font-weight:700;
    cursor:pointer
}
.mob-menu span
{
    background:url(https://www.dartford.gov.uk/__data/assets/image/0004/87664/mob-menu.png?v=0.1.1) no-repeat right 5px;
    padding-right:13px
}

#searchpage .mob-menu
{
    padding-top:10px
}

#homepage .mob-menu
{
/*    display:none; */
   padding:30px 10px 10px
}

ul#mobile_top-navigation
{
    width:100%;
    height:auto;
    float:none;
    position:absolute;
/*  top:171px; */
    top:210px; 
    display:none;
    clear:both;
    z-index:1000
}

/* #homepage ul#mobile_top-navigation
{
    display:none;
    position:relative;
    top:20px
} */

ul#mobile_top-navigation > li
{
    width:100%;
    display:block;
    margin:0
}

ul#mobile_top-navigation > li a,#content > a.home
{
    background:#00b293;
    background:linear-gradient(to bottom,#0B4052 0%,#1C6A85 100%);
    color:#FFF;
    text-decoration:none;
    display:block;
    width:100%;
    height:16px;
    padding:10px 0;
    clear:both
}

ul#mobile_top-navigation > li a span,#content > a.home span
{
    background:none;
    padding:0 10px;
    font-size:16px;
    font-weight:600;
    text-align:left
}

ul#mobile_top-navigation > li.nav-117
{
    display:none
}

/* NN 1.7.2018 */
ul#mobile_top-navigation > li.nav-951
{
    display:none
}

ul#mobile_top-navigation > li ul
{
    display:none!important
}

#mobile_top-navigation li a.selected
{
    border-bottom:1px solid #fff
}

#mobile_top-navigation li a span.more
{
    background:none
}

#container
{
    margin-top:1em!important
}

#content
{
    padding-left:3px;
    width:98%!important;
    position:relative;
    clear:both
}

#home-nav
{
    margin-bottom:0!important
}
#home-nav #carousel
{
    width:33.3%!important
}

#home-nav #carousel ul
{
    width:100%!important
}

#home-nav #carousel ul li
{
    width:auto!important;
    display:block!important;
    height:64px!important;
    float:none;
    margin-bottom:1px!important;
    overflow:hidden!important
}

#home-nav #carousel ul li > div
{
    display:none!important
}

#home-nav #carousel ul canvas
{
    display:none!important
}

#home-nav .nav
{
    width:66.6%!important
}

body#homepage #wrapper #container #content #home-nav .nav .nav-row li
{
    width:100%!important
}

#home-nav #navbuttons ul li
{
    border-radius:0!important
}

#breadcrumbs
{
    width:auto;
    padding:0 10px;
    display:none
}

#content > h1,#content > h2,#content > p,#content form,#content .service-box
{
    width:auto!important;
    margin:10px 0!important;
    padding:0 10px!important
}

#content .indexes
{
    width:auto!important;
    padding:0 10px!important
}

#content .indexes > div
{
    background-position:bottom!important;
    width:auto!important;
    padding:10px 0!important
}

#content .indexes > div > div
{
    width:100%!important;
    margin-right:0!important
}

#content .indexes > div > div > p
{
    width:auto;
    padding:0 5px
}

#wrapper #container #content div.indexes div.finish
{
    background:transparent!important
}

#content .indexes .finish ul > li
{
    width:100%!important;
    padding-right:0!important
}

#content .indexes .finish ul > li > a,#content .indexes .finish ul > li > a img
{
    width:30%
}

#content #main-banner
{
    width:auto;
    padding:0 10px;
    margin:0!important
}

#content #main-banner .top-row,#content #main-banner .bottom-row
{
    display:none!important
}

#content #landing .content
{
    background:transparent!important;
    border:0!important;
    padding:0!important;
    width:100%!important
}

#content #landing .content img
{
    display:none!important
}

#content #logos
{
    display:none
}

#content ul.a-z-bar
{
    height:auto!important;
    margin-bottom:15px!important
}

#content ul.a-z-bar > li
{
    height:40px!important;
    margin:0 5px 5px 0 !important
}

#content a.printer-link
{
    display:none!important
}

#content .service-box ul
{
    list-style:none!important
}

#content .service-box ul li
{
    background:transparent!important;
    padding:0 0 .714em!important
}

#content .service-box ul li a
{
    background:url(https://www.dartford.gov.uk/__data/assets/image/0006/87666/icons1.png?v=0.1.1) no-repeat scroll 0 -526px transparent;
/*  background:url(https://www.dartford.gov.uk/__data/assets/image/0019/72361/icons1.png) no-repeat scroll 0 -526px transparent; */
    color:#009B84!important;
    color:#0B4052;
    display:block;
    font-weight:700;
    padding-left:14px;
    text-decoration:none
}

#left-sidebar,#right-sidebar
{
    display:none
}

#footer
{
    margin-top:20px!important;
    padding-top:35px!important
}

#footer .wrapper
{
    width:auto;
    padding:0 10px
}

#footer .wrapper a
{
    width:49.95%
}

#footer .disclaimer
{
    width:auto;
    padding:0 10px 10px 0;
    line-height:1.4em
}

/* NN 30.07.2018 Added to reduce font size */
#footer .wrapper .disclaimer p
{
    font-size:1em
}

.az-col
{
    clear:both;
    margin-left:10px
}

#content .az-col ul
{
    margin-bottom:5px
}

#wrapper #container #content ul.a-z-bar
{
    margin-left:10px;
    float:left;
    width:96%
}

#footer .wrapper .col
{
    padding-right:5px;
    width:30%
}

#wrapper #container #content ul.col-2 li,#wrapper #container #content ul.col-2-last li
{
    width:100%
}

#wrapper #container #content ul.col-2 li.odd,#wrapper #container #content ul.col-2-last li.odd
{
    width:97%
}

#wrapper #container #content ul.col-4 li,#wrapper #container #content ul.col-4-last li
{
    width:100%
}

#wrapper #container #content ul.col-4 li.odd,#wrapper #container #content ul.col-4-last li.odd
{
    width:97%
}

#wrapper #container #content #search .bar span.prev,#wrapper #container #content #search .bar span.pag a,#wrapper #container #content #search .bar span.pag b
{
    padding-right:5px
}

#wrapper #container #content #search .bar span.next
{
    padding-left:5px
}

#wrapper #container #content div.indexes div#search
{
    width:100%!important
}

#wrapper #container #content #search .bar
{
    width:95%!important
}

#searchpage #wrapper #container #content form
{
    padding-left:0!important
}

#searchpage #wrapper #container #content form span
{
    margin-left:0!important
}

#wrapper #container #content form fieldset div.opts-group,#wrapper #container #content form fieldset div.opts-group-last
{
    margin:0 0 1.6em
}

body#homepage #wrapper #container #content #home-nav .image-container ul li
{
    display:block!important;
    opacity:1!important;
    position:static!important
}

#wrapper #container #content form fieldset
{
    padding-left:10px;
    width:97%
}

#wrapper #container #content form fieldset div
{
    margin-bottom:8px
}

#wrapper #container #content form fieldset div label
{
    width:90%;
    text-align:left;
    padding-bottom:3px
}

#wrapper #container #content form fieldset div input,#wrapper #container #content form fieldset div textarea
{
    width:90%!important;
    text-align:left
}

#wrapper #container #content form fieldset div textarea
{
    height:80px!important
}

#cookieDirective .cookie-policy img
{
    display:none
}

.device-only
{
    display:block
}

#mqueries-sel
{
    padding:6px 8px 8px;
    margin-right:0;
    float:none;
    font-size:.929em;
    background:none
}

/* Hide mobile menu from default design */
#mobile_top-navigation ul.sub-nav
{
    display:none
}

#mobile_top-navigation
{
    display:none
}

}



 @media only screen and (max-width : 800px) and (max-height : 480px) and (orientation:landscape)
{

body
{
    max-width:800px
}

#header
{
    width:auto;
    height:auto!important;
    padding:0;
    margin:0;
    clear:both
}

#wrapper #header
{
    background:none;
    margin-bottom:10px
}

#searchpage #wrapper #header,#homepage #wrapper #header
{
    margin-bottom:0
}

#header > ul,#header .clear,#header .advert
{
    display:none
}

#header .search-box
{
    background:url(https://www.dartford.gov.uk/__data/assets/image/0005/87665/bg-search.jpg?v=0.1.4) no-repeat 0 0;
    width:auto;
    height:40px;
    float:right;
    margin:0;
    padding:0;
    display:none;
/*  NN Added new lines to show search on all Mobile pages (NOTE semi colon added above */
    clear:both;
    display:inline-block;
    margin-top:17px
}

#searchpage #header .search-box,#homepage #header .search-box
{
    display:block
}

#header .search-box form
{
    width:auto;
    padding:4px 7px 7px;
    position:relative
}

#header .search-box form span
{
    background:url(https://www.dartford.gov.uk/__data/assets/image/0007/87667/bg-search-text.png?v=0.1.1);
    float:none;
    width:auto;
    margin-right:94px
}

#header .search-box form span input
{
    width:100%
}

#header .search-box form input[type="submit"]
{
    width:94px;
    position:absolute;
    right:7px;
    top:4px
}

#header > a
{
    padding:10px;
    clear:both;
    display:inline-block;
    margin-top:17px
}

#searchpage #header > a,#homepage #header > a
{
    margin-top:0
}

#header > a img
{
    width:auto;
    float:none;
    margin:0;
    max-width:226px
}

.mob-menu
{
    display:block;
    font-size:1.3em;
/*  padding:30px 10px 10px; */
    padding:5px 10px 10px;
    color:#5a7484;
    font-weight:700;
    cursor:pointer
}

.mob-menu span
{
    background:url(https://www.dartford.gov.uk/__data/assets/image/0004/87664/mob-menu.png?v=0.1.1) no-repeat right 5px;
    padding-right:13px
}

#searchpage .mob-menu
{
    padding-top:10px
}

#homepage .mob-menu
{
/* display:none */
   padding:30px 10px 10px;
}

ul#mobile_top-navigation
{
    width:100%;
    height:auto;
    float:none;
    position:absolute;
/*  top:171px; */
    top:210px; 
    display:none;
    clear:both;
    z-index:1000
}

/*  #homepage ul#mobile_top-navigation
{
    display:none;
    position:relative;
    top:20px
} */

ul#mobile_top-navigation > li
{
    width:100%;
    display:block;
    margin:0
}

ul#mobile_top-navigation > li a,#content > a.home
{
    background:#00b293;
    background:linear-gradient(to bottom,#0B4052 0%,#1C6A85 100%);
    color:#FFF;
    text-decoration:none;
    display:block;
    width:100%;
    height:16px;
    padding:10px 0;
    clear:both
}

ul#mobile_top-navigation > li a span,#content > a.home span
{
    background:none;
    padding:0 10px;
    font-size:16px;
    font-weight:600;
    text-align:left
}

ul#mobile_top-navigation > li.nav-117
{
    display:none
}

/* NN 1.7.2018 */
ul#mobile_top-navigation > li.nav-951
{
    display:none
}

ul#mobile_top-navigation > li ul
{
    display:none!important
}

#mobile_top-navigation li a.selected
{
    border-bottom:1px solid #fff
}

#mobile_top-navigation li a span.more
{
    background:none
}

#content
{
    padding-left:3px;
    width:98%!important;
    position:relative;
    clear:both
}

#home-nav
{
    margin-bottom:0!important
}

#home-nav #carousel
{
    width:33.3%!important
}

#home-nav #carousel ul
{
    width:100%!important
}

#home-nav #carousel ul li
{
    width:auto!important;
    display:block!important;
    height:64px!important;
    float:none;
    margin-bottom:1px!important;
    overflow:hidden!important
}

#home-nav #carousel ul li > div
{
    display:none!important
}

#home-nav #carousel ul canvas
{
    display:none!important
}

#home-nav .nav
{
    width:66.6%!important
}

body#homepage #wrapper #container #content #home-nav .nav .nav-row li
{
    width:100%!important
}

#home-nav #navbuttons ul li
{
    border-radius:0!important
}

#breadcrumbs
{
    width:auto;
    padding:0 10px;
    display:none
}

#content > h1,#content > h2,#content > p,#content form,#content .service-box
{
    width:auto!important;
    margin:10px 0!important;
    padding:0 10px!important
}

#content .indexes
{
    width:auto!important;
    padding:0 10px!important
}

#content .indexes > div
{
    background-position:bottom!important;
    width:auto!important;
    padding:10px 0!important
}

#content .indexes > div > div
{
    width:100%!important;
    margin-right:0!important
}

#content .indexes > div > div > p
{
    width:auto;
    padding:0 5px
}

#wrapper #container #content div.indexes div.finish
{
    background:transparent!important
}

#content .indexes .finish ul > li
{
    width:100%!important;
    padding-right:0!important
}

#content .indexes .finish ul > li > a,#content .indexes .finish ul > li > a img
{
    width:30%
}

#content #main-banner
{
    width:auto;
    padding:0 10px;
    margin:0!important
}

#content #main-banner .top-row,#content #main-banner .bottom-row
{
    display:none!important
}

#content #landing .content
{
    background:transparent!important;
    border:0!important;
    padding:0!important;
    width:100%!important
}

#content #landing .content img
{
    display:none!important
}

#content #logos
{
    display:none
}

#content ul.a-z-bar
{
    height:auto!important;
    margin-bottom:15px!important
}

#content ul.a-z-bar > li
{
    height:40px!important;
    margin:0 5px 5px 0 !important
}

#content a.printer-link
{
    display:none!important
}

#content .service-box ul
{
    list-style:none!important
}

#content .service-box ul li
{
    background:transparent!important;
    padding:0 0 .714em!important
}

#content .service-box ul li a
{
    background:url(https://www.dartford.gov.uk/__data/assets/image/0006/87666/icons1.png?v=0.1.1) no-repeat scroll 0 -526px transparent;
/*  background:url(https://www.dartford.gov.uk/__data/assets/image/0019/72361/icons1.png) no-repeat scroll 0 -526px transparent; */
    color:#009B84!important;
    color:#0B4052;
    display:block;
    font-weight:700;
    padding-left:14px;
    text-decoration:none
}

#left-sidebar,#right-sidebar
{
    display:none
}

#footer
{
    margin-top:20px!important;
    padding-top:35px!important
}

#footer .wrapper
{
    width:auto;
    padding:0 10px
}

#footer .wrapper a
{
    width:49.95%
}

#footer .disclaimer
{
    width:auto;
    padding:0 10px 10px 0;
    line-height:1.4em
}

/* NN 30.07.2018 Added to reduce font size */
#footer .wrapper .disclaimer p
{
    font-size:1em
}

.az-col
{
    clear:both;
    margin-left:10px
}

#content .az-col ul
{
    margin-bottom:5px
}

#wrapper #container #content ul.a-z-bar
{
    margin-left:10px;
    float:left;
    width:96%
}

#footer .wrapper .col
{
    padding-right:5px;
    width:30%
}

#wrapper #container #content ul.col-2 li,#wrapper #container #content ul.col-2-last li
{
    width:100%
}

#wrapper #container #content ul.col-2 li.odd,#wrapper #container #content ul.col-2-last li.odd
{
    width:97%
}

#wrapper #container #content ul.col-4 li,#wrapper #container #content ul.col-4-last li
{
    width:100%
}

#wrapper #container #content ul.col-4 li.odd,#wrapper #container #content ul.col-4-last li.odd
{
    width:97%
}

#wrapper #container #content #search .bar span.prev,#wrapper #container #content #search .bar span.pag a,#wrapper #container #content #search .bar span.pag b
{
    padding-right:5px
}

#wrapper #container #content #search .bar span.next
{
    padding-left:5px
}

#wrapper #container #content div.indexes div#search
{
    width:100%!important
}

#wrapper #container #content #search .bar
{
    width:95%!important
}

#searchpage #wrapper #container #content form
{
    padding-left:0!important
}

#searchpage #wrapper #container #content form span
{
    margin-left:0!important
}

#wrapper #container #content form fieldset div.opts-group,#wrapper #container #content form fieldset div.opts-group-last
{
    margin:0 0 1.6em
}

body#homepage #wrapper #container #content #home-nav .image-container ul li
{
    display:block!important;
    opacity:1!important;
    position:static!important
}

#wrapper #container #content form fieldset
{
    padding-left:10px;
    width:97%
}

#wrapper #container #content form fieldset div
{
    margin-bottom:8px
}

#wrapper #container #content form fieldset div label
{
    width:90%;
    text-align:left;
    padding-bottom:3px
}

#wrapper #container #content form fieldset div input,#wrapper #container #content form fieldset div textarea
{
    width:90%!important;
    text-align:left
}

#wrapper #container #content form fieldset div textarea
{
    height:80px!important
}

#cookieDirective .cookie-policy img
{
    display:none
}

.device-only
{
    display:block
}

#mqueries-sel
{
    padding:6px 8px 8px;
    margin-right:0;
    float:none;
    font-size:.929em;
    background:none
}

/* Hide mobile menu from default design */
#mobile_top-navigation ul.sub-nav
{
    display:none
}

#mobile_top-navigation
{
    display:none
}

}





@media only screen and (max-width : 854px) and (max-height : 480px) and (orientation:landscape)
{

body
{
    max-width:854px
}

#header
{
    width:auto;
    height:auto!important;
    padding:0;
    margin:0;
    clear:both
}

#wrapper #header
{
    background:none;
    margin-bottom:10px
}

#searchpage #wrapper #header,#homepage #wrapper #header
{
    margin-bottom:0
}

#header > ul,#header .clear,#header .advert
{
    display:none
}

#header .search-box
{
    background:url(https://www.dartford.gov.uk/__data/assets/image/0005/87665/bg-search.jpg?v=0.1.4) no-repeat 0 0;
    width:auto;
    height:40px;
    float:right;
    margin:0;
    padding:0;
    display:none;
/*  NN Added new lines to show search on all Mobile pages (NOTE semi colon added above */
    clear:both;
    display:inline-block;
    margin-top:17px
}

#searchpage #header .search-box,#homepage #header .search-box
{
    display:block
}

#header .search-box form
{
    width:auto;
    padding:4px 7px 7px;
    position:relative
}

#header .search-box form span
{
    background:url(https://www.dartford.gov.uk/__data/assets/image/0007/87667/bg-search-text.png?v=0.1.1);
    float:none;
    width:auto;
    margin-right:94px
}

#header .search-box form span input
{
    width:100%
}

#header .search-box form input[type="submit"]
{
    width:94px;
    position:absolute;
    right:7px;
    top:4px
}

#header > a
{
    padding:10px;
    clear:both;
    display:inline-block;
    margin-top:17px
}

#searchpage #header > a,#homepage #header > a
{
    margin-top:0
}

#header > a img
{
    width:auto;
    float:none;
    margin:0;
    max-width:226px
}

.mob-menu
{
    display:block;
    font-size:1.3em;
/*  padding:30px 10px 10px; */
    padding:5px 10px 10px;
    color:#5a7484;
    font-weight:700;
    cursor:pointer
}

.mob-menu span
{
    background:url(https://www.dartford.gov.uk/__data/assets/image/0004/87664/mob-menu.png?v=0.1.1) no-repeat right 5px;
    padding-right:13px
}

#searchpage .mob-menu
{
    padding-top:10px
}

#homepage .mob-menu
{
/*  display:none */
    padding:30px 10px 10px
} 

ul#mobile_top-navigation
{
    width:100%;
    height:auto;
    float:none;
    position:absolute;
/*  top:171px; */
    top:210px; 
    display:none;
    clear:both;
    z-index:1000
}

/*   #homepage ul#mobile_top-navigation
{
    display:none;
    position:relative;
    top:20px
} */

ul#mobile_top-navigation > li
{
    width:100%;
    display:block;
    margin:0
}

ul#mobile_top-navigation > li a,#content > a.home
{
    background:#00b293;
    background:linear-gradient(to bottom,#0B4052 0%,#1C6A85 100%);
    color:#FFF;
    text-decoration:none;
    display:block;
    width:100%;
    height:16px;
    padding:10px 0;
    clear:both
}

ul#mobile_top-navigation > li a span,#content > a.home span
{
    background:none;
    padding:0 10px;
    font-size:16px;
    font-weight:600;
    text-align:left
}

ul#mobile_top-navigation > li.nav-117
{
    display:none
}

/* NN 1.7.2018 */
ul#mobile_top-navigation > li.nav-951
{
    display:none
}

ul#mobile_top-navigation > li ul
{
    display:none!important
}

#mobile_top-navigation li a.selected
{
    border-bottom:1px solid #fff
}

#mobile_top-navigation li a span.more
{
    background:none
}

#container
{
    margin-top:1em!important
}

#content
{
    padding-left:3px;
    width:98%!important;
    position:relative;
    clear:both
}

#home-nav
{
    margin-bottom:0!important
}

#home-nav #carousel
{
    width:33.3%!important
}

#home-nav #carousel ul
{
    width:100%!important
}

#home-nav #carousel ul li
{
    width:auto!important;
    display:block!important;
    height:64px!important;
    float:none;
    margin-bottom:1px!important;
    overflow:hidden!important
}

#home-nav #carousel ul li > div
{
    display:none!important
}

#home-nav #carousel ul canvas
{
    display:none!important
}

#home-nav .nav
{
    width:66.6%!important
}
    body#homepage #wrapper #container #content #home-nav .nav .nav-row li
{
    width:100%!important
}

#home-nav #navbuttons ul li
{
    border-radius:0!important
}

#breadcrumbs
{
    width:auto;
    padding:0 10px;
    display:none
}

#content > h1,#content > h2,#content > p,#content form,#content .service-box
{
    width:auto!important;
    margin:10px 0!important;
    padding:0 10px!important
}

#content .indexes
{
    width:auto!important;
    padding:0 10px!important
}

#content .indexes > div
{
    background-position:bottom!important;
    width:auto!important;
    padding:10px 0!important
}

#content .indexes > div > div
{
    width:100%!important;
    margin-right:0!important
}

#content .indexes > div > div > p
{
    width:auto;
    padding:0 5px
}

#wrapper #container #content div.indexes div.finish
{
    background:transparent!important
}

#content .indexes .finish ul > li
{
    width:100%!important;
    padding-right:0!important
}

#content .indexes .finish ul > li > a,#content .indexes .finish ul > li > a img
{
    width:30%
}

#content #main-banner
{
    width:auto;
    padding:0 10px;
    margin:0!important
}

#content #main-banner .top-row,#content #main-banner .bottom-row
{
    display:none!important
}

#content #landing .content
{
    background:transparent!important;
    border:0!important;
    padding:0!important;
    width:100%!important
}

#content #landing .content img
{
    display:none!important
}

#content #logos
{
    display:none
}

#content ul.a-z-bar
{
    height:auto!important;
    margin-bottom:15px!important
}

#content ul.a-z-bar > li
{
    height:40px!important;
    margin:0 5px 5px 0 !important
}

#content a.printer-link
{
    display:none!important
}

#content .service-box ul
{
    list-style:none!important
}

#content .service-box ul li
{
    background:transparent!important;
    padding:0 0 .714em!important
}

#content .service-box ul li a
{
    background:url(https://www.dartford.gov.uk/__data/assets/image/0006/87666/icons1.png?v=0.1.1) no-repeat scroll 0 -526px transparent;
/*  background:url(https://www.dartford.gov.uk/__data/assets/image/0019/72361/icons1.png) no-repeat scroll 0 -526px transparent; */
    color:#009B84!important;
    color:#0B4052;
    display:block;
    font-weight:700;
    padding-left:14px;
    text-decoration:none
}

#left-sidebar,#right-sidebar
{
    display:none
}

#footer
{
    margin-top:20px!important;
    padding-top:35px!important
}

#footer .wrapper
{
    width:auto;
    padding:0 10px
}

#footer .wrapper a
{
    width:49.95%
}

#footer .disclaimer
{
    width:auto;
    padding:0 10px 10px 0;
    line-height:1.4em
}

/* NN 30.07.2018 Added to reduce font size */
#footer .wrapper .disclaimer p
{
    font-size:1em
}

.az-col
{
    clear:both;
    margin-left:10px
}

#content .az-col ul
{
    margin-bottom:5px
}

#wrapper #container #content ul.a-z-bar
{
    margin-left:10px;
    float:left;
    width:96%
}

#footer .wrapper .col
{
    padding-right:5px;
    width:30%
}

#wrapper #container #content ul.col-2 li,#wrapper #container #content ul.col-2-last li
{
    width:100%
}

#wrapper #container #content ul.col-2 li.odd,#wrapper #container #content ul.col-2-last li.odd
{
    width:97%
}

#wrapper #container #content ul.col-4 li,#wrapper #container #content ul.col-4-last li
{
    width:100%
}

#wrapper #container #content ul.col-4 li.odd,#wrapper #container #content ul.col-4-last li.odd
{
    width:97%
}

#wrapper #container #content #search .bar span.prev,#wrapper #container #content #search .bar span.pag a,#wrapper #container #content #search .bar span.pag b
{
    padding-right:5px
}

#wrapper #container #content #search .bar span.next
{
    padding-left:5px
}

#wrapper #container #content div.indexes div#search
{
    width:100%!important
}

#wrapper #container #content #search .bar
{
    width:95%!important
}

#searchpage #wrapper #container #content form
{
    padding-left:0!important
}

#searchpage #wrapper #container #content form span
{
    margin-left:0!important
}

#wrapper #container #content form fieldset div.opts-group,#wrapper #container #content form fieldset div.opts-group-last
{
    margin:0 0 1.6em
}

body#homepage #wrapper #container #content #home-nav .image-container ul li
{
    display:block!important;
    opacity:1!important;
    position:static!important
}

#wrapper #container #content form fieldset
{
    padding-left:10px;
    width:97%
}

#wrapper #container #content form fieldset div
{
    margin-bottom:8px
}

#wrapper #container #content form fieldset div label
{
    width:90%;
    text-align:left;
    padding-bottom:3px
}

#wrapper #container #content form fieldset div input,#wrapper #container #content form fieldset div textarea
{
    width:90%!important;
    text-align:left
}

#wrapper #container #content form fieldset div textarea
{
    height:80px!important
}

#cookieDirective .cookie-policy img
{
    display:none
}

.device-only
{
    display:block
}

#mqueries-sel
{
    padding:6px 8px 8px;
    margin-right:0;
    float:none;
    font-size:.929em;
    background:none
}

}

@media print
{
    #content p
{
    font-size:12pt;
    color:#000
}

/* Hide mobile menu from default design */
#mobile_top-navigation ul.sub-nav 
{
    display:none
}

#mobile_top-navigation
{
    display:none
}

}


/* Portrait and Landscape in one catch anything not identified */
@media only screen and (max-width: 1023px)
{
    body
{
    max-width:100%;
    margin: auto
}

#header
{
    width:100%;
    height:auto!important;
    padding:0;
    margin:0;
    clear:both
}

#wrapper #header
{
    background:none;
    margin-bottom:10px
}

#searchpage #wrapper #header,#homepage #wrapper #header
{
    margin-bottom:0
}

#header > ul,#header .clear,#header .advert
{
    display:none
}

#header .search-box
{
    background:url(https://www.dartford.gov.uk/__data/assets/image/0005/87665/bg-search.jpg?v=0.1.4) no-repeat 0 0;
    width:auto;
    height:40px;
    float:right;
    margin:0;
    padding:0;
    display:none;
/*  NN Added new lines to show search on all Mobile pages (NOTE semi colon added above */
    clear:both;
    display:inline-block;
    margin-top:17px 
}

#searchpage #header .search-box,#homepage #header .search-box
{
    display:block
}

#header .search-box form
{
    width:auto;
    padding:4px 7px 7px;
    position:relative
}

#header .search-box form span
{
    background:url(https://www.dartford.gov.uk/__data/assets/image/0007/87667/bg-search-text.png?v=0.1.1);
    float:right;
    width:auto
}

#header .search-box form span input
{
    width:auto
}

#header .search-box form input[type="submit"]
{
    width:94px;
    position:absolute;
    right:7px;
    top:4px
}

#header > a
{
    padding:10px;
    clear:both;
    display:inline-block;
    margin-top:17px
}

#searchpage #header > a,#homepage #header > a
{
    margin-top:0
}

#header > a img
{
    width:auto;
    float:none;
    margin:0;
    max-width:226px
}

.mob-menu
{
    display:block;
    font-size:1.3em;
/*  padding:30px 10px 10px; */
    padding:5px 10px 10px;
    color:#5a7484;
    font-weight:700;
    cursor:pointer
}

.mob-menu span
{
    background:url(https://www.dartford.gov.uk/__data/assets/image/0004/87664/mob-menu.png?v=0.1.1) no-repeat right 5px;
    padding-right:13px
}

#searchpage .mob-menu
{
    padding-top:10px
}

#homepage .mob-menu
{
/* display:none; */
   padding:30px 10px 10px
}

ul#mobile_top-navigation
{
    width:100%;
    height:auto;
    float:none;
    position:absolute;
/*  top:171px; */
    top:210px; 
    display:none;
    clear:both;
    z-index:1000
}

/* #homepage ul#mobile_top-navigation
{
    display:none;
    position:relative;
    top:20px
} */

ul#mobile_top-navigation > li
{
    width:100%;
    display:block;
    margin:0
}

ul#mobile_top-navigation > li a,#content > a.home
{
    background:#00b293;
    background:linear-gradient(to bottom,#0B4052 0%,#1C6A85 100%);
    color:#FFF;
    text-decoration:none;
    display:block;
    width:100%;
    height:16px;
    padding:10px 0;
    clear:both
}

ul#mobile_top-navigation > li a span,#content > a.home span
{
    background:none;
    padding:0 10px;
    font-size:16px;
    font-weight:600;
    text-align:left
}

ul#mobile_top-navigation > li.nav-117
{
    display:none
}

/* NN 1.7.2018 */
ul#mobile_top-navigation > li.nav-951
{
    display:none
}

ul#mobile_top-navigation > li ul
{
    display:none!important
}

#mobile_top-navigation li a.selected
{
    border-bottom:1px solid #fff
}

#mobile_top-navigation li a span.more
{
    background:none
}

#container
{
    margin-top:1em!important
}

#content
{
    padding-left:3px;
    width:98%!important;
    position:relative;
    clear:both
}

#home-nav
{
    margin-bottom:0!important
}

#home-nav #carousel
{
    width:33.3%!important
}

#home-nav #carousel ul
{
    width:100%!important
}

#home-nav #carousel ul li
{
    width:auto!important;
    display:block!important;
    height:64px!important;
    float:none;
    margin-bottom:1px!important;
    overflow:hidden!important
}

#home-nav #carousel ul li > div
{
    display:none!important
}

#home-nav #carousel ul canvas
{
    display:none!important
}

#home-nav .nav
{
    width:66.6%!important
}

body#homepage #wrapper #container #content #home-nav .nav .nav-row li
{
    width:100%!important
}

#home-nav #navbuttons ul li
{
    border-radius:0!important
}

#breadcrumbs
{
    width:auto;
    padding:0 10px;
    display:none
}

#content > h1,#content > h2,#content > p,#content form,#content .service-box
{
    width:auto!important;
    margin:10px 0!important;
    padding:0 10px!important
}

#content .indexes
{
    width:auto!important;
    padding:0 10px!important
}

#content .indexes > div
{
    background-position:bottom!important;
    width:auto!important;
    padding:10px 0!important
}

#content .indexes > div > div
{
    width:100%!important;
    margin-right:0!important
}

#content .indexes > div > div > p
{
    width:auto;
    padding:0 5px
}

#wrapper #container #content div.indexes div.finish
{
    background:transparent!important
}

#content .indexes .finish ul > li
{
    width:100%!important;
    padding-right:0!important
}

#content .indexes .finish ul > li > a,#content .indexes .finish ul > li > a img
{
    width:30%
}

#content #main-banner
{
    width:auto;
    padding:0 10px;
    margin:0!important
}

#content #main-banner .top-row,#content #main-banner .bottom-row
{
    display:none!important
}

#content #landing .content
{
    background:transparent!important;
    border:0!important;
    padding:0!important;
    width:100%!important
}

#content #landing .content img
{
    display:none!important
}

#content #logos
{
    display:none
}

#content ul.a-z-bar
{
    height:auto!important;
    margin-bottom:15px!important
}

#content ul.a-z-bar > li
{
    height:40px!important;
    margin:0 5px 5px 0 !important
}

#content a.printer-link
{
    display:none!important
}

#content .service-box ul
{
    list-style:none!important
}

#content .service-box ul li
{
    background:transparent!important;
    padding:0 0 .714em!important
}

#content .service-box ul li a
{
    background:url(https://www.dartford.gov.uk/__data/assets/image/0006/87666/icons1.png?v=0.1.1) no-repeat scroll 0 -526px transparent;
/*  background:url(https://www.dartford.gov.uk/__data/assets/image/0019/72361/icons1.png) no-repeat scroll 0 -526px transparent; */
    color:#009B84!important;
    color:#0B4052;
    display:block;
    font-weight:700;
    padding-left:14px;
    text-decoration:none
}

#left-sidebar,#right-sidebar
{
    display:none
}

#footer
{
    margin-top:20px!important;
    padding-top:35px!important
}

#footer .wrapper
{
    width:auto;
    padding:0 10px
}

#footer .wrapper a
{
    width:49.95%
}

#footer .disclaimer
{
    width:auto;
    padding:0 10px 10px 0;
    line-height:1.4em
}

/* NN 30.07.2018 Added to reduce font size */
#footer .wrapper .disclaimer p
{
    font-size:1em
}

.az-col
{
    clear:both;
    margin-left:10px
}

#content .az-col ul
{
    margin-bottom:5px
}

#wrapper #container #content ul.a-z-bar
{
    margin-left:10px;
    float:left;
    width:96%
}

#footer .wrapper .col
{
    padding-right:5px;
    width:30%
}

#wrapper #container #content ul.col-2 li,#wrapper #container #content ul.col-2-last li
{
    width:100%
}

#wrapper #container #content ul.col-2 li.odd,#wrapper #container #content ul.col-2-last li.odd
{
    width:97%
}

#wrapper #container #content ul.col-4 li,#wrapper #container #content ul.col-4-last li
{
    width:100%
}

#wrapper #container #content ul.col-4 li.odd,#wrapper #container #content ul.col-4-last li.odd
{
    width:97%
}

#wrapper #container #content #search .bar span.prev,#wrapper #container #content #search .bar span.pag a,#wrapper #container #content #search .bar span.pag b
{
    padding-right:5px
}

#wrapper #container #content #search .bar span.next
{
    padding-left:5px
}

#wrapper #container #content div.indexes div#search
{
    width:100%!important
}

#wrapper #container #content #search .bar
{
    width:95%!important
}

#searchpage #wrapper #container #content form
{
    padding-left:0!important
}

#searchpage #wrapper #container #content form span
{
    margin-left:0!important
}

#wrapper #container #content form fieldset div.opts-group,#wrapper #container #content form fieldset div.opts-group-last
{
    margin:0 0 1.6em
}

body#homepage #wrapper #container #content #home-nav .image-container ul li
{
    display:block!important;
    opacity:1!important;
    position:static!important
}

#wrapper #container #content form fieldset
{
    padding-left:10px;
    width:97%
}

#wrapper #container #content form fieldset div
{
    margin-bottom:8px
}

#wrapper #container #content form fieldset div label
{
    width:90%;
    text-align:left;
    padding-bottom:3px
}

#wrapper #container #content form fieldset div input,#wrapper #container #content form fieldset div textarea
{
    width:90%!important;
    text-align:left
}

#wrapper #container #content form fieldset div textarea
{
    height:80px!important
}

#cookieDirective .cookie-policy img
{
    display:none
}

.device-only
{
    display:block
}

#mqueries-sel
{
    padding:6px 8px 8px;
    margin-right:0;
    float:none;
    font-size:.929em;
    background:none
}

/* Hide mobile menu from default design */
#mobile_top-navigation ul.sub-nav
{
   display:none
}

#mobile_top-navigation
{
   display:none
}

}