@media screen and (min-width: 1400px) and (max-width: 1599px) {

}
@media screen and (min-width: 1200px) and (max-width: 1399px) {

}
@media screen and (min-width: 992px) and (max-width: 1199px) {

}
@media screen and (min-width: 768px) and (max-width: 991px) {

}
@media screen and (min-width: 681px) and (max-width: 767px) {

}
@media screen and (min-width: 481px) and (max-width: 680px) {

}
@media only screen and (max-width:1699px){
    .propertybigbtn {font-size: 15px;}
    .container-fluid, .container {width: 96%;}
    .bannerbox h3 {font-size: 24px;}
}
@media only screen and (max-width:1599px){
    .propertybigbtn {font-size: 15px;}
    .container-fluid, .container {width: 96%;}
}
@media only screen and (max-width:1399px){
    h1 {font-size: 46px;}
    .bannerbox h3 {font-size: 22px;min-height: auto;}
    .bannerbox h4 {font-size: 24px;}
    .bannersec {
        padding-bottom: 60px;
    }
}
@media only screen and (max-width:1299px) {
    .pricetopbarinner .pricetogglecontent {display: block;}
    .pricetoggleinner {margin-top: 20px;}
}
@media only screen and (max-width:1199px){
    .menu li {margin: 0 20px;}
    li.countinner h3 {font-size: 30px;}
    .programcard {
    width: 31%;
    max-width: 31%;
    margin-right: 0px;
    padding: 26px;
    background: var(--iimcip-white);
    box-shadow: 0 0 20px 8px rgba(0,0,0,0.1);
    border-radius: 12px;
    position: relative;
    z-index: 1;
    }
    .programcards {
        display: flex;
        justify-content: space-between;
        position: relative;
        z-index: 1;
        flex-wrap: wrap;
        gap: 15px;
    }
    .programcards::after {display: none;}


}
@media only screen and (max-width:1023px){
    .innerheader .propertybtn {margin-right: 52px;}
    a#menu_trigger {
        right: 10px;
    }
    .menu li {margin: 0 0px;}
    header {
        top: 0px;
        padding: 12px 0px;
    }
    header.scrolled {
        padding: 0px 0px;
    }
    .innerheader {
        justify-content: flex-start;
        padding: 10px;
    }
    .programcards::after {
        display: none;
    }
    header.scrolled .innerheader {
        padding: 10px 0px;
    }
    

    
}
@media only screen and (max-width:991px){
    section {overflow: hidden;}
    .servicebox {height: 100%;}
    .qandabox {margin: 0px 0px 20px;min-height: 146px;}
    .buttonbox {max-width: 250px;}
    .footerform form {display: block;}
    li.countinner {padding: 36px 10px;}
    .futurepriceinner {display: block;}
    .pricetogglebox {width: 100%;max-width: 100%;}
    .servicehover {height: 95%;}
    .faq-top-inner {display: block;}
    .faq-top-inner .filtersearch {max-width: 100%;margin-bottom: 15px;}
    .bannersec {
        padding: 110px 0 0;
    }
    h1 {
        font-size: 50px !important;
        font-weight: 700 !important;
    }

}

@media only screen and (max-width:767px){
    .bannerboxes {display: block;}
    .bannerbox {width: 100%;margin: 0px;margin-bottom: 50px;}
    .bnrbox {min-height: auto;}
    .bnrbtmbox br {display: none;}
    .bannerbox:nth-last-child(1) {margin: 0px;}
    .futuretenantinner {display: block;padding: 30px;}
    .buttonbox {width: 100%;max-width: 100%;}
    .servicebox {height: auto;}
    .footerform button {width: 100%;}
    .pricetoggleinner {display: block;justify-content: flex-start;align-items: center;}
    .pricetoggleinner span {display: block;}
    .pricetoggleinner span br {display: none;}
    .starttodaybox {min-height: auto;}
    .updatestatus {margin: 0 0 10px 0px;}
    .smallbox {display: block;}
    .filterform form {display: block;}
    .filterform .form-select {margin-bottom: 15px;}
    .aboutcount li.countinner h3 {font-size: 20px;}
    .bannerlogos img {
        width: 70%;
        margin: 0 0 0px;
    }
    .timeline-item.right .timeline-item-inner {
        margin-left: 0px;
    }
    .trophy {
        bottom: 0px;
        left: 0%;
        transform: none;
        padding: 10px 0 0;
        width: 45px;
    }
    .trophy:before {
    top: -62px;
    left: 50%;
    width: 1px;
    height: 109px;
    transform: translate(-3px, -1px);
}
    ul.addressec {
        display: flex;
        justify-content: space-between;
        flex-direction: column;
        gap: 20px;
    }
    .listpadding {
        padding-left: 0px;
        padding-top: 30px;
    }
    .eligiblecards {
        flex-direction: column;
    }
    .eligiblecard {
        width: 100%;
        justify-content: center;
    }
    .timeline-item::after {
        right: unset;
        left: 22px;
    }
    .timeline-item::after {
        right: unset !important;
        left: 22px !important;
    }

}

@media only screen and (max-width:680px){
    header {padding: 12px 0px;}
    .logo img {height: 40px;}
    li.countinner {width: calc(50% - 30px);margin: 0px 15px 20px;background: #0e0e0e;font-weight: 400;min-height: 151px;}
    .aboutcount li.countinner {width: calc(50% - 16px);margin: 0px 8px 20px;background: #0e0e0e;font-weight: 400;min-height: auto;}
    .shortlogo {display: inline;}
    .mainlogo {display: none;}
    h1 {font-size: 36px !important;}
    .bannertext p {font-size: 15px;}
    ul.commonlist li {font-size: 12px;padding: 10px 16px;margin: 0px 10px 12px 0px;}
    h2 {font-size: 28px;}
    .futuretextbox h2 {font-size: 28px;}
    .secgap {padding: 50px 0px 50px;}
    li.countinner h3 {font-size: 26px;}
    a.wapsupport {padding: 0px;width: 45px;height: 45px;overflow: hidden;background: transparent;right: 12px;}
    a.wapsupport div {display: none;}
    a.wapsupport img {display: inline;}
    .propertybtn {padding: 12px 20px;font-size: 14px;}
    span.tag {top: -18px;right: -10px;font-size: 12px;padding: 10px 20px;}
    .propertybigbtn {padding: 12px 20px;font-size: 14px;}
    .programcard {
        width: 47%;
        max-width: 50%;
    }
    .focusbox {
        gap: 7px;
        flex-direction: column;
    }

}
@media only screen and (max-width:580px){
    .pricetogglecontent {display: block;}
    .pricebox {margin-bottom: 20px;}

}

@media only screen and (max-width:480px){
    .programcard {
        width: 100%;
        max-width: 100%;
    }
    .timeline-item, .timeline-item.right {
        width: 100%;
        left: 0;
        padding-left: 60px;
        padding-right: 0;
    }
    .timeline-dot {
        width: 25px;
        height: 25px;
    }
    .timeline-content {
        padding: 20px 20px 20px 30px;
    }
    .timeline-content h3 {
        font-size: 20px;
        line-height: 1.3;
    }
    .timeline-content p {
        font-size: 14px;
        line-height: 1.5;
    }
    .timelinedate {
        font-size: 14px;
    }
    .storyslidercont {
        padding: 20px;
    }
    .accordionsec .accordion-item .accordion-header button {
        font-size: 14px;
        padding: 14px;
    }
    .accordion-body {
        padding: 14px;
        line-height: 1.5;
        font-size: 14px;
        gap: 10px;
    }
    .contactform {
        padding: 30px 20px;
    }
    .footersec {
        font-size: 14px;
    }

}