/* =Responsive (Mobile) Design
-------------------------------------------------------------- */
@media screen and (min-width: 980px) {
.sub-header-menu li
	{
		position:relative;
		bottom:72px
	}
	#menu-item-49{
top:auto;
}
}
@media screen and (max-width: 980px) {

 .footer-menu li a {
 padding:0 25px;
}
 .footer-menu {
 text-align:center;
}
 .copyright,  .scroll-top,  .powered {
 float: left;
}
}
 @media screen and (max-width: 960px) {
 #logo {
 width:330px;
}
 .home-widgets .col-300 {
 margin-right: 0;
 width: 312px;
}

#footer-wrapper .gird, .copyright, .scroll-top, .powered, .address {
 float:none;
 width:100%;
 text-align:center;
}
.sub-header-menu li a span {
 display: block;
 font-size: 13px;
 text-align: center;
}
.sub-header-menu a {
 font-size:17px;
}
}
@media screen and (max-width: 890px) {
 #logo {
 width: 260px;
}
.ngg-galleryoverview img {
	width: 180px;
}

}
@media screen and (max-width: 850px) {
.home .main_bg {
 background:url(images/innerbg.png) repeat-y;
}

.home #content-full{
margin-top:100px;
}
.home-widgets .col-300 {
 margin: 0 auto 20px !important;
 width: 312px;
 float:none
}
#logo {
 float: none;
 text-align: center;
 width: 100%;
}
.footer-menu li a {
 padding:0 10px;
}
.logo_right {
 float: right;
 left: 6px;
 position: relative;
 text-align: center;
 width: 100%;
}
.ngg-galleryoverview {
    margin: 0 auto;
    width: 90% !important;
}
.banner {
 margin: -7px auto 0;
 max-width: 977px;
}
.main-nav {
 clear: both;
 margin: 0 auto;
 max-width: 622px;
}
.sub-header-menu, .sub-header-menu ul {
    background: #305b7c;
    margin-top: 76px;
    padding: 40px 0;
}
.sub-header-menu li {
 width:50%;
left: auto !important;
min-height:50px
}
 .sub-header-menu a {
 border-right: 1px solid #7b6023;
 color: #ffffff;
 cursor: pointer;
 display: block;
 font-size:16px;
 font-weight: 400;
 line-height: 15px;
 margin: 0;
 padding: 40px 15px 21px;
 position: relative;
 text-decoration: none;
 text-shadow: none;
}
.sub-header-menu li:last-child a {
 border:none;
}

}

@media screen and (max-width: 750px) {
.ngg-galleryoverview img {
    width: 126px;
}
.ngg-gallery-thumbnail-box{
	left: 36px;position: relative;
}

#content-full .col-620{
width:100%;
padding-right:0px;
}
}

@media screen and (max-width: 650px) {

 #logo {
 float: none;
 margin: 0;
 text-align: center;
}
#content-full .col-620{
width:100% !important;
padding-right:0px;
}
.ngg-galleryoverview img {
    width: 126px;
}

.ngg-gallery-thumbnail-box{
	left: 36px;position: relative;
}
.left {
 font-size:12px;
}
.top .col-460 {
 width:49.936%;
}
.sub-header-menu a{
	border:none;
}
.menu{
	background-size:100%;
}
#menu-item-28, #menu-item-29, #menu-item-32 {
    padding: 22px 0 15px;
}
.menu a {
    color: #ffffff;
    cursor: pointer;
    display: block;
    font-family: "ufonts_com_square721btbold";
    font-size: 12px;
    font-style: italic;
    line-height: 15px;
    margin: 0;
    padding: 0 14px;
    position: relative;
    text-decoration: none;
    text-transform: uppercase;
    white-space: nowrap;
}
.menu li{
	padding:16px 0 6px;
}

.sub-header-menu a{
	font-size:14px;
}

.sub-header-menu li a span {
    display: block;
    font-size: 10px;
    text-align: center;
}

.sub-header-menu a{
	padding: 0 7px 15px;
}
 #featured-image .fluid-width-video-wrapper {
 margin: 20px 0 0 0;
}
 .top-widget {
 float: none;
 position: relative;
 width: auto;
 margin: 0 auto 10px auto;
 text-align: center;
}
 .top-widget .widget-title h3 {
 text-align: center;
}
 .js .sub-header-menu {
 display: none;
}
 .top-menu,  .footer-menu li {
 float: none;
 font-size: 11px;
 text-align: center;
}
 #author-meta {
 padding: 20px;
}
 #wrapper .gallery .gallery-item {
 max-width: 100%;
}
 .hide-650 {
 display: none;
}
 .show-650 {
 display: block;
}
 .hide-mobile {
 display: none;
}
 #footer {
 text-align: center;
}
 #footer .social-icons {
 padding-bottom: 10px;
 text-align: center;
}
}

 @media screen and (max-width:500px) {
 #logo {
 float: none;
 text-align: center;
 width:300px;
}


.ngg-galleryoverview {
    clear: both;
    display: block !important;
    margin: 0 auto;
    overflow: hidden;
    width: 54%;
}

.top .fit, .main-nav{
	display:none !important;
}

.top .col-460, .left, .hours, .phone{
	width:100%;
	float:none;
	text-align:center
}

 .grid,  .grid-right {
 float: none;
}
 #featured-image .fluid-width-video-wrapper {
 margin: 20px 0 0 0;
}
 .featured-title {
 padding: 40px 20px 0 20px;
 font-size: 40px;
}
 .featured-subtitle {
 font-size: 24px;
}
 .navigation .next,  .navigation .previous {
 display: block;
 margin: 0 auto;
 text-align: center;
}
 .menu ul,  .menu li,  .top-menu,  .footer-menu li {
 float: none;
 text-align: center;
 text-rendering: optimizeSpeed;
}
.sub-header-menu a {
    padding: 0 7px 15px;
}
.sub-header-menu a {
    font-size: 12px;
}

.sub-header-menu li a span {
    display: block;
    font-size: 8px;
    text-align: center;
}
.thuminner{
	padding-top:92px;
}
 #wrapper .gallery .gallery-item {
 float: none;
}
 .hide-480 {
 display: none;
}
 .show-480 {
 display: block;
}
 #footer {
 text-align: center;
}
 #footer .social-icons {
 text-align: center;
}
.post-entry .grid{
	float:none;
	width:100%;
	
}
.footer_bg {
    background: #192c3e none repeat scroll 0 0;
    border-top: 3px solid #000000;
    padding-bottom: 30px;
}
}
 @media screen and (max-width: 400px) {
#logo {
    float: none;
    margin: 0 auto;
    text-align: center;
    width: 260px;
}

.ngg-galleryoverview {
    clear: both;
    display: block !important;
    margin: 0 auto;
    overflow: hidden;
    width: 70% !important;
}
 .thuminner {
    padding-top: 20px;
    position: relative;
}
.ngg-gallery-thumbnail-box{
	left: 36px;position: relative;
}
.sub-header-menu a {
    font-size: 14px;
}

.ngg-galleryoverview {
    clear: both;
    display: block !important;
    margin: 0 auto;
    overflow: hidden;
    width: 100%;
}

.ngg-gallery-thumbnail-box{
	left: 26px;
}
.footer-menu li a{
	padding:0 8px;
}
.sub-header-menu li a span {
    display: block;
    font-size: 10px;
    text-align: center;
}

.sub-header-menu a {
    padding: 0 10px 7px;
}
#footer {
    clear: both;
    margin: 0 auto;
    max-width: 960px;
    padding: 5px;
}
.home-widgets {
    margin-left: 4px;
}

.logo_right{
	left:0px;
}

}
