/* ============ desktop view ============ */
@media all and (min-width: 1475px) {
    .dropdown-menu[data-bs-popper] {
        left: -313px;
    }
}
    
@media all and (min-width: 1575px) {
    .dropdown-menu[data-bs-popper] {
        left: -413px;
    }
    .banner-image{
        height: 600px !important;
    }
    .not-found-container {
        height:100vh;
    }
    .destination-banner-image img,.about-main-banner img,.faq-banner-image img,.class-banner-image img,.service-banner-image img {
        /* object-fit: cover; */
    }
    .ceo-msg-section,.contact-section{
        margin:auto 0;
    }
    #blog-container,#main,.ed-container{
        margin:auto;
    }
}
@media all and (min-width: 2075px) {
   
    .banner-image{
        height: 800px !important;
    }
}
@media all and (min-width: 2575px) {
   
    .banner-image{
        height: 800px !important;
    }
}
@media all and (min-width: 3075px) {
   
    .banner-image{
        height: 1600px !important;
    }
}
@media all and (max-width: 1350px) {
    .dropdown-menu[data-bs-popper] {
        left: -323px;
    }
    .footer-iframe{
        /* width:100%; */
        margin-left:50px;
        position: initial;
    }
    .t-div{
        height:400px;
    }
}
@media all and (min-width:1400px) {
    .best-regards{
        left: 0px;
    }
    .blog-img{
        height:400px !important;
    }
}
@media all and (min-width: 1360px) {
    .main-ul {
        left: -417px;
    }
   
    
}

@media all and (min-width: 992px) {
    .banner-image{
        height:530px;
    }
  
    .container,
    .container-fluid,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl,
    .container-xxl {
        padding-left: 30px;
        padding-right: 30px;
    }
    .dropdown-menu li {
        position: relative;
        margin-top: 10px;
    }
    .nav-item .submenu {
        display: none;
        position: absolute;
        left: 200px;
        top: -7px;
        width: 200px !important;
    }
    .main-ul {
        height: 518px;
    }
    .navbar-nav{
        align-items: center;
    }
    .nav-item .submenu-left {
        right: 100%;
        left: auto;
    }
    .navbar-expand-lg .navbar-nav .dropdown-menu {
        width: 490px;
        opacity: 0.8;
    }
    .dropend:hover {
        background: linear-gradient(
            180deg,
            rgb(18, 54, 100) 0%,
            rgb(19, 56, 104) 100%
        ) !important;
        border-top-left-radius: 40px !important;
    }
    .dropend .dropdown-menu {
        width: 50% !important;
    }
    .dropdown-item:hover {
        color: #ee1616;
        background: linear-gradient(
            180deg,
            rgb(18, 54, 100) 0%,
            rgb(19, 56, 104) 100%
        ) !important;
        /* transition: 1s ease-in-out; */
    }
    .dropdown-menu > li:hover > .submenu {
        display: block;
    }
    .dropdown-menu:hover > .sub-menu {
        display: block;
    }
    .scroll-animation {
        overflow: auto; /* Add scrollbars to the container */
    }

    .animated-text {
        opacity: 0;
        transform: translateY(50px);
        transition: opacity 0.5s ease-out, transform 0.5s ease-out;
        -webkit-transform: translateY(50px);
        -webkit-transition: opacity 0.5s ease-out, transform 0.5s ease-out;
    }
    .animated-text.show {
        opacity: 1;
        transform: translateY(0);
        -webkit-transform: translateY(0);
    }
    .animated-text2 {
        opacity: 0;
        transform: translateY(50px);
        transition: opacity 0.5s ease-out, transform 0.5s ease-out;
        -webkit-transform: translateY(50px);
        -webkit-transition: opacity 0.5s ease-out, transform 0.5s ease-out;
    }
    .animated-text2.show {
        opacity: 1;
        transform: translateY(0);
        -webkit-transform: translateY(0);
    }
    .animated-text1 {
        opacity: 0;
        transform: translateX(50px);
        transition: opacity 0.5s ease-out, transform 0.5s ease-out;
        -webkit-transform: translateX(50px);
        -webkit-transition: opacity 0.5s ease-out, transform 0.5s ease-out;
    }
    .animated-text1.show {
        opacity: 1;
        transform: translateX(0);
        -webkit-transform: translateX(0);

    }
    .animated-title {
        opacity: 0;
        -webkit-transform: translateX(-100px);
        transform: translateX(-100px);
        -webkit-transition: opacity 0.5s ease-out, -webkit-transform 0.5s ease-out;
        transition: opacity 0.5s ease-out, transform 0.5s ease-out;
    }
    
    .animated-title.show {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
        -webkit-animation: bounce 0.5s ease-out;
        animation: bounce 0.5s ease-out;
    }
    
}
/* ============ desktop view .end// ============ */
/* ============ small devices ============ */

@media (max-width: 1192px) {
    .slick-dots, .slick-next, .slick-prev{
        display:none !important;
    }
    .ceo-img-title{
        top:21px;
        width:150px;
        left:-60px;
    }
    .best-regards{
        left: 0px;
    }
    .contact-img img{
        width:100%;
        height:auto;
    }
    /* .destination-desc-div p {
        display: none;
    } */
    
    .destination-second-div:hover .destination-desc-div {
        width: 100%;
    }
    .destination-more {
        margin-top: -13px;
        padding: 0px 20px;
    }
}

@media (max-width: 992px) {
    .study_abroad, .offered_program{
        flex-direction: column;
    }
    .study_abroad_heading,.study_abroad_details,.offered_image,.offered_details{
        width: 100%;
    }
    .offered_image img{
        width:300px !important;
        height:300px;
        object-fit: cover;
    }
    .tdib4,.tdib7{
        width: 100%;
    }
    .t-div{
        height:470px;
    }
    .service-div{
        gap:0px 10px;
    }
    .service-second-div{
        margin:0px 0px 10px 0px;
    }

    .footer-iframe {
        width:100%;
    }
    .home-inquery .row>*{
        padding-left: 0px;
        padding-right:0px;
    }
    .search-form{
        border:0;
        padding:5px 20px;
    }
    .search-button {
        top:8.8px;
    }
    .form-div{
        border-radius: 0px;
    }
    .destination-nav{
        overflow-x: scroll;
        overflow-y: hidden;
        flex-wrap: nowrap;
    }
    .destination-nav li a{
        width:130px;
    }
    #dest-content {
        border:0;
        padding:5px 0px;
    }
    .main-ul {
        display: flex;
        flex-direction: column;
    }
    .menubars {
        display: none;
    }
    .destination-second-div,
    .ss {
        width: 48%;
    }
    .career-div {
        padding: 22px 10px 23px 10px;
    }
    .main-ul::before,
    .ul-line {
        display: none;
    }
    /* .navbar .container{
        padding-left:0px;
        padding-right:0px;
    } */
    .navbar-collapse {
        flex-basis: 100%;
        background: linear-gradient(
            180deg,
            rgb(18, 54, 100) 0%,
            rgb(19, 56, 104) 100%
        );
        padding: 0px 10px;
        height: 500px;
        overflow-y: scroll;
    }
    .navbar-1,
    .navbar-brand,
    .navbar-2 {
        padding: 0px;
    }
    .navbar-toggler {
        /* background-color: #245eaa; */
        padding: 2px 5px;
    }
    .footer-logo {
        width: 70px;
        height: 35px;
    }
    .dropend .dropdown-menu[data-bs-popper] {
        width: 100% !important;
        /* background:white !important; */
    }
    .nav-link {
        color: white !important;
    }
    .s-nav-ul li .dropdown-item {
        color: white;
    }

    .navbar-toggler:focus {
        box-shadow: none;
        border: none;
        outline: none;
    }
    .book-btn,
    .free-coun {
        margin: 0px 0px 0px 15px;
        text-align: start !important;
        background: none;
        padding-left: 0px;
    }
    .search-list {
        margin-left: 10px;
    }
    .s-form {
        width: fit-content;
    }
    .book-btn a,
    .free-coun a {
        /* color: #CA3536 !important; */
        height: auto;
        font-size: 14px;
        text-transform: uppercase;
        font-weight: 700;
    }
    .dropdown-item {
        font-size: 14px;
    }

    .fa-bars {
        color: white;
        margin-left: 0px;
        font-size: 18px;
    }
    .row {
        margin-left: 0px;
        margin-right: 0px;
    }
    .dropdown-menu .dropdown-menu {
        margin-left: 0.7rem;
        margin-right: 0.7rem;
        margin-bottom: 0.5rem;
    }
    /* .destination-more {
        margin-top: 50px;
    } */
    .f-type {
        width: 191px;
    }

    .testimonial-img {
        height: 240px;
    }
    .about-s-div{
        display: flex;
        align-items: center;
        justify-content: center;
        margin-top: 0px !important;
    }
    .mission-img {
        padding: 0px;
        height:fit-content;
    }
    .mission-title,
    .mission-span,
    .ceo-heading {
        font-size: 20px;
    }
    .event-div .row {
        flex-direction: column;
    }
    .event-div .row .col-md-6 {
        width: 100%;
    }
    .franchise-div,.cdf {
        padding: 0px;
    }
    
    .header-contact {
        justify-content: flex-start;
        /* margin-top: 10px; */
    }
    .header-contact p {
        margin-top: 0px;
    }

    .dropdown-menu {
        padding: 0px;
    }
    .message-title-div {
        width: 100%;
    }
    .testimonial-container .row{
        justify-content: space-between;
    }
    .testimonial-container .row .col-lg-4{
        width:48%;
        margin-bottom:10px;
    }
    .testimonial-container .row .col-lg-4 .card{
        width:100%;
    }
    .franchise-para{
        padding:0px;
    }
    .f-form{
        padding:0px 10px;
    }
    .career-details{
        padding:90px 0px;
    }
    .cimd {
        display: none;
    }
   .figure{
    width:48% !important;
   }
   .figure img{
    width: 100%;
    max-width: 100%;

   }
   .f-image img{
    width:100% !important;
}
}
@media (min-width: 767px) {
    .class-image-div {
        position: sticky;
        top: 70px;
    }
    .m-ds {
        display: none;
    }
    .phonec{
        margin-bottom:40px;
    }
       
}
@media (max-width:850px) {
    .ceo-img-title {
        width:100px;
    }
    .footer-iframe{
        margin-left: initial;
    } 
    .footer-secondp{
        padding:10px 0px;
    }
}
@media (max-width: 767px) {

    .tall-div{
        flex-direction: column;
    }
    .tall-div .item{
        width: 100%;
    }
    .c-line{
        float: initial;
    }
    .admission_inner_div .admission_div{
        width:48%;
    }
    .freecounseling-div{
        flex-direction: column-reverse;
    }
    .fl{
        margin-top:10px;
    }
    .gallery-eye {
        top:100px;
    }
    .best-regards{
        position: initial;
    }
    .message-img{
        object-fit: cover;
    }
    .message-row .col-md-3{
        margin-top:40px;
    }
    .message-row::before{
        top: -22px;
    font-size: 20px;
    padding: 5px 12px;
    }
    .main-quote{
        font-size: 18px;
    }
    .message-section{
        margin-bottom: 0px;
    }
    .message-title-div {
        padding-top: 20px;
    }
    .ceo-img{
        width:50%;
    }
    .cd-full{
        flex-direction: column;
        width: 100%;
    }
    .contact-social-link ul{
        padding-left:0px;
    }
    .cdd,.contact-social-link{
        width: 100%;
    }
    .contact-social-link{
        margin-top:10px;
    }
    .f-container{
        padding-top: 0px;
    }
    .franchise-button {
        width: 130px;
        height:30px;
        padding:0px;
        font-size: 16px;
    }
    .f-form{
        box-shadow:none;
        padding:0px;
    }
    .footer-secondp{
        color:black;
    }
    .contact-details{
        flex-direction: column;
    }
    .footer-social-link{
        align-items: flex-start;
    }
    .footer-social-link ul{
        position: initial;
    }
    .footer-section::before {
        background-image: none;
        background-color: #cfcdcd;
    }
    .about-main-container {
        bottom:98px;
    }
    .mission-row2{
        flex-direction: column-reverse;
    }
    .inquery-form .form-group{
        width:100%;
    }
    .am-img {
        width: 150px !important;
        height: 130px !important;
    }
    .ceo-msg-section,.ceo-msg-section .container{
        margin-top:0px !important;
        padding-top:10px;
    }
    .blog-right-div{
        position: initial;
    }
    .details-share {
        margin-top:10px;
    }
    .testimonial-container .row .col-lg-4{
        width:100%;
    }
    .about-s-div img{
        width:100%;
        height:fit-content;
        margin-bottom:0px;
    }
    .destination-desc {
        flex-direction: column;
    }
    #bookprice {
        display: none;
    }
    .approach-img {
        margin-top: 40px;
        height: 200px;
    }
    .approach-details-div ul,
    .approach-details-div ol {
        padding-left: 0rem;
    }
    .approach-details-div ul li::before,
    .approach-details-div ol li::before {
        margin: 0px 10px 0px 0px;
        font-size: 16px;
    }
    .approach-details-div {
        padding-left: 0px;
    }
    .test-reverse {
        flex-direction: column-reverse;
    }
    .class-div .book-form .form-group {
        width: 100%;
    }
    .p-d {
        padding: 0px 70px;
    }
    .sec-2 {
        position: inherit;
        bottom: 0px;
    }
    .sec-1 {
        height: 240px;
    }
    .m-more-icon {
        margin-left: 60px;
    }
    .form-div:hover {
        box-shadow: none;
        border: 2px solid #9e9e9e;
    }
    .event-img {
        height: 230px;
    }
    .event-div .col-md-5 {
        width: 100%;
    }
    .ceo-msg::before,
    .ceo-msg::after {
        display: none;
    }
    .ceo-heading {
        text-align: center;
    }
    .cm-div {
        margin: 0px !important;
        justify-content: center;
    }
    /* .pte-div {
        width:48%;
    } */
    .header-contact {
        /* flex-direction: column; */
        /* align-items: flex-end; */
        justify-content: flex-end;
        width: 70%;
    }
    .header-social-media {
        padding-left: 0px;
        width:30%;
    }

    .header-phone {
        margin-left: 10px;
    }
    .ediv2 {
        flex-direction: column-reverse;
    }
    /* .event-div {
        margin: 0px 27px;
    } */
    .footer-main {
        flex-direction: column;
    }
    .footer-desc,
    .f-second-div {
        width: 100%;
    }
    /* .inquery-img {
        display: none;
    } */
    .home-inquery {
        padding: 10px 0px;
    }
    .certification-div {
        width: 48%;
    }
    .faq-banner-image img {
        height: 160px;
    }
    .allfaq-heading {
        font-size: 18px;
        line-height: 20px;
    }
    .f-type {
        width: 140px;
    }

    .class-image-div img {
        margin-top: 14px;
    }
    .faq-second-div img {
        width: 100%;
        /* height:450px; */
    }
    .instituate-div,
    .course-first-div,
    .scholarship-div {
        width: 100%;
    }
    .instituate-container h3 {
        line-height: 70px;
        font-size: 25px;
    }
    .faq-container .row {
        flex-direction: column-reverse;
    }
    .faq-banner-image {
        height:160px;
    }
    .faq-div {
        bottom: 50px;
    }
    .first-event-date {
        flex-direction: column-reverse;
    }
    .gallery-div {
        width: 48%;
    }
    .search-div {
        width: 48%;
    }
    .s-first-div {
        padding-top: 0px;
    }

    .carousel-caption {
        right: 0px;
        bottom: 0px;
    }
    /* .banner-image {
        height: 240px;
    } */
    .carousel-caption h5 {
        font-size: 30px;
    }
    .faq-second-div {
        z-index: 0;
    }
    .ic-div::after {
        transform: skew(3deg);
    }
    .ic-div::before {
        transform: skew(375deg);
    }
    .company-banner {
        height: 240px;
    }
    .company-details h3,
    .message-title,
    .destination-title,
    .college-heading,
    .service-title,
    .work-title,
    .destination-first-desc-div h6,
    .destination-desc-div h6 {
        font-size: 18px;
        line-height: 24px;
    }
    .item {
        padding:10px 0px;
    }
    .destination-desc-div p{
        padding:20px 5px;
    }
    .footer-second p {
        text-align:center !important;
        font-size: 10px !important;
    }
    
    .my-blog-slider {
        margin-top: 0px !important;
    }
    .blog-item h5,
    .blog-item div,
    .blog-item p {
        padding: 0px 5px;
    }
    .home-blog-item div {
        padding: 0px;
    }
    .home-blog-item:hover {
        padding: 0px;
    }
    .blog-section {
        padding-bottom: 0px;
    }
    .slick-slider {
        margin-bottom: 20px auto !important;
    }
    .pte-image {
        height: 200px;
    }
    .event-section::after,
    .event-section::before,
    .d-section::after {
        display: none;
    }
    .eventmain-title::before {
        top: -134px;
    }
    .companybanner {
        margin-top: 10px;
        padding: 10px 0px;
    }
    .t-div,.ttad,.test-moadal{
        width: 100%;
    }
    .t-m-div {
        width:100%;
    }
    .service-second-div, .work-second-div {
        width:48%;
    }
    .d-section .container {
        padding:10px 20px;
    }
    .mission-img {
        margin-bottom: 10px;
    }
    #sbtn {
      padding:3px 10px;
      width:auto !important;
      font-size:14px;
      margin-bottom:10px;
    }
    .test-type-div{
        width: 48%;
        margin-top:10px;
    }
    .ic-div{
        border:1px solid #c91f36;
        border-radius:10px;
        padding-top:0px;
    }
    
}
@media (max-width: 576px) {
    .first-form-group .form-control{
        padding: 0.175rem 0.75rem !important;
    }
    .service-heading{
        margin:0px !important;
    }
    .study_abroad_details .col-md-3,.admission_inner_div .admission_div{
        width: 100%;
    }
    .gallery-eye {
        top:100px;
    }
    .figure{
        width:256px !important;
       }
       .figure img{
        width: 256px;
        max-width:256px;
        height:278px;
       }
       .ceo-img-title {
        top: 26px;
        width: 99px;
        left: 60px;
    }
    /* .footer-desc{
        margin-top:40px;
    } */
    .footer-social-link{
        justify-content: flex-start;
    }
    .footer-address{
        text-align: initial !important;
    }
    .header-contact{
        flex-wrap: wrap;
    }
    .contact-details{
        flex-direction: column;
    }
    .am-img {
        width: 80px !important;
        height: 76px !important;
    }

    .tdetails{
        width:100%;
    }
    .os-sidebar {
        padding-left: 0px;
    }
    .service-image {
        height: 320px;
    }
    .help-info{
        margin:10px 0px;
    }
    .back-face .testimonial::before {
        font-size: 2.2rem;
        top:-15px;
    }
    .testimonial-container .row .col-lg-4 {
        margin-bottom:0px;
    }
    .testimonial-section{
        padding-bottom:20px;
    }
    .details-blog h2,#title,.figcap,.offered_details h2, .study_abroad_heading h2, .admission_requirements h2, .why_choose_vista h2, .testmonial_title h2,
    .service-heading,.d-section-heading h1,.help-info,.test-div h6,.mission-title, .mission-span, .ceo-heading,.careersubheading ,.maincareerheading,.careerapply a{
        font-size: 18px !important;
        line-height: 30px;
    }
    .offered_program, .admission_requirements, .why_choose_vista{
        margin:14px 0px;
    }
    .careerapply a{
        padding: 4px 15px;
    }
    .e-second h1,
    .e-second h2,
    .e-second h3,
    .e-second h4,
    .e-second h5,
    .e-second h6,
    .e-second strong,
    .el-second h1,
    .el-second h2,
    .el-second h3,
    .el-second h4,
    .el-second h5,
    .el-second h6,
    .el-second strong,
    .career-details h4,
    .document-first-div ul li::before,
    .document-first-div ol li::before,
    .scholarship-div ul li::before,
    .scholarship-div ol li::before,.other-service a,.other-service a::before,.details-service ul li::before,.approach-details-div ul li::before, .approach-details-div ol li::before,.destination-nav li a,#dest-content .tab-pane h1, #dest-content .tab-pane h2, #dest-content .tab-pane h3, #dest-content .tab-pane h4, #dest-content .tab-pane h4, #dest-content .tab-pane h5, #dest-content .tab-pane strong,.testimonial-container .card .face.front-face .name,.scrolllink h6,.career-details h6 span,.job_desc h6, .jobmaindesc h1, .jobmaindesc h2, .jobmaindesc h3, .jobmaindesc h4, .jobmaindesc h5, .jobmaindesc h6, .jobmaindesc strong{
        font-size: 14px;
        line-height:25px;
    }
    .destination-nav li a,#dest-content {
        padding:12px;
    }
    .destination-nav{
        justify-content: flex-start;
    }
    .process-div {
        padding: 10px;
    }
    .test-type-div {
        width: 100%;
    }
    .ss {
        width: 100%;
        margin: 0px !important;
    }
    .s-main-div {
        padding: 0px 20px;
    }
    .home-blog-item:hover {
        padding: 0px !important;
    }
    .service-second-div h6,.side-heading {
        font-size: 16px;
        line-height: 24px;
    }
    .serv-btn {
        margin-top: 0px;
    }
    .service-second-div,
    .work-second-div {
        margin-bottom: 10px;
    }
    .form-title {
        margin: 0px 0px 10px 0px;
    }
    .top-header {
        padding: 0px 0px;
    }
    .header-social-media ul li i,
    .header-email i,
    .header-phone i,
    .header-contact p,
    .header-contact p {
        font-size: 10px !important;
    }
    .header-contact p,
    .header-email p {
        line-height: 0px !important;
        margin-bottom: 0px !important;
    }
    .header-email i {
        margin-right: 5px;
    }
    .header-phone i {
        margin-right: 5px;
        margin-left: 3px;
    }
    .header-social-media ul,
    .header-contact {
        margin-top: 0px;
    }
    .s-nav-tab {
        align-items: center;
    }
    .s-nav-tab a {
        padding: 0px 10px;
        font-size: 14px;
    }
    p,
    ul li,
    ol li,
    .contact-details h4,.contact-details a {
        font-size: 14px !important;
        line-height: 23px !important;
        /* text-align: justify !important; */
    }
    .document-first-img {
        float: none;
    }
    .class-banner-image img {
        height:160px;
    }
    .ic-div {
        justify-content: center;
        margin-bottom: 20px;
    }
    /* .pte-div{
        padding:30px 0px 0px 0px;
    } */
    .p-section::before {
        height: 100%;
    }
    .p-section {
        padding-bottom: 20px;
    }
    .d-section .container,
    .service-section .container,
    .student-container,
    .event-container {
        margin-top: 0rem !important;
        margin-bottom: 0px !important;
    }
    .message-row {
        padding-bottom: 10px;
    }
    .d-title-underline {
        width: 100%;
    }
    .destination-title {
        line-height: 15px;
        text-align: center !important;
    }
    .destination-second-div {
        margin-top: 15px;
    }
    .all-d-btn,
    .all-s-btn {
        margin-top: 10px;
    }
    .event-view {
        margin-bottom: 10px;
        margin-top: 0px;
    }
    .college-heading {
        line-height: 30px;
    }
    .company-details h3 {
        line-height: 25px;
        margin-top: 10px;
    }
    .company-details p {
        text-align: justify;
    }
    /* .companybanner {
        padding: 0px;
    } */
    .all-d-btn,
    .all-s-btn {
        padding: 3px 35px;
        font-size: 14px;
        top: 0px;
    }
    .event-view-all {
        line-height: 7px;
        font-size: 14px;
    }
    /* .instituate-img{
        width:100%;
    } */
    .ic-div::after {
        transform: skew(0deg);
    }
    .ic-div::before {
        transform: skew(0deg);
    }
    .image-circle {
        height: 200px;
        width: 100%;
    }
    .score-div,
    .center-second-div,
    .lwrs {
        width: 100%;
    }
    .score-section,
    .syllabus-section {
        padding: 10px 0px;
    }

    .preparation-section,
    .score-section {
        margin: 0px;
        padding: 14px 0px;
    }
    .test-icon {
        width: 100px;
        height: 100px;
    }
    #testtype-heading {
        font-size: 14px;
        padding: 5px;
    }

    .overview-sub-section h4,
    .types-sub-section h4,
    .class-div h4,
    .introduction-sub-section h4,
    .score-heading,
    .preparation-center-sub-section h4,
    .syllabus-heading,
    .center-heading,
    .band_score h1,
    .band_score h2,
    .band_score h3,
    .band_score h4,
    .band_score h5,
    .band_score h6,
    .band_score strong {
        font-size: 18px;
        line-height: 20px;
    }
    .syllabus-div h1,
    .syllabus-div h2,
    .syllabus-div h3,
    .syllabus-div strong {
        font-size: 18px;
        line-height: 20px;
    }
    .score-div h5 {
        font-size: 18px;
    }
    .center-second-div h5 {
        font-size: 18px;
        line-height: 20px;
    }
    .duration-div h1,
    .duration-div h2,
    .duration-div h3,
    .lwrs h1,
    .lwrs h2,
    .lwrs h3 {
        font-size: 18px;
        line-height: 20px;
    }
    .test-score-div h1,
    .test-score-div h2,
    .test-score-div h3,
    .test-date-div h1,
    .test-date-div h2,
    .test-date-div h3,
    .book-date-div h1,
    .book-date-div h2,
    .book-date-div h3,
    .change-date-div h1,
    .change-date-div h2,
    .change-date-div h3,
    .allow-test h1,
    .allow-test h2,
    .allow-test h3,
    .score-valid h1,
    .score-valid h2,
    .score-valid h3 {
        font-size: 18px;
        line-height: 20px;
    }
  
    .book-date-div h1:not(:first-child),
    .book-date-div h2:not(:first-child),
    .book-date-div h3:not(:first-child),
    .change-date-div h1:not(:first-child),
    .change-date-div h2:not(:first-child),
    .change-date-div h3:not(:first-child),
    .allow-test h1:not(:first-child),
    .allow-test h2:not(:first-child),
    .allow-test h3:not(:first-child) {
        font-size: 18px;
    }
    .destination-image img {
        height: 240px;
        margin-bottom: 20px;
        width: 100%;
    }
    .destination-line h4,
    .education-system h4,
    .education-system-quick h4,
    .eligibility h4,
    .eligibility h5,
    .process h4,
    .document-row h4,
    .scholarship-container h4,
    .employment h4,
    .course-container h3,
    .instituate-container h3,
    .open-job-heading,
    .career-div h4,
    .career-details h5 {
        font-size: 16px;
        line-height: 30px;
        margin-bottom: 10px;
    }
    .eligibility-section {
        padding: 14px 0px;
    }
    .el-second p,
    .el-second ul li,
    .process p,
    .process ul li {
        text-align: start !important;
        display: flex;
    }
    .document-section {
        padding-left: 0px;
    }
    .p-line,
    .e-line,
    .employment-line,
    .d-line,
    .es-line {
        height: 2px;
    }
    .e-line::before,
    .e-line::after {
        font-size: 6px;
    }
    .scholarship-div {
        padding: 0px 14px;
    }
    .destination-section {
        padding: 20px 0px 10px 0px;
    }
    .s-second-div {
        padding: 0px;
    }
    .inquery-details-heading h4,
    .inquery-details-heading h5 {
        font-size: 14px !important;
    }
    .form-div {
        padding: 10px;
    }
    ul {
        padding-left: 0rem !important;
    }
    .instituate-container h3 {
        display: flex;
        flex-direction: column;
    }
    .scholarship-div h4,
    .scholarship-div h4,
    .scholarship-div h3,
    .scholarship-div h2,
    .scholarship-div h1,
    .scholarship-div h5,
    .scholarship-div h6,
    .employment h4,
    .employment h3,
    .employment h2,
    .employment h1,
    .employment h5,
    .employment h6 {
        font-size: 14px;
        display: flex;
        line-height: 25px;
    }
    .e-title {
        flex-direction: column;
    }
    .e-div h5 {
        margin-top: 10px;
    }
    .document-first-img img {
        height: 200px;
        width: 100%;
        margin-left: 0px;
    }
    .syllabus-image img {
        margin-left: 0px;
        width: 100%;
    }
    .course-section,
    .instituate-container {
        padding: 20px 0px;
    }
    .accordion-button,
    .career-details h6 {
        font-size: 14px;
    }
    .career-details ul {
        padding-left: 40px !important;
    }
    .destination-banner-image img {
        height: 160px;
    }
    .d-section-heading {
        bottom: 50px;
    }
    .allinstituation-heading,
    .inquery-details-heading h4,
    .inquery-title,
    .contact-us,
    .quick-access,
    .destination,
    .allservice-heading,
    .allb-div h4 {
        font-size: 18px;
    }
    .inquery-title {
        line-height: 20px;
    }
    /* .inquery-details-heading {
        align-items: flex-start;
    } */
    .inquery-details-heading h4 {
        text-align: start;
    }
    .isection-heading {
        left: 50px;
    }
    .inquery-para {
        text-align: justify;
    }
    .ssection-heading {
        left: 50px;
    }
    .service-banner-image img {
        height:160px;
        object-fit: fill;
    }
    .first-form-group,
    .inquery-form .col-md-12 {
        width: 100%;
    }
    .career-div {
        width: 100%;
    }
    .interview-details h1,
    .interview-details h2,
    .interview-details h3 {
        font-size: 18px;
        line-height: 20px;
    }
    .interview-details ul {
        margin-left: 0px;
    }
    .sample-details ul li {
        margin-left: 0px;
    }
    .sample-details ul,
    .sample-details ol {
        padding-left: 0px;
    }
    .statement-heading {
        font-size: 20px;
        margin-top: 10px;
    }
    .sample-details {
        margin-top: 10px;
    }
    .contact-iframe {
        height: 240px;
    }
    .contact-heading {
        font-size: 20px;
    }
    .contact-title,
    .blog-name {
        font-size: 16px;
        line-height: 30px;
    }
    .blog-name {
        text-align: start;
        line-height: 20px;
    }
    .blog-img {
        height: 250px !important;
    }
    .blog-para {
        padding: 0px;
    }
    .blog-item:hover {
        padding: 10px;
    }
    .details-blog h2,
    #social-links ul li a span,
    .share i,
    .event-heading,
    .eventdetails-row h2,
    .gallery-title {
        font-size: 18px;
    }
    .event-heading {
        line-height: 26px;
    }
    .event-arrow,
    .quick-access-details a,
    .destinations-details a {
        font-size: 14px;
    }
    .event-icon {
        padding: 0px;
    }
    .ed-container {
        margin-top: 0px !important;
        margin-bottom: 0px !important;

    }
    .gallery-div {
        width: 100%;
        height: 250px;
    }
    .video-div,
    .video-div img {
        height: 300px;
    }
    .gallery-div .gallery-img {
        height: 250px;
    }
    .gallery-title {
        bottom: -8px;
    }
    .video-div {
        width: 100%;
    }
    .date-div {
        padding: 4px 0px;
    }
    .day1 {
        margin-left: 60px;
    }
    .day2 {
        margin-left: 20px;
    }
    .blog-date #day {
        font-size: 20px;
    }
    .message-anchor {
        margin-left: 52px;
    }
    .t-div{
        height:auto !important;
    }
}

@media (max-width: 567px) {
    .overview{
        margin: 0px;
    }
    .class-div h4{
        margin-bottom:20px;
    }
    .t-div {
        box-shadow: 1px 0px 11px -3px #7e7e7e;
    }
    .preparation-section::after {
        bottom: -26px;
    }
    .footer-iframe {
        width: 100%;
    }
    .m-more-icon {
        font-size: 10px;
        padding: 4px;
    }
    .message-anchor {
        margin-left: 105px;
    }
    .nav-link.mission-title,
    .nav-link.mission-span {
        font-size: 16px !important;
    }
    .nav-fill {
        flex-wrap: initial;
    }
    /* .footer-main {
        padding: 20px;
        margin-top:20px;
    } */
    .certification-row {
        padding: 36px 24px;
    }
   

    .item p {
        font-weight: 400;
    }
    .message-name {
        font-size: 14px;
        padding-top: 0px;
    }
    .testimonial-position {
        font-size: 12px;
    }
    /* .t-div {
        width: 100%;
        display: flex;
        justify-content: center;
        margin-bottom: 10px;
    } */
    .my-slider {
        margin-bottom: 0px;
        margin-top: 0px;
    }
    .item {
        padding-bottom: 0px;
    }
    .t-m-div {
        width: 100%;
    }
    .testimonial-top p {
        font-size: 16px;
    }

    .service-page-heading {
        margin-top: 10px;
    }
    /* .mission-title {
        font-size: 22px;
        padding-left: 29px;
    } */
    /* .testimonial-img {
        padding-left: 20px;
        padding-right: 20px;
        margin-top: -7px;
    } */
    .testimonial-heading {
        font-size: 16px;
    }
    
    .ceo-img {
        width:223px;
        height:191px;
        float: none;
    }
    .ceoid{
        display: flex;
        justify-content: center;
    }
    .fixed-right a {
        font-size: 12px !important;
        padding: 7px 3px !important;
        line-height: 10px !important;
    }
    .if {
        right: -75px !important;
    }
    .message-section{
        padding-bottom:0px !important;
    }
    .work-section{
        padding:0px;
    }
    .work-section .container{
        margin:20px 0px 10px 0px !important;
    }
    .event-section .container{
        padding:1rem 0px !important;
    }
    .contact-section .container{
        padding-top:0px !important;
    }
}

@media (max-width: 492px) {
    .swal-img {
        width: 100px;
    }
    .swal-div strong {
        font-size: 20px;
    }
    .ceo-msg-section::before{
        background-position: center;
    }
    .pte-image {
        height: 100px;
    }
    .d-section-heading {
        left: 50px;
    }
    .d-section-heading h1 {
        font-size: 30px;
    }
    .destination-second-div {
        width: 100%;
    }
    /* .destination-more {
        margin-top: 175px;
    } */
    .service-second-div,
    .work-second-div {
        width: 100%;
        margin: 12px 27px;
    }
    .certification-div {
        width: 100%;
    }
    .testimonial-top p {
        font-size: 16px;
    }

    .all-instituation-image img {
        height:160px;
    }
    .inquery-div {
        display: block;
    }
    .search-div {
        width: 100%;
    }
    .destination-img, .destination-img2{
        object-fit:cover;
    }
    .ceo-img-title {
        top: 26px;
        width: 99px;
        left: -21px;
    }
   
}

@media (max-width: 381px) {
    .t-div,.ttad{
        height:auto;
    }
    .tdetails img{
        height:230px;
    }
    .service-image {
        height: 230px;
    }
    .header-phone {
        margin-left: 0px;
    }
    .header-contact {
        justify-content: flex-end;
    }
    .header-contact p {
        line-height: 16px !important;
    }
    .mainservice{
        width:260px;
        height: 260px;
    }
    .serviceicon img {
        width: 20px;
        height: 20px;
        object-fit: cover;
    }
    #icon1 {
        top:26px;
        left:96px;
    }
    
    #icon2 {
        top: 33px;
        left: 165px;
    }
    
    #icon3 {
        top:88px;
        left: 210px;
    }
    
    #icon4 {
        bottom: 79px;
        right: 38px;
    }
    
    #icon5 {
        bottom: 35px;
        right: 92px;
    }
    
    #icon6 {
        bottom: 41px;
        left: 81px;
    }
    
    #icon7 {
        bottom: 96px;
        left: 31px;
    }
    
    #icon8 {
        top: 72px;
    left: 38px;
    }
}