@charset "utf-8";
/* CSS Document */
/* ============================ General ============================ */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; font-family: "Myriad Pro"; vertical-align: top; color: #606060; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
p, blockquote, q, pre, address, hr, code, samp, dl, ol, ul, form, table, fieldset, menu { margin-bottom: 0px; }
/* ============================ Structure ============================ */
html { font-size: 100%; }
body { line-height: 1.5; }
em, i { font-style: italic; }
strong, b { font-weight: bold; font-size: 16px; color: #606164; font-family: Arial, Helvetica, sans-serif; line-height: 30px;}
blockquote, q, cite { font-style: italic; }
blockquote, q { quotes: none; }
img { border: 0; }
p { font: normal 14px Arial, Helvetica, sans-serif; margin: 0px auto; text-align: justify; line-height: 25px; }
p.alignctr { text-align: center; }
/*--formatting--*/
::selection { background: #76bc02;/* Safari */ color: #000; }
::-moz-selection {
 background: #76bc02; /* Firefox */
 color: #000;
}
/* ============================ Hypertext ============================*/
a, a:link, a:visited { color: #f80500; outline-style: none; font-family: "Myriad Pro"; text-decoration: none; font-size: 14px; }
a:hover, a:active { color: #000; text-decoration: none; }
/* List---------------------------------------- */
ul { list-style: disc outside none; list-style: none; }
ol { list-style: decimal outside none; list-style: none; }
li { list-style: none; font: 14px Arial, Helvetica, sans-serif; padding: 4px 0px; }
li ul, li ol { margin-bottom: 0; list-style: none; }
ol.break-word { margin: 10px 0px 10px 50px; }
ol.break-word li { padding: 3px 0px; list-style: decimal; font-weight: normal; font-size: 16px; }
/* ============================ Presentation ============================ */
hr { height: 7px; background: url(../images/hr-line.jpg) left top repeat-x; border: 0px; margin: 25px 0px; }
.clear { clear: both; }
/* Contain floats: h5bp.com/q */
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix {  *zoom: 1;
}
.mrgFix { margin: 0px; padding: 0px; }
.mrgten { margin: 10px 0 0; }
/* ============================ Table ============================ */
/*======================== Heading Tag ====================*/
h1 { font-size: 30px; font-weight: normal; color: #486303; margin-bottom: 20px; line-height: 26px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; }
h2 { font: normal 23px Verdana, Geneva, sans-serif; color: #840644; margin: 14px 0 0; }
h3 { font-size: 23px; font-weight: normal; color: #dd0c46; }
h4 { font-size: 21px; font-weight: normal; color: #840644; }
h5 { font: normal 19px verdana; color: #085dee; }
h6 { font-size: 17px; font-weight: normal; color: #840644; }
h6.smltext { font-size: 16.9px; letter-spacing: -1px; }
h6.btnborder { border-bottom: 1px solid #840644; margin: 0 0 17px; padding: 0 0 10px; }
.left { float: left; }
.right { float: right; }
.mrgtop { margin-top: 25px; }
.img-left { float: left; border: 3px solid #629A03; margin: 8px 20px 5px 0; }
.img-right { float: right; border: 3px solid #629A03; margin: 0 0px 5px 20px; }
img.certificate { border: 3px solid #629A03; margin: 15px 0 0px; }
/*============================ All cal ==============================*/
.cal1 { width: 500px; float: left; }
.cal2 { width: 458px; float: right; }
.cal3 { width: 682px; float: left; }
.cal4 { width: 268px; float: right; }
.cal5 { float: right; width: 700px; margin: 0 20px 0 0; }
.cal6 { float: left; width: 220px; margin: 0 0 0 20px; }
.cal7 { float: right; width: 520px; margin: 0 20px 0 0; border-left: 1px solid #FFF; padding: 0 0 0 20px; }
.cal8 { float: left; width: 370px; margin: 0 0 0 20px; }
.calhalf{ float:left; width: 48%; margin: 0 1%;}
a.redmore { width: 97px; height: 23px; background: url(../images/btn-redmore.png) 0 0 no-repeat; float: left; }
a.redmore:hover { background-position: bottom; }
/*============================= Color =========================*/
#form { margin-top: 25px; }
#form label { font-size: 14px; font-weight: normal; color: #4a4a4b; float: left; text-align: left; margin: 0px 0px 5px; }
#form label span { color: #dd0c46; }
#form .labelwidth { width: 97px; }
#form input, #form textarea, #form select { font-size: 14px; font-weight: normal; padding: 11px 6px; background: url(../images/bg-label.png) left top repeat-x; border: 1px solid #e1e5e9; vertical-align: top; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; color: #dd0c46; margin: 0 0 10px; }
#form input:hover, #form textarea:hover, #form select:hover { background: #FFF; }
#form input:focus, #form textarea:focus, #form select:focus { background: #FFF; border: 1px solid #dd0c46; box-shadow: 0px 0px 6px #dd0c46 }
#form textarea, #form input, #form select { width: 270px; background: url(../images/bg-label.png) left top repeat-x; }
#form input.sendbutton { color: #fff; font: normal 15px Aller; text-transform: uppercase; height: 41px; display: inline-block; text-shadow: 1px 1px 0px rgba(0, 0, 0, .2); background: url(../images/btn-submit.png) left top repeat-x; float: left; margin: 0px 0 0 0px; padding: 9px 0px 9px; cursor: pointer; width: 142px; }
#form input.sendbutton:hover { background: url(../images/btn-submit-h.png) left top repeat-x; }
#form input.resendbutton { color: #fff; font: normal 15px Aller; text-transform: uppercase; height: 41px; display: inline-block; text-shadow: 1px 1px 0px rgba(0, 0, 0, .2); background: url(../images/btn-submit.png) left top repeat-x; float: left; margin: 0px 0 0 0px; padding: 9px 0px 9px; cursor: pointer; width: 100px; }
#form input.resendbutton:hover { background: url(../images/btn-submit-h.png) left top repeat-x; }
#form input.btnml { margin-left: 30px; }
.pink { color: #CC0665; }
.green { color: #587d01; }
/*============ form =============*/
.c-box { margin: 0px; padding: 0px; }
.c-box label { font: normal 14px Arial, Helvetica, sans-serif; color: #171717; float: left; width: 30%; text-align: right; margin: 15px 10px 0px 0px; }
.c-box input, .c-box textarea, .c-box select { font-size: 14px; font-weight: normal; padding: 7px 6px; background: FFF url(../images/bg-label.png) left top repeat-x; border: 1px solid #cccccc; vertical-align: top; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; color: #3E8600; margin: 0 0 5px; }
.c-box input:hover, .c-box textarea:hover, .c-box select:hover { background: #FFF; }
.c-box input:focus, .c-box textarea:focus, .c-box select:focus { background: #FFF; border: 1px solid #3E8600; box-shadow: 0px 0px 6px #3E8600 }
.c-box textarea, .c-box input, .c-box select { float: left; width: 65%; background: #FFF url(../images/bg-label.png) left top repeat-x; margin: 9px 0 0px; }
.c-box .styled-select select { background: transparent; width: 109%; padding: 5px; font-size: 16px; line-height: 1; border: 0; border-radius: 0; height: 30px; -webkit-appearance: none; margin: 0px; }
.c-box .styled-select { width: 61%; height: 30px; overflow: hidden; background: url(../images/down_arrow_select.png) no-repeat right #FFF; border: 1px solid #cccccc; vertical-align: top; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; margin: 9px 0 5px; }
.c-box input.resendbutton { color: #fff; font: normal 14px Arial, Helvetica, sans-serif; letter-spacing: 0.7px; display: inline-block; background: url(../images/btn-submit-h.png) left top repeat-x; float: right; margin: 15px 0px; padding: 4px 0px; cursor: pointer; width: 118px; border: 1px solid #5b8101; text-shadow: 0px 1px 1px #000000; filter: dropshadow(color=#000000, offx=0, offy=1); -webkit-box-shadow: 0px 2px 3px rgba(50, 50, 50, 0.32); -moz-box-shadow: 0px 2px 3px rgba(50, 50, 50, 0.32); box-shadow: 0px 2px 3px rgba(50, 50, 50, 0.32); }
.c-box input.resendbutton:hover { background-position: bottom; border: 1px solid #6d0237; }
.c-box input.sendbutton { color: #fff; font: normal 14px Arial, Helvetica, sans-serif; letter-spacing: 0.7px; display: inline-block; background: url(../images/btn-submit-h.png) left bottom repeat-x; float: left; margin: 15px 0px; padding: 4px 0px; cursor: pointer; width: 118px; border: 1px solid #6d0237; text-shadow: 0px 1px 1px #000000; filter: dropshadow(color=#000000, offx=0, offy=1); -webkit-box-shadow: 0px 2px 3px rgba(50, 50, 50, 0.32); -moz-box-shadow: 0px 2px 3px rgba(50, 50, 50, 0.32); box-shadow: 0px 2px 3px rgba(50, 50, 50, 0.32); }
.c-box input.sendbutton:hover { background-position: top; border: 1px solid #5b8101; }
.c-box label.male { margin: 10px 0 0px; clear: both; text-align: left; }
.c-box label.male input { width: 28%; margin: 0px; padding: 0px; }
.c-box label.female { margin: 10px 0 0px; clear: both; text-align: left; }
.c-box label.female input { width: 28%; margin: 0px; padding: 0px; }
.radiobtn { float: left; width: 65%; }
a.allbtn { color: #fff; font: normal 14px Arial, Helvetica, sans-serif; letter-spacing: 0.7px; display: inline-block; background: url(../images/btn-submit-h.png) left bottom repeat-x; margin: 15px 0px; padding: 6px 10px 7px; cursor: pointer; border: 1px solid #6d0237; text-shadow: 0px 1px 1px #000000; filter: dropshadow(color=#000000, offx=0, offy=1); -webkit-box-shadow: 0px 2px 3px rgba(50, 50, 50, 0.32); -moz-box-shadow: 0px 2px 3px rgba(50, 50, 50, 0.32); box-shadow: 0px 2px 3px rgba(50, 50, 50, 0.32); -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; }
a.allbtn:hover { background-position: top; border: 1px solid #5b8101; }
@charset "utf-8";
/* CSS Document */

body { font-family: Arial, Helvetica, sans-serif; color: #343433; margin: 0px; padding: 0px; background: url(../images/bg.jpg) center top; }
#content { background: url(../images/bg-top.jpg) left top repeat-x; }
.wrapper { margin: 0 auto; width: 990px; }
/*============= TopPart ==============*/
.TopPart { height: 228px; }
/*============= Menu ==============*/

#Nav { height: 53px; }
#Nav ul { margin: 0px; padding: 12px 0 0px; }
#Nav ul li { display: inline; padding: 0px 0px; margin: 0 11px 0 -3px; }
#Nav ul li a { padding: 12px 19px 7px; font: normal 18px calibri; color: #FFF; margin: 0px; }
#Nav ul li a:hover { background: #FFF; padding: 12px 19px 7px; color: #640433; -webkit-border-bottom-right-radius: 6px; -webkit-border-bottom-left-radius: 6px; -moz-border-radius-bottomright: 6px; -moz-border-radius-bottomleft: 6px; border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; }
#Nav ul li a.select { background: #FFF; color: #640433; -webkit-border-bottom-right-radius: 6px; -webkit-border-bottom-left-radius: 6px; -moz-border-radius-bottomright: 6px; -moz-border-radius-bottomleft: 6px; border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; }
#Nav ul li.first { margin-left: 0px; }
#Nav ul li.last { margin-right: 0px; }
.logo-part { margin: 0px; padding: 0px; height: 176px; }
a.logo { float: left; width: 424px; height: 124px; outline: none; background: url(../images/logo.png) 0 0 no-repeat; overflow: hidden; cursor: pointer; z-index: 500; text-indent: -99px; /*put logo image here*/ margin: 25px 0 0; }
.call-part { float: right; width: 540px; }
.freecon { margin-right: 15px; }
.icon-part { margin: 10px 0 0 0px }
.icon-part div { float: right; margin-top: -9px; }
/*============= Banner ==============*/

.banner-part { background: url(../images/bg-banner.jpg) no-repeat scroll center top; height: 353px; padding: 12px 0px; }
/*============= Container ==============*/
#container { background: url(../images/bg-container.jpg) center top no-repeat; margin: 6px 0px 0px; }
#container .wrapper { padding-top: 30px }
/*============= Module Content ==============*/
.module-content { background: #840644; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; border: 1px solid #6a0336; }
.module-content h3 { color: #ffde00; font: normal 28px calibri; background: url(../images/head-line.jpg) left bottom no-repeat; padding: 10px 0 12px; text-align: center; margin: 0 0 20px; }
.module-content ul.menugreen { margin: 0px; }
.module-content ul.menugreen ul { display: none; color: #000; position: absolute; /*background-color:#D9E9B7;*/
padding: 3px 14px 3px 0px; margin: -44px 0 0 70px; width: 125px; text-align: left; z-index: 1; }
.module-content ul.menugreen li { width: 218px; float: left; margin: 0 3px 15px 7px; }
.module-content ul.menugreen li a { font-size: 14px; font-weight: bold; }
.module-content ul.menugreen li img { margin-right: 5px; }
.module-content ul.menugreen li span { color: #FFF; }
.module-content ul.menugreen li ul li { width: 125px; list-style: none; background-color: #9f2460; background-image: none; background-position: 5px 8px; padding: 4px 8px; margin: 0px; }
.module-content ul.menugreen li ul li a { font-size: 13px; font-weight: normal; }
.module-content ul.menugreen ul li span { color: #FFF;/*background:url(../images/link-arrow.png) left 5px no-repeat;*/
}
.module-content ul.menugreen ul li a:hover span { color: #fff; }
.module-content ul.menugreen li ul li:hover { background-color: #6e0438; color: #FFF; }
.module-content ul.menugreen li:hover ul { display: block; }
/*================ Box =================*/
.main-box { margin: 0px; padding: 0px; background: #FFF; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; background: url(../images/bg-box.jpg) left top; padding: 8px 0px 15px; }
.main-box h2 { margin: 0 0 0 13px; }
.product-box { -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; border: 1px solid #cbcaa6; background: #FFF; float: left; width: 22.3%; margin: 15px 12px 0; text-align: center; }
.product-box h5 { background: url(../images/bg-box-head.jpg) left top repeat-x; border-bottom: 1px solid #cbcaa6; text-align: center; font-size: 17px; color: #3f3e2c; text-transform: uppercase; padding: 10px 0px; -webkit-border-top-left-radius: 4px; -webkit-border-top-right-radius: 4px; -moz-border-radius-topleft: 4px; -moz-border-radius-topright: 4px; border-top-left-radius: 4px; border-top-right-radius: 4px; }
.product-box section { width: 90%; margin: 15px auto; }
.product-box p { line-height: normal; text-align: center; margin: 11px 0px; }
.product-box a { margin-left: 45px; }
.box-clear { float: left; width: 24px; }
/*============== Testimonials ==============*/

.testimonials { background: #E8EED2; border-top: 3px solid #7DA21E; padding: 20px 28px; }
.testimonials h2 { margin: 0px; }
.testimonials .text { -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; background: #FFF; padding: 20px; margin: 10px 0 0; }
.testimonials p { font: italic normal 18px calibri; color: #252524; margin: 0px; }
.testimonials p span { background: url(../images/img-b-c.png) left top no-repeat; position: relative; top: 0px; margin-right: 10px; width: 34px; height: 22px; float: left; outline: none; overflow: hidden; z-index: 500; text-indent: -99px; /*put logo image here*/ }
.testimonials-b { background: url(../images/testimonials-b.png) left top no-repeat; position: relative; left: 50px; }
.testimonials-b .t-link { margin-left: 44px; }
.testimonials-b span img { float: right; margin: 12px 54px 0 0; }
.testimonials-b a { font: italic normal 18px/30px calibri; color: #840644; text-decoration: underline; }
.w-gain { margin: 0px; }
.img-right-box { margin: 0px; }
/*============= Right Box ================*/
.right-box { background: #eff1df url(../images/bg-right-box.jpg) left bottom repeat-x; padding: 0 10px; }
.right-box h4 { padding: 10px 0px; }
.right-box img { float: left; margin-right: 10px; }
.right-box p { margin: 0px; font: 13px/19px Arial, Helvetica, sans-serif; color: #343433; text-align: left; }
.right-box a { margin: 14px 0px; }
.right-box-mrq { background: #eff1df url(../images/bg-right-box.jpg) left bottom repeat-x; padding: 0 10px; }
.right-box-mrq h4 { padding: 10px 0px; }
.right-box-mrq img { float: left; margin-right: 10px; }
.right-box-mrq p { margin: 0px; font: 13px/19px Arial, Helvetica, sans-serif; color: #343433; text-align: left; }
.right-box-mrq a { margin: 14px 0px; }
/*===============Subscribe =============*/
.subscribe { background: url(../images/bg-subscribe.png) left top no-repeat; width: 960px; height: 41px; margin: 20px 0 0px; padding: 4px 20px 0; }
.subscribetext { font-size: 22px; color: #FFF; text-transform: uppercase; padding-top: 1px; }
.subscribe input { border: 0px; background: #FFF; font: normal 14px Arial, Helvetica, sans-serif; color: #6b6b6b; width: 235px; padding: 3px 8px; margin-left: 10px; }
.subscribe input.sign-up { background: url(../images/btn-signup.png) left top repeat-x; width: 83px; cursor: pointer; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; font: normal 18px calibri; color: #ffde00; text-transform: uppercase; height: 30px; position: relative; top: 2px; }
.subscribe input.sign-up:hover { background: url(../images/btn-signup-h.png) left top repeat-x; }
/*============== Footer ===============*/
#Footer { background: #5aa703 url(../images/bg-footer.jpg) left top repeat-x; margin-top: 25px; border-top: 4px solid #5f0732; }
.footer-part { background: url(../images/bg-footer-img.jpg) no-repeat scroll center top; }
#Footer h4 { color: #FFF; font-size: 22px; text-transform: uppercase; }
#Footer .cal1 { float: left; width: 230px; margin: 18px 0 25px; }
#Footer .cal1 ul { margin: 8px 0 0; padding: 0px; }
#Footer .cal1 ul li { margin: 0px; padding: 4px 0 4px 22px; background: url(../images/footer-sep.png) left 11px no-repeat; }
#Footer .cal1 ul li a { font: normal 18px calibri; color: #FFF; }
#Footer .cal1 ul li a:hover { color: #f2c30a; }
#Footer .cal2 { float: right; width: 280px; margin: 18px 0 25px; }
#Footer .cal2 ul { margin: 6px 0 0; padding: 0px; }
#Footer .cal2 ul li { margin: 0px; padding: 9px 0 9px 30px; font: normal 18px calibri; color: #FFF; line-height: 20px; }
#Footer .cal2 ul li.home { background: url(../images/icon-home.png) left 10px no-repeat; }
#Footer .cal2 ul li.phone { background: url(../images/icon-phone.png) left 7px no-repeat; }
#Footer .cal2 ul li.fax { background: url(../images/icon-fax.png) left 8px no-repeat; }
#Footer .cal2 ul li.mobile { background: url(../images/icon-mobile.png) left 8px no-repeat; }
#Footer .cal2 ul li.mail { background: url(../images/icon-mail.png) left 15px no-repeat; }
#Footer .cal2 ul li a { font: normal 18px calibri; color: #FFF; text-decoration: underline; }
#Footer .cal2 ul li a:hover { text-decoration: none; }
.copy-part { background: #537f04; margin: 0px; padding: 18px 0; text-align: center; }
.copy-part p { text-align: center; margin: 0px 0 18px; font: normal 13px/20px Verdana, Geneva, sans-serif; color: #FFF; }
/*========= Ask Pop Up Button =========*/
.pull-out-button-inner { position: absolute; right: -75px; }
.pull-out-right .pull-out-button { margin-right: -1px; }
.pull-out-right.pull-out { border-right: 0; z-index: 9; }
.pull-out-content { background: #610331; width: 700px; }
.pull-out-content h3 { color: #FFF; margin: 0 0 10px 0px; padding: 8px 0 8px; border-bottom: 1px solid #FFF; text-align: center; }
/* form styles */
.pull-out-content form { font-size: 12px }
.pull-out-content form p { margin: 0 0 10px; width: auto }
.pull-out-content label { cursor: pointer; display: block; float: left; margin: 0px 5px 0 0; text-align: right; width: 28%; color: #FFF; }
.pull-out-content label.male { width: 65px; margin: 0px 0 8px; }
.pull-out-content label.male input { width: 25px; margin: 0px; padding: 0px; }
.pull-out-content label.female { width: 90px; margin: 0px 0 8px; }
.pull-out-content label.female input { width: 25px; margin: 0px; padding: 0px; }
.pull-out-content input, .pull-out-content textarea { background: #f1f1f1; border: 1px solid #f1f1f1; display: inline-block;  *display: inline-block;
zoom: 1; font-size: 12px; padding: 5px; text-align: left; text-transform: lowercase; width: 66% }
.pull-out-content input:focus, .pull-out-content textarea:focus { background: #ffffff; }
.pull-out-content a.contact-button, .pull-out-content a.readmore-button { -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; behavior: url(border-radius.htc); background: #ffde00; color: #000; float: right; font: bold 12px tahoma; letter-spacing: 0.5px; margin: 10px 64px 10px 0px; padding: 8px 15px; text-align: center; text-decoration: none; text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.25); }
.pull-out-content a:hover.contact-button, .pull-out-content a:hover.readmore-button { background: #000; color: #FFF; }
.contentpart { background: #FFF url(../images/bg-menu.png) left top repeat-x; }
.contentsec { background: url(../images/bg.jpg); margin: 0px; }
.contentsec #container { background: url(../images/bg-leaves.png) center top scroll no-repeat; padding: 20px 0px; }
.contentsec #container .wrapper { background: #eeeede; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; padding-bottom: 30px; }
ul.iconpart { margin: 10px 0 10px 10px; padding: 0px; }
ul.iconpart li { background: url(../images/li.png) left 6px no-repeat; padding: 3px 0 3px 20px; font: normal 14px/20px Arial, Helvetica, sans-serif; }
ul.iconpart li strong { font: bold 14px/20px Arial, Helvetica, sans-serif; color: #606060; }
ul.iconpart li a strong { font: bold 14px/20px Arial, Helvetica, sans-serif; color: #606060; }
ul.iconpart li a strong:hover { color: #489400; }
.sw-sf, .sw-sf * { margin: 0 !important; padding: 0 !important; list-style: none !important; }
.sw-sf { }
.diseases { padding: 3px 0px; background: #840644; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; border: 1px solid #6a0336; }
.diseases h3 { color: #ffde00; font: normal 18px calibri; border-bottom: 1px dotted #ffde00; padding: 10px 0 12px; text-align: center; margin: 0 0 7px; }
.sw-sf hr { display: block; clear: left; margin: -0.66em 0; visibility: hidden; height: 0px; background: none; border: none; }
.sw-sf ul { position: absolute; top: -999em; width: 10em; display: block; }
.sw-sf ul li { width: 100% !important; }
.sw-sf li:hover { z-index: 300; }
.sw-sf li:hover { visibility: inherit; }
.sw-sf li { float: left; position: relative; }
.sw-sf li li { top: 0 !important; left: 0; position: relative; }
.sw-sf a { display: block; position: relative; }
.sw-sf li:hover ul, .sw-sf li.sfHover ul { left: 0; top: 2.5em; z-index: 400; width: 100%; }
ul.sw-sf li:hover li ul, ul.sw-sf li.sfHover li ul { top: -999em; }
ul.sw-sf li li:hover ul, ul.sw-sf li li.sfHover ul { left: 10em; top: 0; }
ul.sw-sf li li:hover li ul, ul.sw-sf li li.sfHover li ul { top: -999em; }
ul.sw-sf li li li:hover ul, ul.sw-sf li li li.sfHover ul { left: 10em; top: 0; }
#sfmenu { position: relative; border: 0px none #5F0732 !important; top: 0px !important; left: 0px; }
#sf-section { border: 0px none #5F0732 !important; }
.sw-sf.sf-vertical, .sw-sf.sf-vertical li { display: block !important; margin: 0 !important; width: 100%; border-bottom: 1px dotted #FFF; }
.sw-sf.sf-vertical.last, .sw-sf.sf-vertical li.last { border: none; }
.sw-sf.sf-vertical li:hover ul, .sw-sf.sf-vertical li.sfHover ul { left: 100%; top: 0px !important; }
.sw-sf li.sfHover li.sfHover li { top: 0px !important; left: 0px !important; }
.sw-sf a.item1 { padding: 7px 15px 7px 10px !important; font-size: 14px !important; font-family: Arial, Helvetica, sans-serif !important; text-align: left !important; font-weight: normal !important; color: #FFFFFF !important; text-decoration: none !important; display: block; white-space: nowrap; position: relative; }
.sw-sf a.item1.last { border-bottom: 1px solid #5F0732 !important; }
.sw-sf .current a.item1, .sw-sf li.sfHover a.item1, .sw-sf a:focus, .sw-sf a:hover, .sw-sf a:active { color: #FFFF85 !important; background-color: #862D59 !important; }
.sw-sf a.item2 { padding: 7px 5px 8px 5px !important; font-size: 14px !important; font-family: Arial, Helvetica, sans-serif !important; text-align: left !important; font-weight: normal !important; text-decoration: none !important; background-color: #5F0732 !important; color: #FFFF85 !important; display: block; white-space: nowrap; position: relative; border-top: 0px none #5F0732 !important; border-left: 0px none #5F0732 !important; border-right: 0px none #5F0732 !important; opacity: 0.9; filter: alpha(opacity=90) }
.sw-sf a.item2.last { border-bottom: 0px none #5F0732 !important; }
.sw-sf li.sfHover li.sfHover a.item2, .sw-sf li.sfHover li.sfHover li.sfHover a.item2, .sw-sf li.sfHover li.sfHover li.sfHover li.sfHover a.item2, .sw-sf li.sfHover li.sfHover li.sfHover li.sfHover li.sfHover a.item2, .sw-sf li.sfHover li.sfHover li.sfHover li.sfHover li.sfHover li.sfHover a.item2, .sw-sf li.sfHover li.sfHover li.sfHover li.sfHover li.sfHover li.sfHover li.sfHover a.item2, .sw-sf li.sfHover a.item2:hover, .sw-sf li.sfHover li.sfHover a.item2:hover, .sw-sf li.sfHover li.sfHover li.sfHover a.item2:hover, .sw-sf li.sfHover li.sfHover li.sfHover li.sfHover a.item2:hover, .sw-sf li.sfHover li.sfHover li.sfHover li.sfHover li.sfHover a.item2:hover, .sw-sf li.sfHover li.sfHover li.sfHover li.sfHover li.sfHover li.sfHover a.item2:hover, .sw-sf li.sfHover li.sfHover li.sfHover li.sfHover li.sfHover li.sfHover li.sfHover a.item2:hover, .sw-sf a.item2:hover { background-image: none; background-color: #862D59 !important; color: #FFFFFF !important; }
.sw-sf li.sfHover li.sfHover li a.item2, .sw-sf li.sfHover li.sfHover li.sfHover li a.item2, .sw-sf li.sfHover li.sfHover li.sfHover li.sfHover li a.item2, .sw-sf li.sfHover li.sfHover li.sfHover li.sfHover li.sfHover li a.item2, .sw-sf li.sfHover li.sfHover li.sfHover li.sfHover li.sfHover li.sfHover li a.item2, .sw-sf li.sfHover li.sfHover li.sfHover li.sfHover li.sfHover li.sfHover li.sfHover li a.item2 { background-image: none; background-color: #5F0732 !important; color: #FFFF85 !important; }
.sw-sf a.sf-with-ul { padding-right: 2.25em; min-width: 1px; }
.sw-sf .sf-sub-indicator { position: absolute; display: block; right: .75em; top: 1.05em; width: 10px; height: 10px; text-indent: -999em; overflow: hidden; background: url(../images/arrows-white.png) no-repeat -10px -100px; }
.sw-sf a > .sf-sub-indicator { top: .8em; background-position: 0 -100px; }
.sw-sf a:focus > .sf-sub-indicator, .sw-sf a:hover > .sf-sub-indicator, .sw-sf a:active > .sf-sub-indicator, .sw-sf li:hover > a > .sf-sub-indicator, .sw-sf li.sfHover > a > .sf-sub-indicator { top: .8em; background-position: -10px -100px; }
.sw-sf ul .sf-sub-indicator { background-position: -10px 0; }
.sw-sf ul a > .sf-sub-indicator { background-position: 0 0; }
.sw-sf ul a:focus > .sf-sub-indicator, .sw-sf ul a:hover > .sf-sub-indicator, .sw-sf ul a:active > .sf-sub-indicator, .sw-sf ul li:hover > a > .sf-sub-indicator, .sw-sf ul li.sfHover > a > .sf-sub-indicator { background-position: -10px 0; }
.sf-vertical .sf-sub-indicator { background-position: -10px -100px; }
.sf-vertical a > .sf-sub-indicator { background-position: 0 0; }
.sf-vertical a:focus > .sf-sub-indicator, .sf-vertical a:hover > .sf-sub-indicator, .sf-vertical a:active > .sf-sub-indicator, .sf-vertical li:hover > a > .sf-sub-indicator, .sf-vertical li.sfHover > a > .sf-sub-indicator { background-position: -10px 0; }
#mobile-menu { display: none !important; }
/*-----------Accordion --------------------*/
.accordion { color: #333; padding: 0; margin: 10px 0px; }
.accordion dt { padding: 6px 6px 6px 30px; margin: 0; font: normal 17px calibri; cursor: pointer; background: #E3E1C8 url(../images/accordion-arrow-l.png) 5px 9px no-repeat; color: #181817; border-bottom: 1px solid #FFF; -webkit-border-top-left-radius: 6px; -webkit-border-top-right-radius: 6px; -moz-border-radius-topleft: 6px; -moz-border-radius-topright: 6px; border-top-left-radius: 6px; border-top-right-radius: 6px; }
.accordion dt:hover { color: #743e09; transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; }
.accordion dt strong { font: bold 16px calibri; color: #252524; }
.accordion dt:hover strong { color: #743e09; }
.accordion .open strong { color: #FFDE00; }
.accordion .open { background: #4F9C02 url(../images/accordion-arrow-d.png) 5px 9px no-repeat; transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; color: #FFDE00; }
.accordion dd { overflow: hidden; padding: 0; margin: 0; }
.accordion dd span { display: block; padding: 10px; background-color: #DDDDC3; -webkit-border-bottom-right-radius: 6px; -webkit-border-bottom-left-radius: 6px; -moz-border-radius-bottomright: 6px; -moz-border-radius-bottomleft: 6px; border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; margin: 0 0 10px; color: #252524; font: normal 13px Verdana, Geneva, sans-serif; transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; }
.accordion dd span:hover { -webkit-border-bottom-right-radius: 18px; -webkit-border-bottom-left-radius: 18px; -moz-border-radius-bottomright: 18px; -moz-border-radius-bottomleft: 18px; border-bottom-right-radius: 18px; border-bottom-left-radius: 18px; }
.accordion dd span p { line-height: 16px; color: #252524; font: normal 13px Verdana, Geneva, sans-serif; }
.accordion dd span p strong { font: bold 12px Verdana, Geneva, sans-serif; color: #4b4b4b; }
#system p a strong { color: #629A03; }
#system p a strong:hover { color: #840644; }
/*===== Breadcrumb =====*/

#breadcrumb { font: 11px Arial, Helvetica, sans-serif; background-image: url(../images/bc_bg.png); background-repeat: repeat-x; height: 30px; line-height: 30px; color: #9b9b9b; border: solid 1px #d9d6b5; width: 100%; overflow: hidden; margin: 0 0 25px; padding: 0px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; text-shadow: 0px 1px 1px #FFF; filter: dropshadow(color=#FFF, offx=0, offy=1); -webkit-box-shadow: 0px 1px 2px rgba(50, 50, 50, 0.32); -moz-box-shadow: 0px 1px 2px rgba(50, 50, 50, 0.32); box-shadow: 0px 1px 2px rgba(50, 50, 50, 0.32); }
#breadcrumb li { list-style-type: none; float: left; padding: 5px 0 0 10px; color: #767569; font-size: 14px; }
#breadcrumb a { height: 21px; display: block; background-image: url(../images/bc_separator.png); background-repeat: no-repeat; background-position: right; padding-right: 15px; text-decoration: none; color: #1e1e1b; }
.home { border: none; margin: 8px 0px; }
#breadcrumb a:hover { color: #9C064F; }
a.btn-tips { cursor: pointer; float: left; height: 42px; outline: medium none; overflow: hidden; text-indent: -150px; width: 220px; z-index: 1; background: url(../images/btn-tips.png) left top no-repeat; margin: 15px 0px; }
.product-part { margin: 15px 0 0; }
.product-part li { background: #FFF; border: 1px solid #CBCAA6; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; border: 1px solid #cbcaa6; background: #FFF; float: left; width: 26.7%; margin: 0 4% 0 0px; padding: 1.8% 1.8% 3% 1.8%; text-align: center; transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; }
.product-part li:hover { -webkit-border-radius: 22px; -moz-border-radius: 22px; border-radius: 22px; }
.product-part li section { width: 93.5%; }
.product-part li img { background: #FFF; padding: 5px; border: 1px solid #90B627; margin: 10px 0px 18px; width: 100%; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
.product-part li span { background: url(../images/btn-submit-h.png) left bottom repeat-x; padding: 6px 20px 7px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; color: #FFF; font: normal 13px Arial, Helvetica, sans-serif; text-shadow: 0px 1px 1px #000000; filter: dropshadow(color=#000000, offx=0, offy=1); -webkit-box-shadow: 0px 2px 3px rgba(50, 50, 50, 0.32); -moz-box-shadow: 0px 2px 3px rgba(50, 50, 50, 0.32); box-shadow: 0px 2px 3px rgba(50, 50, 50, 0.32); transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; }
.product-part li span:hover { -webkit-border-radius: 14px; -moz-border-radius: 14px; border-radius: 14px; background-position: top; }
.product-part li.last { margin: 0px; }
a.linkbtn { background: url(../images/btn-submit-h.png) left bottom repeat-x; padding: 6px 20px 7px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; color: #FFF; font: normal 13px Arial, Helvetica, sans-serif; text-shadow: 0px 1px 1px #000000; filter: dropshadow(color=#000000, offx=0, offy=1); -webkit-box-shadow: 0px 2px 3px rgba(50, 50, 50, 0.32); -moz-box-shadow: 0px 2px 3px rgba(50, 50, 50, 0.32); box-shadow: 0px 2px 3px rgba(50, 50, 50, 0.32); transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; }
a.linkbtn:hover { -webkit-border-radius: 14px; -moz-border-radius: 14px; border-radius: 14px; background-position: top; }
.imgwidth > img {
    margin-top: 10px;
    width: 100%;
}
.colostrum > h6 {
    color: #606164;
    font-family: Arial,Helvetica,sans-serif;
    font-weight: bolder;
}

.containt-left {
    float: left;
    margin-right: 100px;
    margin-top: 20px;
}
.containt-right {
    margin-top: 20px;
    margin-bottom:15px;
}
a.toggleMenu {
	display: none;
	padding: 10px 15px 22px;
	color: #fff;
	width: 90%;
}
.nav {
	list-style: none;
 *zoom: 1;
}
.nav:before,  .nav:after {
	content: " ";
	display: table;
}
.nav:after {
	clear: both;
}
.nav ul {
	list-style: none;
}
.nav a {
	padding: 12px 19px 7px;
	font: normal 18px calibri;
	color: #FFF;
}
.nav li {
	position: relative;
	margin: 0 37px 0 0;
	margin: 0 27px 0 0\9; /* IE8 and below */  
	padding: 0 0 11px;
	padding: 0 0 12px\9; /* IE8 and below */  
	float: left;
	background: none;
}
.nav li.last {
	margin: 0px;
}
/*.nav > li > .parent {

    background-image: url(../images/downArrow.png);

    background-repeat: no-repeat;

    background-position: right;

}*/

.nav > li > a {
	display: block;
}
.nav a:hover {
	background: #FFF;
	padding: 12px 19px 7px;
	color: #640433;
	-webkit-border-bottom-right-radius: 6px;
	-webkit-border-bottom-left-radius: 6px;
	-moz-border-radius-bottomright: 6px;
	-moz-border-radius-bottomleft: 6px;
	border-bottom-right-radius: 6px;
	border-bottom-left-radius: 6px;
}
.nav a.active {
	background: #FFF;
	padding: 12px 19px 7px;
	color: #640433;
	-webkit-border-bottom-right-radius: 6px;
	-webkit-border-bottom-left-radius: 6px;
	-moz-border-radius-bottomright: 6px;
	-moz-border-radius-bottomleft: 6px;
	border-bottom-right-radius: 6px;
	border-bottom-left-radius: 6px;
}
.nav li ul {
	position: absolute;
	left: -9999px;
	width: 20em;
	z-index: 999;
}
.nav > li.hover > ul {
	left: 0;
}
.nav li ul li {
	margin: 0px;
	padding: 0px;
	height: auto;
	font-weight: normal;
	margin: 0;
	width: 250px;
	padding: 0;
	background: #9F2460;
	border-bottom: 1px dashed #FFF;
}
.nav li ul li:hover {
	color: #2b0015;
}
.nav li li.hover ul {
	left: 100%;
	top: 0;
}
.nav li li a {
	display: block;
	position: relative;
	z-index: 100;
}
.nav li li a:hover {
	background: none;
}
.nav li li li a {
	z-index: 200;
}
 @media screen and (max-width: 768px) {
.active {
	display: block;
}
.nav > li {
	float: none;
	background: #5F0732 url(../images/downArrow.png) 97% 20px no-repeat;
	margin: 0px;
	padding: 0px;
	border-bottom: 1px dashed #FFF;
}
.nav a.active {
	background: none;
	color: #FFF;
}
.nav a:hover {
	background: #890C46;
	padding: 12px 19px 7px;
	color: #FFF;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
}
.nav > li > .parent {
	background-position: 95% 50%;
}
.nav li li .parent {
	background-image: url(../images/downArrow.png);
	background-repeat: no-repeat;
	background-position: 95% 50%;
}
.nav ul {
	display: block;
	width: 100%;
}
.nav > li.hover > ul, .nav li li.hover ul {
	position: static;
	width: 100%;
}
.nav li ul li {
	width: 100%;
	padding: 0px;
	background: #9F2460;
}
.nav > li {
	clear: both;
}
}
@media only screen and (min-width: 35em) {
/* Style adjustments for viewports that meet the condition */

}
 @media only screen and (min-width: 990px) and (max-width: 1024px) {
.wrapper { margin: 0px auto; width: 990px; }
#content { background: url(../images/bg-top.jpg) left top repeat-x; }
}



 /* Style adjustments for IPAD Portrate */

@media only screen and (min-width: 768px) and (max-width: 990px) {
.wrapper { margin: 0px auto; width: 92%; }
#content { background: url(../images/bg-top.jpg) left top repeat-x; }
.pull-out-right.pull-out { display: none; }
.call-part { display: none; }
.TopPart { height: auto; }
.banner-part { height: auto !important; padding: 10px 0 0px; }
#container { background: url(../images/bg.jpg); margin: 0px; }
.cal1 { float: none; width: 100%; }
.cal2 { float: none; width: 100%; margin: 0 0 20px; }
.cal3 { float: none; width: 100%; }
.testimonials { background: #E8EED2; border-top: 3px solid #7DA21E; width: 93%; }
.w-gain { display: none; }
.cal4 { float: none; width: 100%; }
.img-right-box { display: none; }
.right-box { display: none; }
.subscribe { background: #448B00; width: 95%; height: auto !important; padding: 8px 20px; }
.subscribe input { margin: 0px 0 08px; width: 94%; }
#Footer .cal1 { display: none; }
#Footer .cal2 { float: none; width: 100%; }
#Footer .cal2 ul li.home { float: left; width: 46%; }
#Footer .cal2 ul li { float: right; text-align: left; width: 42%; }
#Footer .cal2 ul li.mail { float: left; width: 46%; }
.footer-part { background: none; }
a.logo { float: left; width: 424px; height: 124px; outline: none; background: url(../images/logo.png) 0 0 no-repeat; overflow: hidden; cursor: pointer; z-index: 500; text-indent: -99px; /*put logo image here*/ margin: 10px 0; }
.product-box { width: 46%; }
.cal5 { float: none; width: 90%; margin: 0 auto; }
.cal6 { float: none; width: 90%; margin: 0 auto 20px; }
.sw-sf.sf-vertical, .sw-sf.sf-vertical li { display: none !important; }
#mobile-menu { display: block !important; text-align: center; margin: 12px 0 8px; }
.cal7 { float: none; width: 90%; margin: 0 auto 20px; border: none; border-bottom: 1px solid #FFF; padding: 0px; }
.cal8 { float: none; width: 90%; margin: 0 auto; clear: both; }
.c-box textarea, .c-box input, .c-box select { width: 63%; }
.c-box .styled-select { width: 65%; }
.c-box .styled-select select { width: 111%; }
img.certificate { border: 3px solid #629A03; margin: 15px 0 0px; width: 96% }
#breadcrumb { display: none; }
.btn-tips { display: none; }
}



/*Tablet Layout: 768px.*/

 /* Style adjustments for IPAD Portate and Iphone */

@media only screen and (max-width: 990px) {
.wrapper { margin: 0px auto; width: 92%; }
#content { background: #FFF url(../images/bg-menu.png) left top repeat-x; }
.pull-out-right.pull-out { display: none; }
.call-part { display: none; }
.TopPart { height: auto; }
.banner-part { height: auto !important; padding: 10px 0 0px; }
#container { background: url(../images/bg.jpg); margin: 0px; }
.cal1 { float: none; width: 100%; }
.cal2 { float: none; width: 100%; margin: 0 0 20px; }
.product-box a { margin-left: 105px; }
.box-clear { width: 12px; }
.cal3 { float: none; width: 100%; }
.testimonials { background: #E8EED2; border-top: 3px solid #7DA21E; width: 93%; }
.w-gain { display: none; }
.cal4 { float: none; width: 100%; }
.img-right-box { display: none; }
.right-box { display: none; }
.subscribe { background: #448B00; width: 95%; height: auto !important; padding: 8px 20px; }
.subscribe input { margin: 0px 0 08px; width: 94%; }
#Footer .cal1 { display: none; }
#Footer .cal2 { float: none; width: 100%; }
#Footer .cal2 ul li.home { float: left; width: 46%; }
#Footer .cal2 ul li { float: right; text-align: left; width: 42%; }
#Footer .cal2 ul li.mail { float: left; width: 46%; }
.footer-part { background: none; }
a.logo { float: left; width: 424px; height: 124px; outline: none; background: url(../images/logo.png) 0 0 no-repeat; overflow: hidden; cursor: pointer; z-index: 500; text-indent: -99px; /*put logo image here*/ margin: 10px 0; }
.product-box { width: 46%; }
.cal5 { float: none; width: 90%; margin: 0 auto; }
.cal6 { float: none; width: 90%; margin: 0 auto 20px; }
.sw-sf.sf-vertical, .sw-sf.sf-vertical li { display: none !important; }
#mobile-menu { display: block !important; text-align: center; margin: 12px 0 8px; }
#mobile-menu select { width: 80%; }
.cal7 { float: none; width: 90%; margin: 0 auto 20px; border: none; border-bottom: 1px solid #FFF; padding: 0px; }
.cal8 { float: none; width: 90%; margin: 0 auto; clear: both; }
.c-box textarea, .c-box input, .c-box select { width: 63%; }
.c-box .styled-select { width: 65%; }
.c-box .styled-select select { width: 111%; }
img.certificate { border: 3px solid #629A03; margin: 15px 0 0px; width: 96% }
#breadcrumb { display: none; }
.btn-tips { display: none; }
}



 /* Style adjustments for Mobile */

@media only screen and (max-width: 767px) {
.wrapper { margin: 0px auto; width: 90%; }
#content { background: #FFF url(../images/bg-menu.png) left top repeat-x; }
.pull-out-right.pull-out { display: none; }
.call-part { display: none; }
.TopPart { height: auto; }
.banner-part { height: auto !important; padding: 10px 0 0px; }
#container { background: url(../images/bg.jpg); margin: 0px; }
.cal1 { float: none; width: 100%; }
.cal2 { float: none; width: 100%; margin: 0 0 20px; }
.product-box a { margin-left: 105px; }
.box-clear { width: 12px; }
.cal3 { float: none; width: 100%; }
.testimonials { background: #E8EED2; border-top: 3px solid #7DA21E; width: 87%; }
.w-gain { display: none; }
.cal4 { float: none; width: 100%; }
.img-right-box { display: none; }
.right-box { display: none; }
.subscribe { background: #448B00; width: 90%; height: auto !important; padding: 8px 20px; }
.subscribe input { margin: 0px 0 08px; width: 94%; }
#Footer .cal1 { display: none; }
#Footer .cal2 { float: none; width: 100%; }
#Footer .cal2 ul li.home { float: left; width: 46%; }
#Footer .cal2 ul li { float: right; text-align: left; width: 35%; font-size: 14px; }
#Footer .cal2 ul li a { font-size: 14px; }
#Footer .cal2 ul li.mail { float: left; width: 46%; }
.footer-part { background: none; }
a.logo { float: left; width: 250px; height: 73px; outline: none; background: url(../images/logo-m.png) 0 0 no-repeat; overflow: hidden; cursor: pointer; z-index: 500; text-indent: -99px; /*put logo image here*/ margin: 10px 0; }
.product-box { width: 46%; }
.cal5 { float: none; width: 90%; margin: 0 auto; }
.cal6 { float: none; width: 90%; margin: 0 auto 20px; }
.sw-sf.sf-vertical, .sw-sf.sf-vertical li { display: none !important; }
#mobile-menu { display: block !important; text-align: center; margin: 12px 0 8px; }
#mobile-menu select { width: 80%; }
.cal7 { float: none; width: 90%; margin: 0 auto 20px; border: none; border-bottom: 1px solid #FFF; padding: 0px; }
.cal8 { float: none; width: 90%; margin: 0 auto; clear: both; }
.c-box textarea, .c-box input, .c-box select { width: 63%; }
.c-box .styled-select { width: 65%; }
.c-box .styled-select select { width: 111%; }
.img-left { display: none; }
.img-right { display: none; }
img.certificate { border: 3px solid #629A03; margin: 15px 0 0px; width: 96% }
#breadcrumb { display: none; }
.btn-tips { display: none; }
}





 /* Style adjustments for Mobile Portrate */

@media only screen and (max-width : 479px) {
.wrapper { margin: 0px auto; width: 90%; }
#content { background: #FFF url(../images/bg-menu.png) left top repeat-x; }
.pull-out-right.pull-out { display: none; }
.call-part { display: none; }
.TopPart { height: auto; }
.banner-part { height: auto !important; padding: 10px 0 0px; }
#container { background: url(../images/bg.jpg); margin: 0px; }
.cal1 { float: none; width: 100%; }
.cal2 { float: none; width: 100%; margin: 0 0 20px; }
.cal3 { float: none; width: 100%; display: none; }
.testimonials { background: #E8EED2; border-top: 3px solid #7DA21E; width: 90%; padding: 20px 12px; }
.w-gain { display: none; }
.subscribe { background: #448B00; width: 84%; height: auto !important; padding: 8px 20px; }
.subscribe input { margin: 0px 0 08px; width: 94%; }
#Footer .cal1 { display: none; }
#Footer .cal2 { float: none; width: 100%; }
#Footer .cal2 ul li.home { float: left; width: 80%; }
#Footer .cal2 ul li { float: left; text-align: left; width: 80%; font-size: 14px; }
#Footer .cal2 ul li a { font-size: 14px; }
#Footer .cal2 ul li.mail { float: left; width: 80%; }
.footer-part { background: none; }
a.logo { float: left; width: 250px; height: 73px; outline: none; background: url(../images/logo-m.png) 0 0 no-repeat; overflow: hidden; cursor: pointer; z-index: 500; text-indent: -99px; /*put logo image here*/ margin: 10px 0; }
.product-box { width: 90%; }
.cal5 { float: none; width: 90%; margin: 0 auto; }
.cal6 { float: none; width: 90%; margin: 0 auto 20px; }
.sw-sf.sf-vertical, .sw-sf.sf-vertical li { display: none !important; }
#mobile-menu { display: block !important; text-align: center; margin: 12px 0 8px; }
#mobile-menu select { width: 80%; }
.cal7 { float: none; width: 90%; margin: 0 auto 20px; border: none; border-bottom: 1px solid #FFF; padding: 0px; }
.cal8 { float: none; width: 90%; margin: 0 auto; clear: both; }
.c-box textarea, .c-box input, .c-box select { width: 90%; margin: 3px 0 0; }
.c-box .styled-select { width: 92%; margin: 35px 0 0; }
.c-box .styled-select select { width: 111%; }
.c-box label { margin: 10px 0 0; text-align: left; width: 98%; }
.c-box label.male input { width: 10%; margin: 0 10px 0 0; }
.c-box label.female input { width: 10%; margin: 0 10px 0 0; }
.c-box label.captcha { margin: 10px 0; }
.img-left { display: none; }
.img-right { display: none; }
img.certificate { border: 3px solid #629A03; margin: 15px 0 0px; width: 96% }
#breadcrumb { display: none; }
.btn-tips { display: none; }
}





/* mobile portrait */

@media only screen and (max-width:320px) {
.wrapper { margin: 0px auto; width: 90%; }
#content { background: #FFF url(../images/bg-menu.png) left top repeat-x; }
.pull-out-right.pull-out { display: none; }
.call-part { display: none; }
.TopPart { height: auto; }
.banner-part { height: auto !important; padding: 10px 0 0px; }
#container { background: url(../images/bg.jpg); margin: 0px; }
.cal1 { float: none; width: 100%; }
.cal2 { float: none; width: 100%; margin: 0 0 20px; }
.cal3 { float: none; width: 100%; }
.testimonials { background: #E8EED2; border-top: 3px solid #7DA21E; width: 90%; padding: 20px 12px; display: none; }
.w-gain { display: none; }
.subscribe { background: #448B00; width: 84%; height: auto !important; padding: 8px 20px; }
.subscribe input { margin: 0px 0 08px; width: 94%; }
#Footer .cal1 { display: none; }
#Footer .cal2 { float: none; width: 100%; }
#Footer .cal2 ul li.home { float: left; width: 80%; }
#Footer .cal2 ul li { float: left; text-align: left; width: 80%; font-size: 14px; }
#Footer .cal2 ul li a { font-size: 14px; }
#Footer .cal2 ul li.mail { float: left; width: 80%; }
.footer-part { background: none; }
a.logo { float: left; width: 250px; height: 73px; outline: none; background: url(../images/logo-m.png) 0 0 no-repeat; overflow: hidden; cursor: pointer; z-index: 500; text-indent: -99px; /*put logo image here*/ margin: 10px 0; }
.product-box { width: 90%; }
.cal5 { float: none; width: 90%; margin: 0 auto; }
.cal6 { float: none; width: 90%; margin: 0 auto 20px; }
.sw-sf.sf-vertical, .sw-sf.sf-vertical li { display: none !important; }
#mobile-menu { display: block !important; text-align: center; margin: 12px 0 8px; }
#mobile-menu select { width: 80%; }
.cal7 { float: none; width: 90%; margin: 0 auto 20px; border: none; border-bottom: 1px solid #FFF; padding: 0px; }
.cal8 { float: none; width: 90%; margin: 0 auto; clear: both; }
.c-box textarea, .c-box input, .c-box select { width: 90%; margin: 3px 0 0; }
.c-box .styled-select { width: 92%; margin: 35px 0 0; }
.c-box .styled-select select { width: 111%; }
.c-box label { margin: 10px 0 0; text-align: left; width: 98%; }
.c-box label.male input { width: 10%; margin: 0 10px 0 0; }
.c-box label.female input { width: 10%; margin: 0 10px 0 0; }
.c-box label.captcha { margin: 10px 0; }
.img-left { display: none; }
.img-right { display: none; }
img.certificate { border: 3px solid #629A03; margin: 15px 0 0px; width: 96% }
#breadcrumb { display: none; }
.btn-tips { display: none; }
}