@media only screen and (max-width:1200px) {}

@media only screen and (max-width:1190px) {}

@media only screen and (max-width:1170px) {
    .stellarnav>ul>li>a {
        padding: 10px 9px;
    }
}

/* ---IPad Pro--- */
@media only screen and (min-width: 1024px) and (max-height: 1366px) and (-webkit-min-device-pixel-ratio: 1.5) {
    .sec_padding {
            padding: 30px 0;
        }
    
    .gallery-carousel .slick-current img {
        width: 100%;
    }

    .gallery-carousel .slick-current {
        transform: scale(1.3);f
        -webkit-transform: scale(1.3);
        -moz-transform: scale(1.3);
        -ms-transform: scale(1.3);
        -o-transform: scale(1.3);
    }

    .gallery-carousel .slick-track {
        margin: 54px 0 140px;
    }

     .home_contact img{
        height: 520px;
        object-fit: cover;
    }
}

/* ---IPad--- */
@media all and (device-width: 768px) and (device-height: 1024px) and (orientation:portrait) {
    .sec_padding {
            padding: 30px 0;
        }
    
        .gallery-carousel .slick-current img {
            width: 100%;
        }
    
        .gallery-carousel .slick-current {
            transform: scale(1.3);
            -webkit-transform: scale(1.3);
            -moz-transform: scale(1.3);
            -ms-transform: scale(1.3);
            -o-transform: scale(1.3);
        }
    
        .gallery-carousel .slick-track {
            margin: 54px 0 140px;
        }
    
        .home_contact img {
            height: 520px;
            object-fit: cover;
        }

        .cait_box1 {
            padding: 30px;
        }

        div:nth-child(1)>.event_box1 {
            border-left: 0;
        }
}

@media (min-width:320px) and (max-width:480px) {
    .sec_padding {
        padding: 50px 0;
    }

    p {
        font-size: var(--font-14);
    }

    section {
        overflow: hidden;
    }

    .main_header .container {
        padding: 0;
    }

    .main_header .header_fixed {
        flex-wrap: wrap;
    }

    .header_fixed .navbar-brand {
        width: 100%;
    }

    .header_fixed .navbar-brand>span {
        color: var(--color-white);
    }

    .header_fixed .navbar-brand::before,
    .header_fixed .navbar-brand::after {
        display: none;
    }

    .header_fixed .main_menu {
        background-color: var(--color-3);
        width: 100%;
        text-align: right; padding: 10px;
    }

    .slider_area::after {
        height: 30px;
    }

    .sec_title {
        margin-bottom: 20px;
    }

    .btn-theme {
        font-size: 13px;
        padding: 5px 17px;
    }

    .cait_box1 {
        padding: 20px;
    }

    .cait_box_figure{
        width: 80px;
        height: 80px;
    }

    .cait_box_figure>img {
        width: 45px;
    }

    .event_box1 {
        border-left: 0;
        padding-left: 0;
        padding-bottom: 20px;
    }

    .event_figure {
        flex-basis: 25%;
    }

    .event_caption {
        flex-basis: 75%;
    }

    div:last-child>.event_box1 {
        padding-top:20px;
        border-top: 1px dashed #9b9b9b;
    }

    .gallery-carousel .slick-track {
        margin: 20px 0 70px;
    }

    .gallery-carousel .slick-current img {
        width: 100%;
    }

    .gallery-carousel .slick-current {
        transform: scale(1.5);
        -webkit-transform: scale(1.5);
        -moz-transform: scale(1.5);
        -ms-transform: scale(1.5);
        -o-transform: scale(1.5);
}

    .gallery-carousel .slick-slide img {
        height: auto;
    }

    .slick-arrow {
        width: 28px;
        height: 28px;
    }

    .slick-arrow::before {
        width: 35px;
        height: 35px;
    }

    .home_contact_form{
        padding: 13px;
    }

    .main_footer {
        padding-top: 60px;
    }

    .quick_link>li {
        margin: 5px 5px;
    }
}


@media (min-width:320px) and (max-width:768px) {
    .state_list li{
        flex-basis: 25%;
    }
}

@media (min-width:320px) and (max-width:480px) {
     .state_list li{
        flex-basis: 45%;
    }
}
