#top {
  width:100%;
  height:110px;
  background-color:#c7e1f4;
}

@media (min-width: 576px) {
  #top {
    width:100%;
    height:60px;
    /*background-color:#c6e0f2;*/
  }
}

.button-language {
  background-color:#0a6fb7;
  margin:10px;
  margin-right:20px;
  padding:10px;
}

#top label {
  height:36px;
  padding:10px;
  color:rgb(9,13,102);
}

#logo {
  display:inline-block;
  width:55px;
  margin-left:-40px;
}

@media (min-width: 768px) {
  #logo {
    display:inline-block;
    width:85px;
    margin-left:-70px;
  }
}

#navigation {
  width:100%;
  height:20vh;
  margin-bottom:20px;
  margin-top:-5px;
}

@media (min-width: 576px) {
  #navigation {
    width:100%;
    height:20vh;
    margin-bottom:20px;
    margin-top:10px;
  }
}

#nav-brand {
  font-size:6px;
  font-weight:bold;
  color:rgb(34,18,3);
  padding-left:0;
  margin-left:-10px;
}

@media (min-width: 768px) {
  #nav-brand {
    font-size:14px;
    font-weight:bold;
    color:rgb(34,18,3);
  }
}

#childphoto {
  float:left;
}

#nav-bookstore {
  font-size:5px;
  color:rgb(222,132,25);
  margin-top:-10px;
}

@media (min-width: 768px) {
  #nav-bookstore {
    font-size:12px;
    color:rgb(222,132,25);
  }
}

@media (min-width: 768px) {
  #SPphotos p {
    font-size:26px;
    margin-bottom:0px;
  }
}

#SPphotos p {
  font-size:26px;
}

@media (min-width: 768px) {
  .h1, h1 {
    font-size:40px;
    margin-bottom:0px;
  }
}

.h1, h1 {
  font-size:18px;
  margin-bottom:0px;
}

@media (min-width: 768px) {
  #carouselSP {
    width:80%;
    margin:auto;
    margin-top:0px;
  }
}

#carouselSP {
  width:95%;
  margin:auto;
  margin-top:0px;
}

#carouselSP .h3, h3 {
  font-size:9px;
  margin-bottom:0px;
  color:rgb(248,121,3);
  font-weight:bold;
  font-family:Montserrat, sans-serif;
}

@media (min-width: 576px) {
  #carouselSP .h3, h3 {
    font-size:16px;
  }
}

@media (min-width: 768px) {
  #carouselSP .h3, h3 {
    font-size:18px;
  }
}

@media (min-width: 992px) {
  #carouselSP .h3, h3 {
    font-size:18px;
  }
}

@media (min-width: 1200px) {
  #carouselSP .h3, h3 {
    font-size:18px;
  }
}

#carouselSP p {
  font-size:7px;
  margin-bottom:-30px;
  font-family:Montserrat, sans-serif;
}

@media (min-width: 576px) {
  #carouselSP p {
    font-size:12px;
    color:rgb(254,155,64);
  }
}

@media (min-width: 768px) {
  #carouselSP p {
    font-size:16px;
  }
}

@media (min-width: 992px) {
  #carouselSP p {
    font-size:18px;
  }
}

@media (min-width: 1200px) {
  #carouselSP p {
    font-size:14px;
  }
}

#nav-bookDist {
  font-size:6px;
  color:rgb(215,124,15);
  margin-top:-10px;
  margin-left:18px;
}

@media (min-width: 768px) {
  #nav-bookDist {
    font-size:12px;
    color:rgb(215,124,15);
    margin-top:-19px;
    margin-left:20px;
  }
}

#slideShow {
  margin-top:-60px;
}

@media (min-width: 768px) {
  #slideShow {
    margin-top:-40px;
  }
}

#books {
  background-color:#ffffff;
  margin-top:20px;
}

#bookContainer {
  background-color:#0dbb29;
  width:95%;
}

#bookRow {
  background-color:#c4d8e6;
}

#books1 #bookcol1 {
  font-size:22px;
  background-image:url("../../assets/img/sp-books.jpg");
  background-position:top;
  background-size:auto;
  background-repeat:no-repeat;
  border:double;
  margin:10px;
  border-color:white;
}

#bookcol1-h {
  font-size:52px;
  color:rgb(249,244,245);
}

#bookCol2 {
  font-size:22px;
  color:rgb(234,237,239);
  background-color:#c4d8e6;
  margin:10px;
}

#bookcl2-r1 {
  background-position:top;
  background-size:contain;
  background-repeat:no-repeat;
  border:groove;
}

#bookcl2-r2 {
  background-position:top;
  background-size:contain;
  background-repeat:no-repeat;
  margin-top:10px;
  border:groove;
}

#bookcl2-r1h {
  font-size:18px;
  color:rgb(131,89,34);
}

#bookcl2-r2h {
  font-size:18px;
  color:rgb(131,89,34);
}

#AllBooks {
  background-color:#ffffff;
}

#AllBooksH {
  font-size:24px;
  margin:15px;
  font-family:Montserrat, sans-serif;
  font-weight:bold;
  color:rgb(12,146,214);
}

#completeBooks {
  background-color:#c4d8e6;
  width:95%;
  margin:auto;
  margin-bottom:-45px;
  margin-top:0px;
}

#bBp {
  color:rgb(146,116,8);
  font-size:28px';
  font-family:Montserrat, sans-serif;
  font-weight:bold;
}

#books2 #bookcol1 {
  background-image:url("../../assets/img/caitanya-caritamrta-set-sample-2.jpg");
  background-repeat:no-repeat;
  background-size:contain;
}

#books2 #bookCol2 {
  background-image:url("../../assets/img/Punchatatva1.jpg");
  background-repeat:no-repeat;
  background-size:cover;
  background-position:center;
  color:rgb(178,124,24);
  font-size:48px;
  font-family:Montserrat, sans-serif;
  font-weight:bold;
  font-style:italic;
}

#books2 #bookCol2 p {
  background-color:rgba(255,255,255,0.79);
  font-size:20px;
  margin-bottom:0px;
  margin-left:-15px;
  margin-right:-15px;
  padding:10px;
}

#carouselBooks {
  width:100%;
}

#ssr {
  width:10px;
  margin:0px;
}

#SPfooter {
  background-color:rgb(10,111,183);
}

#books1 {
  margin-top:20px;
}

#bg {
  width:25%;
  float:left;
  padding:10px;
}

#ksnaBook {
  width:25%;
  float:left;
  padding:10px;
}

#hdgH {
  margin-top:-40px;
}

.sectionHeadings {
  font-size:22px;
  color:rgb(7,138,167);
  margin-left:25px;
  margin-top:15px;
  margin-bottom:15px;
}