/*==========  Desktop First Method  ==========*/
/* Large Devices, Wide Screens */
@media only screen and (max-width: 1200px) {
	
	
	.tpl_topmenu .item-110 a {font-size: 17px;}
	.tpl_header_feddcall_link {width: 300px;}
	.trackink_btn_wrapper {
		width: 100%;
	}
}


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

	.tpl_topmenu .menu a, .tpl_topmenu .menu .nav-header {font-size: 16px !important; padding: 18px 10px;}
	.tpl_header_feddcall_link {width: 280px;}  
  .item-page img{max-width: 100%;}
  
}


/* Medium Devices, Desktops */
@media only screen and (max-width: 992px) {
	
	body {font-size: 20px;}
	
	.w1000 {max-width: 992px; min-width: 768px;}

	.tpl_logo { float: none; width: 300px; margin: 0 auto; }
	.tpl_top_social { width: 39%; }
	.tpl_top:before { border: 0; }
	.tpl_top:after { background: inherit; border: 0; }
	.tpl_header:after { display: none; }
	.tpl_header_contact .fright { float: none; width: 100%; }
	.tpl_header_contactlist.flex_between { width: 100%; justify-content: center; }
	
	.tpl_top:after { width: auto; }
	
	.tpl_dopmenu2 ul.menu { float: none; margin: -2px 0 0 20px; }
	
	.trackink_btn span { display: none; }
	.tpl_header_feddcall_link { width: 70px; margin: 0; }
	.trackink_btn_wrapper:after { display: none; }
	.trackink_btn_wrapper { width: 100%; }
	.trackink_btn i { margin: 0; }
	
	
	
	.s_maintext .w70.content { float: none; width: 100%; padding-left: 50px; }
	.s_maintext .tpl_cargo_request { position: relative; top: auto; left: auto; width: 95%; margin-left: 5%; z-index: 999; }
	
	
	.s_slider .text, .btn {font-size: 20px;}
	.s_services .item a {font-size: 22px;}
	
	
	
	
	.flex_between.col4 .item {width: 49%; margin-bottom: 60px;}
	.s_services .item {width: 49%;}
	
	/* отступ из за плашки слева */
	.s_advantage .module, .s_about .module, .s_services .module 
		{width: 94%; margin-left: 6%;}
	.s_advantage li {text-align: center;}
	
	.s_schedule li.item {width: 100%; margin-bottom: 15px;}
	
	.bloghelp .item {width: 100%; padding: 0 0 30px 60px;}
	
	.services, .item-page {padding-left: 60px;}
	.page110 .item-page {padding: 0 10px;}
	/*.services .item {width: 49%;}*/
	.services .item {width: 100%;}
	
	.col3 .colcity {width: 46%;}
	.moveblog .col3 .item {width: 46%;}
	.tpl_content .moveblog .item {margin: 0;}
	
	.breadcrumb {padding-left: 40px;}
	.page110 .breadcrumb {padding-left: 0;}
	
	.requestform .title span {font-size: 20px;}
	.section .tpl_cargo_request h3 {font-size: 24px;}
	
	
	@keyframes fly {
  		0% {top: -100px; left: -200px; opacity: 0;} 
  		5% {top: -40px; left: 15px; opacity: 1;}   
  		25% {top: -30px;}
  		40% {top: -50px;}
  		50% {top: 0px;}
  		65% {top: -60px;}
  		/*50% {top: -100px;}*/
  		75% {top: -115px;opacity: 0.5;}
  		85% {top: -115px;opacity: 0.2;}
  		94% {top: -115px;opacity: 0.1;}
  		100% {top: -115px; left: 90%; opacity: 0;}
	}
	
	
	
	
	/* DELIVERY CALC */
	.calcform .formcalc_direction { float: none; width: 100%; }
	.calcform .form_params fieldset { width: 48%; }
	.calcform .blockcomment { width: 100%; }
	.calcform .calc_blocktime, .calcform .calc_blockprice { float: none; width: 100%; }
	.calcform .calc_citystart:after { display: none; }
	.calcform label.block, .blockprice_text, .blocktime_text, 
	.requestform .title span, .requestform .btn 
	{
		font-size: 22px;
	}
	.fancybox-slide > div.cargorequest_fancy {
		max-width: 100%;
	}
	.form_requestform h3 {
		font-size: 26px;
	}
	.requestform .inputbox {
		font-size: 1.5rem;
	}
	
	.f_client_info .w48{
    width: 49%;
  }
  
  .f_client_info label.w30, .f_client_info .w30 label{
    font-size: 16px;
  }
	
  .f_client_info .w30{
    width: 35%;
  }
  
  .f_client_info .w70, .f_client_info .w65{
    width: 65%;
  }
  
  .f_client_info i.tooltip{
    margin-right: 2px;
  }    
}

@media only screen and (max-width: 800px) {
  .item-page .map{
    float: none;
    margin-top: 30px;
    width: 99%;
  }
  
  .item-page .city-img{
    width: 99%;
  }
  
  .item-page .city-img img{
    width: auto !important;
  }
  
  .item-page .term-addr, .item-page .term-addr:nth-child(even){
    width: 99%;  
    margin-right: 0;
    float: none;
    margin-bottom: 20px;
  }
}

/* Small Devices, Tablets */
@media only screen and (max-width: 768px) {
	.w1000 {max-width: 790px; min-width: 400px; }
	
	
	.trackink_btn span { display: inline-block; }
	.trackink_btn i { margin-right: 15px; }
	.trackink_btn_wrapper:after { display: block; }
	.tpl_header_feddcall_link { width: 300px; margin: 0; }
	.tpl_header_feddcall_link { z-index: 9; }
	
	.tpl_dopmenu2 ul.menu li a:after {display: none; }
	.tpl_dopmenu2 ul.menu li a {
		font-size: 16px;
	}
	
	.sandwichmenu { display: block; text-align: center; }
	.tpl_topmenu { width: 50%; }
	.tpl_topmenu .module_menu { display: none; }
	.tpl_topmenu .module_menu.mobilemenu { display: block; width: 80%; position: absolute; left: 10%; top: 60px; background: #3C414C; z-index: 99; }
	
	.tpl_topmenu .module_menu.mobilemenu .menu {
		display: block;
	}
	.tpl_topmenu .module_menu.mobilemenu .menu a, .tpl_topmenu .module_menu.mobilemenu .menu .nav-header {
		color: #fff;
	}
	.tpl_topmenu .module_menu.mobilemenu .menu a, .tpl_topmenu .module_menu.mobilemenu .menu .nav-header {
		padding: 10px 15px;
	}
	.tpl_topmenu .module_menu.mobilemenu .deeper ul {
		display: block !important; position: relative; top: 0; padding: 0; width: auto;
		box-shadow: none;
	}
	.tpl_topmenu .deeper:after, .tpl_topmenu .deeper ul:before {
		display: none;
	}
	
	.tpl_topmenu .module_menu.mobilemenu .level2 a {
		padding-left: 45px; position: relative;
	}
	.tpl_topmenu .module_menu.mobilemenu .level2 a:before {
		position: absolute; left: 20px; top: 10px;
		width: 30px; height: 30px; content: '\f178'; font-family: 'FontAwesome';
		opacity: 0.6; font-size: 14px; 
	}
	
	.s_slider .slider_content {padding-top: 20px;}
	.s_slider h1 { line-height: 140%; font-size: 1.5rem; width: 80%; margin: 0 auto;}
	
	
	.flex_between.col4 .item {width: 100%;}	
	.s_about .w48 {float: none; width: 100%;}
	
	.tpl_footermenu .menu { justify-content: center; }
	.s_footer .footitem { width: 100%; margin-bottom: 20px; text-align: center; }
	
	
	.col3 .colcity, .moveblog .col3 .item  {width: 100%;}
	
	.graph_wrap {display: none;}
	
	.contact { margin-bottom: 30px; }
	.contact .item { width: 100%; }
	.contact .yamap { width: 98%; }
	
	

	
	
	.content a.btn_online, .seo_separator h5 {padding: 20px;}
	
	.footer_social .tpl_sociallist {
		justify-content: center;
	}
	.footcontact li span {
		float: none; margin-right: 20px;
	}
  
  .f_client_info .btn{    
    font-size: 16px;
    padding-left: 1rem;
    padding-right: 1rem;
  }
  
  .f_client_info .fleft.f_client_infodata_left{
    float: none;
    width: 100%;
  }
  
  .f_client_info .fright.f_client_infodata{
    float: none;
    width: 100%;
  }  
  
  .f_client_infodata fieldset{
    margin-bottom: 10px;
  }
	
}

/* Extra Small Devices, Phones */
@media only screen and (max-width: 480px) {
	.w1000 {max-width: 480px; min-width: 320px;}
	
	/*.tpl_top_social { display: none; }*/
	.tpl_dopmenu2 { width: 100%; display: none; }
	.tpl_dopmenu2 ul.menu li a {font-size: 16px;}
	.tpl_top_social {
		width: 100%; text-align: center;
	}
	.tpl_top_social_inner {background: transparent;}
	
	
	.s_slider .text { margin-bottom: 10px; font-size: 18px; line-height: 120%; }
	.s_slider .slider_content { padding-top: 60px; }

	.slider_btn { margin-bottom: 20px; }
	.slider_btn .btn:first-child { margin-bottom: 15px; }
	
	
	.main_nav_border { display: none; }
	.trackink_btn_wrapper:after { display: none; }
	
	.tpl_header_feddcall_link { width: 100%; }
	.navbar-collapse { padding-left: 0; }
	.sandwichmenu { height: auto; }
	.tpl_topmenu { width: 100%; }
	
	.content {padding-left: 30px;}
	.innerpage.page110 .content{padding-left: 0;}
	
	.breadcrumb { margin-top: 40px; }
	
	.s_services .item { width: 100%; }
	
	.services .item .item_img { display: none; }
	.services .item .item_desc { width: 100%; text-align: left !important; }
	.tpl_content .services .item .item_desc h2 { text-align: left !important; padding-right: 10px; }
	
	.calcform .form_params fieldset { width: 100%; margin: 0 0 20px 0; }
  
  .calcform .f_client_info .btn{
    font-size: 14px;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    white-space: normal;
    max-width: 100%;
  }
}