/* 
  ##Device = Desktops
  ##Screen = 1281px to higher resolution desktops
*/

@media (min-width: 1281px) {
  
  /* CSS */
  
}

/* 
  ##Device = Laptops, Desktops
  ##Screen = B/w 1025px to 1280px
*/

@media (min-width: 1025px) and (max-width: 1280px) {
  
  /* CSS */
  
}

/* 
  ##Device = Tablets, Ipads (portrait)
  ##Screen = B/w 768px to 1024px
*/

@media (min-width: 768px) and (max-width: 1024px) {
  
  /* CSS */
  
}

/* 
  ##Device = Tablets, Ipads (landscape)
  ##Screen = B/w 768px to 1024px
*/

@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
  
  /* CSS */
  
}

/* 
  ##Device = Low Resolution Tablets, Mobiles (Landscape)
  ##Screen = B/w 481px to 767px
*/

@media (min-width: 481px) and (max-width: 767px) {
  
  /* CSS */
  
}

/* 
  ##Device = Most of the Smartphones Mobiles (Portrait)
  ##Screen = B/w 320px to 479px
*/

@media (min-width: 320px) and (max-width: 480px) {
  
  .login.dropdown {float: right;margin-right: 15px;}
  .login.dropdown .btn-top{ padding:5px 26px 5px 0px;margin: 5px 0px;font-size:10px;}
  .brand-name{display:none;}
  #topbar .top-menu{margin-top:-10px;}
  .btn-top.tp-btn{padding: 4px 25px 5px 0px;border-radius:0px;font-size:12px;}
  #header.header-always-fixed .header-inner, #header.header-always-fixed #header-wrap {
    position: fixed !important;
    top: 120px !important;
}
.why-choose-us.get-touch ul.box li {width:90%;}
.student-offer-card.p-relative.overflow-hidden .tp-feature-3-content{margin-top:80px;margin-left:0px !important;}
.student-action-links a{width:100%;}
.tp-testimonial-2-text p {font-size: 14px;line-height: 24px;}
.tp-testimonial-2-area .ps-rel-150{top:0px;}
.tp-hero-area.tp-hero-space.pb-95{padding-bottom:0px;}
.courses ul.ac{min-height:unset;}
.courses ul li{font-size:13px;}
.tp-feature-item-content .feature-title{font-size: 17px;}
  #mainMenu{background:#fff;margin-left:-15px;}
}


/********** Slider section**************/
/* Ensure the main container doesn't overflow at 320px */
.tp-hero-area {
    overflow: hidden;
    min-height: auto !important; /* Prevents fixed desktop heights */
}

/* --- Mobile Breakpoint (320px to 768px) --- */
@media (max-width: 768px) {
    .tp-hero-inner-1 {
        padding-top: 60px !important;   /* Shorter top gap */
        padding-bottom: 30px !important; /* Shorter bottom gap */
        text-align: center;              /* Center align for better mobile look */
    }

    /* Reduce Hero Title Size */
    .tp-hero-title {
        font-size: 26px !important;     /* Small text for 320px screens */
        line-height: 1.2 !important;
        margin-bottom: 15px !important;
    }

    /* Handle the pre-title (Yellow text) */
    .tp-section-title__pre {
        font-size: 12px !important;
        letter-spacing: 1px;
        display: inline-block;
        margin-bottom: 10px;
    }

    

    /* Fix Swiper Slide Width */
    .swiper-container, .hero-active-1 {
        width: 100% !important;
        max-width: 100vw !important;
    }

    .swiper-slide {
        width: 100% !important;
    }

    /* Hide decorative images that clutter 320px screens */
    .tp-hero-shape-1, .tp-hero-shape-2 {
        display: none !important;
    }

    /* Adjust the 'Years Experience' badge if it exists */
    .tp-hero-experince {
        position: relative !important;
        top: 0 !important;
        left: 0 !important;
        margin: 20px auto 0;
        transform: scale(0.9);
    }
}

/* Extra Small Screen Fix (320px specific) */
@media (max-width: 360px) {
    .tp-hero-title {
        font-size: 22px !important; /* Even smaller for the absolute minimum */
    }
    
    .tp-hero-inner-1 {
        padding-left: 15px;
        padding-right: 15px;
    }
}