/*menu */
@media only screen and (max-width: 768px) {
    .bannerheight {
        margin-top: 74px !important;
    }
    li.countdown-style span {
    font-size: 18px !important;
}
    li.countdown-style{
      font-size: 10px !important;
    }
    span#days, span#hours, span#minutes, span#seconds{
        padding-bottom: 0px !important;
    }
}


/* L Desktop :1366px.  */
@media (min-width: 1366px) and (max-width: 1499px) {
    .card2{
        height: 250px;
        width:450px;
        border-radius:10px;
        padding:10px;
        margin-bottom: 30px;
        box-shadow: 0 0 10px 10px rgb(0 0 0 / 10%);
        background:#fff;
        }
        .tp-news-letter-img img{
            width: 140%;
          }
    }
    
    
/* Laptop :992px.  */
@media (min-width: 992px) and (max-width: 1200px) {
    .card2{
        height: 250px;
        width:450px;
        border-radius:10px;
        padding:10px;
        margin-bottom: 30px;
        box-shadow: 0 0 10px 10px rgb(0 0 0 / 10%);
        background:#fff;
        }
        
    .tp-news-letter-img img{
        width: 100%;
       }
    }


/* medium mobile :420px.  */
@media only screen and (max-width: 500px) {
    
    /*.container1{*/
    /*    margin-top: 130px !important;*/
    /*}*/
    .tp-news-wrapper {
        padding: 10px !important;
    }
    .col-sm-12.col-md-4.adimg{
        text-align: center !important;
        align-content: center !important;
        margin-top: 20px;
    }
    .col-sm-12.col-md-4.adimg img{
        width : 270px !important;
    }
    .card2{
        height: 400px;
        width: 320px;
        border-radius: 10px;
        padding: 20px;
        margin-bottom: 30px;
        box-shadow: 0 0 10px 10px rgb(0 0 0 / 10%);
        background: #fff;
        }
        .box:hover {
            width: 95%;
        }
        .upscroll-mob {
            display: flex;
            justify-content: center;
            gap: 15px;
            align-items: center;
            margin-bottom: 5px;
        }
        p{
            margin-bottom: 5px !important;
        }
        .expand-mob {
            padding: 10px;
        }
        
}
    
/* header  */
@media only screen and (min-width: 1601px) and (max-width: 1800px) {
    .tp-main-menu ul li a {
        font-size: 18px;
        font-weight: 500;
        color: black;
        text-transform: capitalize;
        position: relative;
        padding: 5px 10px;
        display: inline-block;
    }
    .tp-news-letter-box.p-relative {
        background-image: url(../images/news.png) !important;
    }
}
    
@media only screen and (min-width: 1400px) and (max-width: 1600px) {
    .tp-main-menu ul li a {
        font-size: 18px;
        font-weight: 500;
        color: black;
        text-transform: capitalize;
        position: relative;
        padding: 5px 4px;
        display: inline-block;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
    .header-sticky {
        padding-top: 10px;
        padding-bottom: 10px;
    }
}

/* section1  */
 .tp-project-content p{
        font-size: 16px;
    }
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .expand {
        display: flex;
        height: 40vh;
        margin: 0;
        font-family: "Sora", sans-serif;
    }
}
@media (max-width: 767px) {
   
    .tp-news-button input {
        padding-left: 20px;
        padding-right: 10px;
        height: 60px;
        margin-bottom: 0px;
    }
    .tp-btn-yellow-sub{
        font-size: 14px;
        height: 30px;
        line-height: 30px;
        padding: 0px 10px;
    }
}
    
/* ****************Mobile Responsive****************** */
@media only screen and (max-width: 500px) {
    /* banner */
    .col-sm-12.col-md-4.newsbanner {
        margin-top: 20px;
    }
    .col-sm-12.col-md-4.newsbanner img {
    height: auto !important;
    width: 318px !important;
    }
    h1.ct-hero-title.text-white.wow.tpfadeUp{
        font-size: 20px !important;
    }
    .video-content{
        width: 90% !important;
    }
    /*popup*/
     .modal-content{
        width : 100% !important;
    }
    /* map  */
    .iframe-wrapper iframe{
        width: 100%;
        height: 100%;
    } 
    .col_two2 .scroller{
        padding-left: 0px !important;
    }
    /* .row.row-tab{
        margin-left: 0px;
        
    } */
    .tp-btn-yellow-semilar{
        padding: 1px 20px;
        height: 35px;
        margin-bottom: 25px;
    }
    .image-item.mobile{
        display: flex;
        flex-direction: column;
    }
    h2.text1 {
        font-size: 26px;
        font-weight: 700;
        color: black;
    }
    .tp-sv-border-effect {
        white-space: normal !important;
    }
    .whole_wrapper2 {
        display: flex;
        flex-wrap: wrap;
        flex-direction: column;
        align-content: center;
        align-items: flex-start;
    }
    p.text2 {
        font-size: 18px;
        font-weight: 500;
        line-height: 1.5em;
    }
    .col-xl-6.col-lg-6.col-md-6.col-sm-6.col_one2 {
        margin-top: 20px;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .card2{
        height: auto;
    }
    .card2.mb-30.tp-service-item {
        display: flex;
        flex-direction: row;
        align-content: center;
    }
    .tp-news-letter-area.wow.tpfadeUp {
        margin: 0px 0px;
    }
    .tp-news-letter-box {
        background-size: cover;
        padding: 36px 0px;
    }
    .tp-project-area{
        display: none;
    }
    .row.row-mob {
        display: flex;
        flex-direction: row;
        justify-content: center;
    }
    .box {
        height: 100%;
        width: 97%;
        cursor: pointer;
        transition: width 750ms ease-in-out;
        transition-delay: 250ms;
        display: flex;
        align-items: flex-start;
        flex-direction: column;
        justify-content: space-around;
        border-radius: 30px;
        margin: 5px;
        padding: 1em;
        overflow: hidden;
    }
    .card-image {
        width: 40px;
        align-self: flex-start;
    }
    h3.newtitle {
        font-size: 20px;
    }
    .subtitle{
    font-size: 14px;
    font-weight: 400;
    color: var(--tp-text-body);
    margin-bottom: 1px;
    line-height: 20px;
    }
    p.original-text {
        font-weight: 800;
        font-size: 20px;
        margin-bottom: 1px;
    }
    :root {
        --drawer-width: 380px;
        }
    .tp-footer-area.pt-130 {
        display: none;
        }
        iframe {
            width: 300px;
        }
        i.fa.fa-calendar {
            color: white;
            font-size: 14px;
            letter-spacing: 3px;
        }
        .pro-sm-title {
            font-size: 20px;
            font-weight: 600;
            color: var(--tp-common-black);
            margin-bottom: 5px;
            letter-spacing: 0px;
        }
        .tp-project-sm-content p {
            line-height: 20px;
            margin-bottom: 10px;
        }
        .tp-btn-sm {
            font-size: 14px;
            padding: 0 14px;
        }
        .tp-project-content .pro-lg-title {
            font-size: 20px;
            font-weight: 600;
            color: var(--tp-common-black);
            margin-bottom: 5px;
        }
        .tp-project-content p{
            margin-bottom: 10px;
        }
        .tp-project-content .tp-btn-sm {
            padding: 0px 14px;
        }
        
        iframe {
            width: 260px;
        }
        .tp-service-item.contentloc.row {
            padding: 30px 20px !important;
        }
        /* digital  */
        .col-md-2.col-sm-3.col-xs-6 {
            display: flex;
            flex: 0 0 50% !important;
            justify-content: center;
        }
        .exhibitormobile{
            margin-top: -75px;
        }
        .logos {
            padding: 0px 0px;
        }
        .logos1{
            padding: 0px 0px;
        }
        .tp-industri-area.pb-50.p-relative {
            padding-bottom: 35px;
        }
        .tp-project-img.fix.mb-45{
            margin-bottom : 15px;
        }
        .tp-project-box {
            padding: 10px;
        }
        .tp-project-box-sm {
            padding: 10px;
        }
        .tp-industri-area.p-relative.mb-40{
            margin-bottom: 16px;
        }
        .container.tp-industri-bg.mb-50.mt-50{
            margin: 24px 0px 0px 0px;
        }
        .tp-testimonial-area.fix{
            margin-top: 24px;
        }
        .tp-feature-arae.pt-130.pb-60.p-relative{
            padding-bottom: 20px;
        }
        .col-xl-2.col-lg-2.col-md-6.d-flex.justify-content-start.justify-content-lg-center {
            display: flex;
            flex-direction: row;
            gap: 65px;
        }
}


 /*  Desktop */
@media (min-width: 1366px) and (max-width: 2560px) {
    .tp-project-area-mob{
        display: none;
    }
    .tp-footer-area.pt-30{
        display: none;
    }
}

/*Laptop */ 
@media (min-width: 992px) and (max-width: 1365px) {
    .tp-project-area-mob{
        display: none;
    }
    .tp-footer-area.pt-30{
        display: none;
    }
}




/* footer  */
@media (max-width: 767px) {
    .tp-footer-widget {
        padding-left: 0;
        margin-bottom: 25px;
    }
    .ct-hero-title {
            font-size: 20px;
            margin-bottom: 0px !important; 
            padding-bottom: 0px !important;
        }
}

/************ Tablet ************/

@media (min-width: 768px) and (max-width: 991px) {
    .card2{
        height: 250px;
        width:355px;
        border-radius:10px;
        padding:10px;
        margin-bottom: 30px;
        box-shadow: 0 0 10px 10px rgb(0 0 0 / 10%);
        background:#fff;
        }
    .tp-news-letter-section-box .tp-title {
        font-size: 20px;
    }
    h5.tp-black-text.subtitle-secondary-color {
        font-size: 16px;
    }
    .tp-submit-button {
        padding: 4px 6px;
    }
    .container, .container-md, .container-sm {
        max-width: 760px;
    }
    .tp-news-letter-box {
        padding-top: 50px;
        padding-bottom: 80px;
    }
    .tp-footer-area.pt-30{
        display: none;
    }
    .tp-project-area.p-relative.pt-30.pb-80{
        display: none;
    }
    .expand-mob {
        display: flex;
        flex-direction: row;
        justify-content: space-around;
        align-items: center;
    }
    .box {
        height: 50%;
        width: 40%;
        cursor: pointer;
        transition: width 750ms ease-in-out;
        transition-delay: 250ms;
        display: flex;
        align-items: flex-start;
        flex-direction: column;
        justify-content: space-around;
        border-radius: 30px;
        margin: 5px;
        padding: 3em;
        overflow: hidden;
    }
    .row.row-tab {
        display: flex;
        flex-direction: row;
        justify-content: space-around;
    }
    /* .tp-testimonial-area.fix {
        margin: 10px 60px;
    } */
}    


/* .tp-project-area-mob{
    display: none;
} */

/* The Event */
/* .achievement-section .achievement_wrapper {
    position: relative;
} */
@media only screen and (max-width: 575px) {
    .achievement-section .achievement_wrapper .achievement-box{
        width: 100px !important;
        height: 100px !important;
        line-height: 110px !important;
    }
    /* .achievement-section {
        padding: 0px 0 30px !important;
    } */
    /* .achievement-section .achievement_wrapper .box1 {
        top: 0px !important;
        left: 0px !important;
    }
    .achievement-section .achievement_wrapper .box2 {
        top: 0px !important;
        left: 160px !important;
    }
    .achievement-section .achievement_wrapper .box3 {
        top: 155px !important;
        left: 0px !important;
    }
    .achievement-section .achievement_wrapper .box4 {
        top: 155px !important;
        left: 160px !important;
    } */
    figure.icon1.achievement-icon img{
        width: 40px !important;
    }
    figure.icon2.achievement-icon img{
        width: 30px !important;
    }
    figure.icon3.achievement-icon img{
        width: 40px !important;
    }
    figure.icon4.achievement-icon img{
        width: 30px !important;
    }
   
    .achievement-section .achievement_wrapper .achievement-box p{
        font-size: 14px !important;
    }
    .tp-sv-title{
        font-size: 14px !important;
    }
    .achievement-section .achievement_wrapper .achievement-box .number {
        top: 46px !important;
    }
    .ac-ab-title{
        margin-bottom: 14px !important;
    }
}