@media (min-width: 1801px) {
    .container{max-width: 1366px; }
    .lg-container{max-width: 1400px;}
    .technology-meets{padding: 310px 0px;}

    .for-desktop{display: none;}
    .line-sl-one{bottom:  -120px;}
    .line-sl-two{bottom: -110px;}

    .pract-img{width: 46%;}
    .footer-inner-wrap{justify-content: space-between;}

}

@media (max-width: 1800px) {
    .for-large-screen{
        display: none;
    }

}

@media (max-width: 1340px) {
    /************* Day Free Trial ************/
        .yogain-profile img {
            max-width: calc(22% + 7px);
        }
}


@media (max-width: 1120px) {
    /******* Banner *******/
        .banner-section{
            padding: 50px;
        }
    /*************** Why yogin **************/
        .yogain-exists-card{
            padding: 40px;
            gap: 25px;   
        }
        .yogain-dark-text{
            font-size: 21px;
        }
        .yogain-simply{
            font-size: 20px;
        }
        .yogain-grow{
            font-size: 17px;
        }

    /************* Day Free Trial ************/
        .yogain-profile img {
            max-width: calc(22% + 7px);
        }

}

@media (max-width: 992px) {
    /******* Banner *******/
        .banner-section{
            padding: 20px;   
            background-position: right;
        }
        .banner-shade{
            left: -40px;
        }
    /*************** Why yogin **************/
        .yogain-exists-col{
            position: relative;   
        }
        .yogain-exists-card{
            max-width: 100%;   
        }
    /*********** Modern practitioner ************/  
        .practitioner-features{
            grid-template-columns: repeat(2, 1fr);    
        }
        .practition-card{
            margin-bottom: 60px;
            gap: 45px;
        }
        .pract-img{
            width: 50%;
        }
        
        .pract-content{
            gap: 20px;
        }
    
    /************ Technology Meets Ancient Yoga *************/
        .technology-col h4{
            font-size: 20px;   
        }
        
    /************* Day Free Trial ************/
        .yogain-profile {
            padding: 0px 15px;
            gap: 16px;
            justify-content: center;
        }
        .yogain-profile img {
            max-width: 175px;
        }


}

@media (max-width: 767px) {  
    /******* Banner *******/
        .banner-section{
            padding: 15px;   
            background-position: right;
        }
        .banner-title{
            font-size: 56px;
        }
        .banner-wrap-inner{
            gap: 35px;
        }
        .banner-text-wrap{
            font-size: 20px;
        }
        .banner-wrap{
            gap: 70px;
        }
    /*************** Why yogin **************/
        .yogain-exists-col{
            /* padding: 0px 20px;   */
        }
        .yogain-exists-card{
            padding: 38px 26px;
            margin-top: -90px;
            border: 1px solid #eee;
        }

        .yogain-dark-text{
            font-size: 19px;
        }
        .yogain-simply{
            font-size: 17px;
        }
        .yogain-grow{
            font-size: 16px;
        }
        
    /************ The solution **********/
        .harmony-card{
            padding: 25px 15px;   
        }
        .harmony-row{
            gap: 25px;
        }
        .harmony-long-arrow{
            right: -25px;
            z-index: -1;
        }

    /************** Transformation Path ***********/
        .features-grid {
            grid-template-columns: 1fr;
        }

    /*********** Modern practitioner ************/  
        .practitioner-features{
            grid-template-columns: repeat(2, 1fr);   
        }
        .practition-card{
            margin-bottom: 70px;
            gap: 25px;
        }
        .pract-img {
            width: 100%;
            max-width: 300px;
        }
       
        .pract-content{
            gap: 15px;
        }

    /************ Technology Meets Ancient Yoga *************/
        .technology-meets{
            padding: 170px 0px;   
        }
        .meets-row{
            flex-direction: column; 
            gap: 10vw;  
        }
        .technology-col {
            width: 100%;
        }
        .special-tags-col {
            width: 100%;
        }
        .technology-col h4 {
            font-size: 16px;
        }
        .sm-intersect{left: 50px;}
        .sm-intersect img {max-width: 130px;}
        .lg-intersect{top: 280px;}
        .lg-intersect img {width: 180px;}

    /************* Day Free Trial ************/
        /* .yogain-profile{
            flex-wrap: wrap;
            padding: 0px 20px 20px;  
            align-items: center; 
            gap: 20px;
            justify-content: center;
        }
        .yogain-profile img {
            border-radius: 45px;
            max-width: 300px;
        } */
        .free-trial {
            padding-top: 70px;
        }

}


@media screen and (max-width: 640px) {
    /******* Banner *******/
        .banner-section{
            background-position: 95%;   
        }
        .banner-title{
            font-size: 50px;
        }
        .banner-text-wrap{
            font-size: 20px;
        }
        .banner-wrap{
            gap: 50px;
        }
        .banner-wrap-inner{
            gap: 40px;
        }
        .banner-shade{
            left: -30px;
        }

    /************ The solution **********/
        .harmony-card{
            padding: 20px;   
        }
        .harmony-row{
            gap: 18px;
        }
        .ht-card-icon{
            width: 45px;
            height: 45px;
        }
        .harmony-card p{
            font-size: 15px;
        }
        .harmony-long-arrow{
            right: -18px;
            z-index: -1;
        }

    /*********** Modern practitioner ************/  
        
        .practition-card{
            flex-direction: column !important;
            gap: 20px;
            margin-bottom: 60px;
        }
        .pract-img {
            width: 100%;
            max-width: 100%;
        }
        .pract-content{
            width: 100%;
            gap: 15px;
        }
        .pract-content p{
            max-width: 100%;
        }

        .cards-shadow {
            display: none;
        }

    /************ Technology Meets Ancient Yoga *************/
        .technology-meets{
            padding: 130px 0px;   
        }
    /************* Day Free Trial ************/
        .yogain-profile{
            justify-content: flex-start;
            overflow-x: scroll;   
        }
        .yogain-profile img {
            /* border-radius: 45px; */
            max-width: 240px;
        }
    
}

@media screen and (max-width: 560px) {
    .section{
        padding: 70px 0px;   
    }
    .cm-button{
        padding: 14px 18px;
    }
    /******* Banner *******/
        .banner-section{
            padding: 0px;
            background-position: 88%;
            position: relative;
        }
        .banner-section::before{
            content: '';
            position: absolute;
            width: 100%;
            height: 100%;
            background-color: #000;
            opacity: 0.5;
        }
        .banner-shade{
            left: 0px;
            top: -40px;
        }
        .banner-wrap{
            gap: 40px;
        }
        .banner-wrap-inner{
            gap: 30px;
        }
        .banner-title{
            font-size: 40px;
        }
        .banner-text-wrap{
            font-size: 16px;
        }
        .banner-action button {
            width: 100%;
            text-align: center;
            justify-content: center;
        }

    /****** Trusted by *********/   
       
        .trusted-col{
            max-width: 100%;   
        }

    /************ The solution **********/
        .harmony-row{
            gap: 20px;
            flex-wrap: wrap;   
        }
        .harmony-card{
            padding: 48px;   
            flex: auto;
        }
        .harmony-long-arrow{
            display: none;
        }
    
    /*********** Modern practitioner ************/  
        .practitioner-features{
            grid-template-columns: repeat(1, 1fr);   
        }
       
    /************* Day Free Trial ************/
        /* .yogain-profile{
            flex-wrap: wrap;
            padding: 0px 20px 20px;  
            align-items: center; 
            gap: 20px;
            justify-content: center;
        }
        .yogain-profile img {
            border-radius: 20px;
            max-width: 170px;
        } */
        
        

}


@media screen and (max-width: 420px) {
    /******* Banner *******/
        .banner-section{
            padding: 0px;
            background-position: 83%;
        }

    /************* Day Free Trial ************/
        .yogain-profile img{
            max-width: 150px;
        }

}