/* Responsive*/
@media (max-width: 1170px){
   .site-wrap{
       float:left;
       width:100%;
       padding:0 10px;
       box-sizing:border-box;
   }
   .logos .swiper-button-next{
       right:-5px;
   }
   .logos{
       padding:0 20px;
       box-sizing:border-box;
   }
   .logo-wrap{
       width:250px;
   }
}
@media (max-width: 1100px){
    .top-menu-links .menu-link:hover:before {
        top:5px;
    }
    .header-elem.active .left-links{
        width:100%;
    }
    .all-new-editions-wrap .swiper-button-next{
        right:-10px !important;
        z-index: 999;
    }
    .all-new-editions-wrap .swiper-button-prev{
        left:-10px !important;
        z-index: 999;
    }
    .top-tab.active{
        font-size:14px;
    }
    .search-wrap button{
       background:#00698F url("../img/search.svg") no-repeat center;

    }
    .search-wrap input{
        border:none;
    }
    .catalog.for-mobile{
        display:block;
    }
    .search-wrap.for-desktop{
        display:none;
    }
    .search-wrap.for-mobile{
        display:block;
        width:calc(100% - 85px);
    }
    .search-wrap input{
        min-width: 100%;;
    }
    .for-mobile-wrap{
        display:flex;
        align-items:center;
        justify-content:space-between;
        padding:10px 0px;
        box-sizing:border-box;

    }
    .header.fixed{
        position:fixed;
        top:0;
        left:0;
        width:100%;
    }
    .top-header{
        margin-bottom:10px;
    }
   .nav-icon {
        display: block;
        top: 0px;
        right: 0;
        width: 40px;
        position: relative;
    }
   .nav-icon:after, .nav-icon:before, .nav-icon div {
        background-color: #fff;
        border-radius: 3px;
        content: "";
        display: block;
        height: 3px;
        margin: 7px 0;
        transition: all 0.2s ease-in-out;
    }
   .nav-icon.closed:before {
        transform: translateY(3px) translateX(-2px) rotate(135deg);
        width: 20px;
    }
   .nav-icon.closed:after {
        transform: translateY(-3px) translateX(-2px) rotate(-135deg);
        width: 20px;
    }
   /*.top-header{
       display:none;
   } */
   .top-header.is-mobile .search-wrap{
        display:none;
   }
   .top-header.active .logo-wrap{
       margin-bottom:10px;
   }
   .top-header.active .search-wrap {
       float:left;
       width:100%;
   }
   .top-header.active .search-wrap input{
       min-width:100%;
       float:left;
   }
   .top-header.active .klett-id-wrap{
       float:left;
       width:100%;
       height: 40px;
       margin-top:20px;
   }
   .top-header.active .applications-wrap{
       float:left;
       width:100%;
       height: 40px;
   }
   .top-header.active .izzi-wrap{
       float:left;
       width:100%;
       height: 40px;
   }
   .header-elem{
       display:none;
   }
   .header-elem.active{
       display: block;
        top: 0px;
        position: absolute;
        background: #00698F;
        z-index: 1004;
        left: 0;
        width: 80%;
        height: 100vh;
        padding:20px;
        box-sizing:border-box;
   }
   .header-elem.active .right-links{
       float:left;
       margin-top:20px;
   }
   .header-elem.active .left-links{
          flex-wrap:wrap;
      }
    .header-elem.active .left-links .link{
          width:100%;
          float:left;
      }
    .header-link:hover {
    color: #fff;
}
.left-links .link.is-mega-menu .header-link:hover:after {
    position: absolute;
    content: "";
    right: -4px;
    top: 2px;
    width: 13px;
    height: 13px;
    background: url(../img/down.svg) no-repeat center;
    background-size: 100%;
}
    .header-elem.active  .left-links .link {
        height: 30px;
        line-height: 30px;
        color:#fff;
    }
    .header-elem.active .mega-menu{
        width:100%;
        max-width: 100%;
        min-width:100%;
    }

   .top-header-container{
       margin-top:10px;
   }
   .header{
       margin-top:0px;
       padding:0 15px;
       box-sizing:border-box;
   }
}
@media (max-width: 1024px){
    .view-image{
        height: auto;
    }
    .top-image-wrap img{
        height: auto;
        max-width:100%;
    }
    .top-menu-links{
        flex-wrap:wrap;
    }
    .top-menu-links .menu-link:before{
        top:5px;
    }
    .footer-elements .white-txt{
        font-size:26px;
    }
    .subscr-wrap input{
        min-width:440px;
    }
    .bottom-footer{
        padding:20px 0px;
        box-sizing:border-box;
    }
    .footer-soc-link:before {
        position: absolute;
        content: "";
        left: 0;
        top: 0px;
        width: 30px;
        height: 30px;
        background: #fff url(../img/fb-f.svg) no-repeat center;
        background-size: 30%;
        border-radius: 100%;
    }
    .footer-soc-link.lin:before{
        background-size:45%;
    }
    .footer-soc-link.in:before{
        background-size:50%;
    }
    .footer-soc-link{
        padding-left:35px;
    }
    .middle-f-colum .f-link{
        font-size:14px;
    }
}
@media (max-width: 990px){
    .top-tabs{
        margin-right:0px;
    }
    .top-container{
        flex-wrap:wrap;
    }
    .top-container .right-links{
        display:none;
    }
    .cat-section .ctl{
        width:calc(33% - 11px);
    }
   .big-title{
       font-size:27px;
   }
   .news-box .news-title{
       font-size:22px;
   }
   .news-box p{
       font-size:16px;
   }
   .all-banners .small-banner .title-wrap .small-title{
       font-size:16px;
   }
   .all-new-editions .small-title{
       font-size:16px;
   }
}
@media (max-width: 950px){

     .bottom-footer-elem{
         flex-wrap:wrap;
     }
     .left-footer-wrap{
         width:100%;
     }
     .right-footer-wrap{
         float:left;
         width:100%;
         text-align:right;
         margin-top:10px;
     }
     .top-contacts-info{
         flex-wrap:wrap;
     }
     .top-contacts-info .left-colum{
         width:100%;
         padding-right:0px;
     }
     .top-contacts-info .right-colum{
         width:100%;
         padding-left:0px;
     }
}
@media (max-width: 900px){
   .all-class-cat{
       flex-wrap:wrap;
   }
   .all-class-cat .cat-box{
       width:calc(50% - 10px);
   }
   .logo-wrap{
       width:100%;
   }
   .logo-wrap img{
       width:100%;
       margin-bottom:10px;
       margin-top:10px;
       max-width:300px;
   }
   .top-tabs{
      display:none;
   }
   .top-tabs.for-mobile{
       display:block;
       float:left;
       width:100%;
       margin-bottom:20px;
   }
   .top-tabs.for-mobile .top-tab{
       width:33.3%;
   }
   .top-header-buttons{
       width:100%;
       justify-content:center;

   }
   .top-tab{
       height: 35px;
       line-height: 18px;
   }
   .top-tab.active{
       height: 40px;
       line-height: 18px;
   }
}
@media (max-width: 900px){
    .bottom-bar-mobile{
        display:block;
        position:fixed;
        width:100%;
        bottom:0;
        background:#FAA61A ;
        padding:15px 0px;
        box-sizing:border-box;
        z-index:999;
    }
    .bottom-bar-mobile .klett-id-wrap,.bottom-bar-mobile .applications-wrap,.bottom-bar-mobile .izzi-wrap{
        background: #fff;
    }
    .scroll-mobile{
        float:left;
        overflow-x:scroll;
        width:100%;
    }
    .scroll-mobile::-webkit-scrollbar {
      display: none;
    }
    .top-header{
        display:none;
    }

    /* Hide scrollbar for IE, Edge and Firefox */
    .scroll-mobile {
      -ms-overflow-style: none;  /* IE and Edge */
      scrollbar-width: none;  /* Firefox */
    }
    .news-box .see-more:after{
        top:8px;
    }
    .all-new-editions .see-btn{
        padding:7px;
        font-size:13px;
    }
    .footer-soc-link.youtube:before{
        background-size:50%;
    }
    .all-aside-links{
        display:none;
    }
    .bottom-menu-images{
        flex-wrap:wrap;
    }
    .bottom-menu-images .image-link{
        width:calc(50% - 10px);
    }
    .top-menu-links{
        gap:15px;
    }
    .icon-for-mobile{
        display:block;
    }

   .news-box .image-box {
        max-width: 275px;
        min-width: 275px;
    }
    .news-box .news-title {
        font-size: 20px;
        line-height: 22px;
    }
   .banners {
        float: left;
        width: 100%;
        background: url(../img/banners-bg.png) repeat center;
        min-height: 500px;
        padding: 30px 0px;
        box-sizing: border-box;
        height: auto;
    }
    .all-banners{
        flex-wrap:wrap;
    }
    .all-banners .small-banner{
        width:calc(50% - 10px);
    }
   .middle-footer-colums{
       flex-wrap:wrap;
   }
   .middle-f-colum{
       width:50%;
   }
}



@media (max-width: 850px){
    .top-image-wrap img{
        float:left;
        width:100%;
        max-width:100%;
    }
    .footer-elements{
        flex-wrap:wrap;
    }
    .footer-elements form{
        width:100%;
    }
    .subscr-wrap input{
        min-width:100%;
    }
    .middle-f-colum .up-bold-txt{
        font-size:14px;
    }
    .middle-f-colum .phone{
        font-size:25px;
    }
    .all-new-editions.listing .new-editions-box{
       width:calc(33% - 18px);
    }
    .footer-elements .white-txt{
        font-size:24px;
    }
}
@media (max-width: 820px){
    .top-tab{
        font-size:12px;
    }
}
@media (max-width: 800px){
    .blue-section-colums{
        flex-wrap:wrap;
    }
    .top-contacts-info .left-colum, .blue-section .left-colum{
        width:100%;
    }
    .top-contacts-info .right-colum, .blue-section .right-colum {
        width:100%;
        padding-left:0px;
        box-sizing:border-box;
    }
    .bottom-footer{
        padding-bottom:100px;
        box-sizing:border-box;
    }
    .scroll-top{
        bottom:75px;
    }
    .big-title{
        font-size:25px;
    }
    .news-text p{
        font-size:17px;
    }
    .klett-results{
        padding: 0 10px !important;
    }
    .search-title{
        padding:0 10px;
        box-sizing:border-box;
    }
}
@media (max-width: 730px){
        .cat-section .ctl {
            width:calc(50% - 10px);
        }
    .all-new-editions.listing .new-editions-box {
        width: calc(50% - 15px);
    }
    .all-downloads-books .downl-wrap .title-book{
        font-size:24px;
    }
}
@media (max-width: 680px){
    .klett-results{
        font-size:24px;
    }
    .path{
        margin-bottom:20px;
    }
    .all-class-cat .cat-box{
        width:100%;
    }
   .top-tab{
       font-size:13px;
   }
   .big-title {
        font-size: 22px;
    }
   .news-box .news-title {
        font-size: 18px;
        line-height: 20px;
    }
    .news-box p {
        font-size: 14px;
        line-height: 18px;
    }
    .all-banners .small-banner .title-wrap{
        min-height: 85px;
    }
    .all-banners .small-banner .title-wrap .small-title{
        max-height: 46px;
        overflow: hidden;
    }
}
@media (max-width: 670px){
    .left-footer-wrap{
        flex-wrap:wrap;
    }
    .footer-elements .white-txt{
        font-size:17px;
        margin-bottom:10px;
        margin-left:0px;
    }
    .footer-form{
        float:left;
        width:100%;
    }
    .subscr-wrap{
        float:left;
        width:100%;
    }
    .subscr-wrap input{
        float:left;
        width:100%;
        min-width:100%;
    }
}
@media (max-width: 650px){
    .top-title-elem{
        margin-top:0px;
    }
    .site-wrap.without-padd{
        padding:0px;
        box-sizing:border-box;
    }
    .logo-wrap{
        padding:0 10px;
        box-sizing:border-box;
    }
    .top-tab{
        display: flex;
        align-items: center;
        line-height: 12px;
        justify-content:center;

    }
    .top-tab.active{
        line-height: 18px;
    }
    .all-downloads-books .downl-wrap .title-book{
        font-size:18px;
    }
    .klett-id-wrap{
        background:none;
    }
}
@media (max-width: 560px){
    .top-menu-links .menu-link{
        width:100%;
    }
    .news-text iframe{
        width:100%;
    }
    .top-contacts-info .orange-title{
        font-size:17px;
    }
    .top-tab {
        font-size: 11px;
    }
    .news-box .image-box {
        max-width: 170px;
        min-width: 170px;
    }
    .middle-f-colum .f-link {
        font-size:13px;
    }
}
@media (max-width: 500px){
    .all-downloads-books .downl-wrap .title-book{
        font-size:12px;
    }
    .all-downloads-books .downl-wrap span{
        font-size:11px;
    }
    .all-new-editions .img{
        min-height: 250px;
    }
    .big-title.cont-title{
        font-size:28px;
    }
        .klett-results {
            font-size:20px;
        }
    .all-new-editions.listing .new-editions-box .publishing{
        overflow-x:scroll;
    }
    /*.bottom-menu-images .image-link{
        width:100%;
    }
       */
    .big-title {
        font-size: 19px;
    }
    .left-links{
        gap:20px;
    }
    .left-links .link.is-mega-menu:after{
        top:7px;
    }
   .news-box{
      flex-wrap: wrap;
    justify-content: center;
    padding:20px;
    box-sizing:border-box;
   }
   .news-box img{
          border-radius:5px
      }
   .text-box{
     display: flex;
    flex-direction: column;
    align-items: center;
   }
}
@media (max-width: 480px){
    .middle-f-colum{
        margin-top:15px;
    }
    .orange-title{
        margin-top:20px;
    }
    .contact-box{
        margin-top:10px;
    }
     .cat-section .ctl{
         min-height: auto;
     }
    .top-tab img {
        width:25px;
    }

   .big-title{
       width:100%;
   }
   .see-all{
    float: right;
    text-align: right;

   }
   .news-box .image-box {
        max-width: 100%;
        min-width: 100%;
    }
    .all-banners .small-banner .title-wrap .ticket {
        position: absolute;
        top: -25px;
        right: 10px;
        width: 40px;
        height: 40px;
    }
    .all-banners .small-banner .title-wrap .small-title{
        width:100%;
    }
    .contact-box .bold-title{
        font-size:16px;
    }
}
@media (max-width: 440px){

   .middle-f-colum{
       width:100%;
   }
   .header-link{
       font-size:14px;
   }
   .popup{
       min-height: 560px !important;
   }
}
@media (max-width: 420px){
    .popup-title .title{
        font-size:18px;
    }
    .popup-content .contact-box .bold-title{
        font-size:16px !important;
    }
    .contact-box{
        font-size:13px;
    }
   .applications{
       font-size:10px;
   }
   .klett-id-wrap{
       font-size:10px;
   }
   .klett-id, .applications{
       padding-left:28px;
   }
   .klett-id:before{
       top:5px;
       width:22px;
       height: 22px;
   }
   .applications:before{
       top:7px;
       width:22px;
       height: 22px;
   }
   .top-header-buttons{
       gap:2px;
   }
   .big-title{
       font-size:15px;
   }
   .see-all{
       font-size:12px;
   }
   .footer{
       margin-top:10px;
   }
}
@media (max-width: 390px){
    .top-tab.active{
        font-size:12px;
    }

   .klett-id:before {
        top: 5px;
        width: 19px;
        height: 19px;
        left: 0;
    }
    .applications:before {
        top: 7px;
        width: 19px;
        height: 19px;
        left: 0;
    }
    .applications{
        width:auto;
        max-width:150px;
    }
}
@media (max-width: 370px){
   .klett-id, .applications{
       padding-left:19px;
       box-sizing:border-box;
   }
}
@media (max-width: 345px){
    .applications {
        max-width: 128px;
    }
    .klett-id{
        font-size:10px;
    }
}