
/* DESKTOP */
@media only screen and (max-width: 1300px) {
	
	body {
		overflow-x: hidden;
		overflow-y: auto;
	}

	.active.boxed {
		max-width: 100%;
	}
	
	.header-top-block > .wrapper {
		width: 100%;
	}
	
	.wrapper {
		max-width: 96%;
	}
	
	.search-header-bull i {
		right: 0;
	}
	
	#main-menu>ul>li>a {
		font-size: 13px;
		padding: 15px 10px 12px 10px;
	}
	
	#main-menu>ul>li>a span {
		padding: 15px 10px;
		margin: -15px -10px;
	}
	
	#main-menu>ul>li .sub-menu {
		padding-top: 50px;
		margin-top: -50px;
	}
	
	#main-menu>ul>li:hover>a span:after {
		height: 46px;
		line-height: 46px;
	}
	
	#main-menu>ul ul.sub-menu.ot-mega-menu:before {
		height: 50px;
	}
	
	#main-menu>ul>li:hover>a span {
		padding-right: 29px;
	}
	
	#main-menu>ul>li .sub-menu>li>a {
		padding: 10px 12px;
	}
	
	.header-blocks .header-blocks-logo a {
		padding-right: 30px;
	}
	
	.ot-follow-share {
		display: none;
	}
	
	#main-menu.otm.is-now-following>ul:before {
		height: 46px;
	}

}


/* TABLET */
@media only screen and (max-width: 1100px) {
	
	.header-breaking-news-block > strong {
		font-size: 14px;
		white-space: nowrap;
	}

}


/* TABLET */
@media only screen and (max-width: 1050px) {
	
	#footer .footer-classic .footer-copyright {
		display: block;
		text-align: center;
		float: none;
	}
	
	#footer .footer-classic .footer-copyright .footer-copyright-logo {
		display: block;
		padding: 0 0 20px 0;
		border: 0;
		border-bottom: 2px solid rgba(255,255,255,.14);
		margin: 0 0 20px 0;
	}
	
	#footer .footer-classic .footer-copyright .footer-copyright-content {
		display: block;
		padding: 0;
		margin: 0;
		float: none;
	}
	
	.footer-classic .footer-nav {
		float: none;
		display: block;
		text-align: center;
		margin-top: 20px;
	}
	
	.footer-classic .footer-nav li {
		padding: 0;
	}
	
	.footer-classic .footer-nav li a {
		margin: 5px 10px;
	}
	
	.huge-slider {
		height: 400px;
	}
	
	.huge-slider-content>strong {
		font-size: 40px;
	}
	
	.huge-slider-content {
		padding: 20px;
	}
	
	.huge-slider-frame:nth-child(2) .huge-slider-content>strong {
		font-size: 20px;
		margin-bottom: 10px;
	}
	
	.huge-slider-frame:nth-child(3) .huge-slider-content>strong,
	.huge-slider-frame:nth-child(4) .huge-slider-content>strong {
		font-size: 18px;
		margin-bottom: 10px;
	}

}


/* TABLET */
@media only screen and (max-width: 900px) {

	body, div, p, a, table, td {
		-webkit-text-size-adjust: none;
		letter-spacing: .015em;
	}
	
	.huge-slider {
		height: 300px;
	}
	
	.huge-slider-content>strong {
		font-size: 30px;
		margin-bottom: 0;
	}
	
	.huge-slider-content {
		padding: 20px;
	}
	
	.huge-slider-frame:nth-child(2) .huge-slider-content>strong {
		font-size: 20px;
		margin-bottom: 0;
	}
	
	.huge-slider-frame:nth-child(3) .huge-slider-content>strong,
	.huge-slider-frame:nth-child(4) .huge-slider-content>strong {
		font-size: 18px;
		margin-bottom: 0;
	}
	
	.huge-slider-content>.meta-items {
		display: none;
	}

}


/* PHONE */
@media only screen and (max-width: 840px) {
	
	.ot-responsive-menu-header {
		display: block;
	}

	#boxed {
		padding-top: 50px;
	}
	
	.sidebar,
	.ot-content-with-sidebar-right .ot-main-page-content {
		float: none;
		width: 100%;
		clear: both;
		margin-left: 0;
	}
	
	.sidebar {
		margin-top: 50px;
	}
	
	.sidebar:first-child {
		margin-bottom: 50px;
	}
	
	#main-menu {
		display: none;
	}
	
	.header-top-block > .wrapper {
		display: block;
	}
	
	.header-breaking-news-block {
		display: block;
		width: 100%;
		box-shadow: 0;
		padding-top: 20px;
		padding-bottom: 20px;
		line-height: 30px;
		border-bottom: 1px solid rgba(255,255,255,.2);
	}
	
	.header-breaking-news-block:after {
		display: block;
		clear: both;
		content: '';
	}
	
	.header-breaking-news-block .header-breaking-news-block-frame {
		border: 0;
	}
	
	.header-breaking-news-block > strong {
		display: none;
	}
	
	.header-breaking-news-block > .ot-breaking-news-controls {
		width: 54px;
	}
	
	.header-breaking-news-block > .ot-breaking-news-controls button {
		padding: 0 9px;
	}
	
	.header-breaking-news-block .header-breaking-news-block-frame {
		float: none;
		margin-left: 54px;
		width: auto;
	}
	
	.header-breaking-news-block {
		height: 80px;
		line-height: 60px;
	}
	
	.header-breaking-news-block > .ot-breaking-news-controls button,
	.header-breaking-news-block .header-breaking-news-block-frame {
		line-height: 40px;
		height: 40px;
	}
	
	.header-weather-block {
		display: block;
		float: none;
		clear: both;
		width: 100%;
		text-align: center;
		margin-top: -20px;
		padding: 0;
		height: auto;
		padding-bottom: 20px;
	}
	
	.header-weather-block .wi,
	.header-weather-block-deg {
		line-height: 50px;
	}
	
	.header-weather-block .header-weather-block-city {
		padding: 5px 0;
		text-align: left;
	}
	
	.header-blocks .header-blocks-logo {
		display: none;
	}
	
	.header-blocks .header-blocks-aspace {
		display: block;
		float: none;
		width: 100%;
		text-align: center;
	}
	
	.header-blocks .header-blocks-aspace a,
	.header-blocks .header-blocks-aspace {
		height: auto;
		line-height: 100%;
		padding: 5px 0;
	}
	
	.search-header-bull,
	.demo-settings,
	.ot-follow-share {
		display: none!important;
	}
	
	body, .shortcode-content p {
		font-size: 15px;
	}
	
	.ot-shortcode-social-icon {
		margin-bottom: 13px;
	}
	
	body {
		overflow-x: hidden;
		overflow-y: scroll;
	}
	
	.ot-block-content-vertical-slider-wrapper>.item .item-header {
		float: none;
		margin-bottom: 20px;
	}
	
	.ot-block-content-vertical-slider-wrapper>.item .item-content {
		margin-left: 0;
	}
	
	.ot-widget-article-list>.item .read-later-widget-btn {
		left: 10px;
		top: 10px;
		margin: 0;
	}
	
	.ot-articles-material-blog-list .item-header {
		padding-top: 25px;
		padding-left: 25px;
	}
	
	.ot-articles-material-blog-list .item.item-vertical .item-header {
		padding-left: 0;
		padding-top: 0;
	}
	
	.ot-articles-blog-list > .item.item-small .item-header {
		padding-right: 0;
	}
	
	.ot-articles-material-blog-list .item-header .item-header-image:after {
		display: none;
	}
	
	.photo-gallery-nav-left, .photo-gallery-nav-right {
		display: none;
	}
	
	.photo-gallery-thumbs-inner {
		margin-left: 0;
		overflow-x: scroll;
		overflow-y: hidden;
	}
	
	.photo-gallery-thumbs-inner:after,
	.photo-gallery-thumbs-inner:before {
		display: none;
	}
	
	.photo-gallery-frame .ot-content-block {
		padding: 30px;
	}
	
	.photo-gallery-frame .ot-content-block p {
		font-size: 15px;
	}
	
	#header-benavente #header-top-block nav.left {
		display: none;
	}
	
	.header-socials-top {
		float: none;
		text-align: center;
	}
	
	.header-socials-top li {
		display: inline-block!important;
		float: none!important;
	}
	
}


/* PHONE */
@media only screen and (max-width: 600px) {
	
	.huge-slider {
		height: auto;
	}
	
	.huge-slider-frame {
		float: none!important;
		display: block!important;
		height: 150px!important;
		width: 100%!important;
	}

	.newnaslovnica .huge-slider-frame{
		height: 260px!important;
	}
	
	.huge-slider-content>strong {
		font-size: 20px!important;
	}
	
	.article-head h1 {
		font-size: 20px;
	}
	
	.img-with-no-margin {
		margin: -21px -20px 20px;
	}
	
	.ot-main-panel-pager .page-numbers {
		margin-top: 5px;
		margin-bottom: 5px;
	}
	
	h1 {
		font-size: 20px;
	}
	
	h2 {
		font-size: 20px;
	}
	
	h3 {
		font-size: 18px;
	}
	
	h4 {
		font-size: 16px;
	}
	
	h5 {
		font-size: 14px;
	}
	
	h6 {
		font-size: 12px;
	}
	
	body,
	.shortcode-content p {
		font-size: 14px;
	}
	
	.pos-photo-gallery .item {
		width: 100%;
		float: none;
		margin-bottom: 15px;
		text-align: center;
		margin-left: auto;
		margin-right: auto;
	}
	
	.wrapper {
		max-width: 90%;
	}

	.demo-settings {
		display: none!important;
	}
	
	.ot-shortcode-accordion>div>a {
		padding-left: 21px;
	}
	
	.ot-shortcode-accordion>div>a:before {
		content: ''!important;
		display: none!important;
	}
	
	.ot-material-card-content {
		padding: 20px;
	}
	
	.shortcode-content .button.ot-shortcode-button {
		margin-bottom: 15px;
	}
	
	.shortcode-content ol,
	.shortcode-content ul {
		font-size: 15px;
	}
	
	.ot-shortcode-alert-message.alert-big strong {
		font-size: 16px;
	}
	
	.widget .do-space {
		padding: 0;
	}


	.ot-shortcode-tabs > ul li {
		counter-increment: section;
	}

	.ot-shortcode-tabs > ul li a {
		font-size: 0!important;
	}

	.ot-shortcode-tabs > ul li a:before {
		font-size: 14px!important;
		content: counter(section);
	}
	
	.ot-shortcode-tabs:not(.style-2)>ul>li a i.fa, .ot-shortcode-tabs:not(.style-2)>ul>li a i.ti {
		display: none;
	}
	
	.ot-shortcode-tabs:not(.style-2) {
		padding: 20px;
	}
	
	.ot-shortcode-tabs:not(.style-2)>div {
		margin-left: 0;
		padding: 0;
	}
	
	.ot-shortcode-tabs:not(.style-2)>div:before {
		display: none;
	}
	
	.ot-shortcode-tabs:not(.style-2)>ul {
		float: none;
		width: 100%;
		border: 0;
		padding-bottom: 10px;
		border-bottom: 2px solid #EFEFEF;
		margin-bottom: 20px;
	}
	
	.ot-shortcode-tabs:not(.style-2)>ul>li {
		border: 0;
		float: none;
		display: inline-block;
		width: auto;
		margin-bottom: 0;
	}
	
	.big-error-message h3 {
		font-size: 22px;
	}
	
	.big-error-message strong {
		font-size: 20px;
	}
	
	.ot-featured-author-block .ot-featured-author-header {
		display: block;
		float: none;
		width: 100%;
		margin-bottom: 40px;
	}
	
	.ot-featured-author-block .ot-featured-author-content {
		margin-left: 0;
	}

}


/* PHONE */
@media only screen and (max-width: 450px) {
	
	.photo-gallery-frame .photo-gallery-inner {
		min-height: 0;
		line-height: 100%;
	}
	
	.ot-articles-blog-list .item-header {
		display: block;
		float: none;
		width: 100%;
		margin-bottom: 20px;
	}
	
	.ot-articles-blog-list .item-content {
		margin-left: 0;
	}
	
	.ot-articles-blog-list .item-content h2 {
		font-size: 16px;
	}

	.article-review-verdict .otg-item {
		padding-top: 30px!important;
	}

	.article-review-verdict .otg-item:first-child {
		padding-top: 0!important;
	}
	
	.article-review-score {
		float: none;
		width: 100%;
		margin-bottom: 30px;
	}
	
	.article-review-content {
		padding-left: 0;
		margin-left: 0;
	}
	
	.about-author-block {
		text-align: center;
	}
	
	.about-author-block .otg-u-1 img {
		display: inline-block;
		width: 100px;
		margin-bottom: 25px;
		border-radius: 50%;
		overflow: hidden;
	}
	
	#comments li li .comment-block {
		padding-left: 0;
	}
	
	#comments .comment-text {
		margin-left: 70px;
	}
	
	#comments .comment-text .time-stamp {
		display: none;
	}
	
	.comment-info .material-icons {
		display: none;
	}
	
	.comments-big-message {
		width: 100%!important;
		padding: 20px 0;
	}
	
	.comments-big-message .material-icons, .comments-big-message i.fa {
		display: none;
	}
	
	.comments-big-message p,
	.comments-big-message strong {
		margin-left: 0;
		text-align: center;
	}
	
	.ot-widget-article-list>.item .item-header {
		padding: 15px;
		padding-right: 0;
	}
	
	.ot-widget-article-list>.item .item-header,
	.ot-widget-article-list>.item .item-content {
		box-shadow: inset 0 -1px 0 rgba(0,0,0,.1);
	}
	
	.ot-articles-material-blog-list .item-header {
		display: block;
		width: 100%;
		padding: 0;
		border-radius: 0;
	}
	
	.ot-articles-material-blog-list .item-content {
		display: block;
		width: 100%;
		margin-left: 0;
		padding: 15px;
		clear: both;
	}
	
	.ot-block-article-slider.ot-block-article-slider-large-text .item .item-content>strong,
	.ot-block-article-slider .item .item-content>strong {
		font-size: 13px;
		margin-bottom: 5px;
	}
	
	.ot-block-article-slider.ot-block-article-slider-large-text .item .item-content>.meta-items,
	.ot-block-article-slider .item .item-content>.meta-items {
		font-size: 12px;
	}
	
	.ot-block-article-slider.ot-block-article-slider-large-text .item .item-content,
	.ot-block-article-slider .item .item-content {
		padding: 10px;
	}
	
	.ot-title-block h2 {
		font-size: 16px;
	}

}











