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

    .main_title_img {
        width: 180px;
    }

    .site-header {
        background-color: #060d17;
        padding: 0;
    }
    .site-header .nk-navbar-nav {
        max-width: 30%;
        margin: 0 auto;
        padding-bottom: 20px;
    }
    .site-header .site-logo {
        max-width: 50%;
        transition: 0.5s;
    }
    .site-header.sticky-header .site-logo {
        max-width: 35%;
        transition: 0.5s;
    }
    .site-header .nk-navbar-light .nk-navbar-nav .nk-nav-link.active {
        margin-bottom: 10px;
    }

    .site_banner {
        /* padding: 120px 0 0; */
        padding: 0;
    }
    .site_banner .thumbnails {
        /*margin-top: 75px;*/
        margin-top: 0;
    }

    .our_mission .left_content {
        text-align: center;
    }
    .our_mission .right_content {
        padding: 15px 15px 0;
    }

    .who_we_are {
        background-position: right -50px;
        padding: 30px 0;
    }
    .earth_img {
        text-align: center;
    }
    .earth_img img {
        max-width: 50%;
    }


    .site-footer .nk-nav-link {
        margin-left: 25px;
    }
    .site-footer .col-md-9 .nk-nav-link {
        margin-left: 0;
        margin-right: 25px;
    }
    footer .site-logo {
        max-width: 55%;
    }
    
    h4.tname{
        font-size: 18px;
    }

    .banner_slider .content h2,
    .banner_slider .content ul.banner_lisitng li h2,
    .banner_slider .content h2 .app_name {
        font-size: 40px;
        line-height: 45px;
    }
    .blog-inner {
        height: 82px;
    }

    
    .banner_slider .slick-dots {
        bottom: 0;
    }
    .banner_slider .content {
        padding: 160px 0 0;
    }
    
    .award_boxes img {
        height: 100%;
    }
    .award_boxes.army_tech img {
        height: 77px;
    }

    .banner_slider .content h2 img.wifi_gif {
        top: -43px;
        margin-left: -40px;
    }

    .banner_slider .content .gifs {
        margin-top: 15px;
        text-align: center;
    }
    
    .site_banner:nth-child(4),
    .site_banner:nth-child(8) {
        background-position: center left;
    }


    .site_banner .banner_bg_img {
        margin-top: 80px;
    }


}


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

    h1 {
        font-size: 26px;
        line-height: 36px;
    }
    h2 {
        font-size: 30px;
        line-height: 35px;
    }
    h3 {
        font-size: 20px;
        line-height: 25px;
    }

    section {
        padding: 40px 0;
    }

    .site-header .nk-navbar-nav {
        max-width: 50%;
    }
    
    .our_mission .right_content {
        padding: 15px 0 0;
    }

    .live_tour_content {
        padding: 30px 0 400px;
    }
    .tour_slider {
        margin-top: -350px;
    }

    .site-footer .col-md-3 {
        text-align: center;
    }
    .site-footer .col-md-9.text-right {
        text-align: center !important;
    }
    .site-footer .nk-nav-link {
        margin: 0 10px;
    }

    .banner_slider .content h2,
    .banner_slider .content ul.banner_lisitng li h2,
    .banner_slider .content h2 .app_name {
        font-size: 40px;
        line-height: 45px;
    }

    .banner_slider .slick-dots {
        bottom: 0;
    }
    .banner_slider .slick-dots li,
    .banner_slider .slick-dots li button:before {
        width: 16px;
    }

    .banner_slider .content .gifs {
        display: none;
        margin-top: 15px;
        text-align: center;
    }
    
    
    .award_boxes.army_tech img {
        height: 90px;
    }

    .banner_slider .content h2 img.wifi_gif {
        top: -53px;
        margin-left: -50px;
    }

    .site_banner .thumbnails {
        margin-top: 50px;
    }
    .whole_slider {
        background-image: url("../images/banner_image.png");
        background-repeat: no-repeat;
        background-size: cover;
    }
    .site_banner .banner_bg_img {
        display: none;
    }
    .site_banner .banner_img {
        position: relative;
        top: initial;
        transform: initial;
        left: auto;
    }
    .banner_slider .content p, 
    .banner_slider .content a.primary_btn,
    .banner_slider .content h3, 
    .banner_slider .content h2 .full_name {
        margin-left: 0;
    }

    
    
}

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

    .site-header .nk-navbar-nav {
        max-width: 100%;
    }    
    .site-header .site-logo {
        max-width: 37%;        
        transition: 0.5s;
    }

    .banner_slider .content p,
    .banner_slider .content a.primary_btn {
        margin-left: 0;
    }
    .banner_slider .content a.primary_btn {
        padding: 5px 25px;
    }


    .our_mission .title {
        top: -15px;
        left: -10px;
        padding: 30px 15px;
    }

    .live_tour .tour_content .content {
        bottom: 10px;
        left: 15px;
        width: 90%;
    }
    .live_tour_content {
        padding: 30px 0 15px;
    }
    .tour_slider {
        margin-top: 15px;
        margin-bottom: 70px;
    }

    .who_we_are {
        background-position: left;
        padding: 30px 0;
    }
    .earth_img {
        text-align: center;
        margin-top: 15px;
    }
    .earth_img img {
        max-width: 50%;
    }

    .bootom_footer .col-md-4.text-left,
    .bootom_footer .col-md-8.text-right {
        text-align: center !important;
    }
    .bootom_footer .social_link .nk-nav-link,
    .bootom_footer .copyright .nk-nav-link {
        margin: 0 10px;
        padding: 0;
    }
    .blue-shade h3, .theme-shade h3{
        color: #fff!important;
    }

    .banner_slider .content {
        padding: 110px 0 0;
    }
    .banner_slider .content h2,
    .banner_slider .content ul.banner_lisitng li h2,
    .banner_slider .content h2 .app_name,
    .banner_slider .content h3,
    .banner_slider .content h2 .full_name {
        font-size: 26px;
        line-height: 34px;
        margin-left: 6px;
    }
    .banner_slider .content h2 i {
        font-size: 15px;
    }
    .banner_slider .content h2 span {
        font-size: 20px;
        line-height: 20px;
    }
    
    .banner_slider .content h2,
    .banner_slider .content p,
    .banner_slider .content ul li {
        margin-left: 0;
    }
    .site_banner .thumbnails {
        margin-top: 50px;
    }
    .banner_slider .content h2 .full_name {
        margin-left: 0;
    }
    .banner_slider .content h2 .app_name {
        width: auto;
        margin-left: 0;
    }
    .banner_slider .content ul.banner_lisitng li {
        margin-left: 0;
    }
    .banner_slider .content ul.banner_lisitng li:before {
        top: 12px;
    }

    .award_boxes img {
        height: 135px;
    }
    .award_boxes.army_tech img {
        height: 77px;
    }

    .banner_slider .content h2 img {
        display: none !important;
    }

    .live_tour .tour_content::before {
        content: none;
    }
    .live_tour .tour_content .content {
        position: relative;
        top: auto;
        bottom: auto;
        left: auto;
        margin-top: 10px;
        text-align: center;
        width: 100%;
    }
    .live_tour .tour_content .content h4,
    .live_tour .tour_content .content p {
        color: #000000 !important;
    }

    
    .banner_slider .content p, 
    .banner_slider .content a.primary_btn,
    .banner_slider .content h3, 
    .banner_slider .content h2 .full_name {
        margin-left: 0;
    }
    
    .site_banner .thumbnails {
        margin-top: 30px;
    }
    
    .banner_slider .content {
        margin-left: 0 !important;
    }
    
    .banner_slider .content h2 i {
        top: -8px;
    }
    
    .banner_slider .content .thumbnails a.youtube_play_video i {
        height: 20px;
        padding: 6px 7px;
        width: 20px;
    }

}


@media (min-width: 1200px) and (max-width: 1439px) {
    
    .live_tour .slick-dots li.slick-active button:hover:before,
    .live_tour .slick-dots li.slick-active button:before {
        opacity: 1;
        background: #E74344;
    }    
}


@media (min-width: 768px) {

    .team_big_bio .lead-img img {
        width: 100%;
    }
    
    .live_tour.home_live_tour .tour_content .content {
        top: 10px;
        left: 25px;
        position: absolute;
        width: 90%;
    }
    .live_tour.home_live_tour .tour_content .content p {
        color: #ffffff;
        font-size: 15px;
        line-height: 18px;
    }
    
   
}


@media (min-width: 992px) {
    
    .site_banner .banner_img {
        top: 50%;
    }
    
}

@media (min-width: 1200px) {

    .container, 
    .container-lg, 
    .container-md, 
    .container-sm, 
    .container-xl { 
        max-width: 1200px;
    }


    .site-header .nk-navbar-light .nk-navbar-nav .search_box input {
        width: 260px;
    }
    .site-header a.navbar-brand.nk-navbar-brand.text-right.d-none.d-xl-block {
        max-width: 15%;
    }
    .site-header .site-logo {
        max-width: 70%;
        transition: 0.5s;
    }
    .site-header.sticky-header {
        padding: 0;
    }
    .site-header.sticky-header .site-logo {
        max-width: 50%;
        transition: 0.5s;
    }

    .banner_slider .slick-dots {
        display: inline-block;
        position: absolute;
        transform: translate(-50%, -50%) rotate(90deg);
        width: auto;
    }
    .slick-dots li button {
        font-size: 0;
        line-height: 0;
        display: block;
        width: 30px;
        height: 3px;
    }
    .banner_slider .slick-dots li {
        width: 30px;
        height: 3px;
        margin-bottom: 10px;
    }
    .banner_slider .slick-dots li button:before {
        content: '';
        background: #ffffff;
        opacity: 1;
        width: 30px;
        height: 3px;
        transition: 0.5s;
    }

    /*.banner_slider .slick-dots {*/
    /*    bottom: auto;*/
    /*    left: -18px;*/
    /*    top: 50%;*/
    /*}*/
    .banner_slider .slick-dots {
        bottom: auto;
        left: 1%;
        top: 50%;
    }
    .site_banner .thumbnails {
        /*margin-top: 130px;*/
        margin-top: 0px;
    }
    .banner_slider .content .gifs {
        /*margin-top: 55px;*/
    }


    .our_mission .right_content::before {
        content: '';
        background-color: #ffffff;
        display: block;
        height: 100%;
        position: absolute;
        left: -60px;
        top: 0;
        width: 50px;
    }

    .who_we_are {
        background-position: right 0px;
    }
    .who_we_are .earth_img {
        text-align: center;
    }
    .who_we_are .earth_img img {
        max-width: 40%;
    }

    .site-footer {
        padding: 10px 0;
    }
    .site-footer .site-logo {
        max-width: 60%;
    }


    .banner_slider .content h2.applications {
        position: relative;
        padding-left: 280px;
    }
    .banner_slider .content h2 .app_name {
        position: absolute;
        left: 0;
        top: -2px;
    }
    .banner_slider .content h2 .desc {
        position: absolute;
        margin-left: 11px;
        line-height: 40px;
        top: 7px;
    }
    
    .site_banner:nth-child(4) .gifs,
    .site_banner:nth-child(8) .gifs {
        visibility: hidden;
    }  
    
    
    .site_banner .banner_img {
        top: 60%;
    }
    
    .banner_slider .content .gifs img {
        max-width: 85%;
        margin: 0 auto;
    }


}


@media (min-width: 1440px) {
    
    .banner_slider .slick-dots {
        left: 7%;
    }
    
    
    .site_banner .banner_img {
        top: 55%;
    }
    
}

@media (min-width: 1920px) {

    
    .banner_slider .content h2 img.wifi_gif {
        top: -55px;
        max-width: 31%;
    }
    .banner_slider .content h2 img.aircraft_img {
        max-width: 25%;
        top: -68px;
    }
    .banner_slider .content h2 img.mobile_img {
        max-width: 4%;
        top: -90px;
    }
    
    
    .banner_slider .slick-dots {
        left: 17%;
    }

    .who_we_are {
        background-position: right -50px;
    }
    .who_we_are .earth_img {
        text-align: right;
    }
    .who_we_are .earth_img img {
        max-width: 100%;
    }
    
    .site_banner .banner_img {
        top: 50%;
    }
    
    

}
@media(max-width: 992px){
    .blue-shade{
        background: linear-gradient(to bottom, #ffffff 120px, #262366 0%, #262366 50%);
    }
    .theme-shade{
        background: linear-gradient(to bottom, #ffffff 90px, #E74344 0%, #E74344 50%)!important;
    }
}
@media(max-width: 1200px){
    .theme-shade{
        background: linear-gradient(to bottom, #ffffff 116px, #E74344 0%, #E74344 50%);
    }
}