@media screen and (min-width: 993px) {
    body.barrier-free {
        width: 100%;
        background-color: #000000;
        color: #ffffff;
        font-family: Arial !important;
        margin: 0px;
        padding: 0px;
    }

    body.barrier-free a {
        color: #ff0 !important;
        background: #000000;
    }

    body.barrier-free a:hover,
    body.barrier-free a:active {
        text-decoration: underline;
    }

    body.barrier-free #navbarKshk {
        background: #000;
    }

    body.barrier-free #navbarKshk li a {
        color: #ff0 !important;
    }

    body.barrier-free #navbarKshk li:hover a {
        color: #ff0;
        text-decoration: underline;
    }

    body.barrier-free #navbarKshk {
        height: 75px;
        border-top: 2px solid #fff;
        border-bottom: 2px solid #fff;
        transition: .3s height;
    }

    body.barrier-free #navbarKshk {
        height: 100px;
        border-bottom: 1px solid #fff;
        transition: .3s height;
    }

    body.barrier-free #navbarKshk ul.navbar ul.dropdown-menu {
        top: 92px;
        left: auto;
        box-shadow: none;
        z-index: 111;
    }

    body.barrier-free #navbarKshk .container {
        position: relative;
    }

    body.barrier-free #navbarKshk img.logo {
        width: 200px;
        padding: 10px;
        position: absolute;
        top: 5px;
    }
    body.barrier-free #navbarKshk img.logo-small {
        height: 40px !important;
    }
    body.barrier-free #navbarKshk ul.iconset {
        position: absolute;
        right: 0px;
        top: 6px;
        margin-top: 0px;
    }

    body.barrier-free #navbarKshk ul.navbar {
        margin: 0;
        top: 60px;
        height: max-content;
        position: absolute;
    }

    body.barrier-free #navbarKshk ul.navbar ul.dropdown-menu li a {
        color: #ff0 !important;
        font-size: 18px;
        width: auto;
        height: auto;
    }

    body.barrier-free #navbarKshk ul.navbar ul.dropdown-menu li {
        background: #000;
        border: 1px solid #fff;
    }

    body.barrier-free #navbarKshk ul.navbar ul.dropdown-menu li:hover a {
        background: #000;
        color: #ff0;
    }

    body.barrier-free #navbarKshk ul.navbar ul.dropdown-menu li:hover {
        border: 1px solid #fff;
    }

    body.barrier-free footer {
        background: #000;
        text-align: left;
        font-size: 16px;
        border-top: 2px solid #fff;
    }

    body.barrier-free .search-box {
        background: none;
        background-color: #000;
        background-image: none !important;
    }

    body.barrier-free .partners {
        background: none;
        padding: 0;
    }

    body.barrier-free .partners a {
        display: inline-block;
        margin: 30px 0px;
    }

    body.barrier-free .search-box-form {
        margin-top: 150px;
        background: none;
        border: 1px solid #fff;
    }

    body.barrier-free .search-form input[type="text"] {
        width: 80%;
        color: #000;
    }

    body.barrier-free .search-form input[type="submit"] {
        width: 15%;
        background: #000;
        color: #ff0;
        text-transform: uppercase;
        border: solid 2px #fff;
    }

    body.barrier-free .news-box h1,
    body.barrier-free .where-in.right,
    body.barrier-free .where-in,
    body.barrier-free .search-form {
        background: none;
        border: transparent;
    }

    body.barrier-free div:hover.news img {
        transform: scale(1);
        transition: .3s;
    }

    body.barrier-free .news-box .news h3 a {
        color: #ff0;
        text-decoration: none;
    }

    body.barrier-free .news-box .news h3 a:hover {
        color: #ff0;
        text-decoration: underline;
    }

    body.barrier-free .news-box .news span.date {
        color: #fff;
    }

    body.barrier-free ::-webkit-input-placeholder {
        /* Chrome/Opera/Safari */
        color: #000;
    }

    body.barrier-free ::-moz-placeholder {
        /* Firefox 19+ */
        color: #000;
    }

    body.barrier-free :-ms-input-placeholder {
        /* IE 10+ */
        color: #000;
    }

    body.barrier-free :-moz-placeholder {
        /* Firefox 18- */
        color: #000;
    }

    body.barrier-free .menu-box a.menu-1,
    body.barrier-free .menu-box a.menu-2,
    body.barrier-free .menu-box a.menu-3,
    body.barrier-free .menu-box a.menu-4,
    body.barrier-free .menu-box a.menu-5,
    body.barrier-free .menu-box a.menu-6,
    body.barrier-free .menu-box a.menu-7,
    body.barrier-free .menu-box a.menu-8 {
        background: none;
        border: 1px solid #fff;
        background-color: #000000 !important;
    }

    body.barrier-free .menu-box a span {
        color: #ff0;
        font-size: 20px;
    }

    body.barrier-free .menu-box a:hover span {
        text-decoration: underline;
    }

    body.barrier-free .menu-box {
        padding: 102px 0;
    }

    body.barrier-free ul.iconset li.lang select {
        background: #000;
        color: #fff;
        font-size: 18px;
        width: auto;
    }

    body.barrier-free div.menu-info-box {
        background: none;
    }
    body.barrier-free .book-box,
    body.barrier-free .book-lead{
        border: 1px solid #fff;
        background: none;
        color: #fff;
    }
    body.barrier-free .book-lead p {
        color: #fff;
    }
    body.barrier-free .btn-blue {
        background: none;
    }
    body.barrier-free .book-lead span.date {
        color: #fff;
    }
    body.barrier-free .book-lead h3,
    body.barrier-free .book-lead h3 a {
        color: #ff0;
        text-decoration: none;
    }
    body.barrier-free .book-lead h3 a:hover {
        color: #ff0;
        text-decoration: underline;
    }
    body.barrier-free a:hover.btn-blue {
        color: #ff0;
    }
    body.barrier-free ul.navbar li.dropdown {
        padding-bottom: 0; 
    }
    body.barrier-free .search-cart-icons{
        right: -40px;
        left: auto;
    }
    body.barrier-free .search-box-nav{
        top:60px;
        right:-40px;
    }
    body.barrier-free .navbar-menu-list{
        width: 100%;
        max-width: 100% !important;
    }
    body.barrier-free .small .search-cart-icons{
        right: -40px !important;
        max-width: 100px !important;
        margin: 0 !important;
    }
    body.barrier-free .search-cart-icons .search-link img{
        width: 20px;
    }
    body.barrier-free .search-box-nav{
        transition: none;
    }
    body.barrier-free .search-box-nav-visible{
        left: -285px !important;
        top: 40px !important;
        background: #000;
        color: #ff0;
        border: solid 2px #ffffff;
        transition: none;
    }
    body.barrier-free .search-box-nav-visible .title{
        color: #ff0;
        font-size: 18px;
    }
    body.barrier-free .search-box-nav-visible .search-box-search-box-form{
        background: #000;
        color: #ff0;
    }
    body.barrier-free .cart-list{
        border: solid 2px #fff;
        color: #ff0;
        background: #000;
        top: 40px;
    }
    body.barrier-free .cart-list .title{
        color: #ff0;
        font-size: 18px;
    }
    body.barrier-free .cart-list .nbr{
        color: #ff0;
        font-size: 18px;
    }
    body.barrier-free .cart-list .sum-line .sum{
        color: #fff;
        font-size: 18px;
    }
    body.barrier-free .cart-list .sum-line .sum span{
        color: #ff0;
        font-size: 18px;
    }
    body.barrier-free .cart-list .sum-line .sum .sum-price{
        color: #fff;
        font-size: 18px;
    }
    body.barrier-free .open-info-box div {
        background: none;
        color: #fff;
    }
    body.barrier-free .search-box-form .special-message {
        background:none;
        color: #fff;
        border: solid 2px #fff;
    }
    body.barrier-free .section.container {
        background: #000000 !important;
    }
    body.barrier-free .letter{
        height: 100%;
        display: inherit;
    }
    body.barrier-free .letter img{
        display: none;
    }
    body.barrier-free .letter span{
        display: flex;
        height: 26px;
        float: left;
        line-height: 30px;
        padding: 0 10px;
        border: solid 2px #fff; 
        cursor: pointer;
    }
    body.barrier-free #help-btn img{
        display: none;
    }
    body.barrier-free #help-btn span{
        display: flex;
        height: 26px;
        float: left;
        line-height: 30px;
        padding: 0 10px;
        border: solid 2px #fff;
        cursor: pointer;
    }
    body.barrier-free .partners a img{
        display: none;
    }
    body.barrier-free .partners a span{
        display: flex;
        height: 26px;
        float: left;
        line-height: 30px;
        padding: 0 10px;
        border: solid 2px #fff;
        cursor: pointer;
    }
    body.barrier-free .blog-item .right{
        background: #000000;
    }
    body.barrier-free .blog-item .right h2{
        color: #ff0;
    }
    body.barrier-free .blog-item .right .date, body.barrier-free .blog-item .right .tags{
        color: #ff0;
    }
    body.barrier-free .blog-item .right a.btn-green{
        display: flex;
        height: 26px;
        line-height: 30px;
        padding: 0 10px;
        border: solid 2px #fff;
        cursor: pointer;
        color: #ff0;
        background: #000000;
    }
    body.barrier-free .blog-item .right a.btn-green:hover{
        color: #ff0;
        background: #000000;
    }
    body.barrier-free .left{
        min-height: auto;
    }
    body.barrier-free .left a img{
        display: none;
    }
    body.barrier-free .blog-main{
        display: block;
        height: auto;
        float: left;
        margin: 0;
    }
    body.barrier-free .blog-main a{
        border: solid 2px #fff;
        display: block;
        float: left;
        width: 100%;
    }
    body.barrier-free .blog-main a img{
        display: none;
    }
    body.barrier-free .blog-main a h1{
        position: relative;
        padding: 10px 5px;
        background: #000;
        color: #ff0;
        bottom: auto;
        right: auto;
        display: block;
        float: left;
    }
    body.barrier-free .blog-main a h2{
        position: relative;
        float: left;
        display: block;
        line-height: 20px;
        font-size: 20px;
        padding: 10px 5px;
        background: #000;
        color: #fff;
        bottom: auto;
        right: 0;
        float: left;
        max-width: 90%;
    }
    body.barrier-free .right-menu-box{
        margin: 0;
        padding-top: 102px;
        background: none;
        border: 2px solid #fff;
    }
    body.barrier-free .right-menu-box h2{
        margin: 10px 0;
        font-size: 22px;
        color: #ff0;
        border: none;
    }
    body.barrier-free .right-menu-box h2 span{
        display: none;
    }
    body.barrier-free .right-menu-box .suggest-list .img{
        display: none;
    }
    body.barrier-free .right-menu-box .suggest-list .info{
        font-size: 18px;
    }
    body.barrier-free .right-menu-box .suggest-list .info a.suggest-title{
        font-size: 18px;
        color: #fff !important;
    }
    body.barrier-free .right-menu-box a{
        font-size: 18px;
    }
    body.barrier-free .right-menu-box ul, body.barrier-free .right-menu-box span {
        font-size: 18px;
    }
    body.barrier-free .right-menu-box .calendar {
        border: 2px solid #fff;
    }
    body.barrier-free .right-menu-box .calendar .events{
        background: none;
    }
    body.barrier-free .right-menu-box .calendar .mini-cal{
        background: none;
    }
    body.barrier-free .right-menu-box .calendar .mini-cal #calTitle{
        color: #fff;
    }
    body.barrier-free .right-menu-box .calendar .mini-cal #monthYear{
        color: #ff0;
    }
    body.barrier-free .right-menu-box .calendar .mini-cal #calTbody, body.barrier-free .right-menu-box .calendar .mini-cal #calTbody span{
        color: #fff;
    }
    body.barrier-free .right-menu-box .calendar .mini-cal #calTbody .a-date > span{
        font-size: 1.5em;
    }
    body.barrier-free .right-menu-box .calendar .mini-cal #calTbody .a-date.current{
        border-color: #fff;
    }
    body.barrier-free .blog-item{
        border: 1px solid #fff;
    }
    body.barrier-free .registration-article{
        background: none;
        border: 2px solid;
    }
    body.barrier-free .registration-article .box h1{
        background: none;
    }
    body.barrier-free .registration-article .box h2{
        color: #ff0;
    }
    body.barrier-free .registration-article .registration-box{
        padding: 0;
    }
    body.barrier-free form#registration-form h2.registration-block-title{
        color: #ff0;
    }
    body.barrier-free form#registration-form h5{
        color: #ff0;
        font-size: 18px;
    }
    body.barrier-free .form-control{
        font-size: 1.5rem;
    }
    body.barrier-free form#registration-form .submit-button{
        color: #ff0;
        background: none;
        cursor: pointer;
    }
    body.barrier-free .blog-article{
        background: none;
        padding: 0;
    }
    body.barrier-free .blog-article .right h1 {
        background: none;
        padding: 0;
    }
    body.barrier-free .blog-article .right h2 {
        color:#ff0;
        padding: 10px 0;
    }
    body.barrier-free .blog-article .tag-line .date{
        color:#ff0;
    }
    body.barrier-free .blog-article .right{
        padding: 0 20px 0 0;
        width: auto;
    }
    body.barrier-free .blog-article .right .desc{
        padding: 10px 0;
    }
    body.barrier-free .pager-blog-artice a.left, body.barrier-free .pager-blog-artice a.right{
        border: solid 2px #fff;
        padding: 10px;
        width: auto;
    }
    body.barrier-free .blog-suggest-item{
        height: auto;
        background: none;
        border: 2px solid #fff;
    }
    body.barrier-free .blog-suggest-item h3{
        color: #fff;
        font-size: 30px;
    }
    body.barrier-free .blog-suggest-item .tag-line .date{
        color: #fff;
        font-size: 16px;
    }
    body.barrier-free .blog-suggest-item .tag-line .tags{
        font-size: 16px;
    }
    body.barrier-free .pager-blog-artice a img{
        display: none;
    }
    body.barrier-free .users form h1{
        border: none;    
        color: #fff;
    }
    body.barrier-free .users form{
        background: none;
    }
    body.barrier-free .users form #search-field{
        font-size: 22px;
        box-shadow: none;
    }
    body.barrier-free .user-list .user-item .user-info .name{
        color: #ff0;
    }
    body.barrier-free .users form .submit-search{
        width: auto;
        background: none;
        color: #ff0;
        border: 2px solid white;
        height: 42px;
        line-height: 38px;
        font-size: 20px;
        padding: 0 15px;
    }
    body.barrier-free .users form .submit-search span{
        display: block;
    }
    body.barrier-free .user-list .user-item{
        width: 50%;
        float: left;
        margin: 0;
        overflow: hidden;
        padding: 0;
        display: flex;
    }
    body.barrier-free .user-list .user-item .avatar{
        display: none;
    }
    body.barrier-free .user-list .user-item .user-info{
        box-shadow: none;
        border: 2px solid #fff;
        width: 100%;
        color: #fff;
        height: 200px !important;
        font-size: 17px;
        margin:0;
    }
    body.barrier-free .user-list{
        font-size: 18px;
    }
    body.barrier-free .ask-the-librarian-article{
        background: none;
        border: 2px solid #fff;
    }
    body.barrier-free .ask-the-librarian-article .box h1{
       background: none;
    }
    body.barrier-free .ask-the-librarian-article .box h2{
        color: #ff0;
    }
    body.barrier-free .ask-the-librarian-article .box h5{
        color: #ff0;
        font-size: 20px;
    }
    body.barrier-free .ask-the-librarian-article .box .submit-button{
        background: none;
        font-size: 20px;
    }
    body.barrier-free div.news a.lead-img img{
        display: none;
    }
    body.barrier-free .news-and-events-box .news-box h2{
        background: none;
    }
    body.barrier-free .book-box{
        padding: 0;
        margin: auto;
    }
    body.barrier-free div.book-cover, body.barrier-free div.book-cover img{
        display: none;
    }
    body.barrier-free .birthday-start h1{
        border: none;
        color: #fff;
    }
    body.barrier-free .birthday-start .head{
        background: none;
    }
    body.barrier-free .birthday-start .head .left{
        background: none;
        border: 2px solid #fff;
    }
    body.barrier-free .birthday-start .head h2{
        color: #fff;
    }
    body.barrier-free .birthday-start .head .right{
        background: none;
        border: 2px solid #fff;
    }
    body.barrier-free .birthday-start .dates{
        background: none;
        border: 2px solid #fff;
    }
    body.barrier-free .birthday-start .dates h3{
        color:#fff;
    }
    body.barrier-free .birthday-start .dates a.active{
        background: #bbbbbb;
    }
    body.barrier-free .birthday-start .dates a{
        background: none;
        border: 2px solid #fff;
    }
    body.barrier-free .birthday-start .dates a:nth-child(2n+2){
        background: none;
    }
    body.barrier-free .birthday-start table.press-info th{
        background: none;
        border: none;
    }
    body.barrier-free .birthday-start table.press-info th.middle{
        background: none;
        border: 2px solid #fff;
        color: #ff0;
    }
    body.barrier-free .birthday-start table.press-info td{
        background: none;
        border: 1px solid #fff;    
    }
    body.barrier-free .birthday-start .packages .package{
        background: none;
        border: 2px solid #fff;
    }
    body.barrier-free .package h4{
        border: none;
        color: #ff0;
    }
    body.barrier-free .package h5, body.barrier-free .package h5{
        color: #ff0; 
    }
    body.barrier-free .package .own-offer a{
        background: none;
    }
    body.barrier-free .package .own-offer a span{
        padding: 38px;
    }
    body.barrier-free .birthday-start .packages .package.personal{
        background: none;
    }
    body.barrier-free .package.personal h4{
        color: #fff;
        border: none;
    }
    body.barrier-free .package.personal h5, body.barrier-free .package.personal h5{
        color: #fff;
    }
    body.barrier-free .package .new-offer a{
        background: none;
    }
    body.barrier-free .package .new-offer a span{
        padding: 23px;
    }
    body.barrier-free .steps ul li.current[role="tab"] a{
        background: #bbbbbb;
    }
    body.barrier-free .steps ul li[role="tab"] a{
        background: none;
        border: 2px solid #fff;
    }
    body.barrier-free section .left{
        background: none;
        border: 2px solid #fff;
    }
    body.barrier-free .steps h4{
        color: #ff0;
        border: none;
    }
    body.barrier-free .steps .bold{
        color: #ff0;
    }
    body.barrier-free .actions li.disabled a, body.barrier-free .actions li.disabled a:hover{
        background: none;
        border: 2px solid #fff;
    }
    body.barrier-free section .right{
        background: none;
        border: 2px solid #fff;
    }
    body.barrier-free .ui-state-default{
        background: #000;
    }
    body.barrier-free .steps table .price{
        color:#ff0
    }
    body.barrier-free .steps table .sum-line, body.barrier-free .steps table .sum-line .price{
        color:#ff0
    }
    body.barrier-free .ui-datepicker .ui-datepicker-header{
        background: #000;
    }
    body.barrier-free .ui-datepicker table{
        font-size: 1.5em;
    }
    body.barrier-free .ui-datepicker{
        width: 23em; 
    }
    body.barrier-free .steps input[type="text"],body.barrier-free .steps input[type="email"],body.barrier-free .steps input[type="number"]{
        font-size: 20px;
    }
    body.barrier-free .left-menu-box .series{
        background: none;
        border: 2px solid;
    }
    body.barrier-free .left-menu-box .series div{
        color: #ff0;   
    }
    body.barrier-free .left-menu-box{
        background: none;
        border: 2px solid #fff; 
    }
    body.barrier-free .left-menu-box h1{
        font-size: 20px;
        color: #fff;
        background: none;
        border: 2px solid #fff; 
    }
    body.barrier-free .right-menu-box .list span a{
        background: none;
        border: 2px solid #fff; 
    }
    body.barrier-free .right-menu-box .publication-item{
        width: 100%;
        border: 2px solid #fff;
        display: flex;   
        margin: 0;
    }
    body.barrier-free .right-menu-box .publication-item .flyer{
        display: none;
    }
    body.barrier-free .right-menu-box .publication-item .text-box{
        display: inline-block;
        float: left;
        max-width: 80%;
        width: 80%;
        padding: 20px;
        text-align: left;  
    }
    body.barrier-free .right-menu-box .publication-item .text-box .price{
        color: #ff0;     
    }
    body.barrier-free .right-menu-box .publication-item .button-text-box{
        display: inline-flex;
        float: left;
        max-width: 20%;
        height: inherit;
        margin-right: 20px;  
    }
    body.barrier-free .right-menu-box .publication-item .button-text-box a{
        margin: auto;
        height: 50px;
        line-height: 50px;
        background: none;
        border: 2px solid #fff;
    }
    body.barrier-free .pager div{
        border: 1px solid white;
        margin: 10px;
        padding: 10px;
        text-align: center;
    }
    body.barrier-free .pager div.active{
        color: #ff0;   
    }
    body.barrier-free .popup{
        background: #000000;
        border: 2px solid #fff;
    }
    body.barrier-free .newsletter-popup-container .button-line, body.barrier-free .popup-container .button-line{
        background: none;
    }
    body.barrier-free .newsletter-popup-container .button-line, body.barrier-free .popup-container .button-line .popup-title{
        color: #ff0;  
    }
    body.barrier-free .newsletter-popup-container .button-line a.popup-close{
        background: none;
        height: auto;
        width: auto;
    }
    body.barrier-free .newsletter-popup-container .button-line a.popup-close img{
        width: 40px;
    }
    body.barrier-free .newsletter-popup-container .popup-text{
        color: #ff0;   
    }
    body.barrier-free .newsletter-popup-container h5{
        color: #ff0;   
    }
    body.barrier-free .newsletter-popup-container .submit-button{
        background: none;
        color: #ff0;
        border: solid 2px #fff;   
    }
    body.barrier-free .gallery-box .gallery img{
        display: none; 
    }
    body.barrier-free .menu-box a.gallery span.inner
    {
        padding: 0;
    }
    body.barrier-free .menu-box a.gallery span.table
    {
        padding: 0;
    }
    body.barrier-free .menu-box a.gallery span span.text
    {
        padding: 0;
        color: #ff0;
    }
    body.barrier-free .gallery-box
    {
        border: solid 2px #fff;
    }
    body.barrier-free .gallery-box .gallery-title
    {
        background: none;
        border: solid 2px #fff;
        color: #ff0;
    }
    body.barrier-free .gallery-box .slider-container
    {
        background: none;
    }
    body.barrier-free .gallery-box p.gallery-desc
    {
        background: none;
        color:#fff;
    }
    body.barrier-free .slider-container ol li.current img{
        border: 2px solid #ff0;
    }
    body.barrier-free .blog-article .right .desc h3{
        color: #ff0;
    }
    body.barrier-free .blog-article table tr:nth-of-type(odd){
        background: transparent;
    }
    body.barrier-free .blog-article h3{
        color:#ff0;
    }
    body.barrier-free .blog-article img{
        display:none;
    }
}
@media screen and (min-width: 993px) and (max-width: 1300px){
    body.barrier-free .menu-section {
        max-width: 980px;
    }
    body.barrier-free .menu-box a span {
        font-size: 18px;
    }
    body.barrier-free .menu-box a span {
        width: 90%;
        height: 35%;
        padding: 40% 5% 25% 5%;
    }
    body.barrier-free .section.container {
        max-width: 980px;
    }
    body.barrier-free .section.container.book-section{
        max-width: 978px;
    }
    body.barrier-free footer .container {
        max-width: 965px;
    }
    body.barrier-free #navbarKshk img.logo {
        width: 200px;
        padding: 10px;
    }
}
