@charset "utf-8";
/* CSS Document */

@media (max-width:1200px)
{
.container {
    width: 98%;
    padding: 0;
}
.img-div-pos img {
    max-width: 112%;
}
.img-div-pos.grp-cmp img {
    max-width: 131%;
}
.img-cnt {
    top: 0%;
 }
 .pargh-div.img-award {
     width: 50%;
}
.sp-sol.ind-imgs .serveheading {
    padding: 12px 0 0 7px;
    float: left;
    font-size: 18px;
}

section.banner-c .img-div-pos img {
    max-width: 200%;
	height: 330px;
}

.img-cnt {
    
    width: 46%;
}
}

@media (max-width:1080px)
{
section.banner-c .img-div-pos img {
    max-width: 200%;
	height: 330px;
}
.imgs-servo:hover .serv-cnt-wvd {
    bottom: 28%;
}
.serv-cnt-wvd p {
     display: none;
}
h5.hd-serv-img {
    font-size: 16px;
   left: 4%;
    width: 91%;
}
.prod-imgs.awrd-cnt .cnt-regl {
    line-height: 19px;
}	

.img-cnt {
    
    width: 58%;
}
}


@media (max-width:991px) {
.menu {
   width: 74%;
}

.head-logo {
    width: auto;
    padding: 10px 0 0 0;
}
/*.head-logo {
    width: 55%;
    padding: 10px 0 0 0;
}*/
ul.nav li a {
    font-size: 13px;
    padding: 15px 8px;
}
.right-cnt {
   width: 33%;
  }
  span.mil-cnt {
    width: 77%;
}
span.sl-yr {
    width: 23%;
}
.img-cnt h2.img-hd {
    margin: 10px 0 12px 0px;
    font-size: 24px;
}
.colr-hd {
   font-size: 16px;
}

.img-cnt p {
    font-size: 14px;
	margin: 8px auto;
}
.img-cnt ul {
   font-size: 15px;
   margin: 0 0 0;
}
.bannr-cnt p {
   font-size: 21px;
   width: 87%;
    line-height: 23px;
}
.prod-imgs.awrd-cnt{
 width: 47%;	
}
a.lern-mr {
    font-size: 13px;
    font-family: robotoregular;
    padding: 4px 23px;
   margin: 8px 8%;
   width: 87%;
    text-align: center;
}
.imgs-servo:hover .serv-cnt-wvd {
    bottom: 22%;
}
.sp-sol.ind-imgs .weserve-cosmtic {
    padding: 0;
}
span.serveheading.agri-rep {
    width: 67%;
}
.sp-sol.phr-intrm .weserve-cosmtic {
    height: 65px;
}

i.fa.fa-linkedin {
    font-size: 18px;
}

i.fa.fa-youtube {
    font-size: 18px;
}

.menu-serch {
    float: right;
    padding: 0 0 0 0;
    width: 70%;
    margin: 0;
}

.footer-log img {
    margin: 5px 10px 8px 0;
    max-width: 20%;
}

.img-cnt {
	
   top: 2%;
   
    width: 50%;
}

.hd-abt {padding-top: 0px;}

}





@media (max-width:900px) { 
.img-cnt {
   
    top: 2%;
   
    width: 55%;
}
}

@media (max-width:840px) { 
.img-cnt {
   
    top: 2%;
   
    width: 60%;
}
}


@media (max-width: 767px) 
{
ul.nav.top-menu > li > ul.sublist.firstLevel.active {
    display: none !important;
}

.menu-open.tab-drop {
    display: block;
    width: 7%;
    background-color: #F0DEE7;
    float: right;
    height: 42px;
    position: relative;
}
ul.nav.navbar-nav.top-menu {
    width: 100%;
	margin: 0 0;
    background-color: #E1E1E1;
}
nav.bs-navbar-collapse > ul.nav.navbar-nav > li >a {
    width: 93%;
    float: left;
	color: #2A80B9;    font-family: robotobold;
}
.menu-open.tab-drop {
    display: block;
    width: 7%;
    background-color: #2A5E80;
    float: right;
    height: 50px;
    position: relative;
	    text-align: center;
}
ul.nav.top-menu > li.dropdown.open > ul.sublist.firstLevel.dropdown-menu {
    display: block !important;
    position: inherit;
    width: 100%;
    float: left;
}
.menu .navbar-toggle {
    margin: 11px 0 0 0;
}
/*.menu-serch {
    float: right;
    padding: 13px 0 14px 0;
        margin: -59px 43px 0 0;
}*/


.menu-serch {
    float: right;
    padding: 13px 0 0px 0;
    margin: -30px 0px 0 0;
    display: block;
}

.navbar-header.bs-docs-nav.head-b {
    float: right;
	margin: -59px 0 0 0;
}
.menu {
    width: 100%;
    }
/*nav.navbar-collapse.bs-navbar-collapse {
    width: 237%;
    margin: 0 0 0 -139%;
    float: left;
}*/
/*.head-logo {
    width: 70%;
    padding: 13px 0;
}*/

.head-logo {
    width: auto;
    padding: 13px 0;
}

.navbar-header.bs-docs-nav.head-b {
    float: right;
    margin: -70px 0 0 0;
}
ul.nav.navbar-nav.top-menu li {
    border-bottom: 1px solid #CECECE;
    float: left;
    width: 100%;
}
/*nav.bs-navbar-collapse > ul.nav.navbar-nav > li >a:hover {
    background-color: #2671A3;
}*/
nav.navbar-collapse {
    padding: 0 0 0 3px;
	width: 100%;
}
.right-cnt {
    width: 100%;
}
.menu-open.tab-drop i.fa.fa-angle-double-down {
    color: #fff;
    font-size: 20px;
    padding: 15px 0 0 0;
}
nav.bs-navbar-collapse > ul.nav.navbar-nav > li >a span.caret {
    display: none;
}
.data-bckgnd {
    width: 41%;
    background-color: #3EAA6C;
    height: 192px;
	float: right;
	margin: 0 0;
}
p.sdff {
    margin: -16px auto 0 auto;
}

.serch-bckgnd {
   float: left;
    width: 57%;
}
.pargh-div {
   width: 100%;
}
.prod-imgs {
    width: 100%;
    text-align: center;
}
.prod-imgs img {
	
   /* width: 355px;*/
    text-align: center;
    margin: 0 auto;
}
.img-div-pos img {
    max-width: 151%;
}
.img-cnt {
    top: 3%;
    width: 63%;
}
.img-cnt p {
    font-size: 14px;
    margin: 0 0 3px 0;
}
p.qut {
    float: none;
    width: 60%;
	margin: 0px 20%;
}
a.get-quot {
   font-size: 23px;
}
.banner-whoweare img {
    max-width: 142%;
}
.banner-whoweare {
   overflow: hidden;
}
.bannr-cnt p {
    font-size: 17px;
    width: 92%;
    line-height: 23px;
}
.bannr-cnt h2 {
    font-size: 31px;
 }
 .bannr-cnt {
    top: 8%;
    left: 4%;
}

.grop-cmpns p
{
 float: none;	
}
section.back-wht, section.backgnd-grey {
    padding: 20px 0;
}
h5.hd-serv-img {
    font-size: 13px;
 }
 a.lern-mr {
    font-size: 13px;
   width: 100%;
    text-align: center;
    margin: 0 0;
}
.imgs-servo {
    width: 24.4%;
    margin: 12px 0.2%;
}
.imgs-servo:hover .serv-cnt-wvd {
    bottom: 12%;
}
.sp-sol.ind-imgs .serveheading {
    padding: 12px 0 0 5px;
    float: left;
    font-size: 14px;
}
.sp-sol.ind-imgs .weserve-cosmtic {
    margin: 0 0 19px 0;
    padding: 0;
    float: left;
    width: 33.333%;
}
.list-main-div.pck-prd .pd-list, .pd-list {
    width: 50%;
    float: left;
}
.resp-rt {
    float: right;
}




p.cnt-regl.custm {
    float: none;
    width: 90%;
    font-size: 15px;
    text-align: center;
    margin: 0px 5%;
    padding: 15px 0px;
}

.footer-log img {
    margin: 5px 10px 8px 0;
    max-width: 18%;
}

a.view-mlstn {
    
    padding: 8px 18px;
    margin: 20px 10px 0 0;
    margin: 0px 35% 20px;
    display: block;
}

section.banner-c .img-div-pos img {
    max-width: 200%;
    height: 300px !important;
}

.col-md-9.cosmtic_head_left.leftwdt { width: 100%; float:none; }


}



@media (max-width: 640px) 
{
.imgs-servo {
    width: 50%;
    margin: 12px 0;
    text-align: center;
	    padding: 0 1%;
}
h5.hd-serv-img {
    font-size: 16px;
    left: 0;
    width: 100%;
    padding: 0 8%;
	top: 32%;
}
.serv-cnt-wvd {
    bottom: 14%;
    z-index: 999;
    width: 59%;
	left: 20%;
}
.imgs-servo:hover h5.hd-serv-img {
    top: 32%;
}
.imgs-servo:hover .serv-cnt-wvd {
    bottom: 14%;
}
.sp-sol.ind-imgs .weserve-cosmtic {
    width: 49%;
}
.new-evnt-slider .bx-wrapper .bx-controls-direction a {
    bottom: 8px;
}
.new-evnt-slider {
   margin: 0 0 24px 0;
}



.pargh-div p {font-size: 13px; }



.img-cnt {
    top: 5%;
    width: 88%;
}





.img-cnt i
ul li { line-height: 24px;}

.head-logo {
    width: auto;
	
}

.navbar-header.bs-docs-nav.head-b {
    float: right;
    margin: -70px 0 0 0;
}

.menu-serch {
    float: right;
    padding: 13px 0 14px 0;
    margin: -40px -5px 0 0;
    display: block;
}

.hd-abt {
    margin: 0 0 10px 0;
    font-size: 22px;
	padding-top: 0px;
    padding-bottom: 0px;
}

.footer-log img {
    margin: 5px 8px 8px 0;
    max-width: 17%;
}

.item_description.slide-hovr.bgc-imgs  { display: none; }

.we-serve-cont-left .fa-angle-right { display: none;}

.we-serve-cont-left li {
    padding: 4px 0px;
}

.pharma-weserveimg {
    float: none;
    
    margin-bottom: 10px;
    overflow: hidden;
    display: block;
}

.we-serve-cont-padng {
    padding: 10px;
}

}


@media (max-width: 560px) 
{
.img-cnt {
    position: static;
    width: 90%;
    margin: 10px auto 60px;
}
.img-div-pos {
    display: none;
}
section.banner-c {
    background-color: #2E4690;
}
a.read-mr-img {
    margin: 16px 0 0 0;
}
p.qut, p.cnt-regl.custm {
    width: 100%;
    margin: 0px 0 20px;
    font-size: 14px;
}
a.get-quot {
    font-size: 21px;
    width: 75%;
    margin: 0 11%;
}
nav.bs-navbar-collapse > ul.nav.navbar-nav > li >a {
    width: 89%;
}
.menu-open.tab-drop {
    display: block;
    width: 11%;
}


.soclicon {
    float: right !important;
    display: block;
    clear: both;
    padding: 0 20px 0 0;
}

.head-logo {
	padding: 13px 0;
    width: 80%;
}

i.fa.fa-linkedin {
    font-size: 16px;
}

i.fa.fa-youtube {
    font-size: 16px;
}

.menu-serch {
    float: right;
    padding: 0;
    margin: 0;
}

.navbar-header.bs-docs-nav.head-b {
    float: right;
    margin: -70px 0 0 0;
}

.hd-abt {
    margin: 0 0 10px 0;
    font-size: 18px;
    font-family: robotolight;
    color: #0f0f8a;
    font-weight: bold;
    padding-top: 0px;
    padding-bottom: 0px;
}

a.view-mlstn {
    float: left;
    padding: 8px 18px;
	margin: 20px 10px 0 0;
	margin: 0px 32% 15px;
    display: block;
}


.head-logo {
    width: 75%;
    
}

.navbar-header.bs-docs-nav.head-b {
    
    margin: -70px 0 0 0;
}

.menu-serch {
    float: right;
    padding: 13px 0 0px 0;
    margin: -40px 5px 0 0;
    display: block;
}

p.grp-smu { font-size: 16px;}
}

@media (max-width: 480px) 
{
nav.bs-navbar-collapse > ul.nav.navbar-nav > li >a {
    width: 88%;
  }
.menu-open.tab-drop {
    width: 12%;
 }
/* .menu-serch {
    padding: 5px 0 14px 0;
    margin: 0 0 0 0;
    width: 100%;
}*/

.menu-serch {
    padding: 0px 0 0px 0;
    margin: 0 0 0 0;
    width: 80%;
}
.menu .navbar-toggle {
    margin:-46px 0 0 0;
}
.head-logo {
    /*width: 168px;*/
    padding: 13px 0;
	width: 70%;
}
.menu {
    width: 100%;
    margin: -3px 0 6px 0;
}

.div-video {
    width: 100%;
    float: none;
    text-align: center;
}

/*.div-video {
    width: 35%;
}*/
/*.cnt-rt-abt {
   padding: 0 0 0 19px;
    width: 65%;
}*/
.hd-abt {
    margin: 0 0 10px 0;
    font-size: 22px;
	text-align: center;
	padding: 12px 0 0 0;
}

cnt-regl {
    font-size: 14px;
	text-align: center !important;
}

.cnt-rt-abt {
    float: left;
    padding: 0 10px;
    width: 100%;
}

.lft-cnt {
    padding: 0;
}
.img-year {
    width: 100%;
    text-align: center;
    margin: 0 0 18px 0;
}
.sld-div {
   width: 100%;
    padding: 0 0 0 0;
}
span.mil-cnt {
    width: 75%;
}
span.sl-yr {
    width: 25%;
}
.data-bckgnd {
    width: 100%;
    background: linear-gradient(to bottom right, #339F61 , #36A264);
   text-align: center;
}
.serch-bckgnd {
     width: 100%;
}
.bannr-cnt h2 {
    font-size: 24px;
    margin: 7px 0 7px 0;
}
.bannr-cnt p {
    font-size: 15px;
    width: 99%;
    line-height: 19px;
	display: none;
}
.banner-whoweare img {
	width: 100%;
    /*max-width: 148%;*/
}
nav.navbar-collapse.bs-navbar-collapse {
    width: 100%;
    margin: 0;
}
.navbar-header.bs-docs-nav.head-b {
     margin: 0 0 0 0;
}
.serv-cnt-wvd {
    bottom: 14%;
   width: 68%;
    left: 14%;
}
h5.hd-serv-img {
    font-size: 14px;
}
/*.sp-sol.ind-imgs .weserve-cosmtic {
    width: 229px;
    margin: 2px 0 11px 19%;
}*/

.sp-sol.ind-imgs .weserve-cosmtic {
    width: 48%;
    margin: 2px 0 10px 0%;
}

.pd-list ul, .lst-nam {
    width: 94%;
}
.list-main-div {
    padding: 13px 13px;
}
.prd-list-div h4 {
   font-size: 18px;
 }
 
 a.view-mlstn {
    margin: 20px 34%;
    text-align: center;
    float: left;
    clear: left;
    display: block;
}

.soclicon {
    float: right !important;
    display: block;
    clear: both;
    padding: 0;
}



.div-contact {
    float: right;
	margin: 0;
   
}

.div-msg {
    float: right;
    margin: 0;
}

.we-serve-cont-left a {
   
    font-size: 13px;
}

.prod-list .panel-body {
    padding: 8px 12px;
    line-height: 20px;
	font-size: 13px;
}
}



@media (max-width: 380px) 
{

.div-video {
    width: 100%;
    /* float: right; */
    text-align: center;
}
.cnt-rt-abt {
    padding:0 7px 0 7px;
    width: 100%;
}
.prod-imgs {
    float: right;
    width: 100%;
 }
 
 p.qut, p.cnt-regl.custm {
	
width: 100%;
margin: 10px auto;

 }
 .get-quot.cnt-whvr i.fa {
    padding: 0 0 0 12px;
    font-size: 16px;
    margin: 0;
}
 
 .bannr-cnt p {
   display: none;
}
nav.bs-navbar-collapse > ul.nav.navbar-nav > li >a {
    width: 86%;
  }
.menu-open.tab-drop {
    width: 14%;
 }
 .imgs-servo {
    width: 100%;
	    margin: 4px 0;
   padding: 0;
}
h5.hd-serv-img {
    font-size: 16px;
   padding: 0 15%;
    
}
.serv-cnt-wvd {
    width: 140px;
    left: 27%;
}
.list-main-div.pck-prd .pd-list, .pd-list {
    width: 100%;
    float: left;
}
.scroll-div {
    padding: 13px 13px;
    height: 429px;
    overflow-y: scroll;
}

.hd-abt {font-size: 20px;}

.head-logo {
    width: 70%;
    padding: 13px 0;
}

a.view-mlstn { 
    margin: 20px 28%;
    text-align: center;
    float: left;
    clear: left;
    display: block;
}


.prod-imgs img {
   
    text-align: center;
    margin: 0 auto;
}

.footer-log img {
    margin: 5px 8px 8px 0;
    max-width: 16%;
}

.sp-sol.ind-imgs .weserve-cosmtic {
    width: 90%;
    margin: 10px 10%;
    text-align: center;
}






}