@media(max-width:1400px) {
  .title h2 {
    font-size: 44px
  }

  .navbar-nav.menu {
    gap: 0 12px
  }

  .cta_home .bin_container {
    max-width: 305px
  }

  .cta_home .cta_caption {
    padding: 30px 0
  }

  button.slick-arrow {
    width: 55px;
    height: 55px
  }

  .list-guide-size li{
    font-size:15px;
    padding:11px 5px
  }

  .blog-post.d-flex .blog-caption .mt-40{
    margin-top:20px
  }

  .blog-caption h4{
    font-size:18px
  }

  .cta_caption h2{
    font-size:40px
  }

  .menu-footer .nav-f{
    margin-bottom:25px;
    padding-bottom:25px
  }

  .f-nav-bottom{
    padding-top:20px;
    padding-bottom:20px
  }

  .title h1 {
    font-size:50px
  }
  .menu-footer .nav-f .footer_nav li {
    width:47%;
  }
}

@media(max-width:1199px){
  .my-120 {
    margin-top: 75px;
    margin-bottom: 75px
  }

  .mt-120 {
    margin-top: 75px
  }

  .mb-120 {
    margin-bottom: 75px
  }

  .my-80 {
    margin-top: 50px;
    margin-bottom: 50px
  }

  .mt-80 {
    margin-top: 50px
  }

  .mb-80 {
    margin-bottom: 50px
  }

  .my-60 {
    margin-top: 40px;
    margin-bottom: 40px
  }

  .mt-60 {
    margin-top: 40px
  }

  .mb-60 {
    margin-bottom: 40px
  }

  .my-40 {
    margin-top: 30px;
    margin-bottom: 30px
  }

  .mt-40 {
    margin-top: 30px
  }

  .mb-40 {
    margin-bottom: 30px
  }

  .py-120 {
    padding-top: 75px;
    padding-bottom: 75px
  }

  .pt-120 {
    padding-top: 75px
  }

  .pb-120 {
    padding-bottom: 75px
  }

  .py-80 {
    padding-top: 50px;
    padding-bottom: 50px
  }

  .pt-80 {
    padding-top: 50px
  }

  .pb-80 {
    padding-bottom: 50px
  }

  .py-60 {
    padding-top: 40px;
    padding-bottom: 40px
  }

  .pt-60 {
    padding-top: 40px
  }

  .pb-60 {
    padding-bottom: 50px
  }

  .py-40 {
    padding-top: 30px;
    padding-bottom: 30px
  }

  .pt-40 {
    padding-top: 30px
  }

  .pb-40 {
    padding-bottom: 30px
  }

  .title h2 {
    font-size: 40px;
    line-height: 42px
  }

  header .menu-wrap li a {
    padding: 10px 0px !important
  }

  .py-110 {
    padding-top: 80px;
    padding-bottom: 80px
  }

  .location_card {
    padding: 35px
  }

  .choose_list_bx img {
    max-width: 50px
  }

  .cta_home .bin_container {
    max-width: 268px
  }

  .cta_caption h3 {
    font-size: 28px
  }

  .location-caption small {
    font-size: 14px
  }

  .location-img {
    height: 355px
  }

  .location-img {
    border-radius: 20px
  }

  .blog-caption p {
    font-size: 15px
  }

  .title h1 {
    font-size: 44px
  }

  .title h3 {
    font-size: 28px
  }

  .faq-sect .accordion-button {
    font-size: 18px !important
  }

  .cta_caption h2 {
    font-size: 34px
  }

  .cta_home .cta_caption{
    padding-left:15px;
    padding-right:15px
  }

  .theme-btn{
    padding:12px 18px;
    height:55px;
    min-width:145px
  }

  .newsletter{
    padding:0px
  }

  .newsletter{
    margin-right:15px
  }

  .news-title h4{
    font-size:24px
  }

  .form-newsletter input[type="email"] {
    padding-left:38px;
    font-size:14px
  }

  .form-newsletter .form-group img {
    left:15px
  }

  .btn-circle{
    width:55px;
    height:55px
  }

  .location_card .location-bx{
    margin-left:auto;
    margin-right:auto;
    width:100%
  }

  .list-reliable li{
    font-size:18px
  }

  .banner-caption img{
    height:430px
  }

  .cta_sidebar h3{
    font-size:28px
  }

  .book_bin_cta_img img{
    margin-bottom:0
  }

  .recycle-trash{
    max-width:83px
  }

.bin-container img{
   max-width:80px
}

.bin-container .cantainer-size-detail{
  width:40px;
  height:40px;
  font-size:14px;
  left:20px;
  bottom:2px
}
.checkout-summery table tr td{
   font-size:15px
}
.without-popup .location_card .modal-dialog .modal-content{
   border-left:0;
}
.home_addOn .add-waste-caption h3{
   font-size:24px;
}
.menu-footer .nav-f ul{
    gap:12px;
}
.copyright{
    margin-top:22px;
}
}

@media(max-width:991px){
  .title h2 {
    font-size: 36px;
    margin-top: 5px;
    margin-bottom: 20px;
    line-height: normal
  }

  .theme-btn {
    padding: 15px 18px
  }

  .py-110 {
    padding-top: 55px;
    padding-bottom: 55px
  }

  .px-40 {
    padding-left: 35px;
    padding-right: 35px
  }

  .location-form .form-control {
    padding: 16px 20px
  }

  .form-title h3 {
    margin-bottom: 0
  }

  .form-title {
    margin-bottom: 25px
  }

  .img-bx img {
    max-width: 500px;
    margin: auto;
    display: block
  }

  .progress-circle.progress {
    margin-left: 0
  }

  .list-reliable {
    margin: 35px 0 40px;
    gap: 20px
  }

  .list-reliable li {
    font-size: 18px;
    width: 48%
  }

  .choose-us .leave_icon {
    max-width: 80px
  }

  .choose-us .col-12 {
    order: 1
  }

  .choose-us .col-12:nth-child(2) {
    order: 2
  }

  .list-chooseUs li p {
    margin-bottom: 0
  }

  .home-process .img-bx img {
    max-width: 100%;
    display: block;
    height: 250px;
    object-fit: cover
  }

  .title p:last-child,
  .description p:last-child {
    margin: 0
  }

  .choose_list_bx h5 {
    font-size: 18px;
    line-height: normal
  }

  .choose_list_bx {
    padding-top: 15px
  }

  .arrow-top .slick-arrow {
    right: 0
  }

  .arrow-top .slick-prev.slick-arrow {
    right: 58px
  }

  button.slick-arrow {
    width: 48px;
    height: 48px;
    font-size: 18px
  }

  .p-40 {
    padding: 30px
  }

  .cta_home .bin_container {
    max-width: 170px
  }

  .cta_caption h3 {
    font-size: 24px;
    margin-bottom: 20px
  }

  .bins-size:before {
    width: 165px;
    height: 222px
  }

  .bins-size:after {
    width: 280px;
    height: 280px
  }

  .title h1 {
    font-size: 36px
  }

  .cta_caption h2 {
    font-size: 30px
  }

  .my-120 {
    margin-top: 65px;
    margin-bottom: 65px
  }

  .p-40 {
    padding: 25px
  }

  .menu-footer {
    padding-left: 20px !important;
    padding-top: 0 !important
  }

  .f-nav-bottom {
    padding: 15px 20px
  }

  .copyright {
    padding: 15px 20px
  }

  .form-newsletter {
    margin-top: 28px
  }

  .copyright p,
  .copyright li a {
    font-size: 14px
  }

  .form-newsletter input[type="email"] {
    height: 55px
  }

  .small-btn {
    padding: 13px 25px !important
  }

  .grid {
    gap: 20px
  }

  .grid img {
    border-radius: 20px
  }

  .grid img:first-child {
    height: fit-content
  }

  .grid img:nth-child(2) {
    height: fit-content
  }

  .btn_header {
    margin-top: 10px
  }

  .theme-btn {
    padding: 12px 20px;
    font-size: 16px;
    height: 55px;
    min-width: 150px
  }

  #bookConsultation .modal-content {
    width: 95%;
    margin: auto
  }

  .banner-caption img {
    height: 365px;
    border-radius: 20px
  }

  .blog-description ul {
    padding-left: 0
  }

  .blog-description h3 {
    font-size: 24px
  }

  .blog-description h4 {
    font-size: 20px
  }

  .recycle-trash {
    max-width: 135px
  }

  .cta2_img {
    display: none
  }

  .cta2_home .cta_caption {
    margin: auto
  }

  .select-waste-bx li {
    width: 50%
  }

  .checkout-summery {
    width: 100%;
    position: relative;
    top: 0
  }

  .checkout-payment {
    width: 100%
  }

  .checkout {
    flex-direction: column-reverse
  }
.list-chooseUs li {
    width: calc(50% - 18px);
}
.testimonial-items .user-info h6{
    font-size:18px;
}
.list-chooseUs li img {
    width:85px;
    min-width:50px;
}
.counter_bx h2{
    font-size:44px;
}
}

@media(min-width:768px) and (max-width:991px) {
  .blog-post {
    flex-wrap: wrap
  }

  .blog-post.d-flex .post-img,
  .blog-post.d-flex .blog-caption {
    width: 100%
  }

  .blog-article .d-flex .post-img {
    border-radius: 20px 20px 0 0;
    height: 205px
  }
}

@media(max-width:767px){
  .my-120 {
    margin-top: 50px;
    margin-bottom: 50px
  }

  .mt-120 {
    margin-top: 50px
  }

  .mb-120 {
    margin-bottom: 50px
  }

  .my-80 {
    margin-top: 35px;
    margin-bottom: 35px
  }

  .mt-80 {
    margin-top: 35px
  }

  .mb-80 {
    margin-bottom: 35px
  }

  .py-120 {
    padding-top: 50px;
    padding-bottom: 50px
  }

  .pt-120 {
    padding-top: 50px
  }

  .pb-120 {
    padding-bottom: 50px
  }

  .py-80 {
    padding-top: 35px;
    padding-bottom: 35px
  }

  .pt-80 {
    padding-top: 35px
  }

  .pb-80 {
    padding-bottom: 35px
  }

  .py-60 {
    padding-top: 30px;
    padding-bottom: 30px
  }

  .pt-60 {
    padding-top: 30px
  }

  .pb-60 {
    padding-bottom: 30px
  }

  h4 {
    font-size: 20px
  }

  h5 {
    font-size: 18px
  }

  .cta_home {
    padding: 30px 22px;
    min-height: fit-content
  }

  .p-40 {
    padding: 25px
  }

  .title h2 {
    font-size: 30px;
    margin-bottom: 15px;
    line-height: normal
  }

  .py-110 {
    padding-top: 40px;
    padding-bottom: 40px
  }

  .px-40 {
    padding-left: 25px;
    padding-right: 25px
  }

  .btn-circle {
    width: 52px;
    height: 52px
  }

  .theme-btn {
    padding: 12px 18px;
    height: 52px
  }

  .location_card h4 {
    font-size: 26px
  }

  .form-title h3 {
    font-size: 24px
  }

  .form-title {
    margin-bottom: 20px
  }

  .img-bx img {
    max-width: 405px
  }

  .choose-us .leave_icon {
    display: none
  }

  .choose_list_bx img {
    max-width: 44px
  }

  .cta_home .bin_container {
    display: none
  }

  .cta_home .cta_caption {
    padding-left: 0;
    padding-right: 0
  }

  .container .container,
  .container-fluid .container {
    padding: 0
  }

  .arrow-top .slick-arrow {
    top: 0;
    bottom: 0;
    margin: auto;
    background: #fff
  }

  .arrow-top .slick-arrow {
    right: 0
  }

  .arrow-top .slick-prev.slick-arrow {
    right: auto;
    left: 0
  }

  .location-slider.arrow-top {
    padding: 0 20px
  }

  button.slick-arrow {
    width: 42px;
    height: 42px;
    font-size: 15px
  }

  .location-img {
    height: 298px
  }

  .location-caption p {
    -webkit-line-clamp: 2
  }

  .location-caption h4 {
    font-size: 20px
  }

  .title h1 {
    font-size: 30px
  }

  .mb-60 {
    margin-bottom: 30px
  }

  .title h3 {
    font-size: 25px
  }

  .chat-bx p {
    margin-bottom: 0
  }

  .cta_caption h2 {
    font-size: 26px
  }

  .cta_home .cta_caption {
    padding: 0
  }

  .newsletter {
    margin: 0 20px
  }

  .menu-footer .nav-f {
    margin-bottom: 20px;
    padding-bottom: 20px
  }

  .menu-footer {
    padding-right: 20px !important
  }

  .copyright p {
    text-align: center
  }

  .p-40 {
    padding: 20px
  }

  .home-service .arrow-top .slick-prev.slick-arrow {
    left: -22px;
    right: auto
  }

  .home-service .arrow-top .slick-arrow {
    right: -22px
  }

  .list-chooseUs li {
    background: #fff;
    padding: 20px;
    border-radius: 15px
  }

  .banner-caption h1 {
    font-size: 30px
  }

  .contact-list a {
    font-size: 18px
  }

  .contact-list ul li a {
    width: 55px;
    height: 55px
  }

  .support-info {
    flex-wrap: wrap;
    gap: 20px
  }

  .support-img {
    margin-top: 0;
    margin-right: 0;
    max-width: 200px;
    margin: auto
  }

  .bookConsultation h3 {
    font-size: 32px
  }

  .bookConsultation {
    padding: 48px 5px
  }

  .bookConsultation .form-control,
  .bookConsultation .form-select{
    height:50px;
    padding:12px 15px
  }

  .blog-article .d-flex .post-img{
    max-height:100%
  }

  .blog-post.d-flex .post-img img{
    object-fit:cover
  }

  .chat-box{
    position:fixed;
    bottom:10px;
    right:15px;
    width:290px
  }

  .f-nav-bottom{
    gap:0 20px
  }

  .title p,
  .description p,
  .blog-description ul li{
    text-align:justify
  }

  .text-center p{
    text-align:center
  }

  .blog-description img{
    border-radius:20px;
    margin:0 0 20px
  }

  .level-list li h6 b{
    display:none
  }

  .book-process h3{
    font-size:24px;
    margin-bottom:25px
  }

  .select-waste-list .service-item .slide-head p {
    text-align:start
  }

  .bin-container img{
    max-width:fit-content
  }

  .bin-size-bx h5{
    margin-bottom:10px
  }

  .form-field .form-control{
    height:50px;
    border-radius:45px;
    padding:15px 18px;
    font-size:15px
  }

  .form-date .form-control{
    height:52px;
    padding:10px 20px;
    font-size:15px
  }

  .service-item{
    padding:8px 8px 15px;
    border-radius:20px
  }

  header .navbar-brand img{
    max-width:200px
  }

  header .container{
    padding:15px 0
  }
.list-chooseUs li{
    width:calc(100%);
}
.list-chooseUs li img{
    width:130px;
}
.faq_img img{
    max-width:250px;
    margin:auto;
}
.testimonial-slider .slick-list{
    padding-top:0;
}
.without-popup #location_card{
    padding:0;
}
.counter_bx h2{
    font-size:40px;
}
}

@media(max-width:575px) {
  .my-80 {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem
  }

  .mt-80 {
    margin-top: 1.5rem
  }

  .mb-80 {
    margin-bottom: 1.5rem
  }

  .py-80 {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem
  }

  .pt-80 {
    padding-top: 1.5rem
  }

  .pb-80 {
    padding-bottom: 1.5rem
  }

  header .container {
    padding: 20px 15px
  }

  .title h2 {
    font-size: 28px
  }

  .list-reliable {
    margin: 25px 0 30px;
    gap: 15px;
    flex-wrap: wrap
  }

  .list-reliable li {
    font-size: 16px;
    width: 100%
  }

  .img-bx img {
    max-width: 355px;
    max-height: 300px
  }

  .faq-sect .accordion-button {
    padding: 20px !important
  }

  .faq-sect .accordion-item:last-child {
    margin-bottom: 0
  }

  .service-slider.arrow-top {
    margin: 0 10px
  }

  .form-field textarea.form-control {
    height: auto
  }

  .form-field .form-control {
    line-height: normal;
    font-size: 15px;
    height: 50px;
    padding: 12px 20px
  }

  .form-bx {
    padding: 28px 15px
  }

  .contact-list:last-child,
  .contact-list:last-child ul {
    margin-bottom: 0
  }

  .theme-btn {
    font-size: 15px
  }

  .form-newsletter {
    margin-top: 20px
  }

  .grid img:first-child {
    height: 100%
  }

  .grid {
    gap: 12px
  }

  .bookConsultation h3 {
    font-size: 26px;
    margin-bottom: 18px
  }

  .bookConsultation {
    padding: 35px 5px
  }

  .banner-caption img {
    height: 288px
  }

  .recent-post li,
  .recent-post li a {
    gap: 12px
  }

  .recent-post {
    padding: 20px 20px
  }

  .form-newsletter input[type="email"] {
    height: 52px
  }

  .location-form .form-control {
    padding: 14px 20px
  }

  .location-slider.arrow-top {
    padding: 0 15px
  }

  .level-list {
    padding: 0;
    transform: scale(.8)
  }

  .select-waste-list .slide-head h4 {
    font-size: 18px
  }

  .book-process h3 {
    font-size: 22px
  }

  .mb-40 h3 {
    margin-bottom: 0
  }

  .checkout-summery {
    border-radius: 20px;
    padding: 18px
  }

  header .navbar-brand img {
    max-width: 185px
  }

  .rounded-5 {
    border-radius: 1.5rem !important
  }
.list-chooseUs li img{
    width:120px;
}
.counter_bx h2{
    font-size:34px;
}
}

@media(max-width:480px){
.my-40 {
  margin-top: 25px;
  margin-bottom: 25px
}

.py-40 {
  padding-top: 25px;
  padding-bottom: 25px
}

.p-40 {
  padding: 20px 15px
}

.img-bx img {
  max-width: 282px;
  max-height: 290px
}

.btn_group {
  flex-wrap: wrap;
  justify-content: center
}

.f-nav-bottom {
  padding: 15px 20px;
  gap: 2px 10px;
  flex-wrap: wrap;
  justify-content: center !important
}

.btn_group {
  flex-wrap: wrap;
  justify-content: center;
  display: flex;
  gap: 10px
}

.theme-btn.black-bg {
  margin-right: 0
}

.location_card h4 {
  font-size: 26px
}

.location_card {
  padding: 20px 15px
}

.location-bx {
  padding: 18px
}

.px-40 {
  padding-left: 22px;
  padding-right: 22px
}

.title h2 {
  font-size: 24px
}

.count-3 {
  column-count: 1
}

.mt-40 {
  margin-top: 20px
}

.bins-size:before {
  width: 130px;
  height: 140px
}

.bins-size:after {
  width: 140px;
  height: 140px
}

.guide-img img {
  height: 135px
}

.blog-post {
  flex-wrap: wrap
}

.blog-post.d-flex .post-img,
.blog-post.d-flex .blog-caption {
  width: 100%
}

.my-120 {
  margin-top: 40px;
  margin-bottom: 40px
}

.choose_list_bx {
  border-top: 1px solid #E4E4E4
}

.choose_list_bx img {
  max-width: 40px
}

.choose_list_bx h5 {
  font-size: 17px;
  line-height: normal
}

.theme-btn.black-bg {
  font-size: 14px
}

.blog-article .post-img {
  border-radius: 20px 20px 0 0
}

.support-img {
  max-width: 160px
}

.menu-footer .nav-f ul {
  gap: 10px 25px
}

.nav-f h5 {
  margin-bottom: 15px
}

.newsletter {
  padding:0px;
  margin: 0 15px
}

.contact-list ul li a {
  width: 50px;
  height: 50px
}

.banner-caption h1 {
  font-size: 28px
}

.contact-list a {
  font-size: 16px
}

.btn-circle {
  width: 48px;
  height: 48px
}

.cta_sidebar h3 {
  font-size: 24px;
  padding-right: 0;
  margin-bottom: 15px
}

.book_bin_cta_img {
  flex-wrap: wrap
}

.book_bin_cta_img img {
  width: 100%;
  margin: auto
}
.banner-caption img {
  height: 215px;
  border-radius: 20px
}
.blog-description h3{
  font-size:20px
}
.blog-description h4{
  font-size:18px
}
.blog-description ul li{
  margin-bottom:12px
}
.recent-post li img{
  border-radius:15px
}
.blog-article .d-flex .post-img{
  border-radius:20px 20px 0 0
}
.cta_caption h2{
  font-size:24px
}
.faq-sect .accordion-item .accordion-body {
  padding:0 20px 20px
}
.theme-btn{
  min-width:118px
}
.faq-sect .accordion-button {
  padding:20px 15px !important
}
.faq-sect .accordion-item .accordion-body {
  padding:0 15px 20px
}
.faq-sect .accordion-button[aria-expanded="true"] {
  line-height: normal
}
.mb-60{
  margin-bottom:22px
}
header .container{
  padding:12px 15px
}
.select-waste-bx li{
  width:100%;
  padding:0
}
.bin-container img{
  max-width:140px
}
.card-checkout{
  padding:25px 15px
}
.checkout-summery table tr td{
  font-size:14px
}
.book-bin-bg{
  padding:28px 15px
}
.list-chooseUs li img{
    width:58px;
}
.choose_list_bx img{
    max-width:35px;
}
.faq_img img{
    max-width:225px;
    margin:auto;
}
.counter_bx h2{
    font-size:30px;
}
.counter_sec {
    padding:35px 0;
}
}

@media (max-width:420px){
.bin-container{
  flex-wrap:wrap
}
.cantainer-size {
  position:relative;
  width:100%;
  text-align:center
}
.cantainer-size+.text-align{
  width:100%;
  justify-content:center;
  height:40px
}
.book-process h3{
  font-size:20px
}
.social-list a img{
    width:40px;
}
.col-6.small-fullWidth{
    width:100%;
}
.row-gap-4 {
    row-gap: 1.2rem !important;
}
.counter_bx p {
    font-size: 15px;
}
}