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

}

@media only screen and (max-width: 1240px) {
	.logo svg {
		width: 130px;
		height: auto;
	}
	.top-nav li a {
		font-size: 12px;
	}
	.top-nav li {
		padding: 46px 10px;
	}
	.top-nav {
		margin: 0 0 0 15px;
	}
	.header-phone svg {
		margin-right: 0px;
	}
	.header-phone {
		margin-right: 20px;
	}
}

@media only screen and (min-width: 992px) {
	.gamburger {
		display: none;
	}
	.mobile-menu {
		display: none;
	}
	.close-top-nav {
		display: none;
	}
	.top-nav li.has-ul:hover ul {
		display: block;
	}
	.top-nav li.has-ul:hover > a:after {
		transform: rotate(180deg);
	}
	.ul-prev {
		display: none;
	}
	.no-link {
		display: none;
	}


}

@media only screen and (max-width: 991px) {
	.center {
		overflow-x: hidden;
		padding: 0 0 50px 0;
	}
	.container {
        padding-left: 10px;
		padding-right: 10px;
    }
	.row {
		margin-right: -5px;
		margin-left: -5px;
	}
	.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl, .col-xl-auto {
		padding-left: 5px;
		padding-right: 5px;
	}
	header .container {
		height: 52px;
		position: relative;
	}
	.top-nav {
		display: none;
	}
	.header-langs {
		display: none;
	}
	.logo {
		position: absolute;
		margin: auto;
		left: 0;
		right: 0;
		width: 162px;
	}

	.gamburger {
		height: 24px;
	}
	.gamburger svg path {
		fill: #000;
	}
	body.oy-hidden {
        overflow: hidden;
    }
	.cn-layer {
		 position: fixed;
		   z-index: 99;
		   height: 100%;
		   width: 100%;
		   background: rgba(0,0,0, 0.6);
		   right: 0;
		   left: 0;
		   top: 0;
           will-change: opacity;
		   visibility: hidden;
		   opacity: 0;
		 -webkit-transition: opacity .5s, visibility .2s;
		 -o-transition: opacity .5s, visibility .2s;
		 transition: opacity .5s, visibility .2s;

	 }
	.cn-layer.active {
		opacity: 1;
		visibility: visible;

	}
	.mobile-menu {
		position: fixed;
        width: calc(100% - 60px);
        top: 0;
        display: flex;
		flex-direction: column;
        height: 100%;
        min-height: 100%;
        overflow: hidden;
        z-index: 10;
        background: #fff;
        margin: 0;
        left: 0;
        right: 0;
		z-index: 11111;
        padding-right: 0;
        max-height: 100%;
        padding-bottom: 0;
        will-change: transform;
        -webkit-transform: translateX(-100%);
        -ms-transform: translateX(-100%);
        transform: translateX(-100%);
        -webkit-transition: -webkit-transform .4s;
        transition: -webkit-transform .4s;
        -o-transition: transform .4s;
        transition: transform .4s;
        transition: transform .4s, -webkit-transform .4s;
	}
	.mobile-menu.active {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
	.mobile-menu-container {
		padding-top: 84px;
		padding-left: 20px;		
		padding-right: 20px;		
	}
	.mobile-menu .logo {
		top: 20px;
	}
	.close-top-nav {
		display: none;
	}
	.close-top-nav.active {
		top: 10px;
		right: 10px;
		width: 40px;
		height: 40px;
		border-radius: 12px;
		background: rgba(66, 176, 213, 1);
		position: fixed;
		display: flex;
		align-items: center;
		justify-content: center;
		z-index: 999;
	}
	.close-top-nav svg {
		width: 18px;
		height: auto;
	}
	.close-top-nav svg path {
		fill: #fff;
	}
	.mobile-menu .top-nav {
		display: block;
		margin: 0;
	}
	.top-nav li {
		text-align: center;
		padding: 0;
		border-top: 1px solid rgba(229, 229, 229, 1);
	}
	.top-nav li:last-child {
		margin-bottom: 0;
		border-bottom: 1px solid rgba(229, 229, 229, 1);
	}
	.top-nav li a {
		display: flex;
		align-items: center;
		height: 50px;
		font-size: 14px;
		line-height: 150%;
		font-weight: 600;
		white-space: break-spaces;
        text-align: left;
        line-height: 1;
	}
	.top-nav li.has-ul > a:after {
		top: calc(50% - 3px);
		transform: rotate(-90deg);
	}
	.top-nav li.has-ul.pok ul {
		display: block;
		position: relative;
		left: 0;
		top: 0;
		width: 100%;
		background: #fff;
		border-radius: 0;
		padding: 0 20px 20px 20px;
		box-shadow: none;
		margin-top: 0;
        margin-bottom: 0;
		position: fixed;
        height: 100%;
		z-index: 11112;
	}
	.ul-prev {
		display: flex;
		height: 84px;
		align-items: center;
		font-size: 20px;
		font-weight: 600;
	}
	.ul-prev svg {
		margin-right: 10px;
	}
	.top-nav li.has-ul ul li.no-link {
		border-top: 0;
		margin-bottom: 0;
	}
	.top-nav li.has-ul ul li a {
		font-size: 14px;
		line-height: 1;
		font-weight: 600;
		color: #000;
	}
	.top-nav li.has-ul ul li a:before {
		content: '-';
		margin-right: 5px;
	}
	.mobile-menu .header-langs {
		display: flex;
	}
	.header-langs .bootstrap-select > .dropdown-toggle {
		height: 50px;
	}
	.mobile-menu-container2 {
		display: flex;
		align-items: center;
		justify-content: space-between;
		flex-direction: row-reverse;
        margin-top: 30px;
		padding: 0 20px;
	}
	.header-phone {
		display: none;
	}
	.mobile-menu-container2 .header-phone {
		display: flex;
		margin-left: 0;
	}
	
	
	.banner-on-main {
		padding-top: 10px;
		padding-bottom: 50px;
	}
	.banner-on-main-item {
		flex-direction: column-reverse;
	}
	.banner-on-main-item-left {
		-ms-flex: 0 0 100%;
			flex: 0 0 100%;
		max-width: 100%;
		margin-top: 20px;
	}
	.banner-on-main-item-right {
		-ms-flex: 0 0 100%;
			flex: 0 0 100%;
		max-width: 100%;
	}
	.banner-on-main-item-right a {
		border-radius: 16px;
	}
	.banner-on-main-item-right img {
		width: 100%;
	}
	.bom-text-1 {
		font-size: 30px;
		line-height: 110%;
	}
	.bom-text-2 {
		font-size: 18px;
		line-height: 135%;
	}
	.bom-text-3 {
		font-size: 16px;
		line-height: 150%;
		margin-top: 15px;
	}
	.bom-button {
		height: 50px;
		padding: 0 10px;
		display: flex;
		border-radius: 100px;
		font-size: 14px;
		margin-top: 15px;
	}
	.services-main-row {
        padding-bottom: 10px;
		flex-wrap: nowrap;
		display: flex;
		overflow-x: auto;
		scrollbar-width: thin;          /* Firefox */
		scrollbar-color: #999 #eee;     /* Firefox */
		-webkit-overflow-scrolling: touch; /* плавный скролл iOS */
    }
	/* Chrome, Safari */
	.services-main-row::-webkit-scrollbar {
		height: 6px;
	}
	.services-main-row::-webkit-scrollbar-track {
		background: #eee;
		border-radius: 3px;
	}
	.services-main-row::-webkit-scrollbar-thumb {
		background: #999;
		border-radius: 3px;
	}
	
	.services-main-row .col-lg-3 {
		width: 260px;
		min-width: 260px;
		margin-bottom: 0;
	}
	.services-item img {
		max-width: 100%;
	}
	.services-item {
		border-radius: 16px;
	}
	.services-title {
		margin-top: 50px;
		font-size: 22px;
	}
	.servises-mimi-row {
		margin-top: 50px;
	}
	.servises-mimi-row .col-lg-3 {
		margin-bottom: 10px;
	}
	.servises-mimi-row .col-lg-3:last-child {
		margin-bottom: 0;
	}
	.smr-item {
		min-height: 90px;
		padding: 16px 16px 16px 86px;
		position: relative;
		border-radius: 16px;
		display: flex;
        justify-content: center;
        flex-direction: column;
	}
	.smr-item div:nth-child(1) {
		position: absolute;
		left: 16px;
		top: 0;
		bottom: 0;
		margin: auto;
		display: flex;
		align-items: center;
	}
	.smr-item div:nth-child(2) {
		font-size: 24px;
		margin-top: 0;
	}
	.smr-item div:nth-child(3) {
		font-size: 14px;
	}
	.servises-bottom-row .col-lg-6 {
		padding-left: 5px;
		padding-right: 5px;
		font-size: 14px;
	}
	.servises-bottom-row .col-lg-6:nth-child(2) {
		margin-top: 20px;
	}
	.calculate-cost-container {
		border-radius: 16px;
		padding: 20px;
		display: block;
		text-align: center;
	}
	.calculate-cost-container div {
		font-size: 16px;
	}
	.calculate-cost-container a {
		width: 100%;
		font-size: 14px;
		height: 50px;
		margin-top: 20px;
	}
	.why-us {
		margin-top: 50px;
		padding-top: 50px;
		padding-bottom: 50px;
	}
	.why-us-title-mini {
		font-size: 18px;
		line-height: 135%;
	}
	.why-us-title-big {
		font-size: 30px;
		line-height: 110%;
		margin-top: 10px;
	}
	.why-us-row {
		margin-top: 30px;
	}
	.why-us-row .col-lg-3 {
		margin-bottom: 10px;
	}
	.why-us-row .col-lg-3:last-child {
		margin-bottom: 0;
	}
	.why-us-item {
		padding: 16px 16px 16px 64px;
		position: relative;
		border-radius: 16px;
		display: flex;
        justify-content: center;
        flex-direction: column;
	}
	.why-us-item div:nth-child(1) {
		position: absolute;
		left: 16px;
		top: 16px;
		bottom: 0;
		margin: auto;
	}
	.why-us-item div:nth-child(1) svg {
		width: 32px;
		height: auto;
	}
	.why-us-item div:nth-child(2) {
		font-size: 16px;
		line-height: 150%;
		margin-top: 0;
	}
	.why-us-item div:nth-child(3) {
		font-size: 14px;
		margin-top: 5px;
	}
	.order-a-service-1 {
		margin-top: 50px;
		border-radius: 16px;
		padding: 50px 30px;
		height: auto;
		display: block;
		background-size: 200% 100%;
		background-repeat: no-repeat;
		background-position-x: 30%;
	}
	.order-a-service-1-left {
		max-width: 100%;
	}
	.order-a-service-1-left span:nth-child(1) {
		font-size: 18px;
	}
	.order-a-service-1-left span:nth-child(2) {
		font-size: 14px;
		margin-top: 10px;
	}
	.order-a-service-1-right a {
		height: 50px;
		margin-top: 20px;
		width: 100%;
		font-size: 14px;
	}
	.order-a-service-2 {
		margin-top: 20px;
		padding: 50px 20px;
		border-radius: 16px;
	}
	.order-a-service-2 div:nth-child(1) {
		font-size: 22px;
	}
	.order-a-service-2 div:nth-child(2) {
		font-size: 16px;
		line-height: 150%;
		margin-top: 10px;
	}
	.order-a-service-2 a {
		height: 50px;
		margin-top: 20px;
		width: 100%;
		font-size: 14px;
	}
	.footer {
		text-align: center;
	}
	.footer-top {
		padding-top: 40px;
	}
	.footer .logo {
		position: relative;
	}
	.footer .col-lg-4 {
		margin-bottom: 25px;
	}
	.footer .col-lg-3 {
		margin-top: 25px;
	}
	.footer-top-ul li {
		margin-bottom: 10px;
	}
	.fc-map {
		justify-content: center;
		margin-bottom: 10px;
	}
	.contact-page .fc-map {
		justify-content: flex-start;
	}
	.fc-phone {
		font-size: 18px;
		line-height: 150%;
	}
	.clock-work div:nth-child(1) {
		justify-content: center;
	}
	.socials {
		justify-content: center;
	}
	.footer-bottom {
		margin-top: 20px;
		padding-top: 20px;
		padding-bottom: 20px;
	}
	.footer .footer-bottom .col-lg-4 {
		margin-bottom: 0;
	}
	.footer .footer-bottom .col-lg-3 {
		margin-top: 10px;
	}
	.map-container {
		height: 200px;
	}
	.contact-row-1 {
		margin-top: 50px;
		margin-bottom: 50px;
	}
	.contact-left-title {
		font-size: 24px;
	}
	.contact-left-place {
		font-size: 14px;
		margin-top: 10px;
	}
	.contact-left-phone-title {
		font-size: 12px;
		margin-top: 24px;
	}
	.contact-left-phone {
		font-size: 24px;
		line-height: 120%;
	}
	.contact-left-email-title {
		font-size: 12px;
		margin-top: 10px;
	}
	.contact-left-email {
		font-size: 14px;
		line-height: 150%;
	}
	.send-us-button {
		height: 50px;
		font-size: 14px;
		width: 100%;
	}
	.send-us-block {
		margin-top: 24px;
	}
	.form-group {
		padding: 6px 15px;
		margin-bottom: 10px;
	}
	.form-group label {
		font-size: 12px;
	}
	.form-control {
		font-size: 14px;
		height: 21px;
	}
	.one-new-container-text-block {
		padding: 50px 0;
	}
	.one-new-container-date-and-theme {
		font-size: 14px;
		flex-wrap: wrap;
	}
	.one-new-container-text-block-title {
		font-size: 24px;
		margin-top: 10px;
	}
	.one-new-container-text-block-text {
		margin-top: 30px;
	}
	.read-to-title {
		font-size: 24px;
		line-height: 100%;
		margin-bottom: 10px;
	}
	.research-row .col-lg-4 {
		margin-top: 10px;
	}
	.research-item {
		border-radius: 16px;
		padding: 20px;
		height: 200px;
	}
	.research-item-absolute-stock span:nth-child(1) {
		font-size: 12px;
	}
	.research-item-absolute-stock span:nth-child(2) {
		font-size: 16px;
		line-height: 120%;
	}
	.research-item.active .research-item-absolute {
		background: rgba(10, 89, 151, 1);
	}
	.research-item.active .research-item-absolute-hover {
		opacity: 1;
		visibility: visible;
		max-height: 300px;
	}
	.research-item-absolute-hover span {
		margin-top: 5px;
		font-size: 12px;
	}
	.research-item-absolute-hover div {
		margin-top: 10px;
		font-size: 12px;
	}
	.read-to {
		margin-bottom: 50px;
	}
	.research-item-absolute {
		padding: 20px;
	}
	.research-item-absolute-hover div b {
		min-width: 30px;
		min-height: 30px;
		margin-right: 10px;
	}
	.another-page-title {
		font-size: 24px;
	}
	#researchTab {
		margin-top: 16px;
	}
	#researchTabContent {
		margin-top: 5px;
	}
	.page-link.page-link-next {
		margin-left: 5px;
		width: 32px;
		height: 32px;
	}
	.page-link.page-link-prev {
		margin-right: 5px;
		width: 32px;
		height: 32px;
	}
	.page-link.page-link-next span, .page-link.page-link-prev span {
		display: none;
	}
	.page-link.page-link-next svg, .page-link.page-link-prev svg {
		margin: 0;
	}
	.page-link {
		width: 32px;
		height: 32px;
		border-radius: 8px;
	}
	.pagination {
		margin-top: 15px;
	}
	.banner-about {
		padding-top: 10px;
		padding-bottom: 50px;
	}
	.banner-about-item {
		flex-direction: column-reverse;
	}
	.banner-about-item-left {
		-ms-flex: 0 0 100%;
			flex: 0 0 100%;
		max-width: 100%;
		margin-top: 20px;
	}
	.banner-about-item-right {
		-ms-flex: 0 0 100%;
			flex: 0 0 100%;
		max-width: 100%;
	}
	.banner-about-item-right a {
		border-radius: 16px;
	}
	.banner-about-item-right img {
		width: 100%;
	}
	.boi-text-1 {
		font-size: 30px;
		line-height: 110%;
	}
	.boi-text-2 {
		font-size: 18px;
		line-height: 135%;
		margin-top: 5px;
	}
	.boi-text-3 {
		font-size: 16px;
		line-height: 150%;
		margin-top: 15px;
	}
	.banner-about .servises-mimi-row {
		margin-top: 30px;
	}
	.our-history {
		padding: 50px 0;
	}
	.our-history-row-1-text-1 {
		font-size: 22px;
	}
	.our-history-row-1-text-2 {
		font-size: 18px;
		line-height: 150%;
		margin-top: 10px;
	}
	.our-history-row-1-text-3 {
		font-size: 14px;
		line-height: 150%;
	}
	.our-history-row-1-text-3 p {
		margin-bottom: 10px;
	}
	.our-history-row-2 .col-auto {
		margin-bottom: 10px;
		width: 100%;
	}
	.our-history-row-2 .col-auto:last-child {
		margin-bottom: 0;
	}
	.our-team {
		padding: 50px 0;
	}
	.our-team-title {
		font-size: 22px;
	}
	.our-team-row-1 {
		margin-top: 20px;
	}
	.our-team-row-1 .col-lg-6 {
		padding-left: 5px;
		padding-right: 5px;
		font-size: 14px;
		line-height: 150%;
	}
	.our-team-row-1 .col-lg-6:last-child {
		margin-top: 10px;
	}
	.our-team-img {
		margin: 50px auto;
	}
	.operating-principles-title {
		font-size: 22px;
	}
	.operating-principles-row {
		margin-top: 20px;
	}
	.operating-principles-item {
		padding: 10px 10px 10px 44px;
		position: relative;
		border-radius: 16px;
		display: flex;
        justify-content: center;
        flex-direction: column;
		align-items: flex-start; 
		text-align: left;
	}
	.operating-principles-item svg {
		position: absolute;
		left: 0;
		top: 10px;
		margin: auto;
		display: flex;
		align-items: center;
		width: 32px;
		height: 32px;
	}
	.operating-principles-item div:nth-child(2) {
		font-size: 14px;
		margin-top: 0;
	}
	.operating-principles-item div:nth-child(3) {
		font-size: 14px;
	}
	.licenses-and-documents .container {
		padding: 50px 10px;
	}
	.licenses-and-documents-title-1 {
		font-size: 30px;
		line-height: 110%;
	}
	.licenses-and-documents-title-2 {
		font-size: 16px;
		line-height: 160%;
		margin-top: 15px;
	}
	.licenses-and-documents-title-3 {
		font-size: 16px;
		line-height: 150%;
		margin-top: 15px;
	}
	.licenses-and-documents-ul {
		margin-top: 15px;
	}
	.licenses-and-documents-ul li a {
		padding: 9px 20px;
		font-size: 14px;
	}
	.modal-content {
		padding: 50px 20px 20px 20px;
	}
	button.close {
		right: 10px;
		top: 10px;
	}
	.calculation-title-1 {
		font-size: 22px;
	}
	.calculation-title-2 {
		font-size: 14px;
		line-height: 150%;
		margin-top: 10px;
	}
	.calculation-row {
		margin-top: 15px;
	}
	.calculation-checkbox {
		margin-top: 10px;
	}
	.calculation-button {
		height: 50px;
		font-size: 14px;
		margin-top: 20px;
		width: 100%;
	}
	.modal {
		padding-right: 0!important;
	}
	.modal-dialog {
		margin-top: 30px;
	}
	.form-group .bootstrap-select.btn-group .dropdown-toggle .filter-option {
		font-size: 14px;
	}
	.marine-advantages {
		margin-top: 30px;
	}
	.marine-advantages-item div + div {
		font-size: 14px;
		line-height: 130%;
		margin-top: 0;
	}
	.marine-advantages .col-lg-4 {
		margin-bottom: 30px;
	}
	.marine-advantages-button {
		height: 50px;
        padding: 0 10px;
        font-size: 14px;
        margin-top: 0;
	}
	.what-does-it-include {
		padding: 40px 0;
	}
	.what-does-it-include-text-1 {
		font-size: 22px;
	}
	.what-does-it-include-text-2 {
		font-size: 14px;
		line-height: 130%;
		margin-top: 20px;
	}
	.detailed-service-description div[style*="flex: 1"] {
		max-width: 100% !important;
		min-width: 100% !important;
	}
	.detailed-service-description {
		margin-top: 50px;
	}
	.detailed-service-description div[style*="max-width: 1200px"] {
		padding: 0!important;
	}
	.detailed-service-description h2 {
		margin-bottom: 20px !important;
		font-size: 24px !important;
	}
	.detailed-service-description div[style*="padding: 40px 30px"] h3 {
		font-size: 16px !important;
	}
	.detailed-service-description div[style*="padding: 40px 30px"] p {
		font-size: 14px !important;
		line-height: 150%!important;
		margin-bottom: 10px !important;
	}
	.detailed-service-description div[style*="padding: 40px 30px"] h4 {
		font-size: 14px !important;
	}
	.detailed-service-description div[style*="padding: 40px 30px"] ul {
		font-size: 12px!important;
	}
	.detailed-service-description div[style*="padding: 40px 30px"] ul li {
		padding-left: 10px!important;
	}
	.work-process {
		margin-top: 50px;
	}
	.work-process-title {
		font-size: 22px;
	}
	.work-process-row {
		margin-top: 20px;
	}
	.work-process-row .col-lg-4 .work-process-item:nth-child(1) {
		margin-bottom: 50px;
	}
	.work-process-item {
		padding: 20px;
		border-radius: 12px;
	}
	.why-choose-us {
		padding: 50px 0;
		margin-top: 50px;
	}
	.why-choose-us-title {
		font-size: 30px;
	}
	.why-choose-us-row {
		margin-top: 20px;
	}
	.why-choose-us-row .col-lg-3 {
		margin-bottom: 10px;
	}
	.why-choose-us-row .col-lg-3:last-child {
		margin-bottom: 0;
	}
	.why-choose-us-item {
		padding: 15px;
		border-radius: 16px;
	}
	.why-choose-us-item div:nth-child(2) {
		font-size: 16px;
		margin-top: 10px;
	}
	.why-choose-us-item div:nth-child(3) {
		font-size: 14px;
		line-height: 140%;
		margin-top: 10px;
	}
}	

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



@media only screen and (max-width: 480px) {
	.popup {
		width: 95%;
	}
	.popup .close-btn {
		right: 13px;
	}
}