.promo-slider{
 text-align: left;   
}
.promo-slider .slick-dots{
  bottom:20px;
  }
  .promo-slider .slide{
  position:relative;
  }
  .promo-slider .slide img{
  width:100%;
  }
  .promo-slider .slide .text{
  position:absolute;
    top:16%;
    left:80px;
    z-index:2;
    max-width:28%;
    color:#666;
  }
  .promo-slider .slide .text .title{
  font-weight:500;
    margin:0 0 5% 0;
  }
  .promo-slider .slide .text .comment{
  
  }
.promo-slider .slide .text .title {
    font-size: 2.7em;
    line-height: 1.25em;
  }
@media(max-width: 1024px){
.promo-slider .slide .text .title {
    font-size: 2.5em;
    line-height: 1.05em;
}
  }
@media(max-width: 720px){
.promo-slider .slide .text .title {
    font-size: 1.75em;
    line-height: 1.07143em;
}
  }
@media(max-width: 640px){
.promo-slider .slide .text .title {
    font-size: 1.5em;
    line-height: 1em;
}
  }
  
.promo-slider .slide .text .comment {
    font-size: 1.5em;
    line-height: 1.125em;
}

@media (max-width: 1024px){
.promo-slider .slide .text .comment {
    font-size: 1.0625em;
    line-height: 1.41176em;
}
  }
@media (max-width: 720px){
.promo-slider .slide .text .comment {
    font-size: .9375em;
    line-height: 1.4em;
}
  }
@media (max-width: 640px){
.promo-slider .slide .text .comment {
    font-size: .875em;
    line-height: 1.28571em;
}
  }
  .promo-slider .slick-prev:before, .promo-slider .slick-next:before{
  color:#fe8a15 !important;
  }
  .mobile_slider{
    display: none; 
  }
  
  @media(max-width: 800px){
    .pc{
      display: none; 
    }
    .mobile_slider{
     display: block;
      width: 100%;
      position: relative;
      color: white;
      padding: 20px 10px;
      background: linear-gradient(60deg,#0a202f,#0061BD);
      text-align: center;
      height: calc(100vh - 50px);
    }
    
    .mobile_slider .slick-dots{
      bottom: 20px;
    }
    .mobile_slider .start-screen{
      position:relative;
      height: calc(100vh - 90px);
      display:flex;
      flex-wrap:wrap;
      align-items:center;
      justify-content:center;
      padding-bottom:50px;
    }
    .mobile_slider .start-screen .title{
        font-weight: 600;
    	font-size: 32px;
        margin-bottom: 15px;
    }
    .mobile_slider .start-screen .title-text{
    	font-size: 14px;
        margin-bottom: 20px;
        height: 70px;
          line-height: 16px;
    }
    .mobile_slider .start-screen .cond_img{
      width: auto;
      max-width: 100%;
      margin: auto;
      max-height: 140px;
    }
    .mobile_slider .start-screen .preim_row{
      display: flex;
      margin: 20px 0;
      justify-content: center;
    }
    .mobile_slider .start-screen .preim_row .item{
      width: 33%;
    }
    .mobile_slider .start-screen .preim_row .item .to_flex_img{
      height: 50px;
      display: flex;
      align-items: center;
      justify-content: center;
      position: relative;
      margin-bottom: 10px;
    }
    .mobile_slider .start-screen .preim_row .item .to_flex_img img{
      max-width:80px;
      max-height:100%;
    }
    .mobile_slider .start-screen .preim_row .item div{
      font-size: 9px;
          line-height: 12px;
    }
     .mobile_slider .start-screen .price{
       font-weight: bold;
       font-size: 30px;
    }
  }
  .cat-title{
  position:relative;
    width:100%;
    padding:40px 0;
    background:#2997ff;
    color:White;
    display:flex;
    justify-content:center;
    flex-wraP:Wrap;
    text-align:center;
  }
  .cat-title .title{
  font-size:48px;
    font-weight:700;
  }
  .cat-title .text{
  font-size:18px;
   margin:20px 0;
    width:800px;
    max-width:100%;
    line-height:26px;
  }
  .cat-title .button{
  font-size:21px;
    color:white;
    position:relative;
    display:flex;
    align-items:center;
    text-decoration:underline;
  }
  .cat-title .button:after{
  content:"\f061";
    position:relative;
    display:block;
    font-weight:500;
    font-size:24px;
    font-family:"Font Awesome 5 Pro";
    margin:0 0 0 10px;
    font-size:18px;
    top:0px;
  }
  .new-catalog{
  position:relative;
    width:100%;
    display:flex;
    flex-wraP:Wrap;
    display:none;
  }
  .new-catalog .item{
  position:relative;
    display:block;
    width:50%;
    height:330px;
    box-shadow:-2px 0 24px 0 rgba(0, 0, 0, 0.5);
    color:white;
    padding:50px 30px;
  }
  .new-catalog .item .overflow{
  position:absolute;
    top:0;
    right:0;
    bottom:0;
    left:0;
    background:rgba(0,0,0,0.4);
  }
  .new-catalog .item .title{
  position:relative;
    z-index:2;
    font-size:20px;
    font-weight:700;
    text-transform:uppercase;
    text-shadow:0 1px 2px rgba(0, 0, 0, 0.3);
  }
  .new-catalog .item .line{
  position:relative;
    z-index:2;
    width:35px;
    height:2px;
    background:white;
    margin:20px 0;
    transition:0.4s ease-out;
  }
  .new-catalog .item .text{
  position:relative;
    z-index:2;
    font-size:16px;
    line-height:18px;
    text-shadow:0 1px 2px rgba(0, 0, 0, 0.3);
  }
  .new-catalog .item .button{
    z-index:2;
    position:absolute;
    left:0;
    right:0;
    bottom:0;
    font-size:16px;
    padding:20px 30px;
    border-top:1px solid rgba(255,255,255,0.2);
    transition:0.2s;
  }
   .new-catalog .item .button::after {
    position: absolute;
    content: '\f178';
    font-family: 'Font Awesome 5 Pro';
    right: 1.66667rem;
    top: calc(50% - 8px);
}
  .new-catalog .item:hover .line{
  width:70%;
  }
  .new-catalog .item:hover .button{
  background:rgba(255,255,255,0.1);
  }
  .cat{
  position:relative;
    width:100%;
    display:flex;
    flex-wrap:Wrap;
        margin-bottom: 40px;
  }
  .cat .name{
  position:relative;
    width:100%;
    text-align:center;
    font-size:30px;
    font-weight:700;
    margin:30px 0;
  }
  .cat .item{
  position:relative;
    width:calc(50% - 20px);
    height:600px;
    background:#fbfbfd;
    margin:10px;
    padding:30px 0;
  }
  .cat .item img{
  max-width:60%;
    max-height:70%;
    position:relative;
    display:block;
    margin:50px auto 0 auto;
    transition:0.5s;
  }
  .cat .item:hover img{
  transition:2s;
    transform:scale(1.1);
  }
  .cat .item .title{
  font-size:40px;
    font-weight:700;
    width:100%;
    text-align:center;
        line-height: 45px;
  }
  .cat .item .text{
  font-size:20px;
    margin:20px 0;
    font-weight:500;
    width:100%;
    text-align:center;
    padding:0 20px;
  }
  .cat .item .button{
  font-size:21px;
    color:#2997ff !important;
    position:relative;
    display:flex;
    align-items:center;
    width:100%;
    display:flex;
    align-items:center;
    justify-content:center;
  }
  .cat .item .button:after{
  content:"\f061";
    position:relative;
    display:block;
    font-weight:500;
    font-size:24px;
    font-family:"Font Awesome 5 Pro";
    margin:0 0 0 10px;
    font-size:18px;
    top:0px;
  }
@media(max-width:800px){
  .cat{
       margin-bottom: 20px; 
  }
  .cat-title{
  padding:20px 10px;
  }
  .cat-title .title{
  font-size:35px;
   line-height:45px;
  }
  .cat-title .text{
  font-size:16px;
    line-height:16px;
  }
  .cat .item{
  width:100%;
    height:auto;
    padding:30px 10px;
  }
  .cat .item .title{
  font-size:28px;
        line-height: 30px;
  }
  .cat .item .text{
  font-size:16px;
    line-height:16px;
  }
  .mis-b .g-slides{
  margin:20px 0 35px 0;
  }
  .mis-b .name{
  font-size:18px;
  }
  .mis-b .g-slides .g-slide img{
  max-width:100%;
    min-width:100%;
  }
  .mis-b .g-slides .g-slide .text{
  font-size:14px;
    line-height:14px;
  }
}
@media(max-width:320px){
 .mobile_slider .start-screen .title{
       font-size: 27px;
  }
}