@media only screen and (max-width: 1139px){
	.post-conten .secondary-images .h190 {
		height: 190px;
	}
	.post-conten .secondary-images .img-port {
		max-width: 102px;
		height: auto;
		max-height: 150px;
	}
	.post-conten .secondary-images .img-lands {
		max-width: 150px;
		height: auto;
	}
}

@media only screen and (max-width: 1023px){
	.post-conten .secondary-images .h190 {
		max-height: 190px;
	}
	.post-conten .secondary-images .img-port {
		width:100%;
		height: auto;
		left:0;
	}
	.post-conten .secondary-images .img-lands {
		width:90%;
		max-width:none;
	}
}

@media only screen and (min-width: 768px) and (max-width: 1200px) { 
	.top-wrapper .inner,
	.wrapper,
	footer,
	.subfooter,
	.inner {
	    width: 960px
	}
	.portfoliowide-bannercontainer,
	.portfoliowide-banner {
	    width: 860px
	}
	.items li {
	    width: 198px
	}
	.items.col3 li {
	    margin: 0 24px 26px 0;
	    width: 270px;
	}
	.content,
	.project .image {
	    width: 590px
	}
	.sidebar,
	.project .details,
	.item-details {
	    width: 230px
	}
	.portfoliohalf-bannercontainer,
	.portfoliohalf-banner,
	.project-bannercontainer,
	.project-banner {
	    width: 590px
	}
	.single .related .post {
	    width: 184px;
	    margin-right: 19px;
	}
	.tab a {
	    padding: 7px 15px
	}
	
	.post-conten .secondary-images .secondary-img {
		width: 33% !important;
	}
}

/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) { 
	.top-wrapper .inner,
	.wrapper,
	footer,
	.subfooter {
	    width: 100%
	}
	.portfoliowide-bannercontainer,
	.portfoliowide-banner {
	    width: 688px
	}
	.inner,
	.top-wrapper .inner,
	footer .inner,
	.subfooter .inner {
	    padding-left: 40px;
	    padding-right: 40px;
	}
	.inner {
	    width: 768px
	}
	.subfooter {
	    margin-bottom: 0
	}
	header .logo {
	    text-align: center;
	    float: none;
	}
	header .logo img {
	    display: inline
	}
	header .menu {
	    float: none
	}
	.menu ul {
	    text-align: center
	}
	.menu ul ul {
	    text-align: left
	}
	.menu ul li {
	    margin-left: 6px;
	    margin-right: 6px;
	}
		.menu ul li a {
			padding: 7px 5px;
			font-size: 14px !important;
		}
	.menu-lang {
		margin-top:25px;
		margin-right:40px;
	}
	.menu-search {
		text-align: center;
		margin-right:40px;
	}
	/*.intro p {
	    text-align: center
	}*/
	.items li {
	    margin: 0 18px 20px 0;
	    width: 153px;
	}
	#portfolio .items li {
	    margin: 0 22px 24px 0;
	    width: 214px;
	}
	.content,
	.project .image {
	    width: 438px
	}
	.sidebar,
	.project .details,
	.item-details {
	    width: 210px
	}
	.portfoliohalf-bannercontainer,
	.portfoliohalf-banner,
	.project-bannercontainer,
	.project-banner {
	    width: 438px
	}
	.single .related .post {
	    width: 134px;
	    margin-right: 18px;
	}
	.tab a {
	    padding: 7px 15px
	}
	
	.error404 {width: 72%;}	
}

@media only screen and (max-width: 767px){
	.post-conten .secondary-images {
		width: 100%;
		margin-top: 40px;
	}
	.post-conten .secondary-images .secondary-img {
		width: 50% !important;
		float: left;
	}
}

@media only screen and (min-width: 480px) and (max-width: 767px) { 
	.wrapper,
	footer,
	.subfooter {
	    width: 100%
	}
	.portfoliowide-bannercontainer,
	.portfoliowide-banner {
	    width: 400px
	}
	.inner,
	.top-wrapper .inner,
	footer .inner,
	.subfooter .inner {
	    padding-left: 40px;
	    padding-right: 40px;
	}
	.top-wrapper .inner,
	.inner {
	    width: 480px
	}
	.subfooter {
	    margin-bottom: 0
	}
	header .logo {
	    text-align: center;
	    float: none;
	    margin-bottom: 40px;
	}
	header .logo img {
	    display: inline
	}
	header .menu {
	    float: none
	}
	.menu ul {
	    text-align: center
	}
	.menu ul ul {
	    text-align: left
	}
	.menu ul li {
	    margin-left: 10px;
	    margin-right: 10px;
	}
	/*.intro p {
	    text-align: center
	}*/
	.items li,
	#portfolio .items li {
	    margin: 0 18px 20px 0;
	    width: 190px;
	}
	.content,
	.project .image,
	.sidebar,
	.project .details,
	.item-details {
	    width: 100%
	}
	.sidebar {
	    margin-top: 30px;
	    border-top: 1px solid rgba(0,0,0,0.15);
	    padding-top: 40px;
	}
	.portfoliohalf-bannercontainer,
	.portfoliohalf-banner,
	.project-bannercontainer,
	.project-banner {
	    width: 400px
	}
	.single .related .post {
	    width: 122px;
	    margin-right: 17px;
	}
	#comments .user {
	    display: none
	}
	#comments ul.children {
	    padding: 0 0 0 20px
	}
	.tab a {
	    padding: 7px 15px
	}
	img.right,
	.alignright,
	img.left,
	.alignleft {
	    float: none;
	    margin: 0 0 20px 0;
	}
	.overlay.alignleft {
	    float: left
	}
	.one-half,
	.one-third,
	.two-third,
	.three-fourth,
	.one-fourth,
	.one-fifth,
	.one-sixth {
	    margin: 0;
	    width: 100%;
	    margin-bottom: 20px;
	    float: none;
	}
	footer .one-half,
	footer .one-third,
	footer .two-third,
	footer .three-fourth,
	footer .one-fourth,
	footer .one-fifth,
	footer .one-sixth {
	    margin-bottom: 40px
	}
	footer .last {
	    margin-bottom: 0
	}
	.menu ul#tiny {
	    display: none
	}
	.selectnav {
	    width: 480px;
	    display: block;
	}
	.menu-search {
		float: none !important;
		width:100%;
	}
	.pricing.three .plan,
	.pricing.four .plan {
	    width: 47%;
	    float: left;
	    margin-left: 2%;
	    margin-bottom: 10px;
	}
	ul.retina-icons {
	    width: 110%;
	    margin-right: -4%;
	}
	ul.retina-icons li {
	    width: 44%;
	    margin-right: 4%;
	}
	.forms .text-input-row,
	.forms fieldset .text-input-row,
	.comment-form div.name-field,
	.comment-form div.email-field,
	.comment-form div.website-field {
	    width: 100%;
	    float: none;
	    margin-right: 0;
	    margin-bottom: 15px;
	}
	.subfooter p,
	.subfooter .social {
	    float: none
	}
	.subfooter p {
	    padding-bottom: 20px
	}
	.subfooter .social li {
	    margin-left: 0px;
	    margin-right: 3px;
	}
	
	/* fotolink */
	.fotovasak,
	.fotoparem,
	.fotovasak_raamita,
	.fotoparem_raamita {
		float:none !important;
		margin: 20px 0;
	}
	
	/* tabeli joondus */
	.tabel-parem,
	.tabel-vasak {
		float:none !important;
		margin:20px 0 20px 0 !important;
	}
	
	.error404 {
		margin: 30px auto;
		width: 85%;
	}
		.error404 .e404 { margin-top: 5px;}
			.error404 .e404 > p {display: block;}
			.error404 h1 {
				margin:15px 0 15px 0;
				font-size: 35px;
			}	
			.error404 .title-error {
				margin: 0;
				font-size: 20px;
				margin-bottom:12px;
			}
}

@media only screen and (max-width: 599px){	
	.event-calendar{
		width: auto;
	}
}

@media only screen and (max-width: 479px) { 
	.wrapper,
	footer,
	.subfooter {
	    width: 100%
	}
	.portfoliowide-bannercontainer,
	.portfoliowide-banner {
	    width: 270px
	}
	.inner,
	.top-wrapper .inner,
	footer .inner,
	.subfooter .inner {
	    padding-left: 25px;
	    padding-right: 25px;
	}
	.top-wrapper .inner,
	.inner {
	    width: 320px
	}
	.subfooter {
	    margin-bottom: 0
	}
	header .logo {
	    text-align: center;
	    float: none;
	    margin-bottom: 40px;
	}
	header .logo img {
	    display: inline
	}
	header .menu {
	    float: none
	}
	.menu ul {
	    text-align: center
	}
	.menu ul ul {
	    text-align: left
	}
	.menu ul li {
	    margin-left: 10px;
	    margin-right: 10px;
	}
	/*.intro p {
	    text-align: center
	}*/
	.items li,
	#portfolio .items li {
	    margin: 0 0 20px 0;
	    width: 268px;
	}
	.content,
	.project .image,
	.sidebar,
	.project .details,
	.item-details,
	.content .post img {
	    width: 100%
	}
	.sidebar {
	    margin-top: 30px;
	    border-top: 1px solid rgba(0,0,0,0.15);
	    padding-top: 40px;
	}
	.portfoliohalf-bannercontainer,
	.portfoliohalf-banner,
	.project-bannercontainer,
	.project-banner {
	    width: 270px
	}
	.single .related .post {
	    width: 270px;
	    margin-right: 0;
	}
	#comments .user {
	    display: none
	}
	#comments ul.children {
	    padding: 0 0 0 20px
	}
	.tab a {
	    padding: 7px 15px
	}
	img.right,
	.alignright,
	img.left,
	.alignleft {
	    float: none;
	    margin: 0 0 20px 0;
	}
	overlay.alignleft {
	    float: left
	}
	.one-half,
	.one-third,
	.two-third,
	.three-fourth,
	.one-fourth,
	.one-fifth,
	.one-sixth {
	    margin: 0;
	    width: 100%;
	    margin-bottom: 20px;
	    float: none;
	}
	footer .one-half,
	footer .one-third,
	footer .two-third,
	footer .three-fourth,
	footer .one-fourth,
	footer .one-fifth,
	footer .one-sixth {
	    margin-bottom: 40px
	}
	footer .last {
	    margin-bottom: 0
	}
	.menu ul#tiny {
	    display: none
	}
	.selectnav {
	    width: 320px;
	    display: block;
	}
	.menu-search {
		float: none !important;
		width:100%;
	}
	ul.retina-icons {
	    width: 100%;
	    margin-right: 0;
	}
	ul.retina-icons li {
	    width: 100%;
	    margin-right: 0;
	}
	.pricing.three .plan,
	.pricing.four .plan {
	    width: 100%;
	    float: none;
	    margin-left: 0;
	    margin-bottom: 20px;
	}
	.content .post .post-content {
	    margin-left: 0px;
	    overflow: hidden;
	}
	.forms .text-input-row,
	.forms fieldset .text-input-row,
	.comment-form div.name-field,
	.comment-form div.email-field,
	.comment-form div.website-field {
	    width: 100%;
	    float: none;
	    margin-right: 0;
	    margin-bottom: 15px;
	}
	.subfooter p,
	.subfooter .social {
	    float: none
	}
	.subfooter p {
	    padding-bottom: 20px
	}
	.subfooter .social li {
	    margin-left: 0px;
	    margin-right: 3px;
	}
	
	/* fotolink */
	.fotovasak,
	.fotoparem,
	.fotovasak_raamita,
	.fotoparem_raamita {
		float:none !important;
		margin: 20px 0;
	}
	
	/* tabeli joondus */
	.tabel-parem,
	.tabel-vasak {
		float:none !important;
		margin:20px 0 20px 0 !important;
	}
	
	.error404 {
		margin: 0 auto;
		padding-bottom:45px;
	}
		.error404 h1 {
			margin:0px 0 5px 0;
			font-size: 21px;
		}	
		.error404 .title-error {
			margin: 0;
			font-size: 12px;
			margin-bottom:60px;
		}
	
	/* Event Calendar */
	.events-calendar .calendar-header .text-right{
		text-align:left !important;
		margin:12px 0 8px 0;
	}
	
	.post-conten .secondary-images {
		width: 100%;
		margin-top: 40px;
	}
	.post-conten .secondary-images .secondary-img {
		width: 100% !important;
		float: left;
	}
	.post-conten .secondary-images .h190 {
		height: 350px;
	}
	.post-conten .secondary-images .img-port {
		max-height: 350px;
		max-width:none;
	}
	.post-conten .secondary-images .img-lands {
		width:100%;
		height: auto;
		max-width:100%;
	}
}
@media only screen and (max-width: 320px){
	/* Event Calendar */
	.professional .btn-style-previous,
	.professional .btn-style-next{
		font-size:11px !important;
	}
	
	.post-conten .secondary-images .h190 {
		height: 280px;
	}
	.post-conten .secondary-images .img-port {
		max-height: 280px;
		max-width:none;
	}
}