@media only screen and (max-width:1560px) {

}

@media only screen and (max-width:1440px) {
    .product-card-content {
        padding: 0 7%;
    }
}

@media only screen and (max-width:1320px) {

}

@media only screen and (max-width:1200px) {
    .footer-address-lft p {
        display: none;
    }
    .footer-address-lft a span {
        display: none;
    }


    .footer-enquire .custom-container {
        flex-direction: column;
        align-items: center;
    }
    .footer-enquire-lft, .footer-enquire-ryt {
        width: 100%;
    }


    


    

    .infusion-tech-content .custom-container {
        flex-wrap: wrap;
        justify-content: flex-start;
    }
}

@media only screen and (max-width:1080px) {
    .inner-banner img{
        height:40vh;
    }
    
    .header-main.active .header-links {
        color: #fff;
        margin: 0;
    }
    .header-main.open .header-links {
        transform: translateX(0);
    }
    
    .header-drop-toggle {
        display: flex;
    }
    .header-links-submenu {
        opacity: 1;
        pointer-events: all;
        gap: 1rem;
        padding: 0;
        width: max-content;
        align-items: center;
    }
    .header-links-submenu a {
        padding: 0;
    }
    .header-links-drop:hover > p img, .header-links-drop:hover > a img {
        transform: initial;
    }
    .header-links-drop:hover .header-links-submenu {
        overflow: hidden;
        max-height: 0px;
    }
    .header-drop-toggle:checked ~ .header-links-submenu {
        max-height: 1000px;
        padding: 1rem 0 0;
    }
    .header-drop-toggle:checked ~ p img, .header-drop-toggle:checked ~ a img {
        transform: rotate(180deg);
    }
    .hamburger-btn {
        display: flex;
    }
    .header-main.active.open .header-logo img:nth-child(1) {
        display: initial;
    }
    .header-main.active.open .header-logo img:nth-child(2) {
        display: none;
    }


    .contact-form .custom-container {
        flex-direction: column;
        align-items: center;
    }
    .contact-form-lft {
        width: 100%;
    }
    .contact-form-ryt {
        width: 100%;
    }
}

@media only screen and (max-width:960px) {
    
    .inner-banner img{
        height:40vh;
    }
    h2 {
        font-size: 1.6rem;
    }
    h3 {
        font-size: 1.3rem;
    }
    h4 {
        font-size: 1rem;
    }
    h5 {
        font-size: 0.9rem;
    }
    

    .link-type1 {
        font-size: 1rem;
    }


    
    .inner-hero .custom-container {
        gap: 1rem;
    }


    .form-perloader {
        gap: 1.3rem;
    }
    .form-perloader > p {
        font-size: 1rem;
        font-weight: 300;
    }
    .form-perloader .hamburger-btn {
        transform: scale(1);
    }


    .header-links a, .header-links p {
        font-size: 1rem;
    }


    .home-banner h1 {
        font-size: 4.5vw;
    }


    
    
    .home-welcome-lft {
        width: 100%;
    }
    


    .home-coll {
        padding: 4rem 0 0;
        gap: 0rem;
    }
    .home-coll > h2 {
        margin-bottom: 2rem;
    }
    .home-coll-desk-btn {
        display: none;
    }
    .home-coll-container {
        display: flex;
        gap: 0;
    }
    .home-coll-flex {
        max-height: 0px;
        height: 100%;
        transition: all 1s ease;
        overflow: hidden;
    }
    .home-coll-flex-hide {
        padding: 2rem 0 0;
        gap: 2rem;
    }
    .home-coll-flex-hide > p {
        text-align: left;
    }
    .home-coll-mob-btn {
        display: flex;
    }
    .home-coll-container.active .home-coll-flex {
        max-height: 5000px;
    }
    .productSwiper .swiper-slide {
        gap: 3rem;
        padding: 4rem 0;
        justify-content: center;
        overflow-x: hidden;
    }
    .pembroke-color1 {
        background-color: unset;
        background-image: linear-gradient(180deg, #F2EAD7 26%, #87905A 20%);
    }
    .pembroke-color2 {
        background-color: unset;
        background-image: linear-gradient(180deg, #F2EAD7 26%, #AF88A2 20%);
    }
    .pembroke-color3 {
        background-color: unset;
        background-image: linear-gradient(180deg, #F2EAD7 26%, #E4D3AA 20%);
    }
    .productSwiper .swiper-slide.varake-color1 {
        padding: 3rem 0;
    }
    .productSwiper .swiper-slide.pembroke-color4 {
        padding: 0 0 4rem;
    }
    .home-coll-img {
        width: 86%;
        justify-content: center;
    }
    .home-coll-img.home-coll-img-pembroke4 {
        width: 100%;
        height: unset;
        aspect-ratio: 20 / 14;
    }
    .home-coll-img.home-coll-img-pembroke4 img {
        object-position: bottom right;
    }
    .home-coll-content {
        max-width: unset;
        width: 86%;
    }
    .home-coll-access {
        text-align: left;
        padding: 4rem 0;
    }
    .home-coll-access div {
        align-items: flex-start;
        gap: 1rem;
    }
    .home-coll-img-pembroke1 img:nth-child(2) {
        left: -28%;
    }
    .home-coll-img-pembroke2 img:nth-child(2) {
        width: 88%;
        top: 31%;
        left: -10%;
    }
    .home-coll-img-pembroke2 img:nth-child(3) {
        width: 23%;
        left: 19%;
    }
    .home-coll-img-pembroke3 img:nth-child(2) {
        left: 9%;
    }
    .home-coll-img-pembroke3 img:nth-child(3) {
        left: 8.4%;
    }

    .home-media-title {
        gap: 0.5rem;
    }
    
    .home-media-card:nth-child(n) {
        border-left: unset;
    }
    .home-media-card:nth-child(3) {
        border-top: unset;
    }
    .home-media-card:nth-child(2n + 1) {
        border-left: 1px solid #999;
    }
    .home-media-content {
        gap: 1rem;
    }
    
    .home-media-content1 > p {
        font-size: 0.8rem;
    }


   
    .home-client-flex {
        gap: 2rem;
       
    }
    .home-client-flex img {
        height: 48px;
         object-fit: contain;
    }


    
    
   
    .global-presence-card img {
        width: 24px;
    }


    
    .home-testi .custom-container {
        gap: 2rem;
    }


    
    .footer-enquire .custom-container {
        gap: 2rem;
    }
    
    .footer-enquire-lft-card {
        gap: 0;
    }
    
    
    
    .footer-enquire-set {
        width: 100%;
    }
    .footer-enquire-form input, .footer-enquire-form select, .footer-enquire-form textarea {
        padding: 0.2rem 0;
        font-size: 0.9rem;
    }

    .about-leader .custom-container {
        gap: 3rem;
    }
    
    .about-leader-lft {
        max-width: 300px;
        width: 100%;
    }
    .about-leader-ryt {
        width: 100%;
        align-items: center;
    }
    .about-leader-head {
        align-items: center;
        text-align: center;
    }
    .about-leader-head h4 {
        font-size: 1.4rem;
    }
    .about-leader-head p {
        font-size: 0.8rem;
    }


   
    
    
    
    .product-card-container > img {
        width: 66%;
    }
    .product-card-content p {
        font-size: 0.8rem;
        padding: 0 4%;
        line-height: 1.1;
    }
    .product-card-flex:hover .product-card-container {
        background-color: #E5D3A5;
    }
    .product-card-flex:hover .product-card-container > img {
        opacity: 1;
    }
    .product-card-flex:hover .product-card-content p {
        opacity: 0;
    }
    .product-card-flex:hover > h4 {
        opacity: 1;
        transform: unset;
    }
    .product-card-flex:hover .product-card-content h4 {
        top: 100%;
    }


    
    .product-overview .custom-container {
        gap: 3rem;
    }
    .table-overview > table th, .table-overview > table td {
        font-size: 0.8rem;
    }
    
    .title-overview p {
        font-size: 1.2rem;
    }


    .product-overview-footer {
        padding: 4rem 0;
    }
    .product-overview-footer .custom-container {
        gap: 1.5rem;
    }


    .media-section {
        padding: 4rem 0;
    }
    .media-section .custom-container {
        gap: 2.5rem;
    }
    .media-section-title {
        gap: 1.5rem;
    }


    .contact-form {
        padding: 4rem 0;
    }
    .contact-form .custom-container {
        gap: 3rem;
    }
    .contact-form-lft {
        gap: 1.5rem;
    }
    .contact-form-ryt {
        gap: 2rem;
    }
    .contact-form-lft a, .contact-form-lft p {
        font-size: 1rem;
    }
    .contact-form-ryt input, .contact-form-ryt select, .contact-form-ryt textarea {
        padding: 0.2rem 0;
        font-size: 0.9rem;
    }
}

@media only screen and (max-width:840px) {

}

@media only screen and (max-width:720px) {
    /* .home-coll-access {
        background-image: url(/assets/images/home/bg_accessories-mob.jpg);
    } */

.inner-banner img{
        height:40vh;
    }
    .home-media-card {
        width: 100%;
        align-items: center;
    }
    .home-media-card > img {
        max-width: 200px;
    }
    
    .home-media-card:nth-child(n) {
        border-left: 1px solid #999;
    }
    .home-media-card:nth-child(2) {
        border-top: unset;
    }

    .about-leader-lft {
        max-width: 200px;
        width: 100%;
    }


    .upcoming-frame {
        width: 100%;
    }


    .contact-form-set {
        width: 100%;
    }
    .infusion-tech-content .custom-container > img:nth-child(4n) {
        display: none;
    }
}

@media only screen and (max-width:600px) {
    
    .inner-banner img{
        height:40vh;
    }
    
    .header-logo{
        width:100px;
    }
    
    .home-banner h1 {
        font-size: 5.5vw;
    }

    .testiSwiper{
            min-height: auto;
    }
    .testiSwiper .swiper-slide {
        padding: 0 4px;
    }
    .testiSwiper .swiper-button-next:after, .testiSwiper .swiper-button-prev:after {
        font-size: 1.1rem;
    }
    .testiSwiper .swiper-button-next {
        right: 0.5rem;
        transform: translateY(130px);
    }
    .testiSwiper .swiper-button-prev {
        right: 4rem;
        transform: translateY(130px);
    }


    .infusion-tech-content .custom-container {
        gap: 2rem 1rem;
        justify-content: center;
    }
    .infusion-step {
        width: calc(50% - 27px);
    }
    .infusion-step img {
        max-width: 100%;
    }


    .productImgSwiper .swiper-button-prev, .productImgSwiper .swiper-button-next {
        width: 1.8rem;
        padding: 0.4rem;
    }
    .productImgSwiper .swiper-button-prev:after, .productImgSwiper .swiper-button-next:after {
        font-size: 1rem;
    }
}

@media only screen and (max-width:480px) {
    .inner-banner img{
        height:40vh;
    }
    .header-logo {
        width: 100px;
    }
    .header-main.active .header-logo {
        width: 80px;
    }


    .footer-address {
        padding: 1rem 0;
    }
    .footer-address-lft {
        gap: 1.5rem;
    }
    .footer-address-lft > img {
        width: 80px;
    }
    .footer-address-lft a img {
        width: 22px;
    }
    .footer-address-ryt img:nth-child(1){
        display: none;
    }
    .footer-address-ryt img:nth-child(2){
        display: initial;
    }
}



@media only screen and (max-width:240px) {

}

@media only screen and (orientation: portrait) {
    .popup-banner-container > div {
        height: unset;
        width: 100%;
    }


   


    

    .home-banner video:nth-child(2) {
        display: initial;
    }
}