* {margin:0%;padding:0%;font-family: 'Noto Sans', sans-serif;}
body, html {
width:100%;
height:100%;
min-height:100%;
max-height:100%;
font-size:1rem;
background:#ffffff;
}
.body-container{
font-size:100%;
width:100%;
margin:0 auto;
background-color:#ffffff;
}
strong{font-weight:bold;}
form{display:inline;}
*:focus{outline:none;-moz-outline-style:none;}

/*content*/
h1{font-family:'Noto Sans', sans-serif;font-weight:bold;font-size:180%;color:#000000;text-align:left;padding-top:3vh;padding-bottom:1.5vh;}
h2{font-family:'Noto Sans', sans-serif;font-weight:bold;font-size:150%;color:#000000;text-align:left;padding-top:3vh;padding-bottom:1vh;}
h3{font-family:'Noto Sans', sans-serif;font-weight:bold;font-size:145%;color:#000000;text-align:left;padding-top:3vh;padding-bottom:1vh;}
h4{font-family:'Noto Sans', sans-serif;font-weight:bold;font-size:120%;color:#000000;text-align:left;}
p{font-family:'Noto Sans', sans-serif; font-size:100%;color:#000000;text-align:left;padding-top:2%;}
ul{margin-left:4%;margin-top:2%;margin-bottom:0.5%;}
li{text-align:left;color:#000000;font-size:100%;line-height:180%;}
select{height:28px;line-height:28px;border:1px solid lightgray;margin:0px;padding:1px 3px;-webkit-border-radius:4px;-khtml-border-radius:4px;border-radius:4px;}
input{height:25px;border:1px solid lightgray;margin:0px;padding:1px 5px;-webkit-border-radius:4px;-khtml-border-radius:4px;border-radius:4px;}

@media only screen and (max-width: 900px) { 
select{height:27px;line-height:27px;padding:0px 2px;;}
input{height:26px;padding:0px 4px;}
}
@media only screen and (max-width: 800px) { 
select{height:26px;line-height:26px;padding:0px 2px;;}
input{height:25px;padding:0px 4px;}
}
@media only screen and (max-width: 720px) { h1{font-size:170%;} h2{font-size:130%;} }
@media only screen and (max-width: 640px) { h1{font-size:160%;} h2{font-size:120%;} }
@media only screen and (max-width: 480px) { h1{font-size:145%;} h2{font-size:110%;} }
@media only screen and (max-width: 414px) { h1{font-size:130%;} h2{font-size:100%;} }
@media only screen and (max-width: 320px) { h1{font-size:110%;} h2{font-size:90%;} }

.ferromedica-iron-banner{clear:both;}
.ferromedica-iron-banner img{width:100%;}
.ferromedica-iron-supplement-sustained-release{position:absolute;right:4%;top:0vh;width:20%;}
.ferromedica-iron-sustained-release{position:absolute;right:26%;top:17vh;width:14%;}
.ferromedica-iron-c-plus-sustained-release{position:absolute;right:40%;top:17vh;width:14%;}

.ferromedica-content{clear:both;width:100%;font-size:110%;margin:0;background-color:#ffffff;position: relative;
}
.ferromedica-contact{clear:both;width:100%;font-size:110%;margin:0;background-color:#ffffff;
}
.ferromedica-text{clear:both;padding:0 3%;width:94%;font-size:100%;}
.ferromedica-text h1{width:100%;font-size:220%;padding-top:8vh;padding-bottom:0;}
.ferromedica-text p{width:30%;font-size:125%;padding-top:4vh;line-height:140%;}
.ferromedica-contact-text{clear:both;padding:0 3%;width:90%;font-size:100%;}
.ferromedica-contact-text h1{width:100%;font-size:220%;padding-top:8vh;padding-bottom:0;}
.ferromedica-contact-text h2{width:100%;font-size:180%;padding-top:4vh;padding-bottom:0;}
.ferromedica-contact-text p{width:57%;font-size:125%;padding-top:4vh;line-height:135%;}
.ferromedica-contact-text a{color:#363636;}
.ferromedica-contact-text a:hover{color:black;}
.ferromedica-contact-text li{font-size:140%;width:80%;}
.ferromedica-about-text{clear:both;padding:0 3%;width:90%;font-size:100%;}
.ferromedica-about-text h1{width:100%;font-size:220%;padding-top:8vh;padding-bottom:0;}
.ferromedica-about-text p{width:95%;font-size:125%;padding-top:4vh;line-height:135%;}
.dietry-sources-of-iron img{width:17%;margin-top:4vh;margin-left:3%;margin-right:3%;}
.iron-deficiency-states img{width:17%;margin-top:4vh;margin-left:3%;margin-right:3%;}
.ferromedica-iron-health img{width:24%;margin-top:4vh;margin-left:3%;margin-right:3%;}

@media only screen and (max-width: 1620px) { 
.ferromedica-iron-supplement-sustained-release{top:2vh;width:22%;}
.ferromedica-contact-text{font-size:95%;}
.ferromedica-text p{width:32%;}
}
@media only screen and (max-width: 1440px) { 
.ferromedica-text h1{padding-top:7.5vh;}
.ferromedica-text p{width:34%;padding-top:3.7vh;}
.ferromedica-text{font-size:95%;}
.ferromedica-contact-text{font-size:90%;}
.ferromedica-contact-text h1{padding-top:7.5vh;}
.ferromedica-contact-text p{width:60%;padding-top:3.7vh;}
.ferromedica-about-text{font-size:95%;}
.ferromedica-about-text h1{padding-top:7.5vh;}
.ferromedica-about-text p{padding-top:3.7vh;}
}
@media only screen and (max-width: 1334px) { 
.ferromedica-text h1{padding-top:7vh;}
.ferromedica-text{font-size:92%;}
.ferromedica-contact-text{font-size:87%;}
.ferromedica-contact-text h1{padding-top:7vh;}
.ferromedica-about-text{font-size:92%;}
.ferromedica-about-text h1{padding-top:7vh;}
}
@media only screen and (max-width: 1280px) { 
.ferromedica-iron-sustained-release{top:16vh;}
.ferromedica-iron-c-plus-sustained-release{top:16vh;}
.ferromedica-text h1{padding-top:6vh;}
.ferromedica-text p{width:36%;padding-top:3.4vh;}
.ferromedica-text{font-size:87%;}
.ferromedica-contact-text{font-size:84%;}
.ferromedica-contact-text h1{padding-top:6vh;}
.ferromedica-contact-text p{width:64%;padding-top:3.4vh;}
.ferromedica-about-text{font-size:87%;}
.ferromedica-about-text h1{padding-top:6vh;}
.ferromedica-about-text p{padding-top:3.4vh;}
}
@media only screen and (max-width: 1242px) { 
.ferromedica-iron-sustained-release{top:15vh;}
.ferromedica-iron-c-plus-sustained-release{top:15vh;}
.ferromedica-text{font-size:85%;}
.ferromedica-text p{width:38%;}
.ferromedica-contact-text{font-size:82%;}
.ferromedica-about-text{font-size:85%;}
}
@media only screen and (max-width: 1136px) { 
.ferromedica-iron-supplement-sustained-release{top:4vh;}
}
@media only screen and (max-width: 1125px) { 
.ferromedica-text h1{padding-top:5vh;}
.ferromedica-text p{padding-top:3vh;}
.ferromedica-text{font-size:83%;}
.ferromedica-contact-text{font-size:80%;}
.ferromedica-contact-text h1{padding-top:5vh;}
.ferromedica-contact-text p{padding-top:3vh;}
.ferromedica-about-text{font-size:83%;}
.ferromedica-about-text h1{padding-top:5vh;}
.ferromedica-about-text p{padding-top:3vh;}
}
@media only screen and (max-width: 1080px) { 
.ferromedica-text{font-size:80%;}
.ferromedica-contact-text{font-size:77%;}
.ferromedica-about-text{font-size:80%;}
}
@media only screen and (max-width: 1024px) { 
.ferromedica-text h1{padding-top:3.5vh;font-size:200%;}
.ferromedica-text p{padding-top:2.3vh;}
.ferromedica-text{font-size:75%;}
.ferromedica-contact-text{font-size:72%;}
.ferromedica-contact-text h1{padding-top:3.5vh;font-size:200%;}
.ferromedica-contact-text p{padding-top:2.3vh;}
.ferromedica-about-text{font-size:75%;}
.ferromedica-about-text h1{padding-top:3.5vh;font-size:200%;}
.ferromedica-about-text p{padding-top:2.3vh;}
}
@media only screen and (max-width: 900px) { 
.ferromedica-iron-supplement-sustained-release{top:6vh;}
.ferromedica-text p{padding-top:2vh;}
.ferromedica-text{font-size:72%;}
.ferromedica-contact-text p{padding-top:2vh;}
.ferromedica-contact-text{font-size:69%;}
.ferromedica-about-text{font-size:72%;}
}
@media only screen and (max-width: 854px) { 
.ferromedica-text{font-size:70%;}
.ferromedica-contact-text{font-size:67%;}
.ferromedica-about-text{font-size:70%;}
}
@media only screen and (max-width: 800px) {
.ferromedica-iron-sustained-release{top:14vh;}
.ferromedica-iron-c-plus-sustained-release{top:14vh;}
.ferromedica-text p{width:40%;}
}
@media only screen and (max-width: 720px) { 
.ferromedica-text h1{padding-top:2.8vh;}
.ferromedica-text{font-size:65%;}
.ferromedica-contact-text{font-size:62%;}
.ferromedica-contact-text h1{padding-top:2.8vh;}
.ferromedica-about-text{font-size:65%;}
.ferromedica-about-text h1{padding-top:2.8vh;}
}
@media only screen and (max-width: 640px) { 
.ferromedica-iron-sustained-release{top:13vh;}
.ferromedica-iron-c-plus-sustained-release{top:13vh;}
.ferromedica-text h1{font-size:170%;}
.ferromedica-text p{width:45%;padding-top:1.2vh;}
.ferromedica-contact-text h1{font-size:170%;}
.ferromedica-contact-text p{padding-top:1.2vh;}
.ferromedica-about-text h1{font-size:170%;}
.ferromedica-about-text p{padding-top:1.2vh;}
}
@media only screen and (max-width: 560px) { 
.ferromedica-text{font-size:60%;}
.ferromedica-contact-text{font-size:57%;}
.ferromedica-about-text{font-size:60%;}
}
@media only screen and (max-width: 480px) { 
.ferromedica-text h1{padding-top:1.8vh;font-size:160%;}
.ferromedica-text p{font-size:133%;line-height:118%;}
.ferromedica-text{font-size:58%;}
.ferromedica-contact-text h1{padding-top:1.8vh;font-size:160%;}
.ferromedica-contact-text p{font-size:133%;line-height:118%;}
.ferromedica-contact-text{font-size:55%;}
.ferromedica-about-text{font-size:58%;}
.ferromedica-about-text h1{padding-top:1.8vh;font-size:160%;}
.ferromedica-about-text p{font-size:133%;line-height:118%;}
}
@media only screen and (max-width: 414px) {
.ferromedica-text h1{padding-top:1.2vh;font-size:150%;}
.ferromedica-text p{padding-top:0.8vh;font-size:120%;}
.ferromedica-text{font-size:56%;}
.ferromedica-contact-text h1{padding-top:1.2vh;font-size:150%;}
.ferromedica-contact-text p{padding-top:0.8vh;font-size:120%;}
.ferromedica-contact-text{font-size:53%;}
.ferromedica-about-text{font-size:56%;}
.ferromedica-about-text h1{padding-top:1.2vh;font-size:150%;}
.ferromedica-about-text p{padding-top:0.8vh;font-size:120%;}
}

/*Ferromedica Iron*/
.ferromedica-iron{float:right;width:30%;}

/*Contact*/
.ferromedica-iron-c-plus{float:right;width:15%;max-width:15%;min-width:15%;padding-top:2vh;}

#submitbtn{font-size:90%;}
.btn-ctr{float:right;width:35%;margin:0 auto;text-align:center;padding-top:3vh;}
.btn-ctr img{clear:both;width:100%;padding-top:2vh;}
.btn{display:inline-block;border:2px solid #e3e3e3;margin:1% 0% 0% 1.5%;padding:1.5vh 2vw;font-size:70%;font-weight:bold;cursor:pointer;
-webkit-border-radius:5px;-khtml-border-radius:5px;border-radius:5px;text-decoration:none;}
.btn:active{border:2px solid #d5d5d5;}
.paynowbtn{display:inline-block;border:2px solid #e3e3e3;padding:0 1.8vw;font-size:100%;font-weight:bold;cursor:pointer;
-webkit-border-radius:5px;-khtml-border-radius:5px;border-radius:5px;text-decoration:none;}
.paynowbtn:active{border:2px solid #d5d5d5;}
.save{background-color:#5b5a5a;color:gainsboro;}
.save:hover{background-color:#000000;color:white;}
.view{background-color:darkgray;color:white;}
.view:hover{background-color:gray;}
.contact-number{color:#135795;white-space:nowrap;}

@media only screen and (max-width: 1280px) { .btn-ctr{width:38%;}}
@media only screen and (max-width: 1080px) { .btn-ctr{width:40%;}}
@media only screen and (max-width: 900px) { .btn-ctr{width:42%;}}
@media only screen and (max-width: 800px) { .btn-ctr{width:44%;} .btn{padding:0.8vh 2.7vw;}}
@media only screen and (max-width: 640px) { .btn{padding:0.7vh 3vw;}}
@media only screen and (max-width: 568px) { .btn{padding:0.7vh 3.3vw;}}
@media only screen and (max-width: 480px) { .btn{padding:0.7vh 3.6vw;}}
@media only screen and (max-width: 375px) { .btn{padding:0.7vh 3.9vw;}}
@media only screen and (max-width: 320px) { .btn{padding:0.7vh 4.2vw;}}

.footer-ctr{clear:both;display:block;width:100%;padding:0 0 2vh 0;background-color:#dcddde;font-size:130%;}
.footer-ctr h2{display:block;margin:1vh 0%;padding:2vh 0 0.5vh 0;font-family:'Noto Sans', sans-serif;font-weight:bold;font-size:100%;color:#000000;cursor:default;}
.footer-box{margin:0 auto;width:100%;text-align:center;background-color:#dcddde;}
.footer-nav-ctr{display:inline-block;float:left;width:73%;font-size:100%;padding-left:3%;text-align:left;}
.footer-menu a{display:block;font-family:'Noto Sans', sans-serif;font-size:85%;color:#000000;text-decoration:none;padding-bottom:0.6vh;}
.footer-menu a:hover{color:black;}
.footer-about-ctr{display:inline-block;float:left;width:25%;font-size:100%;padding-bottom:1.5vh;text-align:left;}
.footer-products-ctr{display:inline-block;float:left;width:73%;font-size:100%;padding-left:2%;padding-bottom:4.5vh;text-align:left;}
.footer-logo-ctr{float:left;width:21%;padding-left:2%;padding-right:1%;padding-top:2.2vh;text-align:left;}
.footer-logo-box{display:block;width:100%;margin:0 0 2vh 0;}
.footer-logo-box a{clear:both;float:left;text-decoration:none;}
.footer-logo-box a:hover{color:black;}
.footer-logo-box a img{width:100%;}
.footer-link{font-size:80%;margin-left:2%;color:#000000;}
.footer-kfox{font-size:55%;margin:0 auto;text-align:center;width:100%;margin-top:1vh;padding-bottom:2vh;color:#000000;}
.warning{clear:both;float:left;font-size:60%;font-weight:bold;width:100%;padding-right:0%;}

@media only screen and (max-width: 1334px) { 
.footer-logo-ctr{padding-top:2.5vh;}
.footer-about-ctr{width:26%;}
.footer-products-ctr{width:72%;}
}
@media only screen and (max-width: 1280px) { 
.footer-about-ctr{width:27%;}
.footer-products-ctr{width:71%;}
}
@media only screen and (max-width: 1125px) { 
.footer-logo-ctr{padding-top:2.7vh;}
.footer-about-ctr{width:28%;}
.footer-products-ctr{width:70%;}
}
@media only screen and (max-width: 1080px) { 
.footer-about-ctr{width:29%;}
.footer-products-ctr{width:69%;}
}
@media only screen and (max-width: 1024px) { 
.footer-ctr{font-size:110%;}	
.footer-about-ctr{width:30%;}
.footer-products-ctr{width:68%;}
}
@media only screen and (max-width: 900px) { 
.footer-ctr{font-size:100%;}	
.footer-logo-ctr{padding-top:2.9vh;}
.footer-about-ctr{width:31%;}
.footer-products-ctr{width:67%;}
}
@media only screen and (max-width: 800px) { 
.footer-ctr{font-size:90%;}	
.footer-about-ctr{width:32%;}
.footer-products-ctr{width:66%;}
}
@media only screen and (max-width: 720px) { 
.footer-ctr{font-size:80%;}	
.footer-about-ctr{width:33%;}
.footer-products-ctr{width:65%;}
}
@media only screen and (max-width: 640px) { 
.footer-ctr{font-size:75%;}	
.footer-about-ctr{width:36%;}
.footer-products-ctr{width:62%;}
}
@media only screen and (max-width: 480px) { 
.footer-ctr{font-size:70%;}	
.footer-logo-ctr{padding-top:3vh;}
.footer-about-ctr{width:38%;}
.footer-products-ctr{width:60%;}
}
@media only screen and (max-width: 414px) { 
.footer-ctr{font-size:65%;}	
.footer-logo-ctr{padding-top:3.1vh;}
.footer-about-ctr{width:40%;}
.footer-products-ctr{width:58%;}
}

.w100{width:10%;}.w180{width:18%;}
.clear{clear:both;}
.hide{display:none;}
.show{display:block;}

/*Suckerfish Menus*/
.ferromedica-logo img{width:100%;}
@media only screen and (max-width: 800px) {	/*mobile*/
.ferromedica-logo{clear:both;display:inline-block;float:left;width:24%;margin-top:4vh;margin-left:3%;}
.menu-ctr{clear:both;width:100%;}
.menu-bars{float:right;width:50%;display:block;cursor:pointer;text-align:right;margin-top:2.5vh;margin-right:3%;}
.menu-bars img{width:10vw;}
ul.nav, ul.nav ul{list-style:none;margin-left:4vw; margin-top:0.2vh;}	/*Top Level list*/
.nav li{color:#000000;padding-top:0.4vh;padding-bottom:0vh;background-color:#ffffff;}		/*Top menu items, padding applies to all list items*/
.nav a{text-decoration:none;color:#000000;}							/*All menu items*/
.nav li a{cursor:pointer;padding-left:0vw;}		/*Top level menu items as hyperlink*/	
.nav ul li{width:95%;}												/*Sub menu items*/
.nav ul li a{font-size:100%;font-weight:normal;padding-left:0vw;}	/*Sub menu items*/
}
@media only screen and (min-width: 800px) {
.menu-ctr{float:right;width:70%;margin-right:3%;margin-top:3.2vh;margin-bottom:1vh;text-align:right;font-size:130%;}
.ferromedica-logo{clear:both;float:left;width:24%;margin-top:4vh;margin-left:3%;}
.menubtns{float:left;margin:0px;padding:1.4vh 1vw 0vh 0vw;}
.menubtns a{display:inline-block;width:24px;margin:0px 0px 0px 2px;padding:0px;}
.menu-bars{display:none;} 
.menu-display{width:100%;overflow:hidden;}
.nav{float:right;display:block;background-color:#ffffff;border:0px;}
.nav, .nav ul{margin:0;padding:0;list-style:none;cursor:pointer;font-size:100%;}	/*Lists*/
.nav a{text-decoration:none;cursor:pointer;}	/*All menu items*/
/*Top level items*/	
ul.nav li{float:left;position:relative;font-size:100%;color:#000000;
padding-top:0.8vw;padding-bottom:0.7vw;padding-left:1vw;padding-right:1vw;border:0px;margin:0;}																			
ul.nav li a{color:#000000;
-moz-transition: all .3s ease-in;
-o-transition: all .3s ease-in;
-webkit-transition: all .3s ease-in;
transition: all .3s ease-in;
}					
ul.nav li:hover{border:0px;}
ul.nav li a:hover{color:#000000;}
ul.nav li:hover ul{margin-left:0;}
/*Sub level menu items*/
.nav ul{position:absolute;top:100%;left:0;margin-left:-999em;background-color:#ffffff;padding-bottom:2vh;
border:0px;z-index:99;}
.nav ul li {clear:both;width:100%;margin:0px;padding:1.5vh 0 0 0;}
.nav ul li a{float:left;padding-left:1vw;padding-right:2vw;min-width:7vw;color:#666666;font-weight:normal;
text-align:left;white-space:nowrap;}
.nav ul li a:hover{color:#000000;}
}
@media only screen and (max-width: 1440px) { 
.ferromedica-logo{width:26%;}
.menu-ctr{width:68%;}
}
@media only screen and (max-width: 1125px) { 
.ferromedica-logo{width:28%;}
.menu-ctr{width:66%;margin-top:3vh;}
}
@media only screen and (max-width: 1024px) {
.menu-ctr{margin-top:2.8vh;}
}
@media only screen and (max-width: 900px) { 
.ferromedica-logo{width:30%;}
.menu-ctr{width:64%;}
}
@media only screen and (max-width: 800px) { 
.ferromedica-logo{width:35%;}
.ferromedica-logo{margin-top:3vh;}
.menu-ctr{margin-top:2.5vh;margin-bottom:2vh;width:59%;}
}


@media only screen and (max-width: 720px) { 
.menu-bars img{width:11vw;}
}
@media only screen and (max-width: 640px) { 
.menu-bars img{width:12vw;}
}
@media only screen and (max-width: 560px) { 
.menu-bars img{width:13vw;}
}
@media only screen and (max-width: 480px) { 
.menu-bars img{width:14vw;}
}