/* Portrait tablet to landscape and desktop */
@media only screen and (max-width: 880px) {
	.navbar{clear:both;}
}

@media (min-width: 1200px) {
}

@media (min-width: 980px) {
.navbar-collapse{ text-align:center; padding:0;}
.navbar .nav > { position:relative;}
.navbar .nav > li { display:inline-block; position:relative;}
.navbar .nav > li > a{}
}

@media (max-width: 979px) {
#logo{ max-width:90%;}

.navbar-toggle{ float:left; padding-top:7px; margin-top:-48px; margin-right:10px; margin-bottom:10px; z-index:99;
background: #376f18; /* Old browsers */
background: -moz-linear-gradient(top,  #376f18 0%, #5fa12b 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#376f18), color-stop(100%,#5fa12b)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #376f18 0%,#5fa12b 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #376f18 0%,#5fa12b 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #376f18 0%,#5fa12b 100%); /* IE10+ */
background: linear-gradient(to bottom,  #376f18 0%,#5fa12b 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#376f18', endColorstr='#5fa12b',GradientType=0 ); /* IE6-9 */
}
.navbar-toggle .menuText{ font-size:15px; color:#222;}
.navbar-toggle:hover, navbar-toggle:focus{}
.navbar-toggle:hover .menuText{ text-shadow:1px 1px 1px rgba(0,0,0,0.3); color:#fff;}
.navbar{float:right; padding:0; width: 100%;}
.navbar-collapse{ border:none; box-shadow:none; padding:0;}
.navbar .nav{
padding:0;
}

.collapse.in{}

.collapse.in ul {
	z-index:999;
}
.navbar .nav ul{ margin:0 10px;}

.footerTop{ background-position:center 21px;}
}

@media (min-width: 979px) and (max-width: 1200px) {
.navbar .nav > li { display:inline-block; position:relative;}
.navbar{ padding-left:0; margin-left:0;}
.navbar .nav > li > a{}
ul.nav :hover ul li a { font-size:14px;}
}

@media (min-width: 768px) and (max-width: 979px) {
#logo{ margin-top:35px;}
.navbar-collapse{ padding:0;}
.navbar .nav > li { display:inline-block; position:relative;}
.navbar .nav > li > a{ font-size:12px; padding:12px 10px;}
ul.nav :hover ul li a { font-size:12px;}

.headerTopRight{ padding-left:30px;}
}

@media (min-width: 768px) {
/*--COMMON SITE NAVIGATION DROPMENU--*/
ul.nav li a:hover{z-index:9999;}
ul.nav li:hover{z-index:9999;}
ul.nav li:hover > a{ background:none;}
ul.nav :hover ul{left:auto;top:44px;margin:0;padding:0;}
ul.nav ul, ul.nav:hover ul ul{position:absolute;left:-9999px;top:-9999px;height:0;margin:0;padding:0;list-style:none;}
ul.nav :hover ul{ width:auto; left:-1px; padding:0; margin:0; height:auto; display:inline-block; background:url(../images/dropmenu_bg.png) repeat 0 0; z-index:9999;}
ul.nav :hover ul li { width:100%; display:inline-block; height:auto !important; line-height:normal; background:url(../images/dropmenu_divider.png) repeat-x 0 bottom; border:none; padding:0; margin:0;}
ul.nav :hover ul li:first-child {}
ul.nav :hover ul li:last-child {}
ul.nav :hover ul li a { width:100%; display:inline-block; text-transform:uppercase; white-space:nowrap; text-decoration:none; text-align:left; color:#fff; padding:15px 30px 15px 15px; height:auto!important; line-height:22px!Important; display:block !important; letter-spacing:0.3px; border:none;
    -webkit-transition:all 0.2s ease-in-out;
    -moz-transition:all 0.2s ease-in-out;
    -o-transition:all 0.2s ease-in-out;
    transition:all 0.2s ease-in-out;
	filter:none !important;
}
ul.nav :hover ul li a:hover, ul.nav :hover ul li a:focus {text-decoration:none; text-shadow:1px 1px 1px rgba(0,0,0,0.2); color:#222; box-shadow:none;}
}

/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
.rightPadding{ padding-right:5px !important;}
.leftPadding{ padding-left:5px !important;}

.fleft { float:none;}
.fright { float:none;}

.row [class*="col-"] { padding-left:10px !important; padding-right:10px !important;}
.row .row [class*="col-"] { padding-left:0 !important; padding-right:0 !important;}

.container { padding-left:10px; padding-right:10px;}
.container .row, .footerArea .row.footer-box { margin-left:-10px; margin-right:-10px;}
.container .row .row { margin-left:-0 !important; margin-right:-0 !important;}

.headerTopRight{ text-align:right;}
.headerTopRight .top-right-logo{ margin:0;}

.navbar .nav{ background:#4c7f29; border:none; border-radius:0; margin-bottom:10px;}
.navbar .nav > li, .collapse.in ul li{ border:none; border-top:1px solid #72a44f; border-bottom:1px solid #356d15;}
.navbar .nav > li > a{ border-bottom:none; padding:8px 12px;}
.navbar .nav > li:first-child a{ border-radius:0;}
.navbar .nav > li > ul a{ border-bottom:none; padding:8px 12px;}
.navbar .nav > li > ul{ list-style:none; border-top:1px solid #72a44f; padding:4px 5px 10px;}
.navbar .nav > li > ul li{ border:none; padding-top:4px;}
.navbar .nav > li > ul li a{ display:block; text-decoration:none; color:#fff; padding:2px 10px;}
.navbar .nav > li > ul li a:hover{ color:#222;}

#logo{ max-width:39%; margin:15px 2% 15px 0;}
.headerTopRight h2{ margin-top:12px;}
.headerTopRight p.topPhoneNo{ font-size:30px;}

.bannerArea img{ border-radius:10px;}

.footerArea{ text-align:center;}
.footer-top li{ max-width:100%;}

.gallery-row p img{ height:200px;}
}

@media (max-width: 568px) {
#logo{ margin-right:10%;}

.socialLinks ul li{ font-size:9px;}
}

@media (min-width: 568px) and (max-width: 767px) {
}

@media (min-width: 480px) and (max-width: 567px) {
}

@media (max-width: 480px) {
#logo{ max-width:45%;}
}

/* Landscape phones and down */
@media (max-width: 479px) {
.headerTop{ text-align:center;}
#logo{ max-width:90%; display:inline-block; float:none; margin-right:9px; margin-bottom:12px;}
.headerTopRight{ text-align:center;}

.navbar-toggle{ width:100%; margin:5px 0;}

.gallery-row p img{ height:120px;}
}

@media (min-width: 321px) and (max-width: 479px) {
}

@media (max-width: 320px) {
}