@media(max-width:1400px){

.title h2{

    font-size:44px;

}

.navbar-nav.menu{

    gap:0 12px;

}

button.slick-arrow{

    width:55px;

    height:55px;

}

.title h1 {

    font-size: 50px;

}

.column-2 {

    gap: 20px;

}

.service-list ul {

    gap: 10px;

}


.location-items .items-img {

    width: 165px;

    height: 165px;

}

.cta_home .medium_cta_caption {

    max-width: 585px;

}

.location-tab .list_city li img {

    width: 100%;

    height: 205px;

}

.cantainer-size img{

    max-width: 110px;

}

.list_city li{

    width:25%;

}

}

@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;

}

.title h1{

    font-size:44px;

}

.title h3{

    font-size:28px;

}

.faq-sect .accordion-button{

    font-size:18px !important;

}

.cta_caption h2{

    font-size:34px;

}

.theme-btn{

    padding:12px 18px;

    height:55px;

    min-width:145px;

}

.img-bx img{

    max-width:100%;

}

.img-circle{

    width:205px;

    height:205px;

}

.choose-list li{

    padding:20px;

    border-radius:28px;

}

.column-2{

    gap:15px;

}

.choose-list li img{

    max-height: 85px;

}

.waste_detail_tab h2{

    font-size:40px;

}

.location-slider.arrow-top .slick-arrow{

    top:-105px;

}

.card-guide ul li{

    width:50%;

    margin-top:15px;

}

.location-items h4{

    font-size:22px;

}

.check-binBg {

    height: 100%;

}

.book_bin_img img {

    max-width: 100%;

}

.check-binBg .caption {

    margin-right: -25px;

}

.blog-pill {

    margin-bottom: 15px;

}

.f-menu {

    column-gap: 25px;

}

.newsletter{

    padding:20px 20px;

}

.theme-btn .arrow-btn{

    width:46px;

    height:46px;

}

.card_means .card-head img{

    width:65px;

    height:65px;

}

.card_means .card-head h3{

    font-size:24px;

}

.list_means li{

    margin-bottom:10px;

}

.location-tab .list_city li img{

    height:185px;

}

.wasted_revolution .d-flex{

    flex-wrap:wrap;

    justify-content:center !important;

    gap:10px;

}

.bin-container img {

    max-width: 80px;

}

.cantainer-size {

    margin-right: 0;

}

.bin-container .cantainer-size-detail {

    left:15px;

    right:0;

    width:42px;

    height:42px;

    bottom:4px;

}

}

@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;

}

button.slick-arrow{

    width:48px;

    height:48px;

    font-size:18px;

}

.p-40{

    padding:30px;

}

.cta_caption h3{

    font-size:24px;

    margin-bottom:20px;

}

.title h1{

    font-size:36px;

}

.cta_caption h2{

    font-size:30px;

}

.my-120{

    margin-top:65px;

    margin-bottom:65px;

}

.p-40{

    padding:25px;

}

.navbar-toggler{

    background:#fff;

}

header .menu-wrap li a{

    color:#181818;

}

.how-list li:not(:last-child):before{

    width:68px;

    right:-44px;

}

.how_list_icon {

    width: 80px;

    height: 80px;

}

.waste_detail_tab h2{

    font-size:36px;

}

.arrow-top .slick-arrow{

    right:0;

}

.arrow-top .slick-prev.slick-arrow{

    right:60px;

}

.location-items .items-img{

    width:150px;

    height:150px;

}

.card-guide ul li {

    width: 33%;

}

.cta_home .medium_cta_caption {

    max-width: 380px;

}

.theme-btn.big-btn {

    min-width: auto;

}

.btn-circle {

    width: 50px;

    min-width: 50px;

    height: 50px;

}

.newsletter .btn-circle {

    font-size: 24px;

}

.form-newsletter input[type="email"] {

    height: 50px;

}

.f-menu {

    column-gap:25px;

    flex-wrap:wrap;

}

.f-logo img {

    max-width: 100%;

}

.logo-f h3, .nav-f h3 {

    font-size: 24px;

}

.logo-caption p {

    margin-bottom:0;

}

.size-guide {

    padding: 60px 0px 190px;

    border-radius: 28px;

}

.container-fluid .container{

    padding:0;

}

.support-img img{

    max-width:170px;

}

.support-info{

    border-radius:24px;

    padding:30px;

}

.contact-list ul li a{

    width:55px;

    height:55px;

}

.location_card{

    margin:auto;

}

.arrow-bottom-center .slick-arrow{

    bottom:-35px;

}

.book_bin_cta_img{

    flex-wrap:wrap;

    justify-content:space-between !important;

}

.book_bin_cta_img img{

    max-width:180px;

}

.inner-banner{

    min-height:465px;

}

.location-tab .list_city li{

    width:30%;

    text-align:center;

}

.location-tab .list_city li img{

    height:215px;

}

.location-tab > .d-flex{

    flex-wrap:wrap;

}

.location-tab > .d-flex > span{

    margin-bottom:10px;

}

.grid img:first-child, .grid img:nth-child(2){

    height:auto;

}

.grid img:nth-child(3){

    object-fit:cover;

}

.navbar-nav.menu{

    margin-bottom:10px;

}

button:focus:not(:focus-visible){

    box-shadow:none;

}

.list_city li {

    width:20%;

}

.right-sidebar .book_bin_cta_img img {

    max-width:fit-content;

}

.mitter-bx-img img {

    width: 100%;

}

.level-list li h6 b{

    display:none;

}

.select-waste-bx li{

    width:50%;

}

.checkout-summery{

    padding:20px;

    width: calc(40% - 20px);

}

.book-process h3{

    font-size:24px;

}

.checkout{

    gap:20px;

}
header.fixed-header .container {
    padding: 5px 10px;
}
}



@media(min-width:767px) and (max-width:991px){

.blog-post {

    flex-direction: column;

}

.blog-post.d-flex .post-img {

    width: 100%;

}

.post-img {

    border-radius: 20px 20px 0 0;

}

.blog-post.d-flex .blog-caption {

    width: 100%;

}

.blog-post.d-flex .post-img img {

    height:250px;

}

.home-banner .banner-img {
    min-height: 510px !important;
}
}



@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;

}

.img-bx img{

    max-width:405px;

}

button.slick-arrow{

    width:42px;

    height:42px;

    font-size:15px;

}

.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;

}

.p-40 {

    padding:20px;

}

.home-banner {

    padding-bottom: 50px;

}

.list-check li h5{

    font-size:18px;

}

.mt-60 {

    margin-top:30px;

}

.how-list {

    flex-wrap:wrap;

}

.how-list li{

    width:47%;

}

.how-list li:not(:last-child):before {

    width: 112px;

    right: -67px;

    background-position: right;

}

.how-list li:nth-child(2n):before{

    display:none;

}

.waste_tab .nav-tabs {

    margin-bottom: 30px;

}

.arrow-top .slick-arrow {

    top: 12px;

}

.waste_detail_tab h2 {

    font-size: 30px;

}

.location-slider.arrow-top .slick-arrow{

    top: 0;

    bottom: 0;

    margin: auto;

}

.location-slider.arrow-top .slick-prev.slick-arrow{

    right: auto;

    left: -15px;

}

button.slick-arrow{

    background:#fff;

}

.size-guide{

    padding:42px 0px 160px;

    border-radius:28px;

}

.book-binBg p {

    max-width: 100%;

}

.book_bin_img {

    margin-top: 0;

}

h3{

    font-size:22px;

}

.cta_home .medium_cta_caption{

    max-width:100%;

}

.cta_caption h2 {

    margin-bottom: 15px;

}

.copyright p, .copyright li a {

    text-align: center;

}

.f-menu{

    column-gap:22px;

    row-gap:10px;

    justify-content:center;

}

.social-list{

    justify-content:center;

}

.copyright{

    margin-top:20px;

    padding:15px 0;

}

.nav-f ul:not(.social-list) li{

    margin-bottom:10px;

}

.news-title h4{

    font-size:26px;

}

.cta_caption p{

    margin-bottom:20px;

}

.cta_home .mt-60{

    margin-top:20px;

}

.blog-caption h4{

    font-size:18px;

}

.location_card{

    width:95%;

    padding:6px;

    margin-top:10px;

}

.banner-img + .container{

    padding-top:120px;

}

.support-info{

    flex-direction:column;

    gap:25px;

}

.support-img {

    margin-top: 0;

    margin-right: 0;

    width: 100%;

    text-align: center;

}

.banner-caption p {

    margin-bottom: 0;

}

.arrow-bottom-center .slick-arrow {
    bottom:-20px;
}
.inner-banner{
    min-height:420px;
}
.blog-description h3{
    font-size:30px;
}
.slider-nav .slick-list{
    width:100%;
}
.location-tab .list_city li{
    width:28%;
}
.location-tab .list_city li img{
    height:155px;
}
.bin-container img {
    max-width: fit-content;
}
.cubic-mitter-bx h2{
    font-size:36px;
}
.list_city li{
    width:25%;
}
.right-sidebar .book_bin_cta_img img{
    max-width:100%;
}
.bin-container .cantainer-size-detail{
    font-size:14px;
}
.checkout-payment{
    width:100%;
}
.book-process h3{
    margin-bottom:20px;
}
.card-checkout{
    padding:22px;
}
.checkout-summery{
    padding:20px;
    width:100%;
    position:static;
}
.checkout{
    flex-direction:column-reverse;
}
.arrow-top .slick-prev.slick-arrow{
    right:auto;
    left:auto;
}
.arrow-top .slick-arrow{
    top:0;
    bottom:0;
    margin:auto;
}
.list-check li:before{
    left:5px;
    width:15px;
    height:15px;
}
header .container{
    padding:10px 0;
}
}



@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:15px;

}

.title h2{

    font-size:28px;

}

.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;

}

.home-banner{

    padding-bottom:35px;

}

.size-guide{

    padding:38px 15px 160px;

}

.arrow-bottom-center .slick-arrow{

    left:-55px;

}

.arrow-bottom-center .slick-next.slick-arrow{

    left:55px;

}

.inner-banner{

    min-height:370px;

}

.blog-description h3{

    font-size:28px;

}

.wasted_revolution_caption{

    max-width:100%;

}

.wasted_revolution h3{

    font-size:24px;

}

.grid{

    display:flex;

    gap:15px;

    flex-wrap:wrap;

}

.grid img:not(:first-child){

    width:48%;

    height:100%;

    max-height:155px;

}

.location-tab .list_city{

    gap:15px;

}

.bin-size-bx h5{

    margin-bottom:10px;

}

.bin-container .cantainer-size-detail{

    font-size:14px;

}

.bin-size-bx{

    padding:15px 10px;

}

.cubic-mitter-bx h2{

    font-size:30px;

}

.list_city li{

    width:30%;

}

.bin_size_img{

    margin-left:0;

}

.testimonialCard{

    flex-direction:column;

    padding:20px 15px;

    border-radius:22px !important;

}

.testimonialCard_caption{

    width:100%;

}

.testimonialCard_img{

    width:180px;

    padding:15px 15px 0;

    min-height:auto;

    height:auto;

}

.book-bin-bg{

    padding:28px 15px;

}

.title-summery h3{

    margin-bottom:0;

}

.level-list{

    padding:0 8px;

}

.card-checkout{

    padding:22px 15px;

}

.card-checkout h4{

    padding:0 5px;

}

.bin-size-bx{

    padding:15px 10px;

    border-radius:28px !important;

}

.theme-btn img{

    max-width:22px;

}

.banner-img + .container{

    padding-top:95px;

}

.notfound .notfound-404 h1{

    font-size:150px;

    line-height:122px;

}

.notfound h2{

    font-size:24px;

}

.home-banner .banner-img{
    min-height:650px !important;
}
}



@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;

}

.theme-btn.black-bg{

    margin-right:0;

}

.px-40{

    padding-left:22px;

    padding-right:22px;

}

.title h2{

    font-size:24px;

}

.count-3{

    column-count:1;

}

.mt-40{

    margin-top:20px;

}

.my-120{

    margin-top:40px;

    margin-bottom:40px;

}

.about-img-group {

    row-gap: 20px;

}

.about-img-group .about-img {

    width: 100%;

}

.img-circle {

    width: 190px;

    height: 190px;

    font-size: 18px;

    gap: 15px;

}

.choose-list li {

    width: 100%;

}

.how-list li {

    width: 100%;

}

.how-list li:before{

    display:none;

}

.waste_tab .nav-tabs {

    gap: 10px;

}

.waste_detail_tab h2 {

    font-size: 26px;

}

.service-list ul li {

    width: 48%;

}

.location-items .items-img {

    width: 125px;

    height: 125px;

}

.location-items h4{

    font-size:18px;

}

.card-guide{

    padding:20px;

}

.card-guide ul li{

    width:50%;

}

.check-bins-card .d-flex{

    flex-wrap:wrap;

}

.check-bins-card{

    gap:10px;

    padding:20px;

}

.book_bin_img{

    margin-top:0;

    width:100%;

    text-align:center;

}

.blog-post{

    flex-wrap:wrap;

}

.post-img{

    border-radius:16px 16px 0 0;

}

.blog-post .post-img img{

    max-height:222px;

}

.blog-post.d-flex .post-img img{

    height:auto;

}

.blog-post.d-flex .blog-caption{

    width:100%;

}

.blog-pill .tech-info{

    font-size:16px;

    margin-left:18px;

}

.blog-post.d-flex .post-img{

    width:100%;

}

.btn_group{

    flex-wrap:wrap;

    justify-content:center;

}

.inner-banner{

    min-height:298px;

}

.blog-description h3{

    font-size:26px;

}

.recent-post li img{

    border-radius:10px;

}

.cta_sidebar.book_bin_cta{

    text-align:center;

}

.card_means .card-head img{

    width:52px;

    height:52px;

}

.card_means .card-head h3{

    font-size:22px;

}

.list_means li{

    margin-bottom:8px;

}

.list_means li span{

    width:35px;

    height:35px;

}

.green-energy h2{

    font-size:24px;

}

.green-energy .d-flex{

    flex-wrap:wrap;

}

.orange-house-img img{

    max-width:200px;

    margin-top:20px;

}

.orange-house-img{

    margin-right:0;

}

.green-energy{

    padding:25px 20px;

}

.location-tab .list_city li{

    width:44%;

}

.location-tab .list_city li img{

    height:188px;

}

.grid img:not(:first-child){

    width:47%;

    height:auto;

}

.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;

}

.cubic-mitter-bx h2{

    font-size:28px;

}

.testimonialCard:after{

    right:12px;

    width:41px;

}

.testimonialCard{

    padding:20px;

}

.location-bx{

    padding:25px 15px;

}

.select-waste-bx li{

    width:100%;

    padding:0;

}

.cantainer-size + .text-align{

    height:22px;

}

}

@media (max-width:400px){

.location-tab .list_city li img{

    height:155px;

}

.location-tab .list_city li{

    width:46%;

}

.list_city li{

    width:42%;

}

.newsletter{

    padding:20px 15px;

}

.book-process h3{

    font-size:22px;

}

.notfound .notfound-404 h1{

    font-size:122px;

    line-height:105px;

}

.notfound h2{

    font-size:22px;

}

.f-menu {

    column-gap:15px;

}

}