/*----------- MAKE THEMES TO RESPONSIVE -----*/

/* Mobile iphone */
@media (max-width: 320px) {
}

@media (max-width: 375px) {
}

/* Tablet */
@media screen and (min-width: 0px) and (max-width: 768px) {
}

/* Responsive */
@media screen and (min-width: 768px) and (max-width: 1200px) {
}

/* Normal Screen */
@media (min-width: 1200px) {

}

@media (max-width: 907px) {
    .box-mea-left { float: none; width: 100%; display: block; margin: 0 auto; padding: 30px 0   ; }
    .box-mea-right { float: none; width: 100%; display: block; margin: 0 auto; padding: 0 15px; }
    .box-text-measure { font-family: 'Calibri'; font-size: 14px; color: rgba(0,0,0,0.75); line-height: 20px; }
    .box-image-show { float: none; width: 100%; height: auto; }
    .box-image-show img { width: 100%; height: auto; display: block; margin: 0 auto; }
    .box-text-show { float: none; width: 100%; height: auto; padding-left: 20px; padding-top: 25px; }
    .box-text-show .head { font-family: 'Calibri'; font-size: 14px; color: rgba(0,0,0,0.8); line-height: 30px; }
    .box-text-show .details { font-family: 'Calibri'; font-size: 14px; color: rgba(0,0,0,0.5); line-height: 15px; }
    table.mea { margin-top: 15px; width: 90%; }
    table.mea tr { width: 100%; height: 35px; }
    table.mea td { font-family: 'Calibri'; font-size: 14px; color: rgba(0,0,0,0.7); padding: 2px 5px; border: none; border-collapse: collapse; }
    table.mea td.title { width: 50%; text-align: right; text-transform: none; }
    table.mea td.form { width: 20%; text-align: left; text-transform: none; }
    table.mea td.unit { width: 3%; text-align: left; text-transform: none; }
    .measurement-details { display: none; }
    .measurement-details-mob { display: block; }
    .mea-title-form { float: left; width: 50%; margin: 0 auto; padding: 0; color: rgba(0,0,0,0.7); }
    .mea-title-form li { width: 100%; line-height: 35px; padding-left: 20px; text-align: left; border-right: 1px solid #c4c4c4; }
    .mea-title-form li:first-child { line-height: 45px; margin-top: 7px; margin-bottom: 7px; border-right: none;  }
    table.mea3 { margin: 0; }
    table.mea3 tr { width: 100%; height: 35px; }
    table.mea3 td { font-family: 'Calibri'; font-size: 14px; color: rgba(0,0,0,0.7); padding: 2px 5px; border: none; border-collapse: collapse; }
    table.mea3 td.title { width: 55%; text-align: right; text-transform: none; vertical-align: text-top; padding-top: 5px; }
    table.mea4 { margin: 0; }
    table.mea4 tr { width: 100%; height: 35px; }
    table.mea4 td { font-family: 'Calibri'; font-size: 14px; color: rgba(0,0,0,0.7); padding: 2px 5px; border: none; border-collapse: collapse; }
    table.mea4 td.title { width: 30%; text-align: right; text-transform: none; vertical-align: text-top; padding-top: 5px; }

    .mea-input-form { float: right; width: 50%; margin: 0 auto; padding: 0; color: rgba(0,0,0,0.7); }
    .mea-input-form li { border-right: none; }
    .mea-input-form li:first-child { font-family: 'Calibri'; font-size: 13px; color: rgba(0,0,0,0.7); font-weight: bold; text-transform: uppercase; line-height: 45px; margin: 7px auto; padding: auto;  border-right: none; text-align: center; }
    .mea-input-form li span { padding-left: 9px; padding-right: 9px; }
    .mea-input-form.long { width: 50%; display: block; text-align: center; float: right; }
    .mea-center-btn { display: block; width: 100%; margin: 15px auto 15px auto; text-align: center; }
    .box-form-left { float: none; width: 100%; }
    .box-form-right { float: none; width: 100%; }
    .select-line .title { float: left; width: 40%; text-align: right; margin-right: 30px; line-height: 25px; }
    .select-line .details { float: left; margin-left: 30px; }
    .box-form-measurement { float: none; width: 100% !important; }
    .top-measment-line { display: block; height: 1px; width: 100%; background: #c4c4c4; margin-top: 30px; margin-bottom: 30px; }
}

@media (max-width: 1500px) {
    .wel-bg-static { background-size: auto 100%; }
}

/* Min of 1200px */
@media (max-width: 1200px) {
    .top-header-home-inner { width: 100%; }
    .head-top-block { width: 100%; display: block; text-align: center; }
    .head-top-icon { width: 100%; display: none; }
    .head-top-icon .right { display: block; width: 100%; float: none; margin: 5px auto; }
    .head-top-icon .right img { display: block; margin: auto; }
    .head-top-icon .right .head-icon,
    .head-top-icon .right .head-text { display: block; width: 100%; float: none; margin: 7px auto; text-align: center; }
    .logo-contain { display: block; width: 100%; height: auto; margin: 0 auto 0 auto; text-align: center; }
    .logo-text { display: block; width: 100%; text-align: center; padding: 0; margin: 15px auto; font-size: 350%; }
    .menu-f-box.right { float: none; clear: both; padding-left: 15px; padding-right: 15px; }
    .menu-f-box { width: 100%; display: block; font-family: 'Calibri'; font-size: 14px; margin-right: 0; margin-top: 0; }
    .menu-f-box .menu-first { text-align: center; color: #6c6c6c; line-height: 25px; margin-top: 25px; }
    .menu-f-box .menu-first a { color: #6c6c6c; text-decoration: none; padding-left: 5px; padding-right: 5px; }
    .menu-f-box .menu-first a:hover { color: #c43442; }
    .menu-f-box .menu-first-online { color: #c43442; text-align: center; line-height: 25px; margin-bottom: 20px; }
    .menu-f-box .menu-first .first { font-size: 20px; line-height: 1.2; }
    .menu-f-box .menu-first .first img { vertical-align: middle; }
    .menu-f-box .menu-first .sec { font-size: 30px; line-height: 1.2; padding-bottom: 25px; }

    /* MENU ------*/
    .menu-main { display: none; }
    .menu-main_resp { display: block; margin: 0 auto 0; width: 100%; height: auto; border-top: 2px solid #fff; padding: 0; border-bottom: 2px solid #fff; }
    .menu-main_resp ul { font-family: 'Calibri'; font-size: 18px; color: #6c6c6c; text-decoration: none; margin: 0 auto; padding: 0; }
    .menu-main_resp ul li { display: block; width: 100%; text-decoration: none; padding: 0; line-height: 25px; border-bottom: 1px solid #d3d3d3; }
    .menu-main_resp ul li a { display: block; color: #6c6c6c; line-height: 47px; text-decoration: none; padding-left: 20px; padding-right: 20px; }
    .menu-main_resp ul li a:hover { color: #c43442; }
    .menu-main_resp ul li:hover .sub-menu-main { display: block; -moz-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; -webkit-transition: all 0.2s ease-in; transition: all 0.2s ease-in; }
    .menu-main_resp ul li.pus-icon { background: url('../../images/dd-plus.png') 98% 12px no-repeat; }
    .sub-menu-main_resp { display: none; height: auto; width: 100%; border: none; }
    .sub-menu-main_resp ul { display: block;  margin-top: 9px; padding: 0; border: none; padding-top: 15px; padding-bottom: 15px; }
    .sub-menu-main_resp ul li { width: 91%; min-height: 32px; height: auto; font-size: 16px; display: block; margin: auto; padding: 0 auto; }
    .sub-menu-main_resp ul li a { line-height: 32px; padding-left: 30px }
    .sub-menu-main_resp ul li:last-child { border-bottom: none; }
    .sub-menu-main_resp ul li:hover { background: #c43442 url('../../images/nav_icon_ex.png') 10px 50% no-repeat; }
    .sub-menu-main_resp ul li:hover a { color: #fff; }
    .welcome-contain { display: block; width: 100%; text-align: justify; }
    .wel-title { font-size: 300%; line-height: 50px; }
    .wel-desp { font-size: 200%; line-height: 35px; }
    .box-form-measurement { float: none; width: 60%; }
    .top-measment-line { display: block; height: 1px; width: 100%; background: #c4c4c4; margin-top: 30px; margin-bottom: 30px; }
    .menu-respon { background: #c43442; }
    .menu-respon > a { color: #fff; }
    .menu-respon > a:hover { color: #fff; }
    /* Welcome -----------*/
    .welcome-contain { display: block; width: 100%; }
    .wel-title { }
    .wel-desp { }
    .wel-info { }
    .box_contain { }
    .box_u_textcenter { }
    .box_u_welcome_01 { margin-bottom: 15px; width: 310px; height: 310px; }
    .box_u_welcome_02 { margin-bottom: 15px; width: 310px; height: 310px; }
    .box_u_welcome_03 { margin-bottom: 15px; width: 310px; height: 310px; }
    .box_u_welcome_04 { margin-bottom: 15px; width: 310px; height: 310px; }

    /* IN TREND -----------*/
    .in-trend-contain { width: 100%; margin: 15px auto 15px auto; padding: 0 15px 0 15px; }
    .int-head { font-family: 'Calibri'; font-size: 350%; line-height: 80px; text-align: center; }
    .int-head-min { font-family: 'Calibri'; font-size: 200%; line-height: 80px; text-align: center; }
    .int-item { display: block; width: 100%; padding: 0; margin: 15px auto 15px auto; }
    .int-item li { position: relative; display: inline-block; width: 204px; height: 308px; margin: 5px 10px; }
    .int-item li img { display: block; width: 204px; height: 308px; margin: auto; }
    .int-item li:last-child { margin-right: 0; }
    .int-item li .overlay-blck,
    .int-item li .overlay-blck a { display: none; }
    .int-item li:hover .overlay-blck { display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.6); z-index: 99;  }
    .int-item li:hover .overlay-blck a { display: block; position: absolute; top: 47%; width: 130px; left: 50%; margin-left: -65px; font-family: 'Calibri'; font-size: 12px; text-decoration: none; text-align: center; color: #fff; padding: 5px 15px 5px 15px; background: #c43442; z-index: 100; }
    .int-item li:hover .overlay-blck a:hover { background: #fff; color: #c43442; }

    .footer { display: block; margin: 25px auto 25px auto; width: 100%; height: auto; padding-left: 10px; padding-right: 20px; }
    .ft-left-logo { float: left; width: 70px; height: 50px; margin-top: 5px; }
    .ft-left-adds { float: left; font-family: 'Calibri'; font-size: 14px; color: #6c6c6c; line-height: 19px; margin-left: 10px; }
    .ft-left-adds .black { color: #000; }
    .ft-left-tel { float: left; font-family: 'Calibri'; font-size: 14px; color: #6c6c6c; line-height: 19px; margin-left: 50px; }
    .ft-left-tel a { color: #c43442; text-decoration: none; }
    .ft-left-tel a:hover { text-decoration: underline; }
    .ft-right-copy { float: right; font-family: 'Calibri'; font-size: 14px; color: #6c6c6c; line-height: 19px; text-align: right; }
    .ft-right-copy .credit { color: rgba(0,0,0,0.3); }
    .row.breadcamb { display: none; }
    .row.products-zone { width: 100%; }
    .left-prod-menu { float: none; display: none; }
    .right-prod { float: none; width: 100%; height: auto; }
    .right-prod img { width: 100%; height: auto; }
    .right-prod .text-top { padding: 15px; border-top: none; }
    .right-prod .text-page { padding: 15px; border-top: none; border-bottom: none; }
    .right-prod .alert-text { display: block; padding: 0 50px 0; text-align: left; background-position: 15px 5px; }
    .item-prod { width: 100% !important; padding-left: 8%; }
    .item-fab { width: 100%; height: auto; margin: 0 0 30px 0; padding: 0; padding-left: 8%; }
    .item-fab li { display: inline-block; width: 200px; height: auto; text-align: justify; margin: 30px 10px 0 10px; }
    .box-mea-center { padding: 15px; }
    table.mea3 tr { width: 100%; height: 35px; }
    table.mea3 td { font-family: 'Calibri'; font-size: 14px; color: rgba(0,0,0,0.7); padding: 2px 5px; border: none; border-collapse: collapse; }
    table.mea3 td.title { width: 55%; text-align: right; text-transform: none; vertical-align: text-top; padding-top: 5px; }
    .testtim { display: block; width: 100%; margin: -50px auto; padding: 15px; }
    .testtim li { margin-top: 20px; margin-bottom: 20px; }
    .wel-bg-static { margin: 0; padding: 0; width: 100%; height: auto; background: url('../../images/bg_static.png') center center no-repeat; min-height: 369px; background-size: auto 100%; padding-bottom: 25px; }
    .wel-testtimo-inner { width: 100%; padding: 0 auto; margin-left: auto; margin-right: auto; height: auto; text-align: center; padding-top: 30px; padding-bottom: 20px; }
    .footer-inner { display: block; margin: 0 auto; width: 100%; height: auto; text-align: center; }
    .footer-inner .left-link { font-family: 'Calibri'; font-size: 14px; line-height: 20px; font-weight: normal; color: rgba(255,255,255,0.6); float: none; margin-top: 10px; width: 100%; }
    .footer-inner .right-logo { float: none; margin-top: 17px; width: 100%; text-align: center; }
    .right-credit { float: none; margin-top: 17px; width: 100%; text-align: center; }
    .left-copy { font-family: 'Calibri'; font-size: 14px; line-height: 20px; font-weight: normal; color: rgba(255,255,255,0.3); float: none; margin-top: 17px; text-align: center; }
    .blocklink1 { float: none; width: 100%; }
    .blocklink2 { float: none; width: 100%; }
    .blocklink3 { float: none; width: 100%;  }
    .blocklink4 { float: none; width: 100%; }
    .blocklink5 { float: none; width: 100%; margin-top: 25px; }
    .blocklink_spec { float: none; width: 100%; margin-top: 25px; }
    .blocklink_spec img { margin-bottom: 25px; }
    .respon_redirect { width: 80%; height: 34px; line-height: 1.5; overflow: hidden; background: #c43442 url('../../images/nav_icon_ex.png') no-repeat 98%; border: 1px solid #fff; color: #fff; appearance: none; -webkit-appearance: none; }
    .respon_redirect:hover { cursor: pointer; }
    .google-contain { width: 100%; height: 400px; }
    .google-contain img { width: auto; height: 100%; }
    .notjm-contain div { padding: 10px 15px; }

    .location_de { font-family: 'Calibri'; font-size: 16px; margin: 0 auto; }
    .exlred { color: #c43442; line-height: 35px; font-weight: bold; }
    .set_location { padding-left: 35px; background: url('../../images/set_locaton.png') left 7px no-repeat; }
    .set_tel { padding-left: 35px; background: url('../../images/set_tel.png') left 7px no-repeat; }
    .set_tel2 { padding-left: 35px; background: url('../../images/set_tel2.png') left 7px no-repeat; }
    .set_web { padding-left: 35px; background: url('../../images/set_web.png') left 7px no-repeat; }
    .set_mail { padding-left: 35px; background: url('../../images/set_mail.png') left 7px no-repeat; }
    .set_web a,.set_mail a { text-decoration: underline; color: #c43442; }
}

/* FOR MOBILE */
@media (max-width: 768px) {
    .in-trend-contain { width: 100%; margin: 15px auto 15px auto; padding: 0 15px 0 0; }
    .int-head { font-size: 300% !important; }
    .int-head-min { font-size: 200% !important; }
    .int-item { display: block; width: 90% !important; padding: 0; margin: 15px auto 15px auto; }
    .int-item li { position: relative; display: block; width: 100% !important; height: 308px; margin: 5px 10px; }
    .int-item li img { display: block; width: 204px; height: 308px; margin: auto; }
    .int-item li:last-child { margin-right: 0; }
    .int-item li .overlay-blck,
    .int-item li .overlay-blck a { display: none; }

    .footer { display: block; margin: 25px auto 25px auto; width: 100%; height: auto;  }
    .ft-left-logo { float: none; display: block; width: 70px; height: 50px; margin-top: 5px; margin-left: auto; margin-right: auto; }
    .ft-left-adds { float: none; font-family: 'Calibri'; font-size: 14px; color: #6c6c6c; line-height: 19px; margin-top: 10px; margin-bottom: 10px; margin-left: auto; margin-right: auto; text-align: center; }
    .ft-left-adds .black { color: #000; }
    .ft-left-tel { float: none; display: block; text-align: center; font-family: 'Calibri'; font-size: 14px; color: #6c6c6c; line-height: 19px; margin-left: auto; margin-right: auto; padding-bottom: 25px; border-bottom: 1px solid #e3e3e3;  }
    .ft-left-tel a { color: #c43442; text-decoration: none; }
    .ft-left-tel a:hover { text-decoration: underline; }
    .ft-right-copy { float: none; margin-top: 15px; font-family: 'Calibri'; font-size: 14px; color: #6c6c6c; line-height: 19px; text-align: center; }
    .ft-right-copy .credit { color: rgba(0,0,0,0.3); }

    .item-prod { width: 94% !important; height: auto; margin: 0 0 30px 0; padding: 0; }
    .item-prod li { display: inline-block; width: 100%; height: auto; text-align: justify; margin: 30px 10px 0 10px; }
    .item-prod li div { position: relative; }
    .item-prod li img { width: 204px; height: 308px; display: block; margin: auto; }
    .item-prod li .overlay-blck,
    .item-prod li .overlay-blck a { display: none; }
    .item-prod li:hover .overlay-blck { display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.6); z-index: 99;  }
    .item-prod li:hover .overlay-blck a { display: block; position: absolute; top: 47%; width: 130px; left: 50%; margin-left: -65px; font-family: 'Calibri'; font-size: 16px; text-decoration: none; text-align: center; color: #fff; padding: 5px 15px 5px 15px; background: #c43442; z-index: 100; }
    .item-prod li:hover .overlay-blck a:hover { background: #fff; color: #c43442; }
    .item-prod li .text-top-prod { margin-top: 10px; font-family: 'Calibri'; font-size: 16px; color: rgba(0,0,0,0.6); text-align: left; font-weight: bold; line-height: 30px; }
    .item-prod li .text-de-prod { font-family: 'Calibri'; font-size: 14px; color: rgba(0,0,0,0.4); text-align: left; line-height: 20px; padding: 0; }

    .item-fab { width: 95%; height: auto; margin: 0 0 30px 0; padding: 0; }
    .item-fab li { display: inline-block; width: 100%; height: auto; text-align: justify; margin: 30px 10px 0 10px; }
    .item-fab li div.bod { position: relative;  border: 1px solid #fff; }
    .item-fab li img { width: 200px; height: 195px; display: block; margin: auto; }
    .item-fab li .overlay-blck,
    .item-fab li .overlay-blck a { display: none; }
    .item-fab li:hover .overlay-blck { display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.6); z-index: 99;  }
    .item-fab li:hover .overlay-blck a { display: block; position: absolute; top: 47%; width: 130px; left: 50%; margin-left: -65px; font-family: 'Calibri'; font-size: 16px; text-decoration: none; text-align: center; color: #fff; padding: 5px 15px 5px 15px; background: #c43442; z-index: 100; }
    .item-fab li:hover .overlay-blck a:hover { background: #fff; color: #c43442; }
    .item-fab li .text-top-fab { margin-top: 10px; font-family: 'Calibri'; font-size: 16px; color: rgba(0,0,0,0.6); text-align: center; font-weight: bold; line-height: 30px; }
}