/**************
Button Block for different devices
**************/
@media (max-width: 767px) {
    .btn-xs-block {
        display: block;
        width: 100%;
    }
    input[type="submit"].btn-xs-block,
    input[type="reset"].btn-xs-block,
    input[type="button"].btn-xs-block {
        width: 100%;
    }
    .btn-block + .btn-xs-block,
    .btn-xs-block + .btn-block,
    .btn-xs-block + .btn-xs-block {
        margin-top: 0.5rem;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    .btn-sm-block {
        display: block;
        width: 100%;
    }
    input[type="submit"].btn-sm-block,
    input[type="reset"].btn-sm-block,
    input[type="button"].btn-sm-block {
        width: 100%;
    }
    .btn-block + .btn-sm-block,
    .btn-sm-block + .btn-block,
    .btn-sm-block + .btn-sm-block {
        margin-top: 0.5rem;
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .btn-md-block {
        display: block;
        width: 100%;
    }
    input[type="submit"].btn-md-block,
    input[type="reset"].btn-md-block,
    input[type="button"].btn-md-block {
        width: 100%;
    }
    .btn-block + .btn-md-block,
    .btn-md-block + .btn-block,
    .btn-md-block + .btn-md-block {
        margin-top: 0.5rem;
    }
}
@media (min-width: 1200px) {
    .btn-lg-block {
        display: block;
        width: 100%;
    }
    input[type="submit"].btn-lg-block,
    input[type="reset"].btn-lg-block,
    input[type="button"].btn-lg-block {
        width: 100%;
    }
    .btn-block + .btn-lg-block,
    .btn-lg-block + .btn-block,
    .btn-lg-block + .btn-lg-block {
        margin-top: 0.5rem;
    }
}
/**************
Button Block for different devices
**************/
p{text-align: justify !important}
.cs-logo-height{height: 45px;}
.cs-dataklout-style{color: #231f20 !important;font-weight: 300 !important}
.cs-p-pb{padding-bottom: 1.5rem;}
.cs-pt-5{padding-top: 5rem !important}
.cs-list-pb li{padding-bottom: 0.5rem}
.cs-img-height{height: 80%;}
.cs-bg-white{background: #fff !important}
.cs-text-gray{color: #4D4D4D !important}
.cs-text-darkGray{color: #2a2a2a !important}
.cs-pb-6{padding-bottom: 4rem !important}
@media(min-width:0) and (max-width:540px){
    .head-img img.cs-stamp{
        width: 100px !important;
        height: 100px !important;
        position: absolute;
        top: 75% !important;
        left: -2.5% !important;
    }
}
@media(min-width:768px) and (max-width:992px){
    .head-img img.cs-stamp{
        position: absolute;
        width: 150px;
        height: 150px;
        top: 3%;
        right: -5%;
    }
    .head-img img.cs-cover-img{padding-top: 12rem}
    .cs-conversation-section{padding-top: 0 !important}
}
@media(min-width:1024px) and (max-width:1365px){
    .head-img img
    {
    /*position: absolute;*/
    /*top: -130px;*/
    /*top: 30px;*/ /*change to align after adding navbar on top 20052020*/
    /*top: 6%;*/ /*change to align after adding navbar on top 20052020*/
    /*right: -58px;*/ /*change to align inside the container width 23062020*/
    /*right: -9%;*/ /*change to align inside the container width 23062020*/
    /*width:100%;*/	
    }
    .head-img img.cs-stamp{
        width: 140px !important;
        height: 140px !important;
        position: absolute;
        top: 65% !important;
        left: 0% !important;
    } 
    .head-img img.cs-cover-img{padding-top: 2rem}
}
@media(min-width:1366px) and (max-width:1599px){
    .head-img img.cs-stamp{
        width: 150px !important;
        height: 150px !important;
        position: absolute;
        top: 80% !important;
        left: 0% !important;
    } 
    .head-img img.cs-cover-img{padding-top: 2rem}
}
@media(min-width:1600px) and (max-width:1920px){
   .head-img img.cs-stamp{
        width: 160px !important;
        height: 160px !important;
        position: absolute;
        top: 82% !important;
        left: 0% !important;
    } 
    /*.head-img img.cs-cover-img{padding-top: 2.5rem}*/  
}
img.cs-inner-stamp{
  position: absolute;
  top: 500px !important;
  width: 150px !important;
  height: 150px !important;
  left: 30px !important;
}
.cs-large-stamp{
  width: 180px !important;
  height: 180px !important;
}
img.cs-product-stamp{
  top: 70px !important;
  left: 0 !important;
}
img.cs-rnd-stamp,
img.cs-industry-stamp{
    top: 520px !important;
    left: 20px !important;
}
img.cs-careers-stamp{
  width: 180px !important;
  height: 180px !important;
  top: 25% !important;
  left: 60px !imporant;
}

img.cs-know-us-stamp{
  top: 430px !important;
  left: auto !important;
  right: 40px !important;
}
@media(min-width: 0) and (max-width:767px){
 .cs-small-stamp{
  width: 120px !important;
  height: 120px !important;
}
img.cs-product-stamp{
  top: -50% !important;
  left: 37.5% !important;
 }
img.cs-rnd-stamp,
img.cs-industry-stamp{
    /*top: 40% !important;*/
    top: 30% !important;
    left: 30% !important;
 }
img.cs-careers-stamp{
    top: 10% !important;
    left: 25% !important;
}
}
@media(min-width: 768px) and (max-width:992px){
  .cs-md-stamp{
  width: 125px !important;
  height: 125px !important;
  }
  .cs-pl-sm-8{padding-left: 8rem !important}
  img.cs-rnd-stamp{
    /*top: 40% !important;*/
    top: 30% !important;
    left: 5% !important;
 } 
  img.cs-industry-stamp{
    /*top: 50% !important;*/
    /*left: 3% !important;*/
    top: 36.5% !important;
    left: 2.5% !important;
 }   
}
@media(min-width: 1024px) and (max-width:1365px){
  .cs-pl-md-9{padding-left: 9rem !important}
  img.cs-rnd-stamp{
    /*top: 55% !important;*/
    top: 50% !important;
    left: 2.5% !important;
 } 
 img.cs-industry-stamp{
    top: 41.5% !important;
    left: 2.5% !important;
 } 
}
@media(min-width: 1366px) and (max-width: 1440px){
    .cs-pl-md-9{padding-left: 9rem !important}
    img.cs-rnd-stamp{
        /*top: 70% !important;*/
        top: 57% !important;
        left: 8% !important;
    }
    img.cs-industry-stamp{
    top: 50% !important;
    left: 8% !important;
 }
}

.cs-dropcap::first-letter{
  color: #f05a28;
  float: left;
  font-size: 3em;
  margin: -.1em .2em 0 0;
}

@media(min-width: 0) and (max-width: 540px){
    #cs-introSection{
        padding: 0 1rem 30px !important;
    }
    .cs-sm-banner{height: 200px !important}
    .cs-pt-sm-5{padding-top: 5rem !important}
    .cs-pt-sm-8{padding-top: 8rem !important}
}
@media(min-width:993px) and (max-width:2560px){
    .cs-d-lg-devices{
        display: flex !important;
        justify-content: flex-end !important;
    }
}
@media(min-width: 0) and (max-width: 576px){
    .cs-sm-flex-align{
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
    }
}
@media(min-width: 0) and (max-width: 768px){
   .cs-pt-md-6{padding-top: 6rem !important}
}
/*Custom styles: Header 14072020*/
.cs-navbar-font{font-size: 0.9rem !important}
.navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show>.nav-link{
  color: #f05a28 !important;
} /*override: change the active nav menu link color to dataklout orange 14072020*/
.dropdown-item{
  font-weight: 300 !important;
} /*override: change the value from 400 to 300 dataklout 14072020*/