#indexpage {
    background: radial-gradient(circle closest-side, rgba(228,196,130,1) 100%, rgba(236,213,169,1) 200%, rgba(244,231,209,0) 300% );
    background: -moz-radial-gradient(center, ellipse cover, #E4C482 40%, #ECD5A9 80%, #F4E7D1 100%);
    height: 100vh;
}


#completelistpage {
    background: radial-gradient(circle closest-side, rgba(228,196,130,1) 100%, rgba(236,213,169,1) 200%, rgba(244,231,209,0) 300% );
    background: -moz-radial-gradient(center, ellipse cover, #E4C482 40%, #ECD5A9 80%, #F4E7D1 100%);
    height: 100vh;
}

#samparkpage {
    background-image: url('../homepage/menupages-backgroundimages/shreevamanrajprakashan-sampark_background.jpg')
}

#shreevamanrajprakashanpage {
    background-image: url('../homepage/menupages-backgroundimages/shreevamanrajprakashan-info_background.jpg')
}

#vividhsuchipage {
    background-image: url('../homepage/menupages-backgroundimages/vividhsuchi_background.jpg')
}

#ebooksuchipage {
    background-image: url('../homepage/menupages-backgroundimages/ebooksuchi_background.jpg')
}

#ebooknirmitipage {
    background-image: url('../homepage/menupages-backgroundimages/ebooknirmiti_background.jpg')
}

#translated-unpublished-bookspage {
    background-image: url('../homepage/menupages-backgroundimages/translated-unpublished-books_background.jpg')
}

.newtitleimage {
    width: 100%;
    height: 100%;
}

.horizontalBar {
    width: 100%;
    height: 90%;
}

.horizontalMobBar {
    height: 100%;
    width: 100%;
}

.desktopMenu {
    width: 100%;
    height: 80%;
}

.itemlink {
    width: 30%;
    height: 30%;
}

.itemLandLink {
    width: 20%;
    height: 20%;
}

.newiconImage1 {
    width: 90%;
    height: 90%;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.mobilePortIndex {
    width: 60%;
    height: 90%;
}

.mobileLandIndex {
    width: 95%;
    height: 95%;
}

.singlePortPage {
    width: 100%;
    height: 100%;
}

.myborderRight {
    border-right: 10px solid #f2e1b3;
}

.myborderExtremeRight {
    border-right: 10px solid rgba(244,231,209,0);
}

.booktable {
    border-color: #ff0000 #00ff00 #0000ff;
}

.newiconImage2 {
    width: 90%;
    height: 90%;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.homeMenuImage{
    width: 90%;
    height: 95%;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.completelistThumbnailP {
    width: 75%;
    height: 75%;
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.completelistThumbnailL {
    width: 35%;
    height: 75%;
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.completelistThumbnailD {
    width: 20%;
    height: 80%;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.copyrightImage {
    width: 100%;
    height: 40px;
    position: fixed;
    bottom: 0;
    text-align: center;
}

.copyrightImageMobLandscape {
    width: 100%;
    height: 30px;
    position: fixed;
    bottom: 0;
    text-align: center;
}

.copyrightImageMobPortrait {
    width: 100%;
    height: 5%;
    position: fixed;
    bottom: 0;
    text-align: center;
}

.singleDesktopIcon {
    width: 48%;
    height: 76%;
}

.singleMobileIcon {
    width: 80%;
    height: 80%;
}


.singleMobileLandIcon {
    width: 30%;
    height: 75%;
}

.multiMobileIcon {
    width: 90%;
    height: 90%;
}

.multiMobileLandIcon {
    width: 70%;
    height: 90%;
}

.myrow {
    height: 42%;
}

.background-image {
    height: 550px;
    background-size: 100%;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: center center;
}

.background-image-homemenupage {
    height: 100%;
    background-size: 100%;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: center center;
}

.navbar {
    background-color: transparent;
    background: transparent;
    border-width: 0px;
}

.navbar-toggle .icon-bar {
    display: block;
    width: 22px;
    height: 2px;
    background-color: #cccccc;
    border-radius: 1px;
}

.navbar-transparent .navbar-nav>li>a:hover,
.navbar-default .navbar-nav>li>a:focus {
    background-color: transparent;
    color: transparent;
}

@media (min-width: 768px) {
    #bs-example-navbar-collapse-1 .navbar-nav {
        display: inline-block;
        float: none;
        vertical-align: top;
    }
    #bs-example-navbar-collapse-1 {
        text-align: center;
        margin-right:40px;
    }
}

.navbar-brand {
    padding: 0px;
}

.navbar .navbar-nav>.active>a,
.navbar .navbar-inner .navbar-nav>.active>a:hover,
.navbar .navbar-inner .navbar-nav>.active>a:focus {
    color: #000;
    background-color: transparent;
}

.imgBar {
    height: 100%;
    padding: 5px;
    width: auto;
}

.popdiv {
    position: absolute;
    width: 100%;
    height: 70px;
    display: none;
}

.popdiv1 {
    position: absolute;
    width: 100%;
    height: 40px;
    display: none;
}

.iconImage1 {
    width: 25%;
    height: 80%;
    margin: 5px 2% 10px 20%;
}

.iconImage2 {
    width: 25%;
    height: 80%;
    margin: 10px 20% 10px 5%;
}