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

.navbar-expand-lg .navbar-nav .dropdown-menu {left: 0; top: 100%; border-radius: 0; border: 0;}

.ul-list li ul.dropdown-menu{padding: 0px; z-index: 1001; margin: 0px; background: var(--white);

    transition: all ease 0.3s; display: inline-block; vertical-align: top; opacity: 0; visibility: hidden;}

.ul-list li:hover ul.dropdown-menu{opacity: 1; visibility: visible;}

.hidden-desktop {
        display: none;
    }
	

}





@media only screen and (min-width: 1250px){

    .container {max-width: 1220px;}

}



@media only screen and (min-width: 1367px){

    .container {max-width: 1342px;}
    .cardtest{min-height: 393px;}

}


 
@media only screen and (min-width: 1700px){
    .tabs_on_scroll {width: 51%;}
    .cardtest{min-height: 393px;}
}

@media only screen and (min-width: 1720px){
    .tabs_on_scroll {width: 50%;}
}

@media only screen and (min-width: 1757px){
    .tabs_on_scroll {width: 49%;}
}

@media only screen and (min-width: 1790px){
    .tabs_on_scroll {width: 48%;}
}

@media only screen and (min-width: 1828px){
    .tabs_on_scroll {width: 47%;}
}


@media only screen and (min-width: 1884px){
    .tabs_on_scroll {width: 45.5%;}
}

/*@media only screen and (min-width: 1900px){
    .cardtest{min-height: 393px;}
}*/

@media only screen and (max-width: 1686px){
    .tabs_on_scroll {width: 100%; max-width: 871px;}
}

@media only screen and (max-width: 1366px){
    .tabs_on_scroll {width: 100%; max-width: 789px;}
    .cardtest {min-height: 445px;}
    .cardservices p{min-height: 113px;}
}


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

.navbar-expand-lg .navbar-nav .nav-item{margin:0 1.3rem;}

.ul-list li a{font-size: 1rem;}

}

@media only screen and (max-width: 1249px){
    .tabs_on_scroll {width: 100%; max-width: 736px;}
    .cardtest {min-height: 472px;}
    .cardmedia{min-height: 475px;}
	.slideshows ul li{width: 232px; max-width: 232px;}
.slideshows ul li .bg-banner-image-2{width: 221px; height: 179px; background: url(../image/main-slide/events.webp); background-size: 221px;}
.slideshows ul li .bg-1 {background-position: 0 0;}
.slideshows ul li .bg-2 {background-position: 0 -184px;}
.slideshows ul li .bg-3 {background-position: 0 -365px;}
.slideshows ul li .bg-4 {background-position: 0 -548px;}
.slideshows ul li .bg-5 {background-position: 0 -730px;}
.slideshows ul li .bg-6 {background-position: 0 -913px;}
}

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

    .navbar-expand-lg .navbar-nav .nav-item{margin:0 1rem;}

    .ul-list li a{font-size: 1rem;}

}

@media only screen and (max-width: 1199px){
    .tabs_on_scroll {width: 100%; max-width: 616px;}
    .cardtest {min-height: 577px;}
    .cardservices p{min-height: 137px;}
    .cardservices h5{min-height: 50px;}
    .slideshows .container{max-width: 100%;}
/*    [class^="bg-Logo_"] {width: 148px;}*/
/*    .bg-Logo_01 {background-position: 0 -10px;}
.bg-Logo_02 {background-position: 0px -108px;}
.bg-Logo_03 {background-position: 0px -206px;}
.bg-Logo_04 {background-position: 0px -305px;}
.bg-Logo_05 {background-position: 0px -403px;}
.bg-Logo_06 {background-position: 0px -501px;}
.bg-Logo_07 {background-position: 0px -600px;}
.bg-Logo_08 {background-position: 0px -697px;}
.bg-Logo_09 {background-position: 0px -796px;}
.bg-Logo_10 {background-position: 0px -895px;}
.bg-Logo_11 {background-position: 0px -993px;}
.bg-Logo_12 {background-position: 0px -1091px;}
.bg-Logo_13 {background-position: 0px -1190px;}
.bg-Logo_14 {background-position: 0px -1287px;}
.bg-Logo_15 {background-position: 0px -1387px;}*/

}


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

/*    .nav-elem {gap: 1vw;}*/

    .navbar-expand-lg .navbar-nav .nav-item{margin:0 0.8rem;}

    .ul-list li a{font-size: 0.8rem;}

}

@media only screen and (max-width: 1125px){
.slideshows ul li{width: 212px; max-width: 212px;}
.slideshows ul li .bg-banner-image-2{width: 201px; height: 162px; background: url(../image/main-slide/events.webp); background-size: 201px;}
/*.slideshows ul li .bg-1 {background-position: 0 -10px;}
.slideshows ul li .bg-2 {background-position: 0 -180px;}
.slideshows ul li .bg-3 {background-position: 0 -347px;}
.slideshows ul li .bg-4 {background-position: 0 -517px;}
.slideshows ul li .bg-5 {background-position: 0 -686px;}
.slideshows ul li .bg-6 {background-position: 0 -853px;}*/

.slideshows ul li .bg-1 {background-position: 0 0;}
.slideshows ul li .bg-2 {background-position: 0 -166px;}
.slideshows ul li .bg-3 {background-position: 0 -332px;}
.slideshows ul li .bg-4 {background-position: 0 -498px;}
.slideshows ul li .bg-5 {background-position: 0 -665px;}
.slideshows ul li .bg-6 {background-position: 0 -831px;}
}

@media(max-width: 1070px){
    .slide-1 {height: 763px /*630px*/;}
    .slideshows .grid-container {display: inline-block; vertical-align: top;
        width: 100%; text-align: center;}   
    .slideshows .container .col-lg-4, .slideshows .container .col-lg-8{width: 100%;}
    .slideshows .grid-item {width: 168px; display: inline-block; vertical-align: top;
        max-width: 168px; margin: 0 2% 2% 2%;}
    [class^="bg-Logo_"] {width: 100%;}
	.slideshows{text-align: center;}
    .slideshows .slideleftcontent {padding-top: 0;}
    .slideshows p {margin-top: 1rem; text-align:center;}
    .slideshows .banner_logo {margin: 1rem 0 0 0;}
	.slideshows .button {text-align: center; display: inline-block; vertical-align: top;}
   /* .slideshows ul li{max-width: 200px;}
    .slideshows ul li .bg-banner-image-2 {width: 200px; max-width: 200px;}*/
	.slideshows ul li {margin: 0.8% 0.5%; list-style: none; display: inline-block;
    vertical-align: top; text-align: center; width: 252px; max-width: 252px; border:5px solid #fff;}
.slideshows ul li .bg-banner-image-2 {width: 242px; height: 195px;
    background: url(../image/main-slide/events.webp);/* border-radius: 10px;*/}
.slideshows ul li .bg-1 {background-position: 0 0;}
.slideshows ul li .bg-2 {background-position: 0 -200px;}
.slideshows ul li .bg-3 {background-position: 0 -400px;}
.slideshows ul li .bg-4 {background-position: 0 -601px;}
.slideshows ul li .bg-5 {background-position: 0 -800px;}
.slideshows ul li .bg-6 {background-position: 0 -1000px;}

}



@media(max-width: 1050px){ 

    .navbar-expand-lg .navbar-nav .nav-item{margin:0 0.5rem;}

}

@media(max-width: 1023px){ 
.cardservices p{min-height: 113px;}
}

@media(max-width: 991px){
    .hidden-tablet {display: none;}	
    .container, .container-sm{max-width: 100%;}
    .row{margin-right: 0; margin-left: 0;}
    .header{position: static;}
    .navbar-toggler {border: 0; padding: 0; border-radius: 0;}
    .navbar-collapse {position: absolute; top: 100%; width: 100%; left: 0; background: #fff; padding: 0.5rem 0; z-index: 1;}
    .ul-list{width: 100%;margin: 0 0 1rem;}
    .ul-list li a{font-size: 1rem; padding: 0.5rem 2% !important; border-bottom: 1px solid var(--whitesmoke); position: relative;}
    .ul-list li a:hover, .ul-list li a.nav-link.active {border-bottom: 1px solid var(--whitesmoke);; color:var(--red);}
    .ul-list li.nav-item.dropdown a::after {display: inline-block; margin-left: .255em; vertical-align: .255em; content: ""; border-top: .4em solid; border-right: .4em solid transparent; border-bottom: 0; border-left: .4em solid transparent; float: right; margin-top: .555em;}
    .navbar-nav .dropdown-menu {border: 0; margin: 0; padding: 0;}
    .navbar-nav .dropdown-menu li a{padding:0.5rem 2% !important;}
    .navbar-nav .dropdown-menu li a:after{display: none !important;}
    .navbar-nav .dropdown-menu li a.dropdown-item:before {content: ""; margin-right: 0.5rem; border: solid black; border-width: 0 2px 2px 0; display: inline-block; padding: 3px; transform: rotate(135deg); -webkit-transform: rotate(135deg);}
    .search-container {display: inline-block; width: 96%; margin: 0 2%; vertical-align: top;}
    #search-bar {border-radius: 8px 0 0 7px; width: 95%; display: inline-block; vertical-align: top; max-width: 95%;}
    /*#search-button {border-radius: 0; background: url(../image/header/search.png) no-repeat 2px 9px; background-size: 20px;}*/
	.slideshows{text-align: center; background:#336699;}
    .slideshows p br{display: none;}
	.slideshows .container {position: relative; height: 54vh;}
	 .slideshows p{font-size: 21px; line-height:30px;}
	 .slideshows .button{margin: 1rem 0 0 0; font-size: 18px; line-height:25px;}
	 
    .slideshows .container .col-lg-8{display: none;}
    .slide-1 {height: 60vh; display:none;}
    .media .col-lg-4{margin-bottom: 1.5rem; width: 100%;}
    .cardmedia {min-height: 20px;}
    .media p br{display:none;}
    .nav{font-size: 1rem; font-weight: 500;}
    footer{padding: 2rem 0;}
    footer h5, footer h3 {padding: 0 0 1rem; font-size: 1.05rem; font-weight: 500;}
    footer p br{display: none;}
    ul.tabs {display: none;}
    .tab_content {padding: 20px 0 0 0;}
    .tab_container {display: block;margin: 0 auto;width: 95%;border-top: none;border-radius: 0;box-shadow:0px 0px 10px rgb(131 131 131 / 32%);}
    .tab_drawer_heading {background-color: white; background: white;color: black;margin: 0;padding: 5px 20px;display: block;cursor: pointer;-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;border-bottom: 1px solid var(--red);font-size: 1.2rem; padding: 0.5rem; text-align: left;}
    .tab_drawer_heading:hover {background: var(--red);color: white;}
    .d_active {background-color: var(--red);color: #dddddd;}
    .content {padding-bottom: 1rem;}
    .btn{flex-direction: column;}
    .rwssidebar.is-affixed .inner-wrapper-sticky {position: static !important; transform: none !important;}
    .tabs_on_scroll {position: inherit !important; top: 74px;}
     .str-a-blue-block{display: inline-block;}
     .cardtest {min-height: 410px;}
     #btnviewallcatreport{display: block; vertical-align: top; float: none !important; width: 96%; margin: 20px auto;}
     .col-lg-8.col-md-12.protein-content {padding-right: calc(var(--bs-gutter-x) * .5);}
}

@media(max-width: 858px){
.cardtest {min-height: 445px;}
.cardservices p{min-height: 140px;}
}

@media(max-width: 804px){
.cardtest {min-height: 472px;}
}

@media(max-width: 767px){    
    .hidden-mobile {display: none;}
   .contents .com-img img{width: 20vw;}
   .com-img, .com-img img {text-align: center; max-width: 450px; margin: auto;}
   .slideshows h3 {font-size: calc(1.1rem + .6vw);}
   .header{position: static;}
   .tabs_wrapper {margin: 2rem 0;}
    .nav{font-size: 1rem; font-weight: 500;}
    .info-row .row .col-md-3{width:50%;}
    .input-bg input, .input-bg select, .input-bg textarea{width: 100%; max-width: 100%;}
    .cardtest {min-height: 20px;}
    .cardservices p{min-height: 160px;}
    .footer-logo .logo, .gt-footerright {text-align: center;}
	.breadcrumb ul {display: inline-block; vertical-align: top; width:100%;}
	.breadcrumb a{display: inline-block; vertical-align:middle;}
	.breadcrumb ul::before {display: inline-block; vertical-align: middle;}
	.rws-productdetailsnew{padding:0;}
	.protein-content>h1, .protein-content .nav {font-size: 1rem;}
	.description h2, .description h3 {font-size: 0.938rem;}
}

@media(max-width:630px){
    #search-bar {padding: 5.5px 5px; width: 90%;}
    .rwsourclients ul li{width: 47%;}
}

@media(max-width:599px){
.cardservices p{min-height: 118px;}
}

@media(max-width:576px){
    .content-text br{display: none;}
    .tabs_wrapper {margin: 2rem 0;}
    .nav-tabs .nav-link{padding: 0.3rem; font-size: 0.8rem;}
    .protein-content>h1{font-size: 1rem;}
    .description h1 {font-size: 1rem;}    
    .slideshows{background-color: #2C8EBF;}
    .com-img, .content-text {width: 50%;}
    /*.slideshows p {font-size: 1rem;}*/    
    /*.com-img img{display: none;}*/
    .slideshows .button {margin: 2rem 0 0 0; padding: 0.3rem 0.5rem; font-size: 1rem;}
}



@media(max-width:481px){

    #search-bar {width: 87%;}
/*    .industries .col-6.col-md-2{width:100%;}*/
    .footer-logo .logo a {margin-bottom: 0.5rem; display: inline-block; vertical-align: top;}
    .info-row {padding: 6px;}
    .price a{width: 100%;}
	 .slideshows .container {height: 54vh;}
	 .slideshows p{font-size: 21px; line-height:30px;}
	 .slideshows .button{margin: 1rem 0 0 0; font-size: 18px; line-height:25px;}
	

}


@media(max-width:479px){
.cardservices p{min-height: 20px;}
.rwsourclients ul li{width: 100%; height: auto; margin: 0 0 1rem; line-height: 20px;}
}

.ul-list li ul.dropdown-menu{/*	background-color:#e3f4fd;*/ background-color:#fff;

	
}