/* #Media Queries Responsive

================================================== */



/* Desktop large

------------------------- */

@media (min-width: 1200px) {

.image-container .text-content {background-color: transparent;padding: 15px 20px 5px 20px;}

.image-container.fix .text-content { bottom: 48px; max-height: 150px; min-height: 50px; }

.image-container .title {font-weight: 400;font-size: 34px;text-shadow: 1px 1px 1px #063529;}



}



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

.regional-office-text-col .desc-container{bottom: 35px;}

.image-container.fix .text-content { bottom: 25px;  max-height: 190px; min-height: 190px; }

.image-container .title { margin-bottom: 10px; }

.image-container .text-content { padding: 20px 30px; }

#header .slide-holder .slider-text { width: 55%; bottom: 55px;  padding-left: 50px;}

#welcome-text-container .tagline-text-container p:after { top: 8px; }

#map-container .global { width: 80%; }

#footer ul.extra-gap { padding-left: 100px; }

#footer ul.extra-gap-last-ul { padding-left: 140px; }

#footer ul.address { padding-left: 30px; }

#footer .footer { padding: 20px 0px 0px 0px; margin-top: 20px; }

#footer .main { padding: 30px 0px 20px 0px; }

.menu_content ul#contact-ul { display: none !important; }

.regional-office-container .desc { width: 90%; }

div#back-to-top { right: 10px; }

.overview-page { margin-bottom: 0px; }

#loadMore, #loadMore2, #loadMore3, #loadMore4, #loadMore5 { margin-bottom: 20px; }

h1.headline-title.border { padding-top: 30px; }

.inner-top-bar .breadcrumb { padding: 5px 0px; }

.template-inner-container { padding: 30px 0px 0px 0px; }

.image-container .text-content {background-color: transparent;padding: 15px 20px 5px 20px;}

.image-container.fix .text-content { bottom: 25px; max-height: 150px; min-height: 50px; }

.image-container .title {font-weight: 400;font-size: 30px;text-shadow: 1px 1px 1px #063529;}

.hmtxt {line-height:25px;}
.vidocontz {height: 72vh;}
.vidocontz p{height: 100%!important;margin-top:5%;}

}



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

.product-thumb-container .count-ul li {width: 20%;}

.product-thumb-container .count-ul li p.count{font-size: 48px;}

.product-thumb-container .count-ul li p.name{font-size: 26px;}

.product-thumb-container .product-thumb-ul li.small{width: 24%;}

.product-thumb-container .product-thumb-ul li.large{width: 38%;}

.image-container .text-content {background-color: transparent;padding: 15px 20px 5px 20px;}

.image-container.fix .text-content { bottom: 25px; max-height: 150px; min-height: 50px; }

.image-container .title {font-weight: 400;font-size: 30px;text-shadow: 1px 1px 1px #063529;}



}



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

#footer .container{width: 1000px;}

#footer ul.ul-one { padding-left: 20px; }

#footer ul.ul-two { padding-left: 30px; }

#footer ul.ul-three { padding-left: 60px; }

#full-body .about-us-container{width: 1000px;}

#welcome-text-container .tagline-container{background-size: 400px;}

#welcome-text-container .tagline-text-container { width: 50%; display: inline-block; padding: 60px 110px 30px 0; }

#map-container #map{height: 450px !important;}

#map-container .global{margin-bottom: 30px;}

#header .slide-holder .slider-text h2{font-size: 53px; line-height: 58px;}

#header .banner-search-box, #header .search-button{right: 45px;}

#header .showerrormsg {right: 45px;}

#map-container.regional-office-map-container #map{height: 700px !important;}

.product-details-container .product-details-thumb-ul li{width: 20%;}

.product-details-container .product-alphabet-ul li{padding: 3px 7px;}

.image-container .text-content {background-color: transparent;padding: 15px 20px 5px 20px;}

.image-container.fix .text-content { bottom: 25px; max-height: 150px; min-height: 50px; }

.image-container .title {font-weight: 400;font-size: 28px;text-shadow: 1px 1px 1px #063529;}



}



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

.image-container .text-content{left: 166px; bottom: 30px; padding: 35px 30px;}

.image-container .title{font-size: 26px;}

.image-container .des{font-size: 14px;}

.image-container.contact-us .text-content { bottom: -40px; min-height: 200px; max-height: 200px; } 

.image-container .text-content {background-color: transparent;padding: 15px 20px 5px 20px;}

.image-container.fix .text-content { bottom: 25px; max-height: 150px; min-height: 50px; }

.image-container .title {font-weight: 400;font-size: 28px;text-shadow: 1px 1px 1px #063529;}



}





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

/*#main-body{padding-left: 15px;}

#sidebar{width: 75px;}*/

.template-inner-container { width: 95%; }

#full-body.products-full-body { padding: 0px 0px; overflow: hidden; }

.overview-page .image-banner p { padding: 20px 20px; }

.template-inner-container { padding: 30px 0px 0px 0px; }

.template-inner-container.global { margin-left: 0px; width: 100%; }

.ph-gallery-pg .image-holder img.main.bg { max-height: 380px; }

.text-wr { margin-top: 20px; }

h1.headline-title { padding-top: 20px; }

.regional-office-text-col .desc-container {  bottom: 5px; }

.regional-office-container .large-title { font-size: 25px; }

.regional-office-container .desc { font-size: 14px; line-height: 24px; width: 100%; }

#full-body .about-us-container .desc_txt { letter-spacing: 0px; }

.desc_wrap { padding-top: 60.625px !important; }

.regional-office-list-container { height: 555px; }

.regional-office-list-container .regional-office-list > li ul li { width: 48%; }

a.popup-modal-dismiss { bottom: 380px; }

.image-container .text-content {background-color: transparent;padding: 15px 20px 5px 20px;}

.image-container.fix .text-content { bottom: 25px; max-height: 150px; min-height: 50px; }

.image-container .title {font-weight: 400;font-size: 28px;text-shadow: 1px 1px 1px #063529;}



}



/* Desktop

------------------------- */



@media (min-width: 980px) and (max-width: 1199px) {

.template-inner-container { width: 100%; }

#full-body.products-full-body { padding: 0px 0px; overflow: hidden; }

#welcome-text-container .tagline-container{background-size: 400px;}

#welcome-text-container .tagline-text-container { width: 50%; display: inline-block; padding: 60px 65px 30px 0; }

.home #header{height: 70vh; min-height: 400px;}

#header .slide-holder .slider-text{bottom:  85px; padding-left: 50px;}

#header .slide-holder .slider-text h2{font-size: 44px; line-height: 48px;}

#header .slide-holder .slider-text p.subtitle{font-size: 26px;}

#header .slide-holder .slider-text p.text{font-size: 16px;}

#welcome-text-container .tagline-container p{font-size: 32px; width: 65%;}

#welcome-text-container .tagline-text-container p:after{left: -70px;}

#full-body .about-us-container .desc_txt{margin-top: 5px; font-size: 20px;}

#full-body .about-us-title h3{font-size: 36px;}

.desc_wrap{padding-top: 45px !important;}

#map-container .global{padding-left: 15px;}

#header .banner-search-box, #header .search-button{right: 10px;}

#header .showerrormsg {right: 10px;}



/*Regional Office*/

.regional-office-container .small-title{font-size: 16px; margin-bottom: 8px; margin-top: 0;}

.regional-office-container .desc{font-size: 16px; line-height: 18px;}

.regional-office-text-col .desc-container{bottom: 10px;}

.regional-office-container .large-title{font-size: 26px; padding-bottom: 15px;}

#map-container.regional-office-map-container{padding-left: 0;}

/*END Regional Office*/



/* Products */

.product-thumb-container .count-ul li {width: 20%;}

.product-thumb-container .count-ul li p.count{font-size: 44px;}

.product-thumb-container .count-ul li p.name{font-size: 22px;}

.product-thumb-container .product-thumb-ul li.small{width: 24%;}

.product-thumb-container .product-thumb-ul li.large{width: 38%;}

.product-thumb-container .product-thumb-ul li a{padding: 0px 15px 0px;}

.inner-side-nav .inner-side-nav-ul li a{font-size: 17px;}

.image-container .text-content{width: 290px; padding: 15px 20px; bottom: 30px; left: 10px;}

.image-container .title{font-size: 26px;}

.image-container .des{font-size: 13px;}

/* END Products */

.product-details-container .product-details-thumb-ul li{width: 27%;}

.product-details-container .product-alphabet-ul li{padding: 2px 4px;}

.overview-page .image-banner p { padding: 20px 20px; }

/*Deptartmetn page */

.depertment-page label { font-size: 13px; }

.depertment-page label#one { padding: 9px 10px; }

.depertment-page label#three { padding: 9px 5px; }

.depertment-page label#five { padding: 9px 5px; }

.depertment-page label#six { padding: 9px 15px; }

.depertment-page label#seven { padding: 9px 15px; }

.depertment-page label#eight { padding: 9px 23px; }

.depertment-page label#nine { padding: 9px 15px; }

.depertment-page label#ten { padding: 9px 20px; }

/*Deptartmetn page */



#map-container .global { width: 95%; }

#map-container .global ul.info-ul { margin-top: 40px; }

#footer ul.extra-gap { padding-left: 0px; }

#footer ul.extra-gap-last-ul { padding-left: 0px; }

#footer ul.address { padding-left: 0px; }

#footer .main { padding: 30px 0px 20px 0px; }



.milestones-page .text-left, .text-right { margin-bottom: 50px; }

.milestones-page ul li .text { width: 80%; }

.milestones-page ul.text-left li.text:after { left: 108%; bottom: 140px; width: 2px; height: 150px; }

.milestones-page ul.text-left li.text span:after { content: '.....'; left: 95%; }

.milestones-page ul.text-left li.text span:before { left: 93%; }

.milestones-page p.title { margin-bottom: 20px; }

.milestones-page ul li .text { width: 80%; }

.milestones-page ul.text-right li.text:after { left: -14%; bottom: 130px; width: 2px; height: 160px; }

.milestones-page ul.text-right li.text span:after { content: '.....'; left: -20%; }

.milestones-page ul.text-right li.text span:before { left: 0%; }

.milestones-page p.title { margin-bottom: 20px; }

.latest-news p.title { font-size: 14px; text-align: left; padding-left: 17px; line-height: 15px; }

.latest-news p.link { font-size: 14px; text-align: left; padding-left: 17px; line-height: 15px; }

.latest-news p.link img { margin: 0px 0px -4px 10px; }

.image-container .text-content {background-color: transparent;padding: 15px 20px 5px 20px;}

.image-container.fix .text-content { bottom: 25px; max-height: 150px; min-height: 50px; }

.image-container .title {font-weight: 400;font-size: 28px;text-shadow: 1px 1px 1px #063529;}

.template-inner-container.global { margin-left: 0px; }

.ph-gallery-pg .image-holder img.main.bg { max-height: 260px; }

#footer ul.ul-one { padding-left: 20px; }

#footer ul.ul-two { padding-left: 20px; }

#footer ul.ul-three { padding-left: 70px; }

.ph-gallery-pg .box .image-holder.big img { min-height: 313px; }



}







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

#footer .container{width: 880px;}

#full-body .about-us-container{width: 880px;}

.template-inner-container { width: 90%; }

#full-body.products-full-body { padding: 0px 0px; overflow: hidden; }



/* Products */

.product-thumb-container .count-ul li{width: 20%;}

.product-thumb-container .count-ul li p.count{font-size: 40px;}

.product-thumb-container .count-ul li p.name{font-size: 20px;}

/* END Products */

.latest-news .box { padding: 10px 10px 10px 10px; } 



}







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



.regional-office-text-col{height: auto !important;}

.regional-office-text-col .desc-container{position: relative;bottom: 0; padding: 50px 0;}

#full-body.regional-office-container #regional-office-banner{float: none;}

#full-body.regional-office-container{padding-left: 0;}



/* Products */

.product-thumb-container .count-ul li{width: 22%; padding: 30px 10px;}

.product-thumb-container .count-ul li p.count{font-size: 38px;}

.product-thumb-container .count-ul li p.name{font-size: 18px;}

.product-thumb-container .product-thumb-ul li a{padding: 0;}

.product-thumb-container .product-thumb-ul li.small{width: 27%;}

.product-thumb-container .product-thumb-ul li.large{width: 40%;}

.inner-side-nav .inner-side-nav-ul li a{font-size: 16px; padding: 10px 10px;}

.inner-side-nav .search-product-content input[type="text"]{width: 120px; font-size: 14px;}

/* END Products */



.product-details-container .product-details-thumb-ul li{width: 31%;}

.product-details-container .product-alphabet-ul li{padding: 2px 3px;}

.inner-side-nav .inner-side-nav-ul li a{padding: 10px 10px;}

.image-container.fix .text-content { display: none !important; }





}









/* Tablet to desktop

------------------------- */

@media (min-width: 768px) and (max-width: 979px) {



h1.headline-title { margin-left: 15px; width: 94%; }

.template-inner-container{ width: 100%; }

.inner-top-bar .breadcrumb { font-size: 14px; }

#full-body.products-full-body { padding: 20px 0px; }

#welcome-text-container .tagline-container{background-size: 200px;}

#welcome-text-container .tagline-text-container { width: 50%; display: inline-block; padding: 60px 30px 30px 0; }

.home #header{height: 70vh; min-height: 400px;}

#header .slide-holder .slider-text{bottom: 135px; width: 60%; padding-left: 40px;}

#header .slide-holder .slider-text h2{font-size: 40px; line-height: 44px;}

#header .slide-holder .slider-text p.subtitle{font-size: 24px; margin-bottom: 30px;}

#header .slide-holder .slider-text p.text{font-size: 16px;}

#welcome-text-container .tagline-container p{font-size: 32px; width: 65%;}

#welcome-text-container .tagline-text-container p:after{left: -70px;}

#full-body .about-us-container .desc_txt{margin-top: 5px; font-size: 20px;}

#full-body .about-us-title h3{font-size: 36px;}

.desc_wrap{padding-top: 45px !important;}

#map-container .global{padding-left: 15px;}

#header .banner-search-box { right: 40px; }

#header .search-button { right: 40px; }

#header .search-button { right: 40px; }

/*Regional Office*/

.regional-office-container .small-title{font-size: 16px; margin-bottom: 8px; margin-top: 0;}

.regional-office-container .desc{font-size: 16px; line-height: 18px;}

.regional-office-text-col .desc-container{bottom: 10px;}

.regional-office-container .large-title{font-size: 26px; padding-bottom: 15px;}



.regional-office-text-col{height: auto !important;}

.regional-office-text-col .desc-container{position: relative;bottom: 0; padding: 50px 0;}

#full-body.regional-office-container #regional-office-banner{float: none; margin-bottom: 10px;}

#full-body.regional-office-container{padding-left: 0;}

#map-container.regional-office-map-container{padding-left: 0;}

#map-container.regional-office-map-container .col-xs-12{padding-left: 0; padding-right: 0;}

.regional-office-list-container .regional-office-list > li ul p.address{font-size: 12px;}

.regional-office-list-container .regional-office-list > li p.title{font-size: 18px; margin-left: 5px;}

.regional-office-list-container .regional-office-list > li ul{padding-top: 10px;}

.regional-office-list-container .regional-office-list > li ul li{padding-left: 10px;}

.regional-office-list-container .regional-office-list > li ul .subtitle.address-icon:before{margin-right: 10px;}

/*END Regional Office*/



/* Products */

.product-thumb-container .count-ul li{width: 22%; padding: 30px 10px;}

.product-thumb-container .count-ul li p.count{font-size: 38px;}

.product-thumb-container .count-ul li p.name{font-size: 18px;}

.product-thumb-container .product-thumb-ul li a{padding: 0;}

.product-thumb-container .product-thumb-ul li.small{width: 27%;}

.product-thumb-container .product-thumb-ul li.large{width: 40%;}

.inner-side-nav .inner-side-nav-ul li a{font-size: 16px; padding: 20px 0px 15px; }

.inner-side-nav .search-product-content input[type="text"]{width: 100%;}

.product-thumb-container .inner-sub-title{font-size: 26px;}

.image-container .text-content{width: 310px; bottom: 10px; padding: 10px 30px;}

.image-container .title{font-size: 20px; margin-bottom: 15px;}

.image-container .des{font-size: 13px;}

/* END Products */

/* Products Details */

.product-details-container .product-details-thumb-ul li{width: 48%;}

/* Products Details Ends*/

.overview-page .image-banner p {  padding: 10px 20px; }

#map-container .global h4 { font-size: 29px; }

/*Department page*/

.depertment-page .tabbed > section > div { margin-top: 270px; width: 70%; padding: 10px 10px; }

.depertment-page { display: block; min-height: 1200px; }

/*Department page*/

#map-container .global { width: 100%; }

#map-container .global ul.info-ul { margin-top: 40px; }

#footer ul.extra-gap { padding-left: 10px; }

#footer ul.extra-gap-last-ul { padding-left: 40px; }

#footer ul.address { padding-left: 0px; }



.message-from-chairman .text-container { margin-left: 0px; margin-bottom: 30px; margin-top: 30px; }

p.cus-2 { padding-top: 20px; }

.milestones-page .text-left, .text-right { margin-bottom: 50px; }

.milestones-page ul li .text { width: 80%; }

.milestones-page ul.text-left li.text:after { display: none; }

.milestones-page ul.text-left li.text span:after { content: '.....'; left: 95%; }

.milestones-page ul.text-left li.text span:before { left: 93%; }

.milestones-page p.title { margin-bottom: 20px; }

.milestones-page ul li .text { width: 80%; }

.milestones-page ul.text-right li.text:after { display: none; }

.milestones-page ul.text-right li.text span:after { content: '.....'; left: -20%; }

.milestones-page ul.text-right li.text span:before { left: 3%; }

.milestones-page p.title { margin-bottom: 20px; }



.ui-tabs.ui-tabs-vertical .ui-tabs-panel { margin-top: 50px; }

.form-container { width: 120%; overflow: hidden; }

.image-container.fix .text-content { bottom: 25px; }



.event-gallery-pg ul.ul-list li.left .date span { font-size: 18px; }

.event-gallery-pg ul.ul-list li { min-height: 190px; }

#footer .footer { padding: 20px 0px 0px 0px; margin-top: 20px; }

#footer .footer p { font-size: 15px; }

#footer .main { padding: 30px 0px 20px 0px; }

.product-details-container #tabs-content-wrap ul.product-details-thumb-ul > li { width: 30%; }

.ph-gallery-pg .image-holder img.main.bg { max-height: 285px; }

#full-body .about-us-container .desc_txt { letter-spacing: 0px; }

.product-details-container { padding-left: 0px; width: 90%; }

#full-body .about-us-container .desc_txt { letter-spacing: 0px; }

.product-details-container ul.product-details-thumb-ul > li { width: 30.8%; }

ul#price { width: 97%; }

.unique-product-details-container { width: 90%; }

.inner-top-bar .breadcrumb { padding: 5px 0px; }

#tabs-monograph ul li { min-width: 180.222px; } 

#footer ul.ul-one { padding-left: 0px; }

#footer ul.ul-two { padding-left: 0px; }

#footer ul.ul-three { padding-left: 0px; }

#footer .main .footer-menu-ul li a { font-size: 14px; }

.image-container .text-content {background-color: transparent;padding: 15px 20px 5px 20px;}

.image-container.fix .text-content { bottom: 18px; max-height: 150px; min-height: 50px; }

.image-container .title {font-weight: 400;font-size: 28px;text-shadow: 1px 1px 1px #063529;}

}









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

#footer .container{width: 650px;}

#full-body.products-full-body { padding: 0px 0px; overflow: hidden; }



#full-body .about-us-container{width: 650px;}

.template-inner-container{ width: 80%; }

.desc_wrap{padding-top: 25px !important;}



/* Products */

.product-thumb-container .count-ul li{width: 36%; margin-bottom: 15px;}

.product-thumb-container .product-thumb-ul li.small{width: 37%;}

.product-thumb-container .product-thumb-ul li.large{width: 37%;}

.product-thumb-container .product-thumb-ul li a{padding: 0 20px;}

/* END Products */

#map-container .global h4 { font-size: 29px; }



.image-container.fix .text-content {bottom: 10px; display: none; }

.template-inner-container.global { margin-left: 0px; }



}



@media (min-width: 767px) and (max-width: 1199px) {

	.depertment-page .tabbed > section > h2 {

		min-height: 30px;

		margin-bottom: 5px;

	}

	.depertment-page label, .depertment-page label#one, .depertment-page label#two, .depertment-page label#three, .depertment-page label#four, .depertment-page label#five, .depertment-page label#six, .depertment-page label#seven, .depertment-page label#eight, .depertment-page label#nine {

	    padding: 5px 10px !important;

	}

	.hvr-sweep-to-top:hover, .hvr-sweep-to-top:focus, .hvr-sweep-to-top:active {

		padding-bottom: 4px !important;

	}

	/*.depertment-page .tabbed > section > h2 > label {

		padding: 8px;

	}*/

}



/* All Mobile Sizes (devices and browser)

------------------------- */

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



#mobile-hidden { display: none; }

#mobile-view { display: block; }

#mobile-view ul.footer-menu-ul { display: table; margin: 0 auto; padding-top: 20px; }

#mobile-view ul.footer-menu-ul li { text-align: left; }



.flexslider { display: block; min-height: 200px; }

#welcome-text-container .tagline-container{background-size: 355px; float: none; display: block; width: 100%; padding-top: 20px; padding-bottom: 20px;}

#welcome-text-container .tagline-text-container { width: 100%; display: block;padding: 20px 10px 0px 10px; text-align: justify; }

.home #header{height: 15vh; min-height: 180px;display: none;}

#header .slide-holder .slider-text{bottom:  auto; width: 85%; padding-left: 10px; top: 20px;display: none; }

#header .slide-holder .slider-text h2{font-size: 37px; line-height: 25px;}

#header .slide-holder .slider-text p.subtitle{font-size: 22px; margin-bottom: 30px;}

#header .slide-holder .slider-text p.text{font-size: 14px; line-height: 18px;}

#header .slide-holder .slider-text a{font-size: 12px;}

#welcome-text-container .tagline-container p{font-size: 24px; width: 90%; text-align: center; line-height: 40px; padding: 15px 0; text-align: center;}

#welcome-text-container{padding-top: 20px; padding-left: 50px;}

#welcome-text-container.ndlxs{padding-top: 20px; padding-left: 10px;}
.htmctr {padding: 3% 0%!important;}
.hometitle p{font-size: 30px!important; margin-bottom: 0px;padding: 0px 7%;}
.htmctr .morehome{padding: 0% 7% 2% 7%!important;}

#welcome-text-container .tagline-text-container p{font-size: 14px; line-height: 24px;text-align: left;}

#welcome-text-container .tagline-text-container p:after{left: -70px;}

#full-body .about-us-container .desc_txt{margin-top: 5px; font-size: 20px;}

#full-body .about-us-title h3{font-size: 32px; padding-top: 0px;}

#full-body .about-us-title p{font-size: 14px; width: 100%; margin-bottom: 20px;}

#full-body .about-us-container a{display: table; margin: 10px auto;}

.item-1 .desc_wrap, .item-2 .desc_wrap{padding-top: 40px !important;}

.desc_wrap{padding-top: 100px !important;}

#map-container .global{padding-left: 0px;}

#footer .main .footer-menu-ul li a{font-size: 14px;}

#header .banner-search-box{bottom: 20px; right: 20px; width: 200px; padding: 10px 5px; font-size: 14px;display: none;}

#header .search-button{bottom: 32px; right: 20px;display: none;}

#full-body .about-us-container .top-row{margin-bottom: 10px;}

#map-container #map{margin-right: 0; height: 400px !important;}

#map-container .global ul.country-list li{display: inline-block; width: 50%;}

#map-container .global ul.info-ul{margin-bottom: 30px;}

#footer{text-align: center;}

#footer .main .footer-menu-ul li{margin-bottom: 5px; font-size: 14px;}

.footer-menu-ul{margin-top: 0px;}

#footer ul.ul-one { padding-left: 0px; padding-top: 20px;}

#footer ul.ul-two { padding-left: 0px; }

#footer ul.ul-three { padding-left: 0px; }

#footer .footer{padding: 10px 0px;}

#footer .footer p{font-size: 14px; text-align: center;}

#map-container .global h4, #map-container .global ul.country-list{padding-left: 0;}



/*Regional Office*/

.regional-office-container .small-title{font-size: 16px; margin-bottom: 8px; margin-top: 0;}

.regional-office-container .desc{font-size: 15px; line-height: 18px;}

.regional-office-text-col .desc-container{bottom: 10px;}

.regional-office-container .large-title{font-size: 26px; padding-bottom: 15px;}



.regional-office-text-col{height: auto !important;}

.regional-office-text-col .desc-container{position: relative;bottom: 0; padding: 30px 0;}

#full-body.regional-office-container #regional-office-banner{float: none; margin-bottom: 10px;}

#full-body.regional-office-container{padding-left: 0;}

.inner-top-bar{text-align: right; display: none;}

.inner-top-bar .breadcrumb{position: absolute; display: table;}

.inner-top-bar .social-ul{float: none;}

.inner-top-bar .social-ul li:first-child{display: block;}



.regional-office-list-container .regional-office-list > li ul p.address{font-size: 12px;}

.regional-office-list-container .regional-office-list > li p.title{font-size: 18px; margin-left: 5px;}

.regional-office-list-container .regional-office-list > li ul{padding-top: 10px;}

.regional-office-list-container .regional-office-list > li ul li{padding-left: 10px;}

.regional-office-list-container .regional-office-list > li ul .subtitle.address-icon:before{margin-right: 10px;}

#map-container.regional-office-map-container{padding-left: 0;}

#map-container.regional-office-map-container{width: calc(100% - 20px);}

/*END Regional Office*/



/* Products */

.product-thumb-container .count-ul li{width: 100%; padding: 20px 10px; margin-bottom: 15px;}

.product-thumb-container .count-ul li p.count{font-size: 38px;}

.product-thumb-container .count-ul li p.name{font-size: 18px;}

.product-thumb-container .product-thumb-ul li a{padding: 0;}

.product-thumb-container .product-thumb-ul li.small{width: 100%;}

.product-thumb-container .product-thumb-ul li.large{width: 100%;}

.inner-side-nav .inner-side-nav-ul li a{font-size: 16px; padding: 10px;}

.product-thumb-container .inner-sub-title{font-size: 22px;}

.image-container .text-content{display: none;}

.image-container .title{font-size: 20px; margin-bottom: 15px;}

.image-container .des{font-size: 13px;}

.inner-side-nav .search-title{font-size: 22px;}

#full-body.products-full-body{padding: 10px 0;}

.image-container{padding: 0 10px;}

#full-body.regional-office-container{margin: 10px auto;}

.product-details-container ul.product-details-thumb-ul > li { width: 46.444%; }

/* END Products */



.ui-tabs.ui-tabs-vertical .ui-tabs-panel { margin-top: 50px; }

.latest-news .box { padding: 10px 10px 10px 10px; }

#vertical-contact-ul { bottom: 20px; display: none; }

.template-inner-container { padding: 30px 0px 30px 0px; }

.poster-pg ul.health-tip li { width: 100%; }



.service-page .ui-accordion .ui-accordion-content { padding: 10px; }

#footer ul.extra-gap { margin-left: 0px; }



/*Downloads starts*/

#tabs-monograph ul.mono-ul li .mono-box { padding: 20px 20px; min-height: 110px; }

#tabs-monograph ul.mono-ul li .mono-box:hover { padding: 20px 20px; }

#tabs-monograph ul li { margin-right: 2px; min-width: 125px; }

#tabs-monograph ul li a {font-size: 14px; }

#tabs-monograph ul.mono-ul li .mono-box p.title { font-size: 13px; }

ul.ui-tabs-nav.ui-helper-reset.ui-helper-clearfix.ui-widget-header.ui-corner-all { text-align: center; }

/*Downloads ends*/

.contact-page .form-container { margin-left: 0px; }

.regional-office-text-col { padding-left: 30px;  }

.regional-office-container .desc { display: none; }

.event-gallery-pg ul.ul-list li.left { width: 100% }

.event-gallery-pg ul.ul-list li.right { width: 100% }

.event-gallery-pg ul.ul-list li { min-height: 80px; vertical-align: top; padding: 20px 20px; }

.event-gallery-pg ul.ul-list li.left .date span { font-size: 17px; }



.text-wr { margin-bottom: 50px; padding: 0px 20px; }

.text-wr ul li { width: 49%; }

.template-inner-container.global { margin-left: 0px; }

#map-container .global { width: 100%; }

#footer ul.extra-gap { padding-left: 0px; }

#footer ul.extra-gap-last-ul { padding-left: 0px; }

#footer ul.address { padding-left: 0px; }

#welcome-text-container .tagline-container {  margin-left: -40px; }

#full-body .about-us-container { margin-top: 40px; }



.product-details-container #tabs-content-wrap ul.product-details-thumb-ul > li {  width: 100%; }

.product-details-container.bottom-to-top-load { padding-left: 0px; }

#tabs-bar ul li { width: 100%; }

.inner-side-nav .search-product-content input[type="text"] { width: 100%; }

.unique-product-details-container .description { padding: 23px 5px 23px 5px; }

.unique-product-details-container ul.price li { width: 100%; }

.bx-wrapper { display: none; }

#full-body .about-us-container a img.item-thumb { max-height: 180px; width: 100%; max-width: 100%; }

p.cus-4 { padding: 20px; width: 100%; text-align: center; line-height: 22px; font-size: 14px; }

.overview-page ul.list { background: transparent; }

#full-body .about-us-container .desc_txt { letter-spacing: 0px; }

.dosage_details ul#price { width: 100%; margin: 10px 0px 9px 0px; }

.dosage_details ul#price li.price { font-size: 13px; }

.dosage_details ul#price li.dosage {padding-top: 2px; padding-bottom: 2px; }

.unique-product-details-container { width: 100%; margin-top: 20px; }

#sidebar .enquiry-button:after { top: 33px; }

div#back-to-top { right: 0px; bottom: 0px; }

li#all-product-list { display: inline-block; width: 100%; }

.bx-wrapper { display: none; }

.regional-office-list-container { height: 275px; }

.white-popup-block { width: 100% !important;  padding: 15px !important; }

.common-padding { padding-left: 20px; }

.form-container { padding-left: 20px; padding-right: 20px; }

#career .form-container { padding: 15px 0px 15px 20px !important; margin-right: 5px !important; overflow: hidden; }

#career .form-control { width: 47% !important; }

.regional-office-list-container .regional-office-list > li p.small-title { font-size: 14px; }

.regional-office-list-container .regional-office-list > li p.small-title span { padding-left: 5px; margin-left: 5px; }

.unique-product-details-container #carousel-container .relatednext { top: 60%; }

.unique-product-details-container #carousel-container .relatedprev { top: 60%; }

.unique-product-details-container p.brand-title { display: none; }

.dosage_details { margin-bottom: 30px; }

.inner-side-nav .search-title { margin-top: 20px; }

.product-thumb-container .product-thumb-ul { margin-bottom: 10px; }

p.brand-title { display: none; }

#tabs-content-wrap .drug_list img { margin-bottom: 8px; }

.wht-bg { position: fixed; width: 100%; height: 50px; background: #fff; left: 0px; top: 0px; z-index: 9; }

.hamburger-menu { padding: 15px; }

#sidebar { box-shadow: none; }
.emergency-services {padding: 1em 1em 1.2em 1em!important;}
.emergency-services p{padding-top: 0px!important; font-size: 14px!important;}
}



/* Mobile Landscape & Tablet Portrait

------------------------- */

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

#map-container .global ul.country-list li{display: block; width: 100%;}

#map-container #map{margin-right: 0; height: 300px !important;}



/* Products Details */

.product-details-container .product-details-thumb-ul li { width: 47%; }

.product-details-container #tabs-content-wrap ul.product-details-thumb-ul > li {  width: 31%; }

/* END Products Details*/



/*overview page*/

.overview-page .image-banner p { padding: 10px; }

.overview-page ul.list { padding: 30px 5px; }

.overview-page ul.list li { font-size: 14px; }

.overview-page ul.list li:before { height: 30px; }

/*overview page*/



.depertment-page .tabbed > section > h2 > label { padding: 9px 6px !important; }

.depertment-page .tabbed > section > div { position: relative; width: 100%; padding: 20px 20px; margin: 0px 0px 20px 0px;}

.depertment-page .tabbed > section > h2 { float: none; margin: 0px 0px 12px 0px; }

.depertment-page .tabbed > section > div h3 { font-size: 16px; vertical-align: middle; }



.milestones-page .text-left, .text-right { margin-bottom: 50px; }

.milestones-page ul li .text { width: 80%; }

.milestones-page ul.text-left li.text:after { display: none; }

.milestones-page ul.text-left li.text span:after { content: '.....'; left: 95%; }

.milestones-page ul.text-left li.text span:before { left: 93%; }

.milestones-page p.title { margin-bottom: 20px; }

.milestones-page ul li .text { width: 80%; }

.milestones-page ul.text-right li.text:after { display: none; }

.milestones-page ul.text-right li.text span:after { content: '.....'; left: -20%; }

.milestones-page ul.text-right li.text span:before { left: 3%; }

.milestones-page p.title { margin-bottom: 20px; }



.message-from-chairman .text-container { margin-left: 0px; margin-bottom: 30px; margin-top: 30px; }

p.cus-2 { padding-top: 20px; }

.form-container .wrap-fields { display: block; }

#vertical-contact-ul { bottom: 20px; }
.emergency-services {padding: 1em 1em 1.2em 1em!important;}
.emergency-services p{padding-top: 0px!important; font-size: 14px!important;}
}



/* Mobile Portrait

------------------------- */

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

#welcome-text-container .tagline-container { margin-left: -20px; }

.template-inner-container p { text-align: left; font-size: 14px; }

.regional-office-list-container { height: 275px; }

.white-popup-block { width: 100% !important;  padding: 5px !important; }

.new-plant-pg p { padding-left: 0px; }

#map-container .global ul.country-list li{display: block; width: 100%;}

#map-container #map{margin-right: 0; height: 300px !important;}

.desc_wrap{padding-top: 15px !important;}

#career ul.hire-ul-list li { font-size: 14px; }

.item-3 .desc_wrap, .item-4 .desc_wrap, .item-5 .desc_wrap{padding-top: 90px !important;}

#full-body .about-us-title p{width: 90%; text-align: center;}

#header .slide-holder .slider-text h2 {font-size: 27px;line-height: 27px; margin-bottom: 5px; }

#header .slide-holder .slider-text p.subtitle { font-size: 18px; margin-bottom: 18px; }

#header .slide-holder .slider-text p.text { font-size: 14px; line-height: 18px; }

#welcome-text-container .tagline-container{background-size: 200px;}

#welcome-text-container .tagline-container p{font-size: 20px; line-height: 28px; tec}

#full-body .about-us-title h3{font-size: 26px;}

.item-1 .desc_wrap, .item-2 .desc_wrap{padding-top: 90px !important;}

#full-body .about-us-container .desc_txt{font-size: 16px;}

#welcome-text-container .tagline-container{padding-top: 0px; padding-bottom: 0px;}

.menu_content a.top-logo{padding-bottom: 10px;}

.menu_content ul.nav-ul{margin-top: 0;}

.menu_content ul.fonts-ul{display: none !important;}

.menu_content ul.nav-ul li a{font-size: 14px;}

.menu_content ul#contact-ul{display: none !important; padding-left: 15px;}

.menu_content a.top-logo img{max-width: 115px;}

#welcome-text-container .tagline-text-container{padding-top: 10px;}

#sidebar{width: 70px;position: relative;    width: 100% !important;}

#sidebar #side-logo-a { position: fixed; left: 40%; height: 50px; right: inherit; top: 15px; background: #fff; z-index: 999; }

#sidebar #main_sidebar_toggle { background: #fff; }

#main-body{padding-left: 0px;}

#sidebar #side-logo{padding: 3px 0px; margin: 1px auto;width: 73px;}

#sidebar #menu-text { margin-top: 22px;opacity: 0; }

#full-body .about-us-title h3{margin-bottom: 15px;}

.menu_content { padding-bottom: 35px; }



/*Regional Office*/

.regional-office-text-col .desc-container{padding: 20px 0;}

.regional-office-container .small-title{font-size: 14px; margin-bottom: 3px;}

.regional-office-container .large-title{font-size: 19px;}

.regional-office-container .desc{font-size: 14px; line-height: 18px; text-align: justify;}

#full-body.regional-office-container{width: calc(100% - 20px);}

.inner-top-bar{text-align: center; width: calc(100% - 70px); margin-left: 70px; padding: 5px 10px; margin-top: 0;}

.inner-top-bar .breadcrumb{text-align: center; display: block; font-size: 14px; position: relative;}

.inner-top-bar .breadcrumb span{font-size: 14px; padding-right: 20px;}

.inner-top-bar .social-ul li{padding: 0 12px 5px;}

.inner-top-bar .social-ul li.two img{max-width: 15px;}

.inner-top-bar .social-ul li.three img{max-width: 8px;}

.inner-top-bar .social-ul li.four img{max-width: 15px;}

#map-container.regional-office-map-container{width: calc(100% - 20px); padding-bottom: 10px;}

#map-container.regional-office-map-container .col-xs-12{padding-left: 0; padding-right: 0;}

#map-container.regional-office-map-container .map-holder{padding-top: 20px;}

.regional-office-map-container .search-title, .regional-office-map-container .region-dropdown, .regional-office-list-container .regional-office-list > li ul .subtitle{font-size: 16px;}

.inner-top-bar .breadcrumb span:after{background-size: 5px; padding: 0 10px;}

/* END Regional Office */





/* Products */

.product-thumb-container .count-ul li p.count{font-size: 30px;}

.product-thumb-container .count-ul li p.name{font-size: 15px;}

.product-thumb-container .product-thumb-ul li a{padding: 0;}

.product-thumb-container .product-thumb-ul li.small{width: 95%;}

.product-thumb-container .product-thumb-ul li a img { padding-top: 10px; width: 60%;}

.product-thumb-container .product-thumb-ul li.large{width: 100%;}

.inner-side-nav .inner-side-nav-ul li a{font-size: 14px; padding: 5px;}

.inner-side-nav .inner-side-nav-ul li:hover a{font-size: 14px; padding: 5px;}

.product-thumb-container .inner-sub-title{font-size: 22px;}

.image-container .text-content{display: none;}

.image-container .title{font-size: 20px; margin-bottom: 15px;}

.image-container .des{font-size: 13px;}

.inner-side-nav .search-title{font-size: 22px;}

.inner-side-nav .search-product-content input[type="text"]{font-size: 14px; width: 100%; }

.product-thumb-container .count-ul li a{font-size: 14px; margin-top: 20px;}

.product-thumb-container .inner-sub-title{margin-top: 30px;}

#tabs-content-wrap .drug_list { width: 100%; }

/* END Products */



/* Products Details */

.product-details-container .product-details-thumb-ul li { width: 100%; }

/* END Products Details*/



#sidebar .enquiry-button { padding: 30px 60px 20px; display: none !important;}

h1.headline-title { font-size: 30px; }

/*overview page*/

.overview-page .image-banner p { padding: 10px; }

.overview-page ul.list { padding: 30px 5px; }

.overview-page ul.list li { font-size: 13px; }

.overview-page ul.list li:before { height: 52px; }

/*overview page*/



.depertment-page .tabbed > section > h2 > label { padding: 9px 6px !important; }

.depertment-page .tabbed > section > div { position: relative; width: 100%; padding: 20px 20px; margin: 0px 0px 20px 0px;}

.depertment-page .tabbed > section > h2 { float: none; margin: 0px 0px 12px 0px; }

.depertment-page .tabbed > section > div h3 { font-size: 16px; vertical-align: middle; }



.message-from-chairman .text-container { margin-left: 0px; margin-bottom: 20px; margin-top: 20px; }

.quality-policy-page img { margin-bottom: 10px; }



.milestones-page ul li { width: 100%; }

.milestones-page ul li .text { width: 100%; }

.milestones-page .text-left { margin-bottom: 10px; border-bottom: 1px solid #e8e8e8; padding-bottom: 40px; }

.milestones-page p.title { margin-bottom: 10px; }

.milestones-page ul.text-left li.text:after { display: none; left: 0%; bottom: -20px; width: 100%; height: 1px; }

.milestones-page ul.text-left li.text span:before { display: none; left: 49%; top: 175px; width: 10px; height: 10px; }

.milestones-page ul.text-left li.text span:after { content: '....'; left: 43%; top: 165px; transform: rotate(90deg); }

.milestones-page ul.text-left li .img-holder img { margin-top: 25px; }

.milestones-page ul.text-right { margin-bottom: 10px; border-bottom: 1px solid #e8e8e8; padding-bottom: 40px; }

.milestones-page ul.text-right li.text:after { display: none; left: 0%; bottom: -20px; width: 100%; height: 1px; }

.milestones-page ul.text-right li.text span:before { left: 49%; top: 30px; display: none; }

.milestones-page ul.text-right li.text span:after { content: '...'; left: 43%; top: -10px; transform: rotate(90deg); }

.milestones-page ul.text-right li .img-holder img { margin-top: 10px; }

.milestones-page ul.text-right .text { margin-top: 0px; }

p.cus-2 { padding-top: 10px; }



.form-container .wrap-fields { display: block; }

#vertical-contact-ul { bottom: 20px; display: none !important; }

#full-body .about-us-container { padding-top: 30px; }

.menu_content ul#contact-ul { bottom: 200px; }

#full-body .about-us-container a img.item-thumb { max-height: 100%; width: 100%; max-width: 100%; }

#welcome-text-container.ndlxs{padding-top: 20px; padding-left: 10px;}
.htmctr {padding: 3% 0%!important;}
.hometitle p{font-size: 30px!important; margin-bottom: 0px;padding: 0px 7%;}
.htmctr .morehome{padding: 0% 7% 2% 7%!important;}
.emergency-services {padding: 1em 1em 1.2em 1em!important;}
.emergency-services p{padding-top: 0px!important; font-size: 14px!important;}
.particleBtns ul li {width: 100%;}
.poster-pg ul.implinkes li { width: 100%; margin-right: 0; margin-bottom: 15px; }
}



/*iphone 6*/

@media only screen and (min-width: 371px) and (max-width: 390px) {



#welcome-text-container .tagline-container {  margin-left: -30px; }

#full-body .about-us-container { margin-top: -20px !important; }

.emergency-services {padding: 1em 1em 1.2em 1em!important;}
.emergency-services p{padding-top: 0px!important; font-size: 14px!important;}


}



/* Mobile Portrait

------------------------- */

/*Special for iphone 5 || while 6 is good*/

@media only screen and (min-width: 300px) and (max-width: 370px) {

#full-body .about-us-container img, #full-body .about-us-container .desc img { width: 50px; }

/*#full-body .about-us-container .desc_txt { border-bottom: 0px solid transparent; }*/



}