@media (min-width: 320px) and (max-width: 359px) {
  .top-header-content {
    height: 26px;
  }
  .faqsection .descript--section {
    position: relative;
    padding: 15px;
    min-height: 400px !important;
    max-height: 400px !important;
    overflow-x: hidden;
    overflow-y: scroll;
  }
  .primary-top-header .notification-list {
    min-width: 300px !important;
    max-width: 300px !important;
    position: absolute !important;
    top: 46px !important;
    left: -90px !important;
    right: 0 !important;
    margin: 0 auto !important;
  }
  .rhs--choosetemplate ul li img {
    width: 100%;
    height: 140px;
    padding: 15px 20px;
  }
  .forgotpaswd .login--formdetails {
    padding: 0 !important;
    height: 100%;
    top: 60px;
  }
  .setting-section-right .modal-header {
    border-bottom: 1px solid #e5e5e5;
    padding: 10px 5px;
  }
  .setting-section-right .modal-title {
    font-size: 13px !important;
    color: #555;
    font-weight: 700;
    padding: 0;
    margin: 0;
  }
  .settingcontent .setting-section-right .setting-content-section {
    padding: 10px 10px 10px 10px;
    min-height: 400px !important;
    max-height: 400px !important;
    overflow-y: scroll;
    background: #e6eaea;
  }
  .settingcontent .footer--btn {
    padding: 10px;
    text-align: right;
    border-top: 1px solid #e5e5e5;
  }
  .chat-modal--form .chat--detailedbox {
    min-height: 180px;
    max-height: 240px;
    overflow-y: scroll;
  }
  .settingcontent .w-45 {
    width: 43% !important;
  }
  .xs-listwidth {
    min-width: 34% !important;
  }
  .gridview-booklist .card-image {
    height: 135px;
  }
  .gridview-booklist .card-discount p {
    font-size: 10px;
  }
  .view-addresssection .add-addrescard p {
    font-size: 10px;
  }
  .view-addresssection .add-addrescard {
    padding: 15% 0% !important;
    height: 130px !important;
  }
  .view-addresssection .add-addrescard i {
    font-size: 20px;
    color: #e2e2e2;
  }
  .loggedinuserinfo .itemtitle {
    font-size: 12px;
  }
}
/* End of media screen iphone 5/SE */
@media (max-width: 767px) {  
  .score{
        position: absolute;
    top: 0;
    right: 0;
  }
 .application-segment-section .tabset > label{
    padding: 13px!important;
        width: 20%!important;
            font-size: 8px!important;
  }
  .job-aplication-page .w-70{
    width: 100%!important;
  }
  .el-content-section-main-h .heading-events {
    font-size: 16px!important;
  }
  .btn-publish,
  .btn-ye-savebtn, .btn-ye-savebtn:hover, .btn-ye-savebtn:focus,
  .btn-ye-cancelbtn, .btn-ye-cancelbtn:focus .btn-ye-cancelbtn:active{
    padding: 0 10px!important;
    font-size: 10px!important;
  }

  .btn-deactivate-xs{
      font-size: 10px!important;
  }
  
  .emptylisting-content img{
        width: 18%!important;
  }
  .circle-spells {
    height: 30px!important;
    width: 30px!important;
    border-radius: 45px;
    padding: 6px;
    margin: 20px 5px;
    margin-bottom: 0;
}
.bold-letters {
    font-size: 15px!important;
  margin: 2px  9px!important;
}
  .schedule-type a{
    margin: 10px 0!important;
    line-height: 2!important;
    width: 100%;
    display: block;
  }
  .added-tickets.tickets-list .mticketpreview .date time span
  {
        font-size: 14px!important;
  }
  .icon-bold i{
        top: 12px!important;
  }
  .added-tickets .el-content-section-main-h h2{
text-align: left;
  }
  .linked-schedule ul li {
    width: 100%!important;
    padding-left: 0!important;
}
  .no-record-found-section {
    margin: auto 10%!important;
}
  .add-ticket-div .schedule-listing {
    position: relative;
    top: inherit!important;
    height: auto!important;
    min-height: 100px!important;
    border-left: none!important;
}
  .home-page .eldetails-summary.el-eventlist-section{
        display: inline-block;
  }
  .added-tickets ul li {
    float: inherit!important;
    width: 100%!important;
    text-align: center;
    margin: auto;
}
.back-btn .btn-back-page {
    font-size: 15px!important;
    }
.eldetails-summary .card-text {
    font-size: 13px!important;
    line-height: 15px!important;
    min-height: auto!important;
}
  .schedule-ticket-heading .heading-events.active,
  .schedule-ticket-heading .heading-events{
    font-size: 15px!important;
  }
  .md-mb-25 {
    margin-bottom: 15px !important;
}
  .table>thead>tr>th {
    border-bottom: none;
}
  .btn-ye-savebtn,
   .btn-ye-savebtn:hover, 
   .btn-ye-savebtn:focus,
  .btn-ye-unpublish,
  .btn-ye-cancelbtn, 
  .btn-ye-cancelbtn:focus .btn-ye-cancelbtn:active
  {
    padding: 0 15px!important;
  }
 .job-detail  .col-xs-12.text-right {
    text-align: left;
}
  .createevents--layout {
    width: 95%!important;
}
  .input-search-control{
   margin-top: 10px;
  }
  .md-mb-20 {
    margin-bottom: 20px!important;
} 
 .modal-dialog {
  position: relative;
    width: 90%;
    margin: 20px auto;
    min-width: 90%;
}
.upload-banner-img-modal .modal-body {
    padding: 10px;
    overflow: auto;
    min-height: auto;
    overflow-y: scroll;
    overflow-x: hidden;
    max-height: 550px;
}
  .group-input-check ul li {
    width: 50%!important;
  }
  #MultiSelectModal .modal-dialog, #SingleSelectModal .modal-dialog, 
  #SingleSelectModal .modal-dialog, #SingleSelectModal .modal-dialog, #SingleSelectModal .modal-dialog {
    width: 95%!important;
}
  .partner-img-sliders .event-cover-pic .el-mainbanner {
    width: 14%!important;
    min-height: auto!important;
    max-height: inherit;
    padding: 3px!important;
}
  .testimonials figure.snip1390 {
    margin: 0!important;
    min-width: 100%!important;
    max-width: 100%;
}
  .testimonial-list {
    display: block!important;
}
  .video-frame iframe {
    width: 100%;
    height: auto;
}
  .video-part {
    border-left: 2px solid #774e79!important;
    padding: inherit;
    border-radius: 0!important;
  }
  .video-frame {
    padding: 20px!important;
  }
  .about-image .single-image.image-tow {
    margin-top: 0;
  }
  .about-image .single-image {
    width: 100%;
}
  .trackoptions .dropdown {
        margin-top: 40px;
  }
  .trackoptions{
    display: contents;
  }
  .successbooking-content-container {
    min-height: auto;
}
  .trackoptions .caret {
    top: 12px!important;
}
   
  .tracking-details .card-norecords-found, .el-content-section-desc .card-norecords-found {
    min-height: auto;
    padding: 10px;
    margin-bottom: 15px!important;
}
  .card-cont h3 {
    font-size: 10px!important;
    line-height: 1.5;
    margin: 5px 0;
}
 .eldetails-summary .btn {
    padding:0  8px;
    font-size: 11px;
}
  .el-icon-box-wrapper {
    text-align: left;
}
  .el-content-section-main-h h2 {
    font-size: 15px!important;
    margin: 15px 0!important;
  }
  .primary-eventer {
    font-size: 12px;
}
  .primary-event-name {
    font-size: 14px;
}
  .el-invite-section {
    margin-top: 20px;
}
  .trackoptions .dropdown-toggle {
       width: 342px!important;
    min-width: 100%;
    max-width: 100%;    
    margin: 0;
}
.tracking-details  {
        margin-top: 90px;
  }
  .table-responsive{
    padding: 0;
  }
  #restpasswordnext .contact_us-body{
  overflow: auto;
    overflow-x: hidden;
    overflow-y: inherit;
    min-height: auto!important;
    max-height: 435px;
    padding: 20px;
}
  .unauthorized-notification {
    margin: 30px!important;
}
 .verificationpage {
    margin: 50px auto !important;
    text-align: center;
    width: 335px!important;
  }
  .forgotpaswd .login--formdetails {
    padding: 0 !important;
    height: 100%;
    top: 68px!important;
}
  .logincontainer .sign-up-content {
  min-height: calc(100vh - 40vh)!important;
    max-height: calc(100vh - 40vh);
}
   .reset-page .login--formdetails {
    min-height: 410px;}
  .accesspage .main-body-section {
    min-height: 400px;
    max-height: 400px;
}
  .forgotpaswd-body .reset-page {
    height: calc(100vh - 0px)!important;
}
.loginmaindiv {
     padding: 0;
}
 .logincontainer .reset-page .passwd-visible {
    top: 0;
}
  .logincontainer .login--formdetails-resetpasswrd {
    padding: inherit;
    height: 100%;
}
  .reset-page .passwd-visible{
    top: 24px;
  }
  .forgotpaswd-body .login--formdetails-resetpasswrd {
    padding: 90px 20px!important;
    height: inherit;
}
.myevent-cover-pic h2 {
    font-size: 20px!important;
    top: 0!important;
}
  .myevent-cover-pic {    
    min-height: 60px!important;
    max-height: 61px!important;
  }
 .bhoechie-tab-container .dropdown-toggle { 
     width: 100%;
    text-align: left;
    border: 1px solid #ddd;
    height: 45px;
    margin: 0;
}

.bhoechie-tab-container .dropdown-menu {
        position: absolute;
    will-change: transform;
    width: 100%;
    min-height: auto;
    max-height: 460px;
    overflow: hidden scroll;
    top: -15px;
    padding: 0;
    left: 0px;
    transform: translate3d(0px, 59px, 0px);
}
  .org-detail-page {
    margin-top: 60px;
}
  .el-invite-section {
    text-align: center;
}
  .nextbookingnotifypanel {
    padding: 20px 20px!important;
    position: relative!important;
    bottom: 5px!important;
    font-size: 13px!important;
}
  .btn-eventsignup {
    margin: 10px 0!important;
}
  .navigator-link {
    margin-top: 10px !important;
}
  .left-body-section {
    background: #fff!important;
    height: auto!important;
    position: relative!important;
}
  .footer-section .footer ul {
    width: 100%!important;
    text-align: center;
}
  .create_event .modal-dialog {
    width: auto;
    min-width: 95%;
    max-width: 95%;
}
.create_event .modal-body {
    position: relative;
    padding: 40px;
    text-align: center;
}
  .events__item--left .prviateevent-ribbon {
    right: -33px!important;
}
  .successbooking-content-container .events__itemimg--left img{
        min-height: 240px!important;
        bottom: 84px;
        font-size: 13px;
  }
 .nextbookingnotifypanel{
   position: relative;
 }
  .footer-section .footer h3 {
    color: #8c4e7c!important;
  }
  .buyticket-nav {
    padding: 5% 10%!important;
    font-size: 18px !important;
    min-height: auto!important;
}
  .events-selection-notification {
    margin: 40px 0 10px 0!important;
}
 .primary-event-name {
    font-size: 15px!important;
}
#eventbookng.wizardpopup .modal-dialog {
    width: auto!important;
    height: auto;
    min-width: 95%!important;
    max-width: 95%!important;
}
  .el-invt-banner {
    min-height: 100px;
    max-height: 200px;
}
  .event-cover-pic .el-mainbanner {
    width: 100%;
    min-height: auto!important;
    max-height: 215px!important;
}
#eventbookng.wizardpopup .wrapper {
    height: auto!important;
    display: block!important;
  }
   .footer-section .footer h3 {
    color: #8c4e7c!important;
  }
#eventbookng.wizardpopup .wrapper {
    height: auto;
    background: none;
}
   .buyticket-nav {
    padding: 5% 10%!important;
    font-size: 14px !important;
    min-height: auto!important;
}
   .caret{
    position: absolute;
    right: 15px;
    top: 20px;
  }
  .bookevent-section .dropdown-toggle { width: 100%;
    text-align: left;
    border: 1px solid #ddd;
    height: 45px;
    margin: 0;
}

 .bookevent-section .dropdown-menu {
        position: absolute;
    will-change: transform;
    width: 100%;
    min-height: 460px;
    max-height: 460px;
    overflow: hidden scroll;
    top: -15px;
    padding: 0;
    left: 0px;
    transform: translate3d(0px, 59px, 0px);
}
  .card-body {
    padding: 15px 10px;
}
.about-content h3, .partners-section h3 {
    font-size: 20px!important;
}
.partner-img-sliders .event-cover-pic .brand-images {
    padding: 25px 65px!important;
       width: 100%!important;
    }
    .about-section {
    padding-top: 20px!important;
}
  .home-page .event-cover-pic .el-mainbanner {
    min-height: auto!important;
    max-height: 160px!important;
}
  .el-detail-page{
    margin-top: 60px;
  }
  .el-overview-section {
    margin-top: 0!important;
}
  .viewprod-section .itemtitle {
    font-size: 17px;
  }
  .mycart-activeaddress-mark .fa {
    right: 8%;
    top: 10px;
}
   .card-norecords-found h2 {
    font-size: 20px;}
  .card-norecords-found {
    margin: 0;
    padding: 35px;
    min-height: 200px;
}
  .product_delete {
    width: 95%;
}
  .os-inner-section {
    padding: 10px;
    margin-bottom: 10px;
}
  .viewprod-section .itemimage-thumb {
    min-height: 150px;
    margin-bottom: 10px;
}
  /* .initiailbannerimage   .u-bg-img-hero iframe {
    display: none;
  } */
  .card-norecords-found h4 {
    padding: 0;}
  .tc--descript h4,  .tc--descript h5,  .tc--descript h6{
    font-size: 13px;
  }
  .homepage---content .mylib-books .owl-carousel.owl-drag .owl-item{
   width: auto!important;
  }  
.homepage---content .emptyproduct{
    text-align: center;
    font-size: 15px;
    margin: 20px 0;
}
  .card-title.ctgrname {
    font-size: 9px;
}
.carousel-inner img {
    width: 30px;
}
   .mylib-books .owl-carousel.owl-drag .owl-item {
     min-width: inherit;
     max-width: 100%!important;
   }
  .my--library .search-books h3 {
    margin: 0;
    line-height: 0;
    font-size: 20px;
  }
  .mylib-books .owl-carousel.owl-drag .owl-item {
    width: 14%;
  }
  .keepsake--description__btn {
    position: relative;
    bottom: 0;
  }
  .viewmore-products .mylib-books ul li {
    width: 50%;
    padding-bottom: 10px;
  }
  .viewmore-products .mylibrary-seemore-p .u-form__input {
    top: 30px;
    width: 100%;
  }
  .product--page .address-summary {
    min-height: 230px;
  }
  .product--page .itemimage-thumb {
    margin-bottom: 10px;
  }
  .product--page .btn-secondary {
    top: 2px;
  }
  .product--page .gridview-booklist {
    max-height: inherit;
    min-height: initial;
  }
  .product--page .viewbook-details .book-author {
    padding: 10px 0 0;
  }
  .card-book-description .book-buybtn {
    position: relative;
    bottom: 0;
    padding-bottom: 0;
  }
  .card-book-description .itemimage-thumb {
    margin: 0;
  }
  .mycartpage .itemimage-thumb {
    width: 100%;
    height: 50px;
  }
  .order--confirmationpage .payment-status {
    line-height: 0;
  }
  .success-msg-card .sucessful-icon .fa-check-circle {
    font-size: 45px;
  }
  .payment-content {
    text-align: left;
  }
  .thankyou--page .gridview-booklist .book-title {
    padding: 10px 10px 0;
  }
  .thankyou--page .viewbook-details .book-author {
    padding:5px 10px;
    margin: 0;
  }
  .thankyou--page .gridview-booklist .book-category{
    padding: 0 10px;
  }
  .thankyou--page .viewbook-details {
    margin-top: 0;
  }
  .greeting--section {
    margin: 0;
    font-size: 12px;
  }
  .voucher-content {
    margin-bottom: 10px !important;
  }
  .orgdetailspanel h1 {
    margin: 0 !important;
  }
  .organization--slides .voucher-image img {
    height: auto;
    padding-top: 0 !important;
  }
  .describe-steps .step-outer {
    margin-bottom: 0;
  }
  .gridview-booklist {
    padding: 5px;
  }
  .homepage---content .online-book__list .online--book,
  .categorylist--page .online-book__list .online--book,
  .my--library .online-book__list .online--book,
  .organization--slides .online-book__list .online--book {
    width: 50%;
  }
  .homepage---content .controls-top .btn-floating {
    background: none;
    left: -25px;
  }
  .right-btnfloating {
    background: none;
    right: -25px;
  }
  .homepage---content .fa-chevron-right,
  .homepage---content .fa-chevron-left {
    font-size: 20px;
    color: #ccc;
  }
  .homepage---content .card .card-body i {
    font-size: 30px;
  }
  .tcmodal .tnc--descript {
    padding: 10px 15px;
  }
  .rowcomp--levelsettings__button.pagelevel-settings ul li a i {
    font-size: 35px !important;
    color: #919aa3;
    padding-right: 2px;
  }
  .section-newsletter .text-primary {
    font-size: 20px;
  }
  .rowcomp--levelsettings__button.pagelevel-settings {
    height: 50px !important;
    padding: 0;
    box-sizing: border-box;
    outline: none;
    width: 21cm;
    display: block;
    margin: 0 auto;
    margin-bottom: 0;
    background: transparent;
    box-shadow: none;
  }
  .sectionouterarea:hover .sectionouterarea--actionicons {
    display: inline-flex !important;
    height: 40px;
  }
  .choose--buttonsection {
    margin: 20px auto !important;
  }
  .rowcomp--levelsettings__button.pagelevel-settings ul li {
    border-right: none;
    padding: 6px 10px;
    border-radius: 3px;
    font-size: 20px;
  }
  .edit-content {
    font-size: 12px !important;
  }
  .bkpg--pageheader .add-componentbtn {
    font-size: 18px;
    background: #449d44;
    color: #fff !important;
    font-weight: 300;
  }
  .layoutslist .form-control {
    font-size: 12px !important;
    height: 40px;
  }
  #pagezoombtn {
    display: none;
  }
  .xs-mt-200 {
    margin-top: 200px !important;
  }
  .editpage--content .ng-resizable-handle.ng-resizable-s {
    height: 44px !important;
  }
  .tabheader--title {
    font-size: 13px;
    margin: 10px 0;
    font-weight: 500;
    line-height: 2;
  }
  .left-body-section {
    min-height: auto;
    background: #111640;
    padding: 30px 40px;
    padding-bottom: 50px;
    margin-bottom: 0;
    margin-top: 70px;
  }
  .ng-resizable-handle.ng-resizable-s img {
    height: 44px !important;
    width: 25px !important;
  }
  .theme-btn-access {
   color: #fff!important;
    background: #7accbe!important;
    border-color: transparent !important;
    margin-top: 15px;
  }
  .welcome-caption {
    color: #ffffff !important;
    font-size: 16px;
  }
  .login--formdetails .input-label {
    color: #fff !important;
  }
  .cobrand--icon img {
    position: inherit !important;
  }
  .noinitated-records p {
    font-size: 11px !important;
    line-height: 1.4;
    padding: 0 30px !important;
  }
  .noinitated-records .load-svg {
    width: 150px !important;
    margin-top: 50px !important;
  }
  .top-header-content {
    z-index: 991 !important;
  }
  .listcate-section {
    padding: 5px 1%;
  }
  .listcate-title {
    font-size: 22px !important;
    margin: 10px 15px !important;
  }
  .footer-section .footer-socialicons-copyright {
    margin-bottom: 10px;
  }
  .notification__section .nav-actionlists-button {
    font-size: 22px !important;
    padding: 0 !important;
    min-width: 40px;
    color: #ddd;
  }
  .xs-w-100 {
    width: 100% !important;
  }
  .component-infoicon {
    margin-bottom: 5px;
    padding: 0 5px !important;
  }
  .model-add .modal-title {
    font-size: 14px !important;
    line-height: 1;
  }
  .choosecomponent--header .book--title {
    font-size: 14px !important;
  }
  .contactus-modalform .contact_us-body p {
    font-size: 12px !important;
  }
  .user-information ul {
    padding-bottom: 0 !important;
    top: 50px !important;
  }
  .address-data {
    font-size: 12px;
  }
  .nav-actionlists-button .badge {
    font-size: 9px;
    position: absolute;
    top: 5px;
    border: 1px solid;
    font-weight: 500;
    font-family: "Rubik", sans-serif;
    padding: 1px 4px;
    line-height: 1.4;
    right: -5px !important;
  }
  .notification__section .card-body .ico {
    width: 50px !important;
  }
  .gridview-booklist .book-title {
    font-size: 15px;
    line-height: 1.2;
    margin: 0;
    padding: 0;
  }
  .book--carddetails .btn-xs {
    font-size: 11px;
    font-weight: 400;
    padding: 3px 10px;
    text-align: right;
    float: right;
    margin: 0;
    margin-top: 10px;
  }
  .navbar {
    margin-bottom: 0 !important;
  }
  .aggbook-comp .eb--headerlisting ul.list--ofheardersul {
    min-height: calc(100vh - 15vh) !important;
    max-height: calc(100vh - 15vh) !important;
  }
  .layoutchoose .component-infoicon i {
    font-size: 12px !important;
    padding-left: 5px !important;
  }
  .manage-widget-property .no-imagesdisplay {
    text-align: center;
    opacity: 0.3;
    padding: 15%;
    margin: 0 !important;
    height: 196px !important;
    cursor: pointer;
  }
  .pagezoomcontroller {
    transform: scale(0.2);
    transform-origin: 25% 0% !important;
  }
  .header--actionsection ul li .material-btn-icons i {
    font-size: 16px !important;
  }
  .header--actionsection ul li {
    width: 58px !important;
    border-left: none !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    line-height: 1.6 !important;
    padding: 0 !important;
  }
  .book-comp__content .header--actionsection ul {
    padding-top: 44px;
  }
  .xs-listwidth .header--actionsection ul li .material-btn-icons i {
    display: none;
  }
  .xs-listwidth {
    min-width: 42% !important;
  }
  .chapter-getstarted-section {
    display: block;
    font-size: 10px !important;
    line-height: 1.2 !important;
    padding: 5px !important;
  }
  .top-header-content {
    height: 26px;
  }
  .top-header-nav-link {
    font-size: 11px;
    padding: 5px;
  }
  .primary-top-header {
    height: 44px;
  }
  .primary-top-header .header-navbar-brand img {   
    height: auto;
    top: 10px;
    width: 45%;
    left: 5px;
  }
  .primary-top-header {
    padding: 0;
  }
  .header-navbar {
    padding-top: 0;
    padding-bottom: 0;
  }
  .navbar {
    min-height: 0;
  }
  .faqsection .modal-dialog {
    width: 90%;
    max-width: 90%;
    margin: 20px auto;
  }
  .navbar-brand {
    float: left;
    height: 44px;
  }
  .main-header {
    position: relative;
    right: 0;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 101;
    position: fixed !important;
  }
  .listcate-title {
    color: rgb(175, 163, 100) !important;
    font-size: 24px;
    font-weight: 500;
    margin-left: 10px;
    margin-right: 10px;
  }
  .gridview-booklist .card-book-description {
    padding: 10px;
    height: 70px;
  }
  #app-features .box-item {
    margin: 20px 0;
  }
  #app-features .box-item .text h4 {
    font-weight: 700;
    font-size: 18px;
    margin-bottom: 15px;
    line-height: 10px;
  }
  #app-features .box-item .icon {
    text-align: center;
    margin: 0 20px;
    display: inline-block;
    width: 50px;
    height: 50px;
    border-radius: 50px;
    text-align: center;
    position: relative;
    z-index: 1;
    transition: all 0.2s linear;
  }
  #app-features .content-left .text {
    margin-left: 90px;
    text-align: left;
    margin-right: 0;
  }
  .xs-mt-70 {
    margin-top: 70px !important;
  }
  .descrip-section .descript-icon {
    float: left !important;
  }
  .footer-section .footer h3 {
    color: #474747;
    font-size: 13px !important;
    font-weight: 500;
    padding: 0 0 10px;
    line-height: 2;
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 0;
    margin-top: 15px;
  }
  .copyright-right {
    float: inherit;
    text-align: center !important;
  }
  .footer-section .footer img {
    max-width: 100%;
    float: right;
    margin-right: 10px;
  }
  .contact--tcs {
    text-align: center;
  }
  .footer-section .footer ul li a {
    padding: 0 0 10px 0;
    display: block;
    color: #c4c2c2;
    font-weight: 400;
    font-size: 12px;
    cursor: pointer;
  }
  .contact-details {
    color: #7d4e7c;
    font-weight: 700;
    font-size: 14px;
  }
  .footer-socialicons-copyright .social--icons {
    float: inherit !important;
  }
  .footer-section .footer-socialicons-copyright {
    border-top: none;
  }
  .tc--information {
    width: 90%;
    margin: 20px auto;
  }
  .footer-section .footer h3::after {
    content: "";
    display: block;
    width: 40px;
    height: 2px;
    background: none;
  }
  .faqsection .descript--section {
    position: relative;
    padding: 15px;
    min-height: 500px;
    max-height: 500px;
    overflow-x: hidden;
    overflow-y: scroll;
  }
  .faqsection .modal-footer {
    padding: 10px;
    text-align: right;
    border-top: 1px solid #e5e5e5;
  }
  .add--chapaterheader .modal-dialog {
    max-width: 310px;
    margin: 20px auto;
  }
  .manage-section .choosecomponent--outerlayout .modal-dialog {
    width: 95%;
    margin: 10px auto;
    margin-top: 15px;
  }
  .manage-section .choosecomponent--outerlayout .modal-content {
    position: relative;
    margin: 10px auto;
    max-width: 7000px;
    min-width: 90%;
  }
  .manage-section
    .choosecomponent--body
    .choosecomponent--body__listing
    aside
    ul {
    min-height: 52px !important;
    max-height: 52px;
  }
  .manage-section
    .choosecomponent--body
    .choosecomponent--body__listing
    aside
    ul
    li.active {
    border-bottom: 5px solid #5fd7bc !important;
    padding-left: 5px;
    background: #ddd;
    border-left: none;
    text-align: center;
  }
  .manage-section
    .choosecomponent--body
    .choosecomponent--body__listing
    aside
    ul
    li
    img {
    height: 20px;
    display: inline-block;
    width: 20px;
    position: relative;
    right: 10px;
  }
  .manage-section .textcontent {
    overflow: auto;
    overflow-x: hidden;
    overflow-y: scroll;
    min-height: calc(100vh - 48vh) !important;
    max-height: calc(100vh - 48vh) !important;
  }
  .manage-section
    .choosecomponent--body
    .choosecomponent--body__listing
    aside
    ul
    li {
    padding: 13px;
    border-bottom: 1px solid #eee;
    color: #333;
    font-weight: 500;
    /* width: 80%; */
    cursor: pointer;
    font-size: 12px;
    float: left;
    width: 33.3%;
    text-align: center;
  }
  .manage-section .imagearea {
    min-height: calc(100vh - 48vh) !important;
    max-height: calc(100vh - 48vh) !important;
    overflow: auto;
    overflow-x: hidden;
    overflow-y: scroll;
    position: relative;
  }
  .manage-section .header--actionsection ul li {
    width: 50px;
    font-size: 10px;
    margin-top: 2px;
  }
  .backto_library {
    position: absolute;
    right: 0!important;
    top: 0!important;}
  .modal-header.choosecomponent--header {
    padding: 5px!important;
}
  .manage-section .uploadimg {
    padding: 0%;
    border: 2px dashed #7accbe;
    background: #f1f4f5;
    opacity: 1;
    color: #000;
    cursor: pointer !important;
    text-align: center;
    height: 200px;
  }
  .manage-section .image--uploaded .tagcomment,
  .componentimage-infoicon {
    font-size: 12px;
  }
  .manage-section .component-infoicon {
    color: #aaa;
  }
  .manage-section .component-infoicon i {
    font-size: 10px;
  }
  .layoutsection .choosecomponent--outerlayout .modal-dialog {
    width: 90%;
    margin: 20px auto;
    position: relative;
  }
  .layoutsection .choosecomponent--outerlayout .modal-content {
    position: relative;
    margin: 10px auto;
    max-width: 100%;
    min-width: 100%;
  }
  .layoutsection .header--actionsection ul li {
    width: 50px;
    margin-top: 5px;
  }
  .layoutsection .componentimage-infoicon {
    font-size: 10px;
  }
  .layoutsection
    .choosecomponent--body
    .choosecomponent--body__listing
    aside
    ul {
    min-height: 45px !important;
    max-height: 65px;
  }
  .layoutsection .complist-container {
    position: relative;
    min-height: 400px !important;
    max-height: 400px;
    overflow-y: scroll;
    overflow: auto;
    overflow-x: hidden;
  }
  .layoutsection .complist-container ul {
    list-style-type: none;
    margin-bottom: 0;
    padding: 10px 10px;
    padding-bottom: 10px;
    width: 100%;
    min-height: 300px;
    max-height: 300px;
  }
  .layoutsection .complist-container li {
    display: inline-block;
    padding: 0;
    border: 1px solid transparent;
    width: 50%;
  }
  select #optionselect {
    width: 100%;
    border: none;
    background: white;
    color: #000;
  }
  .choosinglayout--modal .rhs--choosetemplate ul li {
    width: 50%;
    padding: 0;
    text-align: center;
    float: left;
    position: relative;
  }
  .choosinglayout--modal .rhs--choosetemplate ul {
    min-height: calc(100vh - 25vh);
    max-height: calc(100vh - 25vh);
    overflow-y: scroll;
    width: 100%;
  }
  .choosinglayout--modal .modal-content {
    max-width: 100% !important;
    min-width: 100% !important;
  }
  .choosinglayout--modal .model-add {
    max-width: 90% !important;
    margin: 20px auto !important;
  }
  .choosinglayout--modal .rhs--choosetemplate ul li img {
    width: 100%;
    height: 130px;
    padding: 10px 20px;
  }
  .modal.template-confirmation .modal-dialog {
    margin: 100px 20px;
    width: 90%;
  }
  .loginsection .login--formdetails {
    padding: 0 !important;
    height: 100%;
    top: 150px;
  }
  .loginsection .login--formdetails {
    padding: 0 !important;
    height: 100%;
    top: 150px;
    overflow: auto;
  }
  .loginsection .left-body-section {
    min-height: auto;
    background: #111640;
    padding: 25px !important;
    height: 100%;
    overflow-y: scroll;
    padding-bottom: 500em;
    margin-bottom: auto;
    position: fixed;
    bottom: 0;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
  }
  .loginsection .welcome-caption {
    color: white !important;
    font-weight: 400 !important;
    margin-bottom: 5px !important;
    line-height: 1.5;
    font-family: inherit;
    margin-top: 10px;
    font-size: 22px;
    text-transform: uppercase;
  }
  .loginsection .navigator-link {
    color: #8c98a4;
    border-bottom: 1px dashed #97a4af;
    font-size: 80%;
    font-weight: 400;
    text-decoration: none;
    background-color: transparent;
    margin-top: -10px !important;
    cursor: pointer;
  }
  .loginsection .input-label {
    font-weight: 600;
    text-transform: uppercase !important;
    display: block !important;
    font-size: 80%;
    margin-bottom: 0.5rem;
    font-family: inherit;
    line-height: 1.5;
    margin-top: 10px;
    color: white;
  }
  .otpsection .login--formdetails {
    padding: 0 !important;
    height: 100%;
    top: 150px;
    overflow: auto;
    min-height: 500px;
  }
  .otpsection .u-btn-success--air {
    color: #d893d7;
    background: rgba(125, 78, 124, 0.3);
    border-color: transparent;
  }
  .otpsection .input-label {
    font-weight: 600;
    text-transform: uppercase !important;
    display: block !important;
    font-size: 80%;
    margin-bottom: 0.5rem;
    font-family: inherit;
    line-height: 1.5;
    color: #f5f5f5b8;
  }
  .otpsection .left-body-section {
    min-height: auto;
    background: #111640;
    padding: 30px 40px;
    padding-bottom: 500em;
    margin-bottom: -500em;
  }
  .book-comp .book-comp__dialog {
    width: 100% !important;
  }
  .dynamicbookapp .modal-header {
    border: 0;
    height: auto;
}
.dynamicbookapp .header--actionsection ul li {
    width: 75px!important;
    min-width: 75px;
    max-width: 75px;
}
.editbooksidebarcontrol,
.dynamicbookapp .modal-header {
    height: auto!important;
}
.editbooksidebarcontrol .nav-pills > .nav-item a,
 .editbooksidebarcontrol .nav-pills > .nav-item a:focus{
      padding: 10px 0!important;
}
.editbooksidebarcontrol .nav>li {
    width: 32.5%!important;
}
  .book-comp .modal-content {
    max-width: 100% !important;
    min-width: 100% !important;
  }
  .bkpg--outerlayout {
    padding: 20px 0!important;
  }
  .addnewpageactionbtn {
    width: auto !important;
  }
  #pagezoombtn {
    right: -90px !important;
  }
  .xs-md-mt-50 {
    margin-top: 50px !important;
  }
  .deletemodalform .template-confirmation.storyclsdate .modal-small {
    width: 310px;
    margin: 20px auto;
  }
  .deletemodalform .template-confirmation .delete-modalform .modal-body {
    padding: 10px 20px !important;
  }
  .deletemodalform .template-confirmation.storyclsdate .modal-small h6 {
  font-size: 16px;
    margin-bottom: 10px;
  }
  .template-confirmation.storyclsdate .modal-small p {
    font-size: 10px;}
  .deletemodalform .template-confirmation .modal-dialog .btn.btn-simple {
    background-color: transparent !important;
    color: #999;
    box-shadow: none;
    font-size: 14px;
    font-weight: 700;
  }
  .settingcontent .setting-section-right {
    max-width: 95%;
    margin: 20px auto !important;
  }
  .settingcontent .setting-section-right .modal-content {
    margin: 0px !important;
    padding: 0px !important;
    min-height: calc(100vh - 30vh);
    max-height: calc(100vh - 0vh);
    max-width: 100%;
    min-width: 100%;
    width: 100%;
    position: relative;
    box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    color: #555;
    border-width: 0;
    background: #fff;
  }
  .settingcontent .model-add {
    max-width: 90%;
    padding: 0 15px;
    margin: 20px auto !important;
  }
  .settingcontent .setting-section-right .modal-body {
    padding: 10px 10px 10px 10px;
    min-height: calc(100vh - 30vh) !important;
    max-height: calc(100vh - 30vh) !important;
    overflow-y: scroll;
    background: #e6eaea;
  }
  .settingcontent .choose--colornimage {
    width: 100%;
    padding: 0%;
    border: none;
    background: #f1f4f5;
    opacity: 1;
    color: #000;
    cursor: pointer !important;
    text-align: center;
    height: 60px;
    position: relative;
  }
  .settingcontent .choose--colornimage .selection-icon {
    font-size: 25px;
    margin-bottom: 5px;
    color: #c7ccd0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  .settingcontent .removecolorbtn {
    padding: 5px 10px !important;
    font-size: 12px;
    border: 2px solid #c0c0c091;
    margin-top: 10px;
  }
  .signupsection .login--formdetails {
    padding: 30px;
    height: 100%;
  }
  .signupsection .login--formdetails {
    padding: 30px;
    height: 100%;
    top: 200px;
  }
  .sign-up-content .login--formdetails {
    padding: 25px !important;
    height: auto;
    top: 0;
    overflow-x: hidden !important;
    overflow-y: scroll !important;
    background: #111640;
    border-top: 1px solid #f5f5f5;
  }
  .chat-modal--form .setting-section-right .modal-content {
    margin: 0px !important;
    padding: 0px !important;
    min-height: calc(100vh - 40vh);
    max-height: calc(100vh - 30vh);
    max-width: 100% !important;
    min-width: 100% !important;
    position: relative;
    box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    color: #555;
    border-width: 0;
    background: #fff;
  }
  .chat-modal--form .chat--detailedview .setting-section-right {
    max-width: 90% !important;
    width: 90% !important;
    margin: 20px auto !important;
    float: none;
  }
  .chat-modal--form .chat-statusreview ul li {
    float: left;
    list-style: none;
    padding: 2px;
  }
  .chat-modal--form .setting-section-right .modal-header {
    border-bottom: 1px solid #e5e5e5;
    padding: 5px 5px;
  }
  .chat-modal--form .chat-statusreview ul li a {
    font-size: 10px;
    padding: 0 5px;
  }
  .chat-modal--form .setting-section-right .modal-header .close {
    font-size: 24px;
    opacity: 0.4;
    text-shadow: none;
    margin-top: 0 !important;
    padding: 0px 5px;
    cursor: pointer;
    background: 0 0;
    border: 0;
    float: right;
    line-height: 1;
    color: #000;
  }
  .chat-modal--form .model-add .modal-title {
    font-size: 16px;
    color: #555;
    font-weight: 700;
    padding: 10px;
    line-height: 2 !important;
  }
  .chat-modal--form .chat-statusreview {
    display: contents;
    text-align: center;
    width: 70%;
    color: #555;
  }
  .edit-content .choosecomponent--body {
    padding: 0;
    min-height: calc(100vh - 30vh);
    max-height: calc(100vh - 30vh);
    background: #aacce921;
  }
  .edit-content .image--uploaded img {
    max-width: 100%;
    max-height: inherit;
    min-height: inherit;
    margin: 0 auto;
    display: block;
    padding: 20px;
  }
  .model-add .comment--footersection .form-control {
    font-size: 12px;
    margin-top: 3px;
    background: #fff;
    height: 130px;
  }
  .chat-modal--form .chat--detailedbox {
    min-height: calc(100vh - 40vh) !important;
    max-height: calc(100vh - 40vh) !important;
    overflow-y: scroll;
  }
  .edit-content .btn-sm {
    padding: 5px 5px !important;
    font-size: 11px !important;
    /* border: none; */
    margin: 5px;
    border-color: #d1d1d1 !important;
  }
  .searchbuy-items ul li {
    list-style: none;
    padding: 0;
    margin: 0;
    width: auto;
    float: left;
  }
  .searchbuy-items {
    float: right;
    right: 10px;
    position: absolute;
    top: 0;
    padding: 0;
    margin: 0;
    width: auto;
  }
  .primary-nav-menus .collapse {
    display: block;
    padding: 0;
    margin: 0;
  }
  .navbar-brand {
    float: left;
    height: 44px;
    width: 50%;
  }
  .big-menuitems li {
    min-width: 100px;
    text-align: center;
    display: none;
  }
  .header-navbar-nav {
    padding: 0;
    margin: 0;
  }
  .header-mycart-btn .nav-actionlists-button {
    font-size: 22px;
    top: 0px;
    line-height: 2;
    /*color: #afa364 !important;*/
    cursor: pointer;
    float: right;
    /* text-align: center; */
    padding-right: 5px;
    /* vertical-align: middle; */
  }
  .user-information .myid-details {
    list-style: none;
    padding: 0;
    margin: 0px !important;
    width: 100% !important;
    float: left;
  }
  .navbar-nav .userdetail {
margin-top: -10px !important;
    left: -160px!important;
    top: 55px;
    width: 180px!important;
  }
  .notification__section {
    width: 100% !important;
    padding: 0;
    margin: 5px 0 !important;
  }
  .primary-top-header .notification-list {
    min-width: 340px !important;
    max-width: 340px !important;
    position: absolute !important;
    top: 46px !important;
    left: -130px !important;
    right: 0 !important;
    margin: 0 auto !important;
  }
  .notification-list .listcate-title {
    color: rgb(175, 163, 100) !important;
    font-size: 16px !important;
    font-weight: 500;
    margin-left: 10px;
    margin-right: 10px;
  }
  .notification-list .notifications-scroll {
    display: inherit;
    min-height: 350px !important;
    max-height: 350px !important;
  }
  .choosecomponent--header .book--title {
    font-size: 16px;
    font-weight: 500;
    color: #337ab7;
    line-height: 1.8;
    padding: 0px 10px !important;
    margin: 0;
  }
  .tnc-section .tcmodal .tnc--descript h4 {
    font-size: 12px;
  }
  li a .user-imagelogin img {
    border-radius: 50%;
    vertical-align: middle;
    height: 25px !important;
    width: 25px !important;
    margin-top: 0;
    margin-bottom: 3px;
  }
  .contactus-modalform .contact_us-body {
    min-height: 500px !important;
    max-height: 500px !important;
  }
  li a .user-imagelogin span {
    padding-bottom: 5px;
  }
  .model-add .modal-body .form-horizontal .form-group label {
    margin-bottom: 0px !important;
    padding-top: 0 !important;
    display: inline-block;
  }
  .manage-section .manage-contentsection .choosecomponent--body {
    min-height: calc(100vh - 30vh) !important;
    max-height: calc(100vh - 30vh) !important;
  }
  .manage-section .choosecomponent--body .add-manage-content {
    min-height: calc(100vh - 30vh);
    max-height: calc(100vh - 30vh);
  }
  .edit-content .choosecomponent--outerlayout .choosecomponent--body {
    padding: 0;
    min-height: calc(100vh - 30vh) !important;
    max-height: calc(100vh - 30vh) !important;
    background: #aacce921;
  }
  .addnewpageactionbtn {
    text-align: center;
    width: 21.1cm !important;
    background: transparent;
    border: 1px dashed #ccc;
    padding: 15px 0;
    font-size: 14px;
    font-weight: bold;
    margin: 20px auto !important;
  }
  .cropimagepopup .modal-header .btn--custom {
    padding: 5px 5px !important;
    margin-left: 10px !important;
    min-width: 40px !important;
  }
  .croppie-container .cr-slider-wrap {
    display: none !important;
  }
  .croppie-container .cr-slider-wrap {
    right: inherit !important;
  }
  .legal-top-header .navbar-collapse .legal-user-nav > li.dropdown > a {
    text-align: center;
  }
  .legal-top-header .legal-toggle-top-header-menu {
    background-color: #ffffff;
    color: #000;
  }
  .legal-top-header .navbar-collapse {
    background-color: #f9f9f9;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.15);
    margin: 0 5px;
  }
  .legal-top-header .navbar-collapse .legal-user-nav > li.dropdown > a {
    float: left;
  }
  #advancedsearchmodal .modal-content {
    max-width: 630px;
    min-width: 90px;
  }
  #advancedsearchmodal .client-filter-fields .form-group .input-group {
    width: 100%;
  }
  #advancedsearchmodal .client-filter-fields .form-group {
    width: 32%;
  }
  #advancedsearchmodal .client-filter-fields .input-box {
    width: 33.5%;
  }
  .animated-search-widget input[type="text"] {
    width: 60%;
  }
  .page-user-dashboard .widget > .widget-head .tools {
    width: 50%;
  }
  .page-head {
    padding: 50px 15px 20px 15px;
  }
  .legal-datatable-body .dropdown-menu {
    min-width: 100px;
  }
  .page-user-dashboard
    .widget-fullwidth
    .legal-datatable-body
    .table
    tbody
    > tr
    > td:last-child {
    padding-left: 0px;
    padding-right: 0px;
  }
  .legal-nav-right {
    padding-left: 0px;
  }
  .personal_event .modal-body{
     padding: 20px 10px!important;
  }
  .modal-body {
   padding: 20px 20px 20px 20px;
    overflow: auto;
    min-height: 550px;
    max-height: 550px;
  }
  .modal-content {
    max-width: 350px;
    min-width: 310px;
    margin: auto;
  }
  .model-add .modal-body .form-horizontal .form-group label {
    margin-bottom: 0px !important;
    padding-top: 0px !important;
  }
  .manage-widget-property .no-imagesdisplay p {
    font-size: 12px !important;
  }
  .cke_top {
    padding: 5px !important;
  }
  .componentimage-infoicon {
    padding: 10px 0 !important;
    line-height: inherit !important;
  }
  .addnewpageactionbtn {
    font-size: 24px !important;
  }
  .signupsection .navigator-link a {
    color: #8c98a4;
    font-size: 14px;
    font-weight: 700;
  }
  .oninsert-choosecompntbox p {
    font-size: 28px !important;
  }
  .singlecomponent--action .compactionbtn.btn-md {
    font-size: 35px !important;
  }
  .settings-compicon {
    height: auto !important;
    width: auto !important;
  }
  .oninsert-choosecompnt p {
    font-size: 24px !important;
  }
  .sectionouterarea--actionicons i {
    font-size: 35px !important;
    margin: 0;
  }
  #sidebar-wrapper {
    left: 265px !important;
  }
  .userheader--information .userheader--information__icons i {
    font-size: 30px !important;
    margin-top: 10px !important;
    color: #33b5e5;
    opacity: 0.25;
  }
  .userheader--information__description p {
    line-height: 15px !important;
    font-size: 8px !important;
    color: #999;
    margin-bottom: 0;
  }
  .add-manage-content .tab-content {
    background: #fff;
    padding: 20px;
    margin-bottom: 0;
  }
  .settingcontent .image--position {
    width: 44% !important;
    font-size: 11px;
  }
  .settingcontent .select--fromlibrary .choose--colornimage {
    height: 160px;
  }
  .addnewpageactionbtn {
    font-size: 30px !important;
  }
  .cs--actionicons i {
    color: #888;
    font-size: 30px !important;
  }
  .signupsection .navigator-link a {
    color: #8c98a4;
    font-size: 14px;
    font-weight: 700;
  }
  .detail--section .payment--details {
    text-align: left;
  }
  .order--confirmationpage .reference-number {
    font-size: 15px;
    margin-top: 7px;
  }
  .order--confirmationpage .detail--section th {
    border-bottom: 2px solid #ddd;
    font-size: 10px;
    font-weight: 700;
  }
  .order--confirmationpage .table {
    width: 100%;
    border: 2px solid #ddd;
  }
  .order--confirmationpage .detail--section {
    padding-left: 10px !important;
    padding-right: 10px !important;
    margin: 5px;
    padding-top: 0 !important;
    padding-bottom: 10px !important;
  }
  .order--confirmationpage .detail--section td {
    padding: 5px;
    vertical-align: top;
    font-size: 12px;
    padding-top: 15px;
    border-top: 1px solid #e7eaf3;
  }
  .order--confirmationpage .confirmation--details {
    font-size: 15px;
  }
  .order--confirmationpage .amount--details {
    text-align: center;
    padding: 12px !important;
    font-size: 12px;
  }
  .thankyou--page .order--confirm {
    margin-top: 80px;
  }
  .order--confirmationpage .order--date {
    text-align: left;
    padding-top: 35px;
  }
  .order--confirmationpage .detail--section td {
    padding: 5px;
    vertical-align: top;
    font-size: 8px;
    padding-top: 15px;
    border-top: 1px solid #e7eaf3;
  }
  .order--confirmationpage .detail--section th {
    border-bottom: 2px solid #ddd;
    font-size: 6px;
    font-weight: 700;
  }
  .homepage---content .initiailbannerimage {
    /* background: url(../img/banners/001.jpg); */
    background-size: cover;
    margin-top: 70px;
    height: 21vh;
    background-repeat: no-repeat;
  }
  .banner-content-panel {
    min-height: 240px;
  }
  .section-newsletter img {
    width: 270px !important;
  }
  .u-bg-img-hero iframe {
    height: 230px;
    /* display: none; */
  }
  .section-describe {
    padding: 5% 5% 0 5%;
  }
  .describe-steps {
    padding-left: 15px;
  }
  .stepsexpalin-img {
    position: absolute;
    top: 50px;
    right: 0;
  }
  .stepsexpalin-img img {
    width: 55px;
    height: 55px;
    margin-right: 0;
  }
  .describe-steps .media-body .desc {
    font-size: 13px;
    width: 95%;
    margin-bottom: 0;
    font-weight: 400;
  }
  .section-newsletter {
    padding: 60px 10%;
    background: #fff;
    -ms-flex-align: center !important;
    align-items: center !important;
  }
  .gridview-booklist .card-image {
    height: inherit !important;
  }
.searchbuy-items ul li {
    background: none !important;
    margin: 0 5px !important;
    padding: 0 !important;
    border: none;
}
.searchbuy-items ul .createeventbtn {
    margin: 0px 0!important;
    padding: 0px 10px!important;
}
  .searchbuy-items .user-nameorguest {
    top: -5px;
  }
  .searchbuy-items .userdetail .myid-details a {
    padding: 10px 10px;
    /* float: left; */
    text-align: left;
  }
  .logincontainer {
    display: table;
    width: 100%;
    margin-top: 70px;
  }
  .loginleftdiv {
    background: #111640;
    display: table-cell;
    width: 100%;
  }
  .cobrand--icon {
    position: absolute;
    left: 25px;
    top: 35px;
  }
  .cobrand--icon {
    position: absolute;
    left: 25px;
    top: 35px;
  }
  .otpsection .cobrand--icon {
    position: absolute;
    left: 35px;
    top: 110px;
  }
  .user-information ul li a {
    text-align: center;
  }
  .gridview-booklist .card-book-description {
    padding: 10px;
    height: auto;
    /* position: absolute; */
    width: inherit;
    /* background-color: #fff; */
  }
  .homepage---content .gridview-booklist .card-book-description,
  .categorylist--page .gridview-booklist .card-book-description {
    padding: 10px;
    height: auto;
    position: relative;
    width: inherit;
    /* background-color: #fff; */
  }
  .gridview-booklist .card-prize-footer {
    border: none;
    border-top: 1px solid #e0e0e0;
    padding: 0 0;
    min-height: 0;
    margin: 10px;
    border: none;
  }
  .product--section {
    margin-top: 70px;
  }
  .view-addresssection .add-addrescard {
   padding: 10px;
    height: auto;
  }
  .os-inner-section .apply--btn .form-control {
    position: relative;
    z-index: 2;
    float: left;
    width: 100%;
    height: 40px;
    margin-bottom: 0;
  }
  .u-btn-success--air {
    margin: 15px 0;
  }
  .manage--addressform .adressform {
    min-width: 30px;
    max-width: 350px;
  }
  .adressform .dummyviewimg {
    min-height: 400px;
    max-height: 400px;
    overflow: auto;
    overflow-x: hidden;
    overflow-y: scroll;
    display: initial;
  }
  .prodview-overview-box .card-trynow-widget {
    padding: 10px 0;
}
 .product--page .card-bookdescription {
    padding: 10px 0;
}
.prodview-overview-box {
    box-shadow: none;
}
  .card-bookdescription {
    min-height: auto;
    max-height: 400px;
  }
  .viewbook-slider ul li img {
    max-width: 90%;
    border: none;
    max-height: 230px;
    min-height: 230px;
  }
  .viewbook-details {
    margin-bottom: 0;
    min-height: auto;
    /* max-height: 400px; */
    margin-top: 40px;
  }
  .itemtitle {
    font-size: 13px;
    color: #1e2022;
    font-weight: 500;
    padding-left: 0;
    margin: 0;
    cursor: pointer;
  }
  .myprofile--page .nav-tabs .nav-link {
    padding: 11px 0;
    font-size: 8px;
    height: auto;
    display: inline-table;
  }
  .myprofile--page .nav-tabs .nav-link.active {
    padding: 11px 0;
    font-size: 8px;
    height: auto;
    display: inline-table;
  }
  .user-profiledescription {
    padding: 30px 0 0 0;
    height: 149px;
    font-size: 10px;
    font-weight: 400;
  }
  .edit-userimage i {
    bottom: 0;
    left: 30px;
    top: 100px;
  }
  .user-outerlayout img {
    left: 30px;
    max-width: 110px !important;
    height: 105px;
  }
  .myprofile--page .view-addresssection .add-addrescard {
    padding: 15% 0%;
    height: 150px;
  }
  .myprofile--page .tab-contentarea .form-control,
  .tab-contentarea .custom-select {
    margin-bottom: 10px;
  }
  .modal-title {
    font-size: 16px;
    display: inline;
  }
  .fsize-18 {
    font-size: 16px;
  }
  .order-confirmation-form .viewsamplebook {
    max-width: 100% !important;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: auto;
    right: 0;
    min-width: 95%;
    padding: 0px;
  }
  .order-confirmation-form .modal-content {
    max-width: 100%;
    min-width: 100%;
    margin: auto;
  }
  .order-confirmation-form .order--process {
    text-align: left;
  }
  .order-confirmation-form .viewsamplebook .dummyviewimg img {
    min-width: 200px !important;
    height: 60px !important;
    margin-bottom: 25px;
  }
  .manage--addressform .modal-content {
    max-width: 90%;
    min-width: 90%;
    margin: auto;
  }
  .manage--addressform .adressform {
    min-width: 100%;
    max-width: 350px;
    margin: auto;
  }
  .footer-section .social li {
    margin: 0 8px 0 0;
    width: 30px;
  }
  .u-btn-success--air {
    margin: 0;
    font-size: 10px;
  }
  .loggedinuserinfo .itemdesc {
    font-size: 10px;
  }
  .order--confirmationpage h4 {
    font-size: inherit;
  }
  .login-process-modal .Login-section-right .modal-content {
    max-width: 90%;
    min-width: 90%;
    margin: 10px auto;
    border-radius: 6px;
    height: calc(100vh - 20vh);
  }
  .login-process-modal .Login-section-right {
    width: 100% !important;
    height: 100%;
  }
  .billingaddress-section {
    padding: 10px !important;
  }
  .viewsamplebook .dummyviewimg img {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    max-width: 310px;
    min-width: 310px;
    margin: auto;
    vertical-align: middle;
  }
  .modal-bgimage {
    background-image: url(../img/banners/main-bg.gif);
    height: 310px;
  }
  .organization--slides .section-getstarted {
    padding: 50px;
  }
  .get-started-lead h2 {
    color: #fff;
    font-weight: 600;
    margin-top: 0;
    font-size: 18px;
  }
  .Login-section-right .passwd-visible {
    position: absolute;
    top: 220px !important;
    border: 0;
    right: 30px;
    height: 37px;
  }
  .login-process-modal .form-control {
    margin-bottom: 15px;
  }
  .login-process-modal .Login-section-right button.close {
    top: 18px;
    right: 18px;
  }
 .booksettingpop-mini .modal-content {
    max-width: initial!important;
    min-width: 90%!important;
    margin: auto;
}
.bg-setting .choose-category {
    margin: 0 50px!important;
}
.predefined-colors .modal-dialog {
    min-width: 95%;
    max-width: 95%;
}
  .modal-content {
    max-width: initial;
    min-width: 310px;
    margin: auto;
  }
  .ordersummarysticky {
    position: inherit;
    width: inherit;
    height: auto;
  }
  .os-inner-section .apply--btn .form-control {
    height: 32px;
  }
  .view-sample-books .viewsamplebook {
    padding: 0;
    margin: 10px auto;
  }
  .userprofile-view .user-outerlayout {
    width: 50%;
  }
  .tab-contentarea .bottom--imgprofile img {
    max-width: 130px;
    width: auto;
  }
  .billingaddress-section .input-label {
    margin-top: 0.5rem;
  }
  .toggler-search {
    padding: 0.5rem 0.5rem;
    border-radius: 0.25rem;
    /* width: 50px; */
    font-size: 1.25rem;
    line-height: 1;
    background: transparent;
    border: 1px solid transparent;
  }
  .navbar-toggler-icon {
    width: 22px;
    height: 3px;
    vertical-align: middle;
    outline: 0;
    display: block;
    margin: 2px;
    border-radius: 0;
    background-color: #999999d6;
  }
  .optionsearch {
    top: 43px;
    display: none;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
    width: 200px;
    right: -7px;
    position: absolute;
  }
  .listsearch {
    float: left;
    position: relative;
    z-index: 3;
    display: flex;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    height: calc(100vh - 80vh);
    padding: 10px;
    width: 100%;
    margin: 0;
    background: white;
  }
  .listsearch li {
    padding: 10px !important;
    width: 100%;
  }
  .listsearch li a {
    top: 0 !important;
    font-size: 15px !important;
  }
  .productslider,
  .product--section .productslider {
    width: 100% !important;
  }
  .product--section .owl-carousel .owl-item img {
    min-width: inherit;
    max-width: initial;
  }
  .viewprod-simtemp-section {
    /* background: #fff; */
    padding: 10px;
  }
  .simtempslider .imglisting li {
    width: 33% !important;
  }
  .viewprod-simtemp-section .simtempslider .imglisting ul {
    padding-left: 0;
    padding-inline-start: 0;
    margin: 0;
    overflow: auto;
    overflow-x: hidden;
    overflow-y: scroll;
    min-height: 250px;
    max-height: 250px;
  }
  .product--section .viewprod-simtemp-section .simtempslider .imglisting ul {
    min-height: auto;
    max-height: 250px;
  }
  .owl-carousel .owl-item img {
    display: block;
    width: 100%;
    min-width: 270px;
    max-width: 270px;
  }
  .product--page .viewprod-section .viewbook-details {
    margin-bottom: 0;
    margin-top: 10px;
  }
  .sampleprodtslider {
    width: 25% !important;
  }
  .productslider {
    width: 75% !important;
  }
  .voucher-page .productslider {
    width: 100% !important;
  }
  .voucher-page .voucher-image img {
    max-height: initial;
    min-height: auto;
    width: 100%;
  }
  .keepsake--description__btn {
    font-size: 10px;
    padding: 10px;
  }
  .sampleprodtslider .imglisting ul li img {
    width: 55px !important;
    height: 75px !important;
    box-shadow: none;
  }
  .sampleprodtslider .subheading {
    font-size: 10px;
  }
  .viewbook-details .book-author {
    max-height: none;
    height: auto;
    padding: 35px 0 0;
  }
  .subbanner-content-panel {
    top: 60px;
    padding: 0 5%;
  }
  .banner-lead {
    font-size: 9px;
    width: 100%;
  }
  .gridview-booklist .card-inner a {
    /* width: 196px; */
    height: inherit;
  }
  .gridview-booklist .card-image > img.onempty-image {
  height: auto;
    min-height: 250px;
    max-height: 270px;
  }
  .organization--slides .owl-carousel .owl-item img {
    display: block;
    width: 100%;
    min-width: 100%;
    margin-top: 70px;
    min-height: 250px;
  }
  .orginfosticky {
    padding: 10px;
    min-height: auto;
    box-shadow: 0 1px 6px 2px rgba(138, 138, 138, 0.5);
  }
  .product--page .templatecoursol .carousel-inner {
    height: 125px;
  }
  .product--page .simtempslider .imglisting li {
    width: 20% !important;
  }
  .product--page .viewprod-simtemp-section .simtempslider .imglisting li img {
    width: 50px !important;
    height: 100px !important;
    box-shadow: 0 1px 6px 0 rgba(138, 138, 138, 0.5);
  }
  .product--page .simtempslider .imglisting .carousel-indicators li {
    width: 8% !important;
  }
  .sampleprodtslider .imglisting ul li .imgcategory p {
    font-size: 8px;
  }
}
/* End of media screen All mobile screens */

@media (min-width: 1366px) and (max-width: 900px) {
  .stickyfilterStartPoint .position-area {
    z-index: 1;
    top: 22%;
    left: 7%;
    width: 20%;
    height: 674px;
    background: #fff;
    padding: 20px;
  }
  .initiailbannerimage {
    min-height: 570px;
  }
}

@media (min-width: 1440px) and (max-width: 900px) {
  .faqsection .descript--section {
    position: relative !important;
    padding: 15px;
    min-height: 500px;
    max-height: 500px;
    overflow-x: hidden;
    overflow-y: scroll;
  }
}

@media (min-width: 360px) and (max-width: 767px) { 
  .rowcomp--levelsettings-panel .rowcomp--levelsettings__button ul li a i {
    font-size: 20px!important;
  }
  .rowcomp--levelsettings__button ul li {
    width: 25%!important;
    padding:0 5px!important;
  }
  .rowcomp--levelsettings__button {
    padding: 18px 0px!important;
    height: 55px!important;}
  .rowcomp--levelsettings__button ul li:last-child {
    border-left: none;
    border-right: 1px solid #eee!important;
}
  .padding-control {
    width: 21%!important;}
    .bordersettingpanel .image--position {
    width: 18%!important;
}
  .booksettingpop .modal-dialog {
       min-width: 95%;
    max-width: 95%;
}
.booksettingpop .modal-content {
    min-width: 100%!important;
    max-width: 100%!important;
  }
  .dynamicbookapp .header--actionsection ul li {
    width: 75px!important;
    min-width: 70px;
    max-width: 70px;
}
  .homepage---content .online-book__list, .categorylist--page .online-book__list,
   .my--library .online-book__list, .organization--slides .online-book__list {
       padding: 10px;
}
  .homepage---content .owl-item .card {
    margin: 0 5px!important;
}
  .homepage---content .owl-prev {
    left: 10px!important;}
    .my--library .owl-next, .homepage---content .owl-next {
    right:10px!important;
}
  .homepage---content .owl-theme .owl-nav [class*=owl-] {
    padding: 6px;
    border-radius: 28%;}
.mylib-books .owl-carousel .owl-stage-outer {
    margin: 0 38px;
}
  .company-description {
    font-size: 17px;
    line-height: .8;}
  .heading-online-company {
    font-size: 18px;}
  .main-heading-banner {
    top: 38px;
    left: 33%;
}
  .view-addresssection {
    padding: 0;
}
  .myorder--page .card-norecords-found {
    padding: 35px;
    margin: auto;}
  .organization--slides .voucher-image .owl-carousel .owl-item img {
    min-width: auto;
}
  .voucher-page .greeting--card__input span {
    font-size: 13px;
}
  .voucher-page .voucher-content .book-pricing {
    position: relative;}
  .homepage---content .listcate-section .card-norecords-found {
      margin: 10px auto;
}
  .mylib-books .card-inner .u-btn-success--air, .mylib-books .card-inner .u-btn-secondary--air {
    margin-right: 10px;
        margin-bottom: 10px;
}
  .my--library :nth-child(2n+2) .gridview-booklist:hover
 {
    margin-bottom: 10px;
}
  .owl-carousel .owl-item img {
    display: block;
    width: auto;
    height: inherit;
    min-width: auto;
    max-width: inherit;
  }
  .my--library .owl-prev,
  .homepage---content .owl-prev {
    left: 0;
  }
  .my--library .owl-next,
  .homepage---content .owl-next {
    right: 0;
  }
  .mylib-books .gridview-booklist .card-image {
    height: 250px !important;
  }
  .pagezoomcontroller-page {
    transform: scale(0.37) !important;
  }
  .gridview-booklist .card-image {
    height: auto !important;
    min-height: 250px;
    max-height: 250px;
  }
  .order--confirmationpage .detail--section th {
    border-bottom: 2px solid #ddd;
    font-size: 8px;
    font-weight: 700;
  }
  .order--confirmationpage .order--date {
    text-align: left;
    padding-top: 35px;
  }
  .order--confirmationpage .detail--section td {
    padding: 5px;
    vertical-align: top;
    font-size: 10px;
    padding-top: 15px;
    border-top: 1px solid #e7eaf3;
  }
  .searchbuy-items {
    float: right;
    right: 0;
    position: absolute;
   top: 5px;
    padding: 0;
    margin: 0;
    width: auto;
  }
  .order--confirmationpage .table {
    width: 100%;
    border: 2px solid #ddd;
    position: relative;
  }
}

@media (min-width: 320px) and (max-width: 320px) {
  .sampleprodtslider .subheading {
    font-size: 9px;
  }
  .sampleprodtslider .imglisting ul li img {
    width: 45px !important;
    height: 50px !important;
  }
  .viewprod-simtemp-section .simtempslider .imglisting li img {
    width: 65px !important;
    height: 90px !important;
  }
  .owl-carousel .owl-item img {
    min-width: auto;
    max-width: 220px;
  }
  .viewbook-details .book-author {
    max-height: none;
    height: auto;
    padding-top: 40px;
  }
  .viewbook-details .card-inner .u-btn-success--air {
    border-radius: 3px;
  }
  .product--page .viewprod-simtemp-section .simtempslider .imglisting li img {
    width: 38px !important;
    height: 75px !important;
    box-shadow: 0 1px 6px 0 rgba(138, 138, 138, 0.5);
  }
  .product--page .templatecoursol .carousel-inner {
    height: 95px;
  }
  .carousel-nexticon i {
    font-size: 12px;
    color: #77838f;
    background: rgba(119, 131, 143, 0.1);
    width: 20px;
    height: 20px;
    line-height: 1.5;
    border-radius: 50%;
  }
  .viewbook-details .card-book-description {
    padding: 10px !important;
  }
  .sampleprodtslider .imglisting ul {
    padding: 5px;
  }
}

@media (min-width: 320px) and (max-width: 480px) {
  .company-description {
    font-size: 17px;
    line-height: .8;}
  .heading-online-company {
    font-size: 18px;}
  .main-heading-banner {
    top: 38px;
    left:20%;
}
.homepage---content .initiailbannerimage {
    height: 35vh;}
  .view-addresssection {
    padding: 0;
}
  .homepage---content .mylib-books .owl-carousel.owl-drag .owl-item{
   width: auto!important;
  }
  .mylib-books .gridview-booklist .card-image {
    height: 100% !important;
}
  .faqsection .descript--section {
    position: relative;
    padding: 15px;
    min-height: 300px;
    max-height: 350px;
    overflow-x: hidden;
    overflow-y: scroll;
  }
  .choosinglayout--modal .thumbphoto {
    position: relative;
    min-height: 100%;
    max-height: 100%;
    width: initial;
  }
  .choosinglayout--modal .model-add {
    max-width: 90%;
    margin: 10px auto !important;
  }
  .choosinglayout--modal .modal-footer {
    padding: 10px;
    text-align: right;
    border-top: 1px solid #e5e5e5;
  }
  .choosinglayout--modal .rhs--choosetemplate ul li img {
    width: 100%;
    height: 200px !important;
    padding: 10px 30px;
  }
  .forgotpaswd .login--formdetails {
    padding: 0 !important;
    height: 100%;
    top: 68px;
  }
  .settingcontent .footer--btn {
    padding: 10px 10px !important;
    font-size: 12px;
  }
  .manage-section .text-content {
    overflow: auto;
    min-height: calc(100vh - 40vh) !important;
    max-height: calc(100vh - 50vh) !important;
    overflow-x: hidden;
    overflow-y: scroll;
  }
  .manage-section .component-infoicon {
    padding: 0;
    font-size: 8px !important;
    color: #aaa;
  }
  .manage-section .image-area {
    position: relative;
    min-height: 300px !important;
    max-height: 300px;
  }
  .manage-section .imagearea {
    min-height: calc(100vh - 48vh) !important;
    max-height: calc(100vh - 48vh) !important;
    overflow: auto;
    overflow-x: hidden;
    overflow-y: scroll;
    position: relative;
  }
  .settingcontent .setting-section-right .modal-body {
    padding: 10px 10px 10px 10px;
    min-height: calc(100vh - 30vh) !important;
    max-height: calc(100vh - 30vh) !important;
    overflow-y: scroll;
    background: #e6eaea;
  }
  .chatcontent .chat--detailedbox {
    min-height: 180px;
    max-height: 240px;
    overflow-y: scroll;
  }
  .edit-content .managewidget--maincontent {
    position: relative;
    min-height: calc(100vh - 45vh) !important;
    max-height: calc(100vh - 45vh) !important;
    overflow: auto;
    overflow-x: hidden;
    overflow-y: scroll;
  }
  .image--uploaded img {
    max-width: 100%;
    max-height: inherit;
    min-height: inherit;
    margin: 0 auto;
    display: block;
    padding: 20px;
  }
  .edit-content .btn-sm {
    padding: 5px 9px !important;
    font-size: 12px !important;
    /* border: none; */
  }
  .login-process-modal .Login-section-right {
    width: 100%;
    height: 100%;
  }
  .notification__section .ntfy-mininfo {
    font-size: 9px !important;
  }
  .notification__section .ntfy-title,
  .ntfy-title {
    font-size: 10px !important;
  }
}
@media (min-width: 320px) and (max-width: 320px){
  .card-norecords-found h4 {
    font-size: 11px;
}
}
@media (min-width: 320px) and (max-width: 568px) {
  .trackoptions .dropdown-toggle {
    width: 287px!important;
}
  .company-description {
    font-size: 14px;
    line-height: .8;}
  .heading-online-company {
    font-size: 15px;}
  .main-heading-banner {
  top: 30%;
    left: 28%;
}
  .view-addresssection {
    padding: 0;
}
  .myorder--page .card-norecords-found {
    padding: 45px 20px;
    margin: auto;}
  .voucher-page .voucher-content .book-pricing {
    position: relative;}
   .voucher-page .greeting--card__input span {
    font-size: 12px;
}
  .voucher-page .voucher-content .book-pricing {
    position: relative;}
  .manage-section .textcontent {
    overflow: auto;
    min-height: calc(100vh - 35vh) !important;
    max-height: calc(100vh - 35vh) !important;
    overflow-x: hidden;
    overflow-y: scroll;
  }
  .layoutsection .complist-container {
    position: relative;
    min-height: 300px !important;
    max-height: 300px;
    overflow-y: scroll;
    overflow: auto;
    overflow-x: hidden;
  }
  .layoutsection .complist-container label img {
    height: 85px;
    width: 100px;
  }
  .choosinglayout--modal .rhs--choosetemplate ul li img {
    width: 100%;
    height: 160px;
    padding:5px;
  }
  .forgotpaswd .login--formdetails {
    padding: 10px !important;
    height: 100%;
    top: 100px;
  }
  .signupsection .login--formdetails {
    padding: 30px !important;
    height: 100%;
    top: 200px;
    overflow: auto;
    overflow-x: hidden;
    overflow-y: scroll;
    max-height: calc(100vh - 45vh) !important;
    min-height: 200px;
  }
  .manage-section .imagearea {
    position: relative;
    min-height: 345px !important;
    max-height: 345px;
  }
  .settingcontent .setting-section-right .setting-content-section {
    padding: 10px 10px 10px 10px;
    min-height: 400px !important;
    max-height: 400px !important;
    overflow-y: scroll;
    background: #e6eaea;
  }
  .layoutsection .component-infoicon {
    padding: 0;
    font-size: 10px !important;
    color: #aaa;
  }
  .layoutchoose .component-infoicon i {
    font-size: 11px !important;
    padding-left: 5px !important;
  }
}

@media (min-width: 768px) and (max-width: 1023px) { 
  #link-ticket-modal .modal-dialog {
    min-width: 90%;
}
  .eldetails-summary .card-text {
    font-size: 16px!important;
    min-height: auto!important;
}
  .createevents--layout {
    width: 95%!important;
}
 #upload-banner-img-modal .modal-dialog {
    width: 60%!important;
    margin: 30px auto;
    min-width: 70%;
} 
 
  .btn-ye-savebtn, .btn-ye-savebtn:hover, .btn-ye-savebtn:focus
  {
    padding: 0 20px!important;
  }
  .about-image .single-image.image-tow {
    margin-top: -35px;
  }
  /*.el-invt-banner {
    min-height: 175px!important;
}*/
  .tracking-details td input{
    margin-top: 5px;
  }
  .tracking-details{
        margin-top: 130px;
        padding: 0;
  }
  #restpasswordnext .contact_us-body{
  overflow: auto;
    overflow-x: hidden;
    overflow-y: inherit;
    min-height: auto!important;
    max-height: 435px;
    padding: 20px;
}
  .buyticket-nav {
    padding: 10% 7%!important;
    font-size: 13px!important;
    min-height: auto!important;
}
  .logincontainer .reset-page .passwd-visible {
    top: 0;
}
  .loginmaindiv {
    padding: 0;
}
   .reset-page .passwd-visible{
    top: 32px;
  }
    .nextbookingnotifypanel {
    padding: 20px 25px;
    position: relative!important;
    bottom: 5px!important;
    font-size: 13px!important;
}
  .buyticket-nav {
    padding: 10% 10%;
    text-align: center;
    font-size: 12px;
    color: #fff;
    cursor: pointer;
    min-height: auto;
    background: #5bc0de;
    border-radius: 5px;
    bottom: 0;
}
  .el-invt-banner {
    min-height: auto;
    max-height: inherit;
}
  .bookingperct {
    font-weight: 700;
    font-size: 15px;}
  #eventbookng.wizardpopup .modal-dialog {
    width: auto!important;
    height: auto;
    min-width: 97%!important;
    max-width: 97%!important;
}
  .card-title {
    font-size: 11px;
  } 
  .home-page .event-cover-pic .el-mainbanner {
    min-height: auto!important;
    max-height: inherit!important;
}
.how-works-heading {
    padding: 74px 40px!important;
    }
    .video-frame iframe {
    width: 100%;
  }
  .testimonials figure.snip1390 {
    min-width: 48%!important;
    max-width: 48%;
  }
    .video-frame {
    padding: 30px 25px!important;
  }
    .heading-section span {
    font-size: 45px!important;}
 .el-detail-page {
    margin-top: 70px;
}
 /* .el-overview-section {
    margin-top: 0!important;
}*/
  .homepage---content .owl-item .card {
    margin: 0 10px!important;
}
  .flipbook-menu .menu-nav ul {
    padding-inline-start: 0!important;
  }
  .bkpg--outerlayout .resetbtn {
    right: -212px!important;}
  .stickytemplate {
    right: -205px!important;
}
  .mycart-activeaddress-mark .fa {
    right: 8%;
    top: 8%;
}
  .card-trynow-widget {
    padding: 0 0;
} 
  .banner-content-panel .u-bg-img-hero {
    right: 10px;
    width: 320px;
    top: 65px;
}
  .homepage---content .initiailbannerimage {
    height: 30vh;}
  .card-bookdescription p {
    font-size: 12px;
  }
  .homepage---content .listcate-section .card-norecords-found {
    margin: 20px auto;
}
 .turnbook--bg .modal-dialog {
    width: auto;}
.homepage---content .mylib-books .owl-carousel.owl-drag .owl-item{
   width: auto!important;
  }
  .my--library :nth-child(4n+4) .gridview-booklist:hover
 {
    margin-bottom: 40px;
}
  .viewmore-products .mylib-books ul li {
    width: 25%;
}
  .homepage---content .emptyproduct{
    text-align: center;
    font-size: 20px;
    margin: 10px 0;
  }
  .mylib-books .owl-carousel.owl-drag .owl-item {
    min-width: inherit!important;
    max-width: initial;
  }
  .product--section .card-bookdescription {
    min-height: auto;
    margin-top: 0;
  }
  .mylib-books .card-inner .u-btn-secondary--air {
    font-size: 10px;
  }
  .product--page .btn-secondary {
    top: 2px;
  }
  .right-btnfloating {
    background: none;
    right: -30px;
  }
  .homepage---content .controls-top .btn-floating {
    background: none;
    left: -30px;
  }
  .homepage---content .fa-chevron-left,
  .homepage---content .fa-chevron-right {
    font-size: 24px;
    color: #ccc;
    font-weight: bold;
  }
  .login--formdetails {
    padding: 50px 30px !important;
  }
  .cobrand--icon img {
    width: 35px;
    height: 35px;
    background: transparent;
  }
  .brand-image img {
    height: 100px;
    width: 80px;
  }
  .heading--title h3 {
    font-size: 22px;
  }
  .video--section video {
    height: 250px;
    margin-bottom: 30px;
  }
  .chapter-getstarted-section {
    font-size: 12px !important;
  }
  .gridview-booklist .card-image {
    height: 280px;
  }
  #app-features .show-box {
    text-align: center;
    margin: 0;
    padding-left: 40px;
    padding-right: 40px;
  }
  #app-features .content-right .text {
    margin-left: 50px;
    margin-right: 0;
  }
  #app-features .content-left .text {
    margin-right: 0;
    margin-left: 50px;
  }
  #app-features .content-left {
    position: relative;
    text-align: left !important;
  }
  .choosecomponent--outerlayout
    .choosecomponent--body
    .choosecomponent--body__listing
    aside
    ul {
    min-height: 400px;
    max-height: 400px;
  }
  .eb--headerlisting ul.list--ofheardersul li.li--Headers .btn {
    padding: 0 25px !important;
  }
  .comp-preview--footer .btn-proceed {
    width: inherit !important;
    padding: 0 !important;
  }
  .choosinglayout--modal .rhs--choosetemplate ul li {
    width: 33.33% !important;
       padding:0!important;
  }
  .gridview-booklist .card-book-description {
    padding: 10px;
    height: auto;
    position: relative;
    width: inherit;
    /* background-color: #fff; */
  }
  .viewbook-details {
    margin-bottom: 0;
    min-height: auto;
    max-height: max-content;
  }
  .contact-details {
    color: #7d4e7c;
    font-weight: 700;
    font-size: 18px;
  }
  .choosinglayout--modal .modal-content {
    max-width: 650px !important;
    margin: 0 auto;
    min-width: 650px !important;
  }
  .choosinglayout--modal .rhs--choosetemplate ul li img {
    width: 100%;
    height: 180px;
    padding: 20px 65px;
  }
  .templatepage .thumbphoto {
    position: relative;
    min-height: 100% !important;
    max-height: 100% !important;
  }
  .faqsection .descript--section {
    position: relative;
    padding: 15px;
    min-height: 700px;
    max-height: 700px;
    overflow-x: hidden;
    overflow-y: scroll;
  }
  .faqsection .modal-dialog {
    width: 90%;
    max-width: 90%;
    margin: 20px auto;
  }
  .faqsection .modal-header {
    border-bottom: 1px solid #e5e5e5;
    padding: 20px 15px;
  }
  .faqsection .modal-title {
    font-size: 25px !important;
  }
  .faqsection .modal-footer {
    padding: 20px;
    text-align: right;
    border-top: 1px solid #e5e5e5;
  }
  .faqsection.faqsmodal .tc-btn {
    width: 100px;
    padding: 7px;
    cursor: pointer;
  }
  .faqsection .tc--descript {
    padding: 10px;
    font-size: 20px;
  }
  .tc--information {
    width: 90%;
    margin: 20px auto;
  }
  .footer-section .footer h3::after {
    content: "";
    display: block;
    width: 40px;
    height: 2px;
    background: none;
  }
  .add--chapaterheader .modal-dialog {
    max-width: 600px;
    margin: 60px auto;
  }
  .add--chapaterheader .modal-body {
    background: #eaeef29e;
    height: 160px;
  }
  .templatepage .modal-header {
    border-bottom: 1px solid #e5e5e5;
    padding: 20px 15px;
  }
  .templatepage .model-add .modal-title {
    font-size: 20px;
    color: #555;
    font-weight: 700;
    padding: 0;
    margin: 0;
  }
  .templatepage .btn-sm {
    padding: 8px 15px !important;
    font-size: 14px;
    margin: 0;
  }
  .templatepage .modal-footer {
    padding: 10px 20px;
    text-align: right;
    border-top: 1px solid #e5e5e5;
  }
  .addnewpageactionbtn {
    text-align: center;
    width: auto;
    background: transparent;
    border: none;
    padding: 15px 0;
    font-size: 14px;
    font-weight: bold;
    margin-top: 20px;
    margin-bottom: 30px;
    margin-left: auto;
    margin-right: auto;
  }
  .xs-listwidth {
    min-width: 175px !important;
  }
  .deletemodalform .modal-dialog .btn.btn-simple {
    background-color: transparent !important;
    color: #999;
    box-shadow: none;
    font-size: 20px;
  }
  .singlecomponent--action {
    display: block !important;
  }
  .deletemodalform .modal-footer .btn.btn-simple {
    background-color: transparent;
    color: #999;
    box-shadow: none;
    font-size: 20px !important;
  }
  .deletemodalform .modal.template-confirmation .modal-dialog {
    /* margin-top: 200px; */
    width: 65%;
  }
  .deletemodalform .template-confirmation .modal-dialog .delete-confirmation {
    font-size: 20px;
    line-height: 1.5;
  }
  .loginsection .login-language--options {
    position: absolute;
    top: 0;
    right: 105px;
  }
  .input-label {
    font-weight: 600;
    text-transform: uppercase !important;
    display: block !important;
    font-size: 80%;
    margin-bottom: 0.5rem;
    font-family: inherit;
    line-height: 1.5;
    margin-top: 10px;
    color: inherit;
  }
  .login--formdetails {
    height: 100% !important;
    top: 85px !important;
  }
  .bkpg--outerlayout {
    padding: 20px 0 0 0 !important;
  }
  .book-comp .modal-content {
    max-width: 100% !important;
    min-width: 100% !important;
  }
  .book-comp .book-comp__dialog {
    width: 100% !important;
  }
  .settingcontent .setting-section-right .setting-content {
    margin: 30px auto !important;
    padding: 0px !important;
    min-height: calc(100vh - 30vh);
    max-height: calc(100vh - 0vh);
    max-width: 80%;
    min-width: 80%;
    position: relative;
    box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    color: #555;
    border-width: 0;
    background: #fff;
  }
  .settingcontent .setting-section-right .setting-body-section {
    padding: 10px 10px 10px 10px;
    min-height: calc(100vh - 30vh);
    max-height: calc(100vh - 20vh);
    overflow-y: scroll;
    background: #e6eaea;
  }
  .settingcontent .setting-section-right .modal-title {
    font-size: 20px !important;
    color: #555;
    font-weight: 700;
    padding: 0;
    margin: 0;
  }
  .settingcontent .title__heading {
    margin: 0;
    font-size: 20px !important;
    font-weight: 600;
    color: #555;
    margin-top: 0px;
  }
  .settingcontent .solid--colorsarea label {
    font-weight: 500;
    color: #646f79 !important;
    font-size: 18px !important;
    margin-bottom: 0;
    max-width: 100%;
    font-size: 14px !important;
  }
  .settingcontent .setting-section-right .advanced-settingtab label {
    font-size: 16px !important;
    font-style: inherit;
  }
  .settingcontent .tab--choosepagesettings ul li {
    float: left;
    width: 30%;
    padding: 10px 20px;
    border: 1px solid #e6eaea;
    background: #e6eaea;
    list-style: none;
    opacity: 0.8;
    position: relative;
    border-radius: 5px;
  }
  .settingcontent .modal-footer .btn-sm {
    padding: 5px 20px !important;
    font-size: 15px !important;
  }
  .settingcontent .infoheading .simpletext {
    font-size: 16px;
    color: #999;
    font-weight: 500;
  }
  .settingcontent .tab--choosepagesettings ul li a {
    color: #b5b5b5;
    font-size: 14px;
    font-weight: 500;
  }
  .settingcontent .model-add .advanced-settingtab label {
    font-size: 14px !important;
    font-style: inherit;
  }
  .screensettingtext {
    color: #646f79 !important;
    font-size: 14px;
    margin-bottom: 0;
  }
  .chapter-getstarted-section {
    padding: 15px 10px !important;
  }
  .xs-md-mt-0 {
    margin-top: 0px !important;
  }
  .xs-md-mt-50 {
    margin-top: 50px !important;
  }
  .add--chapaterheader .model-add {
    max-width: 700px;
    min-width: 600px;
    margin: 130px auto;
  }
  .settingcontent .model-add {
    max-width: 100% !important;
    margin: 0px auto !important;
    width: 100%;
    float: left;
  }
  .chatcontent .dateof-chat {
    color: #435f7a;
    font-size: 15px;
  }
  .chatcontent .chatsubmitbtna {
    font-size: 15px !important;
    padding-left: 8px !important;
    vertical-align: middle !important;
  }
  .chatcontent .comment--footersection .btn--send {
    margin-top: 0;
    font-size: 30px;
    background: #20828d;
    margin-left: 0;
    position: absolute;
    right: 0;
    color: #ffffff;
    padding: 0;
    border-radius: 4px;
    bottom: 0;
    width: 100%;
  }
  .chatcontent .model-add .comment--footersection .form-control {
    font-size: 18px;
    margin-top: 3px;
    background: #fff;
  }
  .otpsection .login-language--options {
    position: absolute;
    top: 0;
    right: 105px;
  }
  .signupsection .login-language--options {
    position: absolute;
    top: 0;
    right: 105px;
  }
  .md-mr-5 {
    margin-right: 5px !important;
  }
  .md-ml-5 {
    margin-left: 5px !important;
  }
  .listcate-title {
    color: rgb(175, 163, 100) !important;
    font-size: 24px !important;
    font-weight: 500;
    padding: 0 0 0 20px;
  }
  .choosecomponent--outerlayout
    .choosecomponent--outerlayout
    .choosecomponent--body {
    padding: 0;
    min-height: 300px !important;
    max-height: 300px !important;
    background: #aacce921;
  }
  .login-process-modal .Login-section-right {
    width: 50% !important;
  }
  .nt-books {
    font-size: 17px;
  }
  .product--section .gridview-booklist .card-book-description {
    position: inherit;
    width: inherit;
    min-width: 100%;
    max-width: 100%;
    background: none;
  }
  .modal .viewsamplebook {
    max-width: 100% !important;
  }
  .viewbook-slider ul li img {
    margin-top: 20px;
    max-width: 100%;
    border: none;
    max-height: 400px;
    min-height: 400px;
  }
  .login-process-modal .form-control {
    margin-bottom: 15px;
  }
  .login-process-modal.passwd-visible {
    top: 229px;
  }
  .ordersummarysticky {
    width: inherit;
    position: relative;
  }
  .ordersummarysticky .itemtitle {
    font-size: 18px;
  }
  .ordersummarysticky .title,
  .ordersummarysticky .h6 {
    font-size: 16px;
    font-weight: 600;
  }
  .sampleprodtslider .subheading {
    padding: 0 0 10px;
  }
  .banner-lead {
    font-size: 15px;
    width: 100%;
  }
  .subbanner-content-panel {
    top: 85px;
  }
  .gridview-booklist .card-image > img.onempty-image {
    height: 280px;
  }
  .gridview-booklist .card-inner a {
    width: auto;
    height: inherit;
  }
  .organization--slides .online-book__list .online--book {
    margin: 0;
    float: left;
  }
  .section-newsletter {
    padding: 50px 10%;
  }
  .card-bookdescription {
    min-height: auto;
  }
  .owl-theme[_ngcontent-c3] {
    display: block;
    height: 100%;
  }
  .my--library .online-book__list .online--book {
    margin: 10px;
    float: left;
    width: 22%;
  }
  .booksslidingpanel .carousel-control-next {
    right: -3px !important;
  }
  .booksslidingpanel .carousel-control-prev {
    left: -5px;
  }
  .homepage---content .online-book__list .online--book,
  .categorylist--page .online-book__list .online--book,
  .my--library .online-book__list .online--book,
  .organization--slides .online-book__list .online--book {
    width: 33%;
  }
  .homepage---content .initiailbannerimage,
  .organization--slides {
    margin-top: 100px;
  }
  .category--initiailbannerimage {
    margin: 100px 0 0 0;
  }
  .greeting--section {
    margin: 0 10%;
  }
  .organization--slides .voucher-image img {
    height: auto;
  }
  .card-book-description .itemimage-thumb {
    width: 80px;
    height: 85px;
    margin: 0 auto;
    min-height: auto;
  }
  .address-summary {
    min-height: 303px;
  }
  .my--library .gridview-booklist:hover .book-title {
    font-size: 10px;
    line-height: 1;
  }
  .voucher-page .voucher-image img {
    max-height: 280px;
    min-height: 280px;
    width: 100%;
  }
  .voucher-page .gridview-booklist {
    max-height: 300px;
    min-height: 300px;
  }
  /* .viewmore-products .gridview-booklist .card-image {
                            height: auto;
                        } */
  .viewmore-products .mylibrary-seemore-p .u-form__input {
    top: 18px;
  }
}

@media (min-width: 480px) and (max-width: 854px) {
  .layoutsection .complist-container {
    position: relative;
    min-height: 600px;
    max-height: 600px;
    overflow-y: scroll;
    overflow: auto;
    overflow-x: hidden;
  }
}

@media (min-width: 414px) and (max-width: 765px) {
  .events__item--left .prviateevent-ribbon {
    right: -70px!important;
}
  .rhs--choosetemplate ul li img {
    width: 100%;
    height: 150px;
    padding: 15px 25px !important;
  }
  .thumbphoto {
    position: relative;
    min-height: 150px;
    max-height: 150px;
    width: inherit;
  }
  .pagezoomcontroller-page {
    transform: scale(0.45) !important;
  }
  .owl-carousel .owl-item img {
    min-width: auto;
    max-width: 253px !important;
  }
}

@media (min-width: 640px) and (max-width: 360px) {
  .homepage---content .initiailbannerimage {
    height: 35vh;
}
  .homepage---content .online-book__list .online--book, .categorylist--page .online-book__list .online--book, .my--library .online-book__list .online--book, .organization--slides .online-book__list .online--book {
    width: 33%;
}
  .faqsection .faq-decrip {
    position: relative;
    padding: 15px;
    min-height: 250px !important;
    max-height: 250px !important;
    overflow-x: hidden;
    overflow-y: scroll;
  }
  .add--chapaterheader .modal-dialog {
    max-width: 350px;
    margin: 50px auto;
  }
  .component-infoicon {
    padding: 0 5px;
  }
  .order--confirmationpage .table {
    width: 100%;
    border: 2px solid #ddd;
    left: -10px;
    position: relative;
  }
}

@media (min-width: 800px) and (max-width: 1280px) {
  .faqsection .descript--section {
    position: relative;
    padding: 15px;
    min-height: 500px;
    max-height: 500px;
    overflow-x: hidden;
    overflow-y: scroll;
  }
  .tc--information {
    width: 90%;
    margin: 20px auto;
  }
  .add--chapaterheader .modal-body {
    background: #eaeef29e;
    height: auto;
  }
  .choosinglayout--modal .modal-content {
    max-width: 100%;
    min-width: 100%;
  }
  .choosinglayout--modal .modal-content {
    max-width: 650px;
    min-width: 650px;
  }
  .templatepage.thumbphoto {
    position: relative;
    min-height: 160px;
    max-height: 160px;
    width: max-content;
  }
  .templatepage .model-add .modal-title {
    font-size: 25px;
    color: #555;
    font-weight: 700;
    padding: 0;
    margin: 0;
  }
  .templatepage.modal-header {
    border-bottom: 1px solid #e5e5e5;
    padding: 20px 15px;
  }
  .templatepage .btn-sm {
    padding: 5px 9px !important;
    font-size: 20px;
  }
  .templatepage .modal-footer {
    padding: 20px;
    text-align: right;
    border-top: 1px solid #e5e5e5;
  }
  .loginsection .input-label {
    font-weight: 600;
    text-transform: uppercase !important;
    display: block !important;
    font-size: 80%;
    margin-bottom: 0.5rem;
    font-family: inherit;
    line-height: 1.5;
    margin-top: 10px;
    color: inherit;
  }
  .settingcontent .setting-section-right .setting-content {
    margin: 35px;
    padding: 0px !important;
    min-height: calc(100vh - 40vh);
    max-height: calc(100vh - 0vh);
    max-width: 700px;
    min-width: 320px;
    width: 95%;
    position: relative;
    box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    color: #555;
    border-width: 0;
    background: #fff;
  }
  .settingcontent .setting-section-right {
    max-width: 100% !important;
    min-width: 100% !important;
  }
}

@media (min-width: 600px) and (max-width: 960px) {
  /* .homepage---content .online-book__list .online--book, 
                    .categorylist--page .online-book__list .online--book,
                     .my--library .online-book__list .online--book, 
                     .organization--slides .online-book__list .online--book {
                            width: 25%;
                        } */
  .listcate-section {
    padding: 5px 1%;
  }
  .layoutsection .complist-container {
    position: relative;
    min-height: 600px;
    max-height: 600px;
    overflow-y: scroll;
    overflow: auto;
    overflow-x: hidden;
  }
  .choosinglayout--modal .rhs--choosetemplate ul li {
    width: 50%;
    padding: 10px 15px 0;
    text-align: center;
    float: left;
    position: relative;
  }
  .templatepage .blank-page-template {
    position: relative;
    min-height: 160px;
    max-height: 180px;
    width: 100% !important;
  }
  .templatepage .rhs--choosetemplate ul li img {
    width: 100% !important;
    height: 230px !important;
    padding: 5px;
  }
  .deletemodalform .modal.template-confirmation .modal-dialog {
    margin: 40px auto;
    width: 70%;
  }
  .loginsection .input-label {
    font-weight: 600;
    text-transform: uppercase !important;
    display: block !important;
    font-size: 80%;
    margin-bottom: 0.5rem;
    font-family: inherit;
    line-height: 1.5;
    margin-top: 10px;
    color: inherit;
  }
  .loginsection .resetpswd {
    padding: 30 !important;
    height: 100%;
    top: 200px;
  }
  .sign-up-content .login--formdetails {
    padding: 30px !important;
    top: 0;
  }
  .loginsection .login--formdetails {
    padding: 40px;
    height: 100%;
    top: 150px;
  }
  .add--chapaterheader .model-add {
    max-width: 500px;
    min-width: 500px;
    margin: 30px auto !important;
  }
  .choosecomponent--outerlayout .choosecomponent--body {
    padding: 0;
    min-height: 400px;
    max-height: 400px;
    background: #aacce921;
  }
}

@media (min-width: 600px) and (max-width: 1024px) {
  .layoutsection .complist-container {
    position: relative;
    min-height: 200px !important;
    max-height: 200px !important;
    overflow-y: scroll;
    overflow: auto;
    overflow-x: hidden;
  }
  .loginsection .input-label {
    font-weight: 600;
    text-transform: uppercase !important;
    display: block !important;
    font-size: 80%;
    margin-bottom: 0.5rem;
    font-family: inherit;
    line-height: 1.5;
    margin-top: 10px;
    color: inherit;
  }
  .loginsection .form {
    margin-bottom: 10px;
    padding: 20px !important;
  }
  .loginsection .login--formdetails {
    padding: 20px !important;
    height: 100%;
    top: 80px;
    /* overflow: auto; */
    min-height: 500px;
  }
}

@media (min-width: 320px) and (max-width: 480px) {
  .layoutsection .complist-container {
    position: relative;
    min-height: 350px !important;
    max-height: 350px !important;
    overflow-y: scroll;
    overflow: auto;
    overflow-x: hidden;
  }
  .layoutsection .complist-container label img {
    height: 60px;
    width: 100px;
  }
  .layoutsection .header--actionsection ul li {
    width: 50px;
    padding: 0;
  }
  .layoutsection .choosecomponent--body {
    padding: 0;
    min-height: calc(100vh - 30vh) !important;
    max-height: calc(100vh - 25vh) !important;
    background: #aacce921;
  }
  .layoutsection .component-infoicon {
    padding: 0;
    font-size: 10px;
    color: #aaa;
  }
  .choosinglayout--modal .model-add {
    max-width: 90%;
    margin: 10px auto;
  }
  .loginsection .login--formdetails {
    padding: 0 !important;
    height: 100%;
    top: 125px !important;
    overflow: auto;
  }
  .edit-content .textcontent {
    overflow: auto;
    min-height: calc(100vh - 48vh) !important;
    max-height: calc(100vh - 48vh) !important;
    overflow-x: hidden;
    overflow-y: scroll;
  }
  .listcate-title {
    font-size: 15px !important;
    margin: 10px 15px !important;
  }
  .listcate-title-caption {
    font-size: 12px;
    font-weight: 400;
  }
  .describe-steps .step-inner .step-count {
    font-size: 2.5rem;
  }
  .describe-steps .media-body {
    padding: 0 5px;
  }
  .stepsexpalin-img img {
    width: 40px;
    height: 40px;
    margin-right: 0;
  }
  .stepsexpalin-img {
    position: absolute;
    top: 0px;
    right: 5px;
  }
  .section-newsletter {
    padding: 25px 5%;
  }
  .section-newsletter .text-primary {
    color: rgb(175, 163, 100) !important;
    font-size: 15px;
  }
  .u-btn-success--air {
    /* margin-bottom: 10px; */
    font-size: 11px;
  }
  .footer-section .social li {
    width: 28px;
  }
  .loggedinuserinfo .itemdesc {
    font-size: 8px;
  }
  .order--confirmationpage .font-weight-light {
    font-size: 20px;
  }
  .order--confirmationpage .amount--details {
    font-size: 18px;
  }
  .order--confirmationpage .grandtotal-details {
    /* padding: 20px 30px!important; */
  }
  .file {
    position: relative;
    overflow: hidden;
    top: 18px;
    font-size: 8px;
    left: 10px;
  }
}

@media (min-width: 640px) and (max-width: 360px) {
  .order--confirmationpage .table {
    left: -10px;
  }
  .forgotpaswd .left-body-section {
    min-height: auto;
    background: #111640;
    padding: 30px 50px;
    padding-bottom: 500em;
    margin-bottom: -500em;
  }
  .forgotpaswd .login--formdetails {
    padding: 0 !important;
    height: 100%;
    top: 70px;
  }
  .modal-content {
    max-width: 420px;
    min-width: 420px;
    margin: 10px auto;
  }
  .owl-carousel .owl-item img {
    min-width: 253px;
    max-width: 253px !important;
  }
}

@media (min-width: 768px) {
  .main-heading {
    padding-left: 115px;
  }
  .home-page .global-dashboard-widget .widget .col-md-8 {
    width: 66.66% !important;
  }
  .home-page .global-dashboard-widget .widget .col-md-4 {
    width: 33.33% !important;
  }
  .lease-search-panel {
    z-index: 999;
  }
  .client-filter-fields {
    margin-top: 10px;
  }
  #advancedsearchmodal {
    margin-left: 10px;
    margin: 0;
  }
  .lease-gridview-divname {
    font-size: 14px;
  }
  .lease-gridview-useraddress {
    font-size: 11px;
  }
  .notification__section .nav-actionlists-button {
    font-size: 24px !important;
    padding: 0 !important;
    min-width: 50px !important;
  }
  .notifications-scroll {
    min-height: 560px !important;
    max-height: 560px !important;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) and (-webkit-min-device-pixel-ratio: 1) {
  .mticketpreview .date {
    width: 35%;
  }
  .navigator-link {
    margin-top: 20px !important;
    cursor: pointer;
  }
  .dynamicbookapp .header--actionsection ul li {
        min-width: 70px;
    max-width: 70px;
    line-height: 1!important;}
  #pagezoombtn {
    display: none;
  }
  .page-user-dashboard {
    padding-left: 90px !important;
  }
  .sm-page-responsive {
    padding-left: 90px !important;
  }
  .legal-datatable-body .dropdown-menu {
    min-width: 100px;
  }
  .legal-top-header .navbar-collapse {
    padding-right: 0px;
  }
  #advancedsearchmodal .modal-content {
    max-width: 700px;
    min-width: 90px;
    margin-left: 30px;
  }
  #advancedsearchmodal .client-filter-fields .form-group .input-group {
    width: 100%;
  }
  #advancedsearchmodal .client-filter-fields .form-group {
    width: 70%;
  }
  #advancedsearchmodal .client-filter-fields .input-box {
    width: 33.5%;
  }
  .wip-wizard > .wip-wizard-step > .wip-wizard-dot {
    top: 5px;
  }
  .wip-wizard > .wip-wizard-step {
    width: 95%;
  }
  #BB-nav .nav-tabs > li a {
    padding: 18px 13px;
    margin-right: 0;
    min-width: 80px;
    text-align: center;
    border-radius: 0;
    color: #555;
    border-width: 0;
    font-size: 10px;
  }
  .menu-thumbnail {
    padding-left: 5px;
    padding-right: 5px;
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }
  .panel-content .toolbar {
    padding-left: 10px;
  }
  .doc-list-table .legal-datatable-body {
    margin-top: 65px;
    position: relative;
  }
  .choosecomponent--outerlayout
    .choosecomponent--body
    .choosecomponent--body__listing
    aside
    ul {
    padding: 0;
    list-style: none;
    background: #fff;
    box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.1);
    margin-bottom: 0;
    min-height: 400px;
    max-height: 400px;
    overflow-y: scroll;
    overflow-x: hidden;
  }

  .myprofile--page .view-addresssection .delivery-and-billing {
    height: auto;
    padding: 10px;
  }
  .banner-content-panel {
    max-height: 290px;
    min-height: 290px;
  }
}

@media (min-width: 415px) and (max-width: 768px) {
  .menu-thumbnail .widget {
    margin: 5px 0 !important;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .legal-top-header .navbar-collapse .navbar-nav > li > a {
    padding: 0 6px;
  }
  .legal-top-header .navbar-collapse .legal-icons-nav {
    margin-right: 0px;
  }
  .legal-top-header .navbar-header .navbar-brand {
    width: 160px;
  }
  .main-heading {
    padding-left: 0px;
  }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) {
  .editgridster-section.active {
    border-color: #777!important;
    /* box-shadow: 0 2px 10px rgba(75,162,249)!important; */
      box-shadow: 0 2px 10px rgba(000,000,000, 0.9)!important;
}
.editgridster-section:hover {
    transform: scale(50);
    box-shadow: 0px 0px 35px 5px rgba(000,000,000, 0.9)!important;
    transition: box-shadow 0.5s, transform 0.5s;
}
  .heading-online-company {
    font-size: 28px;}
    .company-description {
    font-size: 20px;}
    .main-heading-banner {
    top: 32%;}
   .banner-content-panel .u-bg-img-hero iframe{
height: 200px;
  }
  #legal-navbar-collapse .legal-nav-right {
    padding-left: 10px;
    -webkit-padding-start: 0px;
  }
  .main-heading {
    padding-left: 0px;
  }
  .panel-content .content-sm-panel {
    padding-top: 10px;
  }
  .chat-modal--form .chat--detailedbox {
    min-height: 560px;
    max-height: 600px;
    overflow-y: scroll;
  }
  .chat-modal--form .chat--detailedview .setting-section-right {
    max-width: 100% !important;
    width: 90% !important;
    margin: 20px !important;
    float: none;
  }
  .chat-modal--form .setting-section-right .modal-content {
    margin: 0px 30px !important;
    padding: 0px !important;
    min-height: calc(100vh - 30vh);
    max-height: calc(100vh - 30vh);
    max-width: 95% !important;
    min-width: 95% !important;
    position: relative;
    box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    color: #555;
    border-width: 0;
    background: #fff;
  }
  .chat-modal--form .model-add .modal-title {
    font-size: 20px;
    color: #555;
    font-weight: 700;
    padding: 0;
    margin: 0;
    padding: 10px;
    line-height: 2 !important;
  }
  .chat-modal--form .chat-statusreview {
    display: contents;
    text-align: center;
    width: 75%;
    color: #555;
  }
  .chat-modal--form .chat-statusreview ul li {
    float: left;
    list-style: none;
    padding: 5px;
  }
  .setting-section-right .modal-header .close {
    font-size: 35px;
    opacity: 0.4;
    text-shadow: none;
    margin-top: 0 !important;
    padding: 0;
    cursor: pointer;
    background: 0 0;
    border: 0;
    float: right;
    line-height: 1;
    color: #000;
  }
  .myprofile--page .nav-tabs .nav-link.active {
    font-size: 12px;
  }
  .view-addresssection .add-addrescard {
  padding: 5%!important;
    height: auto;
  }
  .tab-content .billingaddress-section {
    padding: 0;
  }
  .edit-addressform .billingaddress-section {
   padding: 5px!important;
  }
  .ordersummarysticky {
    width: inherit;
    /* position: relative; */
  }
}

@media only screen and (min-device-width: 1024px) and (max-device-width: 1365px) {
  .page-master-dashboard .main-content-section {
    margin-top: 10px;
  }
  .login-process-modal .Login-section-right {
    position: absolute;
    right: 0;
    top: 0;
    width: 45% !important;
    height: 100%;
    margin: 0;
  }
  .login-process-modal .passwd-visible {
    top: 275px !important;
  }
}

@media only screen and (max-width: 812px) {
  .layoutsection .choosecomponent--body {
    padding: 0;
    min-height: 450px;
    max-height: 450px;
    background: #aacce921;
  }
  .manage--addressform .modal-content {
    max-width: 90%;
    min-width: 90%;
    margin: auto;
  }
  .manage--addressform .adressform {
    min-width: 100%;
    max-width: 350px;
    margin: 10px auto;
  }
  .login-process-modal .passwd-visible {
    top: 230px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) and (orientation: landscape) {
.testimonials figure.snip1390 {
    min-width: 31%;
  }
  .mylib-books .owl-carousel.owl-drag .owl-item {
    min-width: inherit;
    max-width: max-content;
  }
  .login-language--options {
    position: fixed !important;
    top: 0;
    right: 30px;
  }
  .A4 {
    width: inherit !important;
    height: 29.7cm;
    display: block;
    margin: 0 auto;
    margin-bottom: 0.5cm;
    box-shadow: 0 0 0.5cm rgba(0, 0, 0, 0.5);
    box-sizing: border-box;
    background: #fff;
    position: relative;
  }
  .book-comp .book-comp__dialog {
    width: 90% !important;
    margin: 0 auto;
    position: relative;
  }
  .book-comp .modal-content {
    max-width: 100% !important;
    min-width: 100% !important;
    margin: 0px auto !important;
    padding: 0px !important;
    position: relative;
    box-shadow: none;
    border-radius: 3px;
    color: #555;
    border-width: 0;
    border: none;
    outline: 0;
    background: #edf4f8;
  }
  .header--actionsection ul li {
    list-style: none;
    float: right;
    width: 80px !important;
    padding: 8px 0;
    height: inherit;
    text-align: center;
    border-left: 1px dotted #f5f5f5;
    font-size: 12px;
    font-weight: 600;
    cursor: pointer;
    margin-top: 0;
    color: #848f99;
    line-height: 2.2;
  }
  .rowcomp--levelsettings__button.pagelevel-settings {
    height: 40px;
    padding: 0;
    box-sizing: border-box;
    outline: none;
    width: inherit !important;
    display: block;
    margin: 0 auto;
    margin-bottom: 0;
    background: transparent;
    box-shadow: none;
  }
  .rowcomp--levelsettings__button.pagelevel-settings ul li {
    border-right: none;
    padding: 6px 10px;
    border-radius: 3px;
    float: right;
  }
  .choosinglayout--modal .modal-content {
    max-width: 100% !important;
    min-width: 100% !important;
  }
  .rhs--choosetemplate ul li img {
    width: 100%;
    height: 125px !important;
    padding: 15px 25px !important;
  }
  .thumbphoto {
    position: relative;
    min-height: 125px !important;
    max-height: 125px !important;
  }
  .addnewpageactionbtn {
    text-align: center;
    width: inherit !important;
    background: transparent;
    border: 1px dashed #ccc;
    padding: 15px 0;
    font-size: 14px;
    font-weight: bold;
    margin-top: 20px;
    margin-bottom: 30px;
    margin-left: 1px !important;
    margin-right: 45px;
    display: block;
  }
  .settingcontent .setting-section-right .setting-content {
    padding: 0px !important;
    min-height: calc(100vh - 40vh);
    max-height: calc(100vh - 0vh);
    max-width: 50% !important;
    min-width: 50% !important;
    width: 100%;
    position: relative;
    box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    color: #555;
    border-width: 0;
    float: right;
    margin: 0 auto !important;
    background: #fff;
  }
  .setting-section-right .modal-body {
    padding: 0px 20px 20px 20px;
    min-height: calc(100vh - 15vh) !important;
    max-height: calc(100vh - 15vh) !important;
    overflow-y: scroll;
    background: #e6eaea;
  }
  .ordersummarysticky {
    width: 345px;
  }
  .card-bookdescription {
    min-height: auto;
  }
  .my--library .online-book__list .online--book {
    margin: 10px;
    float: left;
    width: 20%;
  }
}

@media only screen and (min-width: 1024px) and (max-width: 1366px) {
  .schedule-ticket-heading .heading-events.active,
  .schedule-ticket-heading .heading-events{
        font-size: 20px!important;
  }
  .btn-ye-savebtn, .btn-ye-savebtn:hover, .btn-ye-savebtn:focus{
    padding: 0 15px;
  }
 #upload-banner-img-modal .modal-dialog {
    width: 60%!important;
    margin: 30px auto;
    min-width: 70%;
}
  .btn-ye-savebtn, .btn-ye-savebtn:hover, .btn-ye-savebtn:focus
  {}
  .video-frame {
    padding: 66px 30px!important;
  }
  .loginmaindiv {
    padding: 0;
}
  .editgridster-section.active {
    border-color: #777!important;
    /* box-shadow: 0 2px 10px rgba(75,162,249)!important; */
      box-shadow: 0 2px 10px rgba(000,000,000, 0.9)!important;
}
.editgridster-section:hover {
    transform: scale(50);
    box-shadow: 0px 0px 35px 5px rgba(000,000,000, 0.9)!important;
    transition: box-shadow 0.5s, transform 0.5s;
}
  .product--page .viewprod-section .itemimage-thumb {
    min-height: 145px;
}
  .heading-online-company {
    font-size: 36px;
}
  .viewprod-section .itemtitle {
    font-size: 16px;}
  .homepage---content .owl-item .card {
    margin: 0 8px!important;
}
  /* .bkpg--outerlayout {
    display: inline!important;} */
  .dynamicbookapp .header--actionsection ul li {
    width: 80px!important;
        min-width: 80px;
    max-width: 80px;
  }
  .gridview-booklist .card-image>img.onempty-image {
    height: 265px;
        min-height: 297px;
  margin: 0;}
    .gridview-booklist .card-image {
    height: 265px;}
  .banner-content-panel .u-bg-img-hero iframe {
    height: 280px;
}
.homepage---content .owl-next {
    right: -36px;
    top: 38%;
}
.homepage---content .owl-prev {
    left: -36px;
    top: 38%;
}
  .organization--slides .voucher-image img {
    width: 100%;
    height: auto;
    padding: 0 !important;
  }
  .login-language--options {
    position: fixed !important;
    top: 0;
    right: 30px;
  }
  .A4 {
    /* width: inherit!important; */
    height: 29.7cm;
    display: block;
    margin: 0 auto;
    margin-bottom: 0.5cm;
    box-shadow: 0 0 0.5cm rgba(0, 0, 0, 0.5);
    box-sizing: border-box;
    background: #fff;
    position: relative;
  }
  .book-comp .modal-content {
    max-width: 100% !important;
    min-width: 100% !important;
    margin: 0px auto !important;
    padding: 0px !important;
    position: relative;
    box-shadow: none;
    border-radius: 3px;
    color: #555;
    border-width: 0;
    border: none;
    outline: 0;
    background: #edf4f8;
  }
  .header--actionsection ul li {
    list-style: none;
    float: right;
    width: 80px !important;
    padding: 8px 0;
    height: inherit;
    text-align: center;
    border-left: 1px dotted #f5f5f5;
    font-size: 12px;
    font-weight: 600;
    cursor: pointer;
    margin-top: 0;
    color: #848f99;
    line-height: 2.2;
  }
  .choosinglayout--modal .modal-content {
    max-width: 100% !important;
    min-width: 100% !important;
  }
  .rhs--choosetemplate ul li img {
    width: 100%;
    height: 160px;
    padding:5px !important;
  }
  .choosinglayout--modal .model-add {
    max-width: 90%;
    margin: 30px auto;
  }
  .aggbook-comp .bkpg--outerlayout {
    min-height: calc(100vh - 10vh) !important;
    max-height: calc(100vh - 10vh) !important;
  }
  .rowcomp--levelsettings__button.pagelevel-settings {
    height: 40px;
    padding: 0;
    box-sizing: border-box;
    outline: none;
    /* width: inherit!important; */
    display: block;
    margin: 0 auto;
    margin-bottom: 0;
    background: transparent;
    box-shadow: none;
  }
  .notification__section .ntfy-mininfo,
  .notification__section .ntfy-title,
  .ntfy-title {
    font-size: 15px !important;
  }
  .nt-books {
    padding: 0;
    font-size: 15px;
  }
  /* .viewmore-products   .gridview-booklist .card-image {
    height: auto;
                } */
  .organization--slides .online-book__list .online--book {
    width: 25%;
  }
  .homepage---content .initiailbannerimage {
    height: 30vh;}
}

@media only screen and (min-width: 1024px) and (max-height: 1366px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1.5) {
  .video-frame {
    padding: 66px 110px;
        text-align: center;
        margin: auto;
}
.dynamicbookapp .header--actionsection ul li {
    width: 80px!important;
    min-width: 77px;
    max-width: 77px;
}
  .flipbook-menu .menu-nav ul {
    padding-inline-start: 0!important;
  }
 .viewprod-section .itemimage-thumb {
    min-height: 230px;
}
 .owl-carousel .owl-item img {
    height: inherit;
  }
  .aggbook-comp .bkpg--outerlayout {
    min-height: calc(100vh - 15vh) !important;
    max-height: calc(100vh - 15vh) !important;
  }
  .settingcontent .setting-section-right .setting-content {
    padding: 0px !important;
    min-height: calc(100vh - 40vh);
    max-height: calc(100vh - 0vh);
    max-width: 100% !important;
    min-width: 100% !important;
    width: 100%;
    position: relative;
    box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    color: #555;
    border-width: 0;
    margin: 0 auto !important;
    background: #fff;
  }
  .chapter-getstarted-section {
    padding: 23px 10px;
    margin: 0px 0 0 0;
    text-align: center;
    font-size: 14px !important;
    vertical-align: middle;
    color: #337ab7;
    text-transform: uppercase;
  }
  .ordersummarysticky {
    width: inherit;
  }
  .view-addresssection .add-addrescard {
   height: auto;
    padding: 5% !important;
  }
  .owl-theme[_ngcontent-c3] {
    display: block;
    height: 100%;
  }
  .product--page .btn-secondary {
    top: 21px;
  }
}
/* ----------- iPad Pro 10.5" ----------- */
/* Portrait and Landscape */

@media only screen and (min-width: 834px) and (max-width: 1112px) and (-webkit-min-device-pixel-ratio: 2) {
}
/* Portrait */
/* Declare the same value for min- and max-width to avoid colliding with desktops */
/* Source: https://medium.com/connect-the-dots/css-media-queries-for-ipad-pro-8cad10e17106*/

@media only screen and (min-width: 834px) and (max-width: 834px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {
}
/* Landscape */
/* Declare the same value for min- and max-width to avoid colliding with desktops */
/* Source: https://medium.com/connect-the-dots/css-media-queries-for-ipad-pro-8cad10e17106*/

@media only screen and (min-width: 1112px) and (max-width: 1112px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {
}
/* ----------- iPad Pro 12.9" ----------- */
/* Portrait and Landscape */

@media only screen and (min-width: 1024px) and (max-width: 1366px) and (-webkit-min-device-pixel-ratio: 2) {
}
/* Portrait */
/* Declare the same value for min- and max-width to avoid colliding with desktops */
/* Source: https://medium.com/connect-the-dots/css-media-queries-for-ipad-pro-8cad10e17106*/

@media only screen and (min-width: 1024px) and (max-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {
.subchapters-actionlists {
    background: none!important;
    float: right;
}
.headchatper-list .chaptermenu > ul li ul {   
    left: 48%!important;} 
     .A4 {    
    margin: 20px 15px !important;
  }
  .bkpg--outerlayout {
    padding: 30px 20px !important;
}
  .my--library .mylib-books .owl-carousel.owl-drag .owl-item {
    min-width: 187px;
    max-width: 187px;
}
  .owl-carousel .owl-item img {
    height: inherit;
  }
  .contact-details {
    color: #7d4e7c;
    font-weight: 700;
    font-size: 18px !important;
    padding-bottom: 15px;
  }
  .book-comp .book-comp__dialog {
    width: 100%!important;
    margin: 0 auto;
    position: relative;
  }
  .setting-section-right .modal-body {
    padding: 0px 20px 20px 20px;
    min-height: calc(100vh - 50vh) !important;
    max-height: calc(100vh - 35vh);
    overflow-y: scroll;
    background: #e6eaea;
  }
  .model-add {
    max-width: 650px !important;
    margin: 30px auto !important;
  }
  .settingcontent .setting-section-right .setting-content {
    margin: 0 auto !important;
    padding: 0px !important;
    min-height: calc(100vh - 40vh);
    max-height: calc(100vh - 0vh);
    max-width: 700px;
    min-width: 320px;
    width: 95%;
    position: relative;
    box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    color: #555;
    border-width: 0;
    background: #fff;
  }
  .chat-modal--form .setting-section-right .modal-content {
    margin: 0px 0px !important;
    padding: 0px !important;
    min-height: calc(100vh - 30vh);
    max-height: calc(100vh - 30vh);
    max-width: 100% !important;
    min-width: 100% !important;
    position: relative;
    box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    color: #555;
    border-width: 0;
    background: #fff;
  }
  .chat-modal--form .chat--detailedbox {
    min-height: 680px;
    max-height: 680px;
    overflow-y: scroll;
  }
  .privacymodal .descript--section {
    overflow: auto;
    overflow-x: hidden;
    overflow-y: scroll;
    min-height: 800px !important;
    max-height: 800px !important;
  }
  .addnewpageactionbtn {
    text-align: center;
    width: 21.1cm;
    background: transparent;
    border: 1px dashed #ccc;
    padding: 15px 0;
    font-size: 14px;
    font-weight: bold;
    margin-top: 20px;
    margin-bottom: 30px;
    margin-left: -12px !important;
    margin-right: 45px;
  }
  /* .A4 {
       width: inherit!important;
        height: 29.7cm;
        display: block;
       margin: 0 auto;
       margin-bottom: 0.5cm;
       box-shadow: 0 0 0.5cm rgba(0, 0, 0, 0.5);
      box-sizing: border-box;
       background: #fff;
        position: relative;
        } */
  .rhs--choosetemplate {
    background: #fff;
    height: calc(100vh - 25vh);
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.1);
    min-height: calc(100vh - 35vh) !important;
    max-height: calc(100vh - 35vh) !important;
    position: relative;
  }
  .rhs--choosetemplate ul {
    min-height: calc(100vh - 35vh) !important;
    max-height: calc(100vh - 35vh) !important;
    overflow-y: scroll;
  }
  .tcmodal .tnc--descript {
    overflow: auto;
    position: relative;
    min-height: 800px;
    padding: 20px;
    max-height: 800px;
    overflow-y: scroll !important;
    overflow-x: hidden !important;
  }
  .book-comp__cbody .icon-barbtn {
    font-size: 39px;
  }
  .chat-modal--form .chat--detailedview .setting-section-right {
    max-width: 100% !important;
    width: 80% !important;
    margin: 20px auto !important;
    float: none;
  }
  .otpsection .login--formdetails {
    padding: 20px !important;
    height: 100%;
    top: 80px;
  }
  .layoutsection .complist-container {
    position: relative;
    min-height: 350px !important;
    max-height: 350px !important;
    overflow-y: scroll;
    overflow: auto;
    overflow-x: hidden;
  }
  .login--formdetails {
    padding: 80px !important;
    height: 100%;
  }
  .view-addresssection .add-addrescard {
    height: auto;
    border: 2px dashed #aaa;
    text-align: center;
    display: block;
    padding:5%!important;
    margin: 10px 0px;
    cursor: pointer;
  }
  .edit-userimage i {
    bottom: 0;
    left: 60px;
    top: 100px;
  }
  .primary-breadcrumb ul li a {
    font-size: 20px;
  }
  .backslash {
    font-size: 20px;
  }
  .listcate-title-caption {
    font-size: 18px;
    font-weight: 400;
  }
  .gridview-booklist {
    margin-bottom: 0;
    /* border: 1px solid #e7eaf3; */
  }
  .listcate-section {
    padding: 0px 4%;
  }
  .order--confirmationpage .grandtotal-details {
    margin-left: 0px;
  }
  .login-process-modal .notification--dialog {
    position: absolute;
    right: 0;
    top: 0;
    width: 45% !important;
    height: 100%;
    margin: 0;
  }
  .sampleprodtslider .imglisting ul li img {
    width: 75px !important;
  }
  .banner-lead {
    width: 65%;
  }
  .banner-content-panel {
    min-height: 390px;
    min-height: 390px;
  }
  .book__list .online--book,
  .categorylist--page .online-book__list .online--book,
  .organization--slides .online-book__list .online--book {
    /* margin: 22px; */
    float: left;
  }
  .owl-theme[_ngcontent-c3] {
    display: block;
    height: 100%;
  }
  .product--page .gridview-booklist .card-inner a {
    top: 40%;
  }
  .sampleprodtslider .imglisting ul {
    padding: 5px;
  }
  .product--page .gridview-booklist .card-inner a {
    top: 40%;
  }
  .my--library .online-book__list .online--book {
    margin: 12px;
    float: left;
  }
  .voucher-page .address-summary {
    min-height: 265px;
  }
  .address-summary {
    min-height: 355px;
  }
}
/* Landscape */
/* Declare the same value for min- and max-width to avoid colliding with desktops */

@media only screen and (min-device-width: 1366px) and (max-device-width: 1366px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {
  .tracking-details td input{
      margin-top: 5px;
  }
 .editgridster-section.active {
    border-color: #777!important;
    /* box-shadow: 0 2px 10px rgba(75,162,249)!important; */
      box-shadow: 0 2px 10px rgba(000,000,000, 0.9)!important;
}
.editgridster-section:hover {
    transform: scale(50);
    box-shadow: 0px 0px 35px 5px rgba(000,000,000, 0.9)!important;
    transition: box-shadow 0.5s, transform 0.5s;
}
  .bkpg--outerlayout {
    display: block!important;
}
  .dynamicbookapp .header--actionsection ul li {
    width: 85px!important;}
  .my--library .mylib-books .owl-carousel.owl-drag .owl-item {
    min-width: 187px;
    max-width: 187px;
}
.homepage---content .initiailbannerimage {
    height: 45vh;
}
  .addnewpageactionbtn {
    text-align: center;
    width: 21.1cm;
    background: transparent;
    border: 1px dashed #ccc;
    padding: 15px 0;
    font-size: 14px;
    font-weight: bold;
    margin-top: 20px;
    margin-bottom: 30px;
    margin-left: 43px !important;
    margin-right: 45px;
  }
  .chat--detailedview .setting-section-right {
    max-width: 100% !important;
    margin: 0 !important;
  }
  .chat--detailedview .setting-section-right .modal-content {
    max-width: 100% !important;
    min-width: 100% !important;
  }
  .chat--detailedbox {
    min-height: 715px !important;
    max-height: 715px !important;
    overflow-y: scroll;
  }
  .model-add .comment--footersection .form-control {
    font-size: 12px;
    margin-top: 3px;
    background: #fff;
    height: 210px !important;
  }
  .privacymodal .descript--section {
    overflow: auto;
    overflow-x: hidden;
    overflow-y: scroll;
    min-height: 800px !important;
    max-height: 800px !important;
  }
  .tcmodal .tnc--descript {
    overflow: auto;
    position: relative;
    min-height: 800px;
    padding: 20px;
    max-height: 800px;
    overflow-y: scroll !important;
    overflow-x: hidden !important;
  }
  .settingcontent .setting-section-right .modal-body {
    padding: 0px 20px 20px 20px;
    min-height: calc(100vh - 10vh);
    max-height: calc(100vh - 10vh);
    overflow-y: scroll;
    background: #e6eaea;
  }
  .login--formdetails {
    padding: 80px !important;
    height: 100%;
  }
}
/* ----------- iPad 1, 2, Mini and Air ----------- */
/* Portrait and Landscape */

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) {
}
/* Portrait */

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1) {
  .addnewpageactionbtn {
    text-align: center;
    width: 21.1cm;
    background: transparent;
    border: 1px dashed #ccc;
    padding: 15px 0;
    font-size: 14px;
    font-weight: bold;
    /* margin-top: 20px;
margin-bottom: 30px;
margin-left: -15px!important;
margin-right: 45px; */
    margin: 20px auto !important;
  }
  .layoutbtns .btn-default {
    color: #555;
    background-color: #f7f7f7;
    border-color: #d1d1d1 !important;
    cursor: pointer;
    margin: 5px;
  }
  .choosecomponent--outerlayout
    .choosecomponent--body
    .choosecomponent--body__listing
    aside
    ul {
    min-height: 300px;
    max-height: 300px;
  }
  .login-process-modal .passwd-visible {
    top: 229px;
  }
  .itemimage-thumb {
    width: 100px;
    min-height: 120px!important;
  }
  .myprofile--page .nav-tabs .nav-link,
  .myprofile--page .nav-tabs .nav-link.active {
    padding: 15px;
    font-size: 15px;
  }
  .search--book {
    margin-top: 120px;
  }
}
/* Landscape */

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1) {
.headchatper-list .chaptermenu > ul li ul {  
    left: 49%!important;}  
    .A4 {
    margin: 0 18px!important;}
  .bkpg--outerlayout{
   padding: 30px 15px!important;
 }
  .book-comp .book-comp__dialog {
    width: 100% !important;
    margin: 0 auto;
    position: relative;
  }
  .addnewpageactionbtn {
    text-align: center;
    width: 21.1cm;
    background: transparent;
    border: 1px dashed #ccc;
    padding: 15px 0;
    font-size: 14px;
    font-weight: bold;
    /* margin-top: 20px;
margin-bottom: 30px;
margin-left: -10px!important;
margin-right: 45px; */
    margin: 20px auto !important;
  }
  .settingcontent .model-add {
    max-width: 550px !important;
    margin: 0px auto;
    min-width: 550px !important;
  }
  .setting-section-right .modal-body {
    padding: 0px 20px 20px 20px;
    min-height: calc(100vh - 15vh) !important;
    max-height: calc(100vh - 15vh) !important;
    overflow-y: scroll;
    background: #e6eaea;
  }
  .setting-section-right {
    max-width: 100% !important;
    /* width: 91% !important; */
    margin: 0px !important;
    float: right !important;
    /* min-width: 650px; */
    max-width: 650px !important;
  }
  .chat--detailedview .setting-section-right .modal-body {
    padding: 0;
    min-height: calc(100vh - 35vh) !important;
    max-height: calc(100vh - 35vh) !important;
    overflow-y: inherit;
  }
  .chat-modal--form .chat--detailedbox {
    min-height: 500px;
    max-height: 500px;
    overflow-y: scroll;
  }
  .chat-modal--form .chat--detailedview .setting-section-right {
    max-width: 100% !important;
    width: 50% !important;
    margin: 0px !important;
    float: none;
  }
  .chat-modal--form .setting-section-right .modal-content {
    margin: 0px 30px !important;
    padding: 0px !important;
    min-height: calc(100vh - 0vh);
    max-height: calc(100vh - 0vh);
    max-width: 100% !important;
    min-width: 95% !important;
    position: relative;
    box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    color: #555;
    border-width: 0;
    background: #fff;
  }
  .ordersummarysticky {
    width: 325px;
  }
}
/* ----------- iPad 3, 4 and Pro 9.7" ----------- */
/* Portrait and Landscape */

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2) {
}
/* Portrait */

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {
 .chaptermenu-secondary .fa-plus:before {
    padding: 8px;
}
  .headchatper-list .chaptermenu > ul li ul {
    left: 100%!important;
}
  .headchatper-list .chaptermenu > ul li .chaptermenu-secondary { 
    left: 69%!important;}
  .booksettingpop .modal-content {
    min-width: 97%;
        width: 98%;
    max-width: 100%!important;}
  .booksettingpop .choose-category {
    left: 0;
} 
  .booksettingpop .modal-dialog {
        min-width: 100%;
    max-width: 100%;
}
 .flipbook-menu .menu-nav ul {
    padding-inline-start: 0!important;
  }
  .privacymodal .descript--section {
    overflow: auto;
    overflow-x: hidden;
    overflow-y: scroll;
    min-height: 800px !important;
    max-height: 800px !important;
  }
  .tcmodal .tnc--descript {
    overflow: auto;
    position: relative;
    min-height: 800px;
    padding: 20px;
    max-height: 800px;
    overflow-y: scroll !important;
    overflow-x: hidden !important;
  }
  .address-data {
    padding: 0 0 10px 0;
    display: block;
    color: #6f6f6f;
    font-weight: 400;
    font-size: 11px;
  }
  .book-comp__cbody .icon-barbtn {
    font-size: 26px;
  }
  .add-manage-content .tab-content {
    background: #fff;
    padding: 20px;
    margin-bottom: 0 !important;
  }
  .templatepage .model-add {
    max-width: 650px !important;
    margin: 25px auto;
    min-width: 650px;
  }
  .layoutsection .complist-container {
    position: relative;
    min-height: 300px !important;
    max-height: 300px !important;
    overflow-y: scroll;
    overflow: auto;
    overflow-x: hidden;
  }
  .thankyou--page .order--confirm {
    margin-top: 110px;
  }
  .thankyou--page .order--confirmationpage {
    padding: 15px;
  }
  .product--section .primary-breadcrumb {
    background: transparent;
    padding: 35px;
    /* margin-top: 110px; */
  }
  .product--section {
    width: 100%;
    /* margin-top: 100px; */
  }
  .manage--addressform .adressform {
    min-width: 725px;
    max-width: 725px;
    margin: 35px auto;
  }
  .gridview-booklist .card-prize-footer {
    border: none;
    border-top: 1px solid #e0e0e0;
    padding: 0 0;
    min-height: auto;
    border: none;
  }
  .order-confirmation-form .viewsamplebook {
    max-width: 85% !important;
  }
  .edit-userimage i {
    bottom: 0;
    left: 60px;
    top: 100px;
  }
  .product--page {
    margin-top: 85px;
  }
}
/* Landscape */

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {
.editgridster-section.active {
    border-color: #777!important;
    /* box-shadow: 0 2px 10px rgba(75,162,249)!important; */
      box-shadow: 0 2px 10px rgba(000,000,000, 0.9)!important;
}
.editgridster-section:hover {
    transform: scale(50);
    box-shadow: 0px 0px 35px 5px rgba(000,000,000, 0.9)!important;
    transition: box-shadow 0.5s, transform 0.5s;
}
  .gridview-booklist .card-image {
    height: auto;
}
  .banner-content-panel .u-bg-img-hero iframe {
   height: 280px;
}
  .banner-content-panel .u-bg-img-hero {
    top: 45px;
}
  .homepage---content .initiailbannerimage {
    height: auto;
}
  .tc--information {
    width: 700px;
    margin: 20px auto;
  }
  .contact-details {
    color: #7d4e7c;
    font-weight: 700;
    font-size: 18px;
    padding-bottom: 15px;
  }
  .address-data {
    padding: 0 0 10px 0;
    display: block;
    color: #6f6f6f;
    font-weight: 400;
    font-size: 11px;
  }
  .book-comp__cbody .icon-barbtn {
    font-size: 39px;
  }
  .otpsection .login--formdetails {
    padding: 20px !important;
    height: 100%;
    top: 80px;
  }
  .layoutsection .complist-container {
    position: relative;
    min-height: 300px !important;
    max-height: 300px !important;
    overflow-y: scroll;
    overflow: auto;
    overflow-x: hidden;
  }
  .login--formdetails {
    padding: 80px !important;
    height: 100%;
  }
  .edit-userimage i {
    color: #888;
    position: absolute;
    bottom: 0;
    left: 60px;
    top: 100px;
  }
  .listcate-section {
    padding: 0px 4%;
  }
  .sampleprodtslider .imglisting ul li img {
    width: 70px !important;
  }
  .my--library .online-book__list .online--book {
    margin: 10px;
    float: left;
    width: 22%;
  }
  /* .viewmore-products .gridview-booklist .card-image {
                        height: auto;
                    } */
}
@media only screen and (min-width: 960px) and (max-width: 960px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {
.viewprod-section 
{
      margin-top: 120px;
}
}
@media only screen and (min-width: 823px) and (max-width: 823px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {
.viewprod-section 
{
      margin-top: 120px;
}
}
@media only screen and (min-width: 812px) and (max-width: 812px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {
.viewprod-section 
{
      margin-top: 120px;
}
}

@media only screen and (min-width: 375px) and (max-width: 667px) and (orientation: portrait) {
  .order--confirmationpage .detail--section th {
    border-bottom: 2px solid #ddd;
    font-size: 8px;
    font-weight: 700;
  }
  .order--confirmationpage .detail--section td {
    padding: 5px;
    vertical-align: top;
    font-size: 10px;
    padding-top: 15px;
    border-top: 1px solid #e7eaf3;
  }
}

@media only screen and (min-device-width: 736px) and (max-device-width: 736px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {
  .homepage---content .initiailbannerimage {
    background: url(../img/banners/001.jpg);
    background-size: cover;
    margin-top: 70px;    
    height: 70vh;
    background-repeat: no-repeat;
  }
}

@media (max-width: 767px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {
  .events__item {
    display: flow-root!important;
  }
  .homepage---content .initiailbannerimage {
    height: 70vh;}
  .turnbook--bg .modal-dialog{
min-width: 600px;
    margin: 30px auto;
    max-width:600px;
  }
    .homepage---content .online-book__list .online--book, .categorylist--page .online-book__list .online--book, .my--library .online-book__list .online--book, .organization--slides .online-book__list .online--book {
    width: 33%;
}
  .my--library  .gridview-booklist:hover {
    margin-bottom: 0!important;
}
.my--library :nth-child(4n+4) .gridview-booklist:hover {
    margin-bottom: 10px;
}
  .mycartpage .itemimage-thumb {
    width: auto;
}
.viewmore-products .mylib-books ul li {
    width: 25%;
    padding-bottom: 10px;
}
  .homepage---content .online-book__list .online--book,
  .categorylist--page .online-book__list .online--book,
  .my--library .online-book__list .online--book,
  .organization--slides .online-book__list .online--book {
    /* width: auto; */
  }
  .listcate-section {
    padding: 5px 0%;
  }
  .viewprod-section {
    margin-top: auto !important;
  }
  .owl-carousel .owl-item img {
    min-width: auto;
    max-width: 253px !important;
}
.login-process-modal .Login-section-right .modal-content {
    height: calc(100vh - 0vh);
}
.organization--slides .owl-carousel .owl-item img {
    height: inherit;
    min-width: auto;
    max-width: inherit!important;
}
}
@media only screen and (max-width: 1920px){
.homepage---content .initiailbannerimage {
    height: 100%;
}
.gridview-booklist .card-image {
    height:297px;
min-height: 100%;
max-height: 100%;
}
.organization--slides .online-book__list .online--book {
    width: 20%;
}
.my--library .gridview-booklist .card-image {
    height: auto;}
}