/*  12.0 ===== Medias/Responsive =====   */

/*
 * Does the same thing as <meta name="viewport" content="width=device-width">,
 * but in the future W3C standard way. -ms- prefix is required for IE10+ to
 * render responsive styling in Windows 8 "snapped" views; IE10+ does not honor
 * the meta tag. See https://core.trac.wordpress.org/ticket/25888.
 */

@-ms-viewport {
    width: device-width;
}

@viewport {
    width: device-width;
}

a {
    -webkit-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
}

.top-header .top-menu li:last-child:after,
.primary-menu li.menu-item:first-child:before {
    content: none;
}

.has-background {
    padding: clamp(30px, 8vw, 100px) 0;
}

.sucess-story {
    padding: clamp(30px, 5vw, 80px) 0;
}

.entry-content ul li:not(:last-child) {
    margin-bottom: 15px;
}

.our-services li,
.list-style li {
    padding-left: 10px;
}


.sucess-story ul:not(:last-child) {
    margin-bottom: 30px;
}

.sucess-story ul:last-child {
    margin-top: 30px;
}

.story-wrapper .item img {
    aspect-ratio: 1/1;
    height: clamp(80px, 8vw, 100px);
    width: clamp(80px, 8vw, 100px);
}

.story-wrapper .item.testimonial-list {
    padding: clamp(20px, 3vw, 30px);
}

.story-wrapper .item.testimonial-list .entry-content p {
    color: #333;
}


/* All Tablet Portrait size smaller than standard 1023 (devices and browsers) */

@media only screen and (max-width: 1024px) {
    h2.entry-title {
        padding-bottom: 10px;
    }

    .open-menu-modal .hamburger {
        display: none;
    }

    .site-branding>a {
        min-width: 100px;
        max-width: 100px;
    }

    .sidebar {
        width: 100%;
    }

    .open-menu-modal .close-menu {
        display: block;
    }

    .site-branding {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    }

    .info-wrap>.item figure {
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
    }

    .our-services {
        column-count: 2;
    }

    .about .content-wrapper {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 30px;
    }

    .about .content-wrapper .entry-content {
        width: 100%;
    }

    .about .facebook-post>div,
    .fb_iframe_widget span,
    .about .facebook-post>div iframe {
        width: 100% !important;
    }

    .about .facebook-post {
        width: 100%;
    }

    .info-wrap>.item figure img {
        width: 100%;
    }

    .item-content {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
    }

    .footer-widget {
        display: -ms-grid;
        display: grid;
        padding-top: clamp(10px, 2vw, 30px);
        gap: 30px;
        grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
    }

    .testimonial .item {
        gap: 30px;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }

    .footer-widget>.widget:last-child {
        -ms-grid-column: 1;
        -ms-grid-column-span: 2;
        grid-column: 1 / 3;
        width: 100%;
    }

    .footer-widget>.widget {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        width: 100%;
    }

    .preparation-wrapper .post-content {
        padding-inline: 15px;
    }

    .info-wrap,
    .preparation-wrapper {
        display: -ms-grid;
        display: grid;
        grid-template-columns: repeat(2, 1fr);
    }

    .info-wrap>.item,
    .preparation-wrapper>.post {
        width: auto;
    }

    .close-menu {
        display: none;
    }

    .primary-menu li.menu-item a::before {
        position: relative;
        left: auto;
    }

    .hero-banner {
        height: 50vh;
    }

    .slick-list,
    .slick-track,
    .banner-item,
    .banner-item img {
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
    }

    .navigation-menus {
        max-height: 0;
        overflow: hidden;
        transition: max-height 0.5s ease-in-out;
    }

    .open-menu-modal .navigation-menus {
        max-height: 99em;
        transition: max-height 0.8s ease-in-out;
    }

    .main-navigation {
        padding: 15px;
        position: relative;
    }

    .primary-menu li.menu-item::before {
        display: none;
    }

    .primary-menu {
        margin-top: 15px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }

    .site-title,
    .site-description {
        font-size: 1rem;
    }
}


@media only screen and (max-width: 991px) {
    .story-wrapper .item.testimonial-list {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 15px;
    }

    .story-wrapper .item.testimonial-list .entry-content {
        text-align: center;
        width: 100%;
    }


    .top-header .wrapper {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .branding-wrapper .site-branding {
        -ms-flex-preferred-size: 70%;
        flex-basis: 70%;
        justify-content: flex-start;
    }

    .story-wrapper .item h3.entry-title {
        font-size: 18px;
    }

    .story-wrapper .item .sub-title {
        font-size: 12px;
    }

    .contact-ifno ul {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .branding-wrapper .social-icons {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        width: 50%;
    }

    .study-in {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 30px;
    }

    .study-in figure,
    .info,
    .study-in-item {
        width: 100%;
    }

    .service .container {
        gap: 30px;
    }

    .countries-list {
        display: -ms-grid;
        display: grid;
        grid-template-columns: repeat(2, 1fr);
    }

}

@media only screen and (max-width: 767px) {

    .top-menu {
        display: none;
    }

    .google-map iframe {
        height: 350px;
    }

    .widget.quick-link li,
    .widget li {
        padding-bottom: 15px;
    }
}


@media only screen and (max-width: 575px) {

    .story-wrapper,
    .branding-wrapper {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .top-header a {
        font-size: 12px;
    }

    .widget-title,
    .info-wrap>.item {
        text-align: left;
    }

    .testimonial .item .entry-content {
        width: 100%;
    }

    .countries-list,
    .footer-widget,
    .info-wrap,
    .preparation-wrapper {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }

    .footer-widget>.widget {
        grid-column: 1;
    }

    .info-wrap,
    .preparation-wrapper {
        display: -ms-grid;
        display: grid;
    }

}