@media only screen and (max-width:1600px) {
	.video-box iframe {
		height: 246px;
	}

	.video-holder {
		height: 246px;
	}
}

@media only screen and (max-width:1400px) {
	.top-menu .main-nav>nav>ul>li>ul>li {
		margin-right: 5vw;
	}

	.top-menu .main-nav>nav>ul>li>ul>li:last-child {
		margin-right: 0vw;
	}

	.top-menu .main-nav>nav>ul>li>ul>li>a {
		font-size: 50px;
		margin-bottom: 20px;
		display: block;
	}

	.video-box iframe {
		height: 226px;
	}

	.video-holder {
		height: 226px;
	}

	.right-content {
		width: 50%;
	}

	/* Obrisana klasa .choose-section .right-content h2, */
	.single-top-title h1,
	.contact-section h1 {
		font-size: 100px;
	}

	.anime-h h2 {
		font-size: 100px;
	}

	h2 {
		font-size: 56px;
	}

	.science-section h2 {
		width: 70%;
		margin-bottom: 30px;
	}

	section.partners p {
		width: 50%;
		font-size: 36px;
	}

	.about-section p {
		width: 50%;
	}

	.blog-section h2 {
		width: 70%;
	}


	.text-holder {
		width: 38%;
	}

	.functional-section .text-holder {
		width: 50%;
	}

	.quotes .text-holder {
		margin: 0;
		width: 35%;
	}

	.footer-mid p {
		width: 70%;
	}
}

@media only screen and (max-width:1300px) {
	.top-menu .main-nav>nav>ul>li>ul>li>a {
		font-size: 46px;
		margin-bottom: 20px;
		display: block;
	}

	.top-logo {
		width: 35%;
	}

	.top-menu-right {
		width: 65%;
	}


	.blog-img img {
		width: 100%;
		object-fit: cover;
		height: 400px;
	}

	.footer-right {
		width: 23%;
	}

	.tabs-section .uk-subnav-pill>*>:first-child {
		color: var(--darkblue);
		padding-left: 0;
		font-size: 16px;
		text-transform: none;
	}
}

@media only screen and (max-width:1200px) {
	.wide-pic.builder-pic img {
		width: 100%;
	}

	.grid.clients-grid {
		grid-template-columns: 1fr 1fr 1fr 1fr;
	}

	.pro-box p {
		font-size: 18px;
		width: 60%;
		margin: auto 0;
		font-size: 18px;
	}

	.pro-box span {
		font-size: 100px;
		width: 18%;
	}

	.grid.videos-grid {
		grid-template-columns: 1fr 1fr;
	}

	.grid.awards-grid {
		column-gap: 70px;
		row-gap: 30px;
	}

	header {
		height: 300px;
	}

	.page-template-default header {
		height: 150px;
	}

	.top-logo {
		width: 400px;
	}

	.top-logo img {
		width: 300px;
	}

	header.inside-header .top-logo img {
		width: 50px;
	}

	.wide-pic.opacity-back .pic-title {
		font-size: 100px;
	}

	.before-nav {
		display: none;
	}

	#menuBtn {
		display: block;
	}

	.accordion-head p {
		font-size: 100px;
	}

	.flex.flex-wide.mob-logo-close {
		display: block;
		width: 100%;
		margin-bottom: 20px;
	}

	#close-cover {
		float: right;
	}

	section {
		margin: 20px 0 40px;
	}

	.wide-pic {
		margin-bottom: 40px;
	}

	.choose-section .flex {
		flex-direction: column-reverse;
	}

	.choose-section .right-content,
	.choose-section .text-holder {
		width: 100%;
	}

	.top-menu-right {
		display: block;
		position: fixed;
		width: calc(100% - 20px);
		z-index: 100;
		background: var(--darkblue);
		transition: .4s all ease-in-out;
		height: 100vh;
		overflow-y: auto;
		top: 0;
		right: -100%;
		padding: 20px 10px;
	}

	.top-menu-right.active {
		right: 0;
		transition: .4s all ease-in-out;
	}

	header .top-menu .main-nav {
		display: block;
		width: 100%;
	}

	.top-menu .main-nav>nav>ul {
		padding: 0;
		display: block;
	}

	header .top-menu .main-nav>nav>ul>li {
		display: block;
		position: relative;
		border-bottom: 1px solid var(--white);
		margin-bottom: 10px;
	}

	header .top-menu .main-nav>nav>ul>li>a {
		color: var(--white);
		font-size: 26px;
		font-family: 'Matter', sans-serif;
		text-transform: uppercase;
		padding: 0;
		padding-bottom: 10px;
		display: block;

	}

	header .top-menu .main-nav>nav>ul>li>a:hover {
		text-decoration: none;
	}

	.top-menu .main-nav>nav>ul>li>ul {
		position: unset;
		background: var(--darkblue);
		padding: 20px 0 00px 40px;
	}

	.acc-btn2 {
		width: 25px;
		height: 25px;
		position: absolute;
		right: 0;
		top: 0;
		cursor: pointer;
	}

	.acc-btn2:hover {
		background: transparent;
	}

	.acc-btn2::before {
		content: '';
		width: 16px;
		height: 1px;
		background: var(--white);
		top: 12px;
		position: absolute;
		left: 0;
		transform: rotate(0deg);
		transition: .4s all ease-in-out;
	}

	.acc-btn2::after {
		content: '';
		width: 16px;
		height: 1px;
		background: var(--white);
		top: 12px;
		position: absolute;
		left: 0;
		transform: rotate(90deg);
		transition: .4s all ease-in-out;
		opacity: 1;
	}

	.acc-btn2:hover::after {
		background: #fff;
	}

	.acc-btn2:hover::before {
		background: #fff;
	}

	.acc-btn2.act-btn::before {
		transform: rotate(180deg);
		transition: .4s all ease-in-out;
		opacity: 0;
	}

	.acc-btn2.act-btn::after {
		transform: rotate(180deg);
		transition: .4s all ease-in-out;
	}

	.top-menu .main-nav>nav>ul>li>ul:before {
		display: none;
	}

	.top-menu .main-nav>nav>ul>li>ul:after {
		display: none;
	}

	.top-menu .main-nav>nav>ul>li>ul>li>a {
		font-size: 20px;
		margin-bottom: 10px;
		padding-bottom: 10px;
		display: block;
		color: var(--white);
		border-bottom: 1px solid var(--white);
	}

	.top-menu .main-nav>nav>ul>li:hover ul {
		display: none;
	}

	.top-menu .main-nav>nav>ul>li>ul>li {
		margin-right: 0;
		margin-bottom: 40px;
	}

	.top-menu .main-nav>nav>ul>li>ul>li>ul {
		display: block !important;
	}

	.top-menu .main-nav>nav>ul>li>ul>li>ul>li {
		margin-bottom: 15px;
	}

	.top-menu .main-nav>nav>ul>li>ul>li>ul>li>a {
		font-size: 14px;
		color: var(--white);
	}

	.lang {
		margin-left: 0;
		top: 0px;
		margin-top: 30px;
	}

	.lang a {
		font-size: 14px;
		color: var(--white);
	}

	.cat-post-box img {
		height: 230px;
	}
}

@media only screen and (max-width:1024px) {
	.pro-box p {
		font-size: 14px;
		width: 60%;
		margin: auto 0;

	}

	.pro-box span {
		font-size: 60px;
		width: 18%;
	}

	.cat-box h3 {
		font-size: 70px;
	}

	.choose-cat.grid {
		grid-template-columns: 1fr;
		row-gap: 15px;
		margin: 30px 0;
		width: 100%;
	}

	.science-section h2 {
		width: 100%;
		margin-bottom: 30px;
	}

	.product-section h2 {
		width: 100%;
	}

	.cat-box,
	.cat-box img {
		height: 280px;
	}

	.functional-section .text-holder {
		width: 100%;
	}

	.product-grid.grid {
		grid-template-columns: 1fr;
		row-gap: 30px;
		padding: 30px 0;
	}

	.product-box img {
		width: 100%;
		height: 280px;
		object-fit: cover;
		margin-bottom: 15px;
	}

	section.partners {
		padding: 60px 0;
	}

	section.partners p {
		width: 100%;
	}

	.about-section {
		padding: 30px 0;
	}

	.about-section h2 {
		width: 100%;
	}

	.about-section p {
		width: 100%;
	}

	.blog-section h2 {
		width: 100%;
	}

	.quotes {
		padding: 80px 0;
	}

	.quotes .text-holder {
		padding-top: 0;
	}

	.quotes .text-holder img {
		margin-bottom: 45px;
		width: 80px;
	}

	.blog-img img {
		height: 320px;
	}

	.blog-text {
		width: 48%;
	}

	.footer-bottom .copyright {
		width: 45%;
	}

	.footer-left img {
		display: block;
		margin-right: 0;
		margin-bottom: 20px;
	}

	.footer-left p {
		display: block;
		font-size: 14px;
		line-height: 1.7;
	}

	.footer-mid {
		width: 45%;
	}

	.email-holder {
		position: relative;
		width: 80%;
	}

	.footer-right {
		width: 20%;
	}

	.footer-right .social a {
		font-size: 14px;
		margin-right: 8px;
		margin-bottom: 20px;
		display: block;
	}

	.grid.awards-grid {
		grid-template-columns: 1fr 1fr;
	}
}

@media only screen and (max-width:767px) {
	#page-text div.grid img {
		height: auto;
	}

	.page-content ol {
		width: 100%;
	}

	.video-holder {
		height: 215px;
	}

	.video-box iframe {
		height: 215px;
	}

	#page-text figure figcaption.wp-caption-text {
		text-align: left;
		font-size: 12px;
		width: 95%;
		line-height: 1.2;
	}

	.share-post .soc-links a {
		margin-right: 25px;
	}

	.service-img-wide {
		margin: 40px 0;
	}

	.tabs-section .uk-subnav {
		grid-template-columns: 1fr;
		grid-gap: 25px;
		margin-bottom: 50px;
		padding: 0 20px;
	}

	.cat-box h3 {
		font-size: 54px;
	}

	.tabs-section.press-tabs {
		margin-bottom: 0;
	}

	.press-info {
		flex-direction: column;
	}

	.press-info a {
		font-size: 16px;
	}

	.press-info img {
		margin-top: 15px;
	}

	.grid.videos-grid {
		grid-template-columns: 1fr;
	}

	.grid.awards-grid {
		grid-template-columns: 1fr;
	}

	.single-top-title {
		margin-top: 0px;
	}

	.services-top-title {
		margin: 0 0 50px !important;
	}

	header.inside-header .top-logo img {
		width: 45px;
	}

	#page-text p,
	#page-text h2,
	#page-text h3 {
		width: 100%;
	}

	#page-text p img,
	#page-text div img {
		margin: 20px 0;
		width: 100%;
	}

	.single-top-pic {
		margin-bottom: 30px;
	}

	header {
		height: 200px;
	}

	.flex-top {
		display: flex;
		flex-direction: column;
	}

	.page-template-default header {
		height: 90px;
	}

	.flex-top .wide-pic {
		margin-bottom: 40px;
	}

	/* nn promena */
	.flex-top .single-top-title {
		/* margin-bottom: 40px !important; */
		margin-bottom: 0px !important;
	}

	.top-logo {
		width: 220px;
	}

	.top-logo img {
		width: 200px;
	}

	.wide-pic.opacity-back .pic-title {
		font-size: 54px;
	}

	.tabs-section .uk-subnav>* {
		width: 100%;
		margin-bottom: 15px;
	}

	.cat-post-box img {
		height: 220px;
	}

	.cat-post-boxes.grid {
		grid-template-columns: 1fr;
		column-gap: 35px;
		width: 100%;
	}

	.contact-flex .newsletter {
		display: none;
	}

	.msg-input-box {
		width: 100%;
	}

	.contact-flex {
		margin: 50px 0;
	}

	.info-contact {
		display: none;
	}

	#menuBtn {
		right: 0;
		top: 15px;
	}

	#close-cover {
		right: 8px;
		top: 12px;
		position: absolute;
	}

	h1,
	.choose-section .right-content h2 {
		font-size: 60px;
	}

	.single-top-title h1,
	.contact-section h1,
	.services-top-title h1,
	.about-top-title h1 {
		font-size: 40px;
	}

	.about-top-title {
		padding: 0px;
		margin: 0;
	}

	.about-top-title h1 {
		width: 100%;
	}

	.grid.gallery-grid {
		grid-template-columns: 1fr;
	}

	.single-current {
		padding: 40px 0 50px;
		border-bottom: 1px solid var(--darkblue);
	}

	.single-current .simple-link,
	.other-cat-section .simple-link {
		font-size: 42px;
	}

	.other-cat-section {
		border-bottom: 1px solid var(--darkblue);
		padding: 40px 0 20px;
	}

	.other-cat-section .simple-link {
		padding-bottom: 20px;
		margin-bottom: 20px;
		width: 100%;
	}

	.current-cat {
		font-size: 12px;
	}

	.cat-box,
	.cat-box img {
		height: 220px;
	}

	h2 {
		font-size: 32px;
	}

	.next-prev a {
		font-size: 14px;
	}

	.text-holder {
		width: 100%;
	}

	.right-content {
		width: 100%;
	}

	.anime-h {
		padding: 20px 0;
	}

	.anime-h h2 {
		font-size: 60px;
	}

	.product-section {
		border-top: 1px solid var(--darkblue);
		border-bottom: 1px solid var(--darkblue);
		padding: 30px 0;
	}

	.product-grid.grid {
		padding: 0;
	}

	.product-box a {
		font-size: 20px;
	}

	section.partners {
		padding: 30px 0;
		border-top: none;
		border-bottom: none;
	}

	.partners-grid.grid {
		grid-template-columns: 1fr 1fr;
		row-gap: 30px;
	}

	.about-section {
		padding: 30px 0;
		background: var(--gray);
		margin-bottom: 0;
	}

	p {
		font-size: 14px;
	}

	a.simple-link {
		font-size: 14px;
	}

	.quotes {
		padding: 30px 0;
		margin-top: 0;
	}

	.quotes .flex {
		flex-direction: column-reverse;
	}

	.quotes .text-holder {
		width: 100%;
	}

	.quotes .text-holder img {
		display: none;
	}

	.quotes .right-content {
		width: 100%;
	}

	.quotes .right-content img {
		margin-bottom: 30px;
	}

	.blog-boxes {
		margin-top: 0;
	}

	.blog-box {
		border-top: none;
		padding: 50px 0;
	}

	.blog-img {
		width: 100%;
	}

	.blog-img img {
		height: unset;
	}

	.blog-text {
		width: 100%;
		margin-left: 0;
	}

	.blog-title {
		font-size: 18px;
		font-weight: 400;
		margin-bottom: 20px;
		display: block;
		margin-top: 20px;
	}

	footer {
		padding: 0px 0 30px;
		border-top: none;
		margin-top: 50px;
	}

	.mob-newsletter {
		display: block;
	}

	.footer-left {
		width: 100%;
		margin-top: 50px;
		margin-bottom: 30px;
		border-bottom: 1px solid var(--darkblue);
	}

	.footer-mid {
		width: 100%;
		margin-bottom: 30px;
	}

	.footer-mid p {
		margin-bottom: 15px;
	}

	.footer-right {
		width: 100%;
	}

	.footer-bottom {
		margin-top: 20px;
	}

	.footer-bottom .copyright {
		width: 100%;
		padding-bottom: 15px;
		margin-bottom: 15px;
		position: relative;
	}

	.footer-bottom .copyright:after {
		content: "";
		background: var(--darkblue);
		height: 1px;
		position: absolute;
		bottom: 0;
		left: 0;
		width: 25%;
	}

	.top-menu {
		padding: 15px 0;
	}

	.top-logo img {
		width: 200px;
	}

	.top-menu-right {
		height: 100vh;
		z-index: 1000;
		padding: 10px 15px 200px;
		width: calc(100% - 30px);
	}

	.top-menu-right:after {
		content: " ";
		background: var(--darkblue);
		left: 0;
		right: 0;
		bottom: 0;
		height: 52px;
	}

	.filter-btn {
		margin-bottom: 50px;
		border-bottom: 1px solid var(--darkblue);
		width: 100%;
	}

	.filter-drop {
		width: 100%;
	}

	.services-intro .right-content {
		width: 100%;
	}

	.services-intro .text-holder {
		margin-bottom: 40px;
	}

	.about-section.services-about {
		background: none;
		padding: 0px 0 20px;
		border-top: none;
		border-bottom: 1px solid var(--darkblue);
	}

	.about-section.services-about h2,
	.about-section.services-about p {
		width: 100%;
	}

	.accordion-head {
		padding: 15px 0;
	}

	.accordion-head p {
		font-size: 44px;
	}

	span.acc-btn {
		width: 32px !important;
		height: 32px;
		border: 1px solid var(--darkblue);
	}

	span.acc-btn::before {
		width: 15px;
		height: 1px;
		top: 16px;
		left: 9px;
	}

	span.acc-btn::after {
		width: 15px;
		height: 1px;
		top: 16px;
		left: 9px;
	}

	.acc-top-txt {
		width: 100%;
	}

	.grid.acc-grid {
		grid-template-columns: 1fr;
	}

	.acc-box img {
		margin-bottom: 15px;
	}

	.acc-box h3 {
		font-size: 20px;
	}

	.open .accordion-content {
		padding-bottom: 10px;
	}

	section.partners.services-awards {
		border-bottom: none;
		padding: 0 0 30px;
		border-top: none;
	}

	.section-process,
	.services-info {
		border-bottom: 1px solid var(--darkblue);
		padding: 40px 0 40px;
	}

	.section-process h3 {
		font-size: 32px;
	}

	.grid.process-grid {
		margin-top: 30px;
		grid-template-rows: unset;
		grid-template-columns: 1fr;
		grid-auto-flow: row;
	}

	.pro-box p {
		font-size: 14px;
		width: 75%;
		margin: auto 0;
	}

	.services-info h2 {
		width: 100%;
	}

	.services-info .right-content {
		width: 100%;
	}

	.services-about h2 {
		width: 100%;
	}

	.services-about .flex {
		flex-direction: column-reverse;
	}

	.services-about .simple-link {
		width: 100%;
		margin-bottom: 25px;
	}

	.services-about .text-holder {
		width: 100%;
		margin-bottom: 0;
		margin-top: 0px;
	}

	.services-about .about-wide-img {
		margin: 15px 0 40px;
	}

	.grid.clients-grid {
		width: 100%;
		grid-template-columns: 1fr 1fr;
		column-gap: 15px;
		row-gap: 15px;
	}

	.services-outro .flex {
		flex-direction: column-reverse;
	}

	.outro-img {
		width: 100%;
	}

	.services-outro .text-holder {
		width: 100%;
		margin-bottom: 40px;
	}

	.services-outro .text-holder h2 {
		width: 100%;
		margin-bottom: 30px;
	}

	section.services-outro {
		margin: 20px 0 0px;
	}

	header.inside-header .top-menu .flex {
		padding-bottom: 10px;
		border-bottom: none;
	}

	.about-intro .text-holder {
		margin-bottom: 40px;
	}

	.about-page-info {
		padding: 0 0 40px;
	}

	.about-page-info .text-holder {
		width: 100%;
	}

	.about-page-info .right-content {
		width: 100%;
	}

	.partners.about-awards {
		padding: 0 0 30px;
	}

	.about-yacht {
		padding: 20px 0 50px;
		border-bottom: none;
	}

	.about-page-info .text-holder h3,
	.about-yacht h3,
	.lectures h3 {
		font-size: 24px;
	}

	.grid.yacht-grid {
		margin-top: 0;
		grid-template-columns: 1fr;
		column-gap: 34px;
		row-gap: 30px;
	}

	.lectures {
		padding: 0px 0 40px;
	}

	.lectures a {
		font-size: 14px;
		padding: 10px 0;
	}

	.lectures .simple-link {
		font-size: 14px;
		margin-top: 40px;
	}

	.our-team {
		padding: 20px 0 10px;
		border-bottom: none;
	}

	.our-team h2 {
		margin-bottom: 30px;
	}

	.our-team p {
		width: 100%;
	}

	.about-outro,
	.videos-content {
		margin-bottom: 0;
		padding-bottom: 40px;
		border-bottom: 1px solid var(--darkblue);
	}

	.about-outro .links-flex {
		flex-direction: column;
	}

	.about-outro .links-flex .simple-link:first-child {
		margin-bottom: 35px;
	}

	.quotes.services-quotes .flex,
	.quotes.about-quotes .flex {
		flex-direction: column;
	}

	.quotes.services-quotes .text-holder img,
	.quotes.about-quotes .text-holder img {
		display: block;
	}

	.quotes.services-quotes .right-content img,
	.quotes.about-quotes .right-content img {
		margin-bottom: 0;
	}

	.awards-top-title,
	.small-top-title {
		margin-top: 0px;
	}

	.awards-top-title h1,
	.small-top-title h1 {
		width: 100%;
		font-size: 32px;
	}

	section.awards-acc {
		margin: 40px 0 0;
	}

	.awards-acc .accordion-head p {
		margin-bottom: 0;
		font-size: 16px;
		width: 85%;
	}

	.awards-acc span.acc-btn {
		width: 30px !important;
		height: 30px;
		border: 1px solid var(--darkblue);
	}

	.awards-acc span.acc-btn::before {
		width: 15px;
		height: 1px;
		top: 15px;
		left: 8px;
	}

	.awards-acc span.acc-btn::after {
		width: 15px;
		height: 1px;
		top: 15px;
		left: 8px;
	}

	.awards-acc .accordion-head {
		padding: 10px 0;
	}

	.award-img img {
		width: 65%;
	}

	.mob-filter {
		display: block;
	}

	.filter-btn {
		display: none;
	}

	.filter-drop {
		display: none;
	}

	.filter-btn#mobFilter {
		display: block;
		padding: 15px 0;
		margin: 0 15px 20px;
		width: calc(100% - 30px);
	}

	.filter-btn#mobFilter:after {
		left: 25%;
		-webkit-transform: translate(0%, 20%);
		transform: translate(0%, 20%);
	}

}