@media only screen and (max-width: 1390px) {
	#languages {
		position: relative;
		top: 0 !important;
		right: 10px !important;
		left: auto !important;
		max-width: 100%;
		text-align: right;
	}
	#lang_sel li {
		display: inline-block;
		float: none;
		text-align: left;
	}
}

@media only screen and (max-width: 1060px) {
	#hpGraphic {
		width: 104%;
		height: 900px;
		overflow: hidden;
	}
	#innerGraphic {
		width: 1018px;
		overflow: hidden;
	}
	#sidebar .separator2,
	#sidebar .separator3 { width: 280px; }
	#footer .gotoTop { right: 0; }
	#languages { display: none; }
}

@media only screen and (max-width: 1035px) {
	#hpGraphic { display: none; }
	#innerGraphic { display: none; }

	/********** Slider **********/
	#slider .topGraphic,
	#slider .bottomGraphic,
	#slider .cornerGraphic { display: none; }

	#slider {
		width: calc(100% - 20px) !important;
		margin: 100px 10px 0;
	}
	/********** End of Slider **********/

	#logo {
		margin-top: 10px;
		margin-left: 10px;
	}
	#logo img { width: 80%; }

	#mainNav {
		position: relative;
		float: right;
		width: auto;
		max-width: 60%;
		height: auto;
		min-height: 69px;
		margin-left: 0;
		margin-bottom: 20px;
		padding-left: 10px;
		padding-right: 10px;
	}
	#breadcrumbs {
		width: calc(100% - 305px);
		height: 0;
		clear: both;
		margin-left: 10px;
		padding: 0;
	}
	#content { width: calc(100% - 295px); }

	.postComments .comment { width: calc(100% - 180px); }
	.postComments li li .comment { width: calc(100% - 270px); }
	.postComments li li { padding-left: 0; }

	.postComments li li > a {
		position: absolute;
		left: 170px;
	}

	.home #sidebar { margin-top: 10px !important; }
	#sidebar { margin-top: -17px !important; }

	/********** Footer & Credits **********/
	#footer { width: calc(100% - 20px); }

	#credits { width: calc(100% - 20px); }
	/********** End of Footer & Credits **********/
}


@media only screen and (max-width: 1024px) {
	#mainNav { right: 10px; }

	.wrapper { width: auto; }

	#content {
		width: calc(100% - 305px);
		margin-left: 10px;
	}
	.post .content { width: calc(100% - 170px); }
	.post .content.full { width: calc(100% - 40px); }
	#respond .logged_in { width: 100%; }

	.wpcf7-form textarea { width: calc(100% - 30px); }

	/********** Sidebar **********/
	#sidebar {
		width: 285px;
		padding-right: 0;
		margin-right: 0;
	}
	.home #sidebar { margin-top: 10px; }
	#sidebar li.widget { width: 275px; }
	#sidebar .searchForm { width: 235px; }
	/********** End of Sidebar **********/
}


@media only screen and (max-width: 1000px) {
	.submitComment .left { width: 310px; }
	.submitComment input[type=text] { width: 280px; }
}


@media only screen and (max-width: 980px) {
	.submitComment .left,
	.submitComment .right { width: 48%; }
	.submitComment input[type=text] { width: calc(100% - 30px); }

	#respond #cancel-comment-reply-link { padding: 0 10px; }
	#respond .logged_in #cancel-comment-reply-link { min-width: 0; }

	#footer .col > li { width: calc(50% - 20px); }
	#footer .widget_wysija input[type=text].wysija-input {
		width: 65%;
	}
	#footer .wysija-submit {
		position: relative;
		top: -53px;
		min-width: 0;
		width: 35%;
	}

}


@media only screen and (max-width: 958px) {
	#content {
		float: none;
		width: calc(100% - 20px);
		margin-top: 0;
		margin-right: 10px;
	}
	#content .pagination {
		margin-bottom: 40px;
	}
	#breadcrumbs {
		width: calc(100% - 20px);
		overflow: hidden;
		font-size: 16px;
		text-align: center;
	}
	#breadcrumbs li {
		display: inline-block;
		float: none;
		margin: 0;
		line-height: 1.4;
	}
	#breadcrumbs a { padding: 0 10px; }
	#breadcrumbs a:hover,
	#breadcrumbs .current { background-color: transparent; }
	#breadcrumbs .current { float: none; }

	.single .post .content .postImage {
		width: 100%;
		max-width: calc(100% - 155px);
	}

	/********** Sidebar **********/
	#sidebar {
		width: calc(100% - 20px);
		float: none;
		margin: 20px 10px;
		padding-top: 0;
	}
	.page #sidebar,
	.single #sidebar { margin-top: 50px !important; }

	#sidebar .searchForm { width: calc(100% - 40px); }
	#sidebar .searchForm input[type=text] { width: calc(100% - 60px); }

	#sidebar li.widget {
		width: 100%;
		margin: 20px 0;
		padding-top: 10px;
	}
	#sidebar .widget.firstBottom { padding-top: 10px; }
	#sidebar li.widget:first-of-type { margin-top: 0; }

	#sidebar .separator1,
	#sidebar .separator2,
	#sidebar .separator3 { display: none; }

	#sidebar .widget img { max-width: 100%; }
	#sidebar .widget_text select { width: 100% !important; }

	#sidebar .widget.widget_recent_comments,
	#sidebar .widget.widget_rss { padding-bottom: 10px; }

	#sidebar .widget.widget_recent_comments li,
	#sidebar .widget.widget_rss li,
	#sidebar .widget ul li:not(.cat-item) {
		padding: 15px 20px;
		border-bottom-width: 1px;
		border-bottom-style: dashed;
	}

	#sidebar [class^="widget-archives"] li,
	#sidebar [class*="widget-archives"] li,
	#sidebar [class^="widget-categories"] .cat-item,
	#sidebar [class*="widget-categories"] .cat-item {
		border: none !important;
		padding: 4px 20px !important;
	}
	#sidebar [class^="widget-gform"] li,
	#sidebar [class*="widget-gform"] li { border: none !important; }
	#sidebar [class^="widget-gform"],
	#sidebar [class*="widget-gform"] { padding-bottom: 20px; }

	#sidebar .widget.top .tagcloud { padding-bottom: 30px; }
	#sidebar .widget.bottom .tagcloud { padding-bottom: 10px; }

	#sidebar .widget.widget_recent_comments li:last-child,
	#sidebar .widget.widget_rss li:last-child,
	#sidebar .widget ul li:last-child { border-bottom: none; }

	#sidebar [class^="widget-recent"] .widgettitle,
	#sidebar [class*="widget-recent"] .widgettitle,
	#sidebar .widget.widget_recent_comments .widgettitle,
	#sidebar .widget.widget_rss .widgettitle { margin-bottom: 0; }

	.gform_wrapper .top_label input.large,
	.gform_wrapper .top_label select.large,
	.gform_wrapper .top_label textarea.textarea { width: calc(100% - 23px); }
	/********** End of Sidebar **********/
}

@media only screen and (max-width: 768px) {
	h1 { font-size: 30px; }
	h2 { font-size: 27px; }
	h3 { font-size: 23px; }
	h4 { font-size: 15px; }
	h5 { font-size: 15px; }
	h6 { font-size: 15px; }

	#logo { display: none; }
	#logo-mobile { display: block; }

	#languages { display: none; }

	#header {
		width: 100%;
		background-image: none;
	}
	#header .inner { display: block; }
	.open-topIcons,
	.open-mainNav { display: block; }
	#topIcons {
		display: none;
		width: 100%;
		height: auto;
		overflow: hidden;
		padding: 20px 30px 10px;
	}
	#topIcons.open {
		display: block;
		position: absolute;
		top: 50px;
	}
	#topIcons li a {
		background-color: #fff !important;
		margin-bottom: 10px;
	}
	#mainNav {
		display: none;
		clear: both;
		width: 100%;
		max-width: 100%;
		height: auto;
		top: 0;
		right: auto;
		font-size: 13px;
	}
	#mainNav.open {
		display: block;
		position: absolute;
		top: 50px;
	}
	#mainNav .menu-item-language { display: block; }
	#mainNav > li {
		width: 100%;
		margin: 0;
		padding: 0;
	}
	#mainNav > li:first-child { padding-top: 10px; }
	#mainNav > li:last-child { padding-bottom: 10px; }
	#mainNav > li > a {
		width: 100%;
		margin: 0;
		padding: 15px;
		line-height: 1.4;
	}
	#mainNav li ul {
		display: block !important;
		opacity: 1 !important;
		width: 100% !important;
		height: auto !important;
		position: static;
		padding: 6px 0 !important;
		margin:  0 !important;
		border-bottom: none;
		background: none;
	}
	#mainNav li ul a {
		color: #fff !important;
		padding: 2px 15px;
		background: none !important;
		border: none;
		text-transform: uppercase;
	}
	#mainNav .sub-menu .sub-menu {
		position: static;
		width: 100%;
		padding-left: 20px;
	}

	#breadcrumbs { margin-top: 10px; }

	/********** Slider **********/
	#slider { display: none; }
	/********** End of Slider **********/

	.home #content { margin-top: 20px; }

	.wpcf7-form input[type=url],
	.wpcf7-form input[type=tel],
	.wpcf7-form input[type=email],
	.wpcf7-form input[type=text] { width: calc(100% - 30px); }

	.wpcf7-form input[type=range],
	.wpcf7-form select { width: 100%; }

	.postComments h2 {
		padding-left: 0;
		font-size: 30px;
	}
	.postComments h2 span {
		position: relative;
		top: auto;
		left: auto;
		width: auto;
		height: auto;
		padding: 5px 0 0;
		background: none;
		font-size: 30px;
	}
	.postComments .comment {
		margin-top: 10px;
		text-align: left;
	}
	.postComments li {
		padding-top: 0 !important;
		text-align: center;
	}
	.postComments .comment {
		float: none;
		width: calc(100% - 40px);
	}
	.postComments .arrow,
	.postComments li li .arrow {
		top: -10px;
		left: 54px;
		width: 29px;
		height: 10px;
		background-position: -180px -415px;
	}
	#respond .logged_in input[type=submit] { bottom: -36px; }
	#respond #cancel-comment-reply-link {
		bottom: -36px;
		width: auto;
	}
	#respond .logged_in #cancel-comment-reply-link { bottom: -36px; }
	.submitComment input[type=submit] {
		width: 154px;
		background-position: -337px -343px;
	}
	.submitComment input[type=submit]:hover { background-position: -10px -375px; }
	.postComments li li { padding-left: 0; }

	.postComments li li:first-child { margin-top: 10px !important; }
	.postComments li li .comment { width: calc(100% - 40px); }
	.postComments li li > a { position: relative; left: auto; }

	#sidebar { width: calc(100% - 20px); }

	/********** Footer & Credits **********/
	#footer {
		width: 100%;
		margin: 0;
		padding-bottom: 100px;
	}
	#footer .col > li { width: calc(100% - 10px); }
	#footer .gotoTop {
		top: auto;
		bottom: -34px;
		left: 50%;
		transform: translate(-50%, 0);
		right: auto;
	}

	#credits {
		width: 100%;
		margin: 0;
		padding: 45px 0 60px;
		font-size: 12px;
		font-weight: bold;
	}
	#credits .left,
	#credits .right {
		display: block;
		float: none;
		height: auto;
		margin: 0;
		text-align: center;
	}
	#credits .dodoweb {
		display: block;
		float: none;
		margin: 5px auto 0;
		background-position: 0 -18px; /* Skins */
	}
	/********** End of Footer & Credits **********/
}


@media only screen and (max-width: 600px) {
	/********** Slider **********/
	#slider { margin-top: 10px; }
	/********** End of Slider **********/

	.home .post,
	.archive .post { padding: 0; }

	.post .content.full {
		width: calc(100% - 40px);
		padding: 0 30px;
	}
	.post .content .alignleft,
	.post .content .alignright,
	.single .post .content img.size-full,
	.single .post .content .postImage { display: block; float: none; }

	.post .meta li { padding: 13px 20px 13px 30px; }
	.post .meta .author { background-position: -8px 2px; }
	.post .meta .categories { background-position: -561px 2px; }
	.post .meta .comments { background-position: -1124px 2px; }
	.post .meta .tags { background-position: -1686px 2px; }

	.posts ul.meta,
	.single ul.meta {
		float: none;
		margin-right: 0;
		padding: 0 20px;
	}
	.posts .meta {
		width: calc(100% - 40px);
		margin: 0;
	}
	.single .meta { width: calc(100% - 20px); }
	.bgTop { display: none; }
	.post .meta .date .day,
	.post .meta .date .month,
	.post .meta .date .year {
		display: inline-block;
		font-size: 32px;
	}
	.post .meta .date .day {
		line-height: 1.4;
		margin-right: 5px;
		padding-bottom: 0;
	}
	.post .meta .date { padding: 18px 0 0; }
	.post .meta .date .month { line-height: 1.6; }
	.post .meta .date .year { margin-left: 5px; }
	.post .meta .label { display: inline-block; }
	.post .meta .bgBottom { display: none; }

	.post .content {
		float: none;
		clear: both;
		width: calc(100% - 50px);
		padding: 30px;
	}
	.archive .post .content { width: calc(100% - 60px); }
	.single .post .content .postImage { max-width: 100%; }
	.single .post .content img.size-full { max-width: calc(100% - 20px); }

	.post .content table { width: 100%; }
	.post .readMore { right: 17px; }

	.submitComment .left,
	.submitComment .right { width: 100%; }

	.submitComment {
		width: calc(100% - 20px);
		margin: -30px auto 0;
	}
}


@media only screen and (max-width: 480px) {
	.page-template-template_contact_us-php .post { padding-right: 0; }
	.page-template-template_contact_us-php .post .content.full { padding: 0 20px; }

	.post .meta .date .day,
	.post .meta .date .month,
	.post .meta .date .year { font-size: 24px; }

	.post .meta .date .day { margin-right: 0; }
	.post .meta .date .year { margin-left: 0; }

	.post .content table { zoom: 0.9; }
	.post .content table td,
	.postComments .comment .content table td { padding: 5px; }

	.relatedPosts, .postComments {
		padding-left: 10px;
		padding-right: 10px;
	}

	.submitComment input[type=submit] {
		bottom: -26px;
		width: 140px;
		background-position: -351px -343px;
	}
	.submitComment input[type=submit]:hover { background-position: -24px -375px; }
}


@media only screen and (max-width: 400px) {
	#content {
		overflow: hidden;
		padding-bottom: 30px;
	}
	#sidebar { margin-top: 30px !important; }
	.post .content img { max-width: calc(100% - 20px); }
}