/* X. MEDIA QUERY ========================================================================== */

@media ( max-width : 1180px) and (min-width: 980px) {

	.container, .navbar-fixed-top .container, .navbar-fixed-bottom .container {

		width: 962px;

	}	

	.blog-side-width .span12{width:556px}	

	.blog-side-width .span11{width:508px}	

	.blog-side-width .span10{width:460px}	

	.blog-side-width .span9{width:412px}	

	.blog-side-width .span8{width:364px}

	.blog-side-width .span7{width:316px}

	.blog-side-width .span6{width:268px}

	.blog-side-width .span5{width:220px}

	.blog-side-width .span4{width:172px}

	.blog-side-width .span3{width:124px}

	.blog-side-width .span2{width:76px}

	.blog-side-width .span1{width:28px}

	

	.blog-full-width .span12{width:904px}

	.blog-full-width .span11{width:827px}

	.blog-full-width .span10{width:750px}

	.blog-full-width .span9{width:673px}

	.blog-full-width .span8{width:596px}

	.blog-full-width .span7{width:519px}

	.blog-full-width .span6{width:442px}

	.blog-full-width .span5{width:365px}

	.blog-full-width .span4{width:288px}

	.blog-full-width .span3{width:211px}

	.blog-full-width .span2{width:134px}

	.blog-full-width .span1{width:57px}

	

	.span12 { width: 940px; }

	.span11 { width: 860px; }

	.span10 { width: 780px; }

	.span9 { width: 700px; }

	.span8 { width: 620px; }

	.span7 { width: 540px; }

	.span6 { width: 460px; }

	.span5 { width: 380px; }

	.span4 { width: 300px; }

	.span3 { width: 220px; }

	.span2 { width: 140px; }

	.span1 { width: 60px; }	

}



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

	.blog-side-width .span4 {

		width: 195px;

	}

	.blog-side-width .span3 {

		width: auto;

	}

	.blog-side-width .span12 {

		width: 412px;

	}

	.blog-side-width .span11 {

		width: 376px;

	}

	.blog-side-width .span10 {

		width: 340px;

	}

	.blog-side-width .span9 {

		width: 304px;

	}

	.blog-side-width .span8 {

		width: 268px;

	}

	.blog-side-width .span7 {

		width: 232px;

	}

	.blog-side-width .span6 {

		width: 196px;

	}

	.blog-side-width .span5 {

		width: 160px;

	}

	.blog-side-width .span4 {

		width: 124px;

	}

	.blog-side-width .span3 {

		width: 88px;

	}

	.blog-side-width .span2 {

		width: 52px;

	}

	.blog-side-width .span1 {

		width: 16px;

	}

	.blog-full-width .span12 {

		width: 688px;

	}

	.blog-full-width .span11 {

		width: 629px;

	}

	.blog-full-width .span10 {

		width: 570px;

	}

	.blog-full-width .span9 {

		width: 511px;

	}

	.blog-full-width .span8 {

		width: 452px;

	}

	.blog-full-width .span7 {

		width: 393px;

	}

	.blog-full-width .span6 {

		width: 334px;

	}

	.blog-full-width .span5 {

		width: 275px;

	}

	.blog-full-width .span4 {

		width: 216px;

	}

	.blog-full-width .span3 {

		width: 157px;

	}

	.blog-full-width .span2 {

		width: 98px;

	}

	.blog-full-width .span1 {

		width: 39px;

	}

	.coment-box img {

		width: 50px;

		height: auto;

	}

	.comment-meta,.comment-text {

		margin-left: 79px;

	}

	

	.container .floatright{float:right}

}



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

	header {

		background-position: 0 -15px;

		height: 135px;

		margin-left: -10px;

		margin-right: -10px;

		overflow: hidden;

		position: relative;

		width: auto;

	}

	footer {

		width: 100%;

		margin-left: -10px;

		margin-right: -10px;

	}

	.curtain {

		margin-left: -10px;

		margin-right: -10px;

	}

	#jeg-loader {

		bottom: 50px;

	}

	header nav {

		display: none;

	}

	header .navselect {

		display: block;

		margin-top: 86px;

		padding: 5px 3.25%;

	}

	header select {

		font-size: 90%;

		width: 100%;

		font: 12px/ 1.5 'Open Sans', 'Lucida Sans Unicode', 'Lucida Grande',

			sans-serif;

		background-image: url('img/responsive-nav-bg.png');

		background-position: center right;

		background-repeat: no-repeat;

		-webkit-appearance: none;

		background-color: #FFFFFF;

		border: 1px solid #E8E8E8;

		-webkit-border-radius: 0;

		-moz-border-radius: 0;

		border-radius: 0;

		-webkit-box-shadow: none;

		-moz-box-shadow: none;

		box-shadow: none;

		padding: 5px 10px;

		border-radius: 0;

		color: #555;

		-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);

		-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);

		box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);

		-webkit-transition: border linear 0.2s, box-shadow linear 0.2s;

		-moz-transition: border linear 0.2s, box-shadow linear 0.2s;

		-ms-transition: border linear 0.2s, box-shadow linear 0.2s;

		-o-transition: border linear 0.2s, box-shadow linear 0.2s;

		transition: border linear 0.2s, box-shadow linear 0.2s;

	}

	header select:focus {

		border-color: rgba(82, 168, 236, 0.8);

		outline: 0;

		outline: thin dotted \9;

		-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px

			rgba(82, 168, 236, 0.6);

		-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px

			rgba(82, 168, 236, 0.6);

		box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px

			rgba(82, 168, 236, 0.6);

	}

	/** home page **/

	#jegbgcontainer {

		margin-top: -3px;

		margin-left: -10px;

		margin-right: -10px;

		width: auto;

	}

	#jegbgcontainer .texthome .texthome-wrapper {

		bottom: 50px;

	}

	#jegbgcontainer .texthome .texthome-wrapper h1 {

		font-size: 300%;

	}

	#homepita {

		top: 25px;

	}

	#jegbgcontainer .homeblock {

		top: 75px;

	}

	/** jeglio filter **/

	#liofilter>span {

		display: block;

		text-align: center;

		border: none;

		overflow: visible;

	}

	.lioseparator {

		height: 10px;

		clear: both;

	}

	#liomargin {

		margin: 140px auto 0;

	}

	#liofilter ul {

		width: 100%;

	}

	#liofilter li {

		width: 100%;

		border-radius: 6px;

		border: 1px solid #C9C9C9;

		padding: 0 0;

	}

	#liofilter li:last-child {

		border: 1px solid #C9C9C9;

	}

	.misc-list {

		display: none;

	}

	/** contact **/

	#contact_block {

		background: inherit;

		margin-top: -3px;

		overflow: visible;

		position: relative;

	}

	#contact_block #contact_canvas {

		display: block;

		box-shadow: 0 1px 4px rgba(34, 25, 25, 0.6);

		margin: 0 -10px;

		width: auto;

	}

	#contact_block .contact_form_inner .contact_content {

		margin: 15px;

	}

	#contact_block .contact_form {

		background: rgba(125, 125, 125, 0.1);

		border: 1px solid rgba(125, 125, 125, 0.4);

		border-radius: 5px 5px 5px 5px;

		display: block;

		height: auto;

		left: 0;

		margin: 20px auto 50px;

		padding: 7px;

		position: relative;

		top: 0;

		width: auto;

	}

	#contact_block .contact_form_inner {

		background: none repeat scroll 0 0 white;

		border: 1px solid rgba(125, 125, 125, 0.5);

		border-radius: 3px 3px 3px 3px;

		overflow: hidden;

	}

	#contact_block .contact_form_inner .contact_content .contact_left {

		border-right: none !important;

		width: 100%;

		border-bottom: 1px dotted #C9C9C9;

		height: auto;

		padding-right: 0px;

		padding-bottom: 15px;

		margin: 0px;

	}

	#contact_block .contact_form_inner .contact_content .contact_right {

		padding-left: 0;

		margin-bottom: 10px;

		margin-top: 10px;

		width: 100%;

	}

	#contact_block .contact-wrapper input[type="text"] {

		width: 100%;

	}

	#contact_block .contact-wrapper textarea {

		width: 100%;

	}

	#contact_block  #contactform {

		margin-right: 10px;

	}

	#contact_block .contact_form_inner .contact_content .contact_right h2 {

		display: block;

	}

	#contact_block .contact_form_inner .hideform {

		display: none;

	}

	#contact_block .contact_location {

		display: none;

	}

	#contact_block .contact_helper {

		display: block;

		position: absolute;

		top: 20px;

		right: 0;

	}

	.notification {

		opacity: 0;

	}

	.portfolio-meta {

		padding-left: 20px;

	}

	.blog-side-width .span12,.blog-side-width .span11,.blog-side-width .span10,.blog-side-width .span9,.blog-side-width .span8,.blog-side-width .span7,.blog-side-width .span6,.blog-side-width .span5,.blog-side-width .span4,.blog-side-width .span3,.blog-side-width .span2,.blog-side-width .span1,.blog-full-width .span12,.blog-full-width .span11,.blog-full-width .span10,.blog-full-width .span9,.blog-full-width .span8,.blog-full-width .span7,.blog-full-width .span6,.blog-full-width .span5,.blog-full-width .span4,.blog-full-width .span3,.blog-full-width .span2,.blog-full-width .span1

		{

		width: auto;

	}

	.coment-box img {

		width: 50px;

		height: auto;

	}

	.comment-meta,.comment-text {

		margin-left: 79px;

	}

	.fix-right-margin {

		margin-right: 0;

	}

	.portfolio-sidebar {

		padding-right: 20px;

	}

	.view-map {

		display: none; 

	}

	.footercopy {

		display: none;

	}

}



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

	footer {

		position: relative;

		width: auto;

		margin-top: -3px;

	}

	.portfolio-like {

		clear: both;

		float: left;

		margin: 10px 18px;

	}

	.portolio-content {

		border-top: 1px solid #DDDDDD;

		clear: both;

	}

	.gallery-navigator {

		float: left;

		margin: 10px 0 10px 20px;

		clear: both;

	}

	#carousel {

		clear: both;

		border-top: 1px solid #DDDDDD;

	}

	.portfolio-sidebar {

		padding-left: 10px;

		padding-right: 10px;

	}

	.lio-loader {

		position: absolute;

	}

	.portfolio-meta {

		display: none;

	}

	#jegbgcontainer .texthome {

		height: 100%;

	}

	#jegbgcontainer .texthome .texthome-wrapper h2 {

		font-size: 100%;

	}

	#jegbgcontainer .texthome .texthome-wrapper h1 {

		font-size: 200%;

	}

	#jegbgcontainer .texthome .texthome-wrapper {

		bottom: 20px;

	}

	#jegbgcontainer .homeblock .homeblockinside {

		max-height: 150px;

	}

	.blogtitle h2 {

		font-size: 120%;

	}

	.portfolio-meta .addby {

		display: none;

	}

	.blog-meta {

		padding: 10px 0;

	}

}