@media only screen and (max-width: 1800px){
     .nav-bar > li {
        padding: 10px;
    }
    .sarch-form{
        right: 70px;
    }
}
 @media only screen and (max-width: 1024px){
     .nav-bar > li > a {
        font-size: 14px;
    }
     .logo-brand {
         width: 100px;
         margin-right: 10px;
    }
    .hold-box {
         width: 100%;
    }
     .bg-gry{
        margin: 0px 0px 15px !important;
        padding: 10px;
    }
    .grid-list-gallery ul li {
    width: 31% !important;}
}
 @media only screen and (max-width: 1023px){
.footer-cl-lrg {
	padding-left: 0 !important;
}
.footer-cl-mdl {
	padding-left: 35px !important;
}
.footer-txt-main {
	
	padding: 40px 15px !important;
	font-size: 15px !important;
	line-height: 28px !important;
}
.footer-cl-mdl ul li {
	
	font-size: 15px !important;
	
}

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

.back_buttom {
    width: 30% !important;
}

.lab-sub-heading h4{
    max-width: 100% !important;
    margin: 25px auto 25px;
}
.box-holder-lab {
    margin-bottom: 10px;
}
.product-text {
    margin-bottom: 10px;
}
.pro-details {
    margin: 15px 0 0;
}
.news-box ul li {
    width: 48% !important;}
    .locationside {
    width: 100% !important;
}
.lab-sub-heading ul {
    text-align: left !important;
}
.lab-sub-heading ul li {
    margin-left: 15px !important;
}

.lab-sub-heading ul li::after {
    margin-left: -2px;
}
.Values-img.development_img img {
        min-height: auto !important;
    }

}

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

    .back_buttom {
        width: 30% !important;
    }

    .flex-box {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
    }

    .Values-img.development_img img {
        min-height: auto !important;
    }

 	.ms_layers_wrapper .ms_image_layer {
	    position: static !important;
	    max-width: 320px !important;
	    height: auto !important;
	    margin: auto !important;
	}

	.ms_layer.content {
		
		position: static !important;
	}

    .left-box {
     margin-top: 0px;
    }
    .lab-detail ul {
        padding: 10px 25px !important;
    }
     .nav-bar > .active::after{
        display: none;
    }
     #toggle {
        display: block;
    }
     #menu {
        display: none;
    }
     .nav-bar li {
        display: block;
    }
     .nav-bar {
         position: absolute;
         float: left;
         top: 60px;
         background: rgb(75, 136, 196);
         width: 100%;
         left: 0;
         right: 0;
         z-index: 99;      
    }
     .nav-bar > li > a {
         color: #fff;
    }
     .nav-bar > li {
         border-bottom: 1px solid rgb(70, 122, 173);
    }
     .left-box {
         float: none;
         width: 100%;
    }
     .bannar {
         margin-top: 30px;
    }
     .lab-detail {
         margin-top: 20px;
    }
     .right-box {
         float: none;
    }
     .hold-box {
         width: 100%;
    }
     .right-box {
         float: none;
         width: 100%;
         text-align: center;
    }
     .robot ul li {
         width: 100% !important;
         margin-bottom: 10px !important;
    }
     .robot ul {
         display: block !important;
    }
     .bottom-foot {
         padding: 20px 10px !important;
    }
     .bottom-foot ul li {
         position: relative !important;
         display: inline-flex !important;
         margin: 35px 12px !important;
         font-size: 18.68px !important;
    }
	.footer-cl-mdl{
		padding-left:0 !important;
	}
	.footer-cl-mdl ul li {
	font-size: 15px !important;
	display:block !important;
	margin:0 !important;
}
.footer-txt-cl{
	margin-bottom:20px;
	text-align:center;
	
}
.footer-cl-sml {
	max-width: 180px;
	margin: auto;
}
.emp {
	padding-top: 35px;
}
.footer-txt-main {
	padding: 20px 15px !important;
	font-size: 15px !important;
	line-height: 28px !important;
}
.owl-carousel .owl-item img {
	display: block;
	width: 70%;
}
     .bottom-foot ul li::after{
        display: none !important;
    }
     .sarch-form {
         position: static !important;
    }
     .sarch-form::after{
         display: none;
    }
     #page-top{
         bottom: 3px;
         right: 19px;
    }
     .news-form {
         margin: 20px auto !important;
    }
     .contact a{
         margin-bottom: 10px;
    }
     .list-log ul li {
         width: 30%;
    }
    .right-box img {
    width: 80px !important;
    margin: 0 auto;
}
.owl-nav {
    display: none;
}
.robot {
    margin-bottom: 15px !important
}
.pink-bx {
    margin-bottom: 10px;
}
.row.space {
    margin: 15px 0;
}

  .row.reorder-xs {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);

    direction: rtl;
  }

  .row.reorder-xs > [class*="col-"] {
    -webkit-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
    transform: rotate(-180deg);

    direction: ltr;
  }
  .lab-misson {
    margin: 15px 0;
}
.lab-sub-heading ul li{
    font-size: 12px;
}
.lab-sub-heading h4 {
    font-size: 15px;
    margin: 20px auto 20px;
    line-height: 25px;
    max-width: 100%;
}
.heading-lab h2 {

    font-size: 22px;}
    .details-lab h3 {

    font-size: 18px;
    margin: 0 0 20px;}
 .detials-values p, .detials-values ul li {
    font-size: 12px;
    margin-bottom: 10px;
    margin-top: 10px;
}
.join-heading h2{
    font-size: 20px;
}
.detials-join {
    max-width: 100%;
    margin: 15px 0;
}
.school-lab-join{
    padding: 20px 0;
}
.our-people {
    margin: 25px 0 20px;
}
.detials-people {
    margin: 10px 0 0;}
.pro-details p {
    font-size: 14px;
    line-height: 25px;
}
.propular-news ul li, .news-box ul li {
    width: 100% !important;}

.inline-news-box {
    margin-bottom: 20px !important;
}
.locationside ul li {
margin-bottom: 20px;
}
.form-box {
 margin: 20px 0 !important;
}
.form-box input, .form-box textarea{
    margin-bottom: 15px !important;
   /* margin-left: 15px;*/
width: 300px !important;
}
.locationside h3 {
    font-size: 16px;}
.locationside span {
    font-size: 18px;}
    .tabs {
        display: none;
    }
    .tab_drawer_heading {
background-color: rgb(75, 136, 196) !important;
color: rgb(255, 255, 255);
border-top: 1px solid rgb(255, 255, 255);
margin: 0;
padding: 10px 20px;
display: block !important;
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;
font-size: 18px;
    }
    .d_active {
background-color: rgb(0, 80, 151);
color: rgb(255, 255, 255);
    }
.grid-list-gallery ul li {
    width: 48% !important;
  
}
.tab_content {
    padding: 15px 0 !important;}

.tabcontent {
    float: none !important;

    width: 100% !important;
}

.box-tab{
    display: block !important;
}
.tab {
    float: none !important;
    border: 0 !important;
    width: 100% !important;
}
.tabcontent {
    float: none !important;
    width: 100% !important;
    border-left: none !important;
    border: 1px solid rgb(206, 206, 206) !important;

    border-left: 1px solid rgb(206, 206, 206) !important;
}
.all-details-product h2 {
    font-size: 20px;
    margin: 10px 0;
}
.price-box h3 {
    font-size: 20px;
    font-weight: 600;
    margin: 15px 0;
}
.price-box p {
    line-height: 24px;
}
.vericla-tab {
    margin: 15px 1px !important;
}
.heading-box-news h2 {
font-size: 22px !important;}
}

 @media only screen and (max-width:600px)
{
    .grid-list-gallery ul li {
    width: 100% !important;
      margin: 5px 0 !important;
   

}
}