/*
WP Theme: Amco - Creative Business Agency WordPress Theme
Author: powersquall.com
Version: 1.0  
Design and Developed by: Power Squall
*/

/*=====================================
[  Table Of Contents ] 
=======================================

=======================================
[ End Table Contents ]
=====================================*/

@media (max-width:1200px){ 
    
    /* Client Logo ----------*/
    .client-logo-main .client-logo-inner.grid-column-6,
    .client-logo-main .client-logo-inner.grid-column-5,
    .client-logo-main .client-logo-inner.grid-column-4 {
        grid-template-columns: repeat(4, 1fr);
    }

    /* Image Gallery ----------*/
    .gallery-item-main .gallery-item-inner.grid-column-6,
    .gallery-item-main .gallery-item-inner.grid-column-5,
    .gallery-item-main .gallery-item-inner.grid-column-4 {
        grid-template-columns: repeat(4, 1fr);
    }

    /* Blog Grid -----------*/
    .blog-post-main .blog-member-grid.lap-grid-4 {grid-template-columns: repeat(4, 1fr);}
    .blog-post-main .blog-member-grid.lap-grid-3 {grid-template-columns: repeat(3, 1fr);}
    .blog-post-main .blog-member-grid.lap-grid-2 {grid-template-columns: repeat(2, 1fr);}

    /* Team Grid -----------*/
    .team-member .team-member-grid.lap-grid-4 {grid-template-columns: repeat(4, 1fr);}
    .team-member .team-member-grid.lap-grid-3 {grid-template-columns: repeat(3, 1fr);}
    .team-member .team-member-grid.lap-grid-2 {grid-template-columns: repeat(2, 1fr);}

    /* Products Grid -----------*/
    .products-items .products-grid.lap-grid-4 {grid-template-columns: repeat(4, 1fr);}
    .products-items .products-grid.lap-grid-3 {grid-template-columns: repeat(3, 1fr);}
    .products-items .products-grid.lap-grid-2 {grid-template-columns: repeat(2, 1fr);}

    /* Portfolio -----------*/
    .portfolio-main.lap-grid-4 .portfolio-wrapper .b-isotope-grid .grid-item {width: 25%;}
    .portfolio-main.lap-grid-3 .portfolio-wrapper .b-isotope-grid .grid-item {width: 33.33%;}
    .portfolio-main.lap-grid-2 .portfolio-wrapper .b-isotope-grid .grid-item {width: 50%;}

    /* Services Slider -----------*/
    .ps-services-slider .fancy-box .fancy-box-info {width: 400px; padding: 50px;}

}

@media (max-width:991px){ 
   
    /* Infobox ----------*/
    .feature-box.icon-top.tablet-text-left {
        text-align: left !important;
    }
    .feature-box.icon-right.tablet-icon-left .feature-icon {
        margin-right: 25px;
        margin-left: 0;
        order: 1;
    }
    .feature-box.icon-right.tablet-icon-left .feature-info {
        text-align: left;
        order: 2;
    }

    /* Parallax Banner ----------*/
    .parallax-img.parallax-hide-tablet {
        display: none !important;
    }

    /* Client Logo ----------*/
    .client-logo-main .client-logo-inner.grid-column-6,
    .client-logo-main .client-logo-inner.grid-column-5,
    .client-logo-main .client-logo-inner.grid-column-4 {
        grid-template-columns: repeat(3, 1fr);
    }

    /* Image Gallery ----------*/
    .gallery-item-main .gallery-item-inner.grid-column-6,
    .gallery-item-main .gallery-item-inner.grid-column-5,
    .gallery-item-main .gallery-item-inner.grid-column-4 {
        grid-template-columns: repeat(3, 1fr);
    }

    /* Blog Grid ------------*/
    .blog-post-main .blog-member-grid.tab-grid-4 {grid-template-columns: repeat(4, 1fr);}
    .blog-post-main .blog-member-grid.tab-grid-3 {grid-template-columns: repeat(3, 1fr);}
    .blog-post-main .blog-member-grid.tab-grid-2 {grid-template-columns: repeat(2, 1fr);}

    /* Team Grid ------------*/
    .team-member .team-member-grid.tab-grid-4 {grid-template-columns: repeat(4, 1fr);}
    .team-member .team-member-grid.tab-grid-3 {grid-template-columns: repeat(3, 1fr);}
    .team-member .team-member-grid.tab-grid-2 {grid-template-columns: repeat(2, 1fr);}

    .team-member-grid .swiper-slide.team-info {grid-column: 1 / -1;}   

    /* Products Grid -----------*/
    .products-items .products-grid.tab-grid-4 {grid-template-columns: repeat(4, 1fr);}
    .products-items .products-grid.tab-grid-3 {grid-template-columns: repeat(3, 1fr);}
    .products-items .products-grid.tab-grid-2 {grid-template-columns: repeat(2, 1fr);}

    /* Portfolio --------------*/
    .portfolio-main.tab-grid-4 .portfolio-wrapper .b-isotope-grid .grid-item {width: 25%;}
    .portfolio-main.tab-grid-3 .portfolio-wrapper .b-isotope-grid .grid-item {width: 33.33%;}
    .portfolio-main.tab-grid-2 .portfolio-wrapper .b-isotope-grid .grid-item {width: 50%;}

    /* Marquee Slider -----------*/
    .marquee-slider .marquee-item .title {font-size: 28px;}

    /* Banner Services -----------*/
    .slideshow-img-overlay {display: none;}
    .slideshow-gallery {height: auto !important;}
    .slideshow-gallery .slideshow-img-item {height: auto; flex-wrap: wrap;}
    .slideshow-gallery .slideshow-img-item .image-item {height: auto; width: 100%;}
    .slideshow-gallery .slideshow-content {position: relative;}

    .slideshow-gallery .slideshow-content {padding: 200px 50px; padding-bottom: 50px;}
    .slideshow-gallery .slideshow-img-item .image-item.item-active:before,
    .slideshow-gallery .slideshow-img-item .image-item:before {background-color: rgba(0,0,0,0.4); z-index: 0; opacity: 1; backdrop-filter: none; -webkit-backdrop-filter: none;}
    .slideshow-gallery .slideshow-img-item .slideshow-content .content-inner {opacity: 1;}
    .slideshow-gallery .slideshow-content .content-overlay-image {display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: -1; background-size: cover; background-position: center center; background-repeat: no-repeat;}

    .slideshow-gallery .image-item.item-active .slideshow-link,
    .slideshow-gallery .image-item .slideshow-link,
    .slideshow-gallery .image-item:hover .slideshow-link {margin-bottom: 0; opacity: 1; transition-delay: .10s,.20s;}

    /* Timeline -----------*/
    .timeline-wrapper .timeline-item .timeline-number {width: 60px; height: 60px; line-height: 60px; margin-top: -30px;  margin-left: -30px; font-size: 26px;}
    .timeline-wrapper .timeline-item .content-wrapper {padding: 30px;}
    .timeline-wrapper .timeline-item .info-year {font-size: 90px;}

    /* Services Slider -----------*/
    .ps-services-slider .fancy-box .fancy-box-inner {flex-wrap: wrap;}
    .ps-services-slider .fancy-box .fancy-box-info {width: 100%; min-height: inherit; padding: 70px 50px; margin-left: 0; margin-top: 30px;}

    /* Services Fancy -----------*/
    .services-fancy .services-fancy1-item .services-info-title {padding-right: 0;}
    .services-fancy .services-fancy1-item .services-info-link {width: 15%;}

    /* Services Fancy 2 -----------*/
    .services-fancy2 {flex-direction: column;}
    .services-fancy2 .services-inner-image {display: none;}
    .services-fancy2.fancy-style-2 {gap: 40px;}
    .services-fancy2.fancy-style-2 .services-inner-image {width: 100%; display: none;}

    .services-fancy2 .image-item .content-overlay-image {width: 100%; height: 0; background-size: cover; background-position: center center; transition: all 0.35s ease-in-out 0s;}
    .services-fancy2 .image-item.item-active .content-overlay-image {height: 250px;}
    .services-fancy2.fancy-style-1 .services-inner-item .image-item:first-child .item-content-inner .content-inner,
    .services-fancy2.fancy-style-1 .services-inner-item .image-item.item-active .item-content-inner .content-inner {padding-top: 30px !important;}
    .services-fancy2 .services-inner-item .item-content-inner .content-inner .item-description {padding-left: 0;}

}

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

    /* Image Hotspot ----------*/
    .image-hotspot-wrapper .image-hotspot-content .image-hotspot.hotspot-hide-tablet {display: none;}
}

@media only screen and (min-width: 768px) {
   .elementor-section.elementor-section-custom {
      -webkit-position: sticky;
      position: -webkit-sticky;
      position: sticky;
      top: 0px;
   }
   .admin-bar .elementor-section.elementor-section-custom {top: 32px;}
}

@media (max-width:767px){ 
    
    /* Infobox ----------*/
    .feature-box.icon-top.mobile-text-left {text-align: left !important;}
    .feature-box.icon-right.mobile-icon-left .feature-icon {margin-right: 25px; margin-left: 0; order: 1;}
    .feature-box.icon-right.mobile-icon-left .feature-info {text-align: left; order: 2;}

    /* Parallax Banner ----------*/
    .parallax-img.parallax-hide-mobile {display: none !important;}

    /* Infobox ----------*/
    .feature-box.style-icon-bg.text-left .feature-icon:after {left: auto; right: -30px;}

    /* Position Inherit ----------*/
    .elementor-element.position-inherit-mobile {
        position: inherit !important;
        left: auto !important;
        right: auto !important;
        top: auto !important;
        bottom: auto !important;   
   }

    /* Image Hotspot ----------*/
    .image-hotspot-wrapper .image-hotspot-content .image-hotspot.hotspot-hide-mobile {display: none;}
    .image-hotspot-wrapper .image-hotspot-content .hotspot-content {
        top: auto !important;
        bottom: 20px !important;
        left: 20px !important;
        right: 20px !important;
        position: fixed !important;
        transform: none !important;
        width: auto !important;
    }
    .image-hotspot-wrapper.image .hotspot-trigger {width: 60px;  border-width: 2px;}

    /* Client Logo ----------*/
    .client-logo-main .client-logo-inner.grid-column-6,
    .client-logo-main .client-logo-inner.grid-column-5,
    .client-logo-main .client-logo-inner.grid-column-4,
    .client-logo-main .client-logo-inner.grid-column-3,
    .client-logo-main .client-logo-inner.grid-column-2 {grid-template-columns: repeat(2, 1fr);}

    /* Image Gallery ----------*/
    .gallery-item-main .gallery-item-inner.grid-column-6,
    .gallery-item-main .gallery-item-inner.grid-column-5,
    .gallery-item-main .gallery-item-inner.grid-column-4,
    .gallery-item-main .gallery-item-inner.grid-column-3,
    .gallery-item-main .gallery-item-inner.grid-column-2 {grid-template-columns: repeat(2, 1fr);}

    /* Blog Grid ------------*/
    .blog-post-main .blog-member-grid.mob-grid-3 {grid-template-columns: repeat(3, 1fr);}
    .blog-post-main .blog-member-grid.mob-grid-2 {grid-template-columns: repeat(2, 1fr);}
    .blog-post-main .blog-member-grid.mob-grid-1 {grid-template-columns: repeat(1, 1fr);}

    /* Team Grid -----------*/
    .team-member .team-member-grid.mob-grid-3 {grid-template-columns: repeat(3, 1fr);}
    .team-member .team-member-grid.mob-grid-2 {grid-template-columns: repeat(2, 1fr);}
    .team-member .team-member-grid.mob-grid-1 {grid-template-columns: repeat(1, 1fr);}

    /* Products Grid -----------*/
    .products-items .products-grid.mob-grid-3 {grid-template-columns: repeat(3, 1fr);}
    .products-items .products-grid.mob-grid-2 {grid-template-columns: repeat(2, 1fr);}
    .products-items .products-grid.mob-grid-1 {grid-template-columns: repeat(1, 1fr);}

    /* Portfolio -----------*/
    .portfolio-main.mob-grid-3 .portfolio-wrapper .b-isotope-grid .grid-item {width: 33.33%;}
    .portfolio-main.mob-grid-2 .portfolio-wrapper .b-isotope-grid .grid-item {width: 50%;}
    .portfolio-main.mob-grid-1 .portfolio-wrapper .b-isotope-grid .grid-item {width: 100%;}

    /* Testimonial -----------*/
    .testimonial-new-1 .author-description {padding-top: 20px; padding-bottom: 25px;}
    .testimonial-new-1 .testimonialsSwiperThumbs {padding-top: 25px;}
    .testimonial-new-1 .testimonialsSwiperThumbs .testimonial-inner {display: inline-block;}
    .testimonial-style-2 .swiper-container .swiper-button-next,
    .testimonial-style-2 .swiper-container .swiper-button-prev {display: none !important;}

    /* Tabs -----------*/
    .tab.tab-style1 .nav-tabs {flex-wrap: wrap;}
    .tab.tab-style2 .nav-tabs {gap: 15px;}

    .tab.tab-style3 {display: block;}
    .tab.tab-style3 .nav-tabs {display: flex; flex-wrap: wrap; gap: 10px; width: auto; margin-bottom: 30px; flex-direction: inherit;}
    .tab.tab-style3 .nav-tabs .nav-item {width: auto;}
    .tab.tab-style3 .nav-tabs .nav-link {padding: 17px 25px;}

    /* Marquee Slider -----------*/
    .slide-bg-on .marquee-slider-inner:before {transform: rotate(2deg);}
    .marquee-slider-inner {padding: 25px 0; gap: 50px;}
    .marquee-slider .marquee-item .title {font-size: 22px;}

    /* Services Slider -----------*/
    .services-fancy .services-fancy1-item .services-img {display: none;}
    .services-fancy .services-fancy-item .services-info {flex-wrap: wrap;}
    .services-fancy .services-fancy-item .services-description {margin-left: 0; margin-top: 20px;}
    .services-fancy .services-fancy-item .services-control {align-self: normal; margin-top: 40px; width: 80px; margin-left: 0;}

    /* Banner Services -----------*/
    .slideshow-gallery .slideshow-content {padding: 150px 40px; padding-bottom: 60px;}

    /* Services Slider -----------*/
    .ps-services-slider .services-title-area {flex-direction: column; margin-bottom: 30px;}
    .ps-services-slider .services-title-area .section-title {width: 100%;}
    .ps-services-slider .services-control-area {margin-top: 15px}

    /* Services Fancy -----------*/
    .services-fancy .services-fancy1-item {flex-direction: column; align-items: flex-start; gap: 15px;}
    .services-fancy .services-fancy1-item .services-info-icon {width: 100%; line-height: normal;}
    .services-fancy .services-fancy1-item .services-info-title {width: 100%; padding: 0;}
    .services-fancy .services-fancy1-item .services-info-description {width: 100%; padding: 0;}
    .services-fancy .services-fancy1-item .services-info-link {width: 100%; padding: 0; margin: 0; text-align: start; margin-top: 10px;}

    .services-fancy.services-fancy-style-2 .services-fancy1-item .services-info-link {margin-top: 0;}
    .services-fancy.services-fancy-style-2 .services-fancy1-item .services-info-link a {margin-left: -5px; height: 30px; width: 30px;}

    /* Services Fancy 2 -----------*/
    .services-fancy2 .image-item.item-active .content-overlay-image {height: 200px;}
    .services-fancy2 .services-inner-item .item-content-inner .content-inner {flex-direction: column; gap: 15px;}
    .services-fancy2 .services-inner-item .item-content-inner .content-inner .item-title {width: 100%;}
    .services-fancy2 .services-inner-item .item-content-inner .content-inner .item-description {width: 100%; padding: 0;}
    .services-fancy2 .services-inner-item .item-content-inner .content-inner .item-link {justify-content: flex-start; padding: 0; margin-left: 0;}
    .services-fancy2.fancy-style-1 .services-inner-item .item-content-inner .content-inner .services-link {right: auto; left: 0;}

    .services-fancy2.fancy-style-2 .services-inner-item .item-content-inner .content-inner {gap: 20px;}
    .services-fancy2.fancy-style-2 .services-inner-item .item-content-inner .content-inner .services-link {margin-left: 0;}

}

@media (max-width:575px){

    /* Infobox ----------*/
    .feature-box.style-icon-bg {padding: 50px 40px;}
    
    /* Blog Grid ------------*/
    .blog-post-main .post-inner .post-content .post-title {font-size: 16px; line-height: 24px;}
    .blog-style-2 .post-content {padding: 30px 35px;}
    .blog-style-3 .post-inner .post-meta {gap: 15px;}
    .blog-style-3 .post-inner .post-content {padding: 25px; margin: 0 10px;}

    .blog-post-main .blog-member-grid.mobpor-grid-2 {grid-template-columns: repeat(2, 1fr);}
    .blog-post-main .blog-member-grid.mobpor-grid-1 {grid-template-columns: repeat(1, 1fr);} 
    
    /* Team Grid ------------*/
    .team-member .team-member-grid.mobpor-grid-2 {grid-template-columns: repeat(2, 1fr);}
    .team-member .team-member-grid.mobpor-grid-1 {grid-template-columns: repeat(1, 1fr);}

    /* Team Fancy ------------*/
    .team-fancy .team-fancy-item .team-info,
    .portfolio-fancy .portfolio-fancy-item .portfolio-info {flex-wrap: wrap;}
    .team-fancy .team-fancy-item .team-title,
    .portfolio-fancy .portfolio-fancy-item .portfolio-title {display: block; width: 100%;}
    .team-fancy .team-fancy-item .team-category,
    .portfolio-fancy .portfolio-fancy-item .portfolio-category {display: block; width: 100%; margin: 0; margin-top: 10px;}

    /* Products Grid -----------*/
    .products-items .products-grid.mobpor-grid-2 {grid-template-columns: repeat(2, 1fr);}
    .products-items .products-grid.mobpor-grid-1 {grid-template-columns: repeat(1, 1fr);}

    /* Portfolio -----------*/
    .portfolio-main.mpor-grid-2 .portfolio-wrapper .b-isotope-grid .grid-item {width: 50%;}
    .portfolio-main.mpor-grid-1 .portfolio-wrapper .b-isotope-grid .grid-item {width: 100%;}

    /* Banner Services -----------*/
    .slideshow-gallery .slideshow-content {padding: 150px 30px; padding-bottom: 50px;}

    /* Services Fancy -----------*/
    .services-fancy .services-fancy-item .services-item-inner {display: block;}
    .services-fancy .services-fancy-item .services-icon {width: 80px; height: 80px; font-size: 28px; margin-right: 20px;}
    .services-fancy .services-fancy-item .services-title {font-size: 18px; line-height: 28px; min-width: auto;}

    /* Services Fancy 2 -----------*/
    .services-fancy2 .image-item.item-active .content-overlay-image {height: 150px;}
    .services-fancy2.fancy-style-2 .services-inner-item .item-content-inner .content-inner {gap: 20px 40px;}
    .services-fancy2 .services-inner-item .item-content-inner .content-inner .item-link {margin-left: 0; width: auto; padding-left: 0;}


    /* Timeline -----------*/
    .timeline-wrapper .timeline-inner-wrapper:before {left: 50px;}
    .timeline-wrapper .timeline-item {flex-direction: row-reverse;}
    .timeline-wrapper .timeline-item .timeline-number {margin-left: 0; left: 20px;}
    .timeline-wrapper .timeline-item .timeline-content { width: 70%;}
    .timeline-wrapper .timeline-item:nth-child(even) .timeline-content:before,
    .timeline-wrapper .timeline-item:nth-child(odd) .timeline-content:before {right: auto; left: -16%;}
    .timeline-wrapper .timeline-item .content-wrapper .timeline-date-year {display: block; font-size: 18px; font-weight: 600; margin-bottom: 5px;}
    .timeline-wrapper .timeline-item .timeline-year {display: none;}

    /* Tabs -----------*/
    .tab.tab-style3 .nav-tabs .nav-item {width: 100%;}
}

@media (max-width:479px){ 
    
    /* Client Logo ----------*/
    .client-logo-main .client-logo-inner.mob-column-3 {grid-template-columns: repeat(3, 1fr);}
    .client-logo-main .client-logo-inner.mob-column-2 {grid-template-columns: repeat(2, 1fr);}
    .client-logo-main .client-logo-inner.mob-column-1 {grid-template-columns: repeat(1, 1fr);}

    /* Image Gallery ----------*/
    .gallery-item-main .gallery-item-inner.mob-column-3 {grid-template-columns: repeat(3, 1fr);}
    .gallery-item-main .gallery-item-inner.mob-column-2 {grid-template-columns: repeat(2, 1fr);}
    .gallery-item-main .gallery-item-inner.mob-column-1 {grid-template-columns: repeat(1, 1fr);}

    /* Newsletter ----------*/
    .newsletter-main.newsletter-style-1 .mc4wp-form-fields,
    .newsletter-main.newsletter-style-2 .mc4wp-form-fields {
        flex-wrap: wrap;
    }
    .newsletter-main.newsletter-style-1 .button-area,
    .newsletter-main.newsletter-style-2 .button-area {
        width: 100%;
        margin-left: 0 !important;
        margin-top: 10px;
    }

    /* Pricing Table ----------*/
    .pricing-table.pricing-3 .pricing-price,
    .pricing-table.pricing-4 .pricing-price {
        flex-wrap: wrap;
    }
    .pricing-table.pricing-3 .pricing-price > span,
    .pricing-table.pricing-4 .pricing-price > span {
        width: 100%;
        margin-top: 5px;
        margin-bottom: 0;
    }

    /* Sign In/Sign Up Form -----------*/
    .amco-form-element .wpcf7-form-control-checkbox,
    .amco-form-element .wpcf7-form-control-action {display: block;}
    .amco-form-element .wpcf7-form-control-action .wpcf7-form-control-new-account,
    .amco-form-element .wpcf7-form-control-action .forgotten-password {margin-top: 15px;}

    /* Services Slider -----------*/
    .services-fancy .services-fancy-item .services-control {display: none;}

    /* Image Hotspot ----------*/
    .image-hotspot-wrapper.image .hotspot-trigger {width: 50px;}

    /* Services Slider -----------*/
    .ps-services-slider .fancy-box .fancy-box-info {padding: 50px 30px;}
    .ps-services-slider .fancy-box .fancy-box-info .fancy-box-icon i {font-size: 60px;}
    .ps-services-slider .fancy-box .fancy-box-info .fancy-bg-icon {font-size: 180px;}

    /* Services Fancy 2 -----------*/
    .services-fancy2.fancy-style-2 .services-inner-item .item-content-inner .content-inner {flex-wrap: wrap;}
}

@media (max-width:375px){

    /* Infobox ----------*/
    .infobox-wrapper.icon-left {flex-direction: column;  gap: 30px;}
}