/*Media Query Start*/

@media only screen and (min-width: 1366px) and (max-width: 1920px) {}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
    html {
        overflow-x: hidden;
    }
    .menuSec ul li a {
        font-size: 11px;
    }
    .container {
        max-width: 1140px;
    }
    .header-search button {
        right: 9.3%;
    }
    .periodic-table #categorypanel .category-header {
        font-size: 12px;
    }
    .industry-content h2 {
        font-size: 50px;
    }
    .industry-content p {
        font-size: 17px;
    }
    .white-text {
        gap: 20px;
    }
    .white-text img {
        width: 180px;
    }
    .service-sec .sec-head h2 {
        width: 80%;
    }
    .service-box {
        padding: 50px 10px;
    }
    .service-text h3 {
        font-size: 27px;
    }
    .about-text h2 {
        font-size: 34px;
    }
    .abt-btm-text h3 {
        font-size: 20px;
    }
    .about-partner h3 {
        font-size: 24px;
    }
    .theme-head img {
        width: 170px;
    }
    .product-image span {
        width: 89px;
        height: 40px;
    }
    .product-text a {
        font-size: 22px;
    }
    .product-btn a {
        gap: 10px;
        padding: 7px 7px 7px 20px;
    }
    .news-letter-content h2 {
        font-size: 55px;
    }
    .footer-content p>strong {
        font-size: 14px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {}

@media only screen and (min-width: 768px) and (max-width: 991px) {}

@media only screen and (min-width: 520px) and (max-width: 767px) {}

@media only screen and (min-width: 0px) and (max-width: 519px) {
    html {
        overflow-x: hidden;
    }
    .slicknav_nav a:hover {
        background: #7a396c;
    }
    .slicknav_nav i {
        display: none;
    }
    .header-logo a,
    .header-logo img {
        width: 80%;
        margin: 0 auto;
        display: block;
    }
    .header-search {
        padding: 5px;
    }
    .header-search input {
        padding: 10px;
        font-size: 12px;
        height: 45px;
    }
    .header-search button {
        width: 60px;
        height: 40px;
        font-size: 20px;
        right: 3%;
    }
    .periodic-table-sec {
        padding: 50px 0;
    }
    .table-responsive table {
        max-width: 1400px;
        overflow-x: scroll;
        width: 1400px;
    }
    .periodic-table #infopanel {
        position: relative;
        left: 0;
        top: 0;
        width: 100%;
        height: auto;
    }
    .periodic-table #categorypanel {
        position: relative;
        width: 100%;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
    }
    .periodic-table #categorypanel>div {
        width: 100% !important;
        margin-bottom: 0;
    }
}


/*Media Query End*/