@media only screen and  (min-device-width: 768px) and (max-device-width: 1100px){  
    .jarvis-nav ul li a {display: block;font-size: 14px;width: 100%;text-decoration: none;padding-top: 6px;position: relative;right: 20px;}
	.jarvis-nav ul li {background-size: 93% 44px;height: 45px;padding: 0 30px;margin-bottom: 0;/*flex: 1;*/}
	.jarvis-nav ul {display: flex;align-items: center;justify-content: space-between;}
	.layer-01 {width: 100%;}
	.layer-02 {width: 85%;}
	.layer-03 {width: 72%;}
	.layer-04 {width: 65%;}
	.layer-05 {width: 57%;}
	.layer-06 {width: 52%;}
	.layer-07 {width: 45%;}
	.layer-08 {width: 35%;}
	.layer-09 {width: 27%;}
	.layer-09 span {height: 17vw;width: 17vw;}
	.layer-10 {width: 8vw;}
	.intro-jarvis {display: inherit;}
    .custom-shape{display: none;}
    .navbar-expand-lg .navbar-collapse{display: flex;}
    .navbar-expand-lg .navbar-toggler {display: none;}
    .navbar-expand-lg .navbar-nav {flex-direction: row;}
    .navbar-nav .nav-item {padding: 0px 12px;}
    .navbar-nav .nav-link{font-size: 11px;}
    .container{max-width: 100%;}
    .video-slider {padding: 10px 0px;}
    .swiper-technical .hero-line{top: 35%;}
    .tectical-partneers h3, .leadership-team h3, .swiper-technical .hero-line h3{font-size: 50px;}
    .tectical-about h6{width: 90%;font-size: 30px;}
    .tectical-about p{max-width: 90%;}
    .product-content .title a{font-size: 11px;}
    .contact-us-page{max-width: 95%;}
    .card-block{height: 240px;}
    .jarvis-nav ul {flex-wrap: wrap;}
    .jarvis-nav ul li {margin-bottom: 7px;width: calc(100% / 3);}
    .main-jarvis {position: initial;width:70%;padding: 0px;}
    .hero-slider{width: 100%;}
    .head-services{display: inherit;text-align: center;;}
    .quote-text-btn .btn{margin:20px 0px;display: inline-block;}
    .heading-bold-content h3{font-size: 30px;}
    .heading-bold-peragraph p{width: 80%;}
    .footarmenu{display: block;}
    .item-footer{margin: 10px 0px;}
    footer{padding: 20px 0px;}
    .services-areas{padding: 30px 0px;}
    .head-services h2{font-size: 35px;}
    .digi-bold-content h3{font-size: 25px;margin-bottom: 0px;}
    .tectical-partneers{margin: 50px 0px;}
    .intro-solial{padding-right: 35px;}
    .intro-footer-content{margin-left: 113px;}
    .row-table{display: inherit;}
    .item-teams{margin-left: 0;}


}





@media (max-width: 1200px) {  
      .navbar-nav .nav-item {padding: 0px 12px;}
      .navbar-nav .nav-link{font-size: 11px;}  
      .hero-slider{float: right;}
      .intro-custom-shape{display: none;}


}


@media (max-width: 1400px) {  }

@media (max-width: 576px) { 

.for-desktop{display: none;}
.for-mobile{display: block;}

	.navigation {
		height: 100%;
		width: 0;
		position: fixed;
		z-index: 999;
		top: 0;
		right: 0;
		background: #272827;
		overflow-x: hidden;
		transition: 0.5s;
		padding-top: 60px;
	}

  
    
	.navigation a {
		padding: 8px 8px 8px 20px;
		text-decoration: none;
		font-size: 25px;
		color: #ffffff;
		display: block;
		transition: 0.3s;
	}
	.navigation ul li {
		display: block;
        text-align: center;
	}
	.navigation ul {
		padding: 0;
	}

    
	.navigation .closebtn {
		position: absolute;
		top: 0;
		right: 25px;
		font-size: 36px;
		margin-left: 50px;
		color:#fff;
	}
	





    .closebtn svg{    width: 35px;
        fill: #fff;
        position: absolute;
        right: 5px;
        display: block;
        top: 5px;
    }
    .logo-smoke{width: 100%;}
    .content-blogs h6{height: auto;}
    .header.fixed .top-head{display: none;}
    .heading-left{font-size: 18px;margin-top: 10px;}
    .head-services{    justify-content: center;
        margin: 15px 0px;
        display: inherit;
        text-align: center;}
        .btn-explore{width: 100% ;}
        .popupul ul li{list-style-type: none;}
    .quote-text-btn .btn{margin: 20px 0px;
        display: block;
        width: 100%;}
        footer{padding: 0px;}
        .contact-us-page{max-width: 100%;}
        .labs-services .tetical-headlines{padding: 15px 0px;}
        .contact-margin{margin-bottom: 15px;}
        .footarmenu h3{font-size: 15px;}
        .menufootaer ul li a{font-size: 12px;}
        .menufootaer ul li{padding:4px;}
        .digi-bold-content h3{font-size: 18px;margin: 0;}
        .footarmenu{display: inherit;}
        .item-footer:last-child{display: none;}
        .item-footer{margin:10px 0px;}
    .head-services h6{font-size: 23px;margin: 0px;}
    .header-top{padding:10px 0px;}
    .container{max-width:100%;}
    .menu-bar .navbar{flex-wrap:inherit}
    .navbar-brand img{width:45%;}
    .slider-area .slider-flex{height:450px;}
    .slider-content-flex{width:100%;position:absolute;top:0;z-index:9;padding:50px 20px;}
    .hero-content h1{font-size:40px;margin-bottom:15px;}
    .hero-content h6{font-size:20px;line-height:30px;}
    .group-btn{margin-top:30px;}
    .logo{display:none;}
    .about-defanse:before{background-size:35%;}
    .thumb-slider img{opacity:0.7;}
    .group-btn .btn{margin-right:5px}
    .heading{font-size:30px;}
    .mini-heading{font-size:20px;}
    .content p{margin:15px 0px;}
    .about-thumbs img{display:none;}
    .product-item{padding:10px 10px 80px 10px;background-size: cover;}
    .def-product-thumb img{width:70%;}
    .clients-box{padding:5px 5px;}
    .clients-box img{width:90%;}
    .item-defence-sec img{width:45%;display: block;margin: 0 auto;}
    .close-navvar{background-color: #fff;position: absolute;right: 0;}
   
    .white-bg .navbar-collapse{background: #fff;}
    .about-defanse{margin:10px 0px;}
    .newsroom-item{margin-bottom:20px;}
    .cyber-serve:before, .protective-serv:before{width:100%;background-size:cover;height:100%;border:none;}
    .defense-services{margin-bottom:20px;}
    .cyber-serve .content{margin-top:25px;}
    .stand-shape img{width: 70%;margin: 0 auto;display: block;}
    .item-user-info{margin-left: 0;font-size: 13px;}
    .delivery-info-item{margin-bottom:15px;}
    .icon-info img{width:35px;}
    .content-info h6{font-size:12px;}
    .content-info span{font-size:13px;}
    .heading-apparel{font-size:20px;}
    .content-product{padding:10px;display:block;}
    .content-product h4{font-size:13px;}
    .price-label{font-size:13px;}
    .carts-icon{display:none;}
    .wishlist-icon{left:10px;top: 10px;font-size:14px;width:30px;height:30px;}
    .icon-info{display: none;}
    .content-info{padding: 0px;}
    .price-slide{right: 5%;padding: 5px 8px;font-size: 14px;}
    .navbar-brand{padding: 0px;}
    .ftr-social-items{float: left;}
    .offer-banner:before{content:'';background: rgba(0,0,0,0.4);position: absolute;top: 0;width: 100%;height: 100%;}
    .search-bar .form-control{height: 35px;}
    .search-bar svg{top: 3px;width: 20px;}
    .items-labels{font-size: 0px;}
    .cart-count{background: #000;border-radius: 100%;color: #fff;width: 16px;height: 16px;display: flex;align-items: center;justify-content: center;position: absolute;margin: 0;top: -3px;right: -8px;font-size: 11px;}
    .user-information{margin-right: 10px;}
    .services-areas{padding: 20px 0px;}
    .services-areas .items img{width:40px;height:40px;}
    .services-areas .items span{letter-spacing: 0;}
    .navbar-nav .nav-link{    font-size: 20px;
        padding: 10px 0px;
        color: #fff;
        text-transform: capitalize;
        font-family: 'AllianceNo.2';
        letter-spacing: 0;}
    .item-apparel{margin-bottom: 25px;}
    .protective-thumbs.pul-right{float: inherit;}
    .protective-thumbs.pul-right .item-defence-sec{right: 0;}
    .stand-shape{bottom: -6px;}
    .protective-thumbs.pul-left, .protective-thumbs.pul-right{    margin-top: 50px;}
    .products-defanse .btn-aspetto{position: relative!important;}
    .def-product-content{padding: 5px;}
    .def-product-content h4{font-size: 13px;}
    .middel-head-bar h3{font-size: 25px;}
    .middel-head-bar{height: 135px;}

    .flex-partners .item img{width: 100%;}
    .pera-content{margin:20px 0px;}
	.team-thumb h2 {font-size: 20px;}
	.team-thumb img {width: 35%;}
	.tectical-partneers img {width: 70%;margin: 0 auto;display: block;}
	.tectical-partneers .img-technical img {width: 100%;}
	.tectical-about {width: 100%;margin: 50px auto;}
	.bg-content-tectical .btn-group {flex-wrap: wrap;width: 100%;}
	.bg-content-tectical .btn-group .btn {    margin: 10px 0px;
        width: 100%;
        justify-content: center;
        padding-left: 0;
        padding-right: 0;}
	.tectical-partneers h3, .tectical-partneers h3, .leadership-team h3, .our-clients h2 {font-size: 30px;}
	.tectical-partneers {margin: 20px 0px;}
	.tectical-about p {font-size: 15px;max-width: 100%;margin: 0;}
    .head-services h2{font-size: 22px;}
    .tectical-about h6{width: 100%;font-size: 20px;}
    .video-slider {padding: 15px 0px;}
    .swiper-technical .hero-line h3{font-size: 25px;}
    .swiper-technical .hero-line{left: 20px;top: 35%;}
    .row-with-border{flex-wrap: wrap;}
    .heading-bold-peragraph p{width: 100%;text-align: left;font-size: 16px;}
    .labs-services p{font-size: 16px;}
    .heading-bold-content h3{font-size:22px;}
    .labs-services h3{text-align: left!important;font-size:22px;}
    .row-table{display: inherit;}
    .item-teams{margin-left: 0;}
    .team-thumb{margin-bottom: 0;}
    .leader-content p{margin-bottom: 0;}
    .leadership-team, .our-blogs, .our-clients {margin: 35px 0px;}
    .product-grid5 img{height: auto;}
    .product-content .title a{font-size: 11px;}
    .pending-text{font-size: 13px;}
    .heading-certifi span{font-size: 12px;}
    .about-vehicles{flex-wrap: wrap;}
    .about-vehicles .item{    width: calc(100% / 2); flex: inherit;
    border-bottom: 1px solid #383838;}
    .about-vehicles .item:nth-child(3){border-left: none;}
    .about-vehicles .item:nth-child(5){border-left: none;border-bottom: none;}
    .about-vehicles .item:nth-child(6){border-bottom: none;}

}