/*
Theme Name: Sentiments Bridal
Theme URI: http://riffweb.com
Author: RiffWeb
Author URI: http://riffweb.com
Description: Simple and clean WordPress theme based on the Bootstrap Framework. 
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: sentiments, bootstrap, grid, fullpage
Text Domain: sentimentsbridal
*/

body { font-family: 'Droid Serif', Georgia, serif; background: #7a7a7a; color: #4d4d4d; line-height: 2em; }
h1, h2, h3, h4, h5, h6 { font-family: 'Trajan W01 BD', Trajan Pro, Georgia, serif; color: #938692; font-size: 18px; margin: 0 0 40px 0; text-transform: uppercase; }
h1, h2, h3, h4, h5, h6 { line-height: 1.5em; }
h3, h4, h5, h6  { font-size: 16px; margin: 0 0 20px 0; }
p { margin: 0 0 30px 0; }
a { color: #4d4d4d; position: relative; }
a:hover, a:focus { text-decoration: none; color: #4d4d4d; }
img { max-width: 100%; height: auto; }
img.ajax-loader { width: auto; }
img.alignright { float: right; margin: 0 0 1em 1em; }
img.alignleft { float: left; margin: 0 1em 1em 0; }
img.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.alignright { float: right; }
.alignleft { float: left; }
.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.col-md-4:nth-child(3n+1) { clear: left; }

/*---------------------------------------------------Header---------------------------------------------------*/

header { position: fixed; top: 0; left: 0; right: 0; z-index: 999; background: #fff; padding: 20px 0; height: 72px; }

header .logo a { background: url("images/logo.png") no-repeat scroll; background-size: 165px 32px; color: transparent; display: block; font: 0px/0 a; text-shadow: none; width: 165px; height: 32px; }

header .mobilemenu { display: none; }

header nav.primary { font-family: 'Trajan W01 BD', Trajan Pro, Georgia, serif; text-transform: uppercase; font-size: 13px; height: 32px; margin: 0 -50px 0 0; padding: 2px 0 0 0; }
header nav.primary ul { margin: 0; padding: 0; position: relative; text-align: center; }
header nav.primary ul li { display: inline-block; padding: 0 4px; }
header nav.primary ul li a { padding: 10px 5px; }
header nav.primary ul li a:hover:before, 
header nav.primary ul li a:active:before { content: ""; position: absolute; width: 40px; height: 1px; bottom: 0; right: 0; left: 0; border-bottom: 1px solid #d4cfd3; margin: 0 auto; }
header nav.primary ul li ul { display: none; position: absolute; top: 0; width: 250px;  text-align: left; background: #fff; padding: 52px 0 0 0; margin: 0; list-style: none; z-index: -1; }
header nav.primary ul li:hover ul { display: block; }
header nav.primary ul li ul li { display: block; background: #f6f6f6; padding: 0 10px; }
header nav.primary ul li ul li:hover { background: #fff; }
header nav.primary ul li ul li a { padding: 5px 0; display: inline-block; width: 100%; border-bottom: 1px solid #e3e1e3; }
header nav.primary ul li ul li a:hover:before, 
header nav.primary ul li ul li a:active:before { border-bottom: none; }
header nav.primary ul li ul li:nth-last-child(1) a { border-bottom: none; }

header nav.mobile { height: auto; position: fixed; left: 0; top:72px; background: #f6f6f6; display: none; font-family: 'Trajan W01 BD', Trajan Pro, Georgia, serif; text-transform: uppercase; font-size: 13px; }
header nav.mobile ul { margin: 0; padding: 0; position: relative; text-align: left; border: 1px solid #e3e1e3; border-left: none; }
header nav.mobile ul li { display: block; padding: 0 20px; }
header nav.mobile ul li a { padding: 5px; width: 100%; border-bottom: 1px solid #e3e1e3; display: inline-block; }
header nav.mobile ul li a:hover:before, 
header nav.mobile ul li a:active:before { border-bottom: none; }
header nav.mobile ul li:nth-last-child(1) a { border-bottom: none; }

header .icons { height: 32px; }
header .icons ul { margin: 0; padding: 0; position: relative; text-align: right; }
header .icons ul li { display: inline-block; padding: 0 5px; vertical-align: middle; }
header .icons ul li a { display: inline-block; width: 28px; height: 28px; border: 1px solid #d4cfd3; border-radius: 1.5em; color: #d4cfd3; }
header .icons ul li a:hover, .icons ul li a:focus { color: #938692; border: 1px solid #938692; }
header .icons ul li a i { width: 100%; text-align: center; vertical-align: 0; font-size: 18px; }

/*---------------------------------------------------Slider---------------------------------------------------*/

#homeslider { background: #f6f6f6; }
#homeslider #slides { position: relative !important; z-index: 1; top: 0; left: 0; padding: 72px 0 0 0; }
#homeslider #slides .slides-container { display: none; }
#homeslider #slides .scrollable { *zoom: 1; position: relative; top: 0; left: 0; overflow-y: auto; -webkit-overflow-scrolling: touch; height: 100%;}
#homeslider #slides .scrollable:after { content: ""; display: table; clear: both; }

span#drop { position: absolute; line-height: 1em; bottom: 40px; z-index: 2; color: #4d4d4d; font-family: 'Trajan W01 BD', Trajan Pro, Georgia, serif; text-align: center; left: 0; right: 0; height: 40px; }
span#drop:after { content:"\e259"; font-family: 'Glyphicons Halflings'; font-size: 26px; position: absolute; bottom: 0; right: 0; left: 0; }
span#drop:hover, span#drop:focus { color: #938692; cursor: pointer; }

/*---------------------------------------------------Main---------------------------------------------------*/

.fp-auto-height { padding: 70px 0; }

span.readmore { text-transform: uppercase; font-family: 'Trajan W01 BD', Trajan Pro, Georgia, serif; font-size: 12px; }
span.readmore a { padding: 10px 30px; background: #f7f7f7; border: 1px solid #cfcbcf; color: #938692; display: inline-block; }
span.readmore a:hover, span.readmore a:focus { color: #dcdcdb; background: #7a7a7a; }

.pagination { display: block; text-align: center; border-top: 1px solid #d4cfd3; padding: 30px 0 0 0; }
.pagination h2 { display: none; }
.pagination .nav-links { text-transform: uppercase; font-family: 'Trajan W01 BD', Trajan Pro, Georgia, serif; font-size: 12px; display: inline-block; width: 100%; }
.pagination .nav-links a, .pagination .nav-links span { display: inline-block; padding: 5px 15px; margin: 10px 0 0 0; }
.pagination .nav-links a:hover { color: #dcdcdb; background: #7a7a7a; }
.pagination .nav-links a.next, .pagination .nav-links a.prev { color: #938692; }
.pagination .nav-links a.next:hover, .pagination .nav-links a.next:focus,
.pagination .nav-links a.prev:hover, .pagination .nav-links a.prev:focus { color: #dcdcdb; background: #7a7a7a; }

#full.fp-auto-height { padding: 140px 0; }
#full .container { z-index: 2; position: relative; }
#full .cover { z-index: 1; height: 100%; width: 50%; background: rgba(255, 255, 255, 0.33); position: absolute; left: 0; top: 0; }
#full .intro { margin: 0 20% 0 0; }

#design { background: #fff; text-align: center; }
#design h2:before { content: ""; position: absolute; width: 40px; height: 1px; top: 40px; right: 0; left: 0; border-bottom: 1px solid #d4cfd3; margin: 0 auto; }
#design ul.slick { margin: 0; padding: 0; }
#design ul.slick li { margin: 0 30px; }
#design ul.slick li img { max-width: 165px; height: 80px; margin: 0 auto; }

#news { background: #f0f0f0; text-align: center; }
#news h2:before { content: ""; position: absolute; width: 40px; height: 1px; top: 40px; right: 0; left: 0; border-bottom: 1px solid #d4cfd3; margin: 0 auto; }
#news .subsection { margin: 20px 0; }
#news .subsection h3 { line-height: 1.5em; height: 45px; }
#news .subsection h3 a { color: #938692; }

#uptodate { background: #f0f0f0; text-align: center; padding: 0 0 70px 0; }
#uptodate h2:before { content: ""; position: absolute; width: 40px; height: 1px; top: 40px; right: 0; left: 0; border-bottom: 1px solid #d4cfd3; margin: 0 auto; }
#uptodate input { padding: 10px; border: none; border-bottom: 1px solid #fff; margin: 0 5px 0 0; min-width: 25%; }

#heading { background: #f6f6f6; }
#heading.fp-auto-height { padding: 0; }
#heading #banner { position: relative !important; z-index: 1; top: 0; left: 0; padding: 72px 0 0 0; height: 400px !important; }
#heading h1 { position: absolute; left: 0; right: 0; top: 200px; z-index: 999; text-align: center; color: #fff; font-size: 28px; margin: 0; line-height: 1em; font-family: 'Trajan W01 Regular', Trajan Pro, Georgia, serif;}
#heading h1:before { content: ""; position: absolute; width: 40px; height: 1px; top: 60px; right: 0; left: 0; border-bottom: 1px solid #fff; margin: 0 auto; }

#content { background: #f6f6f6; }
#content a { color: #938692; }
#content .subsection { text-align: center; margin: 20px 0; }
#content .subsection .headingfix { position: relative; }
#content .subsection a { color: #938692; }
#content .subsection h2 { font-size: 16px; }
#content .subsection h2:before { content: ""; position: absolute; width: 40px; height: 1px; bottom: -20px; right: 0; left: 0; border-bottom: 1px solid #d4cfd3; margin: 0 auto; }
#content .subsection h2 a { color: #938692; }
#content .subsection figure { margin: 0 0 30px 0; min-height: 230px; }
#content .subsection figure a { display: block; }
#content .subsection span.readmore a:hover, span.readmore a:focus { color: #dcdcdb; background: #7a7a7a; }
#content p.back a { color: #938692; }
#content p.back a:hover { text-decoration: underline; }

#content.wedding.fp-auto-height { padding: 0 0 70px 0; }
#content.wedding hr { border-color: #d4cfd3; }

#content.bride { background: #fff; }

#testimonials { background: #f6f6f6; }
#testimonials .subsection { margin: 0 0 40px 0; }
#testimonials h2 { font-family: 'Droid Serif', Georgia, serif; color: #4d4d4d; text-transform: capitalize; font-weight: 700; font-size: 14px; margin: 0; }
#testimonials i { position: absolute; top: 4px; font-size: 18px; color: #938692; }
#testimonials p { text-indent: 26px; margin: 0; }

#testimonials.banded { text-align: center; background: #fff; }
#testimonials.banded h2 { font-family: 'Trajan W01 BD', Trajan Pro, Georgia, serif; color: #938692; font-size: 18px; margin: 0 0 40px 0; text-transform: uppercase; }
#testimonials.banded h2:before { content: ""; position: absolute; width: 40px; height: 1px; top: 40px; right: 0; left: 0; border-bottom: 1px solid #d4cfd3; margin: 0 auto; }
#testimonials.banded p { text-indent: 0; }
#testimonials.banded i { position: static; margin: 0 10px 0 0; }

#filter { background: #f6f6f6; }
#filter.fp-auto-height { padding: 70px 0 0 0; }
#filter ul { list-style: none; margin: 40px -15px 0 -15px; padding: 0; }
#filter label { font-weight: 400; margin: 0 0 10px 5px; }
#filter input[type=checkbox] { margin: -1px 0 0 0; line-height: normal; width: 15px; height: 15px; vertical-align: middle; }
#filter input[type=submit] { padding: 10px 30px; background: #f7f7f7; border: 1px solid #cfcbcf; color: #938692; display: block; width: auto; margin: 20px auto 20px auto; }
#filter input[type=submit]:hover { color: #dcdcdb; background: #7a7a7a; }
#filter .filterby { font-family: 'Trajan W01 BD', Trajan Pro, Georgia, serif; color: #938692; font-size: 14px; margin: 0; text-transform: uppercase; cursor: pointer; }

#appointment { background: #fff; }
#appointment a { color: #938692; }
#appointment input { border: none; background: #f6f6f6; margin: 0; width: 100%; padding: 10px; }
#appointment input[type=submit] { padding: 10px 30px; background: #f7f7f7; border: 1px solid #cfcbcf; color: #938692; display: inline-block; width: auto; }
#appointment input[type=submit]:hover { color: #dcdcdb; background: #7a7a7a; }
#appointment input[type=checkbox] { cursor: pointer; border-radius: 1px; position: relative; box-sizing: content-box ; width: 15px; height: 15px; border-width: 0; transition: all .3s linear; }
#appointment textarea { width: 100%; margin: 0; border: none; padding: 0; background: #f6f6f6; padding: 10px; }
#appointment label { display: none; }
#appointment form p { margin: 0; }
#appointment .nonhide-wrap label { display: inline-block; font-weight: 400; }
#appointment .ninja-forms-required-items { display: none; }
#appointment .ninja-forms-all-fields-wrap { margin: 0 -15px; }
#appointment .field-wrap { float: left; padding: 0 15px; position: relative; min-height: 1px; margin: 0 0 20px 0; text-align: left; }
#appointment .field-wrap:nth-child(2) { width: 50%; }
#appointment .field-wrap:nth-child(3) { width: 50%; }
#appointment .field-wrap:nth-child(4) { width: 50%; clear: left; }
#appointment .field-wrap:nth-child(5) { width: 50%; }
#appointment .field-wrap:nth-child(6) { width: 20%; clear: left; }
#appointment .field-wrap:nth-child(7) { width: 7%; vertical-align: middle; }
#appointment .field-wrap:nth-child(8) { width: 7%; vertical-align: middle; }
#appointment .field-wrap:nth-child(9) { width: 50%; margin-left: 16%; }
#appointment .field-wrap:nth-child(10) { width: 100%; }
#appointment .field-wrap:nth-child(11) { width: 50%; }
#appointment .field-wrap:nth-child(12) { width: 50%; text-align: right; }
#appointment .field-wrap:nth-child(5):after,
#appointment .field-wrap:nth-child(9):after { color: #938692; font-family: 'Glyphicons Halflings'; content: "\e109"; position: absolute; top: 0; right: 0; padding: 10px 20px 10px 20px; font-size: 24px; background: #fff; }

#times { background: #f6f6f6; }
#times .openingtimes { margin: 0 0 20px 0; }
#times .openingtimes .row { margin: 0; }
#times .openingtimes .col-xs-6 { padding: 0; }
#times iframe { width: 100%; margin: 20px 0 0 0; }

#appointment.banded { text-align: center; }
#appointment.banded h2:before { content: ""; position: absolute; width: 40px; height: 1px; top: 40px; right: 0; left: 0; border-bottom: 1px solid #d4cfd3; margin: 0 auto; }

#times.banded h2 { text-align: center; }
#times.banded h2:before { content: ""; position: absolute; width: 40px; height: 1px; top: 40px; right: 0; left: 0; border-bottom: 1px solid #d4cfd3; margin: 0 auto; }
#times.banded iframe { height: 300px; }
#times.banded .col-sm-offset-1 p:first-child { display: none; }

.flexslider { background: none; border: none; margin: 0; }
.flexslider .flex-direction-nav a { color: #fff; text-shadow: none; margin: 0; }
.flexslider .flex-direction-nav a:before { font-family: 'Glyphicons Halflings'; text-shadow: none; content:"\e257"; color: #fff; font-size: 30px; }
.flexslider .flex-direction-nav a.flex-next:before { font-family: 'Glyphicons Halflings'; text-shadow: none; content:"\e258"; color: #fff; font-size: 30px; }
.flexslider:hover .flex-direction-nav .flex-prev { opacity: 1; }
.flexslider:hover .flex-direction-nav .flex-next { opacity: 1; }

.ui-datepicker { background-color: #fff !important; border: 1px solid #66AFE9; border-radius: 4px; box-shadow: 0 0 8px rgba(102,175,233,.6); display: none; margin-top: 4px; padding: 10px; width: 240px; }
.ui-datepicker a,
.ui-datepicker a:hover { text-decoration: none; }
.ui-datepicker a:hover,
.ui-datepicker td:hover a { color: #fff; -webkit-transition: color 0.1s ease-in-out; -moz-transition: color 0.1s ease-in-out; -o-transition: color 0.1s ease-in-out; transition: color 0.1s ease-in-out; }
.ui-datepicker .ui-datepicker-header { margin-bottom: 4px; text-align: center; }
.ui-datepicker .ui-datepicker-title { font-weight: 700; }
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next { 
    cursor: default; 
    font-family: 'Glyphicons Halflings'; 
    -webkit-font-smoothing: antialiased; 
    font-style: normal; font-weight: normal; 
    height: 20px; 
    line-height: 1; 
    margin-top: 2px; 
    width: 30px; 
}
.ui-datepicker .ui-datepicker-prev { float: left; text-align: left; }
.ui-datepicker .ui-datepicker-next { float: right; text-align: right; }
.ui-datepicker .ui-datepicker-prev:before { content: "\e079"; }
.ui-datepicker .ui-datepicker-next:before { content: "\e080"; }
.ui-datepicker .ui-icon { display: none; }
.ui-datepicker .ui-datepicker-calendar { table-layout: fixed; width: 100%; }
.ui-datepicker .ui-datepicker-calendar th,
.ui-datepicker .ui-datepicker-calendar td { text-align: center; padding: 4px 0; }
.ui-datepicker .ui-datepicker-calendar td { 
    border-radius: 4px; 
    -webkit-transition: background-color 0.1s ease-in-out, color 0.1s ease-in-out;
    -moz-transition: background-color 0.1s ease-in-out, color 0.1s ease-in-out;
    -o-transition: background-color 0.1s ease-in-out, color 0.1s ease-in-out;
    transition: background-color 0.1s ease-in-out, color 0.1s ease-in-out;
}
.ui-datepicker .ui-datepicker-calendar td:hover { background-color: #7a7a7a; cursor: pointer; color: #fff; }
.ui-datepicker .ui-datepicker-calendar td a { text-decoration: none; }
.ui-datepicker .ui-datepicker-current-day { background-color: #7a7a7a; }
.ui-datepicker .ui-datepicker-current-day a { color: #fff }
.ui-datepicker .ui-datepicker-calendar .ui-datepicker-unselectable:hover { background-color: #fff; cursor: default; }

.ui-dialog { overflow: hidden; z-index: 9999; }
.ui-widget-content { background: #fff; text-align: center; padding: 15px 30px; }
.ui-dialog button { padding: 10px 30px; background: #f7f7f7; border: 1px solid #cfcbcf; color: #938692; display: inline-block; width: auto; }
.ui-dialog button.ui-dialog-titlebar-close { display: none; }
.ui-dialog .ui-dialog-titlebar { padding: 5px 10px; position: relative; color: #938692; font-family: 'Trajan W01 BD', Trajan Pro, Georgia, serif; text-transform: uppercase; font-size: 18px; }
.ui-helper-clearfix:before, .ui-helper-clearfix:after { content: ""; display: table; border-collapse: collapse; }
.ui-helper-clearfix:after { clear: both; }
.ui-dialog .ui-dialog-content { position: relative; padding: 5px 10px; overflow: auto; }
.ui-dialog .ui-dialog-buttonpane { border-width: 1px 0 0 0; background-image: none; padding: 5px 10px; margin: 0; }
.ui-widget-overlay { background: #000; opacity: .5; filter: Alpha(Opacity=30); position: fixed; top: 0; left: 0; width: 100%; height: 100%; }

.fancybox-nav span { color: #fff; font-family: 'Glyphicons Halflings'; padding: 10px 20px 10px 20px; font-size: 30px; width: auto; }
.fancybox-prev span { background-image: none; }
.fancybox-next span { background-image: none; }
.fancybox-prev span:after { content:"\e257"; }
.fancybox-next span:after { content:"\e258"; }
.fancybox-close { background-image: none; top: -10px; right: -10px; }
.fancybox-close:after { color: #fff; font-family: 'Glyphicons Halflings'; content:"\e088"; font-size: 30px; }

/*---------------------------------------------------Footer---------------------------------------------------*/

footer { background: #7a7a7a; color: #dcdcdb; }
footer p { margin: 0 0 20px 0; }
footer a { color: #dcdcdb; }
footer a:hover, footer a:focus { color: #fff; }

footer.fp-auto-height { padding: 70px 0 20px 0; }

footer nav.secondary { font-family: 'Trajan W01 BD', Trajan Pro, Georgia, serif; font-size: 12px; }
footer nav.secondary ul { margin: -1px 0 0 0; padding: 0; position: relative; text-align: left; }
footer nav.secondary ul li { display: inline-block; margin: 0 5%; width: 39%; }
footer nav.secondary ul li a { color: #dcdcdb; width: 100%; display: block; border-bottom: 1px solid #90908f; padding: 2px 0; }
footer nav.secondary ul li a:hover, footer nav.secondary ul li a:focus { color: #fff; }

footer .icons ul { margin: 0; padding: 0; position: relative; text-align: right; }
footer .icons ul li { display: inline-block; padding: 0 10px; vertical-align: middle; }
footer .icons ul li a { display: inline-block; width: 40px; height: 40px; border: 1px solid #d4cfd3; border-radius: 1.5em; color: #d4cfd3; }
footer .icons ul li a:hover, .icons ul li a:focus { color: #fff; border: 1px solid #fff; }
footer .icons ul li a i { width: 100%; text-align: center; vertical-align: 0; padding: 5px 0 0 0; }

footer hr { margin: 20px 0 40px 0; border-top: 1px solid #90908f; }

footer .absolute-bottom { color: #c5c5c5;}
footer .absolute-bottom a { color: #c5c5c5;}
footer .absolute-bottom a:hover, footer .absolute-bottom a:focus { color: #fff; } 
footer .absolute-bottom p.last { text-align: right; }

/*---------------------------------------------------Media Queries---------------------------------------------------*/

    /* Large Devices, Wide Screens */
    @media only screen and (max-width : 1199px) {
        header .mobilemenu { display: block; position: absolute; right: 15px; top: 0; }
        header .mobilemenu:hover { cursor: pointer; }
        header .mobilemenu i { vertical-align: middle; margin: 0 10px 0 0; }

        header .icons { width: 100%; margin: 0 0 0 -40px; }
        header .icons ul { text-align: center; }

        header nav.primary { display: none; }

        .intro { margin: 0 0 0 10%; }

        #news.banded .subsection p { height: 112px; }

        #content .subsection figure { min-height: 201px; }
        #content .subsection p { height: 112px; }
        #content .subsection h2.newsheading { height: 48px; }

        #appointment .field-wrap:nth-child(6) { width: 30%; }
        #appointment .field-wrap:nth-child(7) { width: 10%; }
        #appointment .field-wrap:nth-child(8) { width: 10%; }
        #appointment .field-wrap:nth-child(9) { margin-left: 0; }
    }

    /* Medium Devices, Desktops */
    @media only screen and (max-width : 991px) {
        .col-md-4:nth-child(3n+1) { clear: none; }
        .col-sm-6:nth-child(2n+1) { clear: left; }

        header .col-sm-6:nth-child(2n+1) { clear: none; }

        #full.fp-auto-height { padding: 70px; }
        #full .intro { margin: 0 40px 0 0; }

        #news.banded .subsection h3 { height: 72px; }

        #times .col-sm-6:nth-child(2n+1) { clear: none; }

        #content .subsection { margin: 0 0 30px 0; }
        #content .subsection figure { min-height: auto; }
        #content .subsection p { height: auto; }
        #content .subsection h2.newsheading { height: auto; }

        footer .icons ul { margin: 20px 0 0 0; text-align: center; }
        footer nav.secondary ul li { margin: 0 2% 0 0; width: 45%; }
    }

    /* Small Devices, Tablets */
    @media only screen and (max-width : 767px) {
        header .icons { display: none; }

        #heading #banner { height: 300px !important; }
        #heading h1 { top: 160px; }

        #full .intro { margin: 0; }
        #full .intro span.readmore { display: block; text-align: center; }
        #full .cover { width: 100%; }

        #news .subsection { margin: 40px 0 20px 0; }
        #news .subsection h3 { height: auto; }

        #news.banded .subsection p { height: auto; }
        #news.banded .subsection h3 { height: auto; }

        #wedding .subsection { height: auto !important; }

        #appointment .field-wrap:nth-child(2) { width: 100%; }
        #appointment .field-wrap:nth-child(3) { width: 100%; }
        #appointment .field-wrap:nth-child(4) { width: 100%; }
        #appointment .field-wrap:nth-child(5) { width: 100%; }
        #appointment .field-wrap:nth-child(6) { width: 50%; }
        #appointment .field-wrap:nth-child(7) { width: 15%; }
        #appointment .field-wrap:nth-child(8) { width: 35%; }
        #appointment .field-wrap:nth-child(9) { width: 100%; }
        #appointment .field-wrap:nth-child(10) { width: 100%; }
        #appointment .field-wrap:nth-child(11) { width: 50%; }
        #appointment .field-wrap:nth-child(12) { width: 50%; }

        #filter input[type=submit] { margin: 0; }

        footer nav.secondary ul li { margin: 0; width: 100%; }
        footer .icons ul { text-align: center; margin: 20px 0 0 0; }
        footer .absolute-bottom { text-align: center; }
        footer .absolute-bottom p.last { text-align: center; }
    }

    /* Extra Small Devices, Phones */ 
    @media only screen and (max-width : 479px) {
        p { margin: 0 0 20px 0; line-height: 1.5em; }

        header nav.mobile { right: 0; }

        #heading #banner { height: 200px !important; }
        #heading h1 { font-size: 22px; top: 120px; }
        #heading h1:before { top: 40px; }

        #appointment .field-wrap:nth-child(6) { width: 100%; margin: 0 0 5px 0; }
        #appointment .field-wrap:nth-child(6) p { margin: 0; }
        #appointment .field-wrap:nth-child(7) { width: 20%; }
        #appointment .field-wrap:nth-child(8) { width: 80%; }
        #appointment .field-wrap:nth-child(11) { width: 100%; text-align: center; }
        #appointment .field-wrap:nth-child(12) { width: 100%; text-align: center; }
    }

    @media only screen and (max-width : 320px) {
        #uptodate input { margin: 0 0 20px 0; width: 100%; }

        #appointment .field-wrap:nth-child(7) { width: 30%; }
        #appointment .field-wrap:nth-child(8) { width: 70%; }
    }