/* Large screens ----------- */

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

  /* STYLES GO HERE */

}



/* Large screens ----------- */

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

  /* STYLES GO HERE */

}



/* Large screens ----------- */

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

  /* STYLES GO HERE */

  .h-600-lg{
    height: 600px;
  }

  .h-700-lg{
    height: 700px;
  }

  .h-675-lg{
    height: 675px !important;
  }

}



/* Large screens ----------- */

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

  /* STYLES GO HERE */

  .f-20-lg{
    font-size: 20px;
  }

}



/* 

  ##Device = Desktops

  ##Screen = 1281px to higher resolution desktops

  */



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

    .sticky-rsidebar{
      position: fixed;
      top: 20%;
      bottom: 0;
      right: 1%;
      overflow-y: auto;
    }

    .sticky-rsidebar img{
     height: 53vh !important;
   }

   .sticky-rsidebar .title{
    font-size: 26px !important;
  }

  .contact{
    line-height: 1.5;
  }

  .contact label{
    margin-bottom: 2%;
  }

  .bg-cover-lg{
    background-size: cover !important;
  }



  /*icons*/



  .img-md-icon{

   width: 80px;

   height: 80px;

 }



 /*icons*/





 .inline-grid-lg{

  display: inline-grid;

}









}



/* Desktops and laptops ----------- */

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


  .contact label{

    margin-bottom: 2%;

  }


}


@media only screen and (min-width : 1112px) and (max-width : 1450px) {

  /* STYLES GO HERE */

  .col-sm-md-6{
    width: 50%;
  }

  .p-l-5-sm{
    padding-left: 5% !important;
  }

  .p-r-5-sm{
    padding-right: 5% !important;
  }

}



/* 

  ##Device = Laptops, Desktops

  ##Screen = B/w 1025px to 1280px

  */



  @media only screen and (min-width: 1025px) and (max-width: 1224px) {

    .sticky-rsidebar{
      position: fixed;
      top: 10%;
      bottom: 0;
      right: 1%;
      overflow-y: auto;
    }

    .sticky-rsidebar img{
     height: 53vh !important;
   }

   .sticky-rsidebar .title{
    font-size: 26px !important;
  }

  nav ul li {

    display: inline-block;

    padding: 0px 15px;

  }



  nav ul{

    padding-right: 30px;

  }



  #contact-us{

    padding-top: 15%;

  }



  .h-a-md{

    height: auto !important;

  }



  .contact label{

    margin-top: 5%;

  }



  .inline-grid-md{

    display: inline-grid;

  }



  .abs-center-x-y-none-md{

    position: relative;

    transform: none;

    top: auto;

    left: auto;

    bottom: auto;

    right: auto;

  }



  .m-l-0-md{

    margin-left: 0

  }



}



/* 

  ##Device = Tablets, Ipads (portrait)

  ##Screen = B/w 768px to 1024px

  */



  @media only screen and (min-width: 768px) and (max-width: 1024px) {

    .menu > .showing {
      height: auto;
    }

    #svg_wrapper svg{
      padding: 10%;
    }

    .pos-fixed-sm{
      position: fixed;
    }

    .f-40-sm{
      font-size: 40px;
    }

    .f-30-sm{
      font-size: 30px;
    }

    .w-90-sm{
      width: 90%;
    }

    .m-t-30-sm{
      margin-top: 30%;
    }


    .b-10-sm{
      bottom: 10% !important;
    }

    .pos-abs-sm{
      position: absolute;
    }

    .abs-center-y-sm{
      top: 50%;

      transform: translateY(-50%);
    }

    nav ul{

      padding-right: 20px;

    }



    nav ul li {

      padding: 15px 5px;

    }

    .close{
      right: 0;
      left: auto;
    }


    .w-100-sm{

      width: 100% !important;

    }

    .h-350-sm{
      height: 350px;
    }



    .h-a-sm{

      height: auto !important;

    }


    .bg-cover-sm{
      background-size: cover !important;
    }



    .m-l-0-sm{

      margin-left: 0;

    }



    .p-t-15-sm{

      padding-top: 15%;

    }

    .m-b-0-sm{
      margin-bottom: 0 !important;
    }


    .r-0-sm{
      right: 0 !important;
    }





    .abs-center-x-y-none-sm{

      position: relative;

      transform: none;

      top: auto;

      left: auto;

      right: auto;

      bottom: auto;

    }





    .inline-grid-sm{

      display: inline-grid;

    }


    .contact span{
      margin-bottom: 5%;
    }

    .icon-bar a{
      margin-right: 0;
    }

    .l-0-sm{
    	left: 0 !important;
    }

    .z-99-sm{
    	z-index: +99;
    }

    .vh-100-sm{
    	height: 100vh;
    }

    .h-100-sm{
      height: 100%;
    }


  }



  /* iPads (portrait) ----------- */

  @media only screen and only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {

    /* STYLES GO HERE */



    nav ul{

      padding-right: 20px;

    }



    nav ul li {

      padding: 5px 5px;

    }



    .w-100-sm{

      width: 100%;

    }



  }



/* 

  ##Device = Tablets, Ipads (landscape)

  ##Screen = B/w 768px to 1024px

  */



  @media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {





  }


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



    nav ul li {

      padding: 3px 10px;

    }



    .contact label{

      margin-top: 5%;

    }





  }

  @media only screen and (min-width: 834px) and (max-width:960px) {

    .logo img {
      height: 60px !important;
    }

  }

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

    .logo img {
      height: 60px;
    }

    nav ul li {
      padding: 0px 5px;
    }

    nav ul {
      line-height: 110px;
    }

    nav ul li a{

      font-size: 14px;

    }

    nav ul li {
      vertical-align: baseline;
    }

  }



/* 

  ##Device = Low Resolution Tablets, Mobiles (Landscape)

  ##Screen = B/w 481px to 767px

  */



  @media only screen and (min-width: 481px) and (max-width: 767px) {





  }



/* 

  ##Device = Most of the Smartphones Mobiles (Portrait)

  ##Screen = B/w 320px to 479px

  */



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

    #applyJobModal .modal-header .close{
      position: absolute;
      bottom: -10% !important;
      z-index: +99;
    }

    #applyJobModal .modal-header{
      position: static;
    }

    footer ul li a{
      font-size: 12px;
    }

    #svg_wrapper svg{
      position: absolute;
      width: auto;
      height: 100%;
      top: 50%;
      right: 50%;
      transform: translate(50%, -50%);
      overflow: hidden;
    }

    #svg_wrapper {
      height: 500px;
      overflow: hidden;
    }

    .scr-slider{
      margin-bottom: 5%;
    }

    .scr-slider .scr-navigation{
      text-align: center;
      position: absolute;
      bottom: 15%;
      left: 50%;
      transform: translateX(-50%);
    }

    .scr-slider .next{
      position: relative;
      right: 0;
    }

    .scr-slider .previous{
      position: relative;
      left: 0;
    }

    .box-layout{
      padding-left: 5%;
      padding-right: 5%;
    }

    .bg-cover-xs{

      background-size: cover !important;

    }



    /*icons*/

    .icon-bar a {

      margin-right: 0px;

    }

    .h-80-xs{
      height: 80%;
    }

    .h-50-xs{
      height: 50%;
    }

    .h-90-xs{
      height: 90%;
    }

    .h-85-xs{
      height: 85%;
    }

    .h-70-xs{
      height: 70%;
    }

    /*icons*/

    .b-10-xs{
      bottom: 10% !important;
    }

    .b-5-xs{
      bottom: 5% !important;
    }

    .pos-abs-xs{
      position: absolute;
    }


    .abs-center-y-xs{
      top: 50%;

      transform: translateY(-50%);
    }

    /*fonts*/

    .f-40-xs{

      font-size: 40px;

    }

    .f-36-xs{

      font-size: 36px;

    }

    

    .f-30-xs{
      font-size: 30px;
    }

    .f-28-xs{
      font-size: 28px;
    }


    .f-24-xs{
      font-size: 24px;
    }



    .f-16-xs{

      font-size: 16px;

    }

    /*fonts*/



    .m-l-0-xs{

      margin-left: 0;

    }

    .text-center-xs{
      text-align: center;
    }

    .abs-center-x-xs{
      left: 50%;

      transform: translateX(-50%);
    }


    .abs-center-x-y-none-xs{

      position: relative;

      transform: none;

      top: auto;

      left: auto;

      right: auto;

      bottom: auto;

    }



    .h-a-xs{

      height: auto !important;

    }

    .h-500-xs{
      height: 500px !important;
    }

    .h-400-xs{
      height: 400px !important;
    }

    .vh-100-xs{
      height: 100vh !important;
    }

    .h-100-xs{
      height: 100% !important;
    }

    .vh-90-xs{
      height: 90vh !important;
    }

    .vh-65-xs{
      height: 65vh !important;
    }

    .pos-fixed-xs{
      position: fixed !important; 
    }

    .l-0-xs{
      left: 0 !important
    }

    .r-0-xs{
      right: 0 !important
    }

    .t--50-xs{
      top: -50% !important;
    }


    .l-4-xs {

      left: 4%;

    }


    .l-10-xs{
      left: 10%;
    }



    .t-4-xs {

      top: 4%;

    }

    .pos-fixed-xs{
      position: fixed;
    }


    .m-t-15-xs{

      margin-top: 15%;

    }



    .m-t-50-xs{

      margin-top: 50%;

    }

    .m-t-30-xs{
      margin-top: 30%;
    }



    .w-90-xs{

      width: 90% !important;

    }



    .w-100-xs{

      width: 100% !important;

    }



    .z-99-xs{

      z-index: +99;

    }


    .p-l-5-xs{
      padding-left: 5%;
    }


    .p-r-5-xs{
      padding-right: 5%;
    }



    .p-t-35-xs{

      padding-top: 35%;

    }



    .contact-row {

      padding: 20% 0% 20% 0%;

    }





    .contact label{

      margin-top: 5%;

    }





    .pos-rel-xs{

      position: relative;

    }



    #contact-us{

      padding-right: 10%;

      padding-left: 10%;

    }



    .p-l-0-xs{

      padding-left: 0;

    }



    .p-r-0-xs{

      padding-right: 0;

    }



    .inline-grid-xs{

      display: inline-grid;

    }

    .play-video img{
      height: 30px;
    }


    .vh-50-xs{
      height: 50%;
    }

    .vh-20-xs{
      height: 20%;
    }

    .order-elements-xs{
      display: flex;
      flex-direction: column;
    }

    .order-1-xs{
      order: 1;
    }


    .order-2-xs{
      order: 2;
    }


    #close-search .fa{
      font-size: 40px !important;
    }

    .close .fa{
      font-size: 40px !important;
    }

    .close{
      bottom: 0;
      right: 0;
      left: auto;
      top: auto;
      padding: 0 !important;
    }


    .menu{
      padding: 0;
      /* height: 100vh;*/
    }

    .sticky-menu nav ul {
      line-height: 25px;
    }

    .sticky-menu .logo img {
      height: 60px;
    }


    .f-20-xs{

      font-size: 20px;

    }


    .icon-bar .fa:before {
      filter: brightness(0.9);
    }

    .sticky-menu .menu-icon{
      background-color: rgba(0,0,0,0.4);
      padding: 0px 24px
    }


  }



  /* Smartphones (portrait) ----------- */

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

    /* STYLES GO HERE */

  }





  /* iPhone 5 (portrait & landscape)----------- */

  @media only screen

  and (min-device-width : 320px)

  and (max-device-width : 568px) {

    /* STYLES GO HERE */

  }



  /* iPhone 5 (landscape)----------- */

  @media only screen

  and (min-device-width : 320px)

  and (max-device-width : 568px)

  and (orientation : landscape) {

    /* STYLES GO HERE */

  }



  /* iPhone 5 (portrait)----------- */

  @media only screen

  and (min-device-width : 320px)

  and (max-device-width : 568px)

  and (orientation : portrait) {

    /* STYLES GO HERE */

  }


  /* Detect Mac Safari 6.1 or newer, hide any straggling Chrome references */

  @media screen and (-webkit-max-device-pixel-ratio:1) and (min-color-index:0) and (min-device-width : 1165px) and (max-device-width : 1280px){

    .mac-os .w-100-safari {
      width: 100%;
    } 

    nav ul li {
      padding: 0px 20px;
    }

  }

   /* Detect Mac Safari 6.1 or newer, hide any straggling Chrome references */