/*========================== RESPONSIVE CSS FOR MOBILE====================*/

.smart-container {
  padding-left: 160px;
}
.smart-container .acc-rightdiv {
  width: 100%;
}
#resources-search-inputs{
  float: left;
  margin-left: 160px;
  margin-bottom: 50px;
}
img.acc-home-head-line {
  height: 6px;
}
.img-sidebar {
  width: 270px;
}

@media screen and  (max-width: 575.98px) {
  .advice-content h1{
    display: none;
  }
  .search {
    padding: 7px; width: calc(100% - 8%);
  }
  .heading-style{
    display: none;
  }
  .mobileHide{
    display: none !important;
  }
  .inner-search-category-first {
    width: 100% !important;
  }
  .inner-search-keyword {
    width: 100% !important;
  }
  .logo img{
    width: 90px;
  }
  .vmss_mixed__item {
    width:45% !important;
  }
  p.image-wrap img{
    min-width: 100% !important;
  }
  .user-list {
    flex-direction: column;
  }
  .img-sidebar {
    width: auto;
  }
  form#la-form {
    padding-left: 0 !important;
  }
  .form-group {
    flex-direction: column !important; 
    align-items: self-start !important; 
    width: 100% !important;
  }

  button.btn.btn-success.login-button {
    float: left;
  }
  .login-main {
    width: 100% !important;
  }
  .proopc-finalpage input[type=text], input[type=password], input[type=email], textarea, .selecter .selecter-selected {
    width: 100% !important;
  }
  input[type=text], input[type=password], input[type=email], textarea, .selecter .selecter-selected {
    width: 100% !important;
  }
  .input-outer {
    width: 100%;
  }
  .subscribe-mailchimp{
    width: 90% !important;
  }
  .form-group select {
    width: 100% !important;
  }
  form#la-form label {
    margin-top: 0 !important;
  }
  span.error-span.error-login {
    top: 0;
    right: 0;
    width: 100%;
    text-align: right;
    margin: 0 !important;
  }
    .acc-search{
      margin-left: 0;
    }
    .vmss_search .searchword {
      display: inherit;
    }

  .vmss_search .sort-field {
    text-align: left;
    float: left;
    width: 100%;
    margin-top: 18px !important;
  }

  .selecter.min-width-selecter.closed {
    width: 100%;
    margin: 0;
  }

  .layout-set .item, .layout-set.item, .blog.layout-set .item {
    display: flex !important;
    flex-direction: column;
  }
  .vmss_search .searchword .input-text{
    width: auto !important;
  }
  .top-padding {
    margin: 61px 0 0 0 !important;
  }
  .l-page-block {
    padding-right: 0px;
  }
  .l-page-block .d-flex {
    flex-direction: column;
  }
  .block-1.breadcrum-align {
    margin: 0;
    width: 100%;
    padding-right: 0;
  }
  .block-2.width50-percent {
    width: 100%;
    margin-top: 15px;
  }
  .width50-percent {
    width: 100%;
  }

  p.heading_sub.font-wgt-900 {
    padding: 0;
  }
  .comn_inline.d-flex.font12 {
    flex-direction: row;
  }
  .product-button.width100 {
    margin: 0 auto;
    text-align: center;
    margin-left: 0;
    width: 100%;
  }
  .product-button a {
    display: inline-block;
    width: 229px;
  }
  .quantity_sec .d-flex {
    flex-direction: row;
  }
  button.addtocart-button {
    width: 229px;
  }
  .resources-mobile-head-line{
    display: block;
  }
  .searchinner {
    margin-bottom: 20px !important;
  }
}

@media (max-width: 991.98px) { ... }

@media (max-width: 1199.98px) { ... }

@media only screen and (max-width: 768px) {
  .advice-content h1{
    display: none;
  }
  .search {
    padding: 7px; width: calc(100% - 8%);
  }
  .heading-style{
    display: none;
  }
  .mobileHide{
    display: none !important;
  }
}


@media (max-width: 767.98px) {  
  .mobmenu ul{
    z-index: 9999 !important;
  }
  .smart-container {
    padding-left: 0px;
  } 
  #resources-search-inputs{
    margin-left: 0; 
    width: 100% !important;
  }
  .acc-rightdiv {
    width: 100% !important;
  }
  .l-footer{
    background-size: cover !important;
  }
  .footer-content a{
    padding:20px 13px !important;
  }
  .acc-leftmenu ul {
    display: inline-flex;
    width: 100%;
    white-space: nowrap;
    overflow: auto;
  }
  .acc-leftsidebar {
    width: 100%;
    min-width: auto;
    position: absolute;
  }
  .underline{
    width: auto; 
    text-decoration: none; 
    border: none;
    padding-right: 10px;
  }
  .list-footer li {
    margin-top: 10px;
  }
}

/*==========================END OF RESPONSIVE CSS FOR MOBILE====================*/