body {width:auto; min-width:320px}
.main {width:auto; max-width:1020px}

nav {background: none; z-index:999}
nav ul.sf-menu{background:url(../images/menu_li_bg.png) repeat-x #f5f5f5; border-bottom:1px solid #e4e5e8; overflow:hidden}
nav .sf-menu img {height:20px}

.text_box_1 {padding-right:19px}

.additional_icon {bottom:auto; top:50%; margin:-20px 0 0 -20px; right:auto; left:50%}

.box_2 .detail_search {margin-left:1.5em}

.container_12 {width:auto; max-width:960px}
.grid_12 {max-width:960px; width:auto; float:none; display:block}
.grid_12:after {content:''; display:block; clear:both}
.container_12 .grid_12 {max-width:940px; width:auto; margin:0 auto}
.form .grid_6 {width:458px}

img {max-width:100%; height:auto}
.text_box img {max-width:60%; height:auto}

.wrap img {width:100%; max-width:100%}
.wrap img.additional_icon {width:auto; height:auto}

header .container_12 .grid_8 {width:auto; float:right}
header .marg_left_top {margin-left:0}
header .box_of_fb {padding-left:0}
header .box_of_links {padding-right:15em; position:relative}
header .box_of_links .region-selector {position:absolute; right:20px; top:50%; margin-top:-0.8em; padding-right:0}
header .box_of_links .region-selector a {padding:0}
header nav {position:relative}
header ul.sf-menu {padding-right:15em; }
header .fright.sf-menu {position:absolute; right:20px; top:0}

.mainMenuBlock {position:relative}
.mainMenuBlock .menuSwitch {position:absolute; left:0; top:5px; padding:10px 0 16px 0px; width:30px; cursor:pointer; display:none}
.mainMenuBlock .menuSwitch i,
.mainMenuBlock .menuSwitch i:before,
.mainMenuBlock .menuSwitch i:after {content:''; position:absolute; height:2px; background:#fff; width:30px; transform:translateY(0) rotate(0); transition:all 0.5s ease; }
.mainMenuBlock .menuSwitch:hover i,
.mainMenuBlock .menuSwitch:hover i:before,
.mainMenuBlock .menuSwitch:hover i:after {background:#fff}
.mainMenuBlock .menuSwitch i:before {top:-12px}
.mainMenuBlock .menuSwitch i:after {bottom:-12px}
.menuSwitched .mainMenuBlock .menuSwitch i {background:none}
.menuSwitched .mainMenuBlock .menuSwitch i:before {top:0; transform:translateY(0) rotate(45deg)}
.menuSwitched .mainMenuBlock .menuSwitch i:after {top:10px; transform:translateY(-10px) rotate(-45deg)}

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

    .supportTrigger {right:25px}

}

@media screen and (max-width:980px) {
    .container_12 .grid_12,
    .container_12 .grid_9,
    .container_12 .grid_6 {float:none; margin-left:auto; margin-right:auto; display:block; width:700px; overflow:hidden}
    #content .title_box {max-width:640px; margin:15px auto -1px}

    .tabs .tab-content .inner {width:auto}
    .rowElem .fleft {width:325px}
    .rowElem .fleft label {display:block}
    .rowElem .fleft select,
    .rowElem .fleft .select2 {width:100% !important}

    .right_side {float:none; margin:0 auto; display:block; width:700px !important}
    .right_side .box_2 {display:inline-block; float:left; width:325px}
    .right_side .box_2:nth-of-type(even) {margin-left:45px}

    .jcarousel {width:auto; height:auto; margin-right:3px}
    .jcarousel img {width:697px; height:auto}

    .plate1 {margin:0 auto 10px}

    .pad_left_1 {margin:0 18px; padding:0; width:auto}
    .pad_left_1 img {max-width:100%; height:auto}
    .box_2 img {max-width:100%; height:auto}

    footer {padding:35px 0 30px; width:700px; margin:0 auto}

    .list-view {margin:0 -20px 0 -10px}
    .list-view .grid_3{margin:0 0 0 10px; width:220px}

    .box_of_links.fright {text-align:center; width:auto; float:none; clear:both; margin:15px 0}

    .form .grid_6 {width:458px; margin:15px auto !important}

    .box_12 {width:280px}
    .box_12 img {max-width:280px}
    .box_14 {margin-left:10px; width:280px}


    .wrap {width:100%; float:none; height:auto; margin:15px auto}

    .box_img_description1 .fright {float:none; text-align:center !important}
    .box_img_description1 .auto_plate {margin:0 auto}
}

@media screen and (max-width:860px) {
    header .box_of_fb {text-align:right}
    header .box_of_fb li {float:none; display:inline-block; text-align:left}
    header .box_of_fb li.add {display:block; margin:5px 0 0; text-align:center}
}

@media screen and (max-width:800px) {
    header .box_of_links {height:29px}
    .mainMenuBlock .menuSwitch {display:block}
    .mainMenuBlock .blockWrapper {position:absolute; width:100%; min-width:320px; top:35px; background:#36393e; z-index:1000; left:-20px; padding:5px 0; box-sizing:border-box; opacity:0; visibility:hidden; margin:0 0 0 -200%; transition:all 0.5s ease}
    .menuSwitched .mainMenuBlock .blockWrapper {margin:0; opacity:1; visibility:visible}
    .mainMenuBlock .blockWrapper a {display:block; margin:5px 0; padding:5px 15px; font-size:14px}
    header .box_of_links>a {display:none}
}

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

    body {padding-top:0}

    header .marg_left_top {font-size:0}
    header .marg_left_top strong {font-size:15px}

    .title span {width:auto; margin-right:10px}

    .container_12 .grid_12,
    .container_12 .grid_9,
    .container_12 .grid_6 {width:460px}
    #content .title_box {max-width:460px; padding-left:0}

    .box_14.form {margin:0 auto; width:440px}

    .container_12 .grid_3 {margin-left:0}
    .box_img_description1 {margin-left:12px; border-right:0}

    .rowElem .fleft {width:200px}

    .tabs_var3 .inner {width:auto !important}

    .jcarousel img {width:457px}

    .list-view .grid_3 {float:none}
    .list-view .box_img_description1 {float:left; width:200px}

    .right_side {width:460px !important; margin:0 auto !important}
    .right_side .box_2 {display:block; float:none; width:auto}
    .right_side .box_2:nth-of-type(even) {margin-left:0}

    header ul.sf-menu {padding-right:0; text-align:center; font-size:0}
    header .sf-menu li:first-of-type {border-left:1px solid #e4e5e8}
    header .sf-menu li {float:none; display:inline-block; }
    header .fright.sf-menu {position:static; display:block; clear:both; text-align:center; float:none; margin-top:-0.8em}
    header .fright.sf-menu a {display:inline-block}

    .form .grid_6 {width:458px; margin:15px auto !important}

    footer {padding:35px 0 30px; width:460px; margin:0 auto}
}

@media screen and (max-width:640px) {
    header .container_12 {margin:0 auto; width:480px}
    header .grid_4 {margin:0 auto 15px; float:none; display:block; }
    header .marg_left_top {font-size:12px}
    header .container_12 .grid_8 {float:none !important; display:block;}
    header .container_12 .grid_8 .fright {float:none !important}

    header .marg_left_top {text-align:center}
    header .box_of_nav {text-align:center}
    header .box_of_fb ul {text-align:center; float:none}
    header .marg_left_top .fright {}

    .sf-menu a {padding:6px 11px 9px 9px}

    div.wide.form {width:300px; margin:auto}
    div.wide.form label {text-align:left; float:none; display:block}

    #hor-minimalist-b {width:100%}
    #hor-minimalist-b th:nth-of-type(odd){width:50%}
    #hor-minimalist-b th:nth-of-type(even){width:50%}
}

@media screen and (max-width:480px) {
    header .container_12 {width:320px}
    .container_12 .grid_12, .container_12 .grid_9, .container_12 .grid_6 {width:320px}

    .list-view .box_img_description1 {float:none; margin:0 auto}

    #content .title_box {max-width:300px}

    .grid_6.border {width:318px}

    .form .grid_6 {width:285px; margin:15px auto}

    .rowElem .fleft {float:none; margin:0 auto !important}

    .jcarousel img {width:317px}

    .right_side {width:320px !important}

    .sf-menu a {font-size:12px}

    .plate1 {width:320px; background-image:url(../images/plate1_min.jpg)}
    .plate1 input.number {width:180px; font-size:55px; line-height:95px}

    .box_14.fleft {margin:0 auto; width:296px}

    footer {width:320px}
}

@media screen and (max-width:420px) {
    .sf-menu a {padding:6px 4px 9px 2px}
}