/* Extra small devices (phones, less than 576px) */
@media (max-width: 575.98px) {
 header.masthead h1, header.masthead .h1 {
           padding-top: 4rem;
        font-style: normal;
        font-weight: 600;
             font-size: 27px;
        padding-right: 2em;
        line-height: 35px;
        text-align: left;
}
.enterprise_solutions {
    background-color: #F7F7F7;
    margin-top: 2rem;
    padding-bottom: 0rem;
}
    .enterprise_solutions p {
    font-size: 15px !important;
}
.fullscreen .close {
 
  
  z-index: 9999;
  position: absolute;
  top: 20px;

  left: 20px;
  background: #fff;
  width: 40px;
  HEIGHT: 40PX;
  border-radius: 50px;

}
.record{
  display: flex;
}
.record img{
    width: 140px;
}
.about_coolboots .title span{
    display: inline;
}
    .enterprise_solutions .sec-title {
        padding-top: 2rem;
        padding-bottom: 14px;
    }
.publisher_solutions .title span{
    display: inline;
}
.publisher_solutions {
    background-color: #fff;
    padding-bottom: 0rem;
}
    #particles-js{
  width: 20%;
  height: 30%;
  right: 0px;
  background-color: transparent;
  background-image: url('');
  background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  position: absolute;
}
    #particles{
  width: 20%;
  height: 30%;
 left: 20px;
  background-color: transparent;
  background-image: url('');
  background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  position: absolute;
}
#particles-j{
  width: 20%;
  height: 30%;
 left: 20px;
  background-color: transparent;
  background-image: url('');
  background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  position: absolute;
  display: none;
}
header.masthead {
    height: auto !important;
    min-height: 40rem;
    padding-top: 4rem;
    background-color: #fff;
    z-index: 99;
    padding-bottom: 0;
    padding-left: 20px;
}
.sec-title {
    padding-top: 2rem;
    padding-bottom: 2rem;
}
.masthead p {
        margin-top: 15px;
        font-style: normal;
        font-weight: 500 !important;
        font-size: 18px !important;
        padding-right: 3rem;
        line-height: 24px;
        margin-bottom: 21px;
}
.tool_1 a {
    color: #000;
    font-size: 16px;
    margin-bottom: 0px;
    line-height: 32px;
}
.tool_2 a{
 font-size: 16px;
 line-height: 32px;
}

.tool_2 a{
 font-size: 16px;
 line-height: 32px;
} 
.tool_3 a{
 font-size: 16px;
 line-height: 32px;
} 
.mg-b{
    margin-top: 10px;
}
.tg-logo{
    width: 130px;
    margin-top: 20px;
}
.tg {
    margin-top: 0rem;
}
.navbar-brand img {
    width: 95px;
    margin-top: 10px;
}
.product {
    left: -9px;
    gap: 7px;
    position: relative;
    display: flex !important;
    flex-direction: column;
}
.para {
    font-size: 15px;
    font-weight: 500;
    padding-top: 20px;
    padding-right: 2rem;
}
.sec_hadding {
    font-size: 24px;
    font-weight: bold;
    padding-right: 30px;
}
.follow{
       justify-content: left;
       display: none !important;
    }
    .title {
    font-size: 23px !important;
    text-align: left !important;
}
.sec-title p {
    font-size: 15px !important;
    margin-top: 2rem;
    margin-bottom: 2rem;
}
.about_coolboots p {
    font-size: 15px !important;
    padding-left: 0px;
    padding-right: 0px;
    font-weight: 500;
    text-align: left;
    margin-top: 2rem;
    margin-bottom: 0px;
}
section{
padding-left: 10px;
padding-right: 10px;
}

.ai {
    gap: 10px;
    align-items: flex-start;
           margin-top: 2rem;
           justify-content: center;
}
.ai h6 {
            color: #144FA8;
            font-size: 14px;
            font-weight: 600;
            padding-right: 0rem;
            align-items: center;
            margin-top: 16px;
}
.service {
    margin-top: 1rem;
}
.platforms .kmore{
    margin-top: 1rem;
}
.title span {
    color: #000;
    font-weight: bold;
    text-align: left;
    display: block;
}
.enterprise_solutions .title span {
    color: #000;
    font-weight: bold;
    text-align: left;
    display: inline;
}
.enterprise_solutions h3 {
    font-size: 23px;
    font-weight: bold;
}
.service-box {
    border: solid 1px #B2B2B2;
           padding: 20px 20px 5px 21px;
    height: auto;
    position: relative;
    margin-bottom: 10px;
}
.service-box h3 {
    font-size: 19px;
    font-weight: bold;
}
.tj-fluid {
    width: 100% !important;
    margin-bottom: 2rem;
}
.service-box p {
    font-size: 16px;
    color: #5D5A5A;
    font-weight: 500;
    padding-right: 0rem;
    line-height: 20px;
    margin-top: 1rem;
}
.service-box a {
           position: absolute;
        right: 24px;
        bottom: 23px;
}
.service-box img {
    width: 60px;
    height: 60px;
    justify-content: space-between;
    display: flex;
}
.mobile-none{
    display: none !important;
}
.ds-none{
  display: flex !important;
}
.kmore {
    display: flex;
    background-color: #144FA8;
    color: #fff;
    font-size: 15px;
    justify-content: center;
    margin: 0px;
        font-weight: bold;
        padding: 11px 30px;
    border-radius: 6px;
}
.kmore:hover {
    display: flex;
    background-color: #1DBDDF;
       color: #fff;
    font-size: 15px;
    justify-content: center;
    margin: 0px;
    font-weight: 500;
    padding: 11px 20px;
    border-radius: 6px;
}
.tj-info p {
    font-size: 18px;
    font-weight: 500;
    padding-right: 0rem;
}
.tj-info {
    margin-top: 0rem;
}
.time-counter {
    padding: 10px;
}
.times-job {
    padding: 40px 0px 0px 0px;
}
.times-bg .col-4 {
    padding-right: 0px;
}
.outspark-bg .col-4 {
    padding-right: 0px;
}
.col-4 {
    padding-right: 0px;
            padding-left: 6px;
}

.time-counter h5 {
    
    font-size: 18px;
    text-align: left;
}
.time-counter p {
    font-size: 10px !important;
    text-align: left;
}
.enterprise_solutions .kmore {
    margin-top: 2rem;
    margin-bottom: 2rem;
}
.tg-fluid img {
    width: 100% !important;
    margin-top: 1rem;
}
.tj-info h3 {
    font-size: 23px;
    font-weight: bold;
    margin-top: 1em;
    margin-bottom: 1rem;
    padding-right: 3rem;
}
.tg-fluid {
    flex-direction: row-reverse;
    display: flex;
    margin-bottom: 22px;
}

.tj-info span {
    font-weight: bold;
    color: #144FA8;
    font-size: 15px;
    display: inline-block;
    margin-top: 20px;
    margin-bottom: 23px;
}
.top-footer {
    padding-top: 20px;
    padding-bottom: 20px;
    margin-bottom: 20px;
    margin-top: 3rem;
}
.top-footer ul li {
    padding-right: 1.5rem;
    display: block;
    margin-bottom: 10px;
}
.buttom-footer p {
    display: inline-block;
    padding-left: 0.5rem;
    font-size: 14px;
}
.about_coolboots{
background-color: #F7F7F7;
    margin-top: 3rem;
    padding-top: 0rem;
            padding-bottom: 0px;

}
.publisher_solutions p{
    font-size: 15px !important;
}



}
@media only screen and (max-width: 320px) {
        header.masthead h1, header.masthead .h1 {
        padding-top: 9rem;
        font-style: normal;
        font-weight: 600;
        font-size: 20px;
        padding-right: 2em;
        line-height: 26px;
        text-align: left;
    }
    .ai h6 {
        color: #144FA8;
        font-size: 15px;
        font-weight: 600;
        padding-right: 0rem;
        margin-top: 8px;
        align-items: center;
    }
    
        .title {
        font-size: 24px !important;
        text-align: left !important;
    }
    .tj-info p {
    font-size: 14px !important;
    font-weight: 500;
    padding-right: 6rem;
}
    .masthead p {
        margin-top: 26px;
        font-style: normal;
        font-weight: 500 !important;
        font-size: 14px !important;
        padding-right: 3rem;
        line-height: 24px;
        margin-bottom: 21px;
    }

.tool_1 a {
    color: #000;
    font-size: 14px;
    margin-bottom: 0px;
    line-height: 32px;
}
.tool_2 a{
 font-size: 14px;
 line-height: 32px;
}

.tool_3 a{
 font-size: 14px;
 line-height: 32px;
} 
p{
    font-size: 15px  !important
}

    .kmore {
        display: flex;
        background-color: #144FA8;
        color: #fff;
        font-size: 13px;
        justify-content: center;
        margin: 0px;
        font-weight: bold;
        padding: 10px 22px;
        border-radius: 6px;
    }
        .sec-title {
        padding-top: 0rem;
        padding-bottom: 2rem;
    }
    .sec-title p {
    font-size: 18px;
    margin-top: 1rem;
    margin-bottom: 2rem;
}
#solutions img{
    width: 140px;
}
.tj-fluid {
        width: 100% !important;
        margin-bottom: 2rem;
    }
        .tg-fluid img {
        width: 100% !important;
        margin-top: 1rem;
    }
    .time-counter p {
        font-size: 9px !important;
        text-align: left;
    }
}

/* Small devices (phones, 576px and up) */
@media (min-width: 576px) and (max-width: 767.98px) {

}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) and (max-width: 991.98px) {
  /* Your CSS for tablets */
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) and (max-width: 1199.98px) {
  /* Your CSS for small laptops/desktops */
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) and (max-width: 1399.98px) {
  /* Your CSS for large desktops */
}

/* XXL devices (very large screens, 1400px and up) */
@media (min-width: 1400px) {
  /* Your CSS for very large screens */
}


@media (max-width: 768px) {
    .follow{
       justify-content: left;
    }
         
}
@media (max-width: 576px) {

  
}