@media (max-width: 1400px){
	.view-pricelist{
		margin: 0 -20px;
	}
	.view-pricelist .card .param{
		padding-top: 20px;
		margin-top: 20px;
	}
	.view-pricelist .card{
		padding: 24px 15px;
	}
	#popup-form-mssg .popup-cont{
		padding: 50px 65px;
		max-width: 600px;
	}
	#popup-form-mssg .popup-cont-img{
		width: 60px;
	}
}
@media (max-width: 1200px){
	.view-pricelist .card .btn{
		padding: 10px 6px 10px 14px;
		font-size: 15px;
	}
	.block .title{
		font-size: 38px;
	}
}
@media (max-width: 1024px){
	.view-pricelist{
		margin: 0;
	}
	.view-pricelist .item + .item{
		margin-top: 16px;
	}
	.view-pricelist .items{
		display: block;
		max-width: 460px;
		margin: 0 auto;
	}
	#block-example-api .api-carrier-tab{
		padding: 7px 7px;
		gap: 5px;
		font-size: 13px;
	}
	.block .title{
		font-size: 35px;
	}
	#block-example .btn-docs,
	#block-example .btn-get{
		height: 72px;
		font-size: 22px;
	}
	#block-experience .view .card-wrap{
		padding: 23px 25px;
	}
	.view-why .item .name .num{
		font-size: 42px;
	}
	.view-how .items-line{
		display: none;
	}
	.view-how .items{
		display: block;
	}
	.view-how .card .img:before{
		opacity: 0.3;
	}
	.view-how .item + .item{
		margin-top: 45px;
	}
	.view-how .card .number .val{
		margin-top: 0;
	}
	.view-how .card .img{
		margin-top: 20px;
	}
	.view-how .item .card .number .val {
	    color: #FB6514;
	    background: #F5F5F7;
	    border-color: #FB6514;
	    box-shadow: 0 4px 8px rgba(251, 101, 20, 0.50);
	    box-shadow: 0 1px 4px rgba(251, 101, 20, 0.40);
	}
	#block-global .logo-api span{
		max-width: 260px;
		height: 150px;
	}
	#page{
		overflow: hidden;
	}
}
@media (max-width: 768px){
	#block-global{
		padding-top: 120px;
	}
	.wrap-line-mg{
		margin: 0 0 120px;
	}
	#block-services{
		padding-bottom: 120px;
	}
	#block-experience{
		padding-bottom: 120px;
	}
	#block-world{
		padding-bottom: 120px;
	}
	#block-plan{
		padding: 120px 0;
	}
	#block-example-api .api-carriers{
		display: flex;
		flex-wrap: wrap;
		gap: 0;
		max-width: 265px;
		margin: 0 auto;
	}
	#block-example-api .api-carrier-tab{
		font-size: 14px;
		padding: 8px 0;
	}
	#block-example-api .api-windows{
		height: auto;
	}
	#block-example-api .api-window{
		position: relative;
		height: auto;
	}
	#block-example-api .api-window-panel-request{
		height: 320px;
		position: relative;
		width: 100%;
		left: 0;
		top: 0;
	}
	#block-example-api .api-window-panel-result{
		height: 320px;
		position: relative;
		width: 100%;
		left: 0;
		top: 0;
		border-top: 1px solid #37384A;
	}
	#block-example-api .api-timeline .api-event-title{
		font-size: 14px;
	}
	#block-example-api .api-timeline .api-event-meta{
		font-size: 11px;
	}
	#block-example-api .api-timeline .api-timeline-item {
		padding-bottom: 17px;
	}
	.view-why .item .name .num{
		font-size: 36px;
	}
	.view-services{
		max-width: 480px;
		margin: 0 auto;
	}
	.view-services .items{
		display: block;
	}
	.view-services .item + .item{
		border-top: 1px solid #F3F3F5;
	}
	.view-services .item + .item:before{
		display: none;
	}
	.form .form-item-row{
		display: block;
	}
	#block-experience .view .items{
		display: block;
		max-width: 480px;
		margin: 0 auto;
	}
	#block-experience .view .item{
		width: 100%;
		padding: 0;
	}
	#block-experience .view .item2,
	#block-experience .view .item3,
	#block-experience .view .item4{
		margin-top: 20px;
	}
	.block .title{
		font-size: 32px;
	}
	.block .title br{
		display: none;
	}
	#block-example{
		padding-top: 160px;
	}
	#menu-triger{
		display: block;
		float: right;
		padding: 6px 0;
	}
	#header-navs{
		display: none;
	}
	#footer-menu{
		display: block;
	}
	#footer-menu .menu-col + .menu-col{
		margin-top: 12px;
	}
	#block-example-api .api-window .api-window-panel-result .api-panel-navs {
	    justify-content: start;
	    justify-content: flex-start;
	}
	#block-world .map{
		margin-bottom: -45px;
	}
	.hamburger {
	  width: 28px;
	  height: 20px;
	  position: relative;
	  -webkit-transition: .5s ease-in-out;
	  transition: .5s ease-in-out;
	  cursor: pointer;
	  float: left;
	}
	.hamburger,.hamburger span {
	  -webkit-transform: rotate(0deg);
	  transform: rotate(0deg)
	}
	.hamburger span {
	  display: block;
	  position: absolute;
	  height: 3px;
	  width: 100%;
	  background: #131218;
	  border-radius: 1.5px;
	  opacity: 1;
	  left: 0;
	  -webkit-transition: .25s ease-in-out;
	  transition: .25s ease-in-out
	}
	.hamburger span:nth-child(1) {
	  top: 0
	}
	.hamburger span:nth-child(2),.hamburger span:nth-child(3) {
	  top: 8px
	}
	.hamburger span:nth-child(4) {
	  top: 16px
	}
	#page.open-menu .hamburger span:nth-child(1) {
	  top: 8px;
	  width: 0;
	  left: 50%;
	  opacity: 0;
	}
	#page.open-menu .hamburger span:nth-child(2) {
	  -webkit-transform: rotate(45deg);
	  -moz-transform: rotate(45deg);
	  -ms-transform: rotate(45deg);
	  -o-transform: rotate(45deg);
	  transform: rotate(45deg);
	  -webkit-transition: all 0.3s ease;
	     -moz-transition: all 0.3s ease;
	       -o-transition: all 0.3s ease;
	      -ms-transition: all 0.3s ease;
	          transition: all 0.3s ease;
	}
	#page.open-menu .hamburger span:nth-child(3) {
	  -webkit-transform: rotate(-45deg);
	  -moz-transform: rotate(-45deg);
	  -ms-transform: rotate(-45deg);
	  -o-transform: rotate(-45deg);
	  transform: rotate(-45deg);
	  -webkit-transition: all 0.3s ease;
	     -moz-transition: all 0.3s ease;
	       -o-transition: all 0.3s ease;
	      -ms-transition: all 0.3s ease;
	          transition: all 0.3s ease;
	}
	#page.open-menu .hamburger span:nth-child(4) {
	  top: 8px;
	  width: 0;
	  left: 50%;
	  opacity: 0;
	}
	#fade-menu{
	  display: none;
	  z-index: 991;
	  background: rgba(0, 0, 0, 0.7);
	  left: 0;
	  top: 85px;
	  right: 0;
	  bottom: 0;
	  position: fixed;
	}
	#block-mob-menu{
		display: block;
		position: fixed;
		left: -120%;
		top: 55px;
		border-top: 1px solid #EAEAEE;
		width: 100%;
		bottom: 0;
		overflow: auto;
		background: #fff;
		z-index: 9999;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		padding: 30px 20px;
		-webkit-transition: all .3s ease;
		-moz-transition: all .3s ease;
		-ms-transition: all .3s ease;
		-o-transition: all .3s ease;
		transition: all .3s ease;
	}
	.open-menu #block-mob-menu{
		left: 0;
	}
	#block-mob-menu .btns-text{
		color: #5E5B6B;
		font-size: 12px;
		font-style: normal;
		font-weight: 400;
		line-height: 20px;
		margin: 0 0 8px;
		text-align: center;
	}
	#block-mob-menu .wrap-btns{
		display: flex;
		gap: 12px;
		justify-content: center;
		align-items: center;
		width: 100%;
	}
	#block-mob-menu .btn-link-apple-store,
	#block-mob-menu .btn-link-google-play{
		display: block;
		text-decoration: none;
		outline: none;
	}
	#block-mob-menu .btn-link-apple-store img,
	#block-mob-menu .btn-link-google-play img {
		height: 32px;
		width: auto;
		display: block;
	}
	#block-mob-menu .wrap-menu{
	  color: #131218;
	  font-size: 14px;
	  font-style: normal;
	  font-weight: 500;
	  line-height: 1.2;
	  display: block;
	  width: 100%;
	  text-align: center;
	}
	#block-mob-menu .wrap-menu ul{
		display: block;
		margin: 0;
		padding: 0;
		width: 100%;
		justify-content: center;
		list-style: none;
	}
	#block-mob-menu .wrap-menu ul li{
		list-style: none;
		margin: 0;
		padding: 0;
		display: flex;
		justify-content: center;
	}
	#block-mob-menu .wrap-menu ul li + li{
		margin-top: 20px;
	}
	#block-mob-menu .wrap-menu a{
	  display: flex;
	  align-items: center;
	  gap: 8px;
	  text-decoration: none;
	  outline: none;
	  color: #131218;
	  position: relative;
	}
	#block-mob-menu .wrap-menu a img{
	  display: block;
	  width: 16px;
	  height: 16px;
	  flex: 0 0 16px;
	}
}
@media (max-width: 640px){
	.wrap-grid{
		padding: 0 25px;
	}
	.block .title{
		font-size: 30px;
	}
	.view-faq .item .quest{
		font-size: 18px;
	}
	#block-example .bl-actions{
		display: block;
	}
	#block-example .bl-actions .wrap-actions{
		width: 100%;
		flex-wrap: wrap;
		max-width: 350px;
		margin: 0 auto;
		flex-direction: column-reverse;
	}
	#block-example .btn-docs, #block-example .btn-get{
		width: 100%;
	}
	#block-world .map{
		margin: 0 -40% -85px;
	}
	.view-why .item{
		display: flex;
		flex-wrap: wrap;
		text-align: center;
		justify-content: center;
	}
	.view-why .item .icon{
		order: -1;
		margin: 0 auto 10px;
	}
	.view-why .item .name{
		width: 100%;
		text-align: center;
	}
	.view-why .item .desc{
		width: 100%;
		text-align: center;
		margin-top: 5px;
	}
	.view-why .item + .item{
		margin-top: 24px;
		padding-top: 24px;
	}
	#block-global .logo-api span {
        max-width: 200px;
        height: 120px;
    }
    #block-global .title{
    	margin: 0 0 12px;
    }
    .modal .modal-content{
    	padding: 20px 45px 40px;
    }
    #popup-form-mssg .popup-cont {
        padding: 40px 45px;
    }
    #popup-form-mssg .popup-cont-img {
        width: 50px;
    }
    .form .form-item input.error{
		background-size: 18px;
		padding-right: 40px;
	}
	.modal .modal-form{
		padding: 0;
	}
	.modal .modal-content{
		border-radius: 0;
	}
	body.is-show-popup{
		overflow: hidden;
	}
	#popup-form-mssg .popup-cont{
		width: 100%;
		background: none;
	}
	#popup-form-mssg.open{
		display: block;
		background: #fff;
	}
	.view-why .item .icon{
		width: 100%;
	}
}
@media (max-width: 485px){
	#footer-site{
		width: 100%;
		text-align: center;
	}
	#footer-site .footer-logo img{
		margin: 0 auto;
	}
	#footer-site .footer-btns{
		justify-content: center;
	}
	#footer-menu{
		width: 100%;
		text-align: center;
	}
	.block .title{
		font-size: 28px;
	}
	#block-power .wrap-actions{
		display: flex;
		flex-wrap: wrap;
		max-width: 340px;
		margin: 32px auto 0;
		gap: 16px;
	}
	#block-why .wrap-actions{
		display: flex;
		flex-wrap: wrap;
		max-width: 340px;
		margin: 32px auto 0;
		gap: 16px;
	}
	#block-global .wrap-actions{
		display: flex;
		flex-wrap: wrap;
		max-width: 340px;
		margin: 32px auto 0;
		gap: 16px;
	}
	#block-power{
		padding: 140px 0 120px;
	}
	#block-global .wrap-actions .button,
	#block-global .wrap-actions .button-second,
	#block-global .wrap-actions .button-second-link{
		width: 100%;
	}
	#block-why .wrap-actions .button,
	#block-why .wrap-actions .button-second,
	#block-why .wrap-actions .button-second-link{
		width: 100%;
	}
	#block-power .wrap-actions .button,
	#block-power .wrap-actions .button-second,
	#block-power .wrap-actions .button-second-link{
		width: 100%;
	}
	#block-why .wrap-actions .button,
	#block-power .wrap-actions .button,
	#block-global .wrap-actions .button{
		order: -1;
	}
	.modal .modal-content{
    	padding: 20px 30px 40px;
    }
    #popup-form-mssg .popup-close{
    	right: 10px;
    	top: 10px;
    }
    #popup-form-mssg .popup-cont-title{
    	font-size: 21px;
    }
    #popup-form-mssg .popup-cont-text{
    	font-size: 15px;
    }
    #popup-form-mssg .popup-cont {
        padding: 40px 30px;
    }
    .form .form-item input{
    	padding: 5px 15px;
    }
    .form .form-item select{
    	padding: 5px 15px;
    }
    .form .form-item textarea{
    	padding: 12px 15px;
    }
    .modal .btn-close{
    	right: 10px;
    	top: 10px;
    }
}
@media (max-width: 400px){
	.wrap-grid{
		padding: 0 20px;
	}
	#block-global .logo-api span {
        max-width: 150px;
        height: 110px;
    }
}

@media (min-height: 720px){
	#block-how .block{
		padding-top: 40px;
	}
	#block-how .view-how {
	    margin-top: 60px;
	}
}
@media (min-height: 800px){
	#block-how .block{
		padding-top: 65px;
	}
	#block-how .view-how {
	    margin-top: 80px;
	}
}
@media (min-height: 900px){
	#block-how .bottom-text {
	    margin-top: 60px;
	    padding-top: 30px;
	}
	.view-how .card .number{
		margin-bottom: 20px;
	}
	.view-how .card .name{
		margin-top: 35px;
	}
}
@media (min-height: 950px){
	#block-how .block{
		padding-top: 85px;
	}
}