/*==========  Desktop First Method  ==========*/

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {
	.tm > li + li + li + li + li + li + li {
    	width: 214px;
	}
}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
.news:after {display:none;}
.news dl {background: transparent;}
.btr {padding-left:0px;}
.news {margin-bottom: 25px;}
.carousel {display:none;}
.tm {
		display:none;
		z-index: 9998;
		height: 100vh;
		width: 275px;
		padding: 0;
		top:0px;
		left:0px;
		position: fixed;
		background: #0f67ad;
    	overflow: hidden;
	}
.tm:after {display:none;}
.tm ul {position:relative;top:0;left:0;padding:0;width:100%;box-shadow: inset 0px 0px 15px -2px #000;}
.tm ul li {height: initial;}
.tm ul li a {padding: 12px 20px;}
	.tm li {
		display: table;
		height: 36px;
	}
	.tm li a {
		float: none !important;
		background: transparent;
		width: 275px;
		text-align: center;
		display: block;
	}
.tm li:hover a:after, .tm li:hover a:before {display:none;}
	.tm li .innerMenu li a {
		padding: 7px 0;
	}
	.tm li:first-child {
		background: #272622;
	}
.tm ul li:first-child {background: transparent;}
	.tm li .logo {
		display: block;
		width: 275px;
		height: 64px;
		background: url(images/logo.png) center no-repeat;
		background-size: 50%;
	}
	.tm li {
		float:none !important;
		width:275px;
		border: none;
		margin: 0;
	}
	.tm li .innerMenu {
		display: none !important;
		position: relative;
		top:0;
		left:0;
		height: 100%;
		width:275px;
-webkit-box-shadow: inset 0px 0px 24px rgb(4, 5, 4);
box-shadow: inset 0px 0px 24px rgb(4, 5, 4);
		border-radius:0;
	}
.tm li a:hover, .tm ul li .active, .tm .open a, .tm .open a:hover, .tm li:hover, .tm .open {
		border:none;
	}
	.tm li .logo:hover, .tm li .logo .active {
		-webkit-box-shadow: none;
		box-shadow: none;
	}
.tm > li > a {line-height:45px;height:45px;}
.tm li:first-child a:hover, .tm li:first-child .active {background: url(images/logo.png) center no-repeat;background-size: 50%;}
.tm ul li:first-child a:hover, .tm ul li:first-child .active {background: transparent;}
.tm ul li a:hover {box-shadow: inset 0px 0px 11px rgba(0, 0, 0, 0.7);}
	.fMenu {
		left: 0;
		width: 100%;
	}
	.fMenu ul:nth-child(2) {
		margin: 0 auto;
		display: table;
	}
	.fMenu ul:nth-child(2) li {
		float:none;
		text-align:center;
		margin:0;
	}
	.fWorkMenu {
		margin: 0 auto;
		display: table;
	}
	.fLogo {
		text-align: center;
		float:none;
	}
	.banner-block {
		text-align:center;
	}
	.tm {
		display:none;
	}
	.main_nav_button{
		position: fixed;
		z-index: 9999;
		border: none;
		border-top: 50px solid #046eba;
		border-right: 50px solid transparent;
	}
	.nav_button {
		border: none;
		background: transparent;
		-webkit-transform: rotate(-45deg);
		-ms-transform: rotate(-45deg);
		-o-transform: rotate(-45deg);
		transform: rotate(-45deg);
		position: fixed;
		top: 5px;
		font-size: 20px;
		text-shadow: 2px 2px 5px #272622;
		color: #fff;
	}
	.nav_button:hover, .nav_button:active {
		text-shadow:none;
	}
	.header div {
    	top: 45px;
		right: 13px;
	}
	.header ul {
		top: 20px;
	}
	.header-blocks ul li {
		width: 24.37%;
	}
	.header-blocks a span {
		font-size: 13px;
	}
}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
	.header {
		height: 145px;
	}
	.header ul {
		top: 35px;
		margin: 0 auto;
		display: table;
		float:none;
	}
	.header div {
		top:35px;
	}
	.header-blocks ul li {
		width: 50%;
		margin: 0 0 6px 0;
	}
	.header-blocks ul li:first-child {
		margin: 0 0 6px 0;
	}
	.header-blocks a {
		width:100%;
		padding: 0 5px;
		padding-right: 0px;
	}
	.header-blocks a span {
		font-size: 22px;
	}
}
@media only screen and (max-width : 710px) {
	.header-blocks a span {
		font-size: 21px;
	}
	.table {overflow-x: scroll;display: inherit;}
}
@media only screen and (max-width : 650px) {
	.header-blocks a span {
		font-size: 20px;
	}
.fos > div + div > div {
    clear: both;
    text-align: center;
}
.fos > span:first-child + div label input[type="text"] {width:100%;margin-bottom: 10px;}
.fos > span:first-child + div label {
    margin-right: 20px;
    width: 100%;
}
.fos > span:first-child + div label + label input[type="text"] {
    width: 100%;
}
.fos > span:first-child + div label + label + label input[type="text"] {
    width: 100%;
}
.fos > div + div label textarea {width:100%;}
.fos > div + div label {width:100%;}
.fos {max-width: 400px;margin: 0 auto;margin-bottom:25px;}
.fos > span:first-child + div, .fos > div + div {margin: 0 20px;}
}
@media only screen and (max-width : 530px) {
	.header-blocks a span {
		font-size: 16px;
	}
}
/* Extra Small Devices, Phones */
@media only screen and (max-width : 480px) {
	.feedback input, .feedback textarea {
		width:100% !important;
		max-width:330px;
	}
	.header-blocks a span {
		font-size: 25px;
	}
	.header-blocks ul li {
		width: 100%;
		margin: 0 0 6px 0;
	}
	.header {
		height:135px;
	}
	.header div {
		top: 20px;
		position: relative;
    	text-align: center;
		right: 0;
	}
	.hLogo {
		display: block;
		text-align: center;
	}
	.header ul {
		display:none;
	}
	.fWorkMenu li {
		float: none;
		margin: 5px auto;
		text-align: center;
		display: table;
	}
}


@media only screen and (max-width : 360px) {
.img-r, .img-l {
	float:none;
	display: block;
    margin: 15px auto;
}
.header-blocks a span {
    font-size: 22px;
}
}
@media only screen and (max-width : 340px) {
.img-r, .img-l {
	float:none;
	display: block;
    margin: 15px auto;
}
.header-blocks a span {
    font-size: 18px;
}
}

/*==========  Mobile First Method  ==========*/

/* Custom, iPhone Retina */
@media only screen and (min-width : 320px) {

}

/* Extra Small Devices, Phones */
@media only screen and (min-width : 480px) {
	.header_nav ul {
		display: block !important;
	}
	.social ul {
		float: right !important;
	}
}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {

}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
	.hLogo {
		float: left;
	}
	.header ul, .ftr > ul:first-child {
		float:left;
		left: 100px;
	}
	.header div {
		top:25px
	}
	.carousel {display:block;}
}

 /* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {

}