/*=========================================================
ICETFSE-2027
Responsive Stylesheet
File : assets/css/responsive.css
Author : Web Team
==========================================================*/


/*=========================================================
Large Devices (1400px and below)
=========================================================*/

@media (max-width:1400px){

.hero-section h1{

    font-size:52px;

}

.section-title{

    font-size:40px;

}

.container{

    max-width:1280px;

}

}



/*=========================================================
Laptop Devices (1200px)
=========================================================*/

@media (max-width:1200px){

.hero-section{

    padding:90px 0;

}

.hero-section h1{

    font-size:46px;

}

.hero-section .lead{

    font-size:18px;

}

.section-title{

    font-size:36px;

}

.countdown-card{

    padding:25px;

}

.committee-img{

    height:280px;

}

.speaker-img{

    height:270px;

}

.venue-card img{

    height:350px;

}

}



/*=========================================================
Medium Devices (992px)
=========================================================*/

@media (max-width:992px){

.navbar{

    padding:12px 0;

}

.navbar-collapse{

    background:#ffffff;

    margin-top:15px;

    padding:20px;

    border-radius:12px;

    box-shadow:0 10px 25px rgba(0,0,0,.08);

}

.nav-item{

    margin-left:0;

}

.nav-link{

    padding:12px 15px!important;

}

.hero-section{

    text-align:center;

    min-height:auto;

    padding:80px 0;

}

.hero-section h1{

    font-size:42px;

}

.hero-section .lead{

    margin:auto;

}

.conference-details{

    justify-content:center;

}

.hero-section .btn{

    margin:8px;

}

.countdown-card{

    margin-top:40px;

}

.about-section{

    text-align:center;

}

.about-section img{

    margin-bottom:35px;

}

.track-card{

    margin-bottom:25px;

}

.highlight-card{

    margin-bottom:25px;

}

.pricing-card{

    margin-bottom:30px;

}

.featured-card{

    transform:none;

}

.committee-card{

    margin-bottom:30px;

}

.speaker-card{

    margin-bottom:30px;

}

.footer{

    text-align:center;

}

.footer-links{

    margin-bottom:25px;

}

.social-icons{

    justify-content:center;

}

.contact-box{

    margin-bottom:25px;

}

iframe{

    margin-top:30px;

}

}



/*=========================================================
Tablet (768px)
=========================================================*/

@media (max-width:768px){

body{

    font-size:15px;

}

.topbar{

    display:none;

}

.section-title{

    font-size:32px;

}

.hero-section{

    padding:70px 0;

}

.hero-section h1{

    font-size:36px;

}

.hero-section h3{

    font-size:22px;

}

.hero-section .lead{

    font-size:17px;

}

.conference-details{

    flex-direction:column;

    align-items:center;

}

.detail-box{

    width:100%;

    max-width:420px;

}

#countdown{

    grid-template-columns:repeat(2,1fr);

}

.time-box h2{

    font-size:34px;

}

.stats-card{

    margin-bottom:25px;

}

.highlight-card{

    padding:30px 20px;

}

.track-card{

    padding:25px;

}

.date-card{

    margin-bottom:20px;

}

.call-paper-section{

    padding:70px 25px;

}

.call-paper-section h2{

    font-size:30px;

}

.publisher-card{

    margin-bottom:25px;

}

.committee-img{

    height:260px;

}

.speaker-img{

    height:240px;

}

.counter-box{

    margin-bottom:30px;

}

.counter-box h2{

    font-size:42px;

}

.venue-card img{

    height:280px;

}

.tour-card img{

    height:200px;

}

.floating-buttons{

    right:15px;

    bottom:20px;

}

}



/*=========================================================
Mobile Devices (576px)
=========================================================*/

@media (max-width:576px){

.hero-section{

    padding:60px 0;

}

.hero-section h1{

    font-size:30px;

}

.hero-section h3{

    font-size:20px;

}

.hero-section .lead{

    font-size:16px;

}

.section-title{

    font-size:28px;

}

.section-subtitle{

    font-size:12px;

    padding:6px 15px;

}

.btn{

    width:100%;

    margin-bottom:12px;

}

.hero-section .btn{

    width:100%;

}

.detail-box{

    min-width:100%;

}

.countdown-card{

    padding:20px;

}

.time-box{

    padding:18px 10px;

}

.time-box h2{

    font-size:28px;

}

.pricing-price{

    font-size:34px;

}

.committee-img{

    height:220px;

}

.speaker-img{

    height:220px;

}

.publisher-card img{

    height:55px;

}

.tour-card img{

    height:180px;

}

.contact-box{

    padding:20px;

}

.footer{

    padding:50px 0 20px;

}

.footer h5{

    margin-top:20px;

}

.footer-links{

    margin-bottom:20px;

}

.social-icons{

    gap:10px;

}

.social-icons a{

    width:40px;

    height:40px;

}

.floating-buttons{

    right:10px;

    bottom:10px;

}

.floating-buttons .btn{

    font-size:13px;

    padding:10px 14px;

}

#backToTop{

    width:45px;

    height:45px;

}

}



/*=========================================================
Extra Small Devices (400px)
=========================================================*/

@media (max-width:400px){

.hero-section h1{

    font-size:26px;

}

.section-title{

    font-size:24px;

}

.hero-section .lead{

    font-size:15px;

}

#countdown{

    grid-template-columns:1fr;

}

.time-box{

    margin-bottom:12px;

}

.detail-box{

    padding:15px;

}

.detail-box i{

    width:45px;

    height:45px;

    font-size:18px;

}

.track-card{

    padding:20px;

}

.highlight-card{

    padding:22px 18px;

}

.pricing-card{

    border-radius:15px;

}

.committee-img{

    height:200px;

}

.speaker-img{

    height:200px;

}

.tour-card img{

    height:160px;

}

.footer{

    font-size:14px;

}

}



/*=========================================================
Landscape Phones
=========================================================*/

@media (max-height:500px) and (orientation:landscape){

.hero-section{

    min-height:auto;

    padding:60px 0;

}

.scroll-indicator{

    display:none;

}

}



/*=========================================================
Print Styles
=========================================================*/

@media print{

.navbar,
.topbar,
.footer,
.floating-buttons,
.btn{

    display:none!important;

}

body{

    background:#fff;

    color:#000;

}

section{

    page-break-inside:avoid;

}

}

/*=========================================================
END OF responsive.css
=========================================================*/