/* Media Queries */

/* // Extra small screen / phone
  xs: 0,
  // Small screen / phone
  sm: 576px,
  // Medium screen / tablet
  md: 768px,
  // Large screen / desktop
  lg: 992px,
  // Extra large screen / wide desktop
  xl: 1200px */

@media only screen and (max-width: 2560px) {
  /* xl */
}

@media only screen and (max-width: 2000px) {
  /* xl */
}

@media only screen and (max-width: 1199px) {
  /* xl */

  /* ##################### INDEX.HTML ##################### */
  /* SECTION -02 NAVIGATION BAR TOP */
  .SEC_02 .navbar-brand {
    margin-left: 40px;
  }
}

@media only screen and (max-width: 991px) {
  /* lg */
  /* ##################### INDEX.HTML ##################### */
  /* TOP BAR [ SECTION - 01 ] ########################## */
  .SEC_01 .col-lg-8 {
    display: none;
  }

  .SEC_01 .col-lg-4 {
    text-align: center !important;
  }

  /* SECTION 02 - NAVIGATION TOP */

  .SEC_02 .navbar {
    padding-top: 25px;
    padding-bottom: 25px;
  }

  .SEC_02 .nav-item {
    padding-top: 1px;
  }

  .SEC_02 li:nth-child(2) {
    padding-top: 10px;
    border-top: 1px solid rgb(241, 239, 239);
  }

  .SEC_02 .navbar {
    margin-left: -15px;
  }

  .SEC_02 .navbar-brand {
    margin-left: 0;
  }

  .SEC_02 .nav-item {
    background-color: #f6f6f6;    
    border-bottom: 1px solid #ecebeb;
  }

  .SEC_02 .navbar {
    background-color: #f6f6f6 !important;
    
  }

  .SEC_02 {
    background-color: #f6f6f6 !important;
   

  }
  /* Menu Icon ****************************** */
  .bar1,
  .bar2,
  .bar3 {
    width: 30px;
    height: 3px;
    background-color: #5D9941;
    margin: 6px 0;
    transition: 0.4s;
  }

  .change .bar1 {
    -webkit-transform: rotate(-45deg) translate(-9px, 6px);
    transform: rotate(-45deg) translate(-7px, 4px);
  }

  .change .bar2 {
    opacity: 0;
  }

  .change .bar3 {
    -webkit-transform: rotate(45deg) translate(-8px, -8px);
    transform: rotate(45deg) translate(-8px, -8px);
  }

  /* END MENU ICON ****************************************** */

  /* OUR SERVICES ######################################### */
  .CIRCLE_01 {
    display: inline-block;
    /* margin:10px; */

    width: 85px;
    height: 85px;
    border-radius: 50%;
    /* border: 2px solid #62696D; */
    background-color: #f5f5f5;
    padding: 2.8%;
  }

  /* ABOUT US ############################################## */
  .container-fluid {
    padding-left: 15px;
  }

  /* FOOTER ################################################ */
  footer .col-lg-3 {
    text-align: left !important;
  }

  /* #################### END INDEX.HTML ###################### */

  /* ##################  VACANCIES  ################### */
  .IMG_OVERLAY {
    width: 70%;
    height: 50%;
    background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;

    background-color: rgb(31, 11, 11, 0.8);

    padding-left: 5%;
    padding-bottom: 10%;
    padding-top: 2%;
  }

  .IMG_OVERLAY a {    
   padding: 6px !important;   
    font-size: 14px !important;   
  }


}

@media only screen and (max-width: 768px){
/* SECTION 08 - TESTIMONY SLIDER */
.SEC_08 .carousel-inner .carousel-item {
  
}

 
}

@media only screen and (max-width: 1024px){
  
  
  /* SECTION 08 - TESTIMONY SLIDER */
  .SEC_08 .carousel-inner .carousel-item {
    /* padding-top: 50px; */
   
  
  }
  }

@media only screen and (max-width: 767px) {
  /* md */

  /* ####################### INDEX.HTML ##################### */

  /* SECTION 03 - TOP IMAGE SLIDER */

  .SEC_03 .carousel-caption h5 {
    font-size: 30px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 2px;
    margin-top: 25px;
    font-family: Montserrat, sans-serif;
  }

  .SEC_03 .carousel-caption p {
    text-align: center;
    font-size: 18px;
  }

  /* SECTION 08 - TESTIMONY SLIDER */
  .SEC_08 .carousel-inner .carousel-item {
    padding-top: 0;
  }
  
  
  .SEC_08 .carousel-inner img {
    width: 100%;
    height: 550px;
  }

  .SEC_08 .carousel-caption {
    padding-bottom: 1px;
  }

  .SEC_08 .carousel-caption p {
    width: 100%;
  }
  /* ##################### END INDEX.HTML ######################### */

  /* ###################### SERVICES.HTML ######################## */
  .col-md-7 {
    text-align: left !important;
  }

  /* ##################  VACANCIES  ################### */
  .IMG_OVERLAY {
    width: 80%;
    height: 45%;
    background-color: rgb(31, 11, 11, 0.8);
    margin-left: -20px;
    margin-top: -15px;
  }

  .IMG_OVERLAY p {
    color: #fff !important;
    font-size: 12px;    
    line-height: 1;
  }

  .IMG_OVERLAY h5 {
    color: #fff !important;
    font-size: 15px;
    font-weight: bolder;
    line-height: 1;
  }

  .IMG_OVERLAY a {    
    padding: 2px !important;   
    padding-left: 10px !important;
    padding-right: 10px !important;
     font-size: 14px !important;   
   }

}

@media only screen and (max-width: 479px) {
  /* sm */
  /* ##################### INDEX.HTML ################################ */
  /* OUR SERVICES ######################################### */
  .CIRCLE_01 {
    display: inline-block;
    /* margin:10px; */

    width: 85px;
    height: 85px;
    border-radius: 50%;
    /* border: 2px solid #62696D; */
    background-color: #f5f5f5;
    padding: 5%;
  }

  .SEC_03 .carousel-caption {
    top: 175px;
  }
  /* #################### END INDEX.HTML ######################### */

  /* ##################  VACANCIES  ################### */
  .IMG_OVERLAY {
    height: 40%;
  }

  .IMG_OVERLAY a {    
    padding: 1px !important;   
    padding-left: 10px !important;
    padding-right: 10px !important;
     font-size: 14px !important;   
   }
}

@media only screen and (max-width: 374px) {

  .IMG_OVERLAY {
    width: 65%;
    height: 33%;
    
  }
}

  @media only screen and (max-width: 320px) {

    .IMG_OVERLAY {
      width: 75%;
      height: 33%;
      
    }

    .IMG_OVERLAY a {

     
      padding: 0 !important;
     
      font-size: 12px;
      font-weight: 500;
      line-height: 23px;
      font-style: normal;
     
    }

}