@media (max-width: 1775px) {

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

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

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

}
@media (max-width: 1080px) {
	
}
@media (max-width: 1299px) {

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

}	
@media (max-width: 989px) {	
	.wrapper{
		width: 630px;
	}
	.b-logo{
		margin: 0;
	}
	.b-mobile{
		display: block;
	}
	.menu-icon{
	    position: relative;
	    z-index: 10001;
	    cursor: pointer;
		transition: 0.3s;
	}
	.menu-icon.active{
		transition: 0.3s;
	    z-index: 2000;
	}
	.menu-icon__wrapper{
		position: relative;
		width: 27px;
		height: 17px;
	}
	.menu-icon.active b{
		transition: 0.5s;
	}
	.menu-icon .b-menu__line {
		display: block;
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 3px;
		background: #333333;
		border-radius: 6px;
	    -webkit-transition: background-color 0.35s, -webkit-transform 0.2s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 0.2s cubic-bezier(0.215, 0.61, 0.355, 1);
	    transition: background-color 0.35s, transform 0.2s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 0.2s cubic-bezier(0.215, 0.61, 0.355, 1);
	    -webkit-transform: translateY(0) translateZ(0);
	    transform: translateY(0) translateZ(0);
	}
	.menu-icon .b-menu__line_1 {
	    top: 0;
	    width: 100%;	    
	    transition: 0.3s;
	}
	.menu-icon .b-menu__line_2 {
	    top: 7px;
	}
	.menu-icon .b-menu__line_3 {
	    top: 14px;
	    width: 100%;
	}
	.menu-icon.active .b-menu__line {
	    background: #333333;
	}
	.menu-icon.active .b-menu__line_1 {
	    -webkit-transform: translateY(8px) rotate(45deg);
	    transform: translateY(8px) rotate(45deg);
	    top: 0px;
	    left: 0;
	    width: 100%;
	}
	.menu-icon.active .b-menu__line_2 {
	    opacity: 0;
	}
	.menu-icon.active .b-menu__line_3 {
	    -webkit-transform: translateY(-8px) rotate(-45deg);
	    transform: translateY(-8px) rotate(-45deg);
	    top: 16px;
	    width: 100%;
	}
	.b-header{
		position: relative;
	    z-index: 999;
	}
	.b-nav{
		position: absolute;
		top: 101%;
		left: -300px;
		width: 100%;
		background: #ffffff;
		padding: 30px 15px 30px 15px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		overflow: hidden;
		opacity: 0;
		visibility: hidden;
		z-index: -1;
		transition: 0.3s;
		margin: 0;
	}
	.b-nav.active{
		opacity: 1;
		visibility: visible;
		transition: 0.3s;
		z-index: 999;
		left: 0;
	}
	.b-nav-container ul{
		display: block;
	}
	.b-nav-container ul li{
		margin: 0 0 20px 0;
	}
	.b-nav-container ul li:last-child{
		margin-bottom: 0px;
	}
	.b-header-right{
		justify-content: flex-end;
	}
	.b-header-phone{
		margin: 0 40px 0 0;
	}
	.b-main{
		padding: 60px 0;
	}
	.b-main-left{
		max-width: 100%;
	}
	.b-main-left .b-main-left__top{
	    max-width: 300px;
	}	
	.b-main-title{
		font-size: 44px;
	}
	.b-main-right{
		width: 301px;
	}
	.b-main-left__top p{
		max-width: 285px;
	}
	.b-main-right img{
		max-width: 301px;
	}
	.b-main-left .b-block{
		max-width: 100%;
	}
	.b-main .b-block{
		margin: 85px 0 0 0;
	}
	.b-faq-item__top__left{
		display: block;
	}
	.b-faq-item__top__left b{
		font-size: 16px;
		border: none;
		padding: 0;
		margin: 0 0 3px 0;
	}
	.b-footer .wrapper{
		display: block;
	}
	.b-footer-left{
		text-align: center;
		margin: 0 0 20px 0;
	}
	.b-copyright {
		text-align: center;
		padding: 20px 0 0 0;
	}
	.b-footer-nav {
		margin: 0 0 10px;
	}
	.b-footer-nav ul{
		justify-content: center
	}
	.b-footer-nav ul li a{
		font-size: 11px;
	}
	.b-footer-menu ul{
		justify-content: center
	}
	.b-footer-menu ul li {
		margin: 0 10px;
	}
	.b-chat-type{
		text-align: center
	}
	.b-chat-page__container .b-block{
		width: 100%;
	}
	.b-chat-page__bottom{
		background: #34475F;
	}
	.b-chat-page__bottom .b-block-input{
		background: #ffffff;
		height: 52px;
		padding: 17px 48px 0 20px;
	}
	.b-chat-page__bottom .b-block-btn{
		width: 40px;
		height: 40px;
		font-size: 20px;
	}
	.b-content:after{
		background: url(..//static/images/content-bg-md.svg) top center no-repeat;
	}
	.b-main__packeges{
		overflow: hidden;
	}
	.b-main__packeges .b-main-content{
		align-items: flex-end;
	}
	.b-main__packeges .b-main-right{
		width: 222px;
		padding: 0;
	}
	.b-main__packeges .b-main-left{
		width: 390px;
		flex-shrink: 0;
		max-width: inherit;
	}
	.b-main__packeges .b-main-left__top p{
		max-width: 100%;
	}
	.b-main__packeges .b-main-left .b-main-left__top{
		max-width: 100%;
	}
	.b-main__packeges .b-main-right{
		justify-content: flex-end;
	}
	.b-main__packeges .b-main-right img{
		max-width: 222px;
		left: 30px;
		position: relative;
	}
	.b-input-text__container__sm {
	    width: 52.7%;
	}	
	.b-results-item__img{
		margin: 0 10px 0 0;
	}
	.b-results-item__content ul li{
		font-size: 13px;
	}
	.btn-live{
		margin: 15px 0;
	}	
	.btn-close{
		margin: 0 0 0 20px;
	}
	.b-header-phone{
		margin: 0 20px 0 0;
	}
	.b-nav-container{
		margin: 0 auto 0;
		width: 630px;
		padding: 0 15px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		position: relative;
	}
	.b-nav-container > ul > li > a{
		font-size: 16px;
	}
	.btn-live{
		font-size: 18px;
		width: 140px;
		height: 40px;
	}
	.b-nav-container ul{
		position: relative;
		padding: 0 0 25px 0;
		margin: 0 0 30px 0;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	.b-nav-container ul:after{
		position: absolute;
		bottom: 0;
		left: -207px;
		content: "";
		width: 99999px;
		height: 1px;
		background: #E9ECEF;
	}
	.b-chat-page__bottom .b-file .icon-file{
		font-size: 24px;
	}
	.b-chat-page__bottom .b-file{
		width: 15px;
		right: 58px;
	}
	.b-nav-container .xs-hidden{
		display: block;
	}
	.chat-page__main .b-footer{
		display: none;
	}
	.chat-page .b-mobile{
		order: 2;
	}
	.chat-page .btn-close{
		order: 1;
		margin: 0 20px 0 0;
	}	
}	
@media (max-width: 766px) {

}
@media (max-width: 766px) {
	.b-header-phone{
		font-size: 18px;
		order: 2;
	}
	.btn-live{
		order: 3;
		margin: 20px 0 0 0;
	}
	.b-nav-container{
		display: flex;
		flex-direction: column;
	}
	.xs-hidden{
		display: block;
	}		
	.wrapper{
		width: 100%;
		padding: 0 38px;
	}
	.b-header .wrapper{
		padding: 0 10px;
	}
	.b-main-content{
		display: block;
	}
	.b-main-title{
		font-size: 32px;
		max-width: 100%;
	}
	.b-main{
		padding: 35px 0;
	}
	.b-main-left__top p{
		font-size: 16px;
	    max-width: 100%;
	}
	.b-main-right{
		width: auto;
		position: relative;
		margin: 32px 0 0 0;
	}
	.b-main .b-block{
		margin: 20px 0 0 0;
	}
	.b-main-right img{
		margin: 0 auto 0;
	}
	.b-block{
		padding: 15px 15px 20px 15px;
	}
	.b-block-input{
	    padding: 7px 40px 0 15px;
	}
	.b-main-content .b-block-input {
	    padding: 7px 72px 0 15px;
	}
	.b-faq-btn{
		width: 100%;
		max-width: 200px;
	}
	.b-faq{
		padding: 0 0 30px 0;
	}
	.b-footer{
		padding: 24px 0;
	}
	.b-footer-right{

	}
	.b-footer-nav{
		display: none;
	}
	.b-footer-nav ul{
		display: block;
	}
	.b-footer-nav ul li{
		margin: 0 0 10px 0;
	}
	.b-footer-nav ul li:last-child{
		margin-bottom: 0;
	}
	.b-footer-menu ul{
		justify-content: center;	
	}
	.b-footer-menu ul li{
		
	}
	.b-chat-page__bottom .b-block-input{
		padding: 8px 85px 0 15px;
	}
	.b-chat-page{
		padding: 40px 0 20px 0;
	}
	.b-chat-type{
		margin: 10px 0 0 0;
	}
	.b-content:after{
		background: url(..//static/images/content-bg-xs.svg) center top no-repeat;
		height: 100%;
	}
	.b-chat-page__bottom .b-block-input::-webkit-input-placeholder{
		max-width: 182px;
	}
	.b-chat-page__bottom .b-block-input:-moz-placeholder{
		max-width: 182px;
	}
	.b-results-item{
		display: block;
	}
	.b-main__packeges .b-main-content{
		display: block;
		position: relative;
	}
	.b-main__packeges .b-main-left{
		width: 100%;
	}
	.b-main-left__top b{
		font-size: 18px;
	}
	.b-main__packeges .b-main-left__top{
		width: 70%;
	}
	.b-main__packeges .b-main-left__top p{
		padding: 0 15px 0 0;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		max-width: 100%;
		min-height: 90px;
	}
	.b-main__packeges .b-main-right{
		width: 131px;
		position: absolute;
		top: 78px;
		right: -33px;
		margin: 0;
		display: block;
	}
	.b-main__packeges .b-main-right img{
		position: static;
		left: 0;
		max-width: 100%;
	}
	.b-input-text__container__sm{
		width: 100%;
	}
	.b-input-btn{
		width: 100%;
		margin: 0;
	}
	.b-results-item__right{
		border-top: 1px solid #D6E4ED;
		border-left: none;
		padding: 20px 0 0 0;
		margin: 20px 0 0 0;
	}
	.b-results-item__left{
		align-items: flex-start;
	}
	.b-results-item__img{
		width: 45px;
		margin: 0 15px 0 0;
	}
	.b-results-title{
		margin: 0 0 30px 0;
	}
	.b-results-item__right{
		display: block;
	}
	.b-results-item__btn{
		width: 100%;
	}
	.b-results{
		padding: 0 0 40px 0;
	}
	.b-login{
		width: 100%;
	}
	.chat-page .b-mobile{
		order: 2;
	}
	.chat-page .btn-close{
		order: 1;
	}
	.btn-close{
		margin: 0 20px 0 0;
	}
	.b-login-container{
		padding: 30px 38px;
	}
	.b-copyright{
		opacity: 0.5;
		text-align: center;
		margin: 10px 0 0 0;
	}
	.b-footer-left b{
		margin: 0;
	}
	.b-footer-left{
		margin: 0 0 10px 0;
	}
	.b-footer-menu{
		margin: 14px 0;
	}
	.b-nav-container ul{
		order: 1;
	}
	.b-main-left .b-main-left__top{
		max-width: 100%;
	}
	.b-block-bottom .b-block-input::-webkit-input-placeholder{
		max-width: 182px;
	}
	.b-block-bottom .b-block-input:-moz-placeholder{
		max-width: 182px;
	}	
}	
@media (max-width: 645px) {	

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

}
@media (max-width: 400px){
	.b-main-title{
		max-width: 274px;
	}
	.b-main-left .b-main-left__top{
		max-width: 300px;
	}
	.b-main-left__top p{
		max-width: 260px;
	}
}
@media (max-width: 360px) {
	.wrapper{
		padding: 0 10px;
	}
	.b-main-right img{
		max-width: 100%;
	}
	.b-faq-item__top{
	    padding: 0 0 0 10px;
	}
	.b-login-container{
		padding: 30px 10px;
	}	
}
@media (max-width: 376px) {

}