@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,700|Roboto+Condensed:400,700);
/** general **/
html { scroll-behavior: smooth; }
body { font-family: 'Open Sans', cursive; font-weight: 400; height: 100%; color: #565656; font-size: 14px; background: #fff; }
a { color: #434343; text-decoration: none; -webkit-transition: 0.25s; -moz-transition: 0.25s; -o-transition: 0.25s; transition: 0.25s; -webkit-backface-visibility: hidden; outline: 0; }
a:hover, a:focus { text-decoration: none; color: #906F40; outline: none; }
a:focus { text-decoration: none; outline: 0px; }
.banner_header { text-shadow: 1px 1px 1px #333333; }
h1, h2, h3, h4, h5, h6 { font-family: 'Roboto Condensed', sans-serif; color: #5A431E; font-weight: 700; margin-bottom: 15px; margin-top: 0px; text-rendering: optimizelegibility; }
h1 { font-size: 42px; line-height: 52px; }
h1 span { font-size: 30px; text-transform: none; color: #aaa; line-height: 40px; font-weight: 400; display: block; }
h2 { font-size: 30px; line-height: 34px; position: relative; }
h2 span { font-size: 18px; text-transform: none; color: #aaa; line-height: 40px; font-weight: 400; display: block; }
h3 { font-size: 22px; line-height: 30px; }
h3 span { display: block; height: 100%; font-weight: 400; color: #906F40; font-size: 15px; line-height: 20px; }
h4 { font-weight: 400; font-size: 20px; line-height: 24px; }
h5 { font-size: 12px; color: #906F40; font-weight: 400;  text-transform: uppercase; line-height: 20px; }
h6 { font-size: 12px; line-height: 16px; }
p { line-height: 24px; font-size: 16px; color: #434343; }
p a { color: #906F40; display: block;  } 
p a:hover { color: #999; }
img { margin: 0 auto; max-width: 100%; }
label { font-weight: 400; color: #434343; margin: 15px 0 5px; font-size: 20px; line-height: 30px; display: block; display: block; }
span.overlay { position: absolute; left: 0; top: 0; display: block; height: 100%; width: 100%; z-index: 1; background: rgba( 144, 111, 64, 0.5); }
span.overlay1 { position: absolute; left: 0; top: 0; display: block; height: 100%; width: 100%; z-index: 1; background: rgba( 144, 111, 64, 0.1); }
span.overlay2 { position: absolute; left: 0; top: 0; display: block; height: 100%; width: 100%; z-index: 1; background: rgba( 0, 0, 0, 0.7); }
strong { color: #906F40; }
hr { background: #906F40; width: 80px; border: none; height: 2px; }
h1 small, h2 small, h3 small, h4 small, h5 small, h6 small, .h1 small, .h2 small, .h3 small, .h4 small, .h5 small, .h6 small, h1 .small, h2 .small, h3 .small, h4 .small, h5 .small, h6 .small, .h1 .small, .h2 .small, .h3 .small, .h4 .small, .h5 .small, .h6 .small { color: #906F40; }
blockquote { border-color: #906F40; }
blockquote footer, blockquote small, blockquote .small { color: #906F40 }
.table > thead > tr > td.success, .table > tbody > tr > td.success, .table > tfoot > tr > td.success, .table > thead > tr > th.success, .table > tbody > tr > th.success, .table > tfoot > tr > th.success, .table > thead > tr.success > td, .table > tbody > tr.success > td, .table > tfoot > tr.success > td, .table > thead > tr.success > th, .table > tbody > tr.success > th, .table > tfoot > tr.success > th { background-color: #CCCCCC; }
a.list-group-item.active, a.list-group-item.active:hover, a.list-group-item.active:focus { background-color: #906F40; border-color: #906F40; color: #fff; }

/* form elements */
.form-control { border: 1px solid #ccc; color: #906F40; background-color: #F7F7F7; margin-bottom: 10px; }
.form-control:focus { border: 1px dashed #434343; box-shadow: none; }

.workArea, #venueArea, .bannerArea { background-color: #2C2C2C; background-repeat: no-repeat; background-attachment: fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;; }
.form-control::-moz-placeholder { color: #a98404; }
.home p { font-size: 16px; line-height: 34px; }
.home p span { font-weight: bold;}

/* tab */
.tab-content { padding-top: 0;}

/* Buttons */
.btn { text-decoration: none; text-transform: uppercase; text-shadow: none; -webkit-text-shadow: none; -moz-text-shadow: none; -ms-text-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; -webkit-transition: 0.25s; -moz-transition: 0.25s; -o-transition: 0.25s; transition: 0.25s; -webkit-backface-visibility: hidden; background: #906F40; color: #fff; border: 0px; }
.btn:hover, .btn:focus { color: #fff; background: #434343; }
.btn-info { border-color: #fff; color: #fff; background: #999; }
.btn-info:hover, .btn-info:focus { border-color: #fff; color: #fff; }
.btn span { padding: 0 30px; }
.btn-success { border-color: #434343; color: #fff; background: #434343; }
.btn-success:hover, .btn-success:focus { background-color: #906F40; border-color: #906F40; color: #fff;  }
.btn-primary { border-color: #fff; color: #fff; background: #222; }
.btn-primary:hover, .btn-primary:focus { border-color: #505656; background-color: #505656; }
.btn-warning:hover, .btn-warning:focus { border-color: #2c2c2c; background: #2c2c2c;   }
.btn-default { padding: 5px 20px; border: none; text-transform: none; font-size: 18px; border-color: #906F40; color: #fff; }
.btn-default span { padding: 0 0 0 10px; font-size: 12px; }
.btn-default:hover, .btn-default:focus { background-color: #000; color: #fff; }

/* menu dropdown */
.dropdown-menu { z-index: 9999; background: #fff; }
.dropdown-menu > li > a { color: #000; text-transform: uppercase; display: block; }
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus { color: #906F40; }
.navbar-nav > li > .dropdown-menu { margin-top: 0px; }

/* border */
span.border { position: relative; width: 100%; height: 1px; margin: 0 auto; display: inline-block; background: #EEEEEE; }
span.border i { background: #fff; color: #EEE; position: absolute; text-align: center; left: 50%; top: -10px; line-height: 20px; height: 20px; width: 40px; font-size: 15px; }

/* pagination */
.pagination { margin-bottom: 20px; }
.pagination li a { padding: 6px 20px; color: #906F40; font-size: 25px; }

/* progress bar */
.progress { position: relative; overflow: visible; height: 40px; border-radius: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; -ms-border-radius: 0px; background-color: #f2f2f2; }
.sr-only { height: 40px; line-height: 40px; clip: rect(auto, auto, auto, auto); right: 0; left: auto; border-radius: 3px;-webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; width: 50px; background: none; }
.progress-bar { position: relative; border-radius: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; -ms-border-radius: 0px; background-color: #5A431E; }

/* Thumbnail */
.thumbnail { border-style: dashed; padding: 0; }

/* slider */
ul.slides li { position: relative; }
ul.slides { padding: 0;}
.flex-direction-nav { padding: 0; list-style-type: none; display: none; width: 100%; margin: 0; }
.flex-direction-nav li a { margin-top: -25px; width: 50px;  position: absolute;  top: 50%; text-align: center; line-height: 50px; display: block; font-size: 50px; color: #fff; z-index: 9; }
.flex-direction-nav li a.flex-prev {left: 20px; }
.flex-direction-nav li a.flex-next { right: 20px; }
.flex-direction-nav li a:hover { color: #906F40; }
.flex-control-nav { position: absolute; padding: 0; left: 0; bottom: 40px; z-index: 9; text-align: center; width: 100%; }
.flex-control-nav li { padding: 0 10px; display: inline; }
.flex-control-nav li a { cursor: pointer; line-height: 25px; width: 25px; height: 25px; display: inline-block; background: #fff; border-radius: 15px; -webkit-border-radius: 15px; -ms-border-radius: 15px; }
.flex-control-nav li a:hover, .flex-control-nav li a.flex-active { background-color: #906F40; color: #fff; }
.bs-glyphicons li { float: left; width: 33%; }
.glyphicon { color: #906F40; font-size: 15px; }
#container .flex-control-nav { display: block; }
#container .flex-direction-nav li a { top: 50%; }

/* Accordion */
#accordion { padding: 0; overflow: hidden; }
#accordion li .panel-heading { padding: 0px; }
#accordion li .panel-heading a { padding: 10px 15px; color: #906F40; }
#accordion li .panel-heading a:hover { color: #906F40; }
#accordion li a.collapsed  { color: #434343; }
#accordion li a { background: #fff; border-bottom: 1px dashed #f7f7f7; color: #434343; display: block; font-size: 16px; }
#accordion li p { padding: 20px 20px 0; margin: 0px; }
.panel-primary > .panel-heading { background: #906F40; border: none; }
.panel { border: 1px dashed #f2f2f2;  }

/* Categories */
.categories { padding-top: 22px; overflow: hidden; }
.categories .tab-pane li { padding: 20px 0; float: left; width: 100%; }
.categories a { font-size: 16px; line-height: 30px; color: #222; display: block; }
.categories a:hover { color: #906F40; }
.categories .col-sm-3 { padding: 0; }
.categories .nav.nav-tabs a { color: #222; background: none; }

/* links */
.links { padding: 0; width: 100%; overflow: hidden; }
.links li a { padding: 10px 20px 10px 0; color: #a98404; border-bottom: 1px solid #a98404; line-height: 16px; }
.links li a i { display: none; }
.links li a:hover, .links li.active a { color: #795f04; border-color: #646603; }
.links li a:hover i, .links li.active a i { display: block; }
.links h2 { color: #795f04; }

/* tabs */
.tabs { width: 100%; overflow: hidden; }

/* Tags */
.tags { padding-bottom: 30px; overflow: hidden; }
.tags ul { padding: 0px; margin: 0px; list-style:none; }
.tags li { padding: 0 5px 10px 0; float: left; }
.tags li a { padding: 2px 5px 2px; text-transform: uppercase; display: block; border: 1px solid #906F40; border-radius: 2px; line-height: 20px; color: #906F40; background: #fff; }
.tags li a:hover { background: #434343; border-color: #434343; color: #fff; }

/* side Area */
.sideArea { padding: 30px 0; overflow: hidden; }
.sideArea .slider { padding-bottom: 20px; }
.sideArea h1 { margin-bottom: 20px; }
.sideArea p { margin-bottom: 20px; }
.sideArea .block { padding-left: 20px; border-left: 3px solid #906F40; line-height: 20px; margin: 20px 0 20px 15px; }
.sideArea .block p { color: #AFAFAF; }
.sideArea blockquote { padding-top: 5px; padding-bottom: 5px; border-color: #906F40; }

.home .text {margin: 15px;}

#headerArea { width: 100%; min-height: 90px; position: relative; z-index: 99; border-bottom: solid 2px red; }
#headerArea .navbar-brand { padding: 0; z-index: 99; font-size: 40px; text-transform: capitalize; line-height: 40px; height: auto; transition: all 0.3s; color: #000; }
#headerArea .navbar-brand i { color: #000; }
#headerArea .navbar-brand img { height: 55px; }
#headerArea .navbar { padding: 27px 0 20px; position: absolute; left:0; width: 100%; z-index: 99;
 margin: 0; transition: all 0.3s; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; width: 100%;  }
#headerArea .navbar-nav > li > a { padding: 8px 10px; margin: 0; text-transform: uppercase; color: #000; }
#headerArea .navbar-nav > li > a:hover i, #headerArea .navbar-nav > li.active > a i { color: #000; }
#headerArea .navbar-nav > li > a:hover, #headerArea .navbar-nav > li.active > a { background: none; text-decoration: none; color: rgb(253, 5, 5); }
#headerArea .navbar-nav li.open a, .navbar-nav li.open a, .navbar-nav li.open a:focus, .navbar-nav li a:focus { background: none; border-color: #906F40; }

/** Animated Header **/
#headerArea.tiny .navbar { padding: 10px 0 10px; z-index: 9999; position: fixed; left: 0; top: 0; background: rgba(255,255,255,.95); border-bottom: solid 2px red; }
#headerArea.tiny .navbar .navbar-brand { font-size: 35px; }
 
.bannerArea { width: 100%; position: relative; overflow: hidden; background-image: url(../images/bgmountain1_1800x1200.jpg); }
.bannerArea .col-sm-6 { margin: 100px 0 0 0; overflow: hidden; }
.bannerArea img { margin: 25px 0 0 0;  }
.bannerArea h1 { line-height: 50px; font-size: 40px; }
.bannerArea p, .bannerArea h1, .bannerArea h4  { color: #fff; }
.bannerArea h2  { color: #fff; text-transform: uppercase; }
.bannerArea:hover .flex-direction-nav, bannerArea:hover .flex-control-nav { display: block; }
.bannerArea ul.slides li span { text-align: center; display: block; font-size: 320px; color: #fff;  }
.bannerArea .flexslider { position: static; }

/* breadcrumb */
#breadcrumb { padding: 10px 0px; min-height: 53px; width: 100%; overflow: hidden; background: #da241b; }
#breadcrumb h1 { margin: 0; color: #fff; font-size: 34px; line-height: 44px; }
#breadcrumb li, #breadcrumb li a { color: #fff; }
#breadcrumb li a:hover { color: #434343; }
#breadcrumb .breadcrumb { padding: 15px 0; margin: 0; background: none; }

#breadcrumb-home { padding: 5px 0px; min-height: 13px; width: 100%; overflow: hidden; background: #da241b; }

/* About Area */


.aboutArea { padding: 20px 0px; overflow: hidden; position: relative; background: #fff; }
.aboutArea .col-sm-4 { cursor: pointer; }
.aboutArea .col-sm-4 a { display: block; margin: 0 auto; height: 180px; width: 180px; border-radius: 50%; -webkit-border-radius: 50%; }
.aboutArea .col-sm-4 a img { transition: all 0.3s ease-out 0s; }
.aboutArea .col-sm-4:hover a { background: #f1f1f1; }
.aboutArea .col-sm-4:hover a img { transform: scale(0.8, 0.8); }
.aboutArea .col-sm-4:hover h3, .aboutArea .col-sm-4:hover p { color: #906F40; }
.aboutArea .col-sm-3 a { color: #906F40; }
.aboutArea .col-sm-3, .aboutArea .col-sm-9, .aboutArea .col-sm-4 { padding-top: 40px; padding-bottom: 40px; }

.aboutArea .col-sm-3 a img { transition: all 0.3s ease-out 0s; }
.aboutArea .col-sm-3 { cursor: pointer; }
.aboutArea .col-sm-3 a { display: block; margin: 0 auto; height: 180px; width: 180px; border-radius: 50%; -webkit-border-radius: 50%; }
.aboutArea .col-sm-3 a img { transition: all 0.3s ease-out 0s; }
.aboutArea .col-sm-3:hover a { background: #f1f1f1; }
.aboutArea .col-sm-3:hover a img { transform: scale(0.8, 0.8); }
.aboutArea .col-sm-3:hover h3, .aboutArea .col-sm-3:hover p { color: #906F40; }


.aboutArea .col-sm-6, .aboutArea  .col-sm-12 { overflow: hidden; }

/* Blog Area */
#blogArea { padding: 30px 0 0; position: relative; overflow: hidden; }
#blogArea ul.controls { width: 100%; padding: 0px; overflow: hidden; margin: 20px 0; }
#blogArea ul.controls li { padding: 5px 12px; list-style: none; display: inline-block; cursor: pointer; }
#blogArea ul.controls li:hover, #blogArea ul.controls li.active { color: #906F40; border-color: #906F40; }
#blogArea ul#Grid { margin: 0 0 30px 0; padding: 0; position: relative; }
#blogArea ul#Grid li { padding: 0; margin: 0; display: none; position: relative; }
#blogArea ul#Grid li a { display: block; color: #fff; background: #906F40; }
#blogArea ul#Grid a.link { padding: 0px 10px; height: 0;  -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; overflow: hidden; font-size: 22px; font-weight: 400; width: 100%; position: absolute; left: 0; bottom: 0; color: #ccc; line-height: 30px; background: #906F40; }
#blogArea ul#Grid a.link:after, #aboutArea a.link:before { bottom: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute;	pointer-events: none; }
#blogArea ul#Grid a.link span { color: #f9f9f9; font-weight: 400; display: block; font-size: 14px; text-transform: none; line-height: 22px; }
#blogArea ul#Grid a.link:after { border-color: rgba(209, 58, 122, 0); border-bottom-color: #906F40; border-width: 10px; margin-left: -10px; }
#blogArea ul#Grid a.link:before { border-color: rgba(209, 58, 122, 0); border-bottom-color: #906F40; border-width: 16px; margin-left: -16px; }
#blogArea ul#Grid li:hover a.link { padding: 30px 10px; height: auto; overflow: visible; }
#blogArea h1 { text-transform: uppercase; }
#blogArea h2 { margin-top: 0; text-transform: uppercase; line-height: 40px !important; }
#blogArea .text { padding: 30px 0; overflow: hidden; }
#blogArea:hover .flex-control-paging { display: block; }
#blogArea .text p { line-height: 25px !important;  }



/* Text Area */
#textArea { padding: 50px 0; width: 100%; overflow: hidden; background: #222; }
#textArea .col-sm-3 { padding: 50px 0; }
#textArea h1 { line-height: 50px; color: #fff; }
#textArea p { color: #fff; }

/* Venue Area */
#venueArea { padding: 30px 0px 0; position: relative; background: #f2f2f2; }
#venueArea h1 { text-transform: uppercase; color: #696E74; font-weight: normal; }
#venueArea .col-sm-2 { padding: 0; }
#venueArea .col-md-offset-4 { margin-top: 20px; }
#venueArea .col-sm-4 { padding: 50px 0; border-bottom: 1px dashed #ccc; }
#venueArea h4 a { color: #906F40; font-size: 14px; }
#venueArea h4 a:hover { text-decoration: underline; }


/* picture Area */
.pictureArea { padding: 40px 0; overflow: hidden; }
.pictureArea .col-sm-6 { overflow: hidden; }

/* Social Area */
.well { padding: 20px; margin: 0; overflow: hidden; border: 1px solid #ddd; background: rgba(255, 255, 255, 0.1); }
.well-sm { background: #f7f7f7; border: 2px solid rgba(0, 0, 0, 0.05); border-radius: 0; -webkit-border-radius: 0;}
.well h1 { color: #fff; }

/* Work Area */
.workArea { padding: 70px 0; position: relative; color: #fff; width: 100%; overflow: hidden; background-image: url(../images/bg_agriculture.jpg); }
.workArea.two { background-image: url(../images/bg_agriculture.jpg); }
.workArea.three { background-image: url(../images/bg_agriculture.jpg); }
.workArea .text { position: relative; z-index: 1; }
.workArea img { margin: 0 auto; width: auto; }
.workArea h2, .workArea h1, .workArea h3, .workArea h4, .workArea p  { margin-top: 0; color: #fff; }
.workArea h1 { margin:0; color: #fff;  }
.workArea .col-sm-3 { padding-bottom: 40px; }
.workArea .flex-control-nav { bottom: -15%; }
.workArea .col-sm-6 .col-sm-6 li a { display: block; border-bottom: 1px solid #fff; padding: 2px 0; color: #fff; }
.workArea .col-sm-6 .col-sm-6 li a:hover { color: #906F40; }

/* Contact Area */
#contactArea { padding: 40px 0; overflow: hidden; }
#contactArea .pull-left { padding-left: 0;  }
#contactArea .pull-right { padding-right: 0;  }
#contactArea li { padding-top: 10px; }
#map { margin: 0; padding: 0; }
#map_canvas { height: 400px; width: 100%; clear: both; }
#map img{ max-width: none; }


/* Footer Area */
#footerArea { padding: 20px 0 0; color: #fff; background: #f7f7f7; }
#footerArea .col-sm-3 { overflow: hidden; }
#footerArea p  { font-size: 12px; }
#footerArea p a { color: #906F40; display: inline-block; }
#footerArea p a:hover { color: #434343; }
#footerArea a img { opacity: 0.7; }
#footerArea a:hover img { opacity: 1; }
#footerArea li { padding: 5px 0; color: #434343; float: left; width: 100%; }
#footerArea .links li { padding: 0; }
#footerArea .links li a { color: #906F40; border-color: #aaa; display: block; }
#footerArea .links li a:hover { color: #434343; border-color: #434343; }
#footerArea .disclaimer { padding: 30px 0; border-top: 1px dashed #ccc; overflow: hidden; margin-top: 30px; background: #eee; }
#footerArea .disclaimer ul li { padding: 2px; width: auto; float: none; font-size: 16px; }
#footerArea .disclaimer ul li a { height: 40px; width: 40px; line-height: 40px; border-radius: 20px; -webkit-border-radius: 20px; color: #906F40; border: 1px solid #906F40; }
#footerArea .disclaimer ul li a:hover { color: #fff; background: #906F40; }
#footerArea .btn { color: #fff; }
#footerArea .images li { margin-right: 15px; width: auto; }


.btn-secondary { margin: 0 10px 15px 2px !important; }
.btn-primary { margin: 0 10px 15px 2px !important; }
.form-check {margin-bottom: 15px !important;}


/* Start Media Queries */

/* Smaller than standard 960 (devices and browsers) */
@media only screen and (min-width: 960px) and (max-width: 1224px) {

	body { font-size: 14px; }
	#headerArea .navbar-nav > li > a { padding: 18px 7px 0; color: #de0ae6 !important;  }
	#headerArea .navbar-brand { font-size: 30px; }
	#headerArea { min-height: 89px; }
	.progress { margin-bottom: 10px; height: 25px; }
	.sr-only { line-height: 25px; }
	.flex-control-nav { bottom: 10px; margin: 0; }
	#accordion li p { padding: 10px;  }
	.bannerArea { width: 100%; position: relative; overflow: hidden; background-image: url(../images/bgmountain1_950x550.jpg); }
	.bannerArea h1 { font-size: 35px; line-height: 45px; }
	.workArea, .pictureArea { padding: 30px 0; }
	#breadcrumb .breadcrumb { padding-bottom: 20px; }
	}

/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 750px) and (max-width: 959px) {

	.navbar-nav > li > .dropdown-menu { margin-top: 16px; }
	#headerArea .navbar-brand, #headerArea.tiny .navbar .navbar-brand { font-size: 24px; }
	#headerArea .navbar-nav > li > a { padding-left: 8px; padding-right: 8px; font-size: 18px !important;   }
	#headerArea { min-height: 77px; }
	.progress { margin-bottom: 10px; height: 25px; }
	.sr-only { line-height: 25px; }
	#accordion li p { padding: 10px;  }
	#blogArea ul#Grid li:hover a.link { padding: 10px 10px; }
	#blogArea ul#Grid li a.link { font-size: 14px; }
	.bannerArea { background-image: url(../images/bgmountain1_750x750.jpg); }
	.bannerArea ul.slides li span { font-size: 200px; }
	#headerArea .navbar, .workArea, .sideArea, .venueArea, .venueArea .col-sm-4, .flexslider2, .aboutArea, #blogArea, .pictureArea, .sideArea, .categories, #breadcrumb { margin: 0; padding: 20px 0 15px;}
	#footerArea { padding: 40px 0 0 0; margin: 0; }
	.bannerArea h1, h1 { margin-top: 0; font-size: 30px; line-height: 35px; }
	.flex-control-nav { bottom: 10px; margin: 0; }
	.bannerArea .jumbotron li a { padding: 2px;  }
	#textArea { padding: 25px 0; }
	#headerArea .navbar-nav > li > a { border-width: 1px; color: cyan !important;  }
	#pictureArea a { height: 50px; width: 50px; line-height: 50px; }
	#pictureArea .col-sm-12 { padding-left: 60px; }
	#pictureArea i.fa-long-arrow-down { left: 24px; }
	.bs-glyphicons li { width: 50%; }

	}

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 749px) {
	.bannerArea { background-image: url(../images/bgmountain1_750x450.jpg); }
	.bannerArea ul.slides li span { font-size: 50px; }
	#headerArea .navbar { padding: 16px 0; }
	.bannerArea .col-sm-6 { margin: 0;  }
	#blogArea, .workArea, .aboutArea, .pictureArea { padding: 20px 0; }
	.aboutArea .col-sm-3, .aboutArea .col-sm-9, .aboutArea .col-sm-4 { padding: 10px; }
	.workArea .col-sm-3 { padding-bottom: 0; }
	.workArea i	{ font-size: 20px; }
	#headerArea.tiny .navbar, #headerArea .navbar { position: static; }
	.flex-control-nav { display: none !important; }
	.nav-pills > li { float: none; }
	.navbar-collapse { max-height: 250px; }
	#headerArea .navbar-nav > li > a { font-size: 18px !important; color: chartreuse !important;   }

	}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {
	.bannerArea { background-image: url(../images/bgmountain1_600x500.jpg); }
	#headerArea .navbar-nav > li > a { font-size: 18px !important; color: blue !important;  }

	 }

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {
	.bannerArea { background-image: url(../images/bgmountain1_500x400.jpg); }
	#headerArea .navbar-nav > li > a { font-size: 18px !important; color: red !important;  }

	 }