/*======================================================================
containers media queries start
======================================================================*/
@media only screen and (min-width: 1280px) {
.pamtenNavBar .nav-pills li:not(:first-child)>a {
    margin-left: 30px;
}
}
@media only screen and (min-width: 1600px) {
  /* body , html{
    font-size: 18px;
  } */
  .container-xxxl {
    max-width: calc(100%);
    padding-left: 150px;
    padding-right: 150px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media only screen and (max-width: 767px) {
  .pamtenNavBar  .navbar-toggler{    background-color: #f7f7f773;}
  .pamtenNavBar  .navbar-collapse {background-color: #fff;}
  .pamtenNavBar .nav-pills li>a { color: #232323; padding-left: 10px;}
} /*max-width 767px*/
/*======================================================================
containers media queries start
======================================================================*/
/*======================================================================
  Template  media queries start
  ======================================================================*/
/* Strict TABLET */
/* Strict TABLET */
@media only screen and (max-width: 1199px) {
} /*max-width 1199px*/
@media only screen and (min-width: 992px) and (max-width: 1199px) {
} /*min-width:992px //max-width 1199px*/
/* TABLETS PORTRAIT */
@media only screen and (max-width: 991px) {
} /*max-width 991px*/
/* SMARTPHONES LANDSCAPE */
@media only screen and (max-width: 767px) {
} /*max-width 761px*/
/* SMARTPHONES PORTRAIT */
@media only screen and (max-width: 575px) {
} /*max-width 575pxpx*/
/*======================================================================
  Template media  queries end
  ======================================================================*/

/*======================================================================
 pamTenBannerSection start
======================================================================*/
  @media only screen and (min-width: 1900px) {
.pamTenBannerSection .pamTenBannerText h1{ font-size: 5.5rem; }
  } /*min-width 1900px*/
@media only screen and (max-width: 1599px) {
    .pamTenBannerSection .pamTenBannerText h1{  font-size: 4.5rem;}
} /*max-width 1599px*/
@media only screen and (max-width: 1399px) {
    .pamTenBannerSection .pamTenBannerText h1{ font-size: 3.5rem; }
} /*max-width 1399px*/
@media only screen and (max-width: 1199px) {
    .pamTenBannerSection, .pamTenBannerSection .pamTenBannerText {  height: unset;min-height: 768px;}
    .pamTenBannerSection .pamTenBannerText h1{ font-size: 3rem;}
} /*max-width 1199px*/
@media only screen and (max-width: 991px) {
    .pamTenBannerSection, .pamTenBannerSection .pamTenBannerText { min-height: 595px;}
    .pamTenBannerSection .pamTenBannerText h1{ font-size: 2.8rem;}
} /*max-width 1199px*/

@media only screen and (max-width: 767px) {
  .pamTenBannerSection:before {left: 0;top: 0;  opacity: 0.75;}
  .pamTenBannerSection, .pamTenBannerSection .pamTenBannerText {min-height: 80vh;}
} /*max-width 767px*/
@media only screen and (max-width: 399px) {
  .pamTenBannerSection .pamTenBannerText h1{ font-size: 2.1rem;}
} /*max-width 399px*/
@media only screen and (max-width: 499px) {
  .pamTenBannerSection .pamTenBannerText h1{ font-size: 2.5rem;}
} /*max-width 499px*/
/*======================================================================
pamTenBannerSection end
======================================================================*/
/*======================================================================
homeTestimonialSection Start
======================================================================*/
 @media only screen and (min-width: 1600px) {
.homeTestimonialSection--Title { font-size: 2rem;}
.homeTestimonialSection--Title-sub { font-size: 1.2rem;}
.homeTestimonialSection .homeTestimonialCard p {font-size: 1.1rem;}
.homeTestimonialSection .homeTestimonialCard__Quote h5 {font-size: 3rem;}
.homeTestimonialSection .homeTestimonialCard__Quote h4 {  font-size: 1.4rem;}
.homeTestimonialSection .homeTestimonialCard__Quote h6 { font-size: 1rem;}
 } /*min-width 1600px*/

/*======================================================================
homeTestimonialSection end
======================================================================*/
/*======================================================================
homeFeaturesSection Start
======================================================================*/
 @media only screen and (min-width: 1600px) {
   .featureCard__SubTitle span {font-size: 6rem;}
   .featureCard__SubTitle p {font-size: 1.2rem;}
   .featureCard__Title { font-size: 2.9rem;
    line-height: 3.5rem;}
   .featureCard__Des { font-size: 1.3rem; }
    .featureCard {min-height: 475px;}
 } /*min-width 1600px*/
 @media only screen and (max-width: 1199px) {
  .featureCard {width: 100%; min-height: 390px;}
 
} /*max-width 1199px*/
 @media only screen and (max-width: 991px) {
  .featureCard { min-height: 430px;}
 .homeFeaturesSection__rightPart .featuresCarousel{padding: 50px 0px 50px 0px;}
} /*max-width 991px*/
 @media only screen and (max-width: 767px) {
  .featureCard { min-height: 350px;}
} /*max-width 767*/
 @media only screen and (max-width: 575px) {
  .featureCard { min-height: 380px;}
} /*max-width 575*/
 @media only screen and (max-width: 420px) {
  .featureCard { min-height: 420px;}
} /*max-width 420*/
 @media only screen and (max-width: 374px) {
  .featureCard { min-height: 460px;}
} /*max-width 374*/

/*======================================================================
homeFeaturesSection end
======================================================================*/
/*======================================================================
 .homeAwardsSection  Start
======================================================================*/
 @media only screen and (min-width: 1600px) {
.homeAwardsSection--Title { font-size: 2rem;}
.homeAwardsSection ul>li {font-size: 1.25rem;}
 }/*min-width 1600px*/
/*======================================================================
 .homeAwardsSection  end
======================================================================*/
/*======================================================================
homeClientsSection Start
======================================================================*/
 @media only screen and (min-width: 1280px) {
/* .homeClientsSection{padding: 100px 0;} */
 }/*min-width 1200px*/
 @media only screen and (min-width: 1600px) {
.homeClientsSection--Title { font-size: 2rem;}
.homeClientsSection .slick-slide img { max-width: 235px;}
 }/*min-width 1600px*/
 @media only screen and (max-width: 575px) {
 .homeClientsSection{overflow: hidden;}
 .homeClientsSection .slick-slide img{margin: 0 auto;}
} /*max-width 575px*/

/*======================================================================
homeClientsSection end
======================================================================*/
/*======================================================================
homeCTASection Start
======================================================================*/
 @media only screen and (min-width: 1280px) {
/* .homeCTASection{min-height: 80vh;} */
 }/*min-width 1200px*/
 @media only screen and (min-width: 1600px) {
.CTACard--icon { font-size: 3.2rem;}
.CTACard--title {font-size: 1.3rem;}
.CTACard--text {  font-size: 1.15rem;}
.footerSocialIcons > li > a > i {   width: 40px; height: 40px;font-size: 20px;}
 }/*min-width 1600px*/
/*======================================================================
homeCTASection End
======================================================================*/

/*======================================================================
homeProjectsSection Start
======================================================================*/
 @media only screen and (min-width: 1200px) {
  .homeProjectsSection .container-fluid {
    padding-left: 50px;
    padding-right: 50px;
}
 }
 @media only screen and (min-width: 1600px) {

    .homeProjectsSection--Title { font-size: 2rem;}
    .homeProjectsSection--Title-sub { font-size: 1.2rem;}
    .projectCard .title2 { font-size: 1.4rem;}
    .projectCard .projectCard__back p {font-size: 1rem;}
    .projectCard { height: 278px;}
    .projectCard .projectCard__back { padding: 16px;}
    .projectModal__inner h4{font-size: 1.4rem;}
    .projectModal__inner p{font-size:  1rem;}
   .projectModal .modal-lg {max-width: 1000px;}
   .projectModal__inner { height: 546px;}
 } /*min-width 1600px*/
 @media only screen and (min-width: 768px) and (max-width: 991px) {
  .projectModal.show .modal-dialog { max-width: 700px;}
  .projectModal__inner { padding: 0px 13px 40px;  height: 355px;}
} /*min-width:768 //max-width 991*/
@media only screen and (max-width: 1280px) {
  .projectCard { height: 180px;}
  .projectCard:hover .projectCard__back {  top: 40%;}
} /*max-width 1280px*/
@media only screen and (max-width: 992px) {
  .projectCard { height: 180px;}
  .projectCard:hover .projectCard__back { top: 30%;}
} /*max-width 992px*/
@media only screen and (max-width: 767px) {
  .projectCard:hover .projectCard__back { top: 0;}
  .projectCard .title2 { font-size: 0.8rem;}
  .projectCard .projectCard__back p { font-size: 0.7rem;}
  .projectCard { height: 130px;}
  .homeProjectsSection .filters>ul>li .projects-submenu { left: unset;right: 0;}
  .projectModal__inner { padding: 0 10px 40px;height: 235px;}
  .projectModal__inner p {font-size: 0.8rem;}
} /*max-width 767px*/
@media only screen and (max-width: 575px) {
 .projectCard {height: 175px;    width: 80%; margin: 0 auto;}
 .homeProjectsSection .filters>ul>li {font-size: 0.8rem;}
 .projectModal.show .modal-dialog {margin: 30px;}
 .projectModal .btn-close {    background-color: #b78fff; opacity: 0.75;}
  .projectModal__leftpart { max-height: 40vh;overflow: hidden;}
  .projectModal__inner {margin-top: 10px; height: 40vh;}
} /*max-width 575px*/
/*======================================================================
homeProjectsSection end
======================================================================*/