@media only screen and (min-width:320px) and (max-width:993px) {
  body {
    padding-top: 130px
  }
}
@media only screen and (min-width:320px) and (max-width:767px) {
  body {
    padding-top: 130px
  }
    .nopadding{
      padding: 0 15px;
    }
.breadcrum-inner-block{
padding: 45px 0px;
background-size: auto;    
}    
.listing-details-area .single-listing .list-footer ul{display:block;}      
  .logo {
    max-height: 24px
  }
  .sidenav a {
    padding: 8px 8px 8px 24px
  }
  .custom-banner {
    height: 320px
  }
  .custom-banner .carousel-caption h1 {
    font-size: 20px
  }
  .custom-banner .carousel-caption {
    top: -80px
  }
  .carousel-control-prev .lni, .custom-banner .carousel-control-next {
    font-size: 18px
  }
  .custom-banner .carousel-inner {
    height: 330px
  }
  .title-heading {
    font-size: 22px
  }
  .main-title {
    font-size: 26px
  }
  .sec-heading-title {
    font-size: 20px
  }
  .abt-title {
    font-size: 26px
  }
  .wrap-img {
    height: auto
  }
  .custom-title {
    font-size: 18px
  }
  .related-img {
    height: auto
  }
  .videos-sec iframe {
    height: auto
  }
  .details-slider .carousel-inner img {
    width: 100%;
    height: 300px
  }
  .newsletter-sec .newslatter-text h3 {
    font-size: 22px
  }
  .partbord {
    border-left: none
  }
  .col-modules {
    padding: 5px 10px 0 10px
  }
  .col-modules .social-login p {
    font-size: 12px
  }
  .connect-modules {
    padding-top: 2rem
  }
  .col-modules .social-login {
    padding: 15px 0
  }
  .search-box {
    width: 100%
  }
  .searchbox-results-wrapper .form-control {
    border: 1px solid #bfbfbf !important
  }
  .search-btn {
    border: 1px solid #bfbfbf
  }
  .item {
    margin-bottom: 20px
  }
  .items-third {
    margin-bottom: 0 !important
  }
  .title-box {
    position: relative;
    bottom: 0;
    background-color: rgba(255, 255, 255, .85)
  }
  .title-box > div {
    width: 100%;
    max-width: 100%;
    margin-bottom: 20px;
    padding: .625rem .9375rem .625rem
  }
  .title-box .article-category {
    position: relative;
    top: 7px
  }
  .title-box .article-category span {
    top: auto
  }
  .title-box > span {
    padding: .625rem .9375rem .625rem;
    background-color: transparent;
    width: 100%;
    max-width: 100%
  }
  .title-box > div > span {
    height: auto
  }
  .social-icons {
    justify-content: center
  }
  footer .footer-bottom-links li a {
    line-height: 1.8
  }
  .search-sec .input-group {
    display: block
  }
  .search-sec .input-group .form-control {
    width: 100%;
    margin-bottom: 12px
  }
  .category-details-title {
    font-size: 30px
  }
  .category-details h2{
    font-size: 25px;
  }
  .category-details h3{
    font-size: 23px;
  }
  .category-details h4{
    font-size: 21px;
  }
  .category-details h5{
    font-size: 19px;
  }
  .listingDetailBlock .otherDetails.phonedetails span{
    font-size: 1.1rem;
    margin-top: 10px;
  }
.listingName,.listingContact{
        flex-basis: 100%;
    }
    .listingContact{
        text-align: left;
        margin-top: 10px;
    }
    .details-slider img,.companyLogo div, .companyLogo div img{
        height: auto;
    }
}

@media only screen and (min-width:575px) and (max-width:991px){
    .search-sec .form-control{margin-bottom:0.5rem;}    
    
.breadcrum-inner-block{
padding: 45px 0px;
background-size: auto;    
}    
    
.listing-details-area .single-listing .list-footer ul{display:block;}    
        
}

@media only screen and (min-width:768px) and (max-width:991px) {
  .newsletter {
    height: 247px;
    width: 100%
  }
  .newsletter-title {
    font-size: 16px
  }
  .newsletter .newsletter-text {
    font-size: 12px;
    padding-top: 10px
  }
  .newsletter-wrap {
    position: relative;
    height: 247px;
    padding: 20px
  }
  .newsletter:after {
    display: none
  }
  .newsletter-wrap:after {
    display: none
  }
  .wrap-img {
    height: auto
  }
  .search-box {
    width: 100%
  }
  .searchbox-results-wrapper .form-control {
    border: 1px solid #bfbfbf !important
  }
  .search-btn {
    border: 1px solid #bfbfbf
  }
  .listing-details-area .single-listing .list-caption h3 {
    height: 110px
  }
  .listing-details-area .single-listing .list-caption p {
    height: 100px
  }
  .details-slider .carousel-inner img {
    width: 100%;
    height: 350px
  }
  .companyLogo div, .companyLogo div img{
    height:210px;
  }
  .listingName,.listingContact{
        flex-basis: 100%;
    }

    .listingContact{
        text-align: left;
        margin-top: 10px;
    }
    .allList .webContent .subHeading{
      font-size: 1rem;
    }
    .listingDetailBlock .otherDetails span,.listingDetailBlock .otherDetails.phonedetails span{
      font-size: 0.9rem;
    }
}
@media only screen and (max-width: 992px){
.subCategoryListItems {
    column-count: 2;
}
@media only screen and (max-width: 451px){
.subCategoryListItems {
    column-count: 1;
}
@media only screen and (min-width:768px) and (max-width:1023px) {
  body {
    padding-top: 60px
  }
  header .nav-item .nav-link {
    font-size: 16px
  }
  .logo {
    max-height: 26px
  }
  .custom-banner {
    height: 340px
  }
  .custom-banner .carousel-caption h1 {
    font-size: 24px
  }
  .custom-banner .carousel-caption {
    top: -60px
  }
  .carousel-control-prev .lni, .custom-banner .carousel-control-next {
    font-size: 20px
  }
  .custom-banner .carousel-inner {
    height: 350px
  }
  .main-title {
    font-size: 32px
  }
  .videos-sec iframe {
    height: auto
  }
  .abt-title {
    font-size: 30px
  }
  .custom-title {
    font-size: 18px
  }
  .custom-text {
    font-size: 14px
  }
  .related-img {
    height: 114px
  }
  .shopping-nav .navbar-nav .nav-link {
    padding-right: .5rem;
    padding-left: .5rem;
    font-size: 13px
  }
  .shopping-nav .dropdown-item {
    font-size: 11px
  }
  .shopping-nav .dropdown:hover > .dropdown-menu {
    display: block;
    margin: 0 0 0 -42px;
    z-index: 111
  }
  .footer-heading {
    font-size: 14px;
    margin-bottom: 3px
  }
  .search_cloud li a {
    padding: 8px 12px
  }
  .social-icons {
    justify-content: center
  }
  footer .footer-content-links ul li a {
    font-size: 11px
  }
}
@media only screen and (min-width:992px) and (max-width:1199px) {
  .related-img {
    height: 190px
  }
  footer .footer-content-links ul li a {
    font-size: 11px
  }
  .newsletter {
    height: 330px
  }
  .newsletter-title {
    font-size: 18px
  }
  .newsletter-wrap {
    height: 168px !important;
    padding-bottom: 3px
  }
  .search-box {
    width: 245px
  }
  .logo {
    max-height: 25px
  }
  .btn-danger {
    font-size: 14px
  }
  .btn-white {
    font-size: 14px
  }
  .btn-danger .lni {
    font-size: 14px
  }
  .btn-white .lni {
    font-size: 14px
  }
}
@media only screen and (min-width:1200px) and (max-width:1365px) {
  .search-box {
    width: 400px
  }
}
@media only screen and (min-width:1024px) and (max-width:1365px) {
  .dropdown-menu.show {
    margin-left: -97px !important
  }
  .wrap-img {
    height: 214px
  }
  .related-img {
    height: 230px
  }
  .abt-title {
    font-size: 32px
  }
  .custom-title {
    font-size: 20px
  }
  .search_cloud li a {
    padding: 8px 18px
  }
  .shopping-nav .navbar-nav .nav-link {
    padding-right: .8rem;
    padding-left: .8rem
  }
  .shopping-nav .dropdown:hover > .dropdown-menu {
    display: block;
    margin: 0 0 0 -18px;
    z-index: 111
  }
  .footer-heading {
    font-size: 16px
  }
  header .nav-item .nav-link {
    font-size: 16px
  }
  .btn-danger {
    font-size: 16px
  }
  .btn-white {
    font-size: 16px
  }
  .btn-danger .lni {
    font-size: 16px
  }
  .btn-white .lni {
    font-size: 16px
  }
  .newsletter-wrap {
    height: 198px;
    padding-bottom: 3px
  }
}