@media (max-width: 1299px) {
   
}


@media (max-width: 1199px){
  .my-library-tabs-section form.w-75{
     width: 50% !important;
   }
}
@media (max-width: 991px) {
    .header-section .logo{
        max-width: 60%;
    }
    .header-section .inspiration-img{
        max-width: 60%;
    }
   
    .serch-box{
        padding: 15px 0;
    }
    .library-page-navbar a .inspiration-img{
        max-width: 300px;
    }
    .navbar-section .navbar .container-fluid{
        justify-content: end;
        /* height: 75px; */
    }
    .navbar-section .navbar .navbar-toggler{
        position: relative;
        right: 28px;
        top: 0;
        margin: 10px 0;

    }
    /* .serch-box input{
        height: 45px;
    } */
    .library-box h6{
        font-size: 40px;
        text-align: center;
    }
    .navbar-section a{
        padding: 8px 0;
        border-left: none;
        font-size: 20px;
    }
    .card.library-list{
        margin-top: 15px;
    }
    .my-library-tabs-section .navbar-section li {
        /* min-width: 33.33%; */
        min-width: fit-content;
        width: auto;
        border-right: 0.5px solid #294257;
        /* border-bottom: 0.5px solid #234257; */
    }
    .my-library-tabs-section form.w-75 {
        width: 100% !important;
    }
    .my-library-tabs-section .nav-tabs .nav-link{
        padding: 8px 15px;
        font-size: 20px;
        border-left : none;
    }
    .my-library-tabs-section .nav{
        /* border-bottom-color:#234257 ; */
        border-bottom: 1px solid #294257;
    }
    .my-library-tabs-section .navbar-section{
        border: none;
    }
    .library-list img{
        padding: 10px;
        width: 75px;
    }
    .library-list h5{
        font-size: 18px;
    }
    .library-list h5 span{
        font-size: 15px;
    }
    .library-list p{
        font-size: 15px;
        line-height: 18px;
        margin-top: 4px;
    }

}
@media (max-width: 767px) {
    .create-explore-section img{
        margin: 30px auto;
    }
    .register-form input, .register-form select{
        width: 100%;
    }
    .library-page-navbar a .logo {
        max-width: 101px;
    }
   
    .my-library-section h5{
        font-size: 20px;
    }
    .my-library-section p{
        font-size: 18px;
    }
    .library-box h6 {
        font-size: 30px;
    }
    .library-list h5{
        font-size: 18px;
    }
    .library-list p,.library-list h5 span{
        font-size: 15px;
        line-height: 1.4;
    }
    .navbar-section li button{
        font-size: 20px;
    }
}

@media (max-width: 575px) {
    .navbar-section a{
        font-size: 14px;
    }
    .serch-box span{
        font-size: 12px;
    }
    header.library-page-navbar{
        /* margin: 14px 0 5px; */
        padding: 14px 0 5px;
    }
    /* .library-page-navbar a .logo {
        max-width: 100px;
    } */
    .library-page-navbar a .inspiration-img {
        max-width: 150px;
    margin: 0;
    }
    .profile-dropdown .dropdown-toggle img{
        width: 34px;
        height: 34px;
    }
    .profile-dropdown .dropdown-toggle span{
        font-size: 10px;
        text-align: left;
    }
    /* .library-box h6 {
        font-size: 20px;
    } */
    .my-library-section p span+span::before{
        top: 10px;
        left: -8px;
    }
    .gallery-box .img img,.gallery-box .img{
        /* max-height: fit-content; */
        max-height: auto;

    }
    .card.library-list .btn-blue{
        float: right;
        margin: 12px 0px 0px 0px;
        font-size: 10px;
    }
    .card.library-list .card-body{
        padding: 10px;
    }
    .login-form .btn-blue{
        margin: auto;
    }
    .navbar-section li button {
        font-size: 14px;
    }
    .my-library-section p {
        font-size: 16px;
    }
    .my-library-tabs-section .nav-tabs .nav-link {
        padding: 6px 10px;
        font-size: 10px;
    }
    .serch-box input {
        height: 33px;
    }
    /* .library-list .row{
        justify-content: space-between;
    } */
    .library-list h5{
        font-size: 15px;
    }
    .library-list p, .library-list h5 span{
        font-size: 12px;
        margin-left: 0;
    }
    .library-list img{
        width: 65px;
    }
    /* .library-list .card-body{

        min-width: 160px;
        padding: 10px 0;
    } */
    .register-form input, .register-form select{
        font-size: 18px;
        height: 40px;
    }
    .register-form input::placeholder{
        font-size: 18px;
    }
}