@media (max-width: 1700px) {
	.b-container {
	    min-height: 502px;
	}
	.b-main-bottom{
	    padding: 53px 0 0 110px;
	}
}
@media (max-height: 862px) {
	.b-container {
	    min-height: 502px;
	}
}
@media (max-width: 1410px) {


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

}

@media (max-width: 1199px) {
	.b-main-info__content{
		display: block;
		text-align: center;
	}
	.b-main-info__left{
		text-align: center;
	}
	.b-main-info__right{
		padding: 10px 0 0 0;
		margin: 10px 0 0 0;
		border: none;
	    border-top: 1px solid rgba(48, 48, 48, 0.35);	
	}
	.b-main-block__title span{
		font-size: 15px;
		line-height: 17px;
	}
	.b-main-block__item span{
		font-size: 14px;
	}
	.b-main-bottom{
		padding: 100px 0 0 0;
	}
	.b-container{
		min-height: inherit;
	}
	.b-connection-row ul li{
		padding: 0 10px;
		font-size: 14px;
		line-height: 16px;
	}
	.b-connection-row ul li span{
		font-size: 14px;
		line-height: 16px;
	}
	.btn-callback span{
		font-size: 16px;
		line-height: 18px;
	}
	.btn-callback{
		width: 398px;
	}
	.b-info-right{
		width: 220px;
	}
	.b-info-top{
		padding: 15px 0;
	}
	.b-info-top ul li{
		font-size: 15px;
		line-height: 17px;
	}
	.b-info-wrap{
		margin: 55px 0 0 0;
	}
	.b-info-item ul li{
		font-size: 12px;
	}
	.b-info-item ul li span{
		font-size: 12px;
	}
	.b-info-table table thead tr td span{
		font-size: 14px;
	}
	.b-info-table table tbody tr td{
		font-size: 14px;
	}
	.b-step-item{
		width: 196px;
	}

}	

@media (max-width: 991px){
	.b-main > .container{
		display: flex;
		flex-direction: column-reverse;
		justify-content: center;
		align-items: center;
	}
	.b-main > .container > div{
		width: 100%;
	}
	.b-main-bottom{
		padding: 0 0 30px 0;
	}
	.b-main-bottom > .row > div{
		justify-content: center;
	}
	.b-main-info{
		margin:   0;
	}
	.b-main-block{
		margin: 10px 0;
	}
	.b-reg{
		width: 100%;
	}
	.b-content .container{
		flex-direction: column-reverse;
	}
	.b-content-bottom{
		margin: 0 0 30px;
	}
	.b-wrap{
		justify-content: center;
	}
	.b-connection-bottom{
		flex-direction: column;
		align-items: center;
		justify-content: center;
	}
	.btn-callback{
		width: 100%;
		margin: 50px 0 0 0;
	}
	.b-connection-row ul{
		flex-wrap: wrap;
	}
	.b-connection-row ul li{
		width: 50%;
		text-align: left;
		margin: 0 0 10px 0;
	}
	.b-info-wrap{
		display: block;
	}
	.b-info-right{
		width: 100%;
		padding: 15px 0;
		margin: 15px 0 0 0;
	}
	.b-info-right__wrap{
		display: flex;
		justify-content: center;
		align-items: center;
		flex-direction: row;
	}
	.b-info-right__ico{
		margin: 0 15px;
	}
	.b-info-right span{
		margin: 0;
	}
	.b-info-wrap{
		margin: 0;
	}
	.b-info-top{
		position: relative;
		margin: 0 0 15px 0;
		padding: 10px 0;
	}
	.b-info-top > .container{
		max-width: 100%;
		padding: 0;
	}
	.b-info-top > .container > .row{
		margin: 0;
	}
	.b-info-top > .container > .row > div{
		padding: 0;
	}
	.b-info-left{
		margin: 0;
	}
	.b-info-top ul{
		flex-wrap: wrap;
		justify-content: center;
	}
	.b-info-top ul li{
		padding: 14px;
		line-height: 17px;
		padding: 5px 0;
	}
	.b-info-table{
		margin: 15px 0 0 0;
	}
	.btn-pay{
		margin: 0 auto 0;
		width: 290px;
	}
	.b-step-content{
		display: block;
	}
	.b-hidden{
		display: block;
	}
	.b-step-block{
		margin: 0 0 15px 0;
	}
	.b-step-item{
		width: 100%;
	}
	.b-step-info{
		flex-shrink: 0;
	}
	.b-pay-item span{
		font-size: 13px;
		line-height: 15px;
	}
	.b-pay-item{
		padding: 15px 0;
	}
	.b-schedule{
		display: block;
	}
	.b-schedule-text{
		width: 100%;
		margin: 0 0 15px 0;
	}
	.b-container {
	    min-height: auto;	
	}	
	.b-nav{
		align-items: flex-start;
		padding: 80px;
	}
	.b-table-nav ul li a{
		font-size: 13px;
		line-height: 15px;
	}
	.b-info-bottom{
		display: block;
	}
}

@media (max-width: 767px) {
        .b-authorization{
            margin-top: 50px;
        }
	.b-nav{
                position: fixed;
		width: 100%;
		align-items: flex-start;
		height: 100%;
		padding: 80px 30px;
	}
	.b-main-menu ul li a{
		font-size: 14px;
		line-height: 16px;
	}
	.modal-info .modal-dialog{
		width: auto;
		margin: 100px 5px 0 5px;
	}
	.b-login{
		width: 100%;
	}
	.button-reg{
		margin: 0 auto 0;
	}
	.b-reg .b-checkbox input[type="checkbox"] + label{
		justify-content: center;
	}
	.b-reg .b-checkbox{
		margin: 15px  0;
	}
	.main_login .b-authorization-input{
		width: 100%;
	}
	.b-login{
		padding: 25px 15px;
	}
	.b-reg{
		padding: 25px 15px;
	}
 	.b-connection-row ul li:nth-child(2n):after{
 		display: none;
 	}

	.b-connection-top__wrap{
		flex-direction: column;
		align-items: center;
		justify-content: center;
	}
	.b-connection-top__wrap b{
		margin: 0 0 15px 0;
		font-size: 14px;
		line-height: 16px;
	}
	.b-connection-top{
		padding: 15px;
	}
	.b-connection-block{
		padding: 15px;
	}
	.btn-send{
		width: 290px;
		height: 55px;
	}
	.btn-send span{
		font-size: 16px;
		line-height: 18px;
	}
	.btn-callback{
		margin: 30px 0 0 0;
	}
	.b-info-table table thead{
		display: none;
	}
	.b-info-table table tbody tr:first-child{
		display: none;
	}
	.b-info-table table tr td{
		display: block;
		position: relative;
	}
	.b-info-table table tbody tr{
		border-bottom: 20px solid transparent;
		padding:  0 0 30px 0;
		width: 100%;
	}
	.b-info-table table tbody tr td{
		padding: 10px 0 0 0;
		border: none;
		width: 100%;
		display: flex;
		justify-content: flex-start;
		align-items: center;
		width: 100%;
		text-align: left;	
		font-size: 13px;
	}
	.b-info-table table tbody tr td:before{
	    background: rgba(162, 42, 47, 0.50);
	    color: #ffffff;
	    font-size: 13px;
	    line-height: 20px;
	    padding: 10px 10px;
	    -webkit-box-sizing: border-box;
	    -moz-box-sizing: border-box;
	    box-sizing: border-box;
	    display: block;
	    border: none;
	    margin: 0 7px 0 0;
	    width: 50%;
	    flex-shrink: 0;
	}
	.b-info-table table tbody tr td:first-child:before{
		display: block;
		content: "Застрахованное лицо";
	}
	.b-info-table table tbody tr td:nth-child(2n):before{
		content: "Риск";
	}
	.b-info-table table tbody tr td:nth-child(3n):before{
		content: "Страховая сумма";
	}	
	.b-info-table table tbody tr td:nth-child(4n):before{
		content: "Страховая премия";
	}
	.b-info-table table tbody tr td:nth-child(5n):before{
		content: "Срок платежей";
	}
	.b-info-table table tbody tr td:nth-child(6n):before{
		content: "Периодичность выплат";
	}			
	.b-info-left{
		display: block;
	}
	.b-info-item{
		width: 100%;
		border: none;
		border-bottom: 1px solid rgba(255, 255, 255, 0.4);
		margin: 0;
		padding: 15px 35px;
	}
	.b-step-nav ul li a{
		font-size: 14px;
		line-height: 16px;
	}
	.btn-change{
		width: 85px;
	}
	.b-step-info{
		width: 191px;
	}
	h2{
		font-size: 15px;
	}
	.b-step-info ul li{
		font-size: 13px;
	}
	.b-step-item ul li b{
		font-size: 15px;
		line-height: 17px
	}
	.b-step-info ul li:first-child {
	    padding: 0px 0 0px 5px;
	    min-height: inherit;
	}	
	.b-step-info ul li span{
		font-size: 11px;
	}
	.b-step-info ul li{
		padding: 13px 0;
		min-height: 86px;
	}
	.b-step-item ul li strong{
		line-height: 24px;
	}
	.b-pay-row > .row > div{
		width: 50%;
		margin: 0 auto 15px;
	}
	.b-pay-item span{
		font-size: 12px;
		line-height: 14px;
	}
	.b-settings-nav ul{
		flex-wrap: wrap;
	}
	.b-settings-nav ul li{
		width: 100%;
		margin: 0 0 10px 0 !important;
	}
	.b-settings-nav ul li a{
		width: 100%;
	}
	.b-settings-nav{
		margin: 0 0 10px 0;
	}
	.b-settings-content .b-pay-block{
		margin: 0 0 10px 0;
	}
	.b-nav{
		cursor: pointer;
		z-index: 9999999999999999999999;
	}		
	.b-container{
		cursor: pointer;
	}	
	.b-pay-block:last-child{
		margin: 0 0 15px 0;
	}
	.modal-consent .modal-dialog{
		width: auto;
		padding: 25px 15px;
		margin: 30px 10px 0 10px;
	}
	.b-consent-top{
		padding: 0;
	}
	.b-consent-input{
		width: 100%;
	}
	.b-table-nav ul{
		flex-wrap: wrap;
	}
	.b-table-nav ul li{
		width: 50%;
	}
	.b-table-nav ul li a{
		border-radius: 12px;
	}

}

@media (max-width: 510px) {
	.b-step-nav ul{
		display: block;
	}
	.b-step-nav ul li{
		width: 100% !important;
	}

}

@media (max-width: 500px){
	.b-connection-row ul li{
		width: 100%;
	}
	.b-connection-row ul li:after{
		display: none;
	}
}
@media (max-width: 400px) {
	.b-info-right__wrap{
		flex-direction: column;
	}
	.b-info-right__ico{
		margin: 15px auto 15px;
	}
	.b-info-top ul li:after{
		display: none;
	}
	.b-info-item{
		padding: 15px;
	}
	.b-info-bottom{
		margin: 30px 0 0 0;
	}
	.b-table-nav ul li{
		width: 100%;
	}
}

@media (max-width: 370px) {
		.b-main-menu ul li a{
		font-size: 11px;
		line-height: 13px;
	}
}