@media(max-width:1920px){
    .container {
        padding-left: 20px;
        padding-right: 20px;
    }
	.container-trust {
        padding-left: 20px;
        padding-right: 20px;
    }
}
@media(max-width:1580px){
	.container {
			padding-left: 50px;
			padding-right: 50px;
		}
	.hero .container {
			padding-left: 100px;
			padding-right: 100px;
	}
    .product-detl{
        margin-bottom:20px;
    }

	.container-trust {
        padding-left: 20px;
        padding-right: 20px;
    }
}


@media(max-width: 1439px){
	.product-grid .cl{width: 25%;height: 20vw;}
	.product-tabs .tab{
	    padding:10px 20px;
	}
}
@media(max-width: 1366px){
	.bg-top-left{width: 35%;}
	.bg-top-right{width: 115px;}
	.bg-top-right-2 {right: -30px;top: 130px;width: 300px;}
	.slick-arrow{width: 32px;height: 32px;}
	.sec-title,.product-highlight .product-text h2{font-size: 42px;}
	header .logo{height: 72px}
	header .menu .nav-link {font-size: 18px;}
	.hero .content h2,
	.hero-v2 .content h2,.hero-v3 .content h2{font-size: 54px;line-height: 60px;}
	.hero .content p,
	.hero-v2 .content p{font-size: 18px;line-height: 24px;margin-top: 15px;}
	.hero .content .btn-light{margin-top: 15px;}
	.brand-logos{width: 240px; max-width: 100%; overflow: hidden;}
	.product-highlight .product-text p, .product-highlight .product-text li{font-size: 18px;line-height: 24px;}
	.product-tabs .tab{font-size: 20px;padding: 12px 32px;}
	.footer-logo{width: 300px;}
	footer .f-menu h4{font-size: 24px;margin-bottom: 20px;}
	footer .f-menu ul li{margin-bottom: 15px;}
	.footer-bottom{margin-top: 60px;}
	footer{padding-bottom: 20px;}
	.focus-content h2{font-size: 42px;}
	.focus-content p{font-size: 24px;}
	.portfolio-slider .slick-track .slick-slide{padding: 0px 10px;}
	.pro-badge{font-size: 16px;width: 90px;height: 30px;top: -15px;right: -15px;}
	.product-card .pro-header{height: 200px;}
	.product-card .pro-body h3{font-size: 18px;}
	.product-card .pro-body .btn{font-size: 14px;height: 30px;}
    .product-tabs .tab{padding:10px 20px;}

}
@media(max-width: 1260px){
	:root {
    	--HeaderHeight: 80px;
    	--TopBarHeight: 34px;
    	--SecSpace: 60px;
	}
	header .top-bar {padding: 8px 0px;}
	.badge-title{font-size: 12px;height: 26px;padding: 4px 20px;}
	.slick-arrow{width: 30px;height: 30px;}
	.sec-title,.product-highlight .product-text h2{font-size: 38px;}
	.contact-card-para,
	.sec-para,
	.product-highlight .product-text p, 
	.product-highlight .product-text li{font-size: 16px;line-height: 20px;}
	header .logo{height: 60px}
	.brand-logos{width: 220px; max-width: 100%; overflow: hidden;}
	.product-tabs .tab{font-size: 18px;padding: 10px 30px;}
}
@media(max-width: 1199px){
	header .logo{height: 50px;}
	.portfolio-card .portfolio-header {height: 180px;}
	.hero .content h2,
	.hero-v2 .content h2,.hero-v3 .content h2{font-size: 48px;line-height: 54px;}
	footer .f-left{margin-bottom: var(--SecSpace);}
	.contact-rw{flex-direction: column-reverse;}
	.contact-cl.left{max-width: unset;margin-top: 60px;width: 100%;}
	.contact-cl.right{padding-left: 0;}
	.contact-rw{margin-top: 80px;}
}
@media(max-width: 1060px){
	header .menu {max-width: 450px;}
	.hero .container{padding-left: 75px;padding-right: 75px;}
	.hero .content h2,
	.hero-v2 .content h2,.hero-v3 .content h2{font-size: 42px;line-height: 46px;}
	.hero .content p,
	.hero-v2 .content p{font-size: 16px;line-height: 20px;margin-top: 15px;}
	.hero .content .btn-light{margin-top: 15px;}
	.hero .slick-prev{left: 20px;}
	.hero .slick-next{right: 20px;}
	.footer-logo{width: 260px;}
	footer .f-menu h4{font-size: 20px;margin-bottom: 20px;}
	footer .f-menu ul li{margin-bottom: 15px;}
	footer .f-menu ul a, footer .f-menu ul li{font-size: 16px;}
	footer .f-menu .f-menu-icon:before{width: 10px;height: 10px;}
	footer .f-menu .contact-info li .fm-icon{width: 16px;height: 16px;}
	.footer-bottom{font-size: 14px;}
	.portfolio-sec .container, .testimonial .container{padding-left: 65px;padding-right: 65px;}
	.portfolio-slider .slick-track .slick-slide{padding: 0px 7.5px;}
	.product-tabs {
      margin-top: 20px;
      margin-bottom: 20px;
    }
    .product-tabs .tab {
        padding: 10px 15px;
    }
    .pro-badge {
        right:-5px;
    }

}
@media(max-width: 991px){
	:root {
    	--HeaderHeight: 64px;
    	--SpaceX: 30px;
	}
	header .menu{max-width: unset;padding:0px;}
	header .menu .nav-link{text-align: left;}
	header .btn-main.sm{margin-top: 40px}
	.badge-title {font-size: 10px;height: 26px;padding: 4px 14px;}
	.slick-arrow{width: 24px;height: 24px;}
	.sec-title,.product-highlight .product-text h2,.contact-card-title{font-size: 32px;}
	.product-highlight .product-text p, .product-highlight .product-text li{margin-bottom: 10px;}
	.product-highlight .product-text ul{margin-bottom: 30px;}
	.w-180{width: 140px;}
	.product-tabs .tab{font-size: 16px;padding: 8px 14px;}
	.testimonial-slider .slick-track .slick-center .testimonial-card{transform: scale(1.2);}
	.testimonial-slider .slick-track .slickitem{padding: 0px 20px;}
	.portfolio-sec .container, .testimonial .container{padding-left: 50px;padding-right: 50px;}
	.portfolio-slider .slick-prev{left: -30px;}
	.portfolio-slider .slick-next{right: -30px;}
	.testimonial-slider .slick-prev{left: -25px;}
	.testimonial-slider .slick-next{right: -25px;}
	.hero-v3{padding-top: 80px;padding-bottom: 80px;}
	.product-section .container-fluid .figure img{
	    height:250px!important;
	}
}

@media(max-width: 840px){
	.hero .container {padding-left: 60px;padding-right: 60px;}
	.hero .slick-prev{left: 15px;}
	.hero .slick-next{right: 15px;}
	.product-section.pt-5 {padding-top:100px !important;}
    .sec-space-b, .sec-space-y { padding-bottom: 30px !important;}
    .sec-space-t, .sec-space-y {padding-top: 30px !important;}
    .product-tabs {
        margin-top: 20px;
        margin-bottom: 20px;
        flex-wrap: nowrap;
    }
}

@media(max-width: 767px){
	:root {
    	--TopBarHeight: 0px;
	}
	/*br{*/
	/*    content: " ";*/
	/*    display: none;*/
	/*  }*/
	footer .f-menu{margin-top: 30px;}
	.top-bar{display: none;}
	.content{text-align: center;}
	header .logo{height: 40px;}
	.hero .item-1 .content img {width: 320px;margin: 0px auto;}
	.hero .item-2 .content img {width: 400px;margin: 40px auto;}
	.hero .item-3 .content img,
	.hero-v2 .content img {width: 400px;margin: 40px auto;}
	.product-highlight .product-text img.product-detail-img {
		margin: 20px 0;
		max-width: 400px;
	}
	.product-grid .cl{width: 33.33%;height: 30vw;}
	.portfolio-sec .container{padding-left: 30px;padding-right: 30px;}
	.testimonial .container{padding-left: 0px;padding-right: 0px;}
	.testimonial-slider .slick-track .slickitem{padding: 0px 30px;}
	.testimonial .sec-title,
	.testimonial .sec-para{padding-left: 30px;padding-right: 30px;}
	.hero-v2 .content{max-width: unset;}
	.hero-v3{padding-top: 60px;padding-bottom: 60px;}
	.contact-card{padding: 20px 50px 50px 50px;}
	.contact-rw{margin-top: 60px;}

	.abt-intro-sec,
	.abt-intro-sec .sec-title,
	.abt-intro-sec .sec-para{text-align: center;margin-left: auto;margin-right: auto;}
	.bg-top-right{width: 80px;}

	.abt-intro-sec .content img{max-width:100%; margin: 20px 0; margin-bottom:0px; }
	.trust-card{padding-left: 20px; padding-right: 20px;}
	.product-section.pt-5 {
        padding-top: 70px !important;
    }
    .btob-paragraph{
        padding-top: 20px !important;
    }
    .sub-btob-paragraph{
        padding-top: 10px !important;
    }
   

   
	
}
@media(max-width:680px){
 
.tabSec .product-tabs {
  display: flex;
  flex-wrap: nowrap; 
  overflow-x: auto; 
  white-space: nowrap; 
  -webkit-overflow-scrolling: touch;
padding-bottom: 5px;
padding: 0 12px;
scroll-padding-left: 12px;
}

.tabSec .product-tabs .tab {
  flex: 0 0 auto; 
  white-space: nowrap;
}
.tabSec .product-tabs .tab:first-child{
    margin-left:220px;
}

.tabSec .product-tabs::-webkit-scrollbar {
  height: 6px;
}
.tabSec .product-tabs::-webkit-scrollbar-thumb {
  background-color: #ccc;
  border-radius: 3px;
}
.tabSec .product-tabs {
  scroll-snap-type: x mandatory;
}

.tabSec .product-tabs .tab {
  scroll-snap-align: start;
}


.formSec .pt-5, .formSec .mt-5 {
    padding-top:0.5rem !important;
    margin-top:0.5rem !important;
}
.pro-badge {
        right:0px;
}
.our-mission-card h3{
    margin-bottom:10px;
}
.our-mission-card {
    margin-top: 0px;
}
.abt-intro-sec .sec-title, .abt-intro-sec .sec-para {
    margin-bottom: 0;
}

footer .f-left {
    margin-bottom:0px;
}
.img-mobile{
    text-align:center;
    margin-top:30px;
}

}



@media(max-width: 575px){
	.hero .container{padding-left: 30px;padding-right: 30px;}
	.portfolio-sec .container{padding-left: 20px; padding-right:20px;}
	.hero .item{padding: 60px 0;align-items: flex-start;}
	.hero .slick-prev{left: 10px;}
	.hero .slick-next{right: 10px;}
	.hero .content{text-align: center; max-width: 80%; margin: auto;}
	.hero .content small{padding: 6px 12px; font-size: 10px;}
	.hero .content h2,
	.hero-v2 .content h2,.hero-v3 .content h2{font-size: 32px;}
	.hero .content p,
	.hero-v2 .content p{font-size: 14px;line-height: 20px;letter-spacing: 0px;margin-top: 10px;}
	.hero .content .btn-light{width: 140px;margin-top: 20px;}
	.hero .item-2 .figure,
	.hero .item-3 .figure{margin-top: 60px;}
	.hero .figure img.lenovo{width: 80px;}
	.hero .figure img.dell{width: 180px;}
	.hero-v3{padding-top:30px; padding-bottom:30px;}

	.brand-logos{width: 200px; max-width: 100%; overflow: hidden;}
	.product-text, .product-image{margin-bottom:30px;}
	.product-text small{padding: 6px 12px; font-size: 10px;}
	.product-grid .cl {width: 50%;}

	.sec-title,.contact-card-title{font-size: 32px;}
	.sec-para,.contact-card-para{font-size: 16px; line-height: 22px;}
	.sec-img:before{max-width: 200px;}
	.sec-img-2:after{width: 100px;}
	.sec-img-3:after {width: 100px;}

	.f-left .footer-logo{width: 280px;}
	footer .f-menu h4{
		font-size: 20px;
		margin-bottom: 15px;
	}
	footer .f-menu ul a, footer .f-menu ul li{
		font-size: 14px;
	}
	footer .f-menu ul li{margin-bottom: 10px;}
	.f-menu{margin-bottom:0px;}
	footer .f-menu .f-menu-icon:before{width: 12px;height: 12px;}
	footer .f-menu .contact-info li .fm-icon{width: 16px; height:16px; margin-right: 10px;}
	.footer-bottom{margin-top: 30px;}
	footer{padding-bottom: 20px;}
	.contact-card{padding: 20px 40px 50px 40px;}
	.contact-rw{margin-top: 50px;}
	.serve-sec .bg-top-right,
	.abt-intro-sec.second .bg-top-right{width: 50px; left: -10px;}

	.choose-card h3{font-size: 18px; line-height: 22px;}
	.choose-card p{font-size: 14px; line-height: 20px;}
	.sec-space-b, .sec-space-y {
       padding-bottom: 30px;
     }
    .sec-space-t, .sec-space-y {
       padding-top:30px;
     }
     .focus-section{
         min-height:360px;
     }
     .product-detail-img{
       margin-top:10px;
       margin-bottom:10px;
     }
     .product-tabs .tab{font-size: 14px; padding:8px 12px;}
     
  .tabSec .product-tabs .tab:first-child {
        margin-left: 260px;
    }
     
     

	
}


@media(max-width: 475px){
    :root {
     --SpaceX: 20px;
    }
   .hero .container{padding-left: 20px;padding-right: 20px;}
   .hero-v3{padding-top: 40px;padding-bottom: 40px;}
  }
@media(max-width: 460px){
	.badge-title {
        font-size: 9px;
        height: 24px;
        padding: 4px 8px;
    }
    .contact-card{padding: 20px 30px 50px 30px;}
     
    .tabSec .product-tabs .tab:first-child {
        margin-left: 365px;
    }
}

@media(max-width: 375px){
	:root {
    	--SpaceX: 15px;
	}
	.brand-logos{width: 180px; max-width: 100%; overflow: hidden;}
}