@media only screen and (max-width: 1024px){
     .loader .earth{
          width: 70%;
     }
}

@media only screen and (min-width: 992px){
    .menu .navbar .container-fluid .offcanvas-body .navbar-nav .nav-item:hover .primary-submenu{
         display: block;
    }
    .menu .navbar .container-fluid .offcanvas-body .navbar-nav .nav-item .primary-submenu{
         display: none;
    }
    .menu .navbar .container-fluid .offcanvas-body .navbar-nav .nav-item .primary-submenu .secondary-submenu:hover .dropdown-menu{
         display: block;
         position: absolute;
         top: 0;
         right: -158%;
    }
}

@media screen and (max-width:991px){
     h2{
          font-size: 35px;
     }
     .loader .earth{
          bottom: -25%;
          width: 85%;
     }
}

@media screen and (max-width:767px){
     .loader .earth{
          bottom: -32%;
          width: 85%;
     }
     .about-us .about-img{
          margin-top: 30px;
     }
     .about-us .air-plane-animation{
          animation: plane 18s linear infinite;
     }
     @keyframes plane {
          0%{
               bottom: 50%;
               left: -5%;
               opacity: .1;
          }
          5%{
               opacity: .8;
          }
          95%{
               opacity: .8;
          } 
          100%{
     
               bottom: 90%;
               left: 60%;
               opacity: .0;
          } 
     }
     .visa-category .visa-category-item{
          margin: 10px 0;
     }
     .digital-services .course-wrapper {
          margin-bottom: 20px;
     }
     .digital-services .course-wrapper {
          margin-bottom: 20px;
     }
     .our-blog .blog-wrapper{
          margin: 10px 0;
     }
}

@media screen and (max-width:650px){
     .head-hero .head-sky .airplane{
          animation: AboutImageReveal linear;
          animation-timeline: view();
          animation-range: entry 0% cover 90%;
     }
     @keyframes AboutImageReveal {
          from{
               scale: 0.1;
               transform: translateY(50px);
          }
          to{
               scale: 1.2;
               transform: translateY(-100px);
          }
     }
     .filter-search-section .filter-search-tab{
          padding: 30px;
     }
     .about-us .extra-wrapper .number-box{
          height: 100px;
          width: 100px;
          border-radius: 50%;
     }
}

@media screen and (max-width:430px){
     .loader .earth {
        bottom: -22%;
        width: 100%;
     }
     .head-hero .head-hero-title h1{
          font-size: 40px;
     }
     .head-hero .head-hero-title h1 span{
          font-size: 40px;
     }
     .contact-us .contact-form-wrapper{
          margin-top: 40px;
          padding: 20px;
     }
}

@media screen and (max-width:390px){
     .filter-search-section .filter-search-tab {
        padding: 20px;
     }
}