/*Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {
    .landingPage .container-fluid,
    .landingPage .searchContainer {
        padding-right: 0;
    }
    
}

/*Large devices (desktops, 992px and up)*/
@media (min-width: 992px) and (max-width: 1199.98px) {
    .landingPage .searchContainer {
        background: url(../images/Landing-Page-BG-sm.jpg) no-repeat right top / contain;
    }

    .BookTitle a {
        font-size: 20px;
        line-height: normal;
    }
    .RelatedBooks .box7 .box-content {
        height: 60px;
    }
}

/*Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) and (max-width: 991.98px) {
    .landingPage .searchContainer {
        background: url(../images/Landing-Page-BG-sm.jpg) no-repeat right top;
    }

    .navbar-toggler {
        left: 0;
    }

    .navbar-text {
        right: 0;
    }

    .landingPage .navbar-toggler {
        left: 160px;
    }

    .landingPage .navbar-toggler {
        left: 160px;
    }
    .RelatedBooks .box7 .box-content {
        height: 60px;
    }
}

/*Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) and (max-width: 767.98px) {
    .navbar-toggler {
        left: 120px;
    }

    .navbar-text {
        right: 10px;
    }

    .landingPage .searchContainer {
        background: url(../images/Landing-Page-BG-sm.jpg) no-repeat right top;
    }

    .masterPage .navbar-dark .navbar-toggler {
        left: 5px;
    }

    .advancedsearchMobile {
        right: 2px;
    }
    .landingPage .navbar-brand.mainTitle img,
    .masterPage .navbar-brand.mainTitle img {
        width: 100px;
    }

    .landingPage .HomeLogin .login {
        font-size: 16px;
    }

    .RelatedBooks .box7 .box-content {
        height: 60px;
    }

    .landingSearch .form-control,
    .masterPage .searchInput .form-control {
        padding-left: 70px !important;
    }

}

/*Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) {
    .landingSearch .form-control,
    .masterPage .searchInput .form-control {
        padding-left: 70px !important;
    }

    .row.ListItem .text-center {
        /*text-align: left !important;*/
    }
    .landingPage .HomeLogin .login{
        font-size:16px;
    }

    .mediaLinks li, .landingPage .advancedsearch {
        font-size: 20px;
    }

    .navbar-toggler {
        left: 90px;
    }

    .navbar-text {
        right: 10px;
    }

    .landingPage .searchContainer {
        background: url(../images/Landing-Page-BG-sm.jpg) no-repeat right top;
    }

    .masterPage .navbar-dark .navbar-toggler {
        left: 5px;
    }

    .advancedsearchMobile {
        right: 2px;
    }

    .navbar-text .dropdown-toggle {
        font-size: 14px;
    }

    .landingPage .login,
    .masterPage .login{
        padding: 7px 10px;
        font-size: 14px;
    }

    .navbar-brand.mainTitle img {
        max-width: 80px !important;
    }
}