@media only screen and (min-width: 768px){
.hryear{display: none;}
.mob-hryear{display: none;}
.header-main-one img{padding-right: 30px;}
.container-fluid{width: 98%;}
.global-presence{height: 455px;}
.gallery-block img{height: 316px; object-fit: cover;}
.candidate-video h6{height: 80px; overflow: hidden;}
.innovation-pic img{height: 210px;}

.label-filter{
	text-align: right;
}
}


@media only screen and (min-width: 1200px) and (max-width: 1620px){
.header-main-one .col-xl-3{width: 19%; padding-top: 17px;}	
.header-main-one .col-xl-9{width: 81%; padding-top: 9px;}	
.header-main-one .header-one-btn{padding: 15px 10px; font-size: 14px;}
.main-header .nav-main ul li{margin-right: 1.8em !important;}
}

 
@media only screen and (max-width: 767px){
.header-top{background-color: #505050;}	
.social-icon{bottom: 120px !important;}	
.innovation-area .row .title-area h2{margin-bottom: 20px;}
.innovation-area .innovation-block{margin: 0;}
.innovation-area .card-wrapper{max-width: 100% !important; padding: 0;}
.innovation-block{flex-direction: column;}	
.innovation-block > div{width: 100%;}
.banner-candidate .text-bg-stl h2{font-size: 26px; margin: 0;}	
.serivce-lists ul li a{padding: 8px 10px;}	
.counter-outer-two{margin: 10px 0;}	
.approved-3{margin-right: 30px;}	
.google-translate{display: none;}
.upload-resume{display: none;}
.top-social{display: none;}
.mailbox{display: none;}
.approved-govt{width: 90%; margin: 0; padding: 0; float: right; text-align: right; border-left: none; line-height: 21px; font-size: 14px;}
.client-logos{margin-bottom: 12px; padding: 40px 20px 0; height: 160px;}
.years18-desktop{display: none;}
.main-header{margin-right: -56px;}
.log-box{width: 50%;}
.section-pad2{padding: 70px 10px;}
.log-box h2{line-height: 18px; padding: 0;}
.hdr-logo img{padding-right: 100px;}
.hdr-menu-done{display: none;}
.main-header .button-area {margin: 20px 60px 10px 0;}
.hri-service-area{padding: 40px 0;}
.service p{line-height: 24px; margin-bottom: 0;}
.hri-single-service-h2{padding: 25px;}
.approved-1, .approved-2, .approved-3{width: 100%; display: inline-block;}
.sitemap{margin-bottom: 35px;}
.svc-block{margin: 0; padding-top: 0; padding-bottom: 0;}
.col-12{padding-top: 0; padding-bottom: 0;}
.hri-single-service-h2 .body .title{font-size: 20px;}
.btn1{padding: 30px 0;}
.btn2{padding: 30px 0; margin-bottom: 50px;}
.hri-title-area{margin-bottom: 20px !important;}
.counter-bg{padding: 50px 0px;}
.title-area-client h2.client-title{font-size: 25px;}
.single-blog-one-wrapper{margin: 5px 0 40px 0;}
.title-area p{margin-bottom: 25px;}
.title-area h2{font-size: 27px; margin: 0;}
.candidate-video h6{font-size: 27px;}
.candidate-video h6{font-size: 17px;}
.m-pt-0{margin-top: 0 !important;}
.abalr{width: 100%; float: left;}
.abalr img{width: 100%; height: auto;}
.logos-heading{font-size: 20px;}
.modal{top: 25%;}
.tabination-block a{margin: 0 5px 10px 5px; float: left;}
.collapse:not(.show){display: block !important;}
.gallery-area .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active{padding: 12px 5px;}
.nav-tabs .nav-link{padding: 13px 7px; font-size: 13px;}
.social-three-wrapper{margin-top: 30px;}
.content-area h6{margin-top: 20px;}
.banner-three.banner-four .text-bg-stl h2{font-size: 25px; line-height: 0; margin: 0;}
.single-contact-one-inner .content{margin-bottom: 0; padding-top: 20px !important;}
.single-contact-one-inner .content .info span{font-size: 20px;}
.single-contact-one-inner .content h6{font-size: 15px; margin-top: 10px; line-height: 22px;}
.single-contact-one-inner .content{margin-bottom: 20px;}
.hri-contact-fluid{padding-bottom: 40px;}
.mb--100{margin-bottom: 40px !important;}
.title-area h2{margin: 0;}
.hri-business-solution-left{margin-bottom: 30px;}
.team{padding: 20px 0;}
.hri-team-area.style-4 .team-inner-two.inner{margin-bottom: 0px;}
.recent-updates{margin: 0 0 25px 0;}
.hri-contact-area.contact-one{padding: 50px 0 30px 0;}
.mapdetails-inner-one{padding: 30px 0 !important;}
.gallery-block h2{height: 55px;}
.opening-area{padding: 30px 0;}
}



@media only screen and (min-width: 1301px)  {
.google-translate{display: none;}
}


@media only screen and (min-width: 1366px){
.modal{top: 6%;}
}


@media only screen and (max-width: 1024px){
.container, .container-sm{max-width: 98% !important;}
.google-translate{display: none;}
.upload-resume{display: none;}
}


@media only screen and (min-width: 1149px) and (max-width: 1199px){
.hdr-logo img{padding-right: 70px !important; margin-top: 10px !important;}
}	


@media only screen and (min-width: 1100px) and (max-width: 1148px){
.hdr-logo img{padding-right: 100px !important; margin-top: 10px !important;}
.google-translate{display: none;}
.upload-resume{display: none;}
.top-social{display: none;}
}

@media only screen and (min-width: 992px) and (max-width: 1199px){
.hdr-logo img{padding-right: 40px !important; margin-top: 10px !important;}
.contact-nav{display: none;}   /* Contact menu */
.google-translate{display: none;}
.upload-resume{display: none;}
.top-social{display: none;}
}


@media only screen and (min-width: 900px) and (max-width: 991px){
.hdr-logo img{padding-right: 250px !important; margin-top: 17px !important;}
.contact-nav{display: none;}   /* Contact menu */
.button-area{display: none !important;} /* Responsive icon */
}


@media only screen and (min-width: 860px) and (max-width: 900px){
.hdr-logo img{padding-right: 230px !important; margin-top: 17px !important;}
.contact-nav{display: none;}   /* Contact menu */
.button-area{display: none !important;} /* Responsive icon */
.main-header .nav-main ul li a{font-size: 16px;}
}	


@media only screen and (min-width: 768px) and (max-width: 991px){
.google-translate{display: none;}
.upload-resume{display: none;}
.top-social{display: none;}
.mail-first{display: none;}
.mailbox{width: 170px; text-align: right;}
}


@media only screen and (min-width: 768px) and (max-width: 859px){
.hdr-logo img{padding-right: 250px !important; margin-top: 22px !important;}
.contact-nav{display: none;}   /* Contact menu */
.button-area{display: none !important;} /* Responsive icon */
.main-header .nav-main ul li a{font-size: 15px;}
.main-header .nav-main ul li{margin-right: 2em !important;}
}	

@media only screen and (min-width: 992px) and (max-width: 1199px){
.button-area{display: none !important;} /* Responsive icon */
}

@media only screen and (min-width: 576px) and (max-width: 700px){
.hdr-logo img{margin-top: 9px;}
}

@media only screen and (min-width: 401px) and (max-width: 500px){
.hdr-logo img{margin-top: 9px !important; padding-right: 40px !important;}
.main-header .button-area{margin: 20px 60px 10px 0 !important;}
}


@media only screen and (min-width: 300px) and (max-width: 400px){
.hdr-logo img{margin-top: 9px !important; padding-right: 40px !important;}
.main-header .button-area{margin: 12px 60px 10px 0 !important;}
}


@media only screen and (min-width: 300px) and (max-width: 400px){
.gallery-block h2{height: 54px;}
}
/* swiper  */
@media (max-width: 767px) {
    .swip-3-1 .swiper-slide {
        width: 100% !important;
        margin-right: 0 !important;
    }
    
    .swip-3-1 .candidate-video iframe ,.swip-5-1 .candidate-video iframe{
        height: 250px; /* تعديل الارتفاع للشاشات الصغيرة */
    }
    .swip-3-1 .carousel-control-prev ,.swip-3-1 .carousel-control-next {
        display: none;
    }
    

    .swip-5-1 .swiper-slide {
        width: 100% !important;
        margin-right: 10 !important;
        margin-left: 10 !important;
        
    }   
    .swip-5-1 .carousel-control-prev,
    .swip-5-1 .carousel-control-next {
        display: none;
    }
}

  @media (min-width: 768px) {
    .swip-3-1 .swiper-slide {
       width: calc(100% / 3 - 9px) !important;  
    }
    .swip-5-1 .swiper-slide {
        width: calc(100% / 5 - 10px) !important; /* 5 عناصر مع فراغ 10px */
        margin-right: 5px !important;
        margin-left: 5px !important;
  
    }
}