@media only screen and (min-width: 320px) and (max-width: 576px) {
  footer .footerTop p{margin-top: 20px;}
  body .home-section-six .sliderInr article{height: 37rem}
    body header .logo { width: 8rem; }
}
@media only screen and (max-width: 767px) {
  header .btn{min-width: 102px;padding: 9px 0}
  header .logo{width: 12rem}
  .home-section-two figcaption::before{height: 220px;left: 0 !important;}
  .home-section-three .slick-dots li button{width: 25px !important;}
  .home-section-three .slick-next{right: 20px !important;}
  .home-section-three .slick-prev{right: 3.375rem !important;}
  .home-section-three .slick-dots{left: -60px !important;}
  .home-section-four article{margin: 0 10px;}
  .home-section-four article{min-height: 18.75rem !important;}
  .home-section-five .sec5Slider{margin-right:0rem;margin-top: 40px;}
  .home-section-three .main-heading{margin-left: 0}
  .home-section-four .sec4Slider{margin-right: 0}
  .home-section-eight h3{font-size: 1.375rem}
  .home-section-three ul li a{font-size: 1rem}
  .about-section-two figure{height: auto;}
  .about-section-two article h2:first-child{margin-top: 0}
  .about-section-three .about-fig-one img, .about-section-three .about-fig-two img{height: 190px}
  .about-section-three .col-lg-8{order: 3}
  .about-section-three figure.about-fig-one, .about-section-three figure.about-fig-two{margin: 0}
  .service-detail-one .serv-det-wrap article{min-height: auto;}
  .resources-section-one .row:first-child{--bs-gutter-y:0}
  .training-detail-one{padding-top: 1.5rem !important;}
  .custom-training-one:nth-child(odd) .row .row{flex-direction: column-reverse;}
  .inner-banner ul{margin-bottom: 0.5rem !important;}
  .inner-banner ul li, .inner-banner ul li a, .inner-banner p, .main-section.home-section-banner figure figcaption p{font-size: 0.813rem;}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .home-section-banner::before {height: 200px;bottom: -100px;}
  .home-section-four article.sec3-box3{padding-top: 60px;}
  .home-section-four article h4{font-size: 14px !important;}
  body .home-section-six .sliderInr article{height: 36rem}
  .about-section-two figure {height: 525px;}
  .about-section-three figure.about-fig-two{margin-top: -20px}
  .service-detail-one .slick-dots{bottom: 20px;}
}

@media only screen and (max-width: 991px) {
  :root{--base-font-size:0.875rem}
  .slick-arrow{bottom: 30px;}
  .home-section-banner .slick-arrow svg{height: 18px;}
  .slick-dots{bottom: -50px;gap: 10px;right: 80px;}
  .main-section{padding: 2.5rem 0;}
  .main-section p{line-height: 1.6;font-size: var(--base-font-size);margin-bottom: 1.25rem;}
  .main-heading{margin-bottom: 1.5rem;}
  .main-heading h2, .main-heading h2 small{font-size:1.45rem;}
  .main-heading h2{margin-bottom: 1rem}
  .main-heading h2 span{font-size: 1.65rem;}
  .btn{min-width: 8rem;padding: 9px;}
  header{position: relative;}
  header ul{gap:0.5rem;}
  header .hdr{gap: 1rem;}
  .home-section-banner figure img{height: 340px;}
  .home-section-banner figure figcaption{transform: none;inset: 0;display: flex;align-items: center;}
  .home-section-banner h1, .home-section-banner h1 small{font-size: 1.45rem;margin: 0}
  .inner-banner.home-section-banner figure img{position: absolute;inset: 0;height: 100%}
  .inner-banner.home-section-banner figure figcaption{position: relative;inset: 0;transform: none;padding: 1rem 0;min-height: 150px}
 
  .home-section-banner figure .banner-item h1{font-size: 2.25rem;}
  .home-section-banner figure .banner-item p{margin: 1.5rem 0rem;}
  .home-section-banner figure .banner-item{padding-top: 10.25rem;}
  .home-section-banner figure .banner-item .btn{min-width: 13.25rem;}
  .home-section-banner figure figcaption p {margin: 8px 0px 13px;}
  .home-section-banner::before {height: 200px}
  .home .home-section-banner::after {height: 236px;}
  .home-section-banner .slick-prev{right: 60px;}
  .home-section-banner .slick-next{right: 10px;}
  .home-section-two ul{gap: 20px;}  
  .home .home-section-two, .about-section-two{padding: 0;}
  .home-section-six, .about-section-two article, .about-section-two article, .service-detail-two, .training-detail-two{padding-top: 0;}
  .home-section-two figcaption h3{font-size: 1.14rem;}
  .home-section-two figcaption::before {width: 150px;left: -10px;}
  .home-section-two figcaption p{margin-top: 0}
  .home-section-three ul li a svg,  .home-section-six::before, .home-section-six::after, .home-section-three::before, .gradient-shape::before, .about-section-three::before, .about-section-three::after, .about-section-two .abs-item, .training-detail-one .col-lg-4:nth-child(2) .trainingWrap::before, .training-detail-one .col-lg-4:nth-child(2) .trainingWrap::after, .event-detail-two .figShape, .event-detail-three .figShape{display: none}
  .home-section-three ul{margin-bottom: 20px}
  .home-section-four .row{--bs-gutter-x:0.75rem;}
  .home-section-four article h4{font-size: 16px;}
  .home-section-four article{padding: 40px 3px 30px 12px;min-height: 21.75rem;}
  .home-section-four article span{padding: 14px 5px;}
  .home-section-five .sec5Slider img{height: 45px;}
  .home-section-five .sec5Slider p{font-size: 14px;}
  .home-section-five p{margin: 10px 0 0 0;}
  .home-section-six .sec6Slider{margin: 0;}
  .home-section-six .sliderInr article{padding: 1.5rem;height: 43rem}
  footer .midFooter{padding: 1.75rem 0 2.25rem}
  footer .midFooter li a{font-size: var(--base-font-size);}
  footer .midFooter h5{margin: 1.5rem 0 1rem}
  .home-section-seven h3{font-size: 1.25rem}
  .home-section-seven figcaption{padding-top: 1.25rem}
  .events-section-one .row{--bs-gutter-y:2rem}
  .resources-section-one .row.resource_div{--bs-gutter-y:1rem}
  .service-detail-one .serv-det-wrap{margin: 0;}
  .service-detail-one .serv-det-wrap .gallery{margin: 0 0.5rem;}
  .serviceDetailSlider {margin: 0 -0.5rem}
  .service-detail-one .slick-arrow{right: 0;bottom: 0;}
  .service-detail-one .slick-prev {right: 60px;}
  .job-popup .main-heading strong{font-size: 1.25rem;margin-bottom: 0.5rem;}
  .job-popup .btn-close{right: 30px;top: 30px;}
  .job-popup form{padding: 0;}
  .job-popup .modal-content .modal-body{padding: 2rem;}
  .job-popup .modal-dialog {max-width: 98%;}
  .training-detail-two ul{padding: 0 !important;}
    .custom-training-one article {margin-top: 1rem !important;}
  body .custom-training-one:nth-child(even), body .custom-training-one:nth-child(odd){padding-top: 2.5rem}

  .contact-info{margin-top: 2.5rem;flex-wrap: wrap;gap: 1rem}
  .contact-info li span{width: 3rem; height: 3rem;}
  .contact-info li span svg{width: 1.5rem;}

  .home-section-two article figure img {height: 350px !important;}
  body.customized-trainings .home-section-eight{margin-top: 2.5rem}
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .slick-arrow{bottom: 60px;}
  .slick-dots{bottom: 83px;gap: 10px;right: 230px;z-index: 999;}
  .main-section{padding: 3rem 0;}
  .main-section p{line-height: 1.6;}
  .home-section-banner .slick-arrow svg{height: 18px;}
  .main-heading{margin-bottom: 2rem;}
  .main-heading h2{font-size: 2.25rem;}
  .main-heading h2 span{font-size: 2.25rem;}
  .btn{min-width: 9rem;padding: 13px 10px 10px;}
  header ul{gap:0.5rem;}
  header .hdr{gap: 9rem;}
  .home .home-section-banner::before {height: 250px}
  .home .home-section-banner::after {height: 285px;}
  .home-section-banner h1, .home-section-banner h1 small{font-size: 2rem;}
  .home-section-banner .slick-prev{right: 160px;}
  .home-section-two ul{gap: 20px;}  
  .home-section-two figcaption h3{font-size: 1.313rem;}
  .home-section-two figcaption::before {width: 170px;left: -15px;height: 210px;}
  .home-section-two figcaption p{font-size: 13px;}
  .home-section-three figcaption{padding: 0px 1rem 1rem;}
  .home-section-three .slick-dots li button{width: 80px;}
  .home-section-four .sec4Slider{margin-right: -5rem;}
  .home-section-four .row{--bs-gutter-x:0.75rem;}
  .home-section-four article h4{font-size: 16px;}
  .home-section-four article{padding: 40px 3px 30px 12px;min-height: 19.75rem;}
  .home-section-four article span{padding: 14px 5px;}
  .home-section-five p{margin: 10px 0px 0px 0px;}
  .home-section-five .sec5Slider p{font-size: 16px;}
  .home-section-six .sliderInr article{padding: 2rem;height: 37rem;}
  .home-section-six::before, .home-section-six::after {top: 100px;}
  .about-section-three figure.about-fig-two{margin-top: -48px}
  .about-section-two .abs-item{left: 80px}
  .inner-banner img{height: 550px}
  .service-detail-one .slick-arrow{right: 232px;}
  .service-detail-one .slick-prev {right: 290px;}
  .home-section-three::before {height: 613px; width: 613px;}
  .contact-info li span{width: 3.5rem; height: 3.5rem;}
  .contact-info li a{font-size: 0.875rem;}
  .home-section-eight h3{font-size: 1.35rem;}
  body.customized-trainings .home-section-eight{margin-top: 3rem}
}
@media only screen and (max-width: 1199px) {
  .offcanvas .btn-close{opacity: 1;filter: invert(1);box-shadow: none !important;}
  .offcanvas{background: linear-gradient(180deg, rgba(1,86,129,1) 13%, rgba(0,57,86,1) 68%, rgba(1,86,129,1) 100%);}
  .offcanvas-end{z-index: 999999;}
  .offcanvas .menu > li{display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;margin-bottom: 1rem}
  .offcanvas .dropArr svg {width: 15px;fill: #fff;height: 15px;margin-bottom: 5px;transition: 0.5s;}
  .offcanvas .dropArr.active svg {transform: rotate(90deg);}
  .menu .dropdown-menu{width: 100%;position: relative !important;opacity: 1;visibility: visible;transform: none;transition: 0s}
  header .headerInr{padding: 1.25rem 0}
  .canvaBtn{border: 1px solid #FABF01;background: transparent;border-radius: 3px;min-width: 44px;} 
  .home-section-six .sliderInr{padding: 0 10px}
  .home-section-banner figure figcaption{padding-top: 0}
  .service-detail-one .serviceDetailSlider::before{display: none}
  .custom-training-one:nth-child(even) article{margin: 0}
}

@media only screen and (min-width: 1200px) {}

@media only screen and (min-width: 1200px) and (max-width: 1299px) {
  .container, .container-lg, .container-md, .container-sm, .container-xl{max-width: 95vw !important;}
  .home-section-four article{min-height: 22.75rem;}
  header ul {gap: 15px;}
  .bannerSlider figure img{height: 800px}
  .home-section-two figcaption{padding: 10px 5px}
  .home-section-four .sec4Slider {margin-right: -6rem;}
  .home-section-six .sliderInr article{height: 37rem}
  .solution.ps-xl-3{padding-left: 0 !important}
  .home-section-three::before {top: 0}
  .service-detail-one .serv-det-wrap article{min-height: 21rem;}
  .service-detail-one .serviceDetailSlider::before {width: 45%;left: 23%;}
  .inner-banner img{height: 540px;}
}