@media (min-width:1800px) and (max-width:10000px) {

    }
    
    @media (min-width:1551px) and (max-width:1799px){

    }
    
    @media screen and (max-width: 1550px) {
        html {
            font-size: 50%;
        }

        
        .navigation-menu ul li{
            margin: 0 35px 0 0;
        }
        .navigation-menu ul li a{
            font-size: 20px;
        }
        
        .product-slider-block-content{
            width: 60%;
        }
        .product-slider-block-image{
            width: 40%;
            padding: 10px;
        }
        .tag-block{
            font-size: 25px;
            padding: 9px 15px 5px 20px;
        }
        
        .upcoming-events-block-text ul li{
            padding: 0 0 0 35px;
            font-size: 18px;
        }
    }
    
    @media screen and (max-width: 1299px) {


        .navigation-menu ul li{
            margin: 0 30px 0 0;
        }
        .navigation-menu ul li a{
            font-size: 18px;
        }
        .navigation-menu ul li.menu-item::before, .navigation-menu ul li.menu_open::before{
            top: 14px;
        }
        

        .gradiantbutton .gradiant-btn{
            font-size: 18px;
        }
        .tag-block{
            font-size: 20px;
        }
        .product-slider-block-text p,
        .product-slider-block-text ul li{
            font-size: 18px;
        }
        .product-slider-block-text ul li::before {
            width: 16px;
            height: 16px;
            background-size: 16px;
        }


        .upcoming-events-img{
            width: 170px;
            height: 170px!important;
        }
        .upcoming-events-block-text{
            width: calc(100% - 170px);
            padding-left: 20px;
        }
        .upcoming-events-block-text h3{
            font-size: 22px!important;
        }
        .upcoming-events-block-text p{
            font-size: 18px;
        }
        .upcoming-events-block-text ul li{
            padding-left: 30px;
            font-size: 16px!important;
        }
        .upcoming-events-block-text ul li img{
            width: 22px;
        }
        .upcoming-events-block-text h6{
            font-size: 18px!important;
        }


        .latest-news-block h3{
            font-size: 22px !important;
        }

        .swiper-pagination{
            margin-top: 30px;
        }
 
    }
    
    @media screen and (max-width: 1199px) {

        html {
            font-size: 45%;
        }

        .header .main-logo img{
            width: 180px!important;
        }
        .navigation-menu ul li{
            margin: 0 25px 0  0;
        }
        .navigation-menu ul li a{
            font-size: 16px;
        }
        .navigation-menu ul li:last-child a{
            padding: 8px 15px 6px 15px;
        }


        .featured-products-block-image-text ul li{
            font-size: 16px;
            line-height: 24px;
        }
        .featured-products-block-image-text ul li::before{
            width: 15px;
            height: 15px;
            background-size: 15px;
            top: 5px;
        }
    }
    
    @media screen and (max-width: 1024px){

        .navigation-menu ul li.menu-item::before, .navigation-menu ul li.menu_open::before{
            top: 10px;
        }

        .navigation-menu {
            position: fixed!important;
            top: 0;
            left: -100%;
            height: 100%!important;
            background-color: #fff;
            max-width: 350px;
            width: 80%!important;
            display: none;
            transition: all 0.5s ease!important;
            box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
            z-index: 111!important;
        }
        .navigation-menu.menu-open{
            left: 0;
        }
        body.menu-open{
            overflow: hidden;
        }
        .navigation-menu ul li{
            display: table;
            margin: 15px 0;
        }
        .navigation-menu ul li a{
            color: #142028;
            padding: 0;
            display: table;
        }
        .navigation-menu ul li a:hover,
        .navigation-menu ul li a:focus{
            color: #2595D1;
        }

        .toggle-btn-open,.toggle-btn-close{
            cursor: pointer;
        }


        .megamenu_wrap {
            position: fixed;
            z-index: 1111;
            width: 100%;
            margin-top: 0;
            height: 100%;
            top: 0!important;
            left: -100%!important;
            max-width: 350px;
            overflow-y: auto;
            display: block !important;
            transition: all 0.5s ease!important;
            box-shadow: 0 10px 10px rgba(0, 0, 0, 0.1);
        }
        .megamenu_wrap.show{
            left: 0!important;
        }
        .megamenu_wrap .elementor-1255,
        .megamenu_wrap .elementor-1281{
            height: 100%;
        }
        .megamenu_wrap ul.menu{
            padding-right: 0;
            border-right: none!important;
        }
        .show-product.megamenu_wrap .elementor-widget-n-tabs .e-n-tab-title{
            background-color: #2595D1!important;
            color: #fff!important;
        }
        .show-product.megamenu_wrap .e-n-tabs .e-n-tabs-heading .e-n-tab-title::after{
            transform: rotate(90deg)!important;
        }
        .megamenu_wrap ul.menu li::after{
            line-height: 20px;
        }
        .megamenu_wrap ul.menu li{
            margin-bottom: 2px;
            padding: 8px 10px 8px 15px;
        }
        .megamenu_wrap ul.menu li a{
            font-size: 16px;
            line-height: normal;
        }
        .mega_tab .elementor-widget-image-box .elementor-image-box-wrapper{
            display: flex;
            text-align: left;
            align-items: center;
        }
        .mega_tab .elementor-widget-image-box .elementor-image-box-wrapper .elementor-image-box-img{
            width: 50px;
        }
        .mega_tab .elementor-widget-image-box .elementor-image-box-wrapper .elementor-image-box-content{
            width: calc(100% - 50px);
            padding: 0 0 0 10px;
        }


        .header.scrolled .main-logo img{
            width: 120px!important;
        }
        .wavelength-tabs-wrapper{
            top: 74px!important;
        }

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


        .form-control{
            height: 50px;
            font-size: 18px;
        }
        .form-group{
            margin: 0 0 20px 0;
        }
        textarea.form-control{
            height: 120px;
            min-height:120px;
        }
    }

    @media screen and (max-width: 767px) {

        html {
            font-size: 40%;
        }
        .container{
            padding: 0 15px;
        }
        .product-slider-block {            
            flex-direction: column-reverse;
        }
        .product-slider-block-content {
            width: 100%;
        }
        .product-slider-block-image {
            width: 100%;
        }
        .testimonials-wrap  .container {
            padding: 0px;
        }
        .testimonial_inner {
            padding: 0rem;
        }
        .testimonial_inner::after {
            width: 50px;
            height: 50px;
            background-size: 50px;
            top: -30px;
        }
        .testimonial_inner::before {
            width: 50px;
            height: 50px;
            background-size: 50px;
            top: -40px;
        }


        .upcoming-events-block {
            flex-direction: column;
        }
        .upcoming-events-img {
            width: 100%;
            height: 250px!important;
        }
        .upcoming-events-block-text {
            width: 100%;
            padding: 20px 0 0 0;
        }

        .latest-news-wrapper .gx-30{
            --bs-gutter-y: 30px;
        }

        .form-col{
            width: 100%!important;
        }

        .featured-tag-wrap{
            margin: 0;
        }
        .featured-products-block-image-text ul{
            padding: 0 20px;
        }
        .featured-products-block-image-text{
            padding-bottom: 10px;
        }


        .range-title{
            font-size: 20px;
        }
        .publication-img{
            width: 100%;
        }
        .publication-slider-block-text{
            width: 100%;
            padding: 15px 0 0 0;
        }
        .slide-button-prev, .slide-button-next{
            width: 24px;
        }


        .wavelength-tabs-wrapper{
            padding: 10px 0;
        }

    }

    @media screen and (max-width: 575px) {

        .text-btn{
            padding: 0 20px;
        }
    }
    
    @media (min-width:576px) and (max-width:767px) {
    }