/* =====================================
Template Name: Bakery
Author Name: Webby Crown
Author URI: 
Description: Bakery - eCommerce HTML5 Template.
Version:1.0
========================================*/
@media only screen and (max-width: 1440px) {
    h1 {
        font-size: 90px;
        line-height: 90px;
   }
    h3 {
        font-size: 40px;
   }
    .testimonial-slider {
        padding: 20px;
   }
}
@media only screen and (max-width: 1399px) {
    .hero-slider .swiper-button-prev, .hero-slider .swiper-button-next{
        display: none;
   }
    .hero-slider .swiper-pagination{
        display:inline;
        bottom: 40px;
   }
    .side-bar-close {
        left: 20px;
        top: 30px;
   }
    .side-bar-content .side-bar-close img {
        max-width: 20px;
   }
    .our-team {
        padding: 100px 0;
   }
    .our-team .our-team-grid .team-content {
        padding: 60px;
   }
}
@media only screen and (max-width: 1199px) {
    h2 {
        font-size: 35px;
        line-height: 45px;
   }
    h3 {
        font-size: 35px;
   }
    .wp-blog-wrapper {
        grid-template-columns: repeat(3, 1fr);
        grid-gap: 30px;
   }
    .wp-blog-box .wp-blog-content h6 {
        font-size: 25px;
   }
    .login-page-section {
        padding: 90px 12px;
   }
    .our-story-section, .story-passion {
        padding: 80px 0;
   }
    .our-story-section .our-story-content h2{
        max-width: 100%;
   }
    .our-story-section .our-story-content>p{
        max-width: 100%;
   }
    .story-passion .story-passion-content p {
        max-width: 80%;
   }
   .Parallax-section {
    padding: 130px 0;
    }
    .Parallax-section h2{
        font-size: 35px;
   }
    .Breadcrumbs:before{
        bottom: -50px;
        max-width: 240px;
   }
    .blog-details-section {
        padding: 60px 0;
   }
    .portfolio-section {
        padding: 90px 0;
   }
}
@media only screen and (max-width: 1024px) {
    .portfolio-section .wp-product-grid.grid .element-item {
        width: 33.3333333333%;
   }
}
@media only screen and (max-width: 991px) {
    h1 {
        font-size: 70px;
        line-height: 70px;
   }
    h3 {
        font-size: 30px;
   }
    .hero-slider .hero-content .hero-wrapper{
        max-width: 100%;
   }
    .hero-slider .hero-content .hero-wrapper h1{
        margin-bottom: 30px;
   }
    .wc-about-section .about-main-content .about_images{
        display: none;
   }
    .wc-about-section .about-main-content .about-content{
        width:50%;
   }
    .wc-about-section .about-main-content .about_inner {
        margin-left: 0;
   }
    .wc-about-section .about-main-content:before{
        display: block;
   }
    .our-story-section .stroy-main-content{
        gap: 50px;
   }
    .shop-section {
        padding: 90px 0;
   }
    .Parallax-section h2{
        max-width: 100%;
        font-size: 28px;
   }
    .instagram-section {
        padding: 40px 0 70px;
   }
    .features-section {
        padding: 70px 0;
   }
    .features-section .features-content {
        gap: 25px;
   }
    .features-section .features-content .feature {
        width: 48%;
   }
    .our-team .team-content h3{
        font-size: 18px;
   }
    .our-team .our-team-grid .team-content {
        padding: 30px;
   }
    .get-form-section .get-form-content h2 {
        margin-bottom: 14px;
        font-size: 28px;
   }
    .get-form-section .get-form-content .infobox-content p{
        max-width: 100%;
   }
    .get-form-section .get-form-content .infobox-content, .get-form-section .get-form-content .get-form-box {
        padding: 80px 30px;
   }
    .get-form-section .get-form-content {
        gap: 30px;
   }
    .comments-add-box {
        padding: 25px;
   }
    .blog-post {
        padding: 180px 0 60px;
   }
    .blog-post .blog-post-content h3 {
        font-size: 30px;
        padding-bottom: 20px;
   }
    .portfolio-section .wp-product-grid.grid .element-item {
        width: 50%;
   }
    .portfolio-section .button-group{
        gap: 30px;
        margin-bottom: 30px;
   }
    .portfolio-section {
        padding: 60px 0;
   }
    .wc-menu {
        padding: 90px 0;
   }
    .wc-menu .menu-item-container{
        gap: 70px;
   }
    .wc-menu .wc-menu-container {
        margin-top: 60px;
   }
    .login-wrapper {
        padding: 70px;
   }
}
@media only screen and (max-width: 767px) {
    h1 {
        font-size: 50px;
        line-height: 50px;
   }
    h2 {
        font-size: 28px;
        line-height: 38px;
   }
    h3 {
        font-size: 25px;
   }
    .side-bar-content .contact-widget .side-address p{
        max-width: 70%;
   }
    .side-bar-text-content{
        width: 100%;
        height: 100%;
        text-align: center;
   }
    .side-bar-text-content ul.side-menu {
        display: flex;
        align-items: center;
        justify-content: center;
        height: 100%;
        flex-direction: column;
   }
    .side-bar-content .contact-widget{
        display: none;
   }
    .side-bar-text-content ul li {
        font-size: 18px;
        line-height: 20px;
        margin-bottom: 20px;
   }
    .cart-content {
        grid-gap: 10px;
        flex-direction: column;
   }
    .cart-product-detail .cart-product-title{
        margin-bottom: 15px;
   }
    .order-address {
        flex-direction: column;
   }
    .order-address .box h6, .order-details h4 {
        font-size: 25px;
        line-height: 30px;
   }
    .main-product-cart-wrapper .product-cart-wrapper .product-detail h4 {
        font-size: 20px;
        line-height: 30px;
   }
    .main-product-cart-wrapper .product-img {
        width: 70px;
   }
    .main-product-cart-wrapper .product-cart-wrapper table tbody tr td, .main-product-cart-wrapper .product-cart-wrapper table tbody tr:last-child td {
        padding-bottom: 20px;
   }
    .contact-wrapper ul {
        display: none;
        margin-bottom: 20px;
   }
    .wp-social-icon ul {
        justify-content: center;
   }
    .contact-wrapper.three h4 {
        margin: 0;
   }
    .contact-wrapper.three ul {
        margin: 20px 0 0;
   }
    .copy-right-content {
        margin-top: 0px;
   }
    .error-page-section .error-content .error-shape {
        margin: 0 auto 30px;
   }
    .main-product-cart-wrapper .product-cart-wrapper table tfoot tr td {
        padding-top: 30px;
   }
    .wc-about-section .about-main-content{
        flex-direction: column;
   }
    .wc-about-section .about-main-content .about-content{
        width:100%;
        text-align: center;
   }
    .wc-about-section .about-content>p{
        max-width: 100%;
   }
    .wc-about-section .about-main-content .about_inner{
        text-align: left;
        margin-top: 50px;
   }
    .wc-about-section .about-content .i-inner .icon-content {
        margin-left: 20px;
   }
    .carousel-section {
        padding: 40px 0;
   }
    .wc-about-section {
        padding: 50px 0;
   }
    .services-box h4 {
        font-size: 20px;
   }
    .carousel-slider .services-box .case-wrapper{
        margin: 10px 0;
   }
    .our-story-section .stroy-main-content{
        flex-direction: column-reverse;
   }
    .our-story-section .our-story-images, .our-story-section .our-story-content{
        width: 100%;
   }
    .our-story-section .our-story-content{
        text-align: center;
   }
    .counter_wrap {
        gap: 35px;
        justify-content: center;
   }
    .counter_wrap .counter-value h3 {
        font-size: 50px;
   }
    .our-story-section .our-story-images{
        gap: 20px;
   }
    .shop-section {
        padding: 70px 0;
   }
    .shop-section .container-grid {
        grid-template-columns: repeat(3, 1fr);
        gap: 30px;
   }
    .shop-section .product-content span.price {
        font-size: 20px;
   }
    .shop-section .product-content h3 {
        margin-bottom: 4px;
   }
    .shop-section .title {
        margin-bottom: 20px;
   }
    .shop-btn{
        margin-top: 40px;
   }
    .title {
        margin-bottom: 30px;
   }
    .wp-blog-section {
        padding: 60px 0;
   }
    .wp-blog-wrapper, .wp-blog-section.single-blog .wp-blog-wrapper {
        grid-template-columns: repeat(2, 1fr);
   }
    .wp-blog-box .wp-blog-content ul.post-info{
        padding: 10px 0 ;
   }
    .wp-blog-box .wp-blog-content h6 {
        font-size: 20px;
   }
    footer .footer-wrapper {
        flex-wrap: wrap;
        padding: 30px 0;
   }
    footer .footer-wrapper .footer-content{
        border-color:#737373;
        border-width: 1px 0 1px 0;
        border-style: solid;
   }
    footer .footer-wrapper .footer-contact, footer .footer-wrapper .footer-content, footer .footer-wrapper .footer-hours {
        width: 100%;
        padding: 20px;
        text-align: center;
   }
    footer .footer-wrapper .footer-content p{
        margin: 0 auto;
   }
    .cart-product-img {
        max-width: 70px;
   }
    .Breadcrumbs {
        padding: 120px 0 60px;
   }
    .Breadcrumbs:before{
        bottom: -20px;
        max-width: 140px;
   }
    .Breadcrumbs .Breadcrumbs-title h3 {
        font-size: 30px;
        margin-bottom: 8px;
   }
    .story-passion {
        padding: 60px 0;
   }
    .story-passion .story-passion-content{
        flex-direction: column-reverse;
        gap: 40px;
   }
    .story-passion .story-passion-content .stroy-image {
        width: 40%;
   }
    .story-passion .story-passion-content .stroy-content {
        width: 100%;
   }
    .story-passion .story-passion-content p{
        max-width: 100%;
        margin-left: 0;
   }
    .story-passion .story-passion-content h2 {
        margin-bottom: 20px;
   }
    .our-team {
        padding: 60px 0;
   }
    .our-team .our-team-grid {
        grid-template-columns: repeat(2, 1fr);
   }
    .get-form-section .get-form-content{
        flex-direction: column;
        gap: 0;
   }
    .get-form-section .get-form-content .infobox-content, .get-form-section .get-form-content .get-form-box {
        width: 100%;
   }
    .get-form-section .get-form-content .infobox-content, .get-form-section .get-form-content .get-form-box {
        padding: 50px 30px;
   }
    .user-comments-text, .comments-add-box .input-box {
        flex-direction: column;
   }
    .user-text {
        margin-top: 15px;
   }
    .user-comments-text:nth-child(3) {
        margin-left: 0;
   }
    .user-comments h3 {
        font-size: 22px;
        margin-bottom: 22px;
   }
    .blog-details-img {
        margin: 20px 0;
   }
    .blog-details-section .blog-details-img-box{
        padding-right: 0;
   }
    .user-comments-text{
        margin-bottom: 35px;
   }
    .recent-post h4, .product-categories h4, .brand-tags h4 {
        font-size: 20px;
        margin-bottom: 20px;
   }
    .shop-product-main-categories .blog-bg {
        padding: 25px;
        min-height: 400px;
   }
    .check-out-section {
        padding: 60px 0;
   }
    .check-out-wrapper{
        flex-direction: column;
        padding: 0 10px;
   }
    .wishlist-section {
        padding: 60px 0;
   }
    table.wishlist-table thead th,
    table.wishlist-table tbody td {
        padding: 18px 20px;
   }
    .wishlist-product .wishlist-product-detail h5 {
        font-size: 18px;
   }
    .wishlist-product .wishlist-product-img {
        width: 55px;
        min-width: 55px;
   }
    .check-out-wrapper .payment-box .product-cart-payment{
        padding: 0;
   }
    .check-out-wrapper .payment-box{
        max-width: 100%;
   }
    .wc-menu {
        padding: 60px 0;
   }
    .wc-menu .menu-item-container{
        flex-direction: column;
        gap: 30px;
   }
    .wc-menu .menu-item-container .menu-picture, .wc-menu .menu-item-container .menu-list{
        width: 100%;
   }
    .wc-menu .menu-list .order-list span{
        font-size: 16px;
   }
    .wc-menu .menu-list .order-list h2 {
        font-size: 18px;
   }
    .wc-menu .wc-menu-container {
        margin-top: 0;
   }
    .error-page-section {
        padding: 100px 0;
   }
    .shop-details-slider{
        margin-bottom: 50px;
   }
    .product-slider-details h2 {
        font-size: 28px;
   }
    .product-slider-details .price span {
        font-size: 20px;
   }
    .add-wishlist{
        margin: 35px 0;
   }
    .shop-details {
        padding: 60px 0 0;
   }
    .tabs-part {
        margin-top: 30px;
   }
    .login-wrapper {
        padding: 50px;
   }
    .login-wrapper .input-form {
        margin-bottom: 30px;
   }
    .login-page-section {
        padding: 50px 10px;
   }
}
@media only screen and (max-width: 575px) {
    p {
        font-size: 14px;
        line-height: 23px;
   }
    .header .logo-content img {
        max-width: 65px;
   }
    .header ul.search-cart-bar li img {
        max-width: 18px;
   }
    .header .manu-bar .menu_line .menu-line {
        width: 40px;
   }
    .header .manu-bar .menu_line .menu-line.qodef--2 {
        width: 30px;
   }
    .order-price-box ul li {
        padding: 0 15px;
   }
    h1 {
        font-size: 40px;
   }
    .hero-slider .mask-banner{
        bottom: -6px;
   }
    .carousel-section .swiper-slide:nth-child(even) .services-box{
        margin-top: 0;
   }
    .our-story-section {
        padding: 60px 0;
   }
    .our-story-section .our-story-images .our-story-two {
        transform: translateY(6%);
   }
    .shop-section .container-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
   }
    .shop-section .product-content h3{
        font-size: 16px;
   }
    footer .footer-bottom{
        flex-direction: column;
        padding: 20px 0;
        gap: 10px;
   }
    footer .footer-bottom ul.footer-social-icon{
        gap: 20px;
   }
    footer .footer-wrapper h3 {
        font-size: 16px;
        margin-bottom: 15px;
   }
    .story-passion .story-passion-content .stroy-image {
        width: 70%;
   }
    .features-section .features-content .feature {
        width: 100%;
        margin-bottom: 20px;
   }
    .features-section {
        padding: 40px 0;
   }
    .blog-details-section .blog-details-img-box .column-item {
        grid-template-columns: repeat(1, 1fr);
   }
    .portfolio-section .button-group {
        gap: 10px;
        margin-bottom: 20px;
   }
    .portfolio-section .button-group button{
        font-size: 14px;
   }
    .check-out-wrapper .shopping-address .input-box{
        flex-direction: column;
        gap: 0;
   }
    .check-out-wrapper .first-name, .check-out-wrapper .last-name{
        width: 100%;
   }
    .product-slider-details h2 {
        font-size: 22px;
        line-height: 18px;
   }
    .login-wrapper {
        padding: 30px;
   }
    .register-box .link-wrapper {
        margin-top: 40px;
        flex-direction: column;
        gap: 20px;
   }
}
@media only screen and (max-width: 475px) {
    .tab-wrapper .nav {
        flex-direction: column;
   }
    .tabs-part .tab-wrapper ul.nav.tabs li.tab-link {
        margin-right: 0;
   }
    .our-team .our-team-grid, .wp-blog-wrapper {
        grid-template-columns: repeat(1, 1fr);
   }
}