@media (min-width: 1920px){


}


@media (min-width: 992px) and (max-width: 1199px){

/*============ Header Start ============*/

.navbar-inverse .navbar-nav > li { margin-right: 20px; margin-left: 20px; }

/*============ Header End ============*/

/*============ Content Start ============*/

.sidenav { width: 160px;}

.sidenav ul li a {
	padding: 7px 10px;
	font-size: 13px;
	line-height: 16px;
}

.content_right { float: left; width: 100%; padding-left: 150px; }

.content_right .container { max-width: 100%; width: auto; }

.content_right .header_main h3 { padding-top: 20px; }

.table-responsive { border: solid 1px #ccc; margin-bottom: 30px; }

/*============ Content End ============*/


}


@media (min-width: 768px) and (max-width: 991px){

/*============ Header Start ============*/

.navbar-inverse .navbar-nav > li { margin-right: 10px; margin-left: 10px; }

.navbar-inverse .navbar-nav > li > a { font-size: 14px; }

/*============ Header End ============*/


/*============ Content Start ============*/


.sidenav { width: 160px; top: 30px; left: -100%; }

.sidenav.active { left: 0; }

.sidenav ul li a {
	padding: 7px 10px;
	font-size: 13px;
	line-height: 16px;
}

.sidenav ul li a.active { background-color: #fff; color: #000; }

.sidenav ul li a.active:hover { background-color: #00502a; color: #fff; }

.content_right .header_main .menu-btn { top: 34px; display: block; }

.content_right .header_main .menu-btn.slide-r { left: 156px; }

.content_right .header_main .menu-btn.slide-r .fa:before { content: "\f00d"; }

.content_right { float: left; width: 100%; }

.content_right .container { max-width: 100%; }

.content_right .header_main h3 { padding-top: 20px; }

.table-responsive { border: solid 1px #ccc; margin-bottom: 30px; }

.contact_main .row { display: block; }

.contact_main div[class*="col-"] { display: block; float: left; width: 100%; }

.content_right .header_main .title h2 { font-size: 28px; line-height: 30px; }

.range_main .scrollto h3 { font-size: 26px; line-height: 28px; }


/*============ Content End ============*/


}

@media (max-width: 767px){

body { overflow: auto !important; }

#wrapper { padding-bottom: 39px; }

/*============ Header Start ============*/

.header_main { top: 20px; }

.header_top { padding-bottom: 10px; border-bottom: solid 1px #93908e; }

.header_main .logo { float: left; }

.navbar-inverse { position: absolute; top: 0; left: 0; width: 100%; margin-top: 0; border-top: none; }

.header_main .navbar-toggle { margin-top: 32px; background-color: #fff; }

.header_main .navbar-inverse .container { position: relative; }

.header_main .navbar-inverse .navbar-toggle.collapsed { background-color: #fff; border-color: #fff; }

.header_main.inner_header .navbar-inverse .navbar-toggle.collapsed { background-color: #00502a; border-color: #00502a; }

.header_main .navbar-inverse .navbar-toggle,
.header_main .navbar-inverse .navbar-toggle:hover { background-color: #00502a; border-color: #00502a; }

.header_main.inner_header .navbar-inverse .navbar-toggle,
.header_main.inner_header .navbar-inverse .navbar-toggle:hover { background-color: #805f44; border-color: #805f44; }

.header_main .navbar-inverse .navbar-toggle.collapsed .icon-bar { background-color: #00502a; }

.header_main.inner_header .navbar-inverse .navbar-toggle.collapsed .icon-bar { background-color: #fff; }

.header_main .navbar-inverse .navbar-toggle.collapsed:hover .icon-bar,
.header_main .navbar-inverse .navbar-toggle .icon-bar,
.header_main .navbar-inverse .navbar-toggle:hover .icon-bar { background-color: #fff; }

.header_main .navbar-nav { width: auto; margin: 0; }

.header_main .navbar-collapse { position: absolute; top: 100%; left: 0; width: 100%; margin-top: 33px; margin-right: 0; margin-left: 0; border-top: none; }

.navbar-inverse .navbar-nav > li { display: block; float: left; width: 100%; margin: 0; border-bottom: solid 1px #fff; text-align: left; }

.navbar-inverse .navbar-nav > li > a:before { display: none; }

.navbar-inverse .navbar-nav > li > a { display: block; padding: 6px 20px; background-color: #00502a; }

.navbar-inverse .navbar-nav > li.active { border-bottom: solid 1px #00502a; }

.navbar-inverse .navbar-nav > li.active > a, .navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li.active > a:hover { color: #00502a; background-color: #fff; }

.header_main.inner_header .navbar-inverse .navbar-nav > li > a { color: #fff; }

.header_main.inner_header .navbar-inverse .navbar-nav > li.active > a,
.header_main.inner_header .navbar-inverse .navbar-nav > li > a:hover { color: #00502a; }

/*============ Header End ============*/


/*============ Content Start ============*/

.sidenav { position: absolute !important; z-index: 9999; width: 160px; top: 96px; left: -100%; }

.sidenav.active { left: 0; }

.sidenav ul li a {
	padding: 7px 10px;
	font-size: 13px;
	line-height: 16px;
}

.sidenav ul li a.active { background-color: #fff; color: #000; }

.sidenav ul li a.active:hover { background-color: #00502a; color: #fff; }

.content_right .header_main .menu-btn { position: absolute; top: 111px; left: 18px; display: block; }

.content_right .header_main .menu-btn.slide-r { left: 142px; }

.content_right .header_main .menu-btn.slide-r .fa:before { content: "\f00d"; }

.content_right { float: left; width: 100%; }

.content_right .container { max-width: 100%; }

.content_right .header_main h3 { padding-top: 10px; }

.header_main.inner_header .logo { float: none; margin-right: auto; margin-left: auto; }

.back_button { bottom: 30px; }

.back_button a { margin-right: 10px; font-size: 0; }

.back_button a .fa { font-size: 16px; }

.back_button a:hover .fa { animation-name: none; -webkit-animation-name: none; -webkit-animation-iteration-count: inherit;	animation-iteration-count: inherit; }

.content_right .header_main .title { border-bottom: none; }

.content_right .header_main .title h2 { text-align: center; }

.contact_main .row { display: block; }

.contact_main div[class*="col-"] { display: block; float: left; width: 100%; }


/*============ Content End ============*/


}

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

.content_right .header_main h3 { display: inline-block; width: 100%; }

.content_right .header_main .title h2 { padding-top: 50px; font-size: 24px; line-height: 26px; }

.range_main .scrollto h3 { font-size: 22px; line-height: 24px; }

}

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

.header_main .header_top > .container { padding-bottom: 50px; }

.header_main .logo { float: none; max-width: 300px; margin-right: auto; margin-left: auto; }

.header_main .navbar-inverse { top: 80px; border-top: solid 1px #93908e; }

.header_main .navbar-collapse { margin-top: 10px; }

.header_main .navbar-toggle { margin-top: 10px; }

.range_main { padding-right: 0; padding-left: 0; }

.content_right .header_main h3 { font-size: 22px; }

.range_main .block_main .caption:before { top: 15px; right: 15px; bottom: 15px; left: 15px; }

.range_main .block_main p { margin-top: 0; font-size: 14px; transform: translateY(-50%); -webkit-transform: translateY(-50%); }

.content_right .header_main .title h2 { font-size: 22px; line-height: 24px; }

.range_main .scrollto h3 { font-size: 20px; line-height: 22px; }

div.scrollingHotSpotLeft,
div.scrollingHotSpotRight { width: auto; min-width: 60px; max-width: 60px; }

.footer_main .fl,
.footer_main .fr { width: 100%; min-height: 25px; line-height: 25px; text-align: center; }

}