/*XL PC VERSION*/

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

}



/*LARGE PC VERSION*/

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

.home_client .client-left{ width: 168px;}

.sever_system_point { height: 75px;}

.services-details .services-inner .stringent-box{ /*background: var(--secondaryColor); padding: 30px 20px 10px;*/ }
span.enq-text {margin-left:0px;}

}


@media screen and (min-width: 1201px) {
ul.submenu_allcontry {
    display: none !important;
}
#cssmenu li ul.golabl_megamenu > li:hover ul.submenu_allcontry {
    display: block !important;
	position: absolute !important;
    left: 187px;
    background: #f3f3f3;
    border: 2px solid var(--primaryColor);
    padding: 5px;
}
	
}
/*PC VERSION*/

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

    .headlogo img {

        max-width: 100%;

    }

    .home-banner .carousel-inner .carousel-item img {

        height: 600px;

    }

    .blog-listing-page .listing-inner ul li::after{

        display: none;

    }

    .blog-listing-page .listing-inner ul li {

        display: flex;

        align-items: center;

        padding: 10px 15px;

    }



}
@media (min-width: 992px) and (max-width: 1199px){
#cssmenu.small-screen #menu-button{top: 0;}
}
@media (min-width: 600px) and (max-width: 1200px){
    .laboratories .img-part.desktop_small .item-img {
        text-align: center;
    }
        .laboratories .img-part.desktop_small .item-img img {
        max-width: 75%;
    }
}
@media screen and (max-width: 1199px) {

    #cssmenu #menu-button {

        display: block;

      }

      /* #cssmenu.small-screen #menu-button {

        top: -8px;

    } */

    #cssmenu > ul > li > a {

        padding: 10px 10px 13px 10px;

    }

   

    #cssmenu {

       

        margin-top: 10px;

        position: absolute;

        width: 100%;

        left: 0;

        background-color: #fff;

    }

}



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

    .main-slider .swiper-custom-pagination {

        position: absolute;

        right: -1px;

        bottom: 159px;

        width: 100%;

        height: 1px;

        z-index: 2;

    }

  .main-slider .swiper-thumbnails {

        position: absolute;

        right: -1px;

        bottom: 0;

        width: 100%;

        z-index: 2;

        display: flex;

        justify-content: flex-end;

    }

    .main-slider .swiper-thumbnails button {

        background: #fff;

        border: none;

        display: flex;

        flex-direction: column;

        padding: 15px 25px;

        position: relative;

    }

    .main-slider .swiper-thumbnails button .num {

        font-size: 60px;

        line-height: 1;

        font-weight: 300;

        color: #999 !important;

        transition: color .3s ease;

    }

    .main-slider .swiper-thumbnails button.is-active .num {

        font-size: 60px;

        line-height: 1;

        font-weight: 300;

        color: #931e30 !important;

        transition: color .3s ease;

    }

    .main-slider .swiper-thumbnails button .label {

        max-width: 110px;

        font-size: 14px;

        line-height: 1.625;

        color: #787878;

        font-weight: 600;

        color: #000 !important;

        transition: color .3s ease;

        text-align: left;

    }

    .main-slider .swiper-thumbnails button:after{

        content: "";

        position: absolute;

        background: #bcbcbc;

        width: 1px;

        height: 80%;

        bottom: 0;

        right: 0;

    }

    .main-slider .swiper-thumbnails button:last-child:after{

        background: none;

    }











    .main-slider .swiper-custom-pagination ul {

        margin: 0;

        padding: 0;

        list-style: none;

        display: flex;

        justify-content: flex-end;

        height: 1px;

    }

    .main-slider .swiper-custom-pagination ul li {

        padding: 15px 15px 0 34px;

        display: flex;

        flex-direction: column;

        align-content: flex-start;

        max-width: 33.333%;

        height: 160px;

        background: #fff;

        position: relative;

    }

    .main-slider .swiper-custom-pagination ul li .num {

        font-size: 60px;

        line-height: 1;

        font-weight: 300;

        color: #931e30 !important;

        transition: color .3s ease;

    }

    .main-slider .swiper-custom-pagination ul li .label {

        max-width: 110px;

        font-size: 14px;

        line-height: 1.625;

        color: #787878;

        font-weight: 600;

        color: #000 !important;

        transition: color .3s ease;

    }

    .main-slider .swiper-custom-pagination ul li:after{

        content: "";

        position: absolute;

        background: #bcbcbc;

        width: 1px;

        height: 80%;

        bottom: 0;

        right: 0;

    }

    .main-slider .swiper-custom-pagination ul li:last-child:after{

        background: none;

    }

    .resp-vtabs .resp-tab-content::before {

        background:rgba(255,255,255,0.9);

        content: "";

        height: 100%;

        width: 10%;

        right: 0;

        z-index: 9999;

        top: 0;

        position: absolute;

      } 

}

/*TAB VERSION*/

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

    .blog-listing-page .listing-total{

        display: block;
    }
    .laboratories .img-part.desktop_small .item-img {
    text-align: center;
}
.laboratories .img-part.desktop_small .item-img  img{
    max-width: 75%;
}
#labotary li.resp-tab-item, .labotary .nav-tabs li.nav-item a{font-size: 12px;}


    .blog-listing-page .listing-inner h3 {

        padding-top: 20px;

    }
	.home_blog .application-sec .application-body{display: none;}
	.home_blog #myBtn {
		display: block !important;
		text-align: center!important;
	}
	.homebanner_content h3{font-size: 26px;}

     .toppanel_menu {

        position: absolute;

        top: -68px;

        right: 0;

    }

    html, body { overflow-x: hidden; }

    .navbar-collapse {

        position: fixed;

        top: 0;

        right: 0;

        width: 75%;

        height: 100%;

        z-index: 9;

    }

    ul.navbar-nav {

        height: 100%;

        overflow-x: hidden;

        overflow-y: scroll;

        /*background: var(--secondaryColor);*/
        background:#233a77;

        padding: 40px 20px;

    }

    .navbar-light button.mobileclose {

        position: absolute;

        top: 5px;

        right: 0;

        color: #000 !important;

        border: none !important;

    }

    .navbar-collapse.collapsing {

        height: 100%;

        right: -75%;

        transition: height 0s ease;

    }



    .navbar-collapse.show {

        height: 100%;

        right: 0;

        transition: right 300ms ease-in-out;

    }



    .navbar-toggler.collapsed ~ .navbar-collapse {

        transition: right 500ms ease-in-out;

    }

    .header nav ul.navbar-nav li.nav-item .dropdown-toggle::after{

        right: 0;

        position: absolute;

        content: "";

    }

    .navbar-light button.navbar-toggler {

        border: none;

        padding: 0;

        color: var(--primaryColor);

        font-size: 28px;

    }

    .header nav ul.navbar-nav a{white-space: pre-wrap;}

    .home_testimonial:after {

    height: 54%;

    width: 100%;

    }

    .home_testimonial .testimonial-inner.write-inner{

    padding-top: 70px;

    }

    .home_blog .blog-part{

        padding-left: 0;
		margin-bottom: 20px;

    }

    .home_blog .application-sec{

        padding-right: 0;

    }

    .home_client .client-right{

        padding-right: 0;

    }

    .home_client .client-left{

        margin-left: 0;

    }

    .homeabout_img {

        text-align: center;

    }

    .footercopytext {

        text-align: center;

    }

    .home_map #map {

        width: 100% !important;

    }

    #map svg {

        width: 100%;

        height: auto;

    }

    .footer_left {

        text-align: center;

        max-width: 100%;

        margin-bottom: 25px;

    }

    #home-newsevent {

        padding: 0 10px;

        max-width: 80%;

        margin: 0 auto;

    }

    #home-newsevent .owl-nav button.owl-next{right: -27px;}

    .swiper-thumbnails {

        display: none;

    }

    .innerpage_banner{padding: 0;}

    .homeabout_img iframe{
        height: 300px;
    }
	.pdfbox_brocer ul li{width: 22%;}

}

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

	.multicolor_box .ferrous_box .serve_nub { width: 15%;}

	.multicolor_box .ferrous_box .ferrous_info {width: 85%;}

}

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

   

    div#parentVerticalTab {

        position: relative;

    }

    #parentVerticalTab h2.brandcolor {

        position: absolute;

    }

    #parentVerticalTab h4 {

        position: absolute;

        top: 36px;

    }

    .resp-vtabs ul.resp-tabs-list{margin-top: 55px !important;}

	

}

/*MOBILE VERSION*/

@media screen and (max-width: 767px) {
	.m-pt-15 {
		padding-right: 15px !important;
	}
	.commodites_sliderinfo .commodite_text{
		padding: 30px 15px 0;
	}
	.commodites-all.withoutowl_box {
		display: block;
		width: 100%;
		overflow-y: scroll;
	}

    .services-details .services-inner .quality-box{

        padding-top: 30px;

    }

    .services-details .services-inner .stringent-box {

        padding: 30px 20px 10px;

    }

    .inner-withleft-content.globalinner_sec.contact{

        padding-bottom: 30px!important;

    }

	.titlepart h2 {font-size: 22px;}

    .blog-details .blog-part .listing-total .right-part {

        padding-top: 30px;

        padding-left: 0px;

    }

    .contact_address_section{

        display: block;

    }

    .contact_address_section .contact_add_item{

        width: 100%;

    }

    .home_blog.blog-page .blog-part .blog-listing {

        margin-bottom: 18px;

    }

    .inner-withleft-content.lightgrey_bg.globalinner_sec.blog-details{

        padding-bottom: 30px;

    }

    .blog-details .blog-part .listing-total{

        display: block;

        padding-bottom: 15px;

    }

    .blog-listing-page .listing-inner h3 {

        font-size: 20px;

    }

    .blog-listing-page .listing-inner ul li {

        margin-bottom: 15px;

    }

    .blog-listing-page .listing-inner ul{

        display: block;

    }

    .blog-listing-page .listing-box {

        padding-bottom: 30px;

    }

    .blog-listing-page .listing-total{

        display: block;

    }

    .laboratories h3{

        font-size: 18px!important;

    }

    .home_testimonial.testimonial-page .testimonial-info .client-inner{

        margin-right: 0!important;

    }

    .services-details {

        padding: 30px 0px 0px;

    }

    .innner-content .quality-part h3 {

        font-size: 18px!important;

    }

    .globalinner_sec .asia-contact .contact-inner{

        display: block;

    }

    .globalinner_sec .asia-contact .contact-inner.contact-inner-2{
        display: flex;
        flex-direction : column-reverse;
        flex-wrap: wrap;
    }

    .globalinner_sec .asia-contact .contact-inner .contact-map{

        padding-right: 0;

    }

    .globalinner_sec .global-inner .global-box h3 {

        font-size: 22px;

        line-height: 1.3;

    }

    .globalinner_sec .quality-part h6, .globalinner_sec .quality-part h5 {

        font-size: 18px;

    }

    

    .globalinner_sec .quality-part .downlode-action a{

        font-size: 16px;

    }

    .globalinner_sec.network-erope .collage_network::before{

        display: none;

    }

    .home-newevt_info a {

        margin: 40px auto 0px;

    }

    .home_commodites_section, .homeabout_section, .home_accreditation, .home_testimonial, .home_blog, .home_client, .blog-listing-page {

        padding: 30px 0;

    }

    .home_map {

        padding: 30px 0 20px;

    }

    .homebanner_content h3, .inner-withleft-content.globalinner_sec h3{

        font-size: 18px;

    }

	.homebanner_content p{font-size: 13px;}

	.homebanner_content a{padding: 7px 14px;font-size: 12px;}

    .home_testimonial, footer.footer {

        padding: 40px 0;

    }

    footer.footer{

        padding: 40px 0 20px;

    }

    .home_commodites_section h4, .home_map h4, .home_neweventupdate h4, .home_accreditation h4, .home_testimonial .testimonial-inner h4, .home_blog h4, .inner-title h5{

        font-size: 18px;

    }

    .homeabout_info h2, .home_commodites_section h2, .home_neweventupdate h2, .home_map h2, .home_accreditation h2, .home_testimonial .testimonial-inner h2, .home_blog h2, .inner-title h2{

        font-size: 26px;

    }
    
    .homeabout_info h1, .home_commodites_section h1, .home_neweventupdate h1, .home_map h1, .home_accreditation h1, .home_testimonial .testimonial-inner h1, .home_blog h1, .inner-title h1{

        font-size: 26px;

    }

    .home_testimonial .testimonial-inner.write-inner {

        padding-top: 0px;

    }

    .globalinner_sec {

        padding: 36px 0 0px;

    }

    .home_neweventupdate {

        padding: 30px 0 0px;

    }

    /* .home-banner .carousel-caption{

        position: initial;

        

    } */

    /* .homebanner_content h3{

        color: #000;

    }

    .homebanner_content p{

        color: #000;

    } */

    .home-banner .carousel-inner .carousel-item img {

        height: 380px;

    }

   

    .homebanner_content{

        padding: 15px;

    }

    .home-banner {

        padding: 0px;

    }

    .home-banner .carousel-indicators li {

        width: 3px;

        height: 3px;

        padding: 0;

        margin-left: 3px;

        opacity: .5;

    transition: opacity .6s ease;

        border-radius: 50%;

    }

    .home-banner .banner-carousel-tab{

        display: none;

    }

    

    .home-banner .carousel-indicators .active {

    opacity: 1;

    }

    .home-banner .carousel-indicators h4 {

        font-size: 30px;

    } 

    .home-banner .carousel-indicators p {

        font-size: 10px;

        line-height: 1.2;

    }  

    /* .home-banner .carousel-inner .carousel-item img {

        height: 100%;

    } */

    .home-banner .carousel-caption{

    right: 0%;

    left: 0%;

    bottom: auto;

    top: 0;

    }

    .homebanner_content {

        max-width: 100%;

    }

    .home-banner .carousel-indicators{

        bottom: 10px;

        justify-content: center;

    }

    .globalinner_sec .asia-map-inner .map-box {

        width: calc(100% / 3);

    }

    .globalinner_sec .globalinner-left {

        padding-right: 0px;

    }

    .globalinner_sec .collage_network {

        padding-left: 0px;

        padding-top: 30px;

    }

    .padding60 {

        padding-left: 15px;

        padding-right: 15px;

    }

    .main-slider{padding: 10px 0;}

    .footer_subsocial {

        display: flex;

        flex-wrap: wrap;

    }

    .footer_subsocial .footer_subriber, .footer_subsocial .footer_social{ width: 100%;}

    .footer_subsocial .footer_social{padding: 15px;}

    .foot-righttop {

        margin-top: 20px;

        padding-bottom: 10px;

    }

    .foot-righttop ul {

        display: block;

    }

    .footer_left{

        margin-bottom: 0;

    }

    .foot-righttop ul li {

        width: auto;

        padding: 8px 25px 0 0;

        font-size: 14px;

    }

    

    .footer_subsocial .footer_subriber h4 {

        font-size: 16px;

    }

    .footercopytext.footdesign {

        text-align: center;

    }

    .footer_icon ul{flex-wrap: wrap;}

    .footer_icon ul li {

        margin-bottom: 20px;

    }

    .home_testimonial .testimonial-inner{

        padding: 0;

    }

    .home_testimonial .testimonial-inner .testimonial-info{

         padding: 0;

    }

    .home_testimonial .testimonial-inner .owl-nav {

    /* bottom: 0px; */

    right: 0px;

    }

    .home_testimonial .testimonial-inner .testimonial-info .client-inner {

        margin-right: 70px;

    }

    .home_client .client-left{

        background-color: transparent;

        height: auto;

    }

    .home_client .client-left:after{

        display: none;

    }

    .home_client .client-left h3 {

    color: var(--primaryColor);

    text-align: center;

    font-size: 26px;

    padding-bottom: 20px;

    }

    .home_client .client-left{

        width: 100%

    }

    .stictyleft_soaial {

        position: fixed;

        top: auto;

        right: auto;

        z-index: 99;

        bottom: 0;

        left: 50%;

        width: 100%;

        transform: translate(-50%,0);

        background: #fff;

    }

    .stictyleft_soaial ul {

        display: flex;

        justify-content: center;

    }

    .home_blog .blog-part h3 {

        font-size: 20px;

    }

    .footer_copyright{margin-bottom: 40px; padding: 13px 0px;}

    .footer_logo img {

        max-width: 200px;

    }

    .accrei_itemlogo img {

        max-height: inherit;

        max-width: 60px;

    }

    .image-collage .item{height: 100px;}

    .inner_bannerimg {

        height: 150px;

    }

    .inner_bannerimg img {

        height: 100%;

        object-fit: cover;

    }

    .globalinner_sec .global-list{

        display: block;

    }

    .globalinner_sec .global-list .global-list-left {

        width: 100%;

    }

    .globalinner_sec .global-list .global-list-right {

        width: 100%;

    }

    .globalinner_sec .quality-part {

        padding: 25px 15px;

    }

    .globalinner_sec .global-img-box .global-text-box {

        padding: 6px 15px;

    }

    .globalinner_sec .global-list .global-list-left {

        padding: 25px 15px;

    }

    .globalinner_sec .global-list .global-list-right{

        padding: 25px 15px;

    }

    .globalinner_sec .quality-part.downlode-part{

        display: block;

    }

    .globalinner_sec .quality-part h6 {

        padding-bottom: 20px;

    }

    .globalinner_sec .office .global-list .office-left{

        width: 100%;

        padding: 25px 15px;

    }

    .globalinner_sec .office .global-list .office-mid{

        width: 100%;

        padding: 25px 15px;

    }

	#labotary .resp-tab-content{padding:5px;}

	.multicolor_box .ferrous_box{min-height: auto;}

	.envirment_boxitem{flex-wrap: wrap; justify-content: center;}

	.envirment_boxitem .envir_left, .envirment_boxitem .envir_mid, .envirment_boxitem .envir_right{width: 50%;}

	.withoutowl_box .item { width: 100%; margin-bottom: 15px;}

    .it_secpart, .it_fistpart, .itmap_totalsolu ,.itmap_weareprov {height: auto;}

	
.toppanel_menu{display: none;}
	#cssmenu.small-screen #menu-button{top: -85px;}

    .asia-contact .contact-inner.bg-gray{
        display: flex;
        flex-direction: column-reverse;
    }
    .contact-map{
        margin-top: 10px    
    }
    .video-part iframe{
        width: 100%;
        height: 350px
    }
.pdfbox_brocer ul li{width: 30%;}
		

}

/* .globalinner_sec .office .global-list .office-right {

    width: 100%;

    padding: 25px 15px;

} */

















/*LARGE MOBILE VERSION*/

@media screen and (max-width: 676px) {
#cssmenu.small-screen #menu-button {
    top: -70px;
}
	.footer_icon ul li.foot_address{width: 100%;}
  

}

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

	.hide-desktop{display:none !important}

}

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

    

    .toppanel_menu ul li a{font-size: 12px;}

    .toppanel_menu ul li:after{height: 11px; top: 60%;}

	.hide-mobile{display:none !important}
	.home_blog .application-sec .application-body .application-inner{flex-direction: column;}
	.home_blog .application-sec .application-body .application-inner .blog-img {
		width: auto;
		padding-right: 5px;
		display: table;
		margin: auto;
	}
    .labotary .nav-tabs li.nav-item {
    margin: 0 0 4px;
    width: 100%;
}
.labotary .nav-tabs li.nav-item a{
    background: #999 !important;
    border-radius: 6px;
}

}

    



/*SMALL MOBILE VERSION*/

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

    .home-banner .carousel-inner .carousel-item img {

        height: 135px;

    }
#cssmenu.small-screen #menu-button {
    top: -55px;
}

    /* .homebanner_content h3{font-size: 26px;} */

    /* .homebanner_content {

        max-width: 300px;

    } */

    .globalinner_sec .asia-map-inner .map-box {

        width: calc(100% / 2);

    }

	.envirment_boxitem .envir_left, .envirment_boxitem .envir_mid, .envirment_boxitem .envir_right{width: 100%;}

	.food_boxitem{flex-wrap: wrap;}

	.food_boxitem .food_left, .food_boxitem .food_mid{width: 100%;}

	ul.food_otherlab li{width: 100%;}
    .video-part iframe{
        width: 100%;
        height: 250px;
    }

.pdfbox_brocer ul li{width: 100%;}    
.app-sec{display: block;}
.app-sec-mobile {
  background: #2568b2;/*#009a9fvar(--primary-color); */
  display: block !important; 
  font-size: 19px; 
  font-weight: 400; 
  height: 50px; 
  line-height: 50px; 
  width: 100%; 
  position: fixed; 
  z-index: 9; 
  bottom: 0; 
  box-shadow: -3px -2px 6px 0px var(--medica-shadow);
}
.app-sec-mobile a { 
  /*width: 50%; 
  float: left;*/ 
  text-align: center; 
  color:#fff; font-size: 18px;line-height: 50px; 
} 
.app-sec-mobile a.appoint-sec{background: #fe7e00/*#ff9934*/; width:60%; float: left; text-decoration:none; font-size:18px; font-weight:bold;  }
.app-sec-mobile a.call-sec{width:40%; float: left;text-decoration:none; font-size:18px; font-weight:bold;}
.app-sec-mobile i{
  color:#fff;
  font-size:20px;
  margin-right: 0.5em;
}  
.app-sec-mobile a {
    font-size: 14px;
}

}

/* @media screen and (max-width: 360px) {

    .homebanner_content {

        max-width: 250px;

    }

} */