@charset "utf-8";
/* CSS Document */

@media  only screen and (min-width:769px) and (max-width: 2100px) { 
.sf-menu li:hover li a, .sf-menu li.sfHover li a {line-height:35px !important;}
.spacing-bot .img-box{width:132px;height:87px;}
.mask {top:22px !important; left:23px !important;}
.extra_wraper_main{ width:100%; float:left;}
}
@media  only screen and (min-width:768px) and (max-width: 960px) { 

.heading-s {
    float: right;
    width: 73%;
}
.latest_news .p1{ width:73%;}
.latest_news .p2 {width: 73%;}
.latest_news .extra-wrap{ width:73%;}
.spacing-bot .img-box{width: 218px;height: 144px;}
.header {
	height: 470px !important;
	width: 100%;
	background: #fff;
	position: relative;
	z-index: 2;
}
.main {
	width: 750px !important;
	padding: 0;
	margin: 0 auto;
	font-size: 0.75em;
	line-height: 1.6666em;
	position: relative;
}
nav {
	width: auto !important;
	display: block;
	margin: 0;
	padding: 0;
	top: 30px !important;
}
h1 {
	padding: 0px;
	position: relative !important;
	top: 17px !important;
	left: 0 !important;
	margin: 0px auto !important;
	display: block;
	text-align: center;
	width: 200px !important;
}
.sf-menu {
	position: relative !important;
	top: 35px !important;
	right: 0 !important;
	width: 538px;
	padding: 0 0 28px 0px !important;
	z-index: 3;
	background: url(../images/border-nav.gif) 0 bottom repeat-x;
	margin: 0px auto;
	display: block;
}
.slider {
	width:707px !important;
	height: 315px !important;
	position:absolute;
	left:10px;
	top:0px;
	padding:22px 0 0 23px;
	border-radius:9px;
	-moz-border-radius:9px;
	-webkit-border-radius:9px;
	box-shadow:2px 2px 2px 0px rgba(173,173,173,0.27);
	-moz-box-shadow:2px 2px 2px 0px rgba(173,173,173,0.27);
	-webkit-box-shadow:2px 2px 2px 0px rgba(173,173,173,0.27);
	background:#f1f8fc;
}
.pic
{
	overflow: hidden;
	position:relative !important;
	width: 62% !important;
height: 92% !important;background-size:100% 100%!important;
}
.mask div{background-size:100% 100% !important;background-repeat:no-repeat;}
.mask {top:0px !important; left:0px !important;}

.banner {
	width: 230px !important;
	min-height: 200px;
	position: absolute;
	right: 12px !important;
	top: 51px !important;
	font-size: 12px;
	line-height: 20px;
	color: #868686;
	z-index: 9998;
	background: #f1f8fc;
}
.pagination {
	position: absolute;
	padding: 0;
	bottom: 20px !important;
	right: 171px !important;
	z-index: 999;
	background: none;
}
.container_12 {
	margin-left: auto;
	margin-right: auto;
	width: 100% !important;
}
.container_12 .grid_2 {
	width: 30% !important;
	display: inline-block;
	vertical-align: top;
	margin: 10px 11px !important;
	position: relative;
	float: none !important;
	padding: 0px;
}
.img-box {
	border:4px solid #fff;
	box-shadow:0 0 2px 1px #9d9d9d;
	-moz-box-shadow:0 0 2px 0px #9d9d9d;
	-webkit-box-shadow:0 0 2px 1px #9d9d9d;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	width:97%;
}
.container_12 .grid_12 {
width: 98% !important;
padding: 0px 7px !important;
}
.grid_12 {padding: 0px !important;}
.margin-bot {
margin-bottom: 15px !important;
}
.indent-bot3 {
margin-bottom: 20px !important;
}
.container_12 .grid_7 {
    width: 410px !important;
}
.container_12 .grid_4 {
    width: 300px !important;
}
.container_12 .grid_8 {
width: 100%;
margin-bottom: 20px;
}
.spacer-1{
	margin-top:20px;
}
#contact-form{
	width:100%;}
#contact-form textarea {
width: 90%;
}
#contact-form input[type=text]{width:60%;}
.grid_5 {
width: 300px !important;
}
.contact-img img{
	width:100%;
}
.indent-bot .grid_4{width: 230px !important;}
.box {
    background: none repeat scroll 0 0 #F3F3F3;
    border-radius: 4px;
    min-height: 255px;
    width: 100%;
}
.portfolio .lightbox-image img {
    height: auto;
    max-width: 100%;
}

}
@media  only screen and (min-width:480px) and (max-width: 767px) {
	
.heading-s {
    float: right;
    width: 100%;
}
.spacing-bot .img-box{width: 207px;height: 136px;}
header
{
	height:auto !important;
	display:inline-block;	
}
.row-1
{
	height:105px !important;
	display: inline-block;	
}
.row-2
{
	display: inline-block;
	margin-top: 10px;
}
.main {
	width: 460px !important;
	padding: 0;
	margin: 0 auto;
	font-size: 0.75em;
	line-height: 1.6666em;
	position: relative;
}
h1 {
	padding: 0px;
	position: relative !important;
	top: 17px !important;
	left: 0 !important;
	margin: 0px auto !important;
	display: block;
	text-align: center;
	width: 200px !important;
}
.logo {
position: relative;
float: left;
height:68px !important;
}
.slider {
width: 420px !important;
min-height: 482px !important;
/*position: relative !important;*/
left: 0px !important;
padding: 20px !important;

}
.pic
{
	overflow: hidden;
	margin:0px auto !important;
	position:relative !important;
	width:100% !important;
height: 275px  !important;background-size:100% 100%!important;
}
.mask div{background-size:100% 100% !important;background-repeat:no-repeat;}
.mask {top:0px !important; left:0px !important;}
.banner {
	width: 100% !important;
	position: relative !important;
	right: 0px !important;
	top: 0px !important;
	font-size: 12px;
	line-height: 20px;
	color: #868686;
	z-index: 9998;
	background: #f1f8fc;
	margin:0px auto !important;
}
.pagination {
position: absolute !important;
bottom: 3px !important;
right: 209px !important;
z-index: 999 !important;
}
.header {
height: 650px !important;
}
.container_12{
	width:100% !important;
}
.container_12 .grid_2 {
width: 210px !important;
margin-bottom: 20px;
}
.grid_12 {padding: 0px !important;}
.grid_7 {
margin-bottom: 10px;
width: 97% !important;
}
.img-box {
	width:97%;
}
.container_12{
	width:100% !important;
}
.container_12 .grid_12 {
width: 97% !important;padding: 0px 8px !important;
}

.banner .h2-text1{
	font-size:20px !important;
	margin-bottom:5px !important;
}
.margin-bot {
margin-bottom: 16px !important;
}
.indent-bot3 {
margin-bottom: 16px !important;
}
.slogan {
font-size: 20px !important;
}
.p4 {
margin-bottom: 15px !important;
}
.p3 {
margin-bottom: 10px !important;
}
.container_12 .grid_8 {
width: 100% !important;
margin-bottom: 20px;
}
.spacer-1{
	margin-top:20px;
}
#contact-form{
	width:100%;}
#contact-form textarea {
width: 90%;
}
#contact-form input[type=text]{width:60%;}
.grid_5 {
width: 100% !important;
margin-bottom:20px;
}
.contact-img img{
	width:96%;
}
.img-indent {
float: none !important;
margin: 0 0 8px 0 !important;
}
.latest_news .p2 {
width: 96%;
}
.grid_4 {
width: 96% !important;
}
.indent-bot .grid_4{
	margin-bottom:20px;
}
.staticbox {
min-height: 250px !important;
}

.sf-menu li strong{background:none !important;}
.sf-menu li:hover strong, .sf-menu li.sfHover strong, .sf-menu .current strong {display:none !important;}
.mean-remove {
	display: none !important;
}
.sf-menu ul {
	display:block !important;
	position:relative !important;
	width:100% !important; /* left offset of submenus need to match (see below) */
	padding:0!important;
	z-index:200;
}
.sf-menu li.sfHover ul {
	left:auto !important;
	top:auto !important; /* match top ul list item height */
	z-index:99;
	position:relative !important;
	display:block !important;
	font-size:14px;
}

ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
		width:100%;
		/*padding-left: 8% !important;*/
		margin:0px !important;
}


.sf-menu li:hover li a, 
.sf-menu li.sfHover li a {
	
}
.mean-container .mean-nav li.sfHover ul li a {
	padding:12px  8% !important;
	width:100% !important;
	display:block;
}
.mean-container .mean-nav .sfHover ul li li a{
	width: 87% !important;
	padding-left:12% !important;
	display:block;
}
a.mean-expand{display:none !important;}
.padding-content {
padding: 65px 0 44px !important;
}
	#mobnav-btn {
width: 99.7%;}
.sf-menu {width: 99.7% !important;}
}
@media  only screen and (min-width:240px) and (max-width: 480px) {#mobnav-btn {width: 99.5%;}.sf-menu {width: 99.5% !important;}}
@media  only screen and (min-width:240px) and (max-width: 479px) {
	
.heading-s {
    float: left;
    width: 100%;
}
.spacing-bot .img-box{width: 266px;height: 175px;}
header
{
	height:auto !important;
	display:inline-block;	
}
.row-1
{
	height:105px !important;
	display: inline-block;	
}

.main {
	width: 290px !important;
	padding: 0;
	margin: 0 auto;
	font-size: 0.75em;
	line-height: 1.6666em;
	position: relative;
}
h1 {
	padding: 0px;
	position: relative !important;
	top: 17px !important;
	left: 0 !important;
	margin: 0px auto !important;
	display: block;
	text-align: center;
	width: 200px !important;
}
.logo {
position: relative;
float: left;
height:68px !important;
}
.slider {
width: 250px !important;
height: 365px!important;
/*position: relative !important;*/
left: 0px !important;
padding: 20px !important;
}
.pic
{
	overflow: hidden;
	margin:0px auto !important;
	position:relative !important;
	width: 100% !important;
height: 160px !important;background-size:100% 100%!important;
	
}
/*.mask {top:0px !important; left:0px !important;}*/
.mask div{background-size:100% 100% !important;background-repeat:no-repeat;}

.banner {
	width: 100% !important;
	position: relative !important;
	right: 0px !important;
	top: 0px !important;
	font-size: 12px;
	line-height: 20px;
	color: #868686;
	z-index: 9998;
	background: #f1f8fc;
	margin:0px auto !important;
}
.pagination {
position: absolute !important;
bottom: 3px !important;
right:115px !important;
z-index: 999 !important;
}
.header {
height: 535px !important;
}
.container_12{
	width:100% !important;
}
.container_12 .grid_12 {
width: 100% !important;
}
.container_12 .grid_2 {
width: 97% !important;
margin-bottom: 20px;
}
.banner .h2-text1{
	font-size:20px !important;
	margin-bottom:5px !important;
}
.margin-bot {
margin-bottom: 16px !important;
}
.indent-bot3 {
margin-bottom: 16px !important;
}
.slogan {
font-size: 20px !important;
}
.p4 {
margin-bottom: 15px !important;
}
.p3 {
margin-bottom: 10px !important;
}
h3 {
font-size: 17px !important;
}.img-box {
	width:95%;
}
.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12 {
	width: 96% !important;
margin-bottom: 20px !important;
float: none !important;
position: relative !important;
display: block !important;
}
.grid_12 {padding: 0px !important;}
.menu-bot li {
margin-bottom: 5px !important;
}
.img-indent {
float: none !important;
margin: 0 0 8px 0 !important;
}
.img-indent img{
width:99%;
height:auto;
}
.spacer-1{
	margin-top:20px;
}
#contact-form{
	width:100%;}
#contact-form textarea {
width: 92%;
}
#contact-form input[type=text]{width:92%;}
.contact-img img{
	width:97%;
}
.extra-wrap{width:96%;}
.p2 {
width: 96%;
}
.staticbox {
min-height: 250px !important;
}
.portfolio .lightbox-image img{max-width:100%}
.portfolio figure.p2 {
width: 100%;
}

.sf-menu li strong{background:none !important;}
.sf-menu li:hover a, .sf-menu li.sfHover a, .sf-menu .current a {}
.sf-menu li:hover strong, .sf-menu li.sfHover strong, .sf-menu .current strong {display:none !important;}
.mean-remove {
	display: none !important;
}
.sf-menu ul {
	display:block !important;
	position:relative !important;
	width:100% !important; /* left offset of submenus need to match (see below) */
	padding:0!important;
	z-index:200;
}
.sf-menu li.sfHover ul {
	left:auto !important;
	top:auto !important; /* match top ul list item height */
	z-index:99;
	position:relative !important;
	display:block !important;
	font-size:15px;
}

ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
		width:100%;
/*		padding-left: 8% !important;*/
		margin:0px !important;
}

.sf-menu li:hover li a, 
.sf-menu li.sfHover li a {
	
}
.mean-container .mean-nav li.sfHover ul li a {
		padding:12px  8% !important;
	width:100% !important;
	display:block;
}

.mean-container .mean-nav .sfHover ul li li a{
	width: 87% !important;
	padding-left:12% !important;
	display:block;

}
a.mean-expand{display:none !important;}
.mean-container .mean-nav ul li li a{

}
.padding-content {
padding: 65px 0 44px !important;
}

}
#mobnav-btn {
	display: none;}
@media only screen and (max-width: 767px) {
.latest_news .p1{  float:none; width:100%;}
.latest_news .p2 { width: 100%;}
.latest_news .img-indent{ }
.latest_news .extra-wrap{ float:none;  width:100%;}
	.row-1 .main{width:100% !important;position:absolute !important;}
	.menu-lines{float:right;margin: 10px 10px 13px 10px;}
	.menu-lines span {
display: block;
background: #fff;
height: 3px;
margin-top: 3px;width: 20px;padding:0px !important;
}
	.row-2
{
	display: inline-block;
	margin-top: 39px;
}
.logo{margin-top: 40px !important;} 
#content{padding-top:20px;}
	#mobnav-btn {
 display: block;
position: absolute;
background: #000000;
border: 1px solid #000000;
border-bottom:none;
top: 0px;cursor: pointer;padding: 0px !important;
}
#mobnav-btn span{padding:10px; font-size:15px;color:#242424;display: block;}
 .sf-menu.xactive {
 display: block!important;
}

.sf-menu {
position: absolute !important;
right: auto !important;
top:42px !important;
background: #fff !important;
border: 1px solid #DBDBDB;
border-bottom: 0px;
float: left;display: none;padding:0px !important;
}
.sf-menu li:hover li a, 
.sf-menu li.sfHover li a{color:#787878 !important;}
 .sf-menu li {
 display: block!important;
 width: 100%!important;
 visibility: visible !important;margin: 0px !important;background:#FAFAFA  !important;

}
.sf-menu li li a:hover, .sf-menu li li.sfHover a{color:#787878 !important;}
.sf-menu li li a:hover, .sf-menu li li.sfHover a:hover{color:#000 !important;background: #7fc4e9;}
.sf-menu li a:hover,  .sf-menu li li a:hover{background: #7fc4e9;}
/*.sf-menu li li{background:#FAFAFA !important;}
.sf-menu li li li{background:#FDFDFD  !important;}*/
 .sf-menu li a {
padding: 10px !important; border-bottom: 1px solid #DBDBDB !important;	
}
 .sf-menu ul {
 position:static!important;
display: block!important;
}
.sf-menu li ul li a{padding-left: 30px !important;display: block;
text-decoration: none;}
.sf-menu li ul li  ul li a{padding-left: 50px !important;display: block;
text-decoration: none;color:#787878 !important;}
	
	}