@media only screen and (min-width: 767px) {
    .cartPagePanes > .tab-pane{
        display: block!important;
        opacity: 1!important;
        width: 48%;
        float: left;
        margin: 1%;
    }
    .cartPagePanes > .tab-pane:first-child{
        width: 100%;
    }
    .cartPage .mainNav{
        display: none;
    }
}
@media only screen and (max-width: 768px) {
.mainNav a{
    /*font-size: 20px;*/
        height: 100%;
    padding: 14px 0px;
    z-index: 1;
    position: relative;
    background: #fff;
    border-color: #eee!important;

}
    .mainNav li{
    /*padding: 20px 20px;*/
        width: 23%;
        margin: 5%;

    }
    .mainNav ul{
        position: relative;
    }
    .mainNav ul:after{
        height: 5px;
        background: #ccc;
        width: 85%;
        left: 0;
        right: 0;
        margin: auto;
        content: "";
        position: absolute;
        top: 50%;
        z-index: 0;

    }
  .dropdown-nav-link {
    color: #677788;
    font-size: 12px;
  }

    body {
        font-size: 14px;
    }
    .input-label{
        font-size: 12px;
    }
    footer:before {
        border-bottom-left-radius: 37px;
    }
  .fillFooter2:before {
    width: 65px;
    height: 65px;
    right: -20px;
    bottom: -34px;
    z-index: 9;
  }
 .fillFooter2 {
     overflow: initial;
  }
  footer:before {
      background-position: left bottom;
  }
  footer hr {
    width: 100%;
    left: 0;
     z-index:0;
  }
  [class^="dwnld_img"] {
  width: 90px;
  height: 30px;
}
  .small-sm{
      font-size: 11px;
  }
    .input-group-sm > .form-control:not(textarea), .input-group-sm > .custom-select {
        height: auto;
    }
    .input-group-sm > .form-control, .input-group-sm > .custom-select, .input-group-sm > .input-group-prepend > .input-group-text, .input-group-sm > .input-group-append > .input-group-text, .input-group-sm > .input-group-prepend > .btn, .input-group-sm > .input-group-append > .btn {
        padding: 8px 9px;
        font-size: 12px;
    }
    .tabl  .fab {
        font-size: 20px;
    }
    .sidebar {

        max-width: 280px;
    }
    .bullets__item {
        width: 13px;
        height: 13px;
        margin: 0 2px;
    }
    .bullets{
        text-align: center;
    }
    .heading_1{
        font-size: 25px!important;
    }
    .fixedDiv{
        display: none;
    }
  }
@media only screen and (max-width: 515px) {
    .shadow-mo{
        box-shadow: none!important;
    }
   .h3{
       font-size: 17px;
   }
    strong.h3{
        font-size: 14px;
    }
     .cur{
        font-size: 11px;

    }
    footer:before {
        width: 100%;
        height: 52%;

    }
    .proCard-2img{
        max-width: 25px;
    }
    .card-body,
    .card-footer {
        padding: 12px;
    }
    .proCards-2 .h3{
        font-size: 15px;

    }
    .paymentSec:after, .paymentSec2:after, .fillFooter:before, .fillFooter2:before {
        width: 50px;
        height: 50px;
    }
    .sidebar-content a{
        padding: 5px 0;

    }
    .bePartners {
        background-position: left bottom;
        padding-bottom: 185px!important;
    }.font-size-5 {
         font-size: 2rem;
     }
    .font-size-4 {
        font-size: 1.6rem;
    }
    .font-size-3 {
        font-size: 1.3rem;
    }
    .btn {
        padding: 8px 10px;
    }
    .form-control {
        height: 44px;
        padding: 10px 8px;
    }


}