﻿@media only screen and (max-width: 1400px) {

}


@media only screen and (max-width: 768px) {
.subnav{ display:none; }	 
.overlay-main{
  top:0px;
}
.navbar-toggle {
display:block;
position:fixed;
right:7px;
top:10px;
z-index:9999;
}
.navbar-toggle:hover{ 
border:1px solid #999;
}

/*menu block*/
.navbar-default{ position:fixed; border-bottom:1px groove rgba(255,255,255,0); top:0px;}
.navbar-brand { left:30px; top:5px;}
.sticky-nav .navbar-brand{position:absolute; top:5px;}
.sticky-nav{ position:fixed; height:100px; top:0px; left:0px;}
.navbar-brand img{ width:90%;}
#main-menu {
  position:absolute;
  left:0px;
  width: 100%;
  height:100%;
  background:#111;
  z-index: 1;
  text-align:center;
  overflow:auto;
  overflow-x: hidden;
}

.menu-init {
  opacity: 1;
  top:-100%;
    -webkit-transition: top 1s  cubic-bezier(.165, 0.840, 0.440, 1.000), opacity 0.4s linear;
  -moz-transition: top 1s  cubic-bezier(.165, 0.840, 0.440, 1.000), opacity 0.4s linear;
  -o-transition: top 1s  cubic-bezier(.165, 0.840, 0.440, 1.000), opacity 0.4s linear;
  transition: top 1s  cubic-bezier(.165, 0.840, 0.440, 1.000), opacity 0.4s linear;
}

.menu-show {
  opacity: 1;
  top:0px;
  -webkit-transition: top 1s  cubic-bezier(.165, 0.840, 0.440, 1.000), opacity 0.4s linear;
  -moz-transition: top 1s  cubic-bezier(.165, 0.840, 0.440, 1.000), opacity 0.4s linear;
  -o-transition: top 1s  cubic-bezier(.165, 0.840, 0.440, 1.000), opacity 0.4s linear;
  transition: top 1s  cubic-bezier(.165, 0.840, 0.440, 1.000), opacity 0.4s linear;
}

nav {
	margin:0 auto;
	margin-top:100px;
	margin-bottom:20px;
	position:relative;
	left:20px;
	top:0px;
	z-index:999;
}

nav ul li {
	display:block;
	margin-right:15px;
	text-align:left;
	}
	nav a {
	display:block;
	padding:10px;
	line-height: 30px;
}
nav ul ul {
	position:relative;
	top: 0px;
	margin-left:15px;
}
nav ul ul li {
	background:rgba(21,23,29,0);
	box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
}
nav ul ul ul li {
	position: relative;
	top:0px; 
	left:0px;
	box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
}
nav ul ul li a{ line-height:20px; font-weight:300; font-size:8pt;}
/*menu block end*/

.blog-news .hovereffect .overlay h1{ font-size:14pt;  }
.blog-news .hovereffect .overlay h3{ font-size:8pt; }
}

@media only screen and (max-width: 980px) {

}

@media only screen and (max-width: 800px) {

}

@media only screen and (max-width: 768px) {
	
}

@media only screen and (max-width: 600px) {
.navbar-brand {left:15px;}
}


@media(max-width:414px) {
section{padding:90px 0 90px 0;}
.navbar-default{  border-bottom:1px groove rgba(255,255,255,0);}
.navbar-brand {left:5px;}

#home h1{ font-size:28pt; letter-spacing:1px;}
#home h3{ font-size:13pt; letter-spacing:1px; line-height:34pt;}

h1{ font-size:24pt; }
h2{ font-size:20pt; }
h3{ font-size:18pt; }
h4{ font-size:16pt; }
h5{
font-size: 18pt;
color: #000080;
}
h6{
font-size: 14pt;
}
p{ font-size:12px;}


#service-about{ width:100%; max-width:1200px; margin:0 auto; text-align:center;}
.service-about {margin:0;}

.social-icons{ margin-top:10px;}
.right{ text-align:left; float:left; }
#subscribe input#subscribeemail {
margin: 0 0 0 0 ;
width:250px;
}
.subscribesuccess {
width: 250px;
}

#subscribe .subscribeerror {
width: 250px;
}
aside .widget {
	margin-top:40px;
	
}
}

@media(max-width:360px) {


}

@media(max-width:320px) {

}

.heading {
font-size: 22pt;
color: #10A587;
text-transform: uppercase;
}
.blue {
font-size: 18px;
color: #325911;
}
.black {
font-size: 16px;
color: #000000;
text-align: left;
}
.green {
font-size: 22px;
color: #1B4707;
}

.green2 {
font-size: 22px;
color: #416716;
}

.brown {
font-size: 18px;
color: #663300;
}

.white {
font-size: 16px;
color: #FFFFFF;
text-align: left;
}
.center {
font-size: inherit;
text-align: center;
}
.Black18 {
font-size: 18px;
color: #000000;
text-align: left;
font-weight: normal;
}
.green22bold {
font-size: 22px;
color: #336600;
font-weight: bold;
}
.black20 {
font-size: 20px;
color: #000000;
text-align: left;
font-weight: normal;
font-style: normal;
font-variant: normal;
}
.green20 {
font-size: 20px;
color: #336600;
font-weight: normal;
}
.green20bold {
font-size: 20px;
color: #336600;
font-weight: bold;
}
.red20 {
font-size: 20px;
color: #9D0000;
text-align: left;
}
.img {
    max-width: 100%;
    height: auto;      
}


.black28 {
font-size: 28px;
color: #000000;
text-align: left;
font-weight: normal;
font-variant: normal;
font-style: normal;
text-transform: none;
}
.imgtop {
max-width: 100%;
height: auto;
vertical-align: top;
}
.green22 {
font-size: 22px;
color: #00663E;
font-weight: normal;
}
.imgCenter {
max-width: 100%;
height: auto;
text-align: center;
}


.blackunderline {
font-size: 20px;
color: #000000;
text-align: left;
text-decoration: underline;
}


.black18UNDER {
font-size: 18px;
color: #000000;
text-align: left;
font-weight: normal;
text-decoration: underline;
}


.blue20 {
	font-size: 20px;
	color: #000066;
}


.Black18bor {
	border: thin solid #000066;
	font-size: 18px;
	color: #000000;
	text-align: left;
	font-weight: normal;
}
.blue22 {
	font-size: 22px;
	color: #000066;
}


.Black18yel {
	border: thin solid #FFFF66;
	font-size: 18px;
	color: #000000;
	text-align: left;
	font-weight: inherit;
}


