@media only screen and (max-width: 1179px) {
	.widget-other-posts .list-posts .item-style-1 a.pull-left {
	width: 100% !important;
	margin-bottom: 5px;
	}
}

@media only screen and (max-width: 1023px) {
	#sidebar {
		width: 200px;
	}
	/* tabs */
	.widget-tabs .ui-tabs .ui-tabs-nav li a {
		font-size: 11px;
		padding: 8px 10px;
	}
	.widget-random-post .list-posts .item .item-right h4, 
	.widget-tabs .list-posts .item .item-right h4 {

	}
	.widget-video .list-posts .item a.pull-left {
		width: 100%;
		margin-right: 0;
		margin-bottom: 10px;
		float: none !important;
	}
}

@media only screen and (max-width: 979px) {
	
	.widget-newsletter h3 {
		margin-right: 20px;
	}
	.widget-newsletter h3 span {
		display: none;
	}
	/* element */
	.mask-hover > ul > li {
		width: 33.33333333333333%;
	}
	.mask-hover > ul > li img {
		width: 100%;
	}
}

@media only screen and (max-width: 899px) {
	
	.widget-other-posts .list-posts .item a.pull-left, 
	.widget-video .list-posts .item a.pull-left {
	width: 100% !important;
	margin-bottom: 16px;
	float: none !important;
	margin-right: 0;
	}
	.widget-other-posts.style-2 .item a.pull-left {
		display: none;
	}
	.widget-other-posts.style-2 .item.item-style-1 a.pull-left {
		display: block;
	}
	.widget-photos > ul {
		margin-left: -21px;
		margin-right: -21px;
	}
	.widget-photos > ul > li.col-sm {
		display: none;
	}
	.widget-photos > ul > li.col-center {
		width: 100%;
	}
	.widget-photos > ul > li.col-center img {
		width: 100%;
	}
	.widget-more-news .item p {
		display: none;
	}
	.widget-more-news .item p.kp-metadata {
		display: block;
	}
	/* multimedia */
	.older-post .list-item > li {
		width: 33.33333333333333%;
	}
	.older-post .list-item > li img {
		width: 100%;
	}
	/* title other post */
	.widget-area-3 .widget-title,
	.widget-area-4 .widget-title,
	.widget-area-5 .widget-title {
	font-size: 16px;
	}	
}

@media only screen and (max-width: 799px) {
	.widget-more-news > ul > li.index5,
	.widget-more-news > ul > li.index4,
	.widget-more-news > ul > li.index3{
		display: none;
	}
	.widget-more-news > ul > li {
		width: 33.33333333333333%;
	}
    .widget-more-news > ul > li img {
    	width: 100%;
    }
}

@media only screen and (max-width: 767px) {
	#main-col {		
		width: 100%;
		border-right: none;
	}
	#sidebar {
		width: 100%
	}
	.widget-ads {
		display: none;
	}
	.widget-random-post .list-posts .item .item-right h4, 
	.widget-tabs .list-posts .item .item-right h4 {
		font-size: 15px;
	}
	.widget-tabs .ui-tabs .ui-tabs-nav li a {
		font-size: 17px;
		padding: 15px 18px;
	}
	.widget-area-3,
	.widget-area-2 {
		width: 100%;
		float: none; !important;
	}
	.widget-area-3 {
		border-left: none;
	}
	.widget-area-2 {
		border:none;
	}
	.widget-other-posts.style-2 .item.item-style-1 a.pull-left {
		width: 100% !important;
	}
	.widget-other-posts.style-2 .item a.pull-left {
		width: 50px !important;
		margin-right: 15px;
		float: left !important;
	}
	/* category */
	.list-posts-cat .item {
		width: 50%;
	}
	/* element */
	.col-11,
	.col-10,
	.col-9,
	.col-8,
	.col-7,
	.col-6,
	.col-5,
	.col-4,
	.col-3,
	.col-2,
	.col-1 {
		width: 100%;
	}
	/* caption */
	.widget-featured-news .owl-carousel-feature .caption p, 
	.widget-other-posts .caption p {
		display: block;
	}
	/* widget lastpost */
	
	.widget-last-post .owl-carousel-last-post .item,
	.widget-last-post .list-news .item {
		overflow: hidden;
	}
	.widget-last-post .owl-carousel-last-post .item a,
	.widget-last-post .list-news .item a {
		display: block;
		float: left;
		margin-right: 15px;
	}
	.widget-last-post .owl-carousel-last-post .item h3,
	.widget-last-post .owl-carousel-last-post .item p,
	.widget-last-post .list-news .item h3,
	.widget-last-post .list-news .item p {
		overflow: hidden;
	}
}

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

@media only screen and (max-width: 599px) {
	.widget-newsletter h3 {
		display: none;
	}
	.widget-newsletter .newsletter-form {
		margin-bottom: 15px;
	}
	#page-header .header-middle .kp-social {
		display: none;
	}
	/* widget-featured-news */
	.widget-featured-news .owl-carousel-feature .caption p, .widget-other-posts .caption p {
		display: none;
	}
	/* category */
	.category-1 .list-posts-cat .item div.pull-left {
		width: 100%;
		float: none !important;
		margin-bottom: 20px;
		margin-right: 0;
	}
	.category-1 .list-posts-cat .item div.pull-left img {
		width: 100%;
	}
	.list-posts-cat .item {
		width: 100%;
	}
	.list-posts-cat .item img {
		width: 100%;
	}
	/* single */
	article.post-content header .metadata.style-2 {
		border-bottom: 1px solid #fff;
	}
	/* element */
	.mask-hover > ul > li {
		width: 50%;
	}
	/* multimedia */
	.older-post .list-item > li {
		width: 50%;
	}
}


/*responsive for viewport from 1024 to wraper+40px*/

@media only screen and (min-width: 1024px) and (max-width: 1179px) {
	.container {
		width: 980px;
	}
	#pageHeader, #navigation {
	width: 980px;
	}
	
	footer {
	width: 980px;
	padding: 20px 30px 0px;
	}
	#footer-bottom {
	width: 920px;
	}
	.first {margin-left: 15px !important;
	}
	.one-third {width:30.5%;
	}
	.one-fourth {
	width: 22%;
	}
	.last {
	margin-right: 0 !important;
	clear: right;
	margin-bottom: 0px;
	}
	.post-description {
	width: 84%;
	}
	.post-left {
	width: 12%;
	padding: 0px 0 6px;
	}

	.down {
	width: 275px !important;
	padding-bottom: 16px;
	}
	#main-col {		
		width: 729px;
	}	
	#sidebar {
		width: 250px;
	}
	.widget-area-2 {
		width: 200px;
	}
	.widget-area-3 {
		width: 100%;
	}
	/* slider-feature-news */
	.slider-feature-news .owl-carousel-images .kp-caption .caption-wrapper h3 {
		font-size: 19px;
		line-height: 24px;
	}
	/* widget-photos */
	.widget-photos > ul > li.col-center {
		width: 382px;
	}
	.widget-other-posts .list-posts .item a.pull-left, 
	.widget-video .list-posts .item a.pull-left {
		width: 100px
	}
	.widget-other-posts.style-2 .item a.pull-left {
		width: 50px;
	}
	.widget-photos > ul > li.col-sm {
		width: 153px
	}
	/* tabs */
	.widget-tabs .ui-tabs .ui-tabs-nav li a {
		font-size: 15px;
		padding: 10px 12px;
	}
	.one-half {
		width: 48%;
	margin-bottom: 25px;
	}
	.post-date {
	width: 86px;
	}
}
/*responsive for viewport from 980px to 1023px*/
@media only screen and (min-width: 980px) and (max-width: 1023px) {
	.container {
		width: 940px;
	}
	#pageHeader, #navigation {
	width: 940px;
	}
	
	footer {
	width: 940px;
	padding: 20px 30px 0px;
	}
	#footer-bottom {
	width: 880px;
	}
	.first {margin-left: 15px !important;
	}
	.one-third {width:30.5%;}
	.one-fourth {
	width: 22%;
	}
	.last {
	margin-right: 0 !important;
	clear: right;
	margin-bottom: 0px;
	}
	.post-description {
	width: 84%;
	}
	.post-left {
	width: 12%;
	padding: 0px 0 6px 0;
	}
	.post-date {
	width: 86px;
	}
	.down {
	width: 255px !important;
	padding-bottom: 16px;
	}
	#main-col {		
		width: 739px;
	}	
	#sidebar {
		width: 200px;
	}
	.widget-area-2 {
		width: 200px;
	}
	.widget-area-3,  {
		width: 100%;
	}
	
	/* widget-photos */
	.widget-photos > ul > li.col-center {
		width: 388px;
	}
	.widget-photos > ul > li.col-sm {
		width: 155px;
	}
	.widget-other-posts .list-posts .item a.pull-left {
		width: 100px;
	}
	.widget-other-posts.style-2 .item a.pull-left {
		width: 50px;
	}
	/* gallery */
	
	.widget-random-post .list-posts .item a.pull-left {
	display: none;
	}
	.footer-headline {
		background-image: none;
	}
.widget-area-3 .widget-area-4 .widget-three-1, .widget-area-3 .widget-area-4 .widget-three-2, .widget-area-3 .widget-area-4 .widget-three-3 {
	width: 250px;
}
.widget-area-3 .widget-area-4 .widget-half-1 {
	width: 450px;
}

.widget-area-3 .widget-area-4 .widget-half-2{
	width: 288px;
}
.widget-area-3 .widget-area-4 .widget-four-1, .widget-area-3 .widget-area-4 .widget-four-2, .widget-area-3 .widget-area-4 .widget-four-3, .widget-area-3 .widget-area-4 .widget-four-4  {
	width: 185px;
}
.one-half {
		width: 48%;
	margin-bottom: 25px;
	}
}
/*responsive for viewport from 900px to 979px*/
@media only screen and (min-width: 900px) and (max-width: 979px) {
	.container {
		width: 860px;
	}
	#pageHeader, #navigation {
	width: 860px;
	}
	
	footer {
	width: 860px;
	padding: 20px 30px 0px;
	}
	#footer-bottom {
	width: 820px;
	}
	.first {margin-left: 15px !important;
	}
	.one-third {width:30.5%;}
	.one-fourth {
	width: 180px;
	}
	.last {
	margin-right: 0 !important;
	clear: right;
	margin-bottom: 0px;
	}

	.down {
	width: 225px !important;
	padding-bottom: 16px;
	}

	table.standard-table {
	width:100%;	
	}
.one-half {
		width: 47%;
	margin-bottom: 25px;
	}
	#main-col {		
		width: 659px;
	}
	.widget-area-3, .post-description {
		width: 100%;
	}
	.widget-area-2 {
		width: 200px;
	}
		
	/* widget-photos */
	.widget-photos > ul > li.col-center {
		width: 348px;
	}
	.widget-photos > ul > li.col-sm {
		width: 135px
	}
	.widget-other-posts .list-posts .item a.pull-left {
		width: 70px
	}
	.widget-other-posts.style-2 .item a.pull-left {
		width: 50px;
	}
	.widget-random-post .list-posts .item a.pull-left {
	display: none;
	}
	.post-left .social.podijeli p {
	float: left;
	width: 150px;
	margin-bottom: -10px;
	padding-top: 6px;
	}
	.post-date {
	display: none;
	width: 80px;
	}
	.post-left {
	width: 100%;
	padding-top: 0px;
	padding-bottom: 6px;
	}
	.footer-headline {
		background-image: none;
	}

}
/*responsive for viewport from 800px to 899px*/
@media only screen and (min-width: 800px) and (max-width: 899px) {
	.container {
		width: 760px;
	}
	#pageHeader {
	width: 760px;
	}
	
	#navigation {
	float: none;
	width: 90%;
	margin-right: auto;
	margin-left: auto;
	background-color: #FFF;
	border-bottom:none;
	}	
	.js .selectnav {
		display: block;
	}	
	.js #nav {
		display: none;
	}
	
	footer {
	width: 760px;
	padding: 20px 10px 0px 10px;
	}
	#footer-bottom {
	width: 720px;
	}
	.description2 {
	padding: 0px;
	float: left;
	width: 740px;
	}
	.down {width:100% !important}
	
	.one-half, .one-third, .one-fourth, .two-third, .three-fourth, .one-fifth {
	position: relative;
	margin-right: 0%;
	float: left;
	}
	.one-full, .one-half {
	width: 100%;
	}
	.one-half {
		width: 50%;
	margin-bottom: 25px;
	}
	.one-half-full, .onehalf-blog, .one-fourth, .one-fifth, .two-third, .three-fourth {
	width: 100%;
	margin-bottom: 25px;}
	.one-third {
		width:33%;
		}
		.one-fourth {
	width: 24%;
}	
	#sidebar {
		width: 100%;
	}
	.last {
	margin-right: 0 !important;
	clear: right;
	margin-bottom: 0px;
	}
	#main-col {		
		width: 760px;
	}
	.widget-area-3 {
	width: 100%;
	float: left;
	}
	
	.post-description {
	float: left;
	width: 100%;
	margin-top: 16px;
	padding-left: 0px;
	}
	.widget-area-2 {
		width: 190px;
	}
	.post-left .social.podijeli p {
	float: left;
	width: 140px;
	margin-bottom: -10px;
	padding-top: 6px;
	}
	.post-date {
	display: none;
	}
	.post-left {
	width:100%;
	padding-top: 0px;
	padding-bottom: 6px;
	}
	.footer-headline {
		background-image: none;
	}
}

/*responsive for viewport from 768px to 799px*/
@media only screen and (min-width: 768px) and (max-width: 799px) {
	.container {
		width: 720px;
	}
	#pageHeader {
	width: 720px;
	}
	#navigation {
	float: none;
	width: 90%;
	margin-right: auto;
	margin-left: auto;
	background-color: #FFF;
	border-bottom:none;
	}	
	.js .selectnav {
		display: block;
	}	
	.js #nav {
		display: none;
	}
	
	footer {
	width: 720px;
	padding: 20px 10px 0px 10px;
	}
	#footer-bottom {
	width: 700px;
	}
	.description2 {
	padding: 0px;
	float: left;
	width: 700px;
	}
	.down {width:100% !important}
	
	.one-half, .one-third, .one-fourth, .two-third, .three-fourth, .one-fifth {
	position: relative;
	margin-right: 0%;
	float: left;
	}
	.one-full {
	width: 100%;
	}
	
	.one-half-full, .onehalf-blog, .one-fourth, .one-fifth, .two-third, .three-fourth {
	width: 100%;
	margin-bottom: 25px;}
	.one-half {
		width: 50%;
		}
	.one-third {
		width:33%;
		}
		.one-fourth {
	width: 25%;
}
	.last {
	margin-right: 0 !important;
	clear: right;
	margin-bottom: 0px;
	}
	#main-col, #sidebar, .widget-area-3 {		
		width: 100%;
	}

	.post-description {
	float: left;
	width: 100%;
	margin-top: 16px;
	padding-left: 0px;
	}
	
	.post-left .social.podijeli p {
	float: left;
	width: 140px;
	margin-bottom: -10px;
	padding-top: 6px;
	}
	.post-date {
	display: none;
	}
	.post-left {
	width: 100%;
	padding-top: 0px;
	padding-bottom: 6px;
	border-top-style: none;
	margin-top: -10px;
	}
	.footer-headline {
		background-image: none;
	}
	
}
/*responsive for viewport from 640px to 767px*/
@media only screen and (min-width: 640px) and (max-width: 767px) {
	.container {
		width: 600px;
	}
	#pageHeader {
	width: 600px;
	}
	#navigation {
	float: none;
	width: 90%;
	margin-right: auto;
	margin-left: auto;
	background-color: #FFF;
	border-bottom:none;
	}	
	.js .selectnav {
		display: block;
	}	
	.js #nav {
		display: none;
	}
	
	footer {
	width: 600px;
	padding: 20px 10px 0px 10px;
	}
	#footer-bottom {
	width: 580px;
	}
	.description2 {
	padding: 0px;
	float: left;
	width: 580px;
	}
	.down {width:100% !important}
	
	.one-half, .one-third, .one-fourth, .two-third, .three-fourth, .one-fifth {
	position: relative;
	margin-right: 0%;
	float: left;
	}
	.one-full {
	width: 100%;
	}
	.one-half.one_half-full, .onehalf-blog {
	width: 100%;
	margin-bottom: 25px;}
	.one-third {
		width:33%;
		}
		.one-fourth {
	width: 48%;
}
	.last {
	margin-right: 0 !important;
	clear: right;
	margin-bottom: 0px;
	}
	
	.post-description {
	float: left;
	width: 100%;
	margin-top: 16px;
	padding-left: 0px;
	}
	.widget-area-3 {
		width: 100%;
	}
	.widget-area-3 .widget-area-4 .widget-four-1, .widget-area-3 .widget-area-4 .widget-four-2, .widget-area-3 .widget-area-4 .widget-four-3, .widget-area-3 .widget-area-4 .widget-four-4  {
	width: 50%;
}
	.post-left .social.podijeli p {
	float: left;
	width: 140px;
	margin-bottom: -10px;
	padding-top: 6px;
	}
	.post-date {
	display: none;
	}
	.post-left {
	width: 100%;
	padding: 0px 0 6px;
	border-top-style: none;
	margin-top: -10px;
	}
	.footer-headline {
		background-image: none;
	}
	
}
/*responsive for viewport from 600px to 639px*/
@media only screen and (min-width: 600px) and (max-width: 639px) {
	.container {
		width: 560px;
	}
	#pageHeader {
	width: 560px;
	}
	#navigation {
	float: none;
	width: 90%;
	margin-right: auto;
	margin-left: auto;
	background-color: #FFF;
	border-bottom:none;
	}	
	.js .selectnav {
		display: block;
	}	
	.js #nav {
		display: none;
	}
	
	footer {
	width: 560px;
	padding: 20px 10px 0px 10px;
	}
	#footer-bottom {
	width: 540px;
	}
	.description2 {
	padding: 0px;
	float: left;
	width: 540px;
	}
	.down {width:100% !important}
	
	.one-half, .one-third, .one-fourth, .two-third, .three-fourth, .one-fifth {
	position: relative;
	margin-right: 0%;
	float: left;
	}
	.one-full {
	width: 100%;
	}
	.one-half-full, .onehalf-blog, .one-fourth, .one-fifth, .two-third, .three-fourth {
	width: 100%;
	margin-bottom: 25px;}
	
	.one-third {
		width:33%;
		}
		.one-fourth {
	width: 48%;
}
	.last {
	margin-right: 0 !important;
	clear: right;
	margin-bottom: 0px;
	}
	
	.post-description {
	float: left;
	width: 100%;
	margin-top: 16px;
	padding-left: 0px;
	}

	.post-left .social.podijeli p {
	float: left;
	width: 130px;
	}
	
	.post-date {
	display: none;
	}
	
	.post-left {
	width: 100%;
	padding: 0px 0 6px;
	border-top-style: none;
	margin-top: -10px;
	}
	.footer-headline {
		background-image: none;
	}
	.widget-area-3 .widget-area-4 .widget-four-1, .widget-area-3 .widget-area-4 .widget-four-2, .widget-area-3 .widget-area-4 .widget-four-3, .widget-area-3 .widget-area-4 .widget-four-4  {
	width: 50%;
}
}

/*responsive for viewport from 480px to 599px*/
@media only screen and (min-width: 480px) and (max-width: 599px) {
	.container {
		width: 440px;
	}
	#pageHeader {
	width: 440px;
	}
	#navigation {
	float: none;
	width: 90%;
	margin-right: auto;
	margin-left: auto;
	background-color: #FFF;
	border-bottom:none;
	}	
	.js .selectnav {
		display: block;
	}
	.js #nav {
		display: none;
	}
	
	.post-description {
	float: left;
	width: 100%;
	margin-top: 16px;
	padding-left: 0px;
	}
	
	footer {
	width: 440px;
	padding: 20px 10px 0px 10px;
	}
	#footer-bottom {
	width: 420px;
	}
	.description2 {
	padding: 0px;
	float: left;
	width: 420px;
	}
	.down {width:100% !important}
	
	.one-half, .one-third, .one-fourth, .two-third, .three-fourth, .one-fifth {
	position: relative;
	margin-right: 0%;
	float: left;
	}
	.one-half-full, .onehalf-blog, .one-fourth, .one-fifth, .two-third, .three-fourth {
	width: 100%;
	margin-bottom: 25px;}
.one-third {
		width:48%;
		}
		.one-fourth {
	width: 48%;
}
	.last {
	margin-right: 0 !important;
	clear: right;
	margin-bottom: 0px;
	}
	.home-blog{ width: 100%; float: left;}
	.widget-area-3 .widget-area-4 .widget-three-1, .widget-area-3 .widget-area-4 .widget-three-2 {
	width: 50%;
	} 
	.widget-area-3 .widget-area-4 .widget-three-3{
	width: 100%;
	}
	.widget-area-3 .widget-area-4 .widget-four-1, .widget-area-3 .widget-area-4 .widget-four-2, .widget-area-3 .widget-area-4 .widget-four-3, .widget-area-3 .widget-area-4 .widget-four-4  {
	width: 50%;
}
	.post-left .social.podijeli p {
	float: left;
	width: 130px;
	}
	.post-date {
	display: none;
	}
	.post-left {
	width: 100%;
	padding: 0px 0px 6px;
	}
	.footer-headline {
		background-image: none;
	}
}

/*responsive for viewport from 360px to 479px*/
@media only screen and (max-width: 479px) {
	.container {
		width: 320px;
	}
	
	#pageHeader {
	width: 320px;
	}
	#navigation {
	float: none;
	width: 90%;
	margin-right: auto;
	margin-left: auto;
	background-color: #FFF;
	border-bottom:none;
	}	
	.js .selectnav {
		display: block;
	}	
	.js #nav {
		display: none;
	}
	
	footer {
	width: 320px;
	padding: 20px 10px 0px 10px;
	}
	.down {width:100% !important}
	
	.one-half, .one-third, .one-fourth, .two-third, .three-fourth, .one-fifth {
	position: relative;
	margin-right: 0%;
	float: left;
	}
	.one-full {
	width: 100%;
	}
	.one-half-full, .onehalf-blog, .one-third, .one-fourth, .one-fifth, .two-third, .three-fourth {
	width: 100%;
	margin-bottom: 25px;}
	.last {
	margin-right: 0 !important;
	clear: right;
	margin-bottom: 0px;
	}
	ul.page-numbers li a, ul.page-numbers li span {
		font-size: 12px;
	}
	ul.page-numbers li {
		margin: 0 5px;
	}
	
	.widget-area-3.pull-left .widget-area-4 .widget-half-1, .widget-area-3.pull-left .widget-area-4 			.widget-half-2, .widget-area-3.pull-left .widget-area-6, .widget-area-3.pull-left .widget-area-7 {
	float: left;
	width: 100%;
	}
	 
	.post-description {
	float: left;
	width: 100%;
	margin-top: 16px;
	padding-left: 0px;
	}
	#footer-bottom {
	width: 300px;
	}
	.description2 {
	padding: 0px;
	float: left;
	width: 300px;
	}
	.home-blog{ width: 100%; float: left;}
	.widget-area-3 .widget-area-4 .widget-three-1, .widget-area-3 .widget-area-4 .widget-three-2, 	.widget-area-3 .widget-area-4 .widget-three-3{
	width: 100%;
	}
	.post-left .social.podijeli p {
	float: left;
	width: 120px;
	}
	.post-date {
	display: none;
	}
	.post-left {
	width: 100%;
	padding: 0px 0 6px;
	border-top-style: none;
	margin-top: -10px;
	}
	.footer-headline {
		background-image: none;
	}
	.widget-area-3 .widget-area-4 .widget-four-1, .widget-area-3 .widget-area-4 .widget-four-2, .widget-area-3 .widget-area-4 .widget-four-3, .widget-area-3 .widget-area-4 .widget-four-4  {
	width: 100%;
}	
}