/* Custom Mobile Responsive Styles */

/* ==========================================================================
   Mobiles (Large & Small) - max-width: 767px
   ========================================================================== */
@media only screen and (max-width: 767px) {
   /* 
       Aap apna mobile-specific code yahan likh sakte hain.
       Ye section sabhi mobile devices ko cover karega.
    */

   /* Reordering elements in Book Section for Mobile */
   .book_section .row.clearfix {
      display: flex;
      flex-direction: column;
   }

   .book_section .image-column,
   .book_section .content-column,
   .book_section .image_block_two,
   .book_section .content_block_two,
   .book_section .content-box {
      display: contents;
   }

   .book_section .sec-title {
      order: 1;
      margin-bottom: 20px !important;
   }

   .book_section .image-box.book_image {
      order: 2;
      display: block !important;
      margin: 0 auto 30px auto !important;
      text-align: center;
   }

   .book_section .inner-box {
      order: 3;
   }

   .book_section .new_mr {
      order: 4;
   }

   .image_block_two .image-box .image img {
      width: 100%;
      border-radius: 7px;
      margin-top: 0px;
   }

   .scroll-to-top {
      display: none;
   }

}

/* ==========================================================================
   Small Mobile Devices - max-width: 575px
   ========================================================================== */
@media only screen and (max-width: 575px) {
   /* 
       Chote mobile devices ke liye specific code yahan likhein.
    */

}

/* ==========================================================================
   Extra Small Mobile Devices - max-width: 480px
   ========================================================================== */
@media only screen and (max-width: 480px) {
   /* 
       Very small devices ke liye yahan code likhein.
    */

   .logo-box img {
      width: 170px;
   }

   .banner-style-six .content-box .upper-text {
      font-size: 20px;
      margin-top: -24px;
   }

   .banner-style-six .content-box h2 {
      font-size: 31px;
      line-height: 43px;
   }

   .banner-style-six .content-box p {
      font-size: 18px;
      line-height: 25px;
   }

   .banner-style-six {
      padding: 90px 0px 15px 0px;
   }

   .banner-style-six .content-box {
      padding: 0 13px;
   }

   .chooseus-style-four .inner-box .single-item {
      margin-bottom: 10px;
   }

   .chooseus-style-four .inner-box .single-item {
      padding: 18px 30px 18px 38px;

   }

   .sec-title h2 {
      font-size: 26px !important;

   }

   .chooseus-style-four .inner-box .single-item h3 {
      font-size: 21px;
      line-height: 26px;

   }

   .chooseus-section {
          padding: 10px 9px 9px !important;
   }
}

/* ==========================================================================
   Tablets and Below - max-width: 991px
   ========================================================================== */
@media only screen and (max-width: 991px) {
   /* 
       Agar aapko tablet view ke liye bhi kuch change karna ho.
    */

}