@media(max-width:1440px){
    .studio h6{
        font-size: 21px;
    }
}


@media(max-width:1200px){
    .kb-caption h1{
        font-size: 45px;
    }
    .kb-caption p{
        font-size: 14px;
    }
    .header .navbar-nav li a{
        font-size: 14px;
    }   
    .contact-box p {
        font-size: 14px;
    }
    .contact_bg .contact-title h1{
        font-size: 40px;
    }


}



@media(max-width:1024px){
/*    .kb-caption-right img {
display: none;
}*/
.kb-caption{
    bottom: 15%;
}

.kb-caption h1{
    font-size: 35px;
}
.header .navbar-nav li a{
    font-size: 13px;
}
.kb-caption p{
    font-size: 13px;
}
.footer-logo p {
    line-height: 26px;
    font-size: 15px;
}
.title_heading {
    padding-top: 50px;
}
.title_heading p {
    font-size: 14px;
    line-height: 22px;
}
.cofee-content p {
    font-size: 14px;
    line-height: 22px;
    margin: 10px 0px;
}
.title_heading h2 {
    font-size: 35px;
    margin-bottom: 10px;
}
.cofee-content h5 a {
    font-size: 18px;
}
.online_coffee{
    padding-bottom: 75px;
}
.contant_theme{
    padding: 50px 0px;
}
.content-content p {
    font-size: 18px;
}
.content-btn a {
    padding: 10px 15px;
    font-size: 15px;
}
.footercopy-right p{
    font-size: 15px;
}
.bottom-footer-menu ul li a{
    font-size: 15px;
}
.bottom_to_top #button{
    height: 30px;
    width: 30px;
}
.bottom_to_top #button::after{
    font-size: 16px;
    line-height: 30px;
}
.contact-box p{
    font-size: 14px;
}
.contact-box i {
    font-size: 17px;
    width: 40px;
    height: 40px;
}
.contant-right h2{
    font-size: 23px;
}
.contact_info .contant-right .name input{
    padding: 8px 12px;
}
.outlet-img img {
    height: 160px;
}
}

@media(max-width:991px){
    .navbar-toggler {
        border: solid 1px #1aaaa5;
    }
    .header .dropbtn{
        padding: 0px;
        font-size: 12px;
        color: #000;
    }

    .header .navbar-nav li a {
        padding: 10px 0px 10px 0px !important;
        font-size: 12px;
    }
    .header .navbar-nav li {
        padding-left: 40px;
        border-bottom: solid 1px rgb(26 170 165 / 69%);
    }
    .logo img{
        height: 60px;
    }
    .counter .projectFactsWrap .item span.number{
        font-size: 35px;
    }
    .counter .projectFactsWrap .item h5 {
        font-size: 16px;

    }
    .counter .projectFactsWrap .item p{
        font-size: 14px;
    }
    .contact_bg .contact-title h1 {
        padding: 70px 0px;
        font-size: 35px

    }
    .about_us .contact-title h1 {
        padding: 70px 0px;
        font-size: 35px;
    }
    .about_us_info .about-left p {
        font-size: 14px;
        text-align: justify;
        line-height: 25px;
    }
    .outlet-img img {
    height: 150px;
}
}
@media(max-width:768px){
    .header .navbar-toggler-icon{
        height: 25px;
        width:23px;
    }
    .outlet-content h2{
        font-size: 19px;
    }
    .outlet-content p {
    font-size: 14px;
    line-height: 22px;
    margin: 4px 0px 10px;
}
   /* .kb-carousel > .carousel-inner > .carousel-item > img, 
    .kb-carousel > .carousel-inner > .carousel-item > a > img {
        height: 700px;
        object-fit: cover;
    }*/
    .kb-caption {
        bottom: 30%;
    }
    .carousel-caption.kb-caption.kb-caption-right img {
        height: 150px;
    }
    .frtyhy{
        margin-bottom: 15px;
    }
    .kb-control-next{
        display: none;
    }
    .kb-control-prev{
        display: none;
    }
    .navbar-collapse{
        top: 85px;
    }
    .footer-bottom{
        padding: 4px 0px;
    }
    .content-btn a {
        padding: 9px 15px;
        font-size: 14px;
    }
    .store-address h5{
        font-size: 14px;
    }
    .store-address p{
        font-size: 14px;
    }
    .new-serch-co h5 {
        color: #1aaaa5;
        font-size: 17px;
        text-transform: uppercase;
        margin-bottom: 23px;
    }
    span.wpcf7-spinner{
        padding: 8px 16px;
    }

    .footerinput-group input{
        padding: 8.4px 17px;
    }


    .footer-logo p{
        font-size: 12px;
        line-height: 20px;
    }
    .contant_theme{
        padding: 25px 0px;
    }
    .content-content p {
        font-size: 14px;
    }
    .counter .projectFactsWrap .item h5 {
        font-size: 15px;
        padding-top: 10px;
    }
    .logo img{
        height: 70px;
    }
    .title_heading h2{
        font-size: 25px;
    }
    .title_heading p{
        font-size: 14px;
        line-height: 20px;
    }
    .counter .projectFactsWrap .item span.number{
        font-size: 28px;
    }
    .counter{
        padding: 35px 0px;
    }
    .cofee-content h5 a{
        font-size: 15px;
    }
    .cofee-content p{
        margin: 0px 0px;
        font-size: 12px;
        line-height: 20px;
    }
    .header .navbar-nav li a {
        padding: 10px 0px 10px 0px !important;
        font-size: 12px;
    }
    .header .navbar-nav li {
        padding-left: 40px;
        border-bottom: solid 1px rgb(26 170 165 / 69%);
    }
    .kb-caption h1 {
        font-size: 40px;
    }
    .kb-caption p {
        font-size: 14px;
        line-height: 24px;
        padding: 0px 15px;
    }
    .slider button.btn.btn-outline-primary {
        padding: 7px 20px;
        font-size: 13px;
    }

    .footercopy-right p {
        font-size: 12px;
    }
    .bottom-footer-menu ul li a {
        font-size: 12px;
    }
    .bottom-footer-menu ul li {
        padding: 0px 8px;
    }
    .contact_bg .contact-title h1 {
        padding: 80px 0px;
        font-size: 30px;
    }
    .contact_info .contact-info-left h2{
        font-size: 25px;
    }
    .contact_info .contact-info-left p {
        font-size: 12px;
        text-align: justify;
    }
    .contact_info .icons-info-list ul li p {
        color: #262626;
        font-size: 12px;
    }

    .about_us .contact-title h1 {
        padding: 80px 0px;
        font-size: 30px;
    }
    .testimonials p {
        font-size: 14px;
        line-height: 25px;
    }
    .testimonials .title_heading h2{
        font-size: 35px;
    }
}

@media(max-width: 767px){
    .content-btn{
        justify-content: center;
    }
    .kb-caption p{
        display: none;
    }
    .coffee_herald{
        padding-bottom: 45px;
    }
    .contact-box i{
        height: 35px;
        width: 35px;
        font-size: 15px;
    }
    .contact-box p{
        font-size: 14px;
    }
    .our_offer{
        padding-bottom: 45px;
    }

    .header .navbar-nav li:hover{
        background: #1aaaa5;
        transition: 0.3s ease-in all;
        color: #fff;
    }
    .contact-box i{
        height: 35px;
        width:35px;
    }

    .header .navbar-nav li a:hover{
        color: #fff;
    }
    .title_heading{
        padding-top: 45px;
    }
    .contact_info {
        padding: 50px 0px;
    }
    .contact-icons {
        margin-bottom: 30px;
    }
    .about-left {
        margin-bottom: 20px;
    }
    .contant_theme .content-content {
        text-align: center;
        margin-bottom: 10px;
    }
    .footer-bottom-icons {
        margin: 10px auto;
    }
    .about-left h2 {
    font-size: 19px;
 }
   .studio-subtance .ddddduty{
        order: 1;
        display: flex;
     }
     .cv-label{
        margin-top: 10px;
     }
     section.studio-contact.contact_info {
    padding: 0px 0px 50px;
    }
    .studio p{
        font-size: 13px;
    }
    .studio h2{
        font-size: 15px;
    }


}

@media(max-width:576px){
    .carousel-inner > .carousel-item > img, .kb-carousel > 
    .carousel-inner > .carousel-item > a > img {
        object-fit: cover !important;
    }
    .kb-caption-right img {
        height: 70px;
    }
    .kb-caption {
        bottom: 30%;
    }
    .projectFactsWrap .item{
        flex: 0 0 100%;
    }
/*.kb-caption p{
display: none;
}*/
.kb-caption h1 {
    font-size: 35px;
}
.content-content p {
    font-size: 16px;
    text-align: center;
    margin-bottom: 20px;
}
.contant_theme {
    padding: 20px 0px;
}
.store-address p {
    font-size: 12px;
}
.top-footer{
    padding: 20px 0px;
}
.bottom-footer-inner {
    justify-content: center;
    line-height: 40px;
}
.new-serch-co {
    padding: 10px 0px;
}
.our_partner {
    padding: 20px 0px;
}
.contact_bg .contact-title h1 {
    padding: 60px 0px;
}
.about_us .contact-title h1 {
    padding: 60px 0px;
}
.testimonials{
    padding: 10px 0px;
}
.testimonials .title_heading h2 {
    font-size: 30px;
    margin-bottom: 10px;
}
.testimonials p {
    font-size: 13px;
    line-height: 24px;
}
.testimonials .testimonials-name {
    font-size: 15px;
    padding: 20px 0px !important;
}
}


@media(max-width:468px){
    .carousel-inner > .carousel-item > img, .kb-carousel > 
    .carousel-inner > .carousel-item > a > img {
        object-fit: cover !important;
    }
    .kb-caption {
        bottom: 25%;
    }
    .kb-caption h1 {
        font-size: 20px;
    }
    .logo img {
        height: 60px;
    }
    .navbar-collapse {
        top: 75px;
    }
    .header .navbar-nav li {
        padding-left: 20px;
    }
    .kb-caption h1 {
        font-size: 22px;
        margin-bottom: 10px;
    }
    .title_heading h2 {
        font-size: 30px;
        margin-bottom: 10px;
    }
    .slider button.btn.btn-outline-primary {
        padding: 8px 15px;
        font-size: 13px;
    }
    .title_heading h2 {
        font-size: 19px;
    }
    .new-serch-co h5 {
        font-size: 14px;
    }
    .contact_info {
        padding: 30px 0px;
    }
    .contact_bg .contact-title h1 {
        padding: 50px 0px;
        font-size: 25px;
    }
    .contact_info .contact-info-left h2 {
        font-size: 22px;
        margin-bottom: 0px;
    }
    .contact_info .icons-info-list ul li i {
        font-size: 7px;
        margin-right: 7px;
    }
    .about_us .contact-title h1 {
        padding: 50px 0px;
        font-size: 25px;
    }
}


@media(max-width:360px){
    .kb-caption h1 {
        font-size: 16px;
    }
    .title_heading h2 {
        font-size: 25px;
    }
}