@media(min-width: 1440px){
    #idForToLeft, #idForToRight{
        bottom:20%;
    }
}
@media(min-width: 992px) and (max-width: 1199px){
    .grid-item, .grid-sizer{
        width: 30%;
    }
    .default-tabs .nav-item{
        font-size: 15px;
        padding: 0 5px;
    }
    .default-tabs .nav-tabs span{
        padding: 0 8px;
    }
    .slider-text{
        font-size: 15px;
    }
    .why-container img{
        max-width: 100%;
    }
    .sw-title{
        font-size: 16px;
    }
    .footer-nav ul li a{
        font-size: 13px;
    }
    #idForToLeft,#idForToRight{
        bottom: 25%;
    }
    .sl1{
        left: 2% !important;
    }
    .sl2{
        left: 21% !important;
    }
    .sl3{
        left: 14.5% !important;
    }
    .sl4{
        left: 8% !important;
    }
    .sl5{
        left: 11% !important;
    }
    .red-btn-birz{
        left: 36.5%;
    }
    .btn-birz{
        left: 58%;
    }
    .silver-small-list{
        padding: 20px 20px 30px;
    }
    .form-group label{
        font-size: 13px;
    }
    .htc-text{
        font-size: 26px;
    }

}
@media(min-width: 768px) and (max-width: 991px){
    .bottom-list-container .grid-sizer, .bottom-list-container .grid-item{
        width: 45%;
    }
    .header-nav ul li a{
        font-size: 13px;
    }
    .sort-single-block ul li .check{
        font-size: 12px;
    }
    .ssb-over .btn-sel{
        padding: 10px 20px;
    }
    .htc-text{
        font-size: 21px;
    }
    .header-nav ul li a{
        font-size: 12px;
    }
    .sc-bottom-form .nav-tabs span{
        font-size: 12px;
    }
    .scb-tabs .nav-tabs span{
        font-size: 13px;
    }
    .scb-tabs .nav-item{
        font-size: 13px;
    }
    .ssb-t-text{
        font-size: 15px;
    }
    .sc-bottom-form .nav-item{
        font-size: 14px;
    }
    .add-blue-icon{
        line-height: 49px;
    }
    .grid-item, .grid-sizer{
        width: 30%;
    }
    .h1, h1{
        font-size: 32px;
    }

    .h2, h2{
        font-size: 28px;
    }
    .h3, h3{
        font-size: 26px;
    }
    .h4, h4{
        font-size: 24px;
    }
    .h5, h5{
        font-size: 22px;
    }
    .silver-small-list .btn-red,.green-btn-check label,.btn-birz{
        font-size: 13px;
    }
    .btn-birz,.green-btn-check label{
        padding: 9px 40px;
    }
    .default-tabs .nav-item{
        font-size: 15px;
        padding: 0 5px;
    }
    .btn-birz{
        left: 42%;
    }
    .red-btn-birz{
        left: 15.5%;
    }
    .default-tabs .nav-tabs span{
        padding: 0 8px;
    }
    .user-name{
        font-size: 13px;
    }
    .birzha-top-buttons .btn{
        font-size: 13px;
        margin-left: 10px;
    }
    .register-middle-container .form-control{
        width: 85%;
    }
    .form-check-input{
        margin-top: 2px;
    }
    #idForToLeft{
        bottom: 60%;
        left: -6%;
    }
    #idForToRight{
        bottom: 60%;
        right: -6%;
    }
    .sl-white{
        padding: 10px;
    }
    .sim-slider{
        overflow: visible !important;
    }
    .why-container{
        padding: 30px 0;
    }
    .why-container img{
        max-width: 100%;
    }
    .sw-title{
        font-size: 16px;
    }
    .footer-nav ul li a{
        font-size: 13px;
    }
    .footer-nav{
        margin-bottom: 15px;
    }
    .main-page .header-nav{
        text-align: center;
    }
    .top-slider-content{
        margin-left: 12%;
        top:-10%;
        -webkit-transform: translateY(0%);
        -ms-transform: translateY(0%);
        transform: translateY(0%);
        position: relative;

    }
    .slw-title{
        margin-bottom: 10px;
    }
    .see-sl{
        font-size: 12px;
    }
    .sl1 .sl-white:before{
        right: 25px;
    }
    .sl1{
        left: 0% !important;
    }
    .sl2{
        left: 21% !important;
    }
    .sl2 .sl-white:before{
        right: 25px;
    }
    .sl3{
        left: 14.5% !important;
    }
    .sl3 .sl-white:before{
        right: 25px;
    }
    .sl4{
        left: 8% !important;
    }
    .sl4 .sl-white:before{
        right: 25px;
    }
    .sl5{
        left: 11% !important;
    }
    .sl5 .sl-white:before{
        right: 25px;
    }
    .sidebar-container ul>li a{
        font-size: 11px;
    }
}
@media(max-width: 767px){
    .bottom-list-container .grid-sizer, .bottom-list-container .grid-item{
        width: 100%;
    }
    .form-group label{
        font-size: 14px;
        margin-bottom: 0;
    }
    .form-group{
        margin-bottom: 15px !important;
    }
    #bookElementList{
        position: relative;
        top:0;
        right: 0 !important;
        width: 100% !important;
    }
    a.zoom{
        position: relative;
        left: 20px;
    }
    .add-blue-icon{
        top:initial !important;
        line-height: 48px;
    }
    .sc-bottom-rel{
        padding: 0 15px;
    }
    .sc-bottom-form .nav-tabs span{
        margin-top: -1px !important;
        padding: 0 10px !important;
    }
    .sc-bottom-form .nav-item {
        font-size: 12px !important;
    }
    .user-dropdown{
        text-align: center;
        margin-top: 10px;
    }
    .header-nav{
        margin-top: 10px;
    }
    .htc-text{
        font-size: 20px;
    }
    .grid-item, .grid-sizer{
        width: 100%;
    }
    .h1, h1{
        font-size: 28px;
    }
    .h2, h2{
        font-size: 24px;
    }
    .h3, h3{
        font-size: 22px;
    }
    .h4, h4{
        font-size: 20px;
    }
    .h5, h5{
        font-size: 18px;
    }
    .h6, h6{
        font-size: 16px;
    }
    .register-middle-container .form-control{
        width: 100%;
    }
    .bottom-reg-container label{
        font-size: 13px;
    }
    .reg-map{
        position: relative;
        width: 100%;
    }
    #idForToLeft{
        bottom: 26%;
        left: 22% !important;
    }
    .main-page #header{
        padding-top: 10px;
    }
    .form-check-input {
        margin-top: 0;
    }
    #idForToRight{
        bottom: 26%;
        right: 51% !important;
    }
    .sim-slider{
        overflow: visible !important;
    }
    .header-nav{
        text-align: center;
    }
    .silver-reg-container .btn{
        margin-bottom: 20px;
    }
    .footer-nav{
        text-align: center;
        margin-bottom: 10px;
    }
    .top-slider-content{
        margin-left: 12%;
        top:-50%;
        -webkit-transform: translateY(0%);
        -ms-transform: translateY(0%);
        transform: translateY(0%);
        position: relative;
        margin-bottom: 230px;
    }
    .sl1{
        left: 0% !important;
        position: relative !important;
        width: 100% !important;
        top:90% !important;
    }
    .sl2{
        left: 0% !important;
        position: relative !important;
        width: 100% !important;
        top:90% !important;
    }
    .sl3{
        left: 0% !important;
        position: relative !important;
        width: 100% !important;
        top:90% !important;
    }
    .sl4{
         left: 0% !important;
         position: relative !important;
         width: 100% !important;
         top:90% !important;
     }
    .sl5{
        left: 0% !important;
        position: relative !important;
        width: 100% !important;
        top:90% !important;
    }
    .sl-white{
        width: 80%;
        margin-left: -3%;
    }
    .sl-white:before{
        right: 70%;
    }
    .silver-container-for-slider{
        margin-bottom: 20px;
    }
    #header .logo{
        display: block;
        text-align: left;
    }
    .bg-light{
        background: transparent !important;
        justify-content: flex-end !important;
    }
    .right-sidebar-block{
        justify-content: center !important;
        margin-top: 15px;
        margin-bottom: 15px;
    }
    #header{
        padding-bottom: 10px;
    }
    .register-middle-container{
        text-align: center;
    }
    .reg-container-with-map{
        padding-top: 0;
    }
    .search-birzha{
        margin-bottom: 20px;
    }
    .default-tabs .nav-tabs{
        justify-content: center;
    }
    .birzha-top-buttons{
        text-align: center;
    }
    .birzha-top-buttons .btn{
        font-size: 14px;
        margin: 10px 5px;
    }
    .silver-list{
        padding: 20px;
    }
    .sl-title{
        padding: 0;
        margin-bottom: 5px;
        position: relative;
        top:0 !important;
        left: 0 !important;
    }
    .long-view{
        margin-bottom: 15px;
    }
    .star-gold{
        top:11px;
    }
    .btn-birz.active:after{
        display: none !important;
    }
    .btn-birz:after{
        display: none !important;
    }
    .green-btn-check{
        left: 11%;
        min-width: 59px;
        max-width: 79px;
    }
    .green-btn-check label{
        min-width: auto;
    }
    .btn-birz{
        left: 39.2%;
        padding: 10px 25px;
        min-width: auto;
    }
    .btn-birz:before{
        margin-right: 0;
    }
    .red-btn-birz{
        left: 62.5%;
    }
    .green-btn-check label:after{
        position: relative;
        content: '\f00c';
        font-family: FontAwesome;
        line-height: 1;
    }

    .green-btn-check label.checked{
        background: #fff;
        border:1px solid green;
        color:green;
    }
    .interested_refuse label:hover{
        background: #fff !important;
    }
    .slider-text{
        font-size: 14px;
    }
    .top-slider-title{
        font-size: 26px;
        margin-bottom: 10px;
        margin-top: 20px;
    }
    .main-page #header{
        margin-bottom: 65px;
    }
    .main-page .header-nav{
        text-align: right;
    }
    .modal-content .sc-table-single{
        padding: 10px 0;
    }
    .scb-tabs .nav-tabs span{
        font-size: 12px;
        padding: 0 7.5px;
    }
    .scb-tabs .nav-item{
        font-size: 12px;
    }
    .big-map{
        position: relative;
        width: 100% !important;
        height: 250px;
    }
    .sc-sec-block .time-event{
        position: relative !important;
        right:0 !important;
        font-size: 11px;
    }
}
@media(min-width: 767px){
    .navbar-light{
        display: none !important;
    }

}