/*! HTML5 Boilerplate v5.3.0 | MIT License | https://html5boilerplate.com/ */

/*
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

html {
    color: #222;
    font-size: 1em;
    line-height: 1.4;
}

/*
 * Remove text-shadow in selection highlight:
 * https://twitter.com/miketaylr/status/12228805301
 *
 * These selection rule sets have to be separate.
 * Customize the background color to match your design.
 */

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

/*
 * Remove the gap between audio, canvas, iframes,
 * images, videos and the bottom of their containers:
 * https://github.com/h5bp/html5-boilerplate/issues/440
 */

audio,
canvas,
iframe,
img,
svg,
video {
    vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
    resize: vertical;
}

/* ==========================================================================
   Browser Upgrade Prompt
   ========================================================================== */

.browserupgrade {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */

/* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Hide visually and from screen readers
 */

.hidden {
    display: none !important;
}

/*
 * Hide only visually, but have it available for screen readers:
 * http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 */

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}
/* Global css Starts */
body {
    font-family: 'Exo', sans-serif;
}
.wrapper {
    width: 1170px;
    margin: 0 auto;
    padding: 0;
    position: relative;
    overflow: hidden;
}
a {
    text-decoration: none;
}
ul {
    list-style: none;
    list-style-type: none;
    margin: 0;
    padding: 0;
}
p {
    font-size: 16px;
    line-height: 30px;
    color: #fff;
    font-weight: 400;
}
/* Global css Ends */
/*
 * Extends the .visuallyhidden class to allow the element
 * to be focusable when navigated to via the keyboard:
 * https://www.drupal.org/node/897638
 */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

/*
 * Hide visually and from screen readers, but maintain layout
 */

.invisible {
    visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after {
    content: ' '; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}
/* Header css Starts */
header {
    background: #eee;
    position: relative;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100px;
}
header .wrapper {
    overflow: inherit;
}
header a.logo {
    float: left;
    position: relative;
    margin: 0;
    padding: 0;
}
header a.logo img {
    width: auto;
    margin-top: 17px;
}
header nav {
    width: auto;
    float: right;
    position: relative;
    margin: 0;
    padding: 0;
}
header nav ul li {
    float: left;
    margin-right: 30px;
    position: relative;
}
header nav ul li:last-child {
    margin-right: 0;
}
header nav ul li a {
    font-size: 16px;
    line-height: 100px;
    color: #181818;
    font-weight: 500;
    float: left;
    padding: 0 10px;
    box-sizing: border-box;
}
header nav ul li a.active {
    background: #dd911f;
}
header nav ul li > ul.sub-menu {
    position: absolute;
    top: 100px;
    background: #181818;
    padding: 18px;
    box-sizing: border-box;
    left: 0;
    min-width: 200px;
    float: left;
    z-index: 1;
    display: none;
}
header nav ul li:hover > ul.sub-menu {
    display: block;
}
header nav ul li > ul.sub-menu > li {
    width: 100%;
    text-align: left;
    float: left;
    line-height: normal;
    margin: 0;
    padding: 0;
}
header nav ul li > ul.sub-menu > li > a {
    width: 100%;
    text-align: left;
    float: left;
    color: #fff;
    font-weight: 600;
    font-size: 16px;
    line-height: 32px;
    margin: 0;
    padding: 0;
}
header nav ul li > ul.sub-menu > li > a:hover {
    color: #dd911f;
}
/* Header css Ends */
/* Homepage css Starts */
.slidesec {
    height: 546px;
    width: 100%;
    background: #181818;
    position: relative;
    float: left;
    margin: 0;
    padding: 0;
    overflow: hidden;
}
.slidesec .flexslider {
    background: none;
    border: none;
    margin: 0;
    padding: 0;
}
.slidesec .flexslider .flex-direction-nav {
    display: none;
}
.slidesec .flexslider .flex-control-nav {
    bottom: 10px;
}
.slidesec .flexslider .flex-control-paging li a {
    border-radius: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
    background: transparent;
    border: 1px solid #fff;
}
.slidesec .flexslider .flex-control-paging li a.flex-active {
    background: #fff;
}
.middsec {
    width: 100%;
    position: relative;
    overflow: hidden;
    margin: 65px auto;
    padding: 0;
    float: left;
}
.middsec h1 {
    font-size: 40px;
    line-height: 40px;
    margin: 0 0 20px 0;
    padding: 0;
    font-weight: 700;
    color: #181818;
    float: left;
    width: 100%;
}
.middsec .maindiv {
    width: 100%;
    position: relative;
    overflow: hidden;
    margin: 0 0 10px 0;
    padding: 0;
}
.middsec .maindiv .leftbig {
    width: 66.3%;
    float: left;
    position: relative;
    overflow: hidden;
    margin: 0;
    padding: 30px;
    box-sizing: border-box;
    background: #dd911f;
    min-height: 365px;
    margin-right: 10px;
}
.middsec .maindiv .leftbig p {
    margin-bottom: 40px;
    margin-top: 0;
}
.middsec .maindiv .leftbig .booknow {
    width: 145px;
    height: 45px;
    line-height: 45px;
    float: left;
    background: #181818;
    font-weight: 700;
    font-size: 16px;
    text-align: center;
    color: #fff;
}
.middsec .maindiv .leftbig p a {
    color: #181818;
}
.middsec .maindiv .rightsmall {
    width: 32.8%;
    float: right;
    position: relative;
    overflow: hidden;
    margin: 0;
    padding: 0;
    background: #eee;
    min-height: 390px;
    text-align: center;
}
.middsec .maindiv .rightsmall img {
    text-align: center;
    margin-top: 90px;
}
.middsec .maindiv.seconddiv .leftbig {
    width: 32.8%;
    margin-right: 10px;
    background: #181818;
    min-height: 390px;
}
.middsec .maindiv.seconddiv .leftbig .readmore {
    width: 145px;
    height: 45px;
    line-height: 45px;
    float: left;
    background: #dd911f;
    font-weight: 700;
    font-size: 16px;
    text-align: center;
    color: #fff;
    margin-top: 35px;
}
.middsec .maindiv.seconddiv .rightsmall {
    width: 66.3%;
    float: right;
    margin: 0;
    padding: 0;
    background: url(../img/otherimg.jpg) no-repeat center;
    height: 390px;
    background-size: cover;
}
.middsec .maindiv .column3 {
    width: 32.7%;
    float: left;
    margin-right: 10px;
    min-height: 390px;
    padding: 30px;
    box-sizing: border-box;
    position: relative;
    background: #eee;
}
.middsec .maindiv .column3:last-child {
    margin-right: 0;
    background: #dd911f;
}
.middsec .maindiv .column3 h3 {
    text-align: center;
    color: #181818;
    font-size: 40px;
    line-height: 48px;
    margin-top: 0;
}
.middsec .maindiv .column3.backimg {
    padding: 0;
    background: url(../img/joinusback.jpg) no-repeat center;
}
.middsec .maindiv .column3.backimg .overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1;
    background: rgba(0, 0, 0, 0.57);
}
.middsec .maindiv .column3.backimg .overlay .joinus {
    width: 170px;
    margin: 120px auto 0 auto;
    position: relative;
    overflow: hidden;
}
.middsec .maindiv .column3.backimg .overlay .joinus h4 {
    font-weight: 700;
    font-size: 36px;
    color: #fff;
    text-align: center;
    margin: 0;
}
.middsec .maindiv .column3.backimg .overlay .joinus a.socialbtn {
    float: left;
    width: auto;
    margin-right: 30px;
}
.middsec .maindiv .column3.backimg .overlay .joinus a.socialbtn:last-child {
    margin-right: 0;
}
.middsec .maindiv .column3 h5 {
    font-size: 24px;
    font-weight: 700;
    text-align: center;
    margin-bottom: 15px;
    margin-top: 0;
    color: #181818;
    text-align: center;
}
.middsec .maindiv .column3 ul {
    margin-bottom: 15px;
    position: relative;
}
.middsec .maindiv .column3 ul li {
    font-weight: 700;
    color: #fff;
    text-align: center;
    line-height: 45px;
    font-size: 20px;
}
.middsec .maindiv .column3 p {
    text-align: center;
    font-weight: 700;
    font-size: 16px;
    line-height: 20px;
    color: #181818;
    margin: 0;
}
/* Homepage css Ends */

/* FAQ css Starts */
.faq .faqsec {
    width: 100%;
    position: relative;
    overflow: hidden;
    margin: 0;
    padding: 0 0 60px 0;
    max-width: 785px;
}
.faq .faqsec #faq-accor {
    position: relative;
    margin: 0;
    padding: 0;
    width: 100%;
}
.faq .faqsec #faq-accor h3 {
    font-size: 16px;
    color: #313131;
    height: 85px;
    line-height: 82px;
    border-bottom: 1px solid #313131;
    margin: 0;
    font-weight: 600;
    padding: 0;
    outline: none;
    cursor: pointer;
}
.faq .faqsec #faq-accor .ques-ans {
    width: 100%;
    position: relative;
    overflow: hidden;
    margin: 0;
    padding: 0 0 20px 25px;
    border-bottom: 1px solid #313131;
    box-sizing: border-box;
}
.faq .faqsec #faq-accor h3 .ss-icon {
    float: left;
    font-size: 18px;
    color: #313131;
    padding-top: 3px;
    padding-right: 10px;
    box-sizing: border-box;
}
.faq .faqsec #faq-accor h3.ui-accordion-header-active {
    border-bottom: none;
    height: 60px;
    line-height: 60px;
}
.faq .faqsec #faq-accor h3.ui-accordion-header-active .openup {
    display: none;
}
.faq .faqsec #faq-accor h3.ui-accordion-header-active .closedown {
    display: block !important;
}
.faq .faqsec #faq-accor p {
    border-bottom: none;
    font-size: 16px;
    line-height: 20px;
    color: #313131;
    margin: 0;
    padding: 0;
    outline: none;
}
.faq .faqsec #faq-accor .ques-ans p.ui-accordion-content {
    border-bottom: 1px solid #313131;
}
/* FAQ css Ends */
/* Prices css Starts */
.aboutus .leftabt h5 {
    font-size: 20px;
    line-height: 32px;
    color: #181818;
    font-weight: 500;
    margin: 0;
    padding: 0;
    float: left;
    width: 100%;
}
.aboutus .leftabt span {
    width: 100%;
    float: left;
    margin: 0;
    padding: 0;
    font-size: 14px;
    line-height: 32px;
    font-weight: 400;
}
.aboutus .leftabt ul {
    float: left;
    margin: 20px 0 10px 0;
    padding: 0;
    width: 100%;
}
.aboutus .leftabt ul li {
    width: 100%;
    float: left;
    margin: 0;
    padding: 0;
    color: #181818;
    font-weight: 500;
    line-height: 32px;
    font-size: 16px;
}
.aboutus .leftabt ul.bigger {
    margin: 0;
}
.aboutus .leftabt ul.bigger li {
    font-size: 20px;
    line-height: 34px;
    font-weight: 600;
}
/* Prices css Ends */
/* About css Starts */
.aboutus .leftabt {
    position: relative;
    overflow: hidden;
    float: left;
    width: 68%;
}
.aboutus .leftabt table{
     margin: 20px 0 40px 0;
    display: inline-block;
}
.aboutus .leftabt table th,.aboutus .leftabt table td{
    padding: 10px;
    box-sizing: border-box;
    text-align: center;
}
.aboutus .leftabt p,
.aboutus .leftabt .comminstr p {
    font-size: 16px;
    line-height: 28px;
    color: #181818;
    font-weight: 500;
    margin: 0 0 20px 0;
    float: left;
    width: 100%;
}
.aboutus .leftabt a,
.aboutus .leftabt .comminstr a {
    color: #dd911f;
}
.aboutus .rightabt {
    position: relative;
    overflow: hidden;
    float: right;
    width: 30%;
    min-height: 330px;
    background: #181818;
    padding: 25px;
    box-sizing: border-box;
}
.aboutus .rightabt h6 {
    font-size: 20px;
    line-height: 34px;
    font-weight: 700;
    color: #fff;
    margin: 0 0 15px 0;
    padding: 0;
    float: left;
    width: 100%;
    border-bottom: 1px solid #fff;
}
.aboutus .rightabt ul li a {
    float: left;
    width: 100%;
    color: #fff;
    font-size: 18px;
    line-height: 32px;
    font-weight: 600;
}
/* About css Ends */

/* Contact css Starts */
.contactus {
    width: 100%;
    position: relative;
    overflow: hidden;
    margin: 0;
    padding: 0;
}
.contactus .leftabt {
    width: 40%;
    float: left;
    position: relative;
    overflow: hidden;
    margin: 0;
    padding: 0;
}
.contactus .leftabt .topcont {
    width: 100%;
    position: relative;
    overflow: hidden;
    margin: 15px 0 0 0;
    padding: 0;
    float: left;
}
.contactus .leftabt .topcont p,
.wpcf7-form-control-wrap {
    width: 100%;
    float: left;
    font-size: 16px;
    line-height: 32px;
    font-weight: 500;
    color: #181818;
    margin: 0;
    padding: 0;
}
.contactus .leftabt .topcont p span {
    float: left;
    color: #181818;
    font-size: 18px;
    margin-right: 8px;
    min-height: 34px;
}
.contactus .leftabt .gettouch {
    float: left;
    position: relative;
    overflow: hidden;
    margin: 50px 0 0 0;
    padding: 0;
}
.contactus .leftabt .gettouch h5 {
    color: #181818;
    font-size: 20px;
    line-height: 32px;
    margin-top: 0;
    font-weight: 700;
}
.contactus .leftabt .gettouch label {
    float: left;
    width: 100%;
    color: #181818;
    font-size: 16px;
    line-height: 32px;
    margin: 0;
    padding: 0;
    font-weight: 600;
}
.contactus .leftabt .gettouch input,
.contactus .leftabt .gettouch textarea {
    max-width: 380px;
    height: 45px;
    line-height: 45px;
    font-weight: 400;
    color: #181818;
    width: 100%;
    border: 1px solid #bcbcbc;
    border-radius: 3px;
    padding: 10px;
    box-sizing: border-box;
    margin: 0 0 20px 0;
    padding: 0;
}
.contactus .leftabt .gettouch textarea {
    height: 150px;
    line-height: normal;
}
.contactus .leftabt .gettouch .sendbtn {
    width: 140px;
    margin-top: 15px;
}
.contactus .rightabt {
    width: 55%;
    float: right;
    position: relative;
    overflow: hidden;
    margin: 0;
    padding: 0;
}
/* Contact css Ends */
/* Instructions css Starts */
.aboutus .leftabt .comminstr {
    width: 100%;
    position: relative;
    margin: 0;
    padding: 0;
    border-bottom: 1px solid #181818;
}
.aboutus .leftabt .comminstr:last-child {
    border-bottom: 0;
}
.aboutus .leftabt .comminstr h6 {
    font-size: 20px;
    line-height: 32px;
    font-weight: 600;
    color: #181818;
    margin: 20px 0 10px 0;
    padding: 0;
    float: left;
    width: 100%;
}
.aboutus .leftabt .comminstr p {
    color: #181818;
}
/* Instructions css Ends */
/* Pheasant Hunt css Starts */
.rightabt.huntsec {
    background: none;
    padding: 0;
    min-height: inherit;
}
.huntimg {
    width: 100%;
    position: relative;
    margin: 0 0 40px 0;
    padding: 0;
}

/* Pheasant Hunt css Ends */
/* Clay css Starts */
.clayshoot {
    width: 100%;
    padding: 0;
    position: relative;
    overflow: hidden;
    margin: 0 0 10px 0;
}
.clayshoot.orange {
    margin-top: 50px;
}
.clayshoot.orange .leftbig {
    width: 32.8%;
    margin-right: 10px;
    background: #181818;
    min-height: 390px;
    float: left;
}
.clayshoot.orange .rightsmall {
    width: 66.3%;
    float: right;
    margin: 0;
    padding: 25px;
    min-height: 390px;
    box-sizing: border-box;
    background: #dd911f;
}
.clayshoot.orange .rightsmall p {
    margin: 0;
}
.clayshoot.black .leftbig {
    width: 32.8%;
    margin-right: 0;
    background: #181818;
    min-height: 390px;
    float: right;
}
.clayshoot.black .rightsmall {
    width: 66.3%;
    float: left;
    margin: 0;
    padding: 25px;
    min-height: 390px;
    box-sizing: border-box;
    background: #181818;
    margin-right: 10px;
}
.clayshoot.black .rightsmall p {
    margin: 0;
}
.clayshoot.grey .leftbig {
    width: 32.8%;
    margin-right: 10px;
    min-height: 390px;
    float: left;
}
.clayshoot.grey .rightsmall {
    width: 66.3%;
    float: right;
    margin: 0;
    padding: 25px;
    min-height: 390px;
    box-sizing: border-box;
    background: #eee;
}
.clayshoot.grey .rightsmall p {
    margin: 0;
    color: #181818;
}
/* Clay css Ends */
/* Footer css Starts */
footer {
    background: #181818;
    width: 100%;
    position: relative;
    overflow: hidden;
    margin: 0;
    padding: 0;
}
footer .topfoot {
    padding: 35px 0;
    position: relative;
    overflow: hidden;
    width: 100%;
    margin: 0;
    border-bottom: 1px solid #fff;
}
footer .topfoot .footcol3 {
    width: 39.3%;
    float: left;
    position: relative;
    overflow: hidden;
    margin: 0;
    padding: 0;
}
footer .topfoot .footcol3:last-child {
    max-width: 250px;
    float: right;
}
footer .topfoot .footcol3 address {
    font-style: inherit;
    font-weight: 500;
    font-size: 18px;
    line-height: 32px;
    color: #fff;
    margin-top: 35px;
}
footer .topfoot .footcol3 h5 {
    color: #fff;
    font-size: 20px;
    line-height: 28px;
    font-weight: 600;
    margin-top: 0;
}
footer .topfoot .footcol3 ul li {
    width: 100%;
    float: left;
}
footer .topfoot .footcol3 ul li a {
    color: #fff;
    font-size: 18px;
    line-height: 38px;
    font-weight: 500;
    float: left;
    width: 100%;
}
footer .topfoot .footcol3 .subus {
    float: left;
    width: 250px;
    position: relative;
    margin: 0 0 0 0;
    padding: 0;
    overflow: hidden;
}
footer .topfoot .footcol3 .subus input {
    height: 50px;
    line-height: 50px;
    width: 250px;
    border-radius: 3px;
    font-size: 16px;
    color: #e2e2e2;
    font-weight: 400;
    padding: 10px;
    box-sizing: border-box;
    background: #1e1e1e;
    margin-bottom: 15px;
    border: none;
    outline: none;
}
footer .topfoot .footcol3 .subus .subbtn,
.contactus .leftabt .gettouch .sendbtn {
    height: 50px;
    line-height: 50px;
    width: 250px;
    border-radius: 3px;
    font-size: 16px;
    font-weight: 700;
    color: #fff;
    background: #dd911f;
    text-align: center;
    border: none;
    outline: none;
}
footer .botfoot {
    height: 85px;
    line-height: 85px;
    position: relative;
    overflow: hidden;
    margin: 0;
    padding: 0;
}
footer .botfoot p {
    width: auto;
    float: left;
    font-size: 14px;
    color: #fff;
    font-weight: 500;
    margin: 0;
    line-height: inherit;
}
footer .botfoot ul {
    float: right;
}
footer .botfoot ul li {
    float: left;
    margin-right: 25px;
}
footer .botfoot ul li:last-child {
    margin-right: 0;
}
/* Footer css Ends */
#stayform input[type='email'] {
    height: 40px;
    line-height: 40px;
    width: 250px;
    border-radius: 3px;
    font-size: 16px;
    color: #e2e2e2;
    font-weight: 400;
    padding: 10px;
    box-sizing: border-box;
    background: #1e1e1e;
    margin-bottom: 15px;
    border: none;
    outline: none;
}
#stayform button {
    height: 40px;
    line-height: 40px;
    width: 150px;
    border-radius: 3px;
    font-size: 16px;
    font-weight: 700;
    color: #fff;
    background: #dd911f;
    text-align: center;
    border: none;
    outline: none;
}
#tribe-events #legend li {
    width: auto;
    float: none;
}
#tribe-events #tribe-events-bar {
    display: none;
}
table.tribe-events-calendar thead th {
    background-color: #181818;
    border-left: 1px solid #181818;
    border-right: 1px solid #181818;
}
#tribe-events .tribe-events-button,
#tribe-events .tribe-events-button:hover,
#tribe_events_filters_wrapper input[type='submit'],
.tribe-events-button,
.tribe-events-button.tribe-active:hover,
.tribe-events-button.tribe-inactive,
.tribe-events-button:hover,
table.tribe-events-calendar
    td.tribe-events-present
    div[id*='tribe-events-daynum-'],
table.tribe-events-calendar
    td.tribe-events-present
    div[id*='tribe-events-daynum-']
    > a {
    background-color: #dd911f;
}
#tribe-events ul.tribe-events-sub-nav a span {
    float: none;
}
#tribe-events #tribe-events-footer .tribe-events-sub-nav li {
    width: auto;
}
div.giftcertificates_signup_box {
    overflow: hidden;
    height: 367px;
}
header #menu {
    display: none;
}
#hamburger {
    box-sizing: border-box;
    width: 70px;
    height: 45px;
    position: absolute;
    top: 25px;
    right: -18px;
    z-index: 4;
    display: none;
}
#hamburger span,
#hamburger:after,
#hamburger:before {
    background: #181818;
    content: '';
    display: block;
    width: 30px;
    height: 5px;
    position: absolute;
    right: 20px;
    -webkit-transition: none 0.5s ease 0.5s;
    -moz-transition: none 0.5s ease 0.5s;
    -o-transition: none 0.5s ease 0.5s;
    transition: none 0.5s ease 0.5s;
    -webkit-transition-property: transform, top, bottom, left, opacity;
    -moz-transition-property: transform, top, bottom, left, opacity;
    -o-transition-property: transform, top, bottom, left, opacity;
    transition-property: transform, top, bottom, left, opacity;
}
#hamburger:before {
    top: 10px;
}
#hamburger span {
    top: 20px;
}
#hamburger:after {
    top: 30px;
}
img.rfg-img {
    box-shadow: none !important;
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    width: 100%;
    height: auto;
    position: absolute;
    left: 0;
}
.rfg-img-wrapper {
    margin: 1% !important;
    width: 48%;
    overflow: hidden;
    padding-bottom: 27%;
}
#cboxPrevious,
#cboxNext,
#cboxSlideshow,
#cboxClose {
    outline: none;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .wrapper {
        width: 100%;
        max-width: 740px;
    }
    #hamburger {
        display: block;
    }
    header nav {
        display: none;
    }
    .slidesec {
        height: auto;
    }
    .middsec .maindiv .leftbig {
        width: 60%;
        margin-right: 2%;
    }
    .middsec .maindiv .rightsmall {
        width: 38%;
    }
    .middsec .maindiv .rightsmall img {
        width: 100%;
    }
    .middsec .maindiv.seconddiv .leftbig {
        width: 38%;
        margin-right: 2%;
    }
    .middsec .maindiv.seconddiv .rightsmall {
        width: 60%;
    }
    .middsec .maindiv .column3 {
        width: 32%;
        margin-right: 2%;
    }
    .middsec .maindiv .column3 img {
        width: 100%;
    }
    footer .topfoot .footcol3 {
        width: 50%;
    }
    footer .topfoot .footcol3:last-child {
        float: left;
    }
    .contactus .leftabt,
    .contactus .rightabt {
        width: 100%;
    }
    .clayshoot.orange {
        margin-top: 25px;
    }
    .clayshoot.orange .leftbig,
    .clayshoot.grey .leftbig {
        width: 30%;
        margin-right: 2%;
        min-height: 250px;
    }
    .clayshoot.orange .rightsmall,
    .clayshoot.grey .rightsmall {
        width: 68%;
        min-height: 250px;
        padding: 20px;
    }
    .clayshoot.orange .rightsmall p,
    .clayshoot.grey .rightsmall p {
        font-size: 12px;
    }
    .clayshoot.black .leftbig {
        width: 30%;
        min-height: 250px;
    }
    .clayshoot.black .rightsmall {
        margin-right: 2%;
        min-height: 250px;
        width: 68%;
        padding: 20px;
    }
    #tribe-events
        #tribe-events-footer
        .tribe-events-sub-nav
        .tribe-events-nav-previous,
    #tribe-events
        #tribe-events-footer
        .tribe-events-sub-nav
        .tribe-events-nav-next {
        width: 50%;
    }
}
@media only screen and (max-width: 767px) {
    .wrapper {
        width: 90%;
    }
    #hamburger {
        display: block;
    }
    header nav {
        display: none;
    }
    .slidesec {
        height: auto;
    }
    .middsec {
        margin: 35px auto;
    }
    .middsec .maindiv .leftbig,
    .middsec .maindiv .rightsmall,
    .middsec .maindiv.seconddiv .leftbig,
    .middsec .maindiv.seconddiv .rightsmall,
    .middsec .maindiv .column3,
    .aboutus .leftabt,
    .aboutus .rightabt,
    .contactus .leftabt,
    .contactus .rightabt,
    .clayshoot.orange .leftbig,
    .clayshoot.grey .leftbig,
    .clayshoot.orange .rightsmall,
    .clayshoot.grey .rightsmall,
    .clayshoot.black .leftbig,
    .clayshoot.black .rightsmall {
        width: 100%;
    }
    .clayshoot.orange {
        margin-top: 25px;
    }
    .faq .faqsec #faq-accor h3 {
        height: auto;
        line-height: 25px;
        padding: 30px 0;
    }
    .faq .faqsec #faq-accor h3.ui-accordion-header-active {
        height: auto;
        line-height: 25px;
    }
    div.giftcertificates_signup_box {
        height: 430px;
    }
    table.tribe-events-calendar thead th {
        font-size: 5px;
    }
    #tribe-events #legend li {
        width: 100%;
        margin-left: 0 !important;
    }
    #tribe-events
        #tribe-events-footer
        .tribe-events-sub-nav
        .tribe-events-nav-previous,
    #tribe-events
        #tribe-events-footer
        .tribe-events-sub-nav
        .tribe-events-nav-next {
        width: 100%;
        margin-bottom: 5px;
    }
    footer .topfoot .footcol3 {
        width: 100%;
    }
    footer .topfoot .footcol3:last-child {
        float: left;
    }
    footer .botfoot {
        overflow: visible;
        line-height: 35px;
    }
}
/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   These examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */

@media only screen and (min-width: 35em) {
    /* Style adjustments for viewports that meet the condition */
}

@media print,
    (-webkit-min-device-pixel-ratio: 1.25),
    (min-resolution: 1.25dppx),
    (min-resolution: 120dpi) {
    /* Style adjustments for high resolution devices */
}

/* ==========================================================================
   Print styles.
   Inlined to avoid the additional HTTP request:
   http://www.phpied.com/delay-loading-your-print-css/
   ========================================================================== */

@media print {
    *,
    *:before,
    *:after,
    *:first-letter,
    *:first-line {
        background: transparent !important;
        color: #000 !important; /* Black prints faster:
                                   http://www.sanbeiji.com/archives/953 */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: ' (' attr(href) ')';
    }

    abbr[title]:after {
        content: ' (' attr(title) ')';
    }

    /*
     * Don't show links that are fragment identifiers,
     * or use the `javascript:` pseudo protocol
     */

    a[href^='#']:after,
    a[href^='javascript:']:after {
        content: '';
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    /*
     * Printing Tables:
     * http://css-discuss.incutio.com/wiki/Printing_Tables
     */

    thead {
        display: table-header-group;
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}