/* header */
@media (max-width: 1750px) {
    #header .header-ct-left > .logo {
        width: 150px;
    }
    #header .header-ct-left > .logo {
        margin-left: 0;
    }   
    .header .header-customize {
        margin-right: 0;
    }
}

@media (max-width: 1480px) {
    #mainnav > ul > li {
        margin: 0 20px;
    } 
}

@media (max-width: 1320px) {
    .header.header-default .header-ct-right,
    .header.header-style-03 .header-ct-right {
        display: none !important;
    }
}

@media (max-width: 1000px) {
    .header.header-style-02 {
        display: none;
    }
}

/* header-mobile */
@media (max-width: 1000px) {
    #header {
        display: none;
    }
    #header-mobile {
        display: block;
    }
    .home-2.page-header {
        padding-top: 100px;
    }
}

/* page-title */
@media (max-width:1100px) {
    .text-left,
    .page-title-home .swiper-button {
        display: none;
    }
}

@media (max-width:660px) {
    .page-title-home .page-title-container {
        padding-left: 1em;
    }
}

@media (max-width:420px) {
    .page-title-home .swiper-slide button:first-child {
        margin-bottom: 30px;
    }
    .home-1 .swiper-slide button:first-child {
        margin-left: 30px;
        margin-bottom: 30px;
    }
    .page-title-home.swiper .swiper-pagination {
        bottom: 5px;
    }
}

@media (max-width:416px) {
    .home-3 .page-title-home .swiper-slide {
        padding-top: 200px;
    }
}

/* service-1 */
@media (max-width:1100px) {
    .widget-service-1 .service-wrap {
        height: min-content;
    }
    .widget-service-1 .service-inner {
        position: unset;
        flex-wrap: wrap;
        width: auto;
    }
    .widget-service-1 .service-inner .service-item {
        width: auto;  
        margin-right: 0;      
    }
    .widget-service-1 .service-inner .service-item:last-child > img {
        width: 370px;
        height: 400px;
    }
}

@media (max-width:925px) {
    .service-1 .widget-portfolio-wrap-2,
    .service-1 .widget-portfolio-wrap-2 .feature-post a img,
    .service-1 .widget-portfolio-wrap-2 .content {
        width: 100%;
    }
}

/* .widget-about-us */
@media (max-width:1024px) {
    .widget-about-us .wrap-box {
        flex-wrap: wrap;
        justify-content: center;
    }
    .widget-about-us .wrap-box .image,
    .widget-about-us .wrap-box .content {
        width: 100%;
        padding: 0 2em;
    }
  
}

@media (max-width:480px) {
    .widget-about-us .wrap-box .image img {
        width: 100%;
        margin: 0;
    }
    .widget-about-us .wrap-box .image .image-left {
        margin-bottom: 0;
    }
    .widget-about-us .wrap-box .image h2 {
        padding: 15px;
        font-size: 50px;
    }
}

@media (max-width:400px) {
    .widget-about-us .wrap-box .image h2 {
        padding: 15px;
        font-size: 40px;
    }
    .widget-about-us .wrap-box .content .telegram-wrap {
        flex-wrap: wrap;
    }
}

/* portfolio */
@media (max-width:1140px) {
    .portfolio .swiper-slide {
        flex-wrap: wrap;
        justify-content: space-evenly !important;
    }
}

@media (max-width:900px) {
    .portfolio .swiper-slide .feature-post {
        width: 100%;
    }
    .portfolio .swiper-slide .widget-portfolio-wrap-1:first-child .feature-post {
        width: 100%;
    }
    .portfolio .swiper-slide .widget-portfolio-wrap-1,
    .portfolio .swiper-slide .feature-post img {
        width: 100%;
    }
}

/* widget-brandor-service */
@media (max-width:1124px) {
    .widget-brandor-service .inner {
        justify-content: center !important;
        gap: 30px;
        flex-wrap: wrap;
    }
    .widget-brandor-service .inner p {
        max-width: none !important;
    }
    .widget-brandor-service .brandor-service-item .content {
        border-bottom: none !important;
    }
    .widget-brandor-service .inner span {
        transform: translate(23%, 0%);
    }
}

@media (max-width:600px) {
    .widget-brandor-service .brandor-service-item {
        flex-wrap: wrap;
        justify-content: center;
    }
    .widget-brandor-service .inner span {
        transform: translate(23%, 45%);
    }
}

/* widget-fitness-sports */
@media (min-width:1024px) and (max-width:1140px) {
    .widget-fitness-sports .content {
        padding-left: 10px;
    }
}

@media (max-width:900px) {
    .widget-fitness-sports .wrap {
        flex-wrap: wrap;
    }
    .widget-fitness-sports .wrap .feature {
        width: 100%;
        height: 704px;
    }
    .widget-fitness-sports .wrap .content {
        width: 100%;
        justify-content: flex-start !important;
        padding-left: 15px;
    }
}

@media (max-width:600px) {
    .widget-fitness-sports .wrap .content {
        padding-left: 15px;
        padding-right: 15px;
    }
}

/* widget-pricing-table */
@media (max-width:780px) {
    .widget-pricing-table .pricing-inner {
        flex-wrap: wrap;
    }
}

/* widget-counter */
@media (max-width:780px) {
    .widget-counter {
        flex-wrap: wrap;
        row-gap: 30px;
    }
    .widget-counter .wrap-counter {
        width: 100%;
    }
}

/* portfolio-detail */
@media (min-width:480px) and (max-width:1080px) {
    .portfolio-detail .main .image-wrap img {
        width: 45%;
    }
}

@media (max-width:480px) {
    .portfolio-detail .main .image-wrap img {
        width: 100%;
    }
}

/* widget-tfimage-box */
@media (min-width:520px) and (max-width:870px ) {
    .widget-tfimage-box {
        flex-wrap: wrap;
    }
    .widget-tfimage-item {
        width: 50%;
    }
}

@media (max-width:520px) {
    .widget-tfimage-item {
        width: 100%;
    }
}

/* widget blog-wrap-item */
@media (max-width:780px) {
    .blog-list-page .blog-wrap-left .blog-wrap-item {
        flex-wrap: wrap;
    }
}

/* widget-blog-slide */
@media (max-width:1170px) {
    .widget-blog-slide .widget-wrap-team .image-team {
        margin: auto;
        height: max-content;
        max-width: unset;
    }
    .widget-blog-slide .widget-wrap-team .image-team img {
        width: 100%;
    }
    .widget-blog-slide .content {
        margin-top: 20px;
        margin-bottom: 40px;
    }
    .home-1 .portfolio .widget-blog-slide {
        padding-left: 2em;
        padding-right: 2em;
    }
}

@media (max-width:600px) {
    .widget.blog-wrap-item {
        margin-right:0 ;
    }
}

@media (max-width:400px) {
    .service-1 .team-member .swiper-slide .image-team,
    .about-us-page .team-member .swiper-slide .image-team,
    .home-3 .team-member .swiper-slide .image-team {
        width: 100%;
    }
}


/* widget-portfolio-wrap-1 */
@media (max-width:1650px) {
    .widget-portfolio-wrap-1 .feature-post img,
    .widget-portfolio-wrap-1 .feature-post {
        /* margin: auto; */
        width: 100%;
    }
    .home-3 .portfolio .widget-blog-slide {
        padding-right: 2em;
        padding-left: 2em;
    }

}

/* widget-portfolio-wrap-2 */
@media (max-width:590px) {
    .service .widget-portfolio-wrap-2 .feature-post a img,
    .service .widget-portfolio-wrap-2 {
        width: 100%;
    }
    .service .widget-portfolio-wrap-2 .content {
        width: unset;
    }
}

/* fap */
@media (max-width:1100px) {
    .faq .faq-content .faq-wrap {
        flex-wrap: wrap;
    }
    .faq .faq-content .faq-wrap .feature img,
    .faq .faq-content .faq-wrap .widget-accordion, 
    .faq .faq-content .faq-wrap .feature {
        width: 100%;
    }
    .widget-accordion .accordion-items-1, 
    .widget-accordion .accordion-items,
    .widget-accordion h3 {
        max-width: none;
    }
}

/* service-detail */
@media (max-width:1100px) {
    .service-detail .main .image-wrap img {
        width: 100%;
        margin-bottom: 10px;
    }
}

/* blog-single */
@media (max-width:745px) {
    .blog-single .blog-wrap-left .blog-wrap-admin,
    .widget.comment-wrap {
        flex-wrap: wrap;
    }
    .blog-single .blog-wrap-left .blog-wrap-admin .admin-title a i {
        margin-left: 15px;
    }
    .blog-single .blog-wrap-left .blog-wrap-content .main-post .block-quote {
        padding: 145px 50px 50px 50px;
    }
}

@media (max-width:1200px) {
    .blog-single .blog-wrap-left .blog-wrap-content .main-post .image-box {
        flex-wrap: wrap;
    }
}


/* contact-us */
@media (max-width:900px) {
    .contact-us .contact-us-inner {
        flex-wrap: wrap;
    }
    .contact-us .contact-us-content,
    .contact-us .contact-us-box {
        width: 100%;
        padding-right: 0;
    }
}

@media (max-width:720px) {
    .contact-us .contact-us-content .wrap {
        flex-wrap: wrap;
    }
    .contact-us .contact-us-content .wrap .widget-tfimage-item {
        border-bottom: 1px solid rgba(24, 24, 24, 0.07);
        padding-left: 0px;
    }
}

/* widget-adv-video */
@media (max-width:750px) {
    .widget-adv-video .gallery-thumbs .swiper-slide {
        left: 0;
    }
}

/* widget-video-1 widget-video-2*/
@media (max-width:900px) {
    .widget-video-2 .video-title {
        font-size: 70px;
    }
    .widget-video-1 .icon-wrap span {
        font-size: 250px;
    }
}

/* padding mobile - tablet */
@media (max-width:1180px) {
    .service-detail.main-content,
    .portfolio-2.main-content,
    .portfolio-1.main-content,
    .team-page.main-content,
    .contact-us.main-content,
    .blog-wrap-left,
    .col-md-4.sidebar,
    .blog .container,
    .portfolio-detail.main-content,
    .faq-content,
    .widget-adv-video,
    .widget-pricing-table,
    .brandor-service,
    .widget-service-2,
    .widget-service-1 .service-wrap,
    .widget-blog-slide
     {
        padding-left: 2em;
        padding-right: 2em;
    }
}

@media (max-width:767px) {
    .widget-about-us .wrap-box .image,
    .widget-about-us .wrap-box .content,
    .home-3 .portfolio .widget-blog-slide,
    .home-1 .portfolio .widget-blog-slide,
    .service-detail.main-content,
    .portfolio-2.main-content,
    .portfolio-1.main-content,
    .team-page.main-content,
    .contact-us.main-content,
    .blog-wrap-left,
    .col-md-4.sidebar,
    .blog .container,
    .portfolio-detail.main-content,
    .faq-content,
    .widget-adv-video,
    .widget-pricing-table,
    .brandor-service,
    .widget-service-2,
    .widget-service-1 .service-wrap,
    .widget-blog-slide {
        padding-left: 1em;
        padding-right: 1em;
    }
}

@media (max-width:780px) {
    .widget-filter-isotope .grid .element-item,
    .widget-filter-isotope .widget-portfolio-wrap-3 .feature-post,
    .widget-filter-isotope .widget-portfolio-wrap-3 .content,
    .portfolio-2 .widget-portfolio-wrap-1 .feature-post img,
    .portfolio-2 .widget-portfolio-wrap-1 .feature-post,
    .team-page .widget-wrap-team,
    .team-page .widget-wrap-team .image-team,
    .team-page .widget-wrap-team .image-team img {
        width: 100%;
        max-width: unset;
        height: unset;
    }
}

@media (max-width:768px) {
    .col-md-8 {
        padding-right: 0 !important;
    }
    .logo .main-logo img {
  width: 75px;
}
.header-mobile .inner-header {
  padding: 10px 15px;}
  .page-header {
  padding: 80px 0 0 0;
}
.page-title-home .swiper-slide .page-title-container h4 {
  font-size: 16px;}
.page-title-home .swiper-slide .page-title-container h2 {
  font-size: 40px;
  line-height: 40px;
  margin-bottom: 15px;}  
.page-title-home .swiper-slide .widget-button {
 padding: 15px 30px;}  
.page-title-home {
  height: 500px;
} 
.page-title-home .page-title-container {
  padding-left: 1em;
  padding-right: 1em;
}
.home-1 .about-us {
  padding: 50px 0 50px 0;}
  .widget-about-us .wrap-box .content h2 {
  font-size: 35px;
  line-height: 45px;margin: 0 0 20px 0;}
 .widget-about-us .wrap-box {
 gap: 30px;
} 
.widget-about-us .wrap-box .content a {
  padding: 15px 30px;}
.widget-service-1 {
  padding-top: 40px;
  padding-bottom: 40px;}  
 .widget-service-1 h2 {
  font-size: 35px;
  line-height: 40px;
  margin-top: 0;
} 
.widget-service-1 .service-wrap {
 margin-top: 25px;
}
.widget-fitness-sports .content .content-wrap h2 {
  font-size: 35px;
  line-height: 40px;
  margin-bottom: 20px;
}
.widget-fitness-sports .content {
  padding: 20px 15px 30px 15px;}
.widget-pricing-table {
  padding: 40px 15px 40px;}  
.widget-pricing-table .pricing-heading h2 {
 font-size: 35px;
  line-height: 40px;}  
.widget-pricing-table .pricing-heading {
 margin-bottom: 20px;
} 
.widget-pricing-table .pricing-item .header-price {
  padding: 15px;}
.widget-pricing-table .content-wrapper {
  padding: 15px;}  
.widget-testimonials {
  padding: 40px 0;}  
.widget-testimonials .heading h2 {
font-size: 35px;
 line-height: 40px;
}
.widget-blog-slide .content {
  margin-top: 20px;
  margin-bottom: 0;
}
.widget-testimonials .content {
  padding: 0px 0 0px 0;}
.widget-blog-slide .swiper-pagination {
  bottom: -35px;
}
.footer {
  padding-top: 40px;}
.footer-content {
  padding: 0 15px 15px;
} 
.footer-bottom .container .row > div:last-child {
  padding-right: 15px;}
 .footer-bottom .container .row > div:first-child {
  padding-left: 15px;
} 
.footer-bottom .zoyot p {
  margin: 0px 0 10px 0;
  text-align: center;
}
.footer-bottom .text-right {
  text-align: center;
}
.page-title .container .row {
  height: 100px;}
.page-title .page-title-heading {
  font-size: 40px;}  
.main-content {
    padding-top: 40px;
} 
.widget-about-us .wrap-box .content p {
  margin: 0 0 15px 0;
}
.widget-service-2 {
  padding-top: 40px;
  padding-bottom: 40px;}
.tarot-reading-page .contact-us-box {
  position: relative;
  top: 0;
  right: 0;
  background: #fff;
  padding: 30px;
  border-radius: 10px;
  max-width: 100%;
  width: 92%;
  margin: 20px auto 20px;
  box-shadow: 0 0 4px gray;
} 
.widget-pricing-table.tarot-reading-page {
  padding: 40px 15px 40px;
}
.widget-pricing-table.tarot-reading-page .pricing-inner {
  margin-top: 0;}
 .widget-service-2 .wrap-box h2 {
  font-size: 35px;
  line-height: 40px;
   margin: 0px auto 0px auto;
} 
.widget-service-2 .wrap-box h3 {
   font-size: 25px;
  margin: 8px auto 10px auto;
  text-align: center;
}
.service-1 .service .widget-service-2 .wrap-box .inner-section .widget-portfolio-wrap-2 {
  max-width: 100%;
  margin-bottom: 30px;
}
.widget-portfolio-wrap-2 .content .title h3 {
  text-align: left;
}
.benefits-area .heading-title {
  font-size: 35px;text-align: left;
  line-height: 40px;}
  
.benefits-area {
  padding: 40px 0;}  
 .benefits-area ul {
  margin-top: 20px;
} 
 .benefits-area ul li {
  font-size: 16px;
}
.benefits-area ul .row {
  justify-content: start;}
.benefits-area ul .row .col-md-5 {
  width: 100%;
} 
.service-1.main-content .about-us {
  padding: 40px 0;}
.widget-video-2 .video-title {
  font-size: 35px;
} 
.widget-video-2 {
  padding: 40px 0 40px 0;}
  
.widget-button {
  padding: 15px 30px;}  
.widget-video-2 .video-title .widget-button {
 margin-top: 20px;
}  
.service-detail > .content .content-title h2 {
  font-size: 35px;}
.service-detail .main .qoute p {
  font-size: 24px;
  line-height: 35px;}  
.service-detail .main .qoute {
 gap: 15px;
  margin: 20px 0 15px 0;
} 
.service-detail .main .qoute img {
  width: 30px;
}
.service-detail .main > h3 {
 font-size: 25px;
  line-height: 30px;}
.service-detail.main-content .col-md-6 .img-responsive {
  margin-top: 15px;
}  
.service-detail.main-content {
  padding-bottom: 40px;
}
.blog-single .blog-wrap-left .blog-wrap-content .main-post h3 {
 font-size: 25px;
  margin-top: 30px;}
.blog-single.main-content {
  padding-bottom: 40px;
} 
.contact-us .contact-us-title h2 {
  font-size: 35px;
  line-height: 45px;}
  
  .contact-us .contact-us-box h2 {
  font-size: 35px;
  margin-bottom: 20px;}
.contact-us .contact-us-box {
 padding: 20px;} 
 .page-title .container {
  padding: 0 15px;
}
.feature.page-header .page-title .page-title-heading {
  font-size: 35px;
  max-width: 100%;
}
.service-2 .widget-brandor-service .brandor-service-item .content {
 text-align: center;
}
.widget-brandor-service .brandor-service-item .feature {
  margin-bottom: 15px;
}
.widget-brandor-service .brandor-service-item .content p {
  padding-right: 0;}
.service-2.main-content .about-us {
  padding: 40px 0;} 
.service-2.main-content .about-us .widget-about-us .wrap-box .content h2 {
  font-size: 35px;
}  
.widget-fitness-sports .wrap .feature {
  width: 100%;
  height: 400px;
}
.service-2.main-content .widget-fitness-sports .content {
  padding: 30px;
}
.service-2.main-content .widget-fitness-sports .content h2 {
  font-size: 35px;}
.service-2.main-content .service .widget-service-2 {
  padding-top: 40px;}  
.service-2.main-content .widget-service-2 .widget-service-post {
 max-width: 100%;}  
.workout-cafe-page .service-1 .service .widget-service-2 .wrap-box .inner-section .widget-portfolio-wrap-2 {
  max-width: 100%;
} 
.workout-cafe-page .widget-counter {
 gap: 15px;
}
.workout-cafe-page .google-logo-box {
  margin-top: 20px;
}
.workout-cafe-page .widget-testimonials .row.justify-content-center .col-md-4 {
  max-width: 50%;
}
.workout-cafe-page .google-logo-box img {
  width: 100%;
}
.workout-cafe-page .widget-video-2 {
  padding: 40px 0 40px 0;}
  .service-1.main-content .widget-pricing-table {
  padding: 40px 15px;
}
.blog-single .blog-comments .comment-respond {
  padding: 15px;}
.blog-single .blog-comments .comment-respond .comment-reply-title {
 font-size: 35px;} 
 .workout-cafe-page .blog-wrap-left {
  padding: 0;
}
.workout-cafe-page .feature.page-header .page-title p {
 
  margin-top: 15px;
  margin-bottom: 15px;}
  
  .workout-cafe-page .feature.page-header {
  padding-top: 100px;
  padding-bottom: 30px;
 background-size: cover;
 
}
}

/* footer */
@media (max-width:992px) {    
    .footer-bottom .container .row > div > div,
    .footer-bottom form {
        justify-content: center;
        margin: 20px auto;
    }
    .footer-bottom .text {
        width: auto;
    }
    .footer-content .container .row > div {
        padding: 0 !important;
    }
    .widget-gallery ul.widget-gallery-list {
        justify-content: space-between;
    }
}

@media (max-width:1200px) {
    .footer-content .container {
        width: unset;
    }
}

@media (min-width:992px) {    
    .footer-content .container .row > div {
        padding: 0;
    }
    .footer-content .Instagram-Posts li.gallery-item {
        margin-bottom: 10px !important;
    }
}