/*

Theme Name: kosmos

Theme URI: http://wordpress.org/themes/twentyfourteen

Author: AavidCode

Author URI: http://aavidcode.com/

Description: In 2014, our default theme lets you create a responsive magazine website with a sleek, modern design. Feature your favorite homepage content in either a grid or a slider. Use the three widget areas to customize your website, and change your content's layout with a full-width page template and a contributor page to show off your authors. Creating a magazine website with WordPress has never been easier.

Version: 1.0

License: GNU General Public License v2 or later

License URI: http://www.gnu.org/licenses/gpl-2.0.html

Tags: black, green, white, light, dark, two-columns, three-columns, left-sidebar, right-sidebar, fixed-layout, responsive-layout, custom-background, custom-header, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready, accessibility-ready

Text Domain: kosmos



This theme, like WordPress, is licensed under the GPL.

Use it to make something cool, have fun, and share what you've learned with others.

*/



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

1. CSS Reset Code

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



/* 1.1. Eric Meyers Reset

   http://meyerweb.com/eric/tools/css/reset/

   v2.0 | 20110126

   License: none (public domain)

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

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, em, 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, article, aside, canvas, details, embed, figure,

figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,

time, mark, audio, video {

    margin: 0;

    padding: 0;

    border: 0;

    font-size: 100%;

    font: inherit;

    vertical-align: baseline;

}



/* HTML5 display-role reset for older browsers */

article, aside, figcaption, figure,

footer, header, hgroup, menu, nav, section {

    display: block;

}



/* Align radios and text inputs with their label */



input[type='radio'] {

    vertical-align: text-bottom;

}



/* Hand cursor on clickable input elements */

label,

input[type='button'],

input[type='submit'],

button {

    cursor: pointer;

}



strong {

    font-weight: bold;

    font-family: inherit;

    font-size: inherit;

}



em {

    font-style: italic;

}



img {

    border: 0;

    vertical-align: middle;

}



sub,

sup {

    vertical-align: baseline;

    position: relative;

    font-size: 55%;

    line-height: 0;

}



sup {

    top: -.7em;

}



sub {

    bottom: -.25em;

}



input, textarea, button {

    -webkit-appearance: none; /*Safari/Chrome*/

    -moz-appearance: none; /*Firefox*/

    -ms-appearance: none; /*IE*/

    -o-appearance: none; /*Opera*/

    appearance: none;

    -webkit-border-radius: 0;

    border-radius:0;

}



/* 1.2. Clear Fix

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



.cf:before,

.cf:after {

    display: table;

    content: " ";

}



.cf:after {

    clear: both;

}



.cf {

    *zoom: 1;

}



/* 1.3 Webfonts

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



@font-face {

    font-family: 'sofia_pro_lightregular';

    src: url('SofiaProLight-webfont.eot');

    src: url('SofiaProLight-webfont.eot?#iefix') format('embedded-opentype'),

         url('SofiaProLight-webfont.woff') format('woff'),

         url('SofiaProLight-webfont.ttf') format('truetype'),

         url('SofiaProLight-webfont.svg#sofia_pro_lightregular') format('svg');

    font-weight: normal;

    font-style: normal;



}

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

   2. Body

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

body {

    width: 100%;

    color: #000;

    font-family: 'sofia_pro_lightregular';

    overflow-x: hidden;

  -webkit-text-size-adjust: 100%;

  -ms-text-size-adjust: 100%;

  -moz-text-size-adjust: 100%;

  text-size-adjust: 100%;

-webkit-font-smoothing: antialiased;

-moz-font-smoothing: antialiased;

-ms-font-smoothing: antialiased;

-o-font-smoothing: antialiased;

font-smoothing: antialiased;

}



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

 3. Header

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



header {

    width: 100%;

    float: left;

    position: relative;

}



.header-wrapper {

    position: relative;

    width: 1107px;

    margin: 0 auto;

}



.product-sub-menus {

    position: absolute;

    right: 0;

    top: 86px;

    z-index: 1000;

}



.menu-toggle {

    display: none;

}



/*.menu-primary-container {*/

    /*display: none;*/

/*}*/



.post-title1, .post-title2, .post-title3 {

    float: left;

    width: 193px;

    position: relative;

z-index: 9999;

}



.product-sub-menus {

    background: rgba(0, 0, 0, 0.7);

    padding: 10px 5px 10px 10px;

    position: absolute;

    right: 0;

    top: 108px;

    height: auto;

    width: 624px;

    display: none;

        /*-webkit-transition: all 1s ease;*/

/*-moz-transition: all 1ms ease;*/

/*-ms-transition: all 1ms ease;*/

/*-o-transition: all 1ms ease;*/

/*transition: all 1s ease;*/

}



.flex-direction-nav, .flex-control-nav .flex-control-paging {

    display: none;

}



.post-title2 {

    margin: 0 19px;

}



.footer-bottom a {

text-decoration: none;

color: #fff;

}



/* 404 page */



.page-not-found {

margin: 30px 0 0;

}



.page-not-found h2 {

font-size: 30px;

font-weight: 600;

}



p.bold {

margin: 14px 0 10px 0;

}



.page-not-found a {

text-decoration: none;

    color: rgb(34, 121, 187);

}



/**/



.about-footer.abt p+p {

    margin: 12px 0 0;

}



.post-title1 a:hover, .post-title2 a:hover, .post-title3 a:hover {

    color: #FFA500;

}



.footer-logo > a {

float: left;

height: 82px;

margin: 10px 10px 10px 0;

width: 65px;

}



.footer-logo {

   position: absolute;

right: 0;

bottom: 0;

}



.product-sub-menus .post-head {

    color: #FFA500;

    font-size: 16px;

}



.post-title1 a, .post-title2 a, .post-title3 a {

    color: #FFFFFF;

    display: block;

    font-size: 13px;

    text-decoration: none;

    float: left;

    width: 100%;

    margin: 4px 0 0;

}



h1 {

    margin: 10px 0;

    width: 299px;

    height: 88px;

    float: left;

}



h1 a {

    float: left;

    width: 299px;

    height: 88px;

}



/*header a {*/

    /*-webkit-transition: all 1s ease;*/

/*-moz-transition: all 1ms ease;*/

/*-ms-transition: all 1ms ease;*/

/*-o-transition: all 1ms ease;*/

/*transition: all 1s ease;*/

/*}*/



.menu-primary-container {

    float: right;

    margin: 10px 0 0;

}



.menu-primary-container ul li {

    display: inline-block;

    float: left;

}



.menu-primary-container ul li a {

    color: #505050;

    display: table-cell;

    height: 95px;

    text-align: center;

    text-decoration: none;

    vertical-align: middle;

    width: 100px;

    border-bottom: 3px solid rgba(0, 0, 0, 0);

     text-transform: uppercase;

}



.menu-primary-container ul li a:hover {

    border-bottom: 3px solid orange;

}



.menu-primary-container .current-menu-item a {

    border-bottom: 3px solid orange;

}



.single-post .menu-item-16 a, .page-id-41 .menu-item-16 a, .page-id-49 .menu-item-16 a, .page-id-46 .menu-item-16 a {

    border-bottom: 3px solid orange;

}



.active-submenu {

    color: #ffa500 !important;

}



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

 3. Content

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



.content {

    width: 100%;

    float: left;

}



.flexslider {

    height: auto;

    width: 100%;

    margin: 0;

    padding: 0;

    position: relative;

    float: left;

    overflow: hidden;

    border: none;

}



.flexslider .slides img {

    height: 240px;

}



.flex-control-nav, .hide-paper, .hide-medical {

    display: none;

}



.prod-slider {

    margin: 0 0px 25px 0;

}



.slider-content {

    background: rgba(0, 0, 0, 0.6);

    bottom: 0;

    color: #fff;

    font-size: 16px;

    min-height: 27px;

    position: absolute;

    text-align: center;

    width: 100%;

    z-index: 99;

}



.flexslider .slides img {

    float: left;

    height: auto;

}



.slider-content-wrapper, .form-wrapper {

    width: 1107px;

    margin: 0 auto;

}



.hv-content {

    float: left;

    height: auto;

    width: 100%;

}



.history-vision {

    display: block;

    height: auto;

    margin: 20px auto 20px;

    width: 914px;

    overflow: hidden;

}



.history > img, .vision > img {

    width: 450px;

height: 175px;

}



.history, .vision {

    float: left;

    position: relative;

}



.vision {

    margin: 0 0 0 13px;

}



.footer-logo img {

width: 60px;

}



.history-content, .vision-content {

    background: rgba(0, 0, 0, 0.6);

    bottom: 0;

    height: 18%;

    left: 0;

    position: absolute;

    width: 100%;

    color: #fff;

}



.history-content p, .vision-content p {

    color: #d4d4d4;

}



.addr .title + p {

    display: none;

}



.history-content > h2, .vision-content > h2 {

    font-size: 16px;

margin: 4px 0 0 8px;

}



.banner-img {

    height: auto;

    width: 100%;

    position: relative;

    z-index: 999;

}



.banner-img .banner-title {

    background: rgba(0, 0, 0, 0.7);

    bottom: 0;

    position: absolute;

    width: 100%;

    font-size: 21px;

}



.banner-title > div {

    margin: 0 auto;

    width: 1107px;

}



.banner-title h2 {

    text-transform: uppercase;

    width: 1107px;

    color: #FFA500;

    line-height: 35px;

}



.post-detail-page ul {

margin: 0 0 0 20px;

}



.banner-img img {

    width: 100%;

    height: auto;

}



.roll-goods, .paper-packing, .medical-disposable {

    float: left;

    height: 208px;

    position: relative;

    width: 540px;

    overflow: hidden;

}



.roll-goods a > img, .paper-packing a > img, .medical-disposable a > img {

    width: 540px;

    height: 208px;

}



.roll-good-content > h2, .paper-packing-content > h2, .medical-disposable-content > h2 {

    font-size: 18px;

    font-weight: bold;

}



.roll-good-content h2 + p, .paper-packing-content h2 + p, .medical-disposable-content h2 + p, .read-more {

    margin: 5px 0 0;

    float: left;

}



.roll-good-content, .paper-packing-content, .medical-disposable-content {

    background: url("assets/images/yellow.png") repeat scroll 0 0 rgba(0, 0, 0, 0);

    bottom: 0;

    font-size: 15px;

    height: 25%;

    left: 0;

    line-height: 22px;

    padding: 4px 5px 0;

    position: absolute;

    color: #333;

    z-index: 99;

    width: 530px;

}



.head-office a, .administrative-office a {

color: #505050;

text-decoration: none;

}



.breadcrumbs {

    margin: 10px 0 0;

}



.product-wrapper {

    margin: 30px auto;

    width: 1107px;

    overflow: hidden;

}



.paper-packing {

    margin: 0 0 0 10px;

}



.medical-disposable {

    margin: 10px 0 0;

}



.form {

    background-color: #F5A208;

    float: left;

    /*height: 250px;*/

    width: 100%;

}



.form_error, .form-submit {

    display: none;

    color: #FF0000;

    font-size: 14px;

}



#captcha {

    color: #000;

}



.name-container span {

    bottom: -18px;

    color: #FF0000;

    display: none;

    font-size: 14px;

    position: absolute;

    right: 0;

}



.name-container {

    float: left;

    margin: 30px 0 0;

    width: 282px;

    position: relative;

}



.contact-input {

    float: right;

    width: 180px;

}



img.in {

margin: 0px 0 0 15px;

}



img.fb, img.in {

width: 25px;

height: auto;

}



form {

    float: right;

    width: 628px;

    position: relative;

}



.error {

    color: red;

}



.content-wrapper, .footer-wrapper {

    margin: 0 auto;

    width: 1107px;

    position: relative;

overflow: hidden;

}



.content-wrapper {

    font-size: 14px;

}



.content-wrapper h2 {

font-size: 22px;

margin: 18px 0 10px 0;

border-bottom: 1px solid #FFA500;

padding: 0 0 5px 0;

}



.head-office, .administrative-office {

    float: left;

    width: 250px;

}



.address {

    float: left;

    width: 540px;

    height: 208px;

}



.page-id-13 .content-wrapper {

    margin: 50px auto;

    overflow: hidden;

}



.form-wrapper > img {

    margin: 22px 0 0;

}



.page-id-9 .content-wrapper {

    padding: 20px 0;

    text-align: justify;

}



.acf-map {

    width: 100%;

    height: 208px;

    border: #ccc solid 1px;

}







.map {

    float: left;

    width: 540px;

    height: 208px;

}



footer {

    background-color: #636161;

    float: left;

    width: 100%;

}



.about-footer, .product-footer {

    color: #d4d4d4;

    float: left;

    margin: 15px 0 0;

    width: 22%;

    font-size: 12px;

}



.product-footer {

    margin: 15px 160px 10px 160px;

    width: 25%;

}



span.title {

    background: url("assets/images/head-underline.png") no-repeat scroll 0 bottom rgba(0, 0, 0, 0);

    display: block;

    font-size: 16px;

    margin: 0 0 12px;

    padding: 0 0 10px;

    color: #fff;

    text-transform: uppercase;

}



.footer-bottom {

    background: url("assets/images/black.png") repeat scroll 0 0 rgba(0, 0, 0, 0);

    color: #d4d4d4;

    float: left;

    font-size: 12px;

    height: 30px;

    width: 100%;

}



.copyright {

    float: left;

    margin: 7px 0 0;

}



.company {

    float: right;

    margin: 7px 0 0;

}



.product-post {

    float: left;

    margin: 10px 0 0;

}



.product-post.pro0  {

    margin: 0;

}



.footer-post-content {

    color: #d4d4d4;

    float: right;

    width: 55%;

    font-size: 12px;

    margin: 0 24px 0 0;

    text-align: left;

}



.footer-post-content > span {

    color: #FFA500;

    text-transform: uppercase;

    font-size: 13px;

    margin: -4px 0 0;

float: left;

width: 100%;

}



.about-footer > a, .about-footer > p a {

    color: #d4d4d4;

    text-decoration: none;

}



.add-map.addm {

    display: block;

float: left;

margin: 25px 0 25px 0;

}



.roll-goods-content {

    margin: 15px auto;

}



.middle-content {

margin: 0 0 15px 0;

}



.roll-page:nth-child(odd) {

    margin: 0 10px 10px 0;

}



.roll-page:nth-child(even) {

    margin: 0 10px 10px 0;

}



.read-more > a {

    color: #000;

    text-decoration: none;

}



.post-detail-page,  .content {

    /*color: #505050;*/

    color: #333;

}



.post-detail-page h3 {

font-size: 18px;

font-weight: bold;

border-bottom: 1px solid #FFA500;

margin: 10px 0 10px 0;

padding: 0 0 5px 0;

}



.content-wrapper.post-detail-page li {

    list-style: disc outside none;

    list-style-image: url(assets/images/check.png);

    margin: 3px 0 0;

}



.post-detail-page a {

color: #505050;

text-decoration: none;

}



/*.content-wrapper.post-detail-page > ul {*/

    /*margin: 6px 0 0;*/

/*}*/



.content-wrapper.post-detail-page ul li ul {

    margin: 0 0 0 30px;

}



.content-wrapper.post-detail-page {

    padding: 0 0 20px;

    text-align: justify;

}



.content-wrapper.post-detail-page p + p {

    margin: 10px 0 0;

}



/*Contact Form Styling*/



.contact-form {

    float: right;

    width: 500px;

}



.fscf-div-clear {

    float: left;

    margin: 25px 0 0 25px;

    position: relative;

}



.fscf-div-field-left {

    float: left;

}



.fscf-div-label {

    float: left;

    width: 75px;

}



.fscf-div-field {

    float: right;

    width: 200px;

}



.fscf-input-text {

    border: 1px solid rgba(0, 0, 0, 0);

    height: 21px;

    width: 200px;

}



textarea {

    border: 1px solid rgba(0, 0, 0, 0);

    max-height: 55px;

    width: 200px;

}





.fscf-div-error {

    bottom: -21px;

    left: 106px;

    color: #ff0000;

    font-size: 15px;

    position: absolute;

}





.fscf-div-submit {

    float: right;

    margin: 46px 71px 0 0;

}



#fscf_captcha_field1 {

    color: #333333;

    float: left;

    margin: 0 0 0 25px;

    width: 10%;

}



.fscf-div-captcha-sm {

    display: inline-block;

    margin: 0 0 0 12px;

    position: relative;

}



#fscf_captcha_image_div1 > div {

    bottom: 0;

    position: absolute;

    right: -18px;

}



.fscf-input-captcha {

    border: 1px solid #FFFFFF;

    bottom: 44px;

    height: 25px;

    left: 229px;

    position: absolute;

    width: 70px;

}



.fscf-image-captcha-refresh {

    height: auto;

    width: 12px;

}



.fscf-button-submit, input.wpcf7-form-control.wpcf7-submit {

    background: none repeat scroll 0 0 #333333;

    border: 1px solid rgba(0, 0, 0, 0);

    border-radius: 5px;

    color: #FFFFFF;

    height: 28px;

    width: 80px;

}



#fscf_form_error1 {

    left: 26px;

    top: -13px;

}



.fscf-image-captcha {

    height: 30px;

    width: 100px;

}



/*  Contact form 7  */



span.wpcf7-form-control-wrap input {

width: 198px;

height: 19px;

border: 1px solid transparent;

}



.fscf-button-submit, input.wpcf7-form-control.wpcf7-submit {

    background: none repeat scroll 0 0 #333;

    border: 1px solid rgba(0, 0, 0, 0);

    border-radius: 5px;

    color: #FFF;

    height: 28px;

    width: 80px;

}



.info-field {

margin: 20px 0 0;

float: left;

    width: 100%;

}



textarea.wpcf7-form-control.wpcf7-textarea {

width: 193px;

   max-width: 193px;

    height: 70px;

    max-height: 70px;

}



.submit {

margin: 50px 0 20px 74px;

float: left;

}



.wpcf7-validation-errors {

    float: left;

}



.wpcf7-mail-sent-ok {

color: #000;

height: 26px;

margin: 0 0 0;

float: left;

width: 500px;

}



.wpcf7-response-output {

margin: 0 0 20px 0 !important;

}



.wpcf7-validation-errors {

margin: 0 0 10px 0 !important;

color: #ff0000;

}



span.wpcf7-not-valid-tip {

    font-size: 12px;

}



.left-side, .right-side {

    width: 275px;

}



.left-side, .info-field p {

float: left;

}



.right-side, .info-field p+p {

    float: right;

}



.sbs-table th {

background-color: #f3a304;

font-weight: 600;

border: 1px solid;

vertical-align: middle;

padding: 10px;

}



.sbs-table td {

border: 1px solid #000;

vertical-align: middle;

    padding: 10px;

}


.lnw-table th {

background-color: #f3a304;

font-weight: 600;

border: 1px solid;

vertical-align: middle;

padding: 10px;

}



.lnw-table td {

border: 1px solid #000;

vertical-align: middle;

    padding: 3px;

}



/* Tablet landscape size to standard < 1024 (devices and browsers)- ipad land */

@media only screen and (min-width: 1024px) and (max-width:1107px) {



.footer-post-content {

    margin: 0 !important;

    width: 56%;

}



.header-wrapper, .slider-content-wrapper, .form-wrapper, .history-vision, .banner-title > div, .banner-title h2, .product-wrapper, .content-wrapper, .footer-wrapper {

    width: 960px;

}



.banner-title.prod-bannr-title {

    bottom: 13px;

}



.history > img, .vision > img {

  width: 472px;

}



.product-footer {

  margin: 15px 145px 20px;

}



.address {

    width: 410px;

}



.roll-goods, .paper-packing, .medical-disposable {

  width: 429px;

  height: 165px;

}



.roll-good-content, .paper-packing-content, .medical-disposable-content {

    height: 45px;

width: 418px;

    padding: 4px 5px 4px;

}



.roll-goods a > img, .paper-packing a > img, .medical-disposable a > img {

width: 428px;

height: auto;

}



.roll-goods img {

    height: 208px;

    width: 475px;

}



.banner-img {

height: auto;

}



.read-more > a {

text-decoration: none;

position: absolute;

left: 0;

top: -152px;

width: 540px;

height: 208px;

text-indent: -999px;

}



.acf-map {

    height: 185px;

}



.flexslider {

    height: 224px;

}



/*.flexslider .slides img {*/

    /*height: auto;*/

/*}*/





.slider-content-wrapper {

    font-size: 20px;

}



.product-wrapper {

width: 868px;

}



.page-id-41 .roll-page:nth-child(odd), .page-id-46 .roll-page:nth-child(odd) {

margin: 0 0 10px 0;

}



.page-id-11 .roll-page:nth-child(even), .page-id-49 .roll-page:nth-child(even) {

margin: 0 0 10px 0;

}



.flexslider .slides img {

height: auto;

}



textarea.wpcf7-form-control.wpcf7-textarea {

    width: 203px;

max-width: 203px;

}



.right-side {

width: 285px;

}



.footer-post-content > span {

    text-align: left;

    font-size: 13px;

}





}

/* Tablet landscape size to standard < 960 (devices and browsers)- ipad port */

@media only screen and (min-width: 768px) and (max-width: 1023px) {



.footer-bottom {

    margin: 18px 0 0;

}



.footer-post-content {

    margin: 0 !important;

}



.header-wrapper, .slider-content-wrapper, .form-wrapper, .history-vision, .banner-title > div, .banner-title h2, .product-wrapper, .content-wrapper, .footer-wrapper {

    width: 728px;

}



.header-wrapper {

    position: static;

}



.history > img, .vision > img {

  width: 356px;

}



.history-content > h2, .vision-content > h2 {

font-size: 18px;

}



.product-footer {

   margin: 15px 62px 7px 62px;

width: 37%;

}



.footer-logo > a {

    margin: 10px 25px 35px 0;

}



.product-post img {

width: 75px;

}



.footer-post-content {

    width: 68%;

}



.map {

    width: 460px;

    float: right;

    height: 160px;

}



.acf-map {

    height: 160px;

}



.map #gmap_canvas {

    width: 460px !important;

    height: 160px !important;

    float: right  !important;

}



.add-map.addm {

    width: 728px;

}



.address {

width: 215px;

font-size: 14px;

    height: 160px;

}



form {

    width: 600px;

}



.form-wrapper > img {

margin: 50px 0 0;

width: 116px;

}



.paper-packing, .medical-disposable {

margin: 10px 0 0;

}



.banner-img {

height: auto;

}



.flexslider .slides img {

    height: auto;

}



.flexslider {

height: 176px;

}



.slider-content {

    font-size: 18px;

    min-height: 49px;

}



.hv-content {

    padding: 0 0 72px;

}



.history-vision {

    margin: 72px auto 0;

}



.roll-goods, .paper-packing, .medical-disposable {

    height: 131px;

width: 340px;

}



.product-wrapper.roll-goods-content {

margin: 38px auto 28px;

}



.roll-good-content h2+ p {

display: none;

}



.roll-goods a > img, .paper-packing a > img, .medical-disposable a > img {

width: 340px;

height: auto;

}



.roll-good-content, .paper-packing-content, .medical-disposable-content {

    height: 21%;

    width: 331px;

}



.roll-goods img {

width: 358px;

}



.read-more > a {

text-decoration: none;

position: absolute;

left: 0;

top: -84px;

width: 358px;

height: 138px;

text-indent: -999px;

}



.roll-good-content > h2 {

    font-size: 17px;

}



.about-footer, .product-footer {

    font-size: 12px;

}



.footer-logo img {

width: 80px;

}



.product-post {

    margin: 5px 0 0;

}



.product-post img {

width: 75px;

}



.banner-img .banner-title {

    font-size: 20px;

}



.product-wrapper {

width: 690px;

}



.page-id-41 .roll-page:nth-child(odd), .page-id-46 .roll-page:nth-child(odd) {

margin: 0 0 10px 0;

}



.page-id-11 .roll-page:nth-child(even), .page-id-49 .roll-page:nth-child(even) {

margin: 0 0 10px 0;

}



textarea.wpcf7-form-control.wpcf7-textarea {

    width: 203px;

max-width: 203px;

}



.right-side {

width: 285px;

}



}





/* Mobile Landscape Size to Tablet Portrait (devices and browsers)- ipod land */

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



.header-wrapper, .slider-content-wrapper, .form-wrapper, .history-vision, .banner-title > div, .banner-title h2, .product-wrapper, .content-wrapper, .footer-wrapper {

    width: 92%;

     overflow: hidden;

}



.header-wrapper {

    position: static;

}



.menu-toggle {

    display: block;

    float: right;

    cursor: pointer;

    margin: 18px 0 0;

}



.menu-primary-container {

    left: 0;

    position: absolute;

    top: 64px;

    width: 100%;

    z-index: 9999;

    margin: 0;

    background: url("assets/images/black.png") repeat scroll 0 0;

}



.menu-primary-container a {

margin: 10px 0 0 27px;

}



.banner-title h2 {

    line-height: 25px;

font-size: 15px;

}



.left-side, .right-side {

width: 245px;

}



span.wpcf7-form-control-wrap input {

    width: 175px;

}



.info-field p:first-child {

margin: 0 0 0 12px;

}



textarea.wpcf7-form-control.wpcf7-textarea {

    width: 171px;

}



.info-field p {

font-size: 13px;

}



.menu-primary-container ul li a {

    color: #fff;

    float: left;

    height: 30px;

    padding: 0 0 0 17px;

    border: none;

    text-align: left;

    vertical-align: middle;

    width: 90%;

}



.menu-primary-container ul li a:hover {

    color: #FFA500;

    border: none;

}



.footer-logo > a {

height: 87px;

margin: 30px 0 16px 0;

text-align: right;

    width: 63px;

}



.footer-logo img {

width: 63px;

}





.banner-img {

    height: auto;

}



h1, header {

    height: 64px;

}



h1 a img {

width: 195px;

height: auto;

}



.menu-primary-container .current-menu-item a {

    border: none;

}



.menu-primary-container ul li {

    display: block;

    width: 100%;

}



.history > img, .vision > img {

width: 225px;

    height: auto;

}



.history-vision {

   width: 90%;

}



.footer-bottom {

    margin: 10px 0 0;

}



.history-content, .vision-content {

    width: 100%;

    height: 25%;

}



.history-content > h2, .vision-content > h2 {

font-size: 15px;

margin: 0 0 0 8px;

}



.product-post img {

width: 60px;

    display: none;

}



.about-footer, .product-footer {

    width: 30%;

}



.product-footer {

margin: 15px 16px 0;

width: 32%;

}



.about-footer, .product-footer {

    font-size: 10px;

}



.product-post {

    margin: 5px 0 0;

    font-size: 10px;

}



.footer-post-content > span {

    font-size: 11px;

}



.footer-post-content {

    width: 100%;

    font-size: 10px;

}



.flexslider .slides img {

    height: auto;

}



.slider-content {

    font-size: 12px;

    min-height: 30px;

}



h1 {

margin: 5px 0;

}



.flexslider {

    height: 118px;

    background-color: #999;

}



.roll-goods, .roll-goods a img {

    width: 230px;

    height: auto;

}



.roll-goods img {

    width: 230px;

    height: auto;

}



.roll-good-content, .paper-packing-content, .medical-disposable-content {

    font-size: 12px;

    height: 25%;

    padding: 2px 5px 0;

    width: 220px;

}



#menu-item-16 a {

    border: none;

}



.menu-primary-container ul li a {

    padding: 0;

    /*margin: 10px 0 0 32px;*/

}



.roll-good-content > h2, .paper-packing-content > h2, .medical-disposable-content > h2 {

    font-size: 14px;

}



.banner-img .banner-title {

    font-size: 18px;

    bottom: -2px;

}



.prod-bannr-title {

    bottom: 10px !important;

}



.history-vision {

   width:466px;

}

.read-more > a {

text-decoration: none;

position: absolute;

left: 0;

top: -65px;

width: 230px;

height: 89px;

text-indent: -999px;

}



.add-map {

width: 100%;

float: left;

}



.address {

width: 172px;

    font-size: 12px;

    height: 145px;

}



.page-id-13 .content-wrapper {

    margin: 30px auto;

}



.add-map.addm {

    margin: 25px 0 0 0;

}



.map {

float: right;

width: 292px;

    height: 145px;

}



.acf-map, #gmap_canvas {

    height: 145px !important;

}



#gmap_canvas {

    width: 335px !important;

}



.form-wrapper > img {

   display: none;

}



form {

    width: 497px;

}



#fscf_captcha_field1 {

    margin: 0;

}



.product-post.pro0 {

margin: 0;

}



span.title {

    font-size: 16px;

}



.footer-bottom {

    font-size: 10px;

}



.fscf-div-label {

width: 58px;

font-size: 14px;

}



.fscf-div-field, .fscf-input-text {

width: 160px;

}



.footer-bottom {

    margin: 18px 0 0;

}



.footer-post-content {

    margin: 0 !important;

}



.footer-post-content > span {

    text-align: left;

}



.product-footer a, .roll-goods a {

    text-decoration: none;

}

.sbs-table th {

background-color: #f3a304;

font-weight: 600;

border: 1px solid;

vertical-align: middle;

padding: 3px;

}



.sbs-table td {

border: 1px solid #000;

vertical-align: middle;

    padding: 3px;

}


.lnw-table th {

background-color: #f3a304;

font-weight: 600;

border: 1px solid;

vertical-align: middle;

padding: 10px;

}



.lnw-table td {

border: 1px solid #000;

vertical-align: middle;

    padding: 3px;

}

/*tables*/

/* Force table to not be like tables anymore */

		/*table, thead, tbody, th, td, tr {

			display: block;

		}



		/* Hide table headers (but not display: none;, for accessibility) */

		/*thead tr {

			position: absolute;

			top: -9999px;

			left: -9999px;

		}



		tr { border: 1px solid #ccc; }



		td {

			/* Behave  like a "row" */

			/*border: none;

			border-bottom: 1px solid #eee;

			position: relative;

			padding-left: 50%;

		}



		td:before {

			/* Now like a table header */

			/*position: absolute;

			/* Top/left values mimic padding */

			/*top: 6px;

			left: 6px;

			width: 45%;

			padding-right: 10px;

			white-space: nowrap;

		}



		/*

		Label the data

		*/

		/*td:nth-of-type(1):before { content: "Application & Segment"; font-weight: 600;color: #f3a304;}

		td:nth-of-type(2):before { content: "Technology"; font-weight: 600;color: #f3a304;}

		td:nth-of-type(3):before { content: "Product name"; font-weight: 600;color: #f3a304;}

		td:nth-of-type(4):before { content: "Benefits"; font-weight: 600;color: #f3a304;}

		td:nth-of-type(5):before { content: "Basis weight (gsm)"; font-weight: 600;color: #f3a304;}

		td:nth-of-type(6):before { content: "Size (cm)"; font-weight: 600;color: #f3a304;}

		td:nth-of-type(7):before { content: "Sterilization"; font-weight: 600;color: #f3a304;}

		td:nth-of-type(8):before { content: "Color"; font-weight: 600;color: #f3a304;}



.sbs-table td {

    padding: 1% 0 1% 55%;

    font-size: 12px;

}*/





}

/*5inch phone ipod landscape*/

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





.history > img, .vision > img {

width: 282px;

}



.history-vision {

   width:92%;

}



.flexslider {

    height: 137px;

}



.banner-img {

    height: auto;

}



.banner-img .banner-title {

    font-size: 21px;

}



.roll-good-content, .paper-packing-content, .medical-disposable-content {

    width: 258px;

}



.roll-goods, .roll-goods a img {

    width: 268px;

}



.form-wrapper {

    width: 90%;

}



.contact-form {

float: none;

width: 470px;

margin: 0 auto;

}



form {

width: 502px;

}



.product-wrapper {

    width: 556px;

}



.roll-goods img {

width: 268px;

height: auto;

}





}





/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers)- ipod port*/

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



.product-footer a, .roll-goods a {

    text-decoration: none;

}



.footer-bottom {

    margin: 18px 0 0;

}



.footer-post-content > span {

    text-align: left;

}



.footer-post-content {

    margin: 0 !important;

}



.header-wrapper, .slider-content-wrapper, .form-wrapper, .history-vision, .banner-title > div, .banner-title h2, .product-wrapper, .content-wrapper, .footer-wrapper {

    width: 92%;

}



.product-wrapper {

    width: 279px;

}



.header-wrapper {

    position: static;

}



h1 img {

width: 184px;

height: auto;

margin: 6px 0 0;

}



h1 a {

    width:auto;

    float: left;

}



h1 {

    height: auto;

    width: 184px;

}



h1 a {

    float: left;

}



.content {

    position: relative;

left: 0;

top: 0px;

}



.footer-wrapper a {

    transition: color .3s linear;

    -webkit-transition: color .3s linear;

    -ms-transition: color .3s linear;

    -o-transition: color .3s linear;

    -moz-transition: color .3s linear;

    text-decoration: none;

}



.history-vision a {

    text-decoration: none;

}



.menu-toggle {

display: block;

float: right;

margin: 28px 5px 0 0;

    cursor: pointer;

 

}



header {

    height: 80px;

}



.menu-primary-container {

    left: 0;

    position: absolute;

    top: 80px;

    width: 100%;

    z-index: 9999;

    margin: 0;

    background: url("assets/images/black.png") repeat scroll 0 0;

}



.menu-primary-container ul li a {

    color: #fff;

    float: left;

    height: 30px;

    border: none;

    text-align: left;

    vertical-align: middle;

    width: 90%;

    margin: 10px 0 0 20px;

}



.menu-primary-container ul li a:hover {

    color: #FFA500;

    border: none;

}



.menu-primary-container .current-menu-item a {

    border: none;

}



.menu-primary-container ul li {

    display: block;

    width: 100%;

}



.flexslider .slides img {

    height: 120px !important;

}



.flexslider {

    height: 120px;

}



.slider-content {

    font-size: 13px;

    min-height: 35px;

}



.history > img, .vision > img {

width: 298px;

    height: auto;

}



.vision {

margin: 8px 0 0 0;

}



.history-content, .vision-content {

    height: 23%;

}



.history-content > h2, .vision-content > h2 {

font-size: 18px;

margin: 0 0 0 8px;

}



.banner-title {

    visibility: hidden;

}



.submit {

margin: 0;

position: absolute;

left: 0;

top: 242px;

}



.product-footer img {

display: none;

}



.about-footer, .product-footer {

    width: 100%;

}



.footer-post-content {

    width: 100%;

    font-size: 8px;

}



.footer-post-content > span {

    font-size: 10px;

}



.product-post {

    margin: 3px 0 0;

}



.product-footer {

margin: 15px 10px 0;

}



span.title {

    font-size: 12px;

}



.about-footer, .product-footer {

    font-size: 11px;

}



.banner-img .banner-title {

     font-size: 13px;

}



.footer-logo > a {

    width: 88px;

}



.footer-logo img {

width: 50px;

float: right;

}



.footer-bottom {

     font-size: 8px;

}



.banner-img {

height: auto;

}



.map, #gmap_canvas {

   width: 280px !important;

float: none;

overflow: hidden;

margin: 0 auto;

}



#menu-item-16 a {

    border: none;

}



.form-wrapper > img {

   display: none;

}



.product-post.pro0 {

margin: 0;

}



.roll-goods a > img, .paper-packing a > img, .medical-disposable a > img {

width: 282px;

height: auto;

}



.roll-goods img {

    width: 282px;

height: auto;

}



.roll-good-content, .paper-packing-content, .medical-disposable-content {

    width: 272px;

}



.roll-goods, .paper-packing, .medical-disposable {

    width: 280px;

height: 102px;

    overflow: hidden;

}



.content-wrapper, .content-wrapper h2 {

    font-size: 12px;

}



.roll-page:nth-child(odd) {

    margin: 0 0 10px 0;    

}



.roll-good-content > h2, .paper-packing-content > h2, .medical-disposable-content > h2 {

    font-size: 12px;

}



.address {

float: none;

width: 260px;

height: 125px;

    margin: 0 auto 20px;

}



.contact-form, form {

    width: 280px;

    min-height: 280px;

}



.right-side {

    float: left;

}



.fscf-input-text, .fscf-div-field, textarea {

    width: 180px;

}



.fscf-div-clear {

    margin: 25px 0 0;

}



.fscf-div-captcha-sm {

    margin: 25px 0 0 47px;

}



.fscf-input-captcha {

    left: 189px;

    bottom: 85px;

}



.fscf-image-captcha {

    width: 80px;

}



#fscf_captcha_field1 {

    margin: 25px 0 0;

}



.fscf-div-submit {

    margin: 46px 18px 10px 0;

}



.slider-content {

background: #000;

}



.product-footer, .about-footer.addr, .footer-logo {

display: none;

}



.about-footer.abt p+p {

    display: none;

}


.sbs-table th {

background-color: #f3a304;

font-weight: 600;

border: 1px solid;

vertical-align: middle;

padding: 3px;

}



.sbs-table td {

border: 1px solid #000;

vertical-align: middle;

    padding: 3px;

}


.lnw-table th {

background-color: #f3a304;

font-weight: 600;

border: 1px solid;

vertical-align: middle;

padding: 10px;

}



.lnw-table td {

border: 1px solid #000;

vertical-align: middle;

    padding: 3px;

}


/*tables*/

/* Force table to not be like tables anymore */

		/* table, thead, tbody, th, td, tr {

			display: block;

		} */



		/* Hide table headers (but not display: none;, for accessibility) */

		/*thead tr {

			position: absolute;

			top: -9999px;

			left: -9999px;

		}



		tr { border: 1px solid #ccc; }



		td {

			/* Behave  like a "row" */

			/*border: none;

			border-bottom: 1px solid #eee;

			position: relative;

			padding-left: 50%;

		}



		td:before {

			/* Now like a table header */

			/*position: absolute;

			/* Top/left values mimic padding */

			/*top: 3px;

			left: 6px;

			width: 45%;

			padding-right: 10px;

			white-space: nowrap;

		}



		/*

		Label the data

		*/
        /*

		td:nth-of-type(1):before { content: "Application & Segment"; font-weight: 600; color: #f3a304;}

		td:nth-of-type(2):before { content: "Technology";font-weight: 600; color: #f3a304;}

		td:nth-of-type(3):before { content: "Product name"; font-weight: 600;color: #f3a304;}

		td:nth-of-type(4):before { content: "Benefits"; font-weight: 600;color: #f3a304;}

		td:nth-of-type(5):before { content: "Basis weight (gsm)"; font-weight: 600;color: #f3a304;}

		td:nth-of-type(6):before { content: "Size (cm)"; font-weight: 600;color: #f3a304;}

		td:nth-of-type(7):before { content: "Sterilization"; font-weight: 600;color: #f3a304;}

		td:nth-of-type(8):before { content: "Color"; font-weight: 600;color: #f3a304;}

        */




/*.sbs-table td {

    padding: 1% 0 1% 55%;

    font-size: 12px;

}*/



}



/*5inch phone*/

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



.flexslider {

height: 113px;

}



.flexslider .slides img {

height: 59px;

}



.history-vision {

    width: 295px;

}



div.product-wrapper.roll-goods-content {

width: 281px;

}



.contact-form, form {

    float: left;

    margin: 0 0 0 11px;

}



.product-footer {

margin: 15px 19px 0;

}



}



#gmap_canvas{

border: 1px solid #cccccc;

}