@media screen and (min-device-width: 1601px) and (max-device-width: 1920px) and (-webkit-min-device-pixel-ratio: 1) {
    .dl-logo {
        position: absolute;
        left: 14rem;
    }
}

@media screen and (min-device-width: 1200px) and (max-device-width: 1600px) and (-webkit-min-device-pixel-ratio: 1) {}

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

    h1,
    p {
        text-align: center !important;
    }

    .hero-title-section img {
        width: 25rem;
    }

    .hero-title-section {
        top: 8rem;
        left: 1rem;
    }

    /*  */
    .section-objective {
        background-size: cover;
    }

    .s2-element-star {
        top: 2rem;
        left: 6rem;
    }

    .s2-element-left {
        display: none;
    }

    .s2-element-right {
        top: 1.5rem;
        right: 4rem;
    }

    .s2-element-right img {
        width: 3rem;
    }

    .services-btn a {
        left: 40%;
    }

    .video-style {
        height: 400px;
    }

    /*  */
    .bts-films {
        padding: 4rem 0;
    }

    /* .bts-films .camera-icon {
        top: 6rem;
    } */

    .bts-films .camera-icon img {
        width: 12rem;
    }

    .video-content-container {
        display: flex;
        align-items: center;
        flex-direction: column-reverse;
        justify-content: center;
        gap: 2rem;
    }

    .videography-mob {
        flex-direction: column-reverse;
    }

    .video-content-container .title-content p,
    .video-content-container .title-content h1 {
        text-align: center !important;
    }

    /* .food-photography */
    /* .food-photography h1,.food-photography p{
        text-align: center !important;
    } */

    /*  */
    /* social-media-marketing */
    .social-media-marketing {
        padding: 7rem 0;
    }

    .social-media-marketing .element-container {
        top: 4rem;
        left: 0px;
    }

    .social-media-marketing .element-container img {
        width: 60px;
    }

    .social-media-marketing .element-container-second {
        display: none;
    }

    /* .section-stories-content */

    .section-stories-content {
        background-size: cover;
    }

    .reel-story-container img {
        width: 75px;
        height: 75px;
    }

    /* .footer-section */
    .footer-section {
        background-image: url(../images/profile/d-lakhani/footer-responsive-bg-mob.png);
        background-size: cover;
        background-position: right;
    }
}

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

    h1,
    p {
        text-align: center !important;
    }

    .desk-view {
        display: none !important;
    }

    .mob-view {
        display: block !important;
    }

    .hero-title-section img {
        width: 15rem;
    }

    .hero-title-section {
        top: 4rem;
        left: 1.7rem;
    }

    /*  */
    .section-objective {
        background-size: cover;
    }

    .s2-element-star {
        top: 2rem;
        left: 1rem;
    }

    .s2-element-left {
        display: none;
    }

    .s2-element-right {
        top: 1rem;
        right: 1rem;
    }

    .s2-element-right img {
        width: 3rem;
    }

    .services-btn a {
        left: 31%;
    }

    .video-style {
        width: 100%;
        height: 240px;
    }

    /*  */
    .bts-films {
        padding: 4rem 0;
    }

    .bts-films .camera-icon {
        top: 6rem;
    }

    .bts-films .camera-icon img {
        width: 6rem;
    }

    /*  */
    .food-photography {
        background-image: url(../images/profile/d-lakhani/bg-with-grid.png);
        background-repeat: repeat;
        background-size: 100% 100%;
        padding-top: 4rem;
        padding-bottom: 3rem;
    }

    .video-content-container {
        display: flex;
        align-items: center;
        flex-direction: column-reverse;
        justify-content: center;
        gap: 2rem;
    }

    .videography-mob {
        flex-direction: column-reverse;
    }

    .video-content-container .title-content p,
    .video-content-container .title-content h1 {
        text-align: center !important;
    }

    .videography-reel-section {
        margin-top: -4rem;
    }

    /* .food-photography */
    /* .food-photography h1,.food-photography p{
        text-align: center !important;
    } */

    /*  */
    /* social-media-marketing */
    .social-media-marketing {
        padding: 5rem 0;
    }

    .social-media-marketing .element-container {
        top: 4rem;
        left: 0px;
    }

    .social-media-marketing .element-container img {
        width: 40px;
    }

    .social-media-marketing .element-container-second {
        display: none;
    }

    /* .section-stories-content */

    .section-stories-content {
        background-size: 100% 80%;
    }

    .reel-story-container img {
        width: 60px;
        height: 60px;
    }

    .realrimestories {
        margin-top: 3rem;
        text-align: center;
    }

    .DL-next-testimonial {
        position: absolute;
        bottom: -5rem;
        right: 25%;
        z-index: 100;
    }

    .DL-prev-testimonial {
        position: absolute;
        bottom: -5rem;
        left: 25%;
        z-index: 100;
    }

    /* .DL-next-testimonial i{
        font-size: 40px;
        }
        .DL-prev-testimonial i{
            font-size: 40px;
       } */


    .client-testimonial-next-testimonial {
        position: absolute;
        bottom: -5rem;
        right: 25%;
        z-index: 100;
    }

    .client-testimonial-prev-testimonial {
        position: absolute;
        bottom: -5rem;
        left: 25%;
        z-index: 100;
    }

    /* .trending-reel */
    .trending-reel {
        padding-top: 3rem;
        padding-bottom: 5rem;
        padding-left: 0.8rem;
        padding-right: 0.8rem;
        height: auto;
    }

    .trending-reel .title-section {
        margin-top: 2rem;
    }

    .trending-reels-next {
        position: absolute;
        bottom: -4rem;
        right: 25%;
        z-index: 100;
    }

    .trending-reels-prev {
        position: absolute;
        bottom: -4rem;
        left: 25%;
        z-index: 100;
    }

    /* festive-posts */
    .festive-posts {
        background-image: url(../images/profile/d-lakhani/festive-posts-bg.png);
        background-repeat: no-repeat;
        background-size: cover;
        padding-top: 7rem;
        padding-bottom: 7rem;
    }

    .hanging-elements .ele-globe {
        left: 2rem;
        width: 3rem;
    }

    .hanging-elements .ele-stars {
        right: 2rem;
        width: 3rem;
    }

    .festive-post-slider-next {
        position: absolute;
        bottom: -5rem;
        right: 25%;
        z-index: 100;
    }

    .festive-post-slider-prev {
        position: absolute;
        bottom: -5rem;
        left: 25%;
        z-index: 100;
    }
    .trending-reel .title-section {
   
        background-size: 100% 89% !important 
    }
    .social-media-marketing {
        margin-top: 3rem!important;
    }
}
    @media (max-width: 767px) {
        .img-header-container img{
        width: 102%;
    } 
 

}
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: portrait) {
  
  /* Styles for iPad portrait */
 .img-header-container {
    aspect-ratio: 16/8;
} 
 .img-header-container img{
    padding-top: 4rem;
    padding-bottom: 3rem;
    width: 98%;
} 
 .realrimestories ,img{
    
    align-items: center;

 }
   .trending-reel{
    height: 856px !important;
 }
  .trending-reel .w-100 {
        width: 71% !important /* Tablet-specific width */
    }
  
  }
@media only screen 
  and (min-width: 1024px) and (max-width: 1024px) 
  and (min-height: 600px) and (max-height: 600px) {
     .img-header-container img{

        width: 99%;
    }    
   
  }
@media only screen 
and (min-device-width: 768px) 
and (max-device-width: 834px) 
and (orientation: portrait) 
and (-webkit-min-device-pixel-ratio: 2) {
    .trending-reel .t-reall1{
        width: 96.333333% !important;
    }
}

@media only screen 
and (min-device-width: 820px) 
and (max-device-width: 1180px) 
and (orientation: portrait) 
and (-webkit-min-device-pixel-ratio: 2) {
    /* iPad Air Portrait CSS */


     .trending-reel .t-reall1{
        width: 86.333333% !important;
        margin-left: -22px;
    }

    .trending-reel .title-section{
        background-size: 100% 99% !important;
    }
}
@media only screen 
and (min-device-width: 1024px) 
and (max-device-width: 1366px) 
and (orientation: portrait) 
and (-webkit-min-device-pixel-ratio: 2) {
    .trending-reel .t-reall1{
       width: 73.333333% !important;
        margin-left: 21px;
    }
        .hero-title-section {
            position: absolute;
    top: 11rem;
    left: 6rem;

    }
}
@media only screen 
and (min-device-width: 900px) 
and (max-device-width: 1024px) 
and (orientation: portrait) {
    .trending-reel .t-reall1{
       width: 69.333333% !important;
       
    }
}

@media only screen 
and (min-device-width: 600px) 
and (max-device-width: 1024px) 
and (orientation: landscape) {
    .trending-reel {
   
        height: 675px;
        
    }
    .trending-reel .w-100  {
            width: 82% !important;
    }
    .trending-reel .title-section{
        background-size: 100% 99% !important;
    }
     .hero-title-section {
            position: absolute;
    top: 11rem;
    left: 6rem;

    }
}
@media only screen 
and (min-width: 1200px) 
and (max-width: 1920px) {
    .trending-reel .trending-reel-sec-one img,
    .trending-reel .trending-reel-sec-two img {
        width: 100%;
    }

    .trending-reel .title-section h1 {
        font-size: 2.2rem;
    }

    .trending-reel .title-section p {
        font-size: 1rem;
    }

    .trending-reel .image-ribbons img {
        max-width: 90%;
    }
   
}