@media (max-width:1440px) {
    .contents .coffees-type .desc{width:75%}
    .contents .social-media{margin-top:25rem;}
    .contents .coffee-bean3{width:400px;}
    .contents .coffee-bean4{width:100px;bottom:27.5%;}
}

@media (max-width:1366px) {
    .contents .coffees-type .desc{width:60%;}
    .contents .locations .places-contents .places-image{width:450px;margin:0 30px;}
    .contents .menu .p-relative{display: flex;align-items: center;justify-content: center;}
    .contents .menu .bgimg{width:90%;top:-140px;}
    .contents .menu .bgimg-2{width:60%;}
    .contents .menu .menu-href{left:50px;}
    .contents .social-media{margin-top:15rem;}
    .contents .coffee-bean2{width:200px;}
    .contents .coffee-bean3{width:240px;}
    .contents .coffee-bean4{bottom:25%;}
}

@media (max-width:1200px) {
    .header-image .justify-content-center{justify-content:flex-start!important;}
    .header-image .slogan .head{max-width:50%;}
    .header-image .text-bg{right:auto;}
    .header-image .slogan .slogan-img{width:400px;height:240px;}
    .contents .coffees-type .desc{width:90%}
    .contents .locations .places-contents .places-image{width: 400px;margin: 0 30px;margin-top: 60px;}
    .contents .coffee-bean1{width:600px;}
    .contents .coffee-bean4{bottom:20%;}
    .contents .locations .swiper-button-next{width:35px;}
    .contents .locations .swiper-button-prev{width:35px;left:70%;margin-top:0;}
}

@media (max-width:992px) {
    .header-image .slogan{position: relative;}
    .header-image .coffee{width:100%;margin-top:100px;}
    .between-slogan-text p{width:100%;}
    .contents .coffees-contents .col-lg-2{display:flex;justify-content:center;padding-bottom:30px;}
    .contents .coffees-type .desc{width:100%;}
    .contents .locations .bg-img{background-image: none;}
    .contents .locations .bg-img-mbl{background-image: url(../img/locations/background.png);background-repeat: no-repeat;background-size: contain;background-position: left}
    .contents .locations .places-contents .places-image{margin-top:0;margin:30px}
    .delicious .row .col-lg-4:nth-child(2){margin-top:3rem!important;}
    .contents .menu .bgimg{width:125%;}
    .contents .menu .bgimg-2{width:80%;}
    .contents .menu .w-ayr{width:100%}
    .contents .menu .bg-color{padding:30px}
    .bg-footer{margin-top:-200px;}
    .footer .d-flex{flex-wrap:wrap;}
    .footer .content{width:50%;margin-top:40px;}
    .footer .col-lg-10::before{display: none;}
    .footer .float-right{float:none;text-align:center;margin-top:50px;}
    .footer{margin-top:0;}
    .contents .coffee-bean2{width:150px;top:6%;}
    .contents .coffee-bean3{bottom:11%;}
    .contents .coffee-bean4{bottom:20%;}
    .contents .locations .swiper-button-next{left:auto;right:5%;top:30%;}
    .contents .locations .swiper-button-prev{left: auto;right: 5%;top: 30%;}
    .contents .menu{margin-top:15rem;}
}

@media (max-width:768px) {
    .header-image .slogan{top:40px;}
    .header-image .slogan .slogan-img{width:100%;height:auto;}
    .header-image .slogan .head{max-width:90%}
    .header .logo{width:70px;}
    .header{background-color:#fff;}
    .header .navbar-collapse{margin-top:20px;}
    .header .navbar .navbar-nav .nav-link{border-bottom:1px solid transparent;transition: .3s;}
    .header .navbar .navbar-nav .nav-link:hover{border-color:#1c3149;transition: .3s;}
    .contents .locations .bg-img-mbl{background-image:none;background-color:#ece6df;padding:20px;margin-bottom:20px;}
    .contents .locations .places-contents{display:grid;}
    .contents .locations .places-contents .texts{width:100%;}
    .contents .locations .places-contents .places-image{width:100%;margin:0;margin-bottom:30px;}
    .contents .menu .bgimg{display:none;}
    .contents .menu .bgimg-2{display:none;}
    .contents .social-media{margin-top:3rem;}
    .contents .menu .menu-href{left: 0;margin-top: -60px;}
    .contents .menu .menu-href .href-img{width:300px;}
    .footer .col-lg-2{display:flex;justify-content:center;}
    .bg-footer{margin-top:-110px;}
    .contents .coffee-bean3{display:none;}
    .contents .coffee-bean4{bottom:15.8%;}
    .contents .coffee-bean1{width:75%;}
    .contents .coffee-bean2{top:10%;}
    .contents .coffees-contents .head h1::after{margin:0 10px;}
    .contents .locations .swiper-button-next{bottom:55%;top:auto;left:auto;right:5%;width:45px;}
    .contents .locations .swiper-button-prev{bottom: 51.5%;top: auto;left: auto;right: 5%;width:45px;}
    .footer .col-lg-4{display:flex;align-items:center;justify-content:center;margin:10px 0;}
    .footer .copyright{padding:0;margin-top:10px;}
}