/*==========  Desktop First Method  ==========*/

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {

}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
	header .header_content h2 {
		font-size: 63px;
		line-height: 64px;
	}
	.route {
		font-size: 18px;
	}

	.about {
		overflow: hidden;
	}
	.about .circle {
		position: absolute;
		top: -120px;
		right: -65px;
		width: 406px;
	}
	.about h2, .main-directions h2, .types-cargo h2, .types-cargo h2, .faq .col-md-7 h2, .leave-request .title {
		font-size: 44px;
		line-height: 43px;
	}
	.maian_mnu ul {
		display: none;
	}
	.maian_mnu button {
		background: none;
		border: none;
		float: right;
		margin: -28px 0 0;
	}
	header .header_topline {
		padding: 20px 0 20px;
		border-bottom: 1px solid rgba(216, 216, 216, 0.13);
		margin: 0 0 77px;
		background: rgba(62, 75, 81, 0.80);
	}
	header .logo {
		text-align: center;
		margin: 4px auto 0;
		display: block;
	}
	.maian_mnu ul {
		margin: 0;
		padding: 30px 0 0;
		list-style: none;
		float: none;
	} 
	.topmenu > li {
		float: none;
	}
	.topmenu > li > a {
		color: #ffffff;
		font-size: 14px;
		font-weight: 500;
		margin-left: 0;
		padding: 0 0 9px;
	}
	.about .col-md-6 p span {
		font-size: 35px;
	}
	.about .col-md-6 p {
		margin: 0 0 40px;
		min-height: 81px;
	}
	.block-directions {
		padding: 23px 23px;
	}
	.block-directions .left {
		width: 68%;
	}
}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
	.container {
		padding: 0 15px;
	}
	header .header_topline {
		margin: 0 0 26px;
	}
	header .header_content h2 {
		font-size: 31px;
		line-height: 44px;
	}
	header .header_content p {
		font-size: 20px;
		margin: 0 0 20px;
	}
	header {
		padding: 0 0 75px;
	}
	footer {
		padding: 40px 0;
		text-align: center;
	}
	footer .soc {
		margin: 38px auto 0;
		padding: 0;
		display: inline-flex;
		float: none;
	}
	.footer-logo {
		margin: 0 0 27px;
	}
	.footer-services, .footer-other-sections, footer .footer-contacts h5, .about .circle {
		display: none;
	}
	.about .container {
		padding-top: 270px;
		padding-bottom: 20px;
		background: url(/assets/www.reartek.com/wp-content/themes/cargopress-pt/img/circle.png) no-repeat;
		background-size: 260px;
		background-position: top 20px center;
	}
	.about h2, .main-directions h2, .types-cargo h2, .types-cargo h2, .faq .col-md-7 h2, .leave-request .title {
		font-size: 30px;
		line-height: 34px;
	}
	.about p {
		font-size: 20px; 
	    margin: 0 0 30px;
	}
	.about .col-md-6 p span {
		font-size: 46px;
	}
	.about .col-md-6 p {
		margin: 0 0 30px;
		min-height: auto;
	}
	.about-top {
		margin-bottom: 60px;
	}
	.about p  br {
		display: none;
	}
	.main-directions {
		padding: 48px 0;
	}
	.main-directions p {
		font-size: 20px;
	}
	.block-directions {
		padding: 20px 15px;
		display: block;
	}
	.block-directions p {
		font-size: 16px;
		margin: 20px 0 20px;
	}
	.block-directions .left {
		width: 100%;
	}
	.route {
		font-size: 26px;
    margin: 0 -13px;
    display: grid;
	}
	.route .arrow, .route .arrow2 {
		    margin: 9px 18px 8px;
		transform: rotate(90deg);
	}
	.types-cargo .container {
		background: none;
	}
	.types-cargo {
		padding: 48px 0 18px;
	}
	.top-types-cargo {
		margin-bottom: 30px;
	}
	.types-cargo .bottom-types-cargo p {
		margin: 0 0 30px;
	}
	.types-cargo p, .faq .col-md-7 p {
		font-size: 20px;
	}
	.faq {
		padding: 48px 0 0;
	}
	.faq ul {
		margin: 0 0 50px;
	}
	.home-news {
		padding: 28px;
		background-color: #3e4b51;
		margin: 0 -15px;
	}
	.leave-request {
		background: #1b2225;
		padding: 48px 0 48px;
		margin: 0;
	}
	.leave-request .container {
		background: none;
	}
	.leave-request form {
		margin: 0;
	}
	.leave-request .col-md-7 {
		padding-left: 15px;
	}
	.leave-request p {
		color: #dceff7;
		font-size: 20px;
		margin: 0 0 20px;
	}
	.leave-request .title {
		margin: 0 0 10px;
	}
}

/* Extra Small Devices, Phones */
@media only screen and (max-width : 480px) {

}

/* Custom, iPhone Retina */
@media only screen and (max-width : 320px) {

}


/*==========  Mobile First Method  ==========*/

/* Custom, iPhone Retina */
@media only screen and (min-width : 320px) {

}

/* Extra Small Devices, Phones */
@media only screen and (min-width : 480px) {

}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {
	
}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
	.container {
		width: 1140px!important;
	}
}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {

}
/*
     FILE ARCHIVED ON 01:22:08 Apr 24, 2025 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 10:16:05 Jul 25, 2026.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 0.363
  exclusion.robots: 0.045
  exclusion.robots.policy: 0.038
  esindex: 0.006
  cdx.remote: 645.241
  LoadShardBlock: 137.805 (3)
  PetaboxLoader3.datanode: 112.78 (5)
  PetaboxLoader3.resolve: 204.464 (3)
  load_resource: 191.024 (2)
*/