@media (min-width: 992px) {
    .pl-40 {
        padding-left: 40px !important;
    }
    .latest-blog-single .col-lg-4>img {
        height: 60px;
        object-fit: cover;
    }
}

@media (min-width: 1280px) {
    .container {
        max-width: 1230px;
    }
}

@media (min-width: 768px) and (max-width: 1280px) {
    #banner.owl-carousel .owl-nav {
        left: -45px;
    }
    .bannersocialist {
    right: -17px;
}
    .banner .container {
        padding-right: 25px;
        padding-left: 25px;
    }    
    .banner-inner:before {
        width: 70% !important;
    }
}

@media (max-width: 1800px) and (max-height: 850px) {
    .bannerboxdetail aside, .bannertitle, .bannerboxdetail h1{
        font-size: 20px;
        line-height: 20px;
    }
    .bannerboxdetail p {
        font-size: 18px;
    }
    .bannerbox img, .banner-inner-page > img {
        height: 350px;
    }
}

@media (max-width: 1199px) {
    
    .equipments-thumbs img {
    height: 270px;
}
.aboutimg>img {
    height: 325px;
}
/*.bannerbox {
    padding: 90px 60px;
}*/
.banner-inner-page {
    min-height: 400px;
}
.navbar-light .navbar-brand {
    max-width: 200px;
    margin-right: 0;
}
.team-member-name {
    padding: 10px 0px 2px;
    font-size: 16px;
    margin-bottom: 0px;
}
}

@media (max-width: 991px) {
    .navbar-light .navbar-brand {
        margin-right: 40px;
        transition: none;
    }
    .header-sticky .navbar-light .navbar-brand {
    margin-right: 0px;
    margin-left: 0;
}
    .navbar-collapse {
        position: absolute;
        left: 0px;
        top: 100%;
        right: 0px;
        z-index: 1;
        background-color: #fff !important;
        box-shadow: 0 2px 15px rgba(0, 0, 0, .3);
        padding: 20px;
    }
    .navbar-light .navbar-nav .nav-item {
        margin: 0 0px 15px;
        border-bottom: 1px solid #ddd;
        padding-bottom: 15px;
    }
    .navbar-light .navbar-nav .nav-item:last-child {
        margin: 0;
        border-bottom: 0;
        padding-bottom: 0;
    }
    .navbar-light .navbar-nav .nav-link,
    .navbar-light .dropdown-item {
        color: #333;
    }
    .footerbottom {
        padding-bottom: 20px;
        flex-wrap: wrap;
        gap: 10px;
        justify-content: center;
    }
    .footerbottom p,
    .footerbottom aside {
        font-size: 14px;
    }
    #services .owl-nav button.owl-prev {
        left: -50px;
    }
    #services .owl-nav button.owl-next {
        right: -50px;
    }
    .toxicology-section .dotted-petern {
        display: none !important;
    }
    .rnd-synthesis-section .comn-zoom {
        width: 100%;
    }
    .team-member-pic {       
        max-width: 300px;
        margin: auto;
        margin-bottom: 20px;
    }
    .team-member-pic:after {
       display: none;
    }
    .section-titleinner.titleinner-left, .titleinner-left:after {
        margin-left: auto;
        margin-top: 30px;
    }
    .event-title {
        font-size: 20px;       
        margin-top: 20px;
    }
    .opening-accordion .opening-acco-btn {
        padding: 20px 140px 20px 50px;
    }
    .open-acco-detail aside {
        font-size: 18px;
    }
    .open-acco-detail p {
        font-size: 12px;
    }
    .opening-accordion .card-body {
        padding: 25px 20px;
    }
    .open-acco-content-title {
        font-size: 15px;
    }
    .aboutimg>img {
    height: 515px;
}
/*.bannerbox {
    padding:48px 40px;
}*/
.banner-inner-page {
    min-height: 300px;
}
/*.banner-inner-page h1,
.bannerboxdetail aside {
    font-size: 32px;
    line-height: 32px;
}*/
.header-sticky .navbar-light .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(255, 255, 255)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
.galleryelement {
    left: 15%;
}
.blogpattern {
    width: 30%;
}
.blogelement {
    left: 80%;
}
#blog.owl-carousel .owl-nav {
    text-align: center;
    margin-top: 30px;
}
#blog.owl-carousel .owl-nav>*{
    margin: 0px 10px;
}
  .navbar-light .navbar-brand {
    margin-left: 0;
}
  
}


@media (max-width: 767px) {
    .navbar {
    padding:0;
}
    .navbar-light .navbar-brand {
        color: rgba(0, 0, 0, .9);
        width: 140px;
    }
    /*.bannerbox {
        padding: 25px 20px;
    }*/
    .banner-inner-page {
    min-height: 180px;
}
    .bannerboxdetail aside {
        font-size: 20px;
        line-height: 20px;
        margin-bottom: 10px;
    }
    .bannertitle {
        font-size: 24px;
        line-height: 24px;
        padding: 8px 10px;
        margin-bottom: 10px;
    }
    .banner {
        padding-top: 0;
        padding-bottom: 20px;
    }
    /* .banner::before {
        width: auto;
        height: auto;
        border-top: solid 265px #003672;
        border-left: solid 205px #003672;
        border-right: solid 205px transparent;
        border-bottom: solid 265px transparent;
    } */
    .bannerelement,
    .galleryelement,
    .blogelement,
    .contactelement {
        display: none;
    }
    .textstroke {
        right: -105px;
        font-size: 60px;
    }
    .comnpadding {
        padding: 20px 0px;
    }
    .comntitle {
        margin-bottom: 40px;
    }
    .comnheading {
        font-size: 26px;
    }
    .comnsubheading {
        font-size: 20px;
    }
    .comnbtn {
        font-size: 16px;
        padding: 10px 25px;
    }
    .comnborder {
        margin: 20px 0px;
    }
    .gallerylink {
        margin-top: -20px;
        margin-bottom: 20px;
    }
    .gallerymain {
        flex-wrap: wrap;
        padding: 0px 10px;
    }
    .galleryrightside {
        width: 100%;
    }
    .galleryleftside {
        width: 100%;
        margin-top: 10px;
        padding-left: 0;
        padding-right: 0;
    }
    .galleryleftside .gallerybox:nth-child(even) {
        padding-right: 0;
    }
    .services .owl-carousel {
        padding-left: 15px;
        padding-right: 15px;
    }
    .blogbox {
        margin-bottom: 30px;
    }
    .equiptabs .nav-tabs .nav-link {
        padding: 12px 20px;
    }
    .contactdetails .comnbtn button {
        font-size: 16px;
        padding: 10px 20px;
    }
    .banner-inner-page>img {
        height: 140px;
        object-fit: cover;
    }
    /*.banner-inner-page .bannerboxdetail {
        padding-left: 20px;
    }*/
    .banner-inner-page h1 {
        font-size: 24px;
        line-height: normal;
        margin-bottom: 10px;
    }
    .bannerboxdetail p {
        text-shadow: 0px 1px 8px #fff;
    }
    .section-titleinner {
        font-size: 24px;
        margin: 0 auto 30px;
    }
    .kilo-lab-section {
        padding: 80px 0 120px;
    }
    .technologies-develop-img2 {
        position: relative;
        bottom: 0;
        right: 0;
        border: 5px solid #fff;
        margin: -40% 20px 0 auto;
        display: table;
        max-width: 40%;
    }
    .lab-facilities-section .comnborder,
    .testing-facilities-section .comnborder {
        margin: 30px 0px;
    }
    .rnd-synthesis-box:before {
        display: none;
    }
    .rnd-synthesis-box {
        padding: 20px 20px 20px 20px;
    }
    .technologies-develop-img-area .comn-zoom {
        width: 100%;
    }
    .opening-accordion .opening-acco-btn::before {
        left: auto;
        right: 15px;
        top: 15px;
    }
    .opening-accordion .opening-acco-btn {
        padding: 15px 30px 65px 15px;
    }
    .open-acco-apply-btn {
        right: auto;
        top: auto;
        transform: none;
        left: 15px;
        bottom: 15px;
    }
    .opening-accordion .card-body {
        padding: 20px 15px;
    }
    .open-acco-content {
        margin-bottom: 25px;
    }
    .navbar-collapse {
        padding: 15px;
    }
    .navbar-light .navbar-nav .nav-item {
        margin-bottom:10px;
        padding-bottom: 10px;
    }
    .navbar-light .navbar-toggler-icon {
        width: 26px;
        height: 26px;
    }
    .comnheading::before {
        top: -1px;
        left: -18px;
        width: 40px;
        height: 40px;
    }
    .comnheading {
        margin-bottom: 10px;
    }
    .about .comnbtn {
        margin-top: 10px;
    }
    .galleryrightside {
        padding-left: 0px;
    }
    .galleryleftside .gallerybox {
        padding-left: 0px;
        margin-top: 10px;
    }
    .gallerybox .comn-zoom{
        height: 100%;
    }
    #blog.owl-carousel .owl-nav {
        margin-top: 0px;
    }
    .footerbottom p,
    .footerbottom aside {
        text-align: center;
    }
    .team-block {
        padding: 15px;
    }
    .banner-inner-page h1::before {
        top: -2px;
        left: 10px;
        width: 40px;
        height: 40px;
    }
    .collapse-single>h5 {
        padding-right: 30px;
    }
    .event-date {
        margin-top: 10px;
    }
    
    /* for banner */
    .bannerboxdetail aside {
        font-size: 18px;
        line-height: 20px;
        margin-bottom: 10px;
    }
    .bannertitle {
        font-size: 18px;
        line-height: 20px;
        padding: 8px 10px;
        margin-bottom: 10px;
    }
    .bannerboxdetail p {
        font-size: 16px;
    }
    .bannerbox img,
.banner-inner-page>img {
    height: auto;
}
}

@media (max-width: 575px) {
    .banner::before {
        width: 50%;
    }
    header .container {
        padding-right: 10px;
        padding-left: 10px;
    }
    .loginbtn {
        padding: 6px 10px;
        margin-left: 0px;
        /* margin-right: 50px; */
    }
    .loginbtn i {
        margin-right: 10px;
    }
    /* .banner::before {
        width: auto;
        height: auto;
        border-top: solid 95px #003672;
        border-left: solid 115px #003672;
        border-right: solid 115px transparent;
        border-bottom: solid 95px transparent;
    } */
    .contact-detail-box {
        padding: 20px 15px;
    }
    .contact-icon i {
        width: 60px;
        min-width: 60px;
        height: 60px;
        font-size: 24px;
    }
    .contact-icon,
    .contact-detail {
        padding-right: 0;
    }
    .tech-fix-height {
    height: 355px;
    }
    .technologies-develop-img2 {
        max-width: none;
        width: 88%;
    }
    .aboutimg {
        padding-right: 50px;
    }
    .aboutimg>img {
        height: 250px;
    }
        .banner-inner-page {
        min-height: 200px;
    }
}