/* CSS Responsive Document */
 @media (min-width: 992px) and (max-width: 3000px) { 
.border-right { 
    padding-right: 0;
}
} 
@media (min-width: 992px) and (max-width: 1169px) { 

	 .banner-element {
    top: 8%;
}
	.address {
    display: block;
    text-align: center;
}
} 
  
 
@media only screen and (min-width: 767px) {
	/* Nav Level 1 */
	.mainmenu .collapse ul ul {
		position: absolute;
		top: 80px;
		left: 0;
		min-width: 230px;
		display: block;
		visibility: hidden;
		opacity: 0;
		-webkit-transition: 0.5s ease all;
		transition: 0.5s ease all;
	}
	.mainmenu .collapse ul li:hover> ul {
    visibility: visible;
    opacity: 1;
    top: 100%;
    padding: 15px 0;
}
	.sticky .mainmenu .collapse ul li:hover> ul { 
		top: 62px;
	} 
	/* Nav Level 2 */
	.mainmenu .collapse ul ul li {
		position: relative;
	}
	.mainmenu .collapse ul ul ul {
		position: absolute;
		top: 0;
		left: -120%;
		min-width: 250px;
		display: block;
		visibility: hidden;
		opacity: 0;
		-webkit-transition: 0.5s ease all;
		transition: 0.5s ease all;
	}
	.mainmenu .collapse ul ul li:hover> ul {
		visibility: visible;
		opacity: 1;
		top: 0;
		left: -100%!important;
	}
	.sticky .mainmenu .collapse ul ul li:hover> ul { 
		top: -0px; 
	} 
	.mainmenu .collapse ul ul li a .fa-angle-right{
		position: absolute;
		right: 20px;
		top: 20px;
	} 
	/* Nav Level 3 */
	.mainmenu .collapse ul ul ul li {
		position: relative
	}
	.mainmenu .collapse ul ul ul ul {
		position: absolute;
		top: 0;
		left: -120%;
		min-width: 250px;
		display: block;
		z-index: 1;
		visibility: hidden;
		opacity: 0;
		-webkit-transition: 0.5s ease all;
		transition: 0.5s ease all;
	}
	.mainmenu .collapse ul ul ul li:hover ul {
		visibility: visible;
		opacity: 1;
		top: 0;
		left: -100% !important;
	} 
}

@media only screen and (max-width: 991px) {
    .only-mobile{
        display: inline-block;
    }
    .only-desktop{
        display: none;
    } 
	.sticky  ul.dropdown-menu li a {
    color: #000000 !important;
}

    .mainmenu .collapse ul ul > li.dropdown > a,
    .mainmenu .collapse ul ul > li.dropdown > ul.dropdown-menu > li.dropdown > a{ 
        padding: 12px 15px 12px 35px; 
    }
    .navbar-nav .show .dropdown-menu .dropdown-menu .dropdown-menu > li > a, .navbar-nav .show .dropdown-menu .dropdown-menu > li > a, .navbar-nav .show .dropdown-menu > li > a {
		padding: 12px 15px 12px 35px; 
	} 
    /* Nav Level 1 mobile arrow */
    .mainmenu ul li a .fa-angle-down {
		position: absolute;
		right: 15px;
		top: 10px;
		width: 25px;
		height: 25px;
		background-color: #fff;
		color: #222222;
		text-align: center;
		line-height: 25px;
	}
	.navbar-expand-lg .navbar-nav {
		    margin-top: 2px;
		background-color: #fff;
	}
	.navbar-default .navbar-nav > li > a, .mainmenu ul li a, .navbar-expand-lg .navbar-nav .nav-link {
		color: #222222;
		font-size: 14px;
		padding: 12px 20px;
		border-bottom: 1px solid #e3e3e3;
	}
	.mainmenu .collapse ul ul, .mainmenu .collapse ul ul.dropdown-menu {
		background-color: #ffffff;
		border-top: 0px solid #e3e3e3;
	}
	.navbar-toggler {
		padding: 0;
		font-size: 28px;
		line-height: 1;
		background-color: transparent;
		border: 1px solid transparent;
		border-radius: 0;
	}
	.log a {
    background-color: transparent;
    color: #000 !important;
		border: 0;
		border-radius: 0;
    margin: 0;
		padding: 7px 20px !important;
}
	.log a:hover {
    background-color: transparent;
}
.sign a {
    color: #000 !important;
    border-radius: 0;
    padding: 10px 20px !important;
    border: 0;
    margin: 0;
}	
	.sign a:hover {
    background-color: transparent;
    color: #000 !important;
}	
	header.sticky{
		height: 80px;
	}
	.sticky .navbar-light .navbar-toggler .fa-bars {
		color: #222222;
		border: 1px solid #222222;
		padding: 5px 10px;
		box-shadow: none;
	} 
	.navright{
		display: none;
	}
	.page2 .navbar-light .navbar-toggler .fa-bars {
		color: #000;
		border: 1px solid #000; 
	} 
	.mainmenu ul ul li a.dropdown-toggle::after {
		content: '\f107'; 
	}
	.mainmenu ul li.dropdown {
		margin-right: 0px;
	}
	.mainmenu ul li a.dropdown-toggle::after { 
		right: 20px;
	}
	.navbar-light .navbar-toggler .fa-bars {
		color: #222222;
		border: 1px solid #222222; 
	}
} 

@media only screen and (max-width: 991px) { 
 
	   
	.med-res{
		height: 422px;
	}
.phrmas {
    padding: 16px 17px;
    top: 29px;
    width: 87%;
    left: 7%;
	}	
	
.pharm-consult h2 {
    padding-bottom: 8px;
    font-size: 15px;
}	
.phe p {
    font-size: 12px;
    line-height: 17px;
}	
.pharm-consult a {
    padding: 5px 15px;
    margin-top: 0;
	font-size: 12px;
	}	
.pharm-consult h4 {
padding-bottom: 8px;
    font-size: 17px;
    margin-top: 10px;
}
	.pharm-consult p {
    font-size: 12px;
		line-height: 20px;
	}
.vision {
    margin-bottom: 0px;
    padding-bottom: 0px;
}	
section#consulting {
        margin-bottom: 55px;
}	
.overview-right-content h2 {
    padding-bottom: 12px;
    font-size: 22px;
}	
.overview-right-content {
    padding: 5px;
}	
	
section#overview {
    margin-bottom: 26px;
	margin-top: 30px;
}	
.un h2 {
    font-size: 23px;
}	
.un {
    padding: 0 !important;
}	
.unique-content p {
    padding: 12px;
    font-size: 13px;
}	
.ceo-contnt h2 {
    font-size: 28px;
}	
.ceo-contnt h6 {
    padding: 0px 0px 7px;
    font-size: 16px;
}	
.ceo-contnt {
    padding: 0 !important;
    margin: 0 !important;
}	
footer {
	padding: 49px 0px;
	}	
ul.footer-address {
    padding-bottom: 23px;
}
	.footer-social {
    padding: 0px 0px 29px 0px;
}
	ul.footer-text li {
    line-height: 35px;
}
ul.footer-address li {
	font-size: 12px;
	}
.copyright-text {
    margin-top: 15px;
}
section#service-item {
    padding: 35px 0px 60px 0px;
}	
.service-part {
    margin-bottom: 40px;
}	
	
.service-part h6 {
    padding-bottom: 15px;
    font-size: 20px;
}	
section#service-item {
    padding: 35px 0px 6px 0px;
}	
	
.mainmenu ul li ul li a {
	color: #000;
	}	
	
.unique-img img {
    width: 180px;
    top: 17px;
}	
	.fl {
		float: left !important;
	}
	
.co-img {
    text-align: center;
}	
.ceo-contnt {
    text-align: center;
}
section#profiles {
	padding: 40px 0px;
	}
.navbar-light .navbar-toggler {
	    float: right;
    position: relative;
    top: -63px;
}
.pharmacist-top-banner {
    padding: 55px 10px 55px 25px;
}	
.register {
    float: none;
}	
.phamacist-content h3 {
    font-size: 30px;
}	
.email p {
    font-size: 16px;
}	
.selectWrapper {
    margin-bottom: 30px;
}	
section#borwnbag-content {
    padding: 30px 0px;
}
#comprehensive {
    padding: 40px 0px 40px 0px;
}
.body-content.prg {
    margin-bottom: 30px;
}
.right-img {
    margin-bottom: 30px;
}
.address {
    display: block;
    text-align: center;
}	
.addr-icon img {
    width: 50px;
}	
.email {
    margin-bottom: 20px;
	    padding: 0px 0px 0px 20px;
}	
	
	.banner-title img {
    padding-left: 0;
}
	section#browbag,
	#madecations{
	padding: 70px 0px 60px 0px ;
	}
	.banner-title h1 {
		font-size: 35px;
	}
	
	
	
}
	
	
	

/* Large Mobile Device :480px. */
@media only screen and (min-width: 400px) and (max-width: 575px) {
	
	 .fl {
		float: left !important;
	}
.unique-content {
    position: relative;
    top: 20px;
}
	.unique-img img {
    width: 119px;
}

	
} 
@media only screen and (min-width: 440px) and (max-width: 575px) {
	
	.slider-text h1 {
    font-size: 22px;
}
.slider-text p {
    font-size: 16px;
	line-height: 23px;
	}	
	
	.service-part h6 {
    font-size: 30px;
}
	
}

@media only screen and (min-width: 576px) and (max-width: 768px) {
	
	.service-part h6 {
    font-size: 32px;
}
	.slider-text h1 {
    font-size: 30px;
}
.slider-text p {
    font-size: 18px;
    margin-bottom: 0;
	line-height: 25px;
}
	.slider-text a {
    padding: 10px 35px;
    font-size: 16px;
}
	.email p {
    font-size: 16px;
}
li.give span {
    width: 37px ;
}	
.over-content li span {
    width: 63px !important;
}	
	
	
}





/* Large Mobile Device :320px. */
@media only screen and (min-width: 320px) and (max-width: 767px) { 
	 
    .navbar-light .navbar-toggler {
    top: -47px ;
}
	html, body {
  overflow-x: hidden!important;
} 
	
}
@media only screen and (min-width: 380px) and (max-width: 767px) { 
	    .navbar-light .navbar-toggler {
    top: -53px ;
}
}

@media only screen and (min-width: 768px) and (max-width: 992px) { 
	
.fl {
		float: left !important;
	}

	  
	.service-part h6 {
    font-size: 15px;
}
	.service-part p {
    line-height: 20px;
    margin-bottom: 20px;
    font-size: 12px;
}
	a.request {
		width: 100%;
	}
.slider-text h1 {
    font-size: 41px;
}
.slider-text p {
    font-size: 18px;
	line-height: 28px;
}
.slider-text a {
    padding: 10px 40px;
    font-size: 16px;
}	
.navbar-light .navbar-toggler {
    top: 0;
}	
.address h5 {
    font-size: 16px;
}	
.email p {
    font-size: 10px;
}
	.address {
    display: block;
    text-align: center;
}	
	
	
	
	

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

	.navbar-light .navbar-toggler .fa-bars {
    color: #000000;
    border: 1px solid #000000;
}
	 
.over-content li span {
    width: 126px;
}
li.give span {
    width: 58px !important;
}	
	ul.footer-text li a {
		font-size: 15px;
	}
	.ftr-flt {
    padding-left: 0;
}
.navbar-nav { 
    display: block;
	}.navbar-expand-lg .navbar-nav { 
    width: 100%;
}
	.mobilelang {
    float: left;
    width: 100%;
    padding: 5px 0 0 0;
    text-align: right;
    background-color: #e8e5e5;
}
   .baner-v img {
    height: 50px;
}
header {
    padding: 12px 0;
} .navbar-light .navbar-toggler {
    top: -4px;
}.mainmenu {
    background: none;
    border: 0 solid;
    margin: 0;
    padding: 0;
    min-height: 20px;
    width: 100%;
    height: 58px;
    padding-top: 8px;
}  
    .navbar-brand img{height: 30px;} 
    .baner-v {
    padding: 0;
}.banner h3 {
    font-size: 30px;
    color: #fff;
    font-weight: 600;
    padding-top: 10px;
    line-height: 28px;
}
 .mainmenu ul li a.dropdown-toggle::after {
    top: 13px;
}   
    .contentsc {
    padding: 100px 15px 100px 15px;
}
    .img1sc { 
    height: 400px;
}.img2sc { 
    height: 400px;
}.footer-social ul {
    float: left;
}
}