*{margin: 0;padding: :0;outline: 0;}
html{
    max-width: 100%;
    overflow-x: hidden;
    overflow-y:scroll;
}
.js div#preloader {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 999;
    width: 100%;
    height: 100%;
    overflow: visible;
    background: #333 url('../images/loading.gif') no-repeat center center;
}
.mar-pad-zero{
  margin: 0px;
  padding: :0px !important;
}
body {
    z-index:1;
	  margin:1px 0 0 0;
	  padding: 0;
	  text-align: left;
	  font-family:"Trebuchet MS",Garamond,Georgia, "Times New Roman", Times, serif;
	  font-size:13px;
	  overflow-y:hidden;
    overflow:-x:hidden;
    background-color: transparent;
}
blink {
    -webkit-animation: 2s linear infinite condemned_blink_effect; // for android
    animation: 2s linear infinite condemned_blink_effect;
}
.invisible{
  display: none;
}
.clear{overflow:hidden;}
.modal{
  top: 100px;
  z-index: 9999;
}
.modal-open {
    padding-right: 0px !important;
}
.modal-content iframe {
    margin: 0 auto;
    display: block;
}
.fa.fa-twitter{
	font-family:sans-serif;
}
.fa.fa-twitter::before{
	content:"𝕏";
	font-size:1.2em;
}
@font-face {
    font-family: Kanit-SemiBold;
    src: url(../fonts/Kanit-SemiBold.ttf);
}
@font-face {
    font-family: Kanit-Medium;
    src: url(../fonts/Kanit-Medium.ttf);
}
@font-face {
    font-family: Kanit-Light;
    src: url(../fonts/Kanit-Light.ttf);
}
@font-face {
    font-family: Kanit-ExtraLight;
    src: url(../fonts/Kanit-ExtraLight.ttf);
}
@font-face {
    font-family: MavenPro-Black;
    src: url(../fonts/MavenPro-Black.ttf);
}
@font-face {
    font-family: MavenPro-Bold;
    src: url(../fonts/MavenPro-Bold.ttf);
}
@font-face {
    font-family: MavenPro-Medium;
    src: url(../fonts/MavenPro-Medium.ttf);
}
@font-face {
    font-family: MavenPro-Regular;
    src: url(../fonts/MavenPro-Regular.ttf);
}
@font-face{
    font-family: my_colab_thin;
    src: url(../fonts/colab_thin.otf);
}
@font-face{
    font-family: my_gautamib;
    src: url(../fonts/gautamib.ttf);
}
@font-face{
    font-family: my_cooperb;
    src: url(../fonts/cooperb.ttf);
}
@font-face{
    font-family: KronaOne-Regular;
    src: url(../fonts/KronaOne-Regular.ttf);
}
@font-face{
    font-family: Ethnocentric-Regular;
    src: url(../fonts/ethnocen.ttf);
}
@font-face{
    font-family: Arizonia-Regular;
    src: url(../fonts/Arizonia-Regular.ttf);
}
@font-face{
    font-family: Futura-Light-BT;
    src: url(../fonts/futura_light_bt.ttf);
}
@font-face{
    font-family: Futura-Medium-BT;
    src: url(../fonts/futura_medium_bt.ttf);
}
@font-face{
    font-family: Futura-X-Black;
    src: url(../fonts/futura_xblk_bt.ttf);
}
@font-face{
    font-family: Futura-Heavy;
    src: url(../fonts/futuraheavyfont.ttf);
}
@font-face{
    font-family: futura_light_italic;
    src: url(../fonts/futura_light_italic.ttf);
}
@font-face{
    font-family: futura_medium_italic;
    src: url(../fonts/futura_medium_italic.ttf);
}
@font-face{
    font-family: futura-condensedlight;
    src: url(../fonts/futura-condensedlight.otf);
}
@font-face{
     font-family: montserrat-black;
     src: url(../fonts/montserrat-black.ttf);
}
@font-face{
     font-family: montserrat-blackitalic;
     src: url(../fonts/montserrat-blackitalic.ttf);
}
@font-face{
     font-family: montserrat-bold;
     src: url(../fonts/montserrat-bold.ttf);
}
@font-face{
     font-family: montserrat-bolditalic;
     src: url(../fonts/montserrat-bolditalic.ttf);
}
@font-face{
     font-family: montserrat-extrabold;
     src: url(../fonts/montserrat-extrabold.ttf);
}
@font-face{
     font-family: montserrat-extrabolditalic;
     src: url(../fonts/montserrat-extrabolditalic.ttf);
}
@font-face{
     font-family: montserrat-extralight;
     src: url(../fonts/montserrat-extralight.ttf);
}
@font-face{
     font-family: montserrat-extralightitalic;
     src: url(../fonts/montserrat-extralightitalic.ttf);
}
@font-face{
     font-family: montserrat-italic;
     src: url(../fonts/montserrat-italic.ttf);
}
@font-face{
     font-family: montserrat-light;
     src: url(../fonts/montserrat-light.ttf);
}
@font-face{
     font-family: montserrat-lightitalic;
     src: url(../fonts/montserrat-lightitalic.ttf);
}
@font-face{
     font-family: montserrat-medium;
     src: url(../fonts/montserrat-medium.ttf);
}
@font-face{
     font-family: montserrat-mediumitalic;
     src: url(../fonts/montserrat-mediumitalic.ttf);
}
@font-face{
     font-family: montserrat-regular;
     src: url(../fonts/montserrat-regular.ttf);
}
@font-face{
     font-family: montserrat-semibold;
     src: url(../fonts/montserrat-semibold.ttf);
}
@font-face{
     font-family: montserrat-semibolditalic;
     src: url(../fonts/montserrat-semibolditalic.ttf);
}
@font-face{
     font-family: montserrat-thin;
     src: url(../fonts/montserrat-thin.ttf);
}
@font-face{
     font-family: montserrat-thinitalic;
     src: url(../fonts/montserrat-thinitalic.ttf);
}
@font-face{
     font-family: vinron_regular;
     src: url(../fonts/vinron_regular.otf);
}
@font-face{
     font-family: vinron_bold;
     src: url(../fonts/vinron_bold.otf);
}
.container-fluid {
    padding-right: 0px !important;
    padding-left: 0px  !important;
    margin-right: auto !important;
    margin-left: auto  !important;
}
.container-outer{
  padding-right: 0px !important;
  padding-left: 0px  !important;
  box-shadow: 6px 0 4px -4px #999, -6px 0 4px -4px #999;
  -moz-box-shadow: 6px 0 4px -4px #999, -6px 0 4px -4px #999;
  -webkit-box-shadow: 6px 0 4px -4px #999, -6px 0 4px -4px #999;}
}
.readmore{
    float: right;
    text-align: right;
}
.readmore a{
    font-family: montserrat-regular;
    text-decoration: none;
    color: #ff0030;
    font-size: 13px;
    float: right;
}
.readmore a:hover{
    text-decoration: none;
    font-weight: bold;
}
.click_here{
    text-decoration: none;
    color: #fff;
    letter-spacing: 0.5px;
    font-family: MavenPro-Regular;
}
.click_here:hover{
    text-decoration: none;
    color: #e4e3e3;
}
.click_here:visited{
    text-decoration: none;
    color: #fff;
}
.inline-btns{
  margin-top: 8px;
  padding: 0px 0px 0px 15px;
}
.btn-sm{
  padding: 0px !important;
}
.btn-kes-danger-icon-text {
  font-family: montserrat-regular;
  font-size: 16px;
  span {
    color: #ffffff;
    padding-left: 8px;
    padding-right: 10px;
  }
  i {
    font-size: 24px;
    background-color: #ffb5b5;
    padding: 4px;
    border-right: 1px solid #ff0000;
  }
}
.btn-kes-warning-icon-text {
  font-family: montserrat-extralight;
  font-size: 12px;
  span {
    color: #fbf6a9;
    padding-left: 8px;
    padding-right: 10px;
  }
  i {
    color: #fdfae4;
    font-size: 24px;
    background-color: #fed761;
    padding: 4px;
    border-right: 1px solid #ffbf00;
  }
}
.btn-kes-warning-icon-text:hover{
  span {
    color: #ff0000;
  }
  i{
    color: #424240;
  }
}
.btn-kes-primary-icon {
  i {
    color: #0018ff;
    font-size: 24px;
    background-color: #ffffff;
    padding: 4px 6px 4px 6px;
  }
}
.btn-kes-primary-icon:hover{
  i {
    color: #ffffff;
    font-size: 24px;
    background-color: #0018ff;
    padding: 4px 6px 4px 6px;;
  }
}
.btn-kes-instagram-icon{
  i {
    color: #ffffff;
    font-size: 26px;
    background: #f09433;
    background: -moz-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
    background: -webkit-linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%);
    background: linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f09433', endColorstr='#bc1888',GradientType=1 );
    padding: 4px 6px 4px 6px;
  }
}
.btn-kes-instagram-icon:hover{
  i {
    background: -moz-linear-gradient(45deg, #bc1888 0%, #cc2366  25%, #dc2743 50%, #e6683c 75%, #f09433 100%);
    background: -webkit-linear-gradient(45deg, #bc1888 0%, #cc2366  25%, #dc2743 50%, #e6683c 75%, #f09433 100%);
    background: linear-gradient(45deg, #bc1888 0%, #cc2366  25%, #dc2743 50%, #e6683c 75%, #f09433 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bc1888', endColorstr='#f09433',GradientType=1 );
    font-size: 26px;
    color: #fcb3b3;
    padding: 4px 6px 4px 6px;
  }
}
.btn-kes-twitter-icon{
  i {
    color: #353434;
    font-size: 26px;
    padding: 4px 6px 4px 6px;
    background: #ffffff;
    padding: 0px 8px 0px 8px;
  }
}
.btn-kes-twitter-icon:hover{
  i {
    color: #ffffff;
    font-size: 26px;
    padding: 4px 6px 4px 6px;
    background: #353434;
    padding: 0px 8px 0px 8px;
  }
}
.btn-kes-reddit-icon{
  i {
    color: #ffffff;
    font-size: 26px;
    padding: 4px 6px 4px 6px;
    background: #f74300;
    padding: 3px 6px 3px 6px;
  }
}
.btn-kes-reddit-icon:hover{
  i {
    color: #f74300;
    font-size: 26px;
    padding: 4px 6px 4px 6px;
    background: #ffffff;
    padding: 3px 6px 3px 6px;
  }
}
.heading {
    background: #474747;
    z-index: 9999;
    top: 0;
    border-bottom: 2px solid #ffe300;
    padding-bottom: 10px;
}
.basicContact{
  padding: 8px 0px 0px 15px;
}
.nameBlock{
    display: inline;
}
.myFirstName{
    color: #ffffff;
    /* font-family: montserrat-bold; */
    font-family: montserrat-medium;
    float: left;
    font-size: 43px;
}
.myLastName{
    color: #ffffff;
    font-family: montserrat-extralight;
    font-size: 43px;

}
.profession{
    float: left;
    font-family: montserrat-extralight;
    color: #fc7e19;
    font-size: 18px;
    line-height: 5px;
    font-weight: bold;
    margin-top: -5px;
}
.mobileNos{
    font-family: Futura-Light-BT;
    color: #ffffff;
    font-size: 14px;
    margin-top: 9px;
}
.email-block{
    margin-top: -18px;
}
.email-1{
    font-family: Futura-Light-BT;
    color: #ffffff;
    font-size: 15px;
}
.email-1 a {
    text-decoration: none;
    color: #ffffff;
}
.primaryLocation{
    font-family: Futura-Light-BT;
    color: #ffffff;
    font-size: 14px;
    /* display: inline; */
}
.pp_photo {
    background-color: #ffffff;
    width: 12%;
    padding: 3px;
    display: block;
    float: right;
    border-radius: 50px;
    -webkit-box-shadow: 2px 2px 5px 0px rgba(232, 233, 231, 1);
    -moz-box-shadow: 2px 2px 5px 0px rgba(232, 233, 231, 1);
    box-shadow: 0px 0px 8px 1px rgba(232, 233, 231, 1);
}
.left-pan{
    background: rgb(194,193,191);
    background: -moz-linear-gradient(180deg, rgba(194,193,191,1) 0%, rgba(242,242,246,1) 48%, rgba(247,249,250,1) 100%);
    background: -webkit-linear-gradient(180deg, rgba(194,193,191,1) 0%, rgba(242,242,246,1) 48%, rgba(247,249,250,1) 100%);
    background: linear-gradient(180deg, rgba(194,193,191,1) 0%, rgba(242,242,246,1) 48%, rgba(247,249,250,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#c2c1bf",endColorstr="#f7f9fa",GradientType=1);
}
.left-pan{
    background: rgb(194,193,191);
    background: -moz-linear-gradient(180deg, rgba(194,193,191,1) 0%, rgba(242,242,246,1) 48%, rgba(247,249,250,1) 100%);
    background: -webkit-linear-gradient(180deg, rgba(194,193,191,1) 0%, rgba(242,242,246,1) 48%, rgba(247,249,250,1) 100%);
    background: linear-gradient(180deg, rgba(194,193,191,1) 0%, rgba(242,242,246,1) 48%, rgba(247,249,250,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#c2c1bf",endColorstr="#f7f9fa",GradientType=1);
}
.right-pan{
  background: rgb(36,36,37);
  background: linear-gradient(164deg, rgba(36,36,37,1) 0%, rgba(99,99,99,1) 48%, rgba(94,94,94,1) 100%);
    /* background: rgb(194,193,191);
    background: -moz-linear-gradient(180deg, rgba(194,193,191,1) 0%, rgba(242,242,246,1) 48%, rgba(247,249,250,1) 100%);
    background: -webkit-linear-gradient(180deg, rgba(194,193,191,1) 0%, rgba(242,242,246,1) 48%, rgba(247,249,250,1) 100%);
    background: linear-gradient(180deg, rgba(194,193,191,1) 0%, rgba(242,242,246,1) 48%, rgba(247,249,250,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#c2c1bf",endColorstr="#f7f9fa",GradientType=1); */
}
.ParaHead-1{
    margin-top: 5px;
    font-family: Futura-Medium-BT;
    font-size: 18px;
    color: #001f5d;
}
.ParaText-1{
    margin-top: 10px;
    font-family: montserrat-light;
    font-size: 14px;
    color: #2e3544;
    padding: 0px 8px 10px 15px;
    font-weight: bold;
}
.hr-dark {
    height: 1px;
    margin: 5px 0px 1px 0px !important;
    background: -webkit-gradient(linear, 0 0, 100% 0, from(rgba(0, 0, 0, 0)), color-stop(0.5, #333333), to(rgba(0, 0, 0, 0)));
    background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0), #333333, rgba(0, 0, 0, 0));
    background: -moz-linear-gradient(left, rgba(0, 0, 0, 0), #333333, rgba(0, 0, 0, 0));
    background: -o-linear-gradient(left, rgba(0, 0, 0, 0), #333333, rgba(0, 0, 0, 0));
    background: linear-gradient(left, rgba(0, 0, 0, 0), #333333, rgba(0, 0, 0, 0));
    border: 0;
}
.hr-light {
    height: 1px;
    margin: 5px 0px 1px 0px !important;
    background: -webkit-gradient(linear, 0 0, 100% 0, from(rgba(0, 0, 0, 0)), color-stop(0.5, #333333), to(rgba(0, 0, 0, 0)));
    background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0), #ffffff, rgba(0, 0, 0, 0));
    background: -moz-linear-gradient(left, rgba(0, 0, 0, 0), #ffffff, rgba(0, 0, 0, 0));
    background: -o-linear-gradient(left, rgba(0, 0, 0, 0), #ffffff, rgba(0, 0, 0, 0));
    background: linear-gradient(left, rgba(0, 0, 0, 0), #ffffff, rgba(0, 0, 0, 0));
    border: 0;
}
.ul-outer-3{
  list-style: none;
  margin:0;
  margin-left: 15px;
  margin-right: 15px;
  padding: 0;
  position: relative;
  &:before{
      content:"";
      display: inline-block;
      width: 2px;
      position: absolute;
      left:3px;
      top:16px;
      height: calc(100% - 10px );
      background: -webkit-gradient(linear, 0 0, 100% 0, from(rgba(0, 0, 0, 0)), color-stop(0.5, #333333), to(rgba(0, 0, 0, 0)));
      background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0), #333333, rgba(0, 0, 0, 0));
      background: -moz-linear-gradient(left, rgba(0, 0, 0, 0), #333333, rgba(0, 0, 0, 0));
      background: -o-linear-gradient(left, rgba(0, 0, 0, 0), #333333, rgba(0, 0, 0, 0));
      background: linear-gradient(left, rgba(0, 0, 0, 0), #333333, rgba(0, 0, 0, 0));
  }
  .li-outer-3{
    position: relative;
    padding-left: 15px;
    padding-right: 15px;
    margin-bottom:15px;
    &:before{
      content:"";
      display: inline-block;
      width: 8px;
      height: 8px;
      background: #2e3544;
      position: absolute;
      left:0;
      top:15px;
      border-radius: 10px;
    }
    &:after{
      content:"";
      display: inline-block;
      width: 8px;
      height: 8px;
      background: #2e3544;
      position: absolute;
      right:0;
      top:15px;
      border-radius: 10px;
    }
  }
  .li-outer-3:last-child{
    position: relative;
    padding-left: 15px;
    padding-right: 15px;
    margin-bottom:15px;
    &:before{
      content:"";
      display: inline-block;
      width: 8px;
      height: 8px;
      background: #2e3544;
      position: absolute;
      left:0;
      top:5px;
      border-radius: 10px;
    }
    &:after{
      content:"";
      display: inline-block;
      width: 8px;
      height: 8px;
      background: #2e3544;
      position: absolute;
      right:0;
      top:5px;
      border-radius: 10px;
    }
  }
  &:after{
      content:"";
      display: inline-block;
      width: 2px;
      position: absolute;
      right:3px;
      top:16px;
      height: calc(100% - 10px );
      background: -webkit-gradient(linear, 0 0, 100% 0, from(rgba(0, 0, 0, 0)), color-stop(0.5, #333333), to(rgba(0, 0, 0, 0)));
      background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0), #333333, rgba(0, 0, 0, 0));
      background: -moz-linear-gradient(left, rgba(0, 0, 0, 0), #333333, rgba(0, 0, 0, 0));
      background: -o-linear-gradient(left, rgba(0, 0, 0, 0), #333333, rgba(0, 0, 0, 0));
      background: linear-gradient(left, rgba(0, 0, 0, 0), #333333, rgba(0, 0, 0, 0));
  }
}
.ul-outer-3a{
  list-style: none;
  margin:0;
  margin-left: 15px;
  margin-right: 15px;
  padding: 0;
  position: relative;
  &:before{
      content:"";
      display: inline-block;
      width: 2px;
      position: absolute;
      left:3px;
      top: 10px;
      height: calc(86% - 10px);
      background: -webkit-gradient(linear, 0 0, 100% 0, from(rgba(0, 0, 0, 0)), color-stop(0.5, #333333), to(rgba(0, 0, 0, 0)));
      background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0), #ffffff, rgba(0, 0, 0, 0));
      background: -moz-linear-gradient(left, rgba(0, 0, 0, 0), #ffffff, rgba(0, 0, 0, 0));
      background: -o-linear-gradient(left, rgba(0, 0, 0, 0), #ffffff, rgba(0, 0, 0, 0));
      background: linear-gradient(left, rgba(0, 0, 0, 0), #ffffff, rgba(0, 0, 0, 0));
  }
  .li-outer-3a{
    position: relative;
    padding-left: 15px;
    padding-right: 15px;
    margin-bottom:15px;
    &:before{
      content:"";
      display: inline-block;
      width: 8px;
      height: 8px;
      background: #e1e0e0;
      position: absolute;
      left:0;
      top:4px;
      border-radius: 10px;
    }
  }
  .li-outer-3a:last-child{
    position: relative;
    padding-left: 15px;
    padding-right: 15px;
    margin-bottom:15px;
    &:before{
      content:"";
      display: inline-block;
      width: 8px;
      height: 8px;
      background: #e1e0e0;
      position: absolute;
      left:0;
      top:4px;
      border-radius: 10px;
    }
  }
}
.ul-outer-3a-single{
  list-style: none;
  margin:0;
  margin-left: 15px;
  margin-right: 15px;
  padding: 0;
  position: relative;
  &:before{
      content:"";
      display: inline-block;
      width: 2px;
      position: absolute;
      left:3px;
      top: 10px;
  }
  .li-outer-3a-single{
    position: relative;
    padding-left: 15px;
    padding-right: 15px;
    margin-bottom:15px;
    &:before{
      content:"";
      display: inline-block;
      width: 8px;
      height: 8px;
      background: #e1e0e0;
      position: absolute;
      left:0;
      top:4px;
      border-radius: 10px;
    }
  }
}
.ul-outer-2{
  list-style: none;
  margin:0;
  margin-left: 15px;
  margin-right: 15px;
  padding: 0;
  position: relative;
  &:before{
    content: "";
    width: 2px;
    position: absolute;
    left: 50px;
    top: 24px;
    height: calc(97% - 10px);
    background: #fc7e19;
  }
  .li-outer-2{
    position: relative;
    padding-left: 15px;
    padding-right: 15px;
    margin-bottom:15px;
    &:before{
      content:"";
      display: inline-block;
      width: 8px;
      height: 8px;
      position: absolute;
      left:0;
      top:5px;
      border-radius: 10px;
    }
  }
}
.ul-outer-2a{
  list-style: none;
  margin:0;
  margin-left: 15px;
  margin-right: 15px;
  padding: 0;
  position: relative;
  &:before{
      content:"";
      display: inline-block;
      width: 2px;
      position: absolute;
      left:3px;
      top:5px;
      height: calc(100% - 10px );
      background: #fc7e19;
  }
  .li-outer-2a{
    position: relative;
    padding-left: 15px;
    padding-right: 15px;
    margin-bottom:15px;
    &:before{
      content:"";
      display: inline-block;
      width: 8px;
      height: 8px;
      background: #fc7e19;
      position: absolute;
      left:0;
      top:5px;
      border-radius: 10px;
    }
  }
}
.project-block{
  display: inline-block;
}
.project-logos{
  background-color: #ffffff;
  max-width: 12% !important;
  padding: 1px;
  margin-left: 10px;
  border-radius: 50px;
  -webkit-box-shadow: 2px 2px 5px 0px rgba(232, 233, 231, 1);
  -moz-box-shadow: 2px 2px 5px 0px rgba(232, 233, 231, 1);
  box-shadow: 0px 0px 8px 1px rgba(232, 233, 231, 1);
  display: inline-block;
  float: left;
}
.project-text{
  display: inline-block;
  width: 570px;
  float: right;
  margin-left: 4px;
}
.project-heading{
  font-family: montserrat-bold;
  font-size: 14px;
  color: #ff0c00;
  padding: 0px 0px 0px 5px;
}
.project-detail{
  font-family: montserrat-light;
  font-size: 12px;
  color: #2e3544;;
  font-weight: bold;
  padding: 0px 0px 0px 5px;
}
.ParaHead-2{
  font-family: Futura-Medium-BT;
  font-size: 15px;
  color: #6b6b6b;
  font-weight: bold;
  padding: 10px 0px 0px 5px;
}
.ParaHead-2a{
  font-family: Futura-Medium-BT;
  font-size: 16px;
  color: #ffffff;
  font-weight: bold;
  padding: 10px 0px 0px 15px;
}
.paraImpHead{
  font-family: montserrat-light;
  font-size: 14px;
  color: #ff6000;
  font-weight: bold;
  padding: 0px 0px 0px 5px;
}
.paraNameHead{
  font-family: montserrat-bold;
  font-size: 14px;
  color: #2e3544;
  padding: 0px 0px 0px 5px;
}
.paraSubHead{
  font-family: montserrat-light;
  font-size: 14px;
  color: #2e3544;
  font-weight: bold;
  padding: 0px 0px 0px 5px;
}
.ParaHead-3{
    font-family: montserrat-bold;
    margin: 2px 3px 3px 10px;
    color: #001f5d;
    font-size: 13px;
}
.task-list{
    font-family: montserrat-light;
    font-size: 12px;
    color: #2e3544;;
    font-weight: bold;
}
 .task-list-a{
   font-family: montserrat-light;
   font-size: 12px;
   color: #ffffff;
 }
.profile-heading{
  font-family: montserrat-regular;
  font-size: 13px;
  color: #ffffff;
  font-weight: bold;
}
.profile-detail{
  font-family: montserrat-regular;
  font-size: 12px;
  color: #ffffff;
}
/* ******************************************************************************Media Queries************************************************************************************* */
@media only screen and (min-width: 280px) and (max-width: 460px){
  .basicContact {
    padding: 8px 0px 0px 0px;
  }
  .pp_photo {
      background-color: #ffffff;
      width: 31%;
      float: none;
      margin-top: 4px;
      margin-left: auto;
      margin-right: auto;
  }
  .name{
      text-align: center;
  }
  .myFirstName {
      float: none;
      font-size: 28px;
  }
  .myLastName {
      font-size: 27px;
      line-height: 20px;
      float: none;
  }
  .profession {
      float: none;
      line-height: 5px;
      margin-top: 12px;
      text-align: center;
  }
  .mobileNos {
    font-size: 19px;
    text-align: center;
    display: block;
    float: none;
    .line-coma{display: none;}
    .media-mobile{}
    .media-mobile:after{
      content:"\a";
      white-space: pre;
    }
    .media-whatsapp{
    }
  }
  .email-block {
    text-align: center;
    .email-1{
      font-size: 17px;
    }
    .email-1:after{
      content:"\a";
      white-space: pre;
    }
    .primaryLocation{
      font-size: 17px;
    }
  }
  .inline-btns {
    text-align: center;
    /* padding: 0px 0px 0px 0px; */
  }
  .btn-kes-danger-icon-text {
    span {
      padding-left: 2px;
      padding-right: 7px;
    }
  }
  .btn-first-line{
    margin-bottom:5px;
  }
  .ul-outer-3 {
    width: 252px;
  }
  .project-text {
    width: 217px;
    text-align: left;
  }
  .project-block {
    text-align: center;
  }
  .project-logos {
    max-width: 35% !important;
    margin-left: -5px;
    float: none;
  }
  .project-heading{
    text-align: center;
  }
  .ul-outer-2 {
      &:before {
        display: none;
      }
  }
}
@media only screen and (min-width: 320px) and (max-width: 359px){
  .inline-btns {
    text-align: center;
    /* padding: 0px 20px 0px 20px; */
  }
  .ParaHead-3 {
    margin: 2px 3px 3px -9px;
  }
  .project-text {
    width: 250px;
    margin-left: 0px;
  }
}
@media only screen and (min-width: 360px) and (max-width: 391px){
  .inline-btns {
    text-align: center;
    /* padding: 0px 35px 0px 35px; */
  }
  .project-text {
      width: 288px;
      text-align: left;
  }
}
@media only screen and (min-width: 392px) and (max-width: 410px){
  .inline-btns {
    text-align: center;
    /* padding: 0px 45px 0px 45px; */
  }
  .project-text {
      width: 330px;
      text-align: left;
  }
}
@media only screen and (min-width: 411px) and (max-width: 419px){
  .inline-btns {
    text-align: center;
    /* padding: 0px 65px 0px 65px; */
  }
  .project-text {
    width: 340px;
    text-align: left;
  }
}
@media only screen and (min-width: 411px) and (max-width: 440px){
  .project-text {
    width: 340px;
    text-align: left;
  }
}
@media only screen and (min-width: 441px) and (max-width: 460px){
  .project-text {
    width: 370px;
    text-align: left;
  }
}
@media only screen and (min-width: 420px) and (max-width: 460px){
  .inline-btns {
    text-align: center;
    /* padding: 0px 70px 0px 70px; */
  }
}
@media only screen and (min-width: 461px) and (max-width: 500px){
  .basicContact {
    padding: 8px 0px 0px 0px;
  }
  .pp_photo {
      background-color: #ffffff;
      width: 31%;
      float: none;
      margin-top: 4px;
      margin-left: auto;
      margin-right: auto;
  }
  .name{
      text-align: center;
  }
  .myFirstName {
      float: none;
      font-size: 30px;
  }
  .myLastName {
      font-size: 30px;
      line-height: 20px;
      float: none;
  }
  .profession {
      float: none;
      line-height: 5px;
      margin-top: 4px;
      text-align: center;
  }
  .mobileNos {
    font-size: 19px;
    text-align: center;
    display: block;
    float: none;
    .line-coma{display: none;}
    .media-mobile{}
    .media-mobile:after{
      /* content:"\a";
      white-space: pre; */
    }
    .media-whatsapp{
    }
  }
  .email-block {
    text-align: center;
    .email-1{
      font-size: 20px;
    }
    .email-1:after{
      content:"\a";
      white-space: pre;
    }
    .primaryLocation{
      font-size: 20px;
    }
  }
  .inline-btns {
    text-align: center;
    /* padding: 0px 83px 0px 83px; */
  }
  .btn-kes-danger-icon-text {
    span {
      padding-left: 2px;
      padding-right: 7px;
    }
  }
  .btn-first-line{
    margin-bottom:5px;
  }
  .ul-outer-3 {
    width: 252px;
  }
  .project-text {
    width: 380px;
    text-align: left;
  }
  .project-block {
    text-align: center;
  }
  .project-logos {
    max-width: 25% !important;
    margin-left: -5px;
    float: none;
  }
  .project-heading{
    text-align: center;
  }
  .ul-outer-2 {
      &:before {
        display: none;
      }
  }
}
@media only screen and (min-width: 487px) and (max-width: 500px){
  .inline-btns {
    text-align: center;
    /* padding: 0px 90px 0px 90px; */
  }
  .project-text {
    width: 390px;
    text-align: left;
  }
}
@media only screen and (min-width: 501px) and (max-width: 575px){
  .basicContact {
    padding: 8px 0px 0px 0px;
  }
  .pp_photo {
      background-color: #ffffff;
      width: 31%;
      float: none;
      margin-top: 4px;
      margin-left: auto;
      margin-right: auto;
  }
  .name{
      text-align: center;
  }
  .myFirstName {
      float: none;
      font-size: 30px;
  }
  .myLastName {
      font-size: 30px;
      line-height: 20px;
      float: none;
  }
  .profession {
      float: none;
      line-height: 5px;
      margin-top: 4px;
      text-align: center;
  }
  .mobileNos {
    font-size: 19px;
    text-align: center;
    display: block;
    float: none;
    .line-coma{display: none;}
    .media-mobile{}
    .media-mobile:after{
    }
    .media-whatsapp{
    }
  }
  .email-block {
    text-align: center;
    .email-1{
      font-size: 20px;
    }
    .email-1:after{
      content:"\a";
      white-space: pre;
    }
    .primaryLocation{
      font-size: 20px;
    }
  }
  .btn-kes-danger-icon-text {
    span {
      padding-left: 2px;
      padding-right: 7px;
    }
  }
  .btn-first-line{
    margin-bottom:5px;
  }
  .ul-outer-3 {
    width: 252px;
  }
  .project-block {
    text-align: center;
  }
  .project-logos {
    max-width: 15% !important;
    margin-left: -5px;
    float: none;
  }
  .project-heading{
    text-align: center;
  }
  .ul-outer-2 {
      &:before {
        display: none;
      }
  }
}
@media only screen and (min-width: 501px) and (max-width: 530px){
  .inline-btns {
    text-align: center;
    /* padding: 0px 105px 0px 105px; */
  }
  .project-text {
    width: 435px;
    text-align: left;
  }
}
@media only screen and (min-width: 531px) and (max-width: 555px){
  .inline-btns {
    /* padding: 0px 125px 0px 125px; */
  text-align: center;
  }
  .project-text {
    width: 458px;
    text-align: left;
  }
}
@media only screen and (min-width: 556px) and (max-width: 571px){
  .inline-btns {
    /* padding: 0px 125px 0px 125px; */
    text-align: center;
  }
  .project-text {
    width: 480px;
    text-align: left;
  }
}
@media only screen and (min-width: 572px) and (max-width: 575px){
  .inline-btns {
    /* padding: 0px 127px 0px 127px; */
    text-align: center;
  }
  .project-text {
    width: 480px;
    text-align: left;
  }
}
@media only screen and (min-width: 576px) and (max-width: 600px){
  .basicContact {
    padding: 8px 0px 0px 0px;
  }
  .pp_photo {
      background-color: #ffffff;
      width: 31%;
      float: none;
      margin-top: 4px;
      margin-left: auto;
      margin-right: auto;
  }
  .name{
      text-align: center;
  }
  .myFirstName {
      float: none;
      font-size: 30px;
  }
  .myLastName {
      font-size: 30px;
      line-height: 20px;
      float: none;
  }
  .profession {
      float: none;
      line-height: 5px;
      margin-top: 4px;
      text-align: center;
  }
  .mobileNos {
    font-size: 19px;
    text-align: center;
    display: block;
    float: none;
    .line-coma{display: none;}
    .media-mobile{}
    .media-mobile:after{
    }
    .media-whatsapp{
    }
  }
  .email-block {
    text-align: center;
    .email-1{
      font-size: 20px;
    }
    .email-1:after{
      content:"\a";
      white-space: pre;
    }
    .primaryLocation{
      font-size: 20px;
    }
  }
  .btn-kes-danger-icon-text {
    span {
      padding-left: 2px;
      padding-right: 7px;
    }
  }
  .btn-first-line{
    margin-bottom:5px;
  }
  .ul-outer-3 {
    width: 512px;
  }
  .project-block {
    text-align: center;
  }
  .project-logos {
    max-width: 15% !important;
    margin-left: -5px;
    float: none;
  }
  .project-heading{
    text-align: center;
  }
  .ul-outer-2 {
      &:before {
        display: none;
      }
  }
  .inline-btns {
    margin-top: 8px;
    /* padding: 0px 130px 0px 130px; */
    text-align: center;
  }
  .ParaHead-3 {
    font-size: 14px;
  }
  .project-text {
    width: 470px;
    float: none;
    text-align: left;
  }
}
@media only screen and (min-width: 577px) and (max-width: 578px){
  .ul-outer-3 {
    margin-left: 14px;
  }
}
@media only screen and (min-width: 579px) and (max-width: 579px){
  .ul-outer-3 {
    margin-left: 13px;
  }
}
@media only screen and (min-width: 580px) and (max-width: 582px){
  .ul-outer-3 {
    margin-left: 12px;
  }
}
@media only screen and (min-width: 583px) and (max-width: 585px){
  .ul-outer-3 {
    margin-left: 11px;
  }
}
@media only screen and (min-width: 586px) and (max-width: 587px){
  .ul-outer-3 {
    margin-left: 12px;
  }
}
@media only screen and (min-width: 589px) and (max-width: 597px){
  .ul-outer-3 {
    margin-left: 11px;
  }
}
@media only screen and (min-width: 598px) and (max-width: 599px){
  .ul-outer-3 {
    margin-left: 11px;
  }
}
@media only screen and (min-width: 601px) and (max-width: 630px){
  .basicContact {
    padding: 8px 0px 0px 0px;
  }
  .pp_photo {
      background-color: #ffffff;
      width: 31%;
      float: none;
      margin-top: 4px;
      margin-left: auto;
      margin-right: auto;
  }
  .name{
      text-align: center;
  }
  .myFirstName {
      float: none;
      font-size: 30px;
  }
  .myLastName {
      font-size: 30px;
      line-height: 20px;
      float: none;
  }
  .profession {
      float: none;
      line-height: 5px;
      margin-top: 4px;
      text-align: center;
  }
  .mobileNos {
    font-size: 19px;
    text-align: center;
    display: block;
    float: none;
    .line-coma{display: none;}
    .media-mobile{}
    .media-mobile:after{
    }
    .media-whatsapp{
    }
  }
  .email-block {
    text-align: center;
    .email-1{
      font-size: 20px;
    }
    .email-1:after{
      content:"\a";
      white-space: pre;
    }
    .primaryLocation{
      font-size: 20px;
    }
  }
  .btn-kes-danger-icon-text {
    span {
      padding-left: 2px;
      padding-right: 7px;
    }
  }
  .btn-first-line{
    margin-bottom:5px;
  }
  .ul-outer-3 {
    width: 512px;
  }
  .project-block {
    text-align: center;
  }
  .project-logos {
    max-width: 15% !important;
    margin-left: -5px;
    float: none;
  }
  .project-heading{
    text-align: center;
  }
  .ul-outer-2 {
      &:before {
        display: none;
      }
  }
  .inline-btns {
    margin-top: 8px;
    /* padding: 0px 130px 0px 130px; */
    text-align: center;
  }
  .ParaHead-3 {
    font-size: 14px;
  }
  .project-text {
    width: 470px;
    float: none;
    text-align: left;
  }
}
@media only screen and (min-width: 631px) and (max-width: 767px){
  .basicContact {
    padding: 8px 0px 0px 0px;
  }
  .myFirstName, .myLastName {
    font-size: 30px;
  }
  .pp_photo {
    width: 17%
  }
  .profession {
    margin-top: -1px;
  }
  .inline-btns {
    margin-top: 3px;
    padding: 0px 0px 0px 0px;
  }
  .btn-kes-danger-icon-text {
    span {
      padding-left: 5px;
      padding-right: 7px;
    }
  }
  .btn-kes-warning-icon-text {
    span {
        padding-left: 5px;
        padding-right: 7px;
    }
  }
  .project-text {
    width: 380px;
  }
  .project-block {
    width: 450px;
  }
  .ul-outer-2 {
    &:before {
      left: 36px;
      height: calc(95% - 10px);
    }
  }
  .ul-outer-2a {
    &:before {
      height: calc(98% - 10px);
    }
  }
  .ul-outer-3a {
    &:before {
      height: calc(88% - 10px);
    }
  }
}
@media only screen and (min-width: 768px) and (max-width: 867px){
  .project-text {
    width: 358px;
  }
  .project-block {
    width: 427px;
  }
  .ul-outer-2 {
    &:before {
      left: 36px;
      height: calc(95% - 10px);
    }
  }
  .ul-outer-2a {
    &:before {
      height: calc(98% - 10px);
    }
  }
  .ul-outer-3a {
    &:before {
      height: calc(88% - 10px);
    }
  }
}
@media only screen and (min-width: 868px) and (max-width: 991px){
  .project-text {
    width: 358px;
  }
  .project-block {
    width: 427px;
  }
  .ul-outer-2 {
    &:before {
      left: 36px;
      height: calc(95% - 10px);
    }
  }
  .ul-outer-2a {
    &:before {
      height: calc(98% - 10px);
    }
  }
  .ul-outer-3a {
    &:before {
      height: calc(88% - 10px);
    }
  }
}
@media only screen and (min-width: 992px){
  .pp_photo {
      margin-right: 115px;
      margin-top: 15px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px){
  .project-text {
    width: 460px;
  }
  .project-block {
    width: 550px;
  }
  .ul-outer-2 {
    &:before {
      left: 36px;
      height: calc(95% - 10px);
    }
  }
  .ul-outer-2a {
    &:before {
      height: calc(98% - 10px);
    }
  }
  .ul-outer-3a {
    &:before {
      height: calc(88% - 10px);
    }
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px){}
@media only screen and (min-width: 1400px) and (max-width: 1599px){}
@media only screen and (min-width: 1600px) and (max-width: 1799px){}
@media only screen and (min-width: 1800px) and (max-width: 1899px){}
@media only screen and (min-width: 1900px){}