@media (max-width: 1600px) {
  .logoandtxtpos {
    top: 13%;
  }
  .bannertext h2 {
    font-size: 32px;
  }
  .banner2txt1 h2 {
    font-size: 34px;
  }
  .banner2txt2 h3 {
    font-size: 26px;
  }
  .banner3txt1 h2 {
    font-size: 32px;
  }
  .banner3txt2 ul li {
    font-size: 20px;
  }
  .ancorbtn a {
    font-size: 22px;
    padding: 7px 30px;
  }
  .banner4txt1 h2 {
    font-size: 38px;
  }
  .banner4txt2 h3 {
    font-size: 28px;
  }
  .ancorbtn4 a {
    font-size: 20px;
    padding: 8px 32px;
  }
  .bookhead h2 {
    font-size: 32px;
  }
  .sliderheading h2 {
    font-size: 32px;
  }
  .sliderheading h2:before {
    width: 72px;
    top: 14px;
    background-size: contain;
  }
  .sliderheading h2:after {
    width: 72px;
    top: 14px;
    background-size: contain;
  }
  .bannerbottomtxt h4 {
    font-size: 20px;
  }
  .socialhead h3 {
    font-size: 22px;
  }
  .bookhous h4 {
    font-size: 19px;
  }
  .addressdiv p {
    font-size: 18px;
  }

  .bookselectname h5 {
    font-size: 17px;
  }
  .selectbook {
    width: 25%;
  }
  .nameprice {
    width: 75%;
  }
  .selctprice h6 {
    font-size: 18px;
  }
  .listfirst {
    padding: 10px 15px;
    border-bottom: 1px solid #cccccc;
  }
  .totalammount h2 {
    font-size: 20px;
  }
  .makepaymentbtm a {
    font-size: 16px;
    padding: 12px 32px;
    line-height: 15px;
  }
  .makepaymentbtm a .fa-arrow-right {
    position: absolute;
    right: 7px;
    top: 10px;
  }
  .buynoowbtncoming a {
    font-size: 16px;
    padding: 12px 17px;
    line-height: 16px;
  }
}

@media (max-width: 1500px) {
  header {
    border-top: 6px solid #f77f00;
    padding: 10px 0px 15px 0px;
    height: 100px;
  }
  .headerback {
    height: 100px;
  }

  .overflowdiv {
    /* height: 300px; */
    overflow-y: auto;
    padding-bottom: 30px;
  }
  .contentdiv img {
    max-width: 50%;
  }
  .contentdiv img {
    max-width: 10%;
  }
  .paymentsucc h2 {
    font-size: 38px;
  }
  .paymentsucc p {
    font-size: 20px;
    margin: 15px 0px;
  }
  .paymentsucc {
    margin-top: 20px;
  }
  .contentdiv {
    width: 35%;
  }
  .paymentsucc {
    padding: 25px 30px;
  }

  .contentdiv img {
    max-width: 15%;
  }
  .logoborder img {
    max-width: 50%;
  }
  .paymentsucc a {
    font-size: 16px;
  }
  .pointname p {
    margin-bottom: 10px;
  }
  .orderforwhats p {
    font-size: 15px;
  }
  .whatsicondiv {
    max-width: 60%;
    margin: 0px auto;
  }
  .whasappset {
    top: 51%;
  }
  .footerdiv {
    padding: 10px 0px;
  }
  .bannerbottomtxt {
    height: 50px;
  }
  .cartimg .plusicon {
    left: 47%;
  }
  #er1,
  #er2 {
    position: absolute;
    bottom: 2px;
  }
}

@media (max-width: 1400px) {
  .container {
    max-width: 1200px;
  }
  .logodiv {
    width: 18%;
  }
  .rightnav {
    width: 82%;
  }
  .searchTerm {
    padding: 6px 0px 6px 35px;
    font-size: 16px;
  }
  .searchButton {
    width: 55px;
    height: 38px;
    font-size: 18px;
  }
  .agamipustake h2 {
    font-size: 18px;
  }
  .cartdiv {
    padding: 0px 32px 0px 0px;
  }
  .cartimg .plusicon {
    top: -12px;
  }
  header {
    height: 90px;
  }
  .headerback {
    height: 90px;
  }
  .bannerlogo {
    max-width: 22%;
  }
  .bannertext h2 {
    font-size: 28px;
  }
  .logoandtxtpos {
    top: 21%;
  }
  .banner2txt1 h2 {
    font-size: 28px;
  }
  .banner2txt2 h3 {
    font-size: 20px;
  }
  .banner2txt2 {
    margin-top: 24px;
  }
  .sliderdiv .slick-dots li,
  .sliderdiv .slick-dots li button {
    width: 10px;
    height: 10px;
  }
  .famausbook {
    padding: 30px 0px 40px 0px;
  }
  .boxgray {
    padding: 20px 9px;
    width: 22%;
  }
  .bookname h3 {
    font-size: 18px;
    margin: 10px 0px;
  }
  .pricebook h4 {
    font-size: 22px;
  }
  .buynoowbtn a {
    font-size: 17px;
    padding: 13px 34px;
    line-height: 15px;
  }
  .orderforwhats p {
    font-size: 14px;
  }
  .whasappset {
    top: 49%;
  }
  .sliderheading h2 {
    font-size: 28px;
  }
  .bannerbottomtxt h4 {
    font-size: 19px;
  }
  .socialhead h3 {
    font-size: 20px;
  }
  .bookhous {
    margin-top: 14px;
  }
  .bookhous ul li {
    margin-right: 5px;
  }

  .addressdiv p {
    font-size: 17px;
  }
  .footerdiv {
    padding: 10px 0px;
  }

  .bottomlink {
    padding-top: 40px;
  }
  .bottomslider .slick-prev:before {
    width: 58px;
    height: 35px;
    margin-top: -29px;
  }
  .bottomslider .slick-next:before {
    width: 58px;
    height: 35px;
    margin-top: -29px;
  }
  .banner3txt1 h2 {
    font-size: 28px;
  }
  .banner3txt2 ul li {
    font-size: 18px;
  }
  .ancorbtn a {
    font-size: 20px;
    margin-top: 12px;
  }
  .banner4txt1 h2 {
    font-size: 32px;
  }
  .banner4txt2 h3 {
    font-size: 24px;
  }
  .ancorbtn4 a {
    font-size: 18px;
    padding: 6px 32px;
  }
  .copytxt p {
    font-size: 16px;
  }
  .mycartpop {
    top: 54px;
  }
  .booknamesec h2 {
    font-size: 32px;
  }
  .booknamesec p {
    font-size: 18px;
  }
  .pricebook h3 span {
    font-size: 34px;
  }
  .pricebook h3 {
    font-size: 20px;
  }
  .stockavailable h4 {
    font-size: 18px;
    margin: 14px 0px 14px 0px;
  }
  .bookdetail h3 {
    font-size: 20px;
  }
  .bookdetail p {
    font-size: 14px;
  }
  .twobtton a.booknow,
  .twobtton a.samplenow {
    padding: 13px 10px;
    font-size: 16px;
  }
  .likebooks h2 {
    font-size: 32px;
  }
  .booknameslide h3 {
    font-size: 18px;
  }
  .likesboksslider {
    padding: 0px 80px;
    margin-top: 30px;
  }

  .likesboksslider .slick-prev:before {
    width: 56px;
    height: 36px;
    margin-top: -18px;
    background-size: 20%;
  }
  .likesboksslider .slick-next:before {
    width: 56px;
    height: 36px;
    margin-top: -18px;
    background-size: 20%;
  }
  .pricebookslide h4 {
    font-size: 22px;
  }
  .buynoowbtnslide a {
    font-size: 16px;
    padding: 10px 20px;
    line-height: 16px;
  }
  .bggraybookpage {
    padding-bottom: 20px;
  }
  .comingbookhead h2 {
    font-size: 30px;
    margin-bottom: 20px;
  }
  .booknamecomng h3 {
    font-size: 18px;
    margin: 10px 0px;
  }
  .boxgraycoming {
    width: 23%;
    margin-left: 1%;
    margin-right: 1%;
  }

  .stockcomsoon h4 {
    font-size: 28px;
  }
  .ourhead h2 {
    font-size: 32px;
  }
  .pointname h3 {
    font-size: 18px;
    margin-bottom: 10px;
  }
  .pointname p {
    font-size: 15px;
    margin-bottom: 15px;
  }
  .firstwhite {
    background: #ffffff;
    padding: 30px 80px 0px 80px;
  }
  .summeryhead h3 {
    font-size: 20px;
  }
  .mrp p,
  .mrpnumber p {
    font-size: 16px;
  }
  .totalamtext p,
  .totalamtountnumber p {
    font-size: 16px;
  }
  .summeryhead h3 {
    font-size: 24px;
    margin: 15px 0px;
  }
  .detailshead h3 {
    font-size: 20px;
  }
  .detailsheadfirst:before {
    width: 30px;
    height: 31px;
    left: -47px;
  }
  input.form-control {
    font-size: 16px;
  }
  .scancard h4,
  .otherupi h4,
  .creaditdebit h4,
  .netbanking h4 {
    font-size: 18px;
  }
  .bordergray {
    margin-right: 15px;
    max-width: 26%;
  }

  .notyfyinput input {
    font-size: 16px;
  }
  .logoborder img {
    max-width: 50%;
  }
  .logoborder {
    padding-bottom: 15px;
  }

  .notyfyidnumber {
    margin-top: 25px;
  }
  .notyfyinput input {
    margin-bottom: 25px;
  }
  .notyfyinput1:after,
  .notyfyinput2:after {
    width: 28px;
  }
  .notyfyidnumber a {
    font-size: 16px;
  }
  .notyfymsg p {
    font-size: 20px;
  }
  .notyfymsg {
    margin-top: 20px;
  }
  .notyfymsg p {
    margin-bottom: 10px;
  }
  .summeryorder {
    max-width: 300px;
  }
  .setdearch input[type="submit"] {
    width: 50px;
    height: 40px;
  }
  .setdearch input[type="text"],
  #wrap {
    height: 40px;
  }
}

@media (max-width: 1100px) {
  .cartdiv {
    padding: 0px 24px 0px 0px;
  }
  .bannerlogo {
    max-width: 18%;
    margin-right: 20px;
  }
  .bannertext h2 {
    font-size: 22px;
  }
  .logoandtxtpos {
    top: 23%;
  }
  .banner2txt1 h2 {
    font-size: 22px;
  }
  .banner2txt2 h3 {
    font-size: 16px;
  }
  .banner3txt1 h2 {
    font-size: 21px;
  }
  .banner3txt2 ul li {
    font-size: 16px;
  }
  .ancorbtn a {
    font-size: 18px;
    margin-top: 8px;
    padding: 3px 20px;
  }
  .banner2txt2 {
    margin-top: 16px;
  }
  .banner3txt2 ul {
    padding-left: 16px;
    margin-top: 7px;
  }
  .banner3txt2 ul li {
    font-size: 14px;
  }
  .ancorbtn a {
    font-size: 16px;
    margin-top: 6px;
    padding: 1px 20px;
  }
  .banner4txt1 h2 {
    font-size: 24px;
  }
  .banner4txt2 h3 {
    font-size: 18px;
  }
  .ancorbtn4 a {
    font-size: 16px;
    padding: 2px 25px;
  }
  .sliderdiv .slick-dots li,
  .sliderdiv .slick-dots li button {
    width: 8px;
    height: 8px;
  }
  .bookhead h2 {
    font-size: 26px;
  }
  .bookhead {
    margin-bottom: 20px;
  }
  .whasappset {
    top: auto;
    bottom: 7%;
  }
  .bookname h3 {
    font-size: 15px;
    margin: 10px 0px;
  }
  .pricebook h4 {
    font-size: 20px;
  }
  .pricebook h4 del {
    font-size: 14px;
  }
  .uptodiv p {
    font-size: 14px;
  }

  .buynoowbtn a {
    font-size: 15px;
    padding: 9px 24px;
    line-height: 15px;
  }

  .sliderheading h2 {
    font-size: 26px;
    padding: 5px 10px;
  }
  .maroonsec {
    background: #9d1b1b;
    padding: 25px 0px 30px 0px;
  }
  .sliderheading h2:before {
    width: 62px;
    top: 11px;
    background-size: contain;
    right: -69px;
  }
  .sliderheading h2:after {
    width: 62px;
    top: 11px;
    background-size: contain;
    left: -69px;
  }
  .bottomslider:before {
    width: 167px;
    background-position: right;
  }
  .bottomslider:after {
    width: 167px;
    background-position: left;
  }
  .socialhead h3 {
    font-size: 18px;
  }
  .addressdiv p {
    font-size: 15px;
  }
  .ourpolicy a {
    font-size: 15px;
  }
  .copytxt p {
    font-size: 14px;
  }
  .footerdiv {
    padding: 8px 0px;
  }

  .orderforwhats p {
    font-size: 12px;
  }
  .whasappset a img {
    max-width: 88%;
  }
  .fnacybookdiv {
    width: 40%;
    float: left;
  }
  .rightbookdetails {
    width: 60%;
    padding-left: 25px;
  }
  .backgroundwhite {
    padding: 30px 30px 30px 20px;
  }
  .booknamesec h2 {
    font-size: 28px;
  }
  .booknamesec p {
    font-size: 16px;
    margin: 5px 0px 0px 0px;
  }

  .pricebook h3 span {
    font-size: 30px;
  }
  .pricebook h3 {
    font-size: 18px;
  }
  .stockavailable h4 {
    font-size: 16px;
    margin: 12px 0px 12px 0px;
  }
  .bookdetail h3 {
    font-size: 18px;
  }
  .twobtton a.booknow,
  .twobtton a.samplenow {
    padding: 11px 10px;
    font-size: 15px;
    width: 170px;
  }
  .twobtton {
    margin-top: 20px;
  }
  .secwhite {
    margin: 30px 0px;
    padding: 25px 0px 35px 0px;
  }
  .likebooks h2 {
    font-size: 28px;
  }
  .stockcomsoon h4 {
    font-size: 24px;
  }
  .ourhead {
    margin: 15px 0px 20px 0px;
  }

  .summeryhead h3 {
    font-size: 20px;
    margin: 15px 0px;
  }
  .mrp p,
  .mrpnumber p {
    font-size: 15px;
  }
  .firstwhite {
    padding: 30px 40px 0px 50px;
  }
  .detailsheadfirst:before {
    width: 25px;
    height: 25px;
    left: -31px;
    top: -1px;
  }

  .detailsheadsec:before {
    width: 34px;
    height: 29px;
    left: -37px;
  }
  input.form-control {
    font-size: 14px;
  }
  .widright span,
  .widleft span {
    top: 7px;
    font-size: 13px;
  }
  .scancard h4,
  .otherupi h4,
  .creaditdebit h4,
  .netbanking h4 {
    font-size: 16px;
  }
  .totalpay span {
    padding: 8px 40px;
    font-size: 16px;
  }
  .form-group {
    margin-bottom: 20px;
  }
  .contentdivbackwhite {
    max-width: 340px;
  }
  .mycartpop:after {
    width: 30px;
    height: 19px;
    top: -19px;
    right: 21px;
    background-size: contain;
  }

  .mycartpop {
    top: 50px;
  }
  .cartimg .plusicon span {
    font-size: 15px;
  }
  .summeryorder {
    max-width: 270px;
  }
  .sliderheading h2 span:before {
    top: -7px;
  }
  .sliderheading h2 span:after {
    bottom: -7px;
  }
}

@media (max-width: 800px) {
  .logodiv {
    width: 22%;
  }
  .rightnav {
    width: 78%;
  }
  header,
  .headerback {
    height: 77px;
  }
  .searchTerm {
    padding: 5px 0px 6px 15px;
    font-size: 14px;
  }
  .searchButton {
    width: 45px;
    height: 32px;
    font-size: 14px;
  }
  .agamipustake {
    padding: 0px 20px;
  }
  .agamipustake h2 {
    font-size: 16px;
  }
  .cartdiv {
    padding: 0px 0px 0px 0px;
  }
  .bannertext h2 {
    font-size: 18px;
  }
  .banner2txt1 h2 {
    font-size: 18px;
  }
  .banner2txt2 h3 {
    font-size: 14px;
  }
  .banner3txt1 h2 {
    font-size: 18px;
  }
  .banner3txt2 ul li {
    font-size: 12px;
  }
  .ancorbtn a {
    font-size: 14px;
    margin-top: 1px;
    padding: 0px 20px;
  }
  .logoandtxtposbanner3 {
    top: 5%;
  }
  .banner3txt2 ul {
    padding-left: 12px;
    margin-top: 5px;
  }
  .banner4txt1 h2 {
    font-size: 20px;
  }
  .banner4txt2 h3 {
    font-size: 16px;
  }
  .ancorbtn4 a {
    font-size: 14px;
    padding: 2px 25px;
    margin-top: 10px;
  }
  .bookhead h2 {
    font-size: 24px;
  }
  .famausbook {
    padding: 20px 0px 30px 0px;
  }
  .whasappset a img {
    max-width: 90%;
  }
  .whasappset {
    top: auto;
    bottom: 5%;
  }
  .orderforwhats p {
    font-size: 12px;
  }
  .boxgray {
    width: 30%;
    margin-bottom: 15px;
  }
  .bottomslider:before,
  .bottomslider:after {
    width: 40px;
  }
  .addressdiv p {
    font-size: 14px;
  }
  .orangebord {
    width: 90%;
  }
  .sociallinkleft {
    width: 60%;
  }
  .sociallinkright {
    width: 40%;
  }
  .bookhous ul li {
    margin-right: 9px;
  }
  .slidimg {
    margin: 20px 0px 15px 0px;
  }
  .comingbookhead h2 {
    font-size: 24px;
  }
  .booknamecomng h3 {
    font-size: 16px;
  }
  .buynoowbtncoming a {
    font-size: 14px;
    padding: 10px 17px;
    line-height: 16px;
  }
  .ourhead h2 {
    font-size: 28px;
  }
  .pointname h3 {
    font-size: 16px;
    margin-bottom: 10px;
  }

  .pointname p {
    font-size: 14px;
    margin-bottom: 15px;
  }
  .summeryorder {
    max-width: 250px;
  }
  .enterdetails {
    width: 70%;
    float: left;
    margin-left: 30%;
  }
  .logofull img {
    max-width: 24%;
  }
  .firstwhite {
    padding: 30px 15px 0px 50px;
  }
  .otherupi {
    padding-left: 15px;
    width: 70%;
  }
  .scancard {
    width: 30%;
    float: left;
    padding-right: 15px;
    padding-bottom: 15px;
  }
  .inputtxt {
    margin-bottom: 15px;
  }
  .bordergray {
    margin-right: 10px;
    max-width: 19%;
  }
  .selctbank select {
    font-size: 14px;
  }
  .otherupi div img {
    max-width: 24%;
  }
  .width50 {
    width: 100%;
  }
  .paddleftinput {
    padding-left: 0px;
  }
  .paddrightinput {
    padding-right: 0px;
  }
  .width35 {
    width: 100%;
    float: left;
  }
  .mrdleftac {
    margin-left: 0px;
    margin-right: 0px;
  }
  .width24 {
    width: 50%;
    float: left;
  }
  .widright span {
    right: 10px;
  }
  .widright span,
  .widleft span {
    font-size: 11px;
  }

  .notyfyinput input {
    font-size: 14px;
  }
  .notyfyinput1:after,
  .notyfyinput2:after {
    width: 25px;
    top: 9px;
  }
  .notyfyinput input {
    padding: 8px 20px;
    padding-left: 44px;
    margin-bottom: 25px;
  }
  .notyfyidnumber a {
    font-size: 15px;
  }
  .paymentsucc h2 {
    font-size: 32px;
  }
  .contentdiv {
    width: 50%;
  }
  .mycartpop:after {
    right: 7px;
  }
  .setdearch input[type="submit"] {
    width: 45px;
    height: 35px;
  }
  .setdearch input[type="text"],
  #wrap {
    height: 35px;
  }
  .setdearch input[type="text"] {
    padding-right: 40px;
    font-size: 15px;
  }
  .setdearch input[type="text"]:focus {
    width: 330px;
  }
  .notificationque {
    top: 12px;
  }
}

@media (max-width: 720px) {
  .mobileondiv {
    display: block;
  }
  .mobileoffdiv {
    display: none;
  }
  .logoandtxtpos {
    left: 0px;
    width: 100%;
    display: inline-block !important;
  }
  .bannerlogo {
    width: 100%;
    text-align: center;
    float: left;
    max-width: 100%;
  }
  .bannertext {
    width: 100%;
    float: left;
    text-align: center;
  }
  .bannerlogo img {
    display: inline-block !important;
    max-width: 20%;
  }
  .logoandtxtpos {
    top: 5%;
  }
  .bannertext h2 {
    font-size: 24px;
    margin-top: 18px;
  }
  .whasappset {
    top: 90%;
  }
  .banner2txt2 h3 {
    font-size: 22px;
  }
  .banner2txt1 h2 {
    font-size: 32px;
  }
  .banner2txt2 {
    margin-top: 41px;
  }
  .logoandtxtposbanner2 {
    left: 21%;
    top: 11%;
  }
  .logoandtxtposbanner3 {
    top: 14%;
    left: 11%;
  }
  .banner3txt2 ul li {
    font-size: 20px;
  }
  .ancorbtn a {
    font-size: 18px;
    margin-top: 16px;
    padding: 4px 20px;
  }
  .logoandtxtposbanner4 {
    width: 100%;
    float: left;
    left: 0px;
  }
  .banner4txt1 h2 {
    font-size: 36px;
    text-align: center;
  }
  .banner4txt2 h3 {
    font-size: 24px;
    margin: 10px 0px;
    text-align: center;
  }
  .logoandtxtposbanner4 {
    top: 15%;
  }
  .ancorbtn4 {
    width: 100%;
    text-align: center;
  }
  .ancorbtn4 a {
    font-size: 18px;
    padding: 4px 25px;
    margin-top: 10px;
  }
  .banner3txt1 h2 {
    font-size: 24px;
  }

  .booknamesec h2 {
    font-size: 24px;
  }
  .booknamesec p {
    font-size: 14px;
  }
  .pricebook h3 span {
    font-size: 26px;
  }
  .pricebook h3 {
    font-size: 15px;
  }
  .pricebook p {
    font-size: 14px;
  }
  .bookdetail h3 {
    font-size: 16px;
  }
  .twobtton a.booknow,
  .twobtton a.samplenow {
    padding: 9px 8px;
    font-size: 14px;
    width: 150px;
    margin-right: 10px;
  }
  .likesboksslider {
    padding: 0px 40px;
    margin-top: 30px;
  }
  .likesboksslider .slick-prev:before {
    width: 34px;
    height: 28px;
    margin-top: -14px;
    background-size: 20%;
  }
  .likesboksslider .slick-next:before {
    width: 34px;
    height: 28px;
    margin-top: -14px;
    background-size: 20%;
  }
  .booknameslide h3 {
    font-size: 16px;
  }
  .pricebookslide h4 {
    font-size: 19px;
  }
  .uptodivslide p {
    font-size: 15px;
    margin: 6px 0px 10px 0px;
  }
  .buynoowbtnslide a {
    font-size: 14px;
    padding: 8px 14px;
    line-height: 16px;
  }
  .boxgraycoming {
    width: 31%;
  }
  .mycartpop {
    top: 46px;
    right: -10px;
  }
  .summeryorder {
    max-width: 270px;
  }

  .enterdetails {
    width: 65%;
    float: left;
    margin-left: 35%;
  }
  .bottomslider .slick-prev:before {
    opacity: 1;
    z-index: 999;
  }
  .bottomslider .slick-next:before {
    opacity: 1;
    z-index: 999;
  }
}

@media (max-width: 630px) {
  .sociallinkleft {
    width: 100%;
  }
  .sociallinkright {
    width: 100%;
    margin-top: 20px;
  }
  .orangebord {
    width: 100%;
  }
  .orangebord {
    border-bottom: 1px solid #f77f00;
    height: 1px;
  }
  .whasappset {
    top: 86%;
  }
  .twobtton a.booknow,
  .twobtton a.samplenow {
    width: 136px;
  }
  .detailshead {
    margin-bottom: 15px;
  }
  .form-group {
    margin-bottom: 25px;
  }
  .summeryorder {
    width: 100%;
    float: left;
    padding-right: 0px;
    margin-bottom: 15px;
    position: relative;
    max-width: 100%;
  }
  .enterdetails {
    width: 100%;
    margin-left: 0px;
  }
  .firstwhite {
    padding: 20px 15px 10px 50px;
  }
  .width24 {
    width: 100%;
    float: left;
  }
  .notyfyinput input {
    padding: 8px 10px;
    padding-left: 36px;
  }
  .notyfyinput1:after,
  .notyfyinput2:after {
    width: 21px;
    top: 10px;
  }
  .contentdiv {
    width: 60%;
  }
  .notyfymsg a {
    font-size: 16px;
  }
  .setdearch input[type="text"]:focus {
    width: 300px;
  }
  .enterdetails {
    margin-top: 15px;
  }
  .scancard {
    width: 38%;
  }
  .otherupi {
    padding-left: 40px;
    width: 62%;
  }
  .otherupi div img {
    max-width: 30%;
  }
}
@media (max-width: 530px) {
  .logodiv {
    width: 25%;
  }
  .rightnav {
    width: 75%;
    margin-top: 0px;
  }
  header,
  .headerback {
    height: 70px;
  }
  .cartimg .plusicon {
    top: -10px;
    left: 45%;
  }
  .boxgray {
    width: 46%;
    margin: 0% 2% 4% 2%;
  }
  .bannertext h2 {
    font-size: 22px;
    margin-top: 10px;
  }
  .banner2txt1 h2 {
    font-size: 24px;
  }
  .banner2txt2 h3 {
    font-size: 20px;
  }
  .logoandtxtposbanner3 {
    top: 10%;
    left: 15px;
    font-size: 22px;
  }
  .banner3txt1 h2 {
    font-size: 22px;
  }
  .banner3txt2 ul li {
    font-size: 16px;
  }
  .ancorbtn a {
    font-size: 16px;
  }
  .banner4txt1 h2 {
    font-size: 32px;
  }
  .banner4txt2 h3 {
    font-size: 20px;
  }
  .bannerbottomtxt h4 {
    font-size: 15px;
  }
  .sliderheading h2 {
    font-size: 22px;
    padding: 5px 10px;
  }
  .sliderheading h2:before {
    width: 53px;
    top: 6px;
    right: -56px;
  }
  .sliderheading h2:after {
    width: 53px;
    top: 6px;
    left: -56px;
  }

  .searchbox {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100vh;
    background: rgb(2 2 2 / 92%);
    z-index: 999;
    display: none;
  }
  .wrap {
    position: absolute;
    width: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    left: 50%;
  }
  .whasappset {
    z-index: 999;
    width: 100%;
    top: auto;
    bottom: 0px;
    right: auto;
    left: 0px;
    background: #5cd467;
  }

  .orderforwhats p {
    color: #ffffff;
    text-shadow: 0px 0px 0px #ffffff;
    text-align: left;
    font-size: 20px;
  }
  .orderforwhats p br {
    display: none;
  }
  .closesearch {
    display: block;
  }
  .mobilesearch {
    display: block;
  }
  .mycartpop {
    top: 43px;
  }
  .mycartpop {
    min-width: 250px;
  }
  .bookselectname h5 {
    font-size: 15px;
  }
  .nameprice {
    padding-left: 15px;
  }
  .selctprice h6 {
    font-size: 16px;
  }
  .selctprice {
    margin-top: 15px;
  }
  .selctprice h6 .fa-trash-o {
    font-size: 18px;
  }
  .totalammount h2 {
    font-size: 16px;
  }
  .totalammount p {
    font-size: 12px;
  }
  .makepaymentbtm a {
    font-size: 14px;
    padding: 9px 28px;
    line-height: 14px;
  }
  .makepaymentbtm a .fa-arrow-right {
    position: absolute;
    right: 6px;
    top: 10px;
    font-size: 12px;
  }
  .fnacybookdiv {
    width: 100%;
    float: left;
  }
  .backgroundwhite {
    padding: 30px 20px 30px 20px;
  }
  .rightbookdetails {
    width: 100%;
    padding-left: 0px;
    margin-top: 15px;
  }

  .boxgraycoming {
    width: 48%;
  }
  .stockcomsoon h4 {
    font-size: 20px;
  }
  .ourhead {
    margin: 10px 0px 15px 0px;
  }
  .ourhead h2 {
    font-size: 24px;
  }
  .pointname {
    margin-bottom: 15px;
  }
  .logofull img {
    max-width: 30%;
  }
  .paymentsucc h2 {
    font-size: 28px;
  }
  .paymentsucc p {
    font-size: 18px;
    margin: 13px 0px;
  }
  .paymentsucc a {
    font-size: 14px;
  }

  .whasappset a img {
    max-width: 8%;
  }
  .whasappset a {
    width: 100%;
    display: inline-block;
  }
  .sliderheading h2 span:before,
  .sliderheading h2 span:after {
    background-size: cover;
  }
  .overlaydiv {
    display: none;
  }
  #wrap {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 80%;
  }
  .setdearch input[type="text"],
  .setdearch input[type="text"]:focus {
    width: 100%;
  }
  #wrap {
    background: #ebebeb;
    border-radius: 50px;
  }
  .setdearch input[type="text"] {
    padding-right: 40px;
    padding-left: 15px;
  }
  .sticydiv {
    display: block;
  }
  .whatsicondiv,
  .orderforwhats {
    display: none;
  }
  .sticydivcontent {
    color: #ffffff;
    text-shadow: 0px 0px 0px #ffffff;
    text-align: left;
    font-size: 20px;
    font-family: Arial;
    text-align: center;
    padding: 6px 0px;
  }
  .sticydivcontent img {
    margin-right: 7px;
  }
  .footerdiv {
    padding-bottom: 54px;
  }
  .bannerbottomtxt {
    height: 42px;
  }
  .maroonsec {
    padding: 25px 0px 25px 0px;
  }
  .cartdiv {
    width: 8%;
  }
  .cartimg .plusicon span {
    font-size: 14px;
  }
  .cartimg .plusicon {
    width: 20px;
    height: 20px;
  }
  .footerdivpayment {
    padding: 8px 0px;
  }
  .otherupi {
    padding-left: 20px;
  }
  .masgcvv {
    padding: 3px 5px;
    margin-top: 15px;
  }
  .fixfooterpage {
    position: relative;
  }
}

@media (max-width: 501px) {
  .bannerbottomtxt h4 br {
    display: none;
  }
  .bottomslider .slick-prev:before {
    width: 32px;
    height: 24px;
    left: -15px;
    margin-top: -12px;
    background-size: 24%;
  }
  .bottomslider .slick-next:before {
    width: 32px;
    height: 24px;
    right: -15px;
    margin-top: -12px;
    background-size: 24%;
  }
  .footerdivpayment {
    padding: 8px 0px;
  }
}
@media (max-width: 480px) {
  .logodiv {
    width: 35%;
  }
  .rightnav {
    width: 65%;
    margin-top: 0px;
  }
  .cartdiv {
    width: 13%;
  }
  .bannertext h2 {
    font-size: 18px;
    margin-top: 10px;
  }
  .banner2txt1 h2 {
    font-size: 20px;
    line-height: normal;
  }
  .banner2txt2 h3 {
    font-size: 18px;
  }
  .banner2txt2 {
    margin-top: 27px;
  }
  .logoandtxtposbanner2 {
    left: 21%;
    top: 10%;
  }
  .logoandtxtposbanner3 {
    top: 10%;
    left: 0px;
    font-size: 22px;
    padding: 15px;
  }
  .banner3txt1 h2 {
    font-size: 20px;
  }
  .banner3txt1 h2 br {
    display: none;
  }
  .banner3txt2 ul {
    padding-left: 20px;
    margin-top: 5px;
  }
  .banner3txt2 ul li:before {
    left: 15px;
  }
  .ancorbtn a {
    font-size: 14px;
  }
  .mobilesearch {
    font-size: 15px;
    width: 30px;
    height: 30px;
  }
  .banner4txt1 h2 {
    font-size: 28px;
  }
  .banner4txt2 h3 {
    font-size: 18px;
  }
  .ancorbtn4 a {
    font-size: 14px;
    padding: 4px 20px;
    margin-top: 10px;
  }
  .banner3txt2 ul li {
    font-size: 14px;
  }
  .detailshead h3 {
    font-size: 18px;
  }
  .scancard h4,
  .otherupi h4,
  .creaditdebit h4,
  .netbanking h4 {
    font-size: 14px;
  }
  .notificationque {
    top: 11px;
  }
  .paymentsucc {
    padding: 25px 15px;
  }

  .sliderheading h2:after,
  .sliderheading h2:before {
    display: none;
  }
  .sliderheading h2 span:before,
  .sliderheading h2 span:after {
    background-size: cover;
    height: 3px;
  }
  .bottomslider:before,
  .bottomslider:after {
    display: none;
  }
  .magnify {
    display: none !important;
  }
  .footerdivpayment {
    padding: 8px 0px;
  }
  .scancard {
    width: 40%;
  }
  .otherupi {
    padding-left: 20px;
    width: 60%;
  }
  .otherupi div img {
    max-width: 36%;
  }
  .bordergray {
    margin-right: 5px;
  }
  .contentdiv {
    width: 70%;
  }
}
@media (max-width: 460px) {
  .masgcvv {
    right: -5px;
    left: auto;
  }
}

@media (max-width: 420px) {
  .bannertext h2 {
    font-size: 16px;
    margin-top: 10px;
  }
  .logodiv {
    width: 40%;
  }
  .rightnav {
    width: 60%;
    margin-top: 0px;
  }
  .banner2txt1 h2 {
    font-size: 18px;
    line-height: normal;
  }
  .banner2txt2 h3 {
    font-size: 16px;
  }
  .logoandtxtposbanner3 {
    top: 3%;
  }
  .banner4txt1 h2 {
    font-size: 24px;
  }
  .banner4txt2 h3 {
    font-size: 16px;
  }
  .thumbnail {
    padding: 0px 6px 0 0;
  }
  .rightbookshow {
    padding-left: 0px;
  }
  .booknamesec h2 {
    font-size: 18px;
  }
  .pricebook h3 {
    font-size: 14px;
    margin-top: 10px;
  }
  .pricebook h3 span {
    font-size: 22px;
  }
  .likebooks h2 {
    font-size: 20px;
  }
  .likesboksslider {
    padding: 0px 20px;
    margin-top: 15px;
  }
  .likesboksslider .slick-prev:before {
    width: 25px;
    height: 24px;
    margin-top: -12px;
    background-size: 20%;
  }
  .likesboksslider .slick-next:before {
    width: 25px;
    height: 24px;
    margin-top: -12px;
    background-size: 20%;
  }
  .innergraydiv {
    background: #f3f3f3;
    padding: 15px 12px;
  }
  .booknameslide h3 {
    font-size: 14px;
  }
  .pricebookslide h4 {
    font-size: 16px;
  }
  .uptodivslide p {
    font-size: 14px;
    margin: 4px 0px 8px 0px;
  }
  .backlink a {
    font-size: 14px;
  }
  .bookdetail p {
    font-size: 14px;
    padding-right: 0px;
  }

  .comingbookhead h2 {
    font-size: 20px;
  }
  .totalpay {
    padding-bottom: 20px;
  }
  .selctbank {
    margin: 20px 0px 25px 0px;
  }
  .selctbank select {
    min-width: 100%;
  }
  .otherupi div img {
    max-width: 27%;
  }
  .bordergray {
    max-width: 21%;
  }
  .cardno {
    width: 100%;
    float: left;
    margin-right: 0px;
  }
  .cardno input {
    text-align: left;
  }
  .bordergray {
    max-width: 21%;
    margin-bottom: 10px;
  }
  .otherupi div img {
    max-width: 34%;
  }
  .bordergray {
    max-width: 26%;
    margin-bottom: 10px;
  }
  .logofull img {
    max-width: 37%;
  }
  .detailshead h3 {
    font-size: 16px;
  }
  .summeryhead h3 {
    font-size: 18px;
  }
  .otherupi {
    width: 58%;
  }
  .scancard {
    width: 42%;
  }
  .totalpay span {
    padding: 6px 31px;
    font-size: 15px;
  }
  .contentdiv {
    width: 80%;
  }
  .orderforwhats p {
    font-size: 18px;
  }
  .cartimg .plusicon span {
    font-size: 13px;
  }
  .cartimg .plusicon {
    width: 20px;
    height: 20px;
  }

  .sticydivcontent {
    font-size: 16px;
  }
  .sticydivcontent img {
    margin-right: 4px;
  }
  .footerdiv {
    padding-bottom: 48px;
  }
  .footerdivpayment {
    padding: 8px 0px;
  }
}

@media (max-width: 380px) {
  .logodiv {
    width: 38%;
  }
  .rightnav {
    width: 62%;
    margin-top: 0px;
  }
  .bannertext h2 {
    font-size: 16px;
    margin-top: 10px;
  }
  .banner2txt1 h2 {
    font-size: 16px;
    line-height: normal;
  }
  .logoandtxtposbanner2 {
    left: 21%;
    top: 9%;
  }
  .banner2txt2 {
    margin-top: 20px;
  }
  .banner3txt1 h2 {
    font-size: 18px;
  }
  .ancorbtn a,
  .ancorbtn a {
    padding: 2px 20px;
  }
  .banner4txt2 h3 {
    font-size: 16px;
    line-height: normal;
  }
  .closesearch {
    width: 30px;
    height: 30px;
    line-height: 26px;
  }
  .bookhead h2 {
    font-size: 20px;
  }
  .buynoowbtn a {
    font-size: 14px;
    line-height: 13px;
  }
  .pricebook h4 {
    font-size: 18px;
  }
  .sliderheading h2 {
    border-top: 0px dotted #dfb051;
    border-bottom: 0px dotted #dfb051;
    font-size: 18px;
    padding: 0px 0px;
  }
  .sliderheading h2:before {
    width: 0px;
  }
  .sliderheading h2:after {
    width: 0px;
  }
  .bannerbottomtxt h4 {
    font-size: 13px;
    line-height: normal;
  }
  .bottomslider:before,
  .bottomslider:after {
    width: 0px;
  }
  .copytxt p {
    font-size: 12px;
  }
  .orderforwhats p {
    font-size: 14px;
  }

  .backgroundwhite {
    padding: 15px 15px 15px 15px;
  }
  .buynoowbtnslide a {
    font-size: 13px;
    padding: 6px 11px;
    line-height: 13px;
  }
  .buynoowbtncoming a {
    font-size: 13px;
    padding: 10px 13px;
    line-height: 13px;
  }
  .maroonsec {
    padding: 25px 0px 18px 0px;
  }
  .cartimg .plusicon {
    width: 18px;
    height: 18px;
  }
  .closesearch {
    font-size: 24px;
    width: 30px;
    height: 30px;
    line-height: 26px;
  }
  .scancard {
    width: 48%;
  }
  .otherupi {
    width: 52%;
    padding-left: 15px;
  }
  .otherupi div img {
    max-width: 43%;
  }
  .scancard h4,
  .otherupi h4,
  .creaditdebit h4,
  .netbanking h4 {
    font-size: 13px;
  }
}

@media (max-width: 350px) {
  .masgcvv {
    right: auto;
    left: -100px;
    width: 240px;
  }
  .contentdiv {
    width: 90%;
  }
}