/* ===== RESPONSIVE STYLE ===== */

@media (max-width:1600px) {
	.main-slider__slide::after {
		right: 6%;
		width: 41%;
	}
}

@media (max-width:1440px) {
	html {font-size: 0.7vw}
	.header {
		padding: 2rem 0;
	}
	.main-slider__slide {
		height: 500px;
	}
	.first-screen {
		margin:0;
	}
	.page-head {
		padding: 3rem 0;
	}
}

@media (max-width:1366px) {
	.main-slider__slide {
		height: 450px;
	}
}

@media (max-width:1280px) {
	/* Mobile menu */
	.mobile-btn {width:25px;display:block;}
	.mobile-btn span{
		display: block;
		height: 2px;
		background-color: #000;
		border-radius: 2px;		
	}
	.mobile-btn span:not(:last-child){margin-bottom:5px;}
	.nav {
		position: fixed;
		display:block;
		-webkit-transform: translateX(100%);
		-ms-transform: translateX(100%);
		-o-transform: translateX(100%);
		transform: translateX(100%);
		visibility: hidden;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-color: #F2F4F6;
		padding: 60px 20px;
		-webkit-transition: all .3s;
		-o-transition: all .3s;
		transition: all .3s;
		z-index: 120;
		overflow-y:auto;
	}
	.nav.active{
		-webkit-transform: translateX(0);
		-ms-transform: translateX(0);
		-o-transform: translateX(0);
		transform: translateX(0);
		visibility: visible;
	}
	.close-menu{
		width: 25px;
		height: 25px;
		position: absolute;
		top: 20px;
		right: 20px;
	}
	.close-menu::before,
	.close-menu::after{
		content: '';
		width: 100%;
		height: 2px;
		border-radius: 2px;
		background-color: #000;
		position: absolute;
		left: 0;
		top: 50%;
	}
	.close-menu::before{
		-webkit-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		-o-transform: rotate(45deg);
		transform: rotate(45deg);
	}
	.close-menu::after{
		-webkit-transform: rotate(-45deg);
		-ms-transform: rotate(-45deg);
		-o-transform: rotate(-45deg);
		transform: rotate(-45deg);
	}
	.menu {flex-direction: column;align-items: center;}
	.menu li {margin: 0 0 25px 0;text-align: center;}
	.menu li a{
		font-size: 16px;
		text-transform:uppercase;
		color: #000;
		justify-content: center;
	}
	.mobile-menu__content {display:block;}
	/* // Mobile menu */

	.menu-sub-list {
		position: relative;
		margin-top: 0px;
		box-shadow: none;
	}
	.menu-sub-list li {
	    margin: 0 0 10px;
	}
	.menu-sub-list li:last-child {
	    margin:0;
	}
	.menu-sub-list li a {
		background:transparent;
		border-bottom:none;
		padding:0.5em;
	}
	.menu li:last-child {
		margin: 0;
	}

	.main-slider__slide::after {
		right: 20px;
		width: 30%;
	}
	.page-head {
		padding: 2rem 0;
	}
	.footer_wrapper .menu {
		flex-direction: row;
		justify-content: center;
		flex-wrap: wrap;
	}
	.footer_wrapper .menu li {
		margin: 10px 20px;
	}
	.partner-logo {
		height: 5rem;
	}
}

@media (max-width:1024px) {
	
}

@media (max-width:991px) {	
	
}

@media (max-width:768px) {
	html {font-size:10px;}
	p, ul li, ol li, .footer-bottom-item a, .footer-bottom-item p, .breadcrumb li, .partner-title, .btn, .adv-link, .common-table {font-size: 16px;}
	
	.sm-hide {display:none;}
	.sm-show {display:block;}
	.sm-show.flex {display:flex;}

	.main-slider__slide::after {
		display: none;
	}
	.main-title {
		font-size: 5rem;
	}
	.main-subtitle {
		font-size: 2rem;
	}
	.common-grid{
		grid-template-columns: repeat(3, 1fr);
	}
	.service-card {
		
	}
	.service-card-icon {
	}
	.h2, h2 {
		font-size: 2.5rem;
	}
	.h3, h3 {
		font-size: 2.2rem;
	}
	.h4, h4 {
		font-size: 1.8rem;
	}
	.section {
		padding: 2rem 0;
	}
	.blog-card-title {
		font-size: 1.8rem;
	}
	.blog-card-descript {
		padding: 2rem 0;
	}
	.contact-detail-item {
		width:100%;
		margin-bottom:30px;
	}
	.contact-detail-item:last-child {
		margin-bottom:0px;
	}
	.footer_wrapper {
		flex-direction: column;
		align-items: center;
	}
	.footer_wrapper .logo {
		margin-bottom:20px;
	}
	.footer-bottom-item {
		width: 100%;
		justify-content: center;
		margin-bottom: 20px;
	}
	.footer-bottom-item a {
		display: table;
		margin: 0 2em 10px;
		text-decoration: underline;
	}
	.footer-bottom {
		padding: 2rem 0 0;
	}
	.footer_wrapper .menu li {
		margin: 5px 10px;
	}
	.footer {
		padding: 3rem 0;
	}
	.partner-main-info {
		padding: 0;
	}
	.partner-main-logo {
		height: 5rem;
	}
	.partner-main-logo img {
		width: auto;
	}
	.partners-logo-grid {
		gap: 2rem;
	}
	.half-block-wrapper.two-column .block-item {
		flex: 0 0 100%;
		max-width: 100%;
		margin-bottom:30px;
	}
	.advantage-wrapper {
		flex-direction: column-reverse;
	}
	.temp-block {
		position: relative;
		top:auto;
	}
	.input-wrapper input, .input-wrapper textarea {
		height:40px;
		font-size: 16px;
	}
	.input-wrapper textarea {
		height:15rem;
	}
	.terminals-card {
		height: 15rem;
	}
	.common-table th:last-child {
		min-width:200px;
	}
	.common-table th {
		min-width: 130px;
	}
	.common-table th, .common-table td {
		padding: 0.4em;
	}
	
}

@media (max-width:767px) {	
	.logo {
		flex: none;
		max-width: 150px;
	}
	.main-title {
		font-size: 3rem;
		letter-spacing: 1px;
	}
	.main-subtitle {
		font-size: 1.6rem;
		width:100%;
	}
	.main-slider__slide {
		height: 400px;
	}
	.h2, h2 {
		font-size: 2rem;
	}
	.h3, h3 {
		font-size: 1.8rem;
	}
	.h4, h4 {
		font-size: 1.6rem;
	}
	.common-grid{
		grid-template-columns: repeat(2, 1fr);
	}
	.service-card {
	}
	.service-card-icon {
	}
	.common-slider-arrows {
		margin-top: 3rem;
	}
	.contact-info {
		font-size: 1.6rem;
		text-align: center;
	}
	.blog-row-item {
		max-width: 100%;
		flex: 0 0 100%;
		margin-bottom:20px;
	}
	.common-page-row {
		grid-template-columns: repeat(1, 1fr);
	}
	.common-page-row {
		margin: 0;
	}
	.partner-main-logo {
		height: 4rem;
	}
	.partners-logo-grid {
		grid-template-columns: repeat(2, 1fr);
	}
	.partner-title-wrap {
		padding: 1rem;
	}
	.partner-logo-wrapper {
		padding: 2rem 1em;
	}
	.page-title {
		width: 100%;
	}
	.terminals-wrapper {
		grid-template-columns: repeat(2, 1fr);
	}
	.terminals-card {
		height: 10rem;
	}
	.transport-wrapper {
		grid-template-columns: repeat(2, 1fr);
		gap: 2rem;
	}
	.transport-title-wrap {
		padding: 1rem;
	}
	.transport-img {
		padding: 1rem;
	}
	.adv-icon {
		font-size: 2rem;
		width: 20px;
	}
	.advant-title-row {
		margin: 0;
	}
	.advant-info {
		padding-left: 30px;
	}
}


@media (max-width:640px) {	
	
}

@media (max-width:600px) {	
	
}

@media (max-width:480px) {	
	
}

@media (max-width:320px) {	
	
}