/* ------ Media Queries ------ */
/* 1200-1600px */
@media screen and (max-width: 1600px) {
    
}
/* 1120-1200px */
@media screen and (max-width: 1199px) {
.offer {
    padding: 80px 95px;
    }
     .details {
    padding: 20px 0px;
  }
  .img-finance{
          max-width: 90%;
  }
  
  .hexagon_red span {
    top: 31%;
    left: 17%;
  }
  .hexagon_yellow span {
    top: 30%;
    right: 25%;
    }
    .hexagon_violet span {
    bottom: 170px;
    right: 104px;
    }
    .hexagon_blue span {
    bottom: 155px;
    left: 53px;
    }
    .offers-ru .hexagon_blue span {
    bottom: 37%;
    }
    .offers-ru .hexagon_red span {
    top: 28%;
    }
    .offers-ru .hexagon_violet span {
    bottom: 39%;
    }
    .offers-ru .hexagon_yellow span {
    top: 27%;
    }
    .services p {
    padding: 10% 0 0 40px;
    }
}
/* 998-1120 */
@media screen and (max-width: 1120px) {
	.menu, .menu-collapse i{
    margin-top: 15px;
  }	
    .about__item{
    width: 90%;
    }
    .services__bg{
        order:2;
    }
    .services{
    height: 100%;
    }
    .services__second{
        margin-bottom:20px;
    }        
}
/* 991-998px */
@media screen and (max-width: 998px) {
  .menu__text {
    padding: 0px 15px;
  }
  .menu, .menu-collapse i{
    margin-top: 15px;
  }	
  .details {
    padding: 20px;
  }
  .about__item li {
    flex-direction: column;
    }
    .about__item__text_yelow {
    border-left: 0px transparent;
    border-top: 10px solid;
    border-color: #ecce0a;
    }
    .about__item__text_red {
    border-left: 0px transparent;
    border-top: 10px solid;
    border-color: #ee3464;
    }
    .about__item__text_green {
    border-left: 0px transparent;
    border-top: 10px solid;
    border-color: #63f048;
    }
    .about__item__text_blu {
    border-left: 0px transparent;
    border-top: 10px solid;
    border-color: #13c8f7;
    }
    .about__item img {
    margin-bottom: 20px;
    }
    .about__item p {
    padding-top: 20px;
    width: 100%;    
    }
}
/* 890-991 */
@media screen and (max-width: 991px) {
   .services p {
    padding: 50px 0 0px 0px;
    font-size: 20px;
   }
   .advantages {
    padding: 70px 0px 60px 0px;
    }
    .advantages img {
    display:none;
    }
      .hexagon_red span {
    top: 37%;
    left: 14%;
  }
  .hexagon_blue span {
    bottom: 20%;
    left: 40%;
    z-index: 1;
  }
  .hexagon_yellow span {
    top: 35%;
    right: 47%;
  }
  .hexagon_violet span {
    bottom: 57%;
    right: 15%;
    }
    .services p {
     width: 100%; 
    justify-content: space-between;
}
.offers-ru .hexagon_red span {
    top: 36%;
}
.offers-ru .hexagon_yellow span {
    top: 34%;
}
.offers-ru .hexagon_blue span {
    bottom: 20%;
}
.offers-ru .hexagon_violet span {
    bottom: 58%;
}
}
/* 768-890 */
@media screen and (max-width: 890px) {
    .type_personal, .other {
    padding: 20px;
    }
    .personal_condition, .personal_price {
    font-size: 20px;
    line-height: 1.5;
    }
    .type_basic, .type_standart, .type_premium, .type_clasic, .column-currency, .column-nominal, .column-period {
    line-height: 1.5;
    }
    .column-period{
        padding-bottom: 10px;
    }
    .services p {
    padding: 40px 0px 0 0px;
  }
  
}
/* 690-768px */
@media screen and (max-width: 768px) {
    .navbars{
    font-size: 25px;
    color: #fff;
    background-color: transparent;
    border: none;
    }
 	.offer {
    padding: 80px 40px;
    }
    .hexagon_red span {
    left: 20%;
    }
    .hexagon_yellow span {
    right: 27%;
    }
    .hexagon_blue span {
    bottom: 17%;
    left: 15%;
    }
    .hexagon_violet span {
    bottom: 20%;
    right: 25%;
    }
    .footer__text {
    text-align: start;
    padding-top: 10px;
    }
      .offers-ru .hexagon_violet span {
    bottom: 20%;
}
    
}
 /* 576-690px */
@media screen and (max-width: 690px){

}
 /* 502-576 */
@media screen and (max-width: 576px){
    h1{
    font-size: 38px;
    margin-top: 200px;
    } 
    h2{
    font-size: 28px;
    }
    .offer {
    margin-top: 60px;
    padding: 60px 40px;
    }
    .basic ul {
    padding: 0 20px;
    }
    .about__item li{
        flex-direction: column;
    }
    
}
 /* 480-502 */
@media screen and (max-width: 502px){
  .hexagon_blue span {
    left: 12%;
  }
  
}
  /* 455-480px */
@media screen and (max-width: 480px){
  
}
 /* 444-455 */
@media screen and (max-width: 455px){
    .hexagon_red span {
    top: 28%;
    left: 14%;
    }
    .hexagon_yellow span {
    top: 26%;
    right: 23%;
    }
    .hexagon_blue span {
    bottom: 43%;
    left: 35%;
    }
    .hexagon_violet span {
    bottom: 15%;
    right: 42%;
    }
    .offers-ru .hexagon_blue span {
    bottom: 17%;
    left: 8%;
}
.offers-ru .hexagon_violet span {
    bottom: 20%;
    right: 20%;
}
.offers-ru .hexagon_red span {
    top: 28%;
}
.offers-ru .hexagon_yellow span {
    top: 27%;
}
.offers-ru .hexagon_blue span {
    bottom: 14%;
     left: 34%;
}
.offers-ru .hexagon_violet span {
    bottom: 42%;
    right: 40%;
}
}
/* 430-444px */
@media screen and (max-width: 444px){

.hexagon_red span {
    top: 19%;
    left: 40%;
    }
    .hexagon_blue span {
    bottom: 34%;
    left: 33%;
    }
    .hexagon_yellow span {
    right: 45%;
    top: 41%;
    }
    .hexagon_violet span {
    bottom: 11%;
    }
    .offers-ru .hexagon_blue span {
    bottom: 11%;
}
.offers-ru .hexagon_violet span {
    bottom: 34%; right: 40%;
}
.offers-ru .hexagon_yellow span {
    top: 41%;
}
.offers-ru .hexagon_red span {
    top: 19%;
}
}
/* 380-430px */
@media screen and (max-width: 430px){
     h1{
    font-size: 30px;
    margin-top: 180px;
    } 
    h2{
        font-size: 23px;
    }
    .offer {
    margin-top: 30px;
    padding: 40px 40px;
    }
    .offer__subtitle{
     font-size: 20px;
    }
   
}
    /* 330-380px */
@media screen and (max-width: 380px){
   
      /* 320-330px */
@media screen and (max-width: 330px){