@media screen and (min-width:300px) and (max-width:990px) {

	.logo{display:block}

	body,div,li,a,p,ul,span,img{-webkit-font-smoothing:antialiased; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;}

	body{min-width:100%}

	.colmask				{float:none;width:auto;padding:0px 15px}

	.leftmenu				{background:none}

	#header					{float:none;width:100%;display:inline-table;}

	 .leftmenu .colright	{width:100%;left:0px}

	 .leftmenu .col2		{top:0px;right:auto;}

	 .leftmenu .colright	{}

	 .leftmenu .col1wrap	{width:100%;right:auto;float:left}

	 .leftmenu .col1		{right:auto;margin:0px}

	 .col2					{display:none}

	 .projects-slider		{margin:0 auto;width:auto}

	 .contents				{height:auto;width:auto}

	 .welcomeBlock			{float:none;width:auto;}

	 .leftmenu .col1wrap	{float:none;width:auto;}

	 .leftmenu .colright	{float:none;width:auto;}

	 #MainMenu				{float:right}

	 .sf-menu a.sf-with-ul	{padding:15px 7px}

	 .contents_in			{margin:15px 0 0 0;width:100%}

	 .innerBlock			{padding-right:0px}

	 .innerBlock			{max-width:100%}

	 ol.olist				{margin-left:-20px}

	.project-row			{padding-bottom:15px}

}

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

 	.sf-menu li li a		{padding:7px 10px;font-size:14px}

	ul.scope				{float:left;width:50%}

	.scope li				{float:none;}

}


@media only screen and (max-width:768px){
.logo{width: 50%;}
.dar-logo{display: none;}
#MainMenu {float: left;}
.side-big-logo{display: none;}}

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

	.navicon,.logo{display:block}

	.logo		{width:100%;}
	#MainMenu   {float: right;}

	.logo img	{width:100%}

	#MainMenu	{width:40px;height:35px;right:0px;left:auto;z-index:999;background:#00426f;margin-top:10px;}

	.curve		{display:none}

	.navicon	{width:40px!important;height:35px;cursor:pointer}

	#MainMenu .navicon span{background:url(../images/menu.png) center center no-repeat;width:40px !important;height:35px;display:block;position:static;top:0px;left:0px;text-align:center;font-size:30px;line-height:36px;font-family:Arial, Helvetica, sans-serif; color:#FFF; text-indent:999px;overflow:hidden }

	

	.sf-menu	{position:absolute;right:-250px;top:35px;background:none;width:200px;height:auto;transition:all 0.3s ease-in 0s; -webkit-transition: all 0.3s ease-in 0s; -moz-transition: all 0.3s ease-in 0s; -o-transition: all 0.3s ease-in 0s; -ms-transition:all 0.3s ease-in 0s;}

	#MainMenu.open .sf-menu{right:0px}

	#MainMenu.open .navicon span{background:none;text-indent:0}

	.sf-menu li	{float:none;background:#00426f}

	

	.sf-menu li a,.sf-menu a.sf-with-ul{border-bottom:1px solid #02548c;padding:7px 15px;font-size:14px;background:#00426f}

	#MainMenu .sf-menu li a:hover{background:#02548c;}

	#MainMenu .sf-menu li a.current{background:#02548c;}

	.sf-menu li li a{padding:7px 15px;font-size:14px}

	.sf-menu li:hover ul,.sf-menu li.sfHover ul{left:auto;right:100%;top:0px;border-right:1px solid #02548c;padding:0px}

	.sf-menu li ul ul{width:200px;top:25px !important}

	.sf-menu li ul ul li a{border-left:1px solid #02548c}

	.sf-menu li ul ul li:first-child a{border-top:1px solid #02548c}

	.sf-sub-indicator{display:none}

	#footer p	{float:none !important;text-align:center}

	.welcomeBlock h2{line-height:normal}

	 

	a.next{right:6px}

	#foo4 a{width:143px;background-size:cover}

	#foo4 img{width:auto;margin:18px 7px}

	.projects-slider{padding:0px;}

	.image_carousel{padding:15px 0}

	.image_carousel{}

	#facebox .content{width:100%}

	.popup .content h6{line-height:normal}

	ul.ulist{margin:0px;	}

	.innerBlock h3{line-height:normal}

}

@media screen and (min-width:480px) and (max-width:639px) {

.caroufredsel_wrapper{width:450px!important}

	a.next{right:-3px}

	#foo4 a{width:150px;background-size:100% 100%;margin:0 1px;padding:9px; }

	#foo4 img{width:100%; margin:10px 0px}

	.project-row .thumb_item2{margin:5px;width:47%}

	.project-row .thumb_item_desc h6{font-size:12px;}

}

@media screen and (min-width:414px) and (max-width:479px) {

	.caroufredsel_wrapper{width:380px !important}

	a.next{right:-3px}

	#foo4 a{width:125px;background-size:100% 100%;margin:0 1px;padding:9px; }

	#foo4 img{width:100%; margin:10px 0px}

	

}

@media screen and (min-width:375px) and (max-width:413px) {

	.caroufredsel_wrapper{width:385px !important}

	#foo4 a{width:143px;background-size:cover;margin:0 12px}

	#foo4 img{width:auto;margin:18px 7px}

}

@media screen and (min-width:360px) and (max-width:374px) {

	.caroufredsel_wrapper{width:340px !important}

	#foo4 a{width:143px;background-size:cover;margin:0 10px}

	#foo4 img{width:auto;margin:18px 7px}

	.thumb_item_desc,.thumb_item img{width:155px}

}

@media screen and (min-width:300px) and (max-width:599px) {

	.imgRight{float:none;max-width:100%;margin:15px 0}

	

}

@media screen and (min-width:300px) and (max-width:479px) {

	.project-row .thumb_item2{height:auto;width:100%;margin:10px 0px}

	.thumb_item2{float:left;height:auto;margin:10px 0px;width:100%;text-align:center}

	.thumb_item2 img{max-width:100%;float:none}

	.thumb_item_desc {float:none;width:auto}

	.thumb_item_desc h6{padding:7px}

	.project-right{float:none;margin:10px 0;width:auto}

	.project-right a{display:block}

	.project-right div{float:none}

	.project-right img{width:auto;max-width:100%}

}

@media screen and (min-width:375px) and (max-width:413px) {

	.sf-menu		{width:130px}

	.sf-menu li ul	{width:160px}

	.sf-menu li a, .sf-menu a.sf-with-ul,.sf-menu li li a{font-size:13px;}

}

@media screen and (min-width:360px) and (max-width:374px) {

	.sf-menu		{width:130px}

	.sf-menu li ul	{width:170px}

	.sf-menu li a, .sf-menu a.sf-with-ul,.sf-menu li li a{font-size:12px;}

}

@media screen and (min-width:300px) and (max-width:359px) {

	.sf-menu		{width:130px}

	.sf-menu li ul	{width:170px}

	

	.sf-menu li a, .sf-menu a.sf-with-ul,.sf-menu li li a{font-size:12px;}

}

/*Retina graphics!*/

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),

	   only screen and (min--moz-device-pixel-ratio: 1.5),

	   only screen and (min-device-pixel-ratio: 1.5){



	.replace-2x {

		font-size: 1px;

	}

	@media screen and (min-width:300px) and (max-width:990px) {

	}

}