@media (max-width: 1440px) {

    .full-container { padding-top: 48px; padding-bottom: 48px; }
    .full-container > .csc-textpic { margin-top: -48px; margin-bottom: -48px; }
    .swiper-slide > .container .desc { top: 8%; padding-top: 8%; padding-bottom: 8%; }
    #navbar .list-inline > li > a.ic-search { height: 20px; background-size: 20px auto; width: 36px; }

    .link-more { width: 42px; height: 42px; background-size: 100% auto; }
    .powermail_form .powermail_fieldwrap_submit .btn-success,
    .link-more-text { line-height: 42px; padding-right: 60px; background-size: auto 100%; }
    .link-pdf { height: 92px; padding-left: 117px; padding-top: 64px; background-size: 92px auto; }

    .abs-container > .container .col-xs-12 { padding-top: 36px; }
    .powermail_form .form-control { padding: 12px 20px; }
    #footer > .container { padding: 36px 15px; }

    .panel-title > a { padding: 22px 0 22px 75px; background-size: 24px auto; background-position: 24px 50%; font-size: 24px; }
    .panel-body { padding: 32px; }
    .panel-body .list-table { margin: -32px; }
    .list-table { font-size: 24px; }
    .list-table > li { min-height: 42px; }

    div.csc-textpic .csc-textpic-imagewrap .csc-textpic-image { margin-bottom: 30px; }
    div.csc-textpic-imagecolumn, td.csc-textpic-imagecolumn .csc-textpic-image { margin-right: 20px; }

    h1, h2 { font-size: 48px; }
    h3 { font-size: 26px; }
    body, p { font-size: 20px; }
    .swiper-slide p { font-size: 24px; }
    #breadcrumbs .breadcrumb,
    .cols2-left .col-sm-4 p, .abs-container p { font-size: 18px; }
    #navbar .list-inline > li > a { font-size: 16px; }
.csc-textpic-text h3 {font-size:15px;}
#header .navbar-brand img {max-width:90%;}
}

@media (min-width: 1300px) {
    .container {
        width: 1270px;
    }
    div.csc-textpic .csc-textpic-imagewrap img {
        width: 100%; height: auto; }
}


@media (max-width: 1270px) {
    div.csc-textpic .csc-textpic-imagewrap img { width: 100%; height: auto; }
}

@media (max-width: 1199px) {
    .container { width: 100%; padding-left: 20px; padding-right: 20px; }
    .row { margin-left: -20px; margin-right: -20px; }
    .col-xs-12 { padding-left: 20px; padding-right: 20px; }

    #navbar .list-inline > li > a { padding-bottom: 15px; }
    #navbar .nav > li > a { font-size: 15px; }

    .swiper-slide > .container, .abs-container > .container { left: 0; margin-left: auto; }
    .swiper-slide > .container .desc { left: 50px; top: 50px; padding: 30px; }
    .swiper-slide > .container .desc > .icon { width: 30px; height: 30px; line-height: 30px; left: -30px; top: -30px; }
    .swiper-slide p { font-size: 20px; }
    .swiper-slide > .container .desc-inner > a { width: 30px; height: 30px; background-size: 30px auto; }

    .ce-media iframe{ width: 100%; height: 450px; }
    #search-form > .btn { right: 22px; }

    .full-container { padding-top: 36px; padding-bottom: 36px; }
    .full-container > .csc-textpic { margin-top: -36px; margin-bottom: -36px; }

    .panel-title > a { padding: 18px 0 18px 54px; font-size: 22px; background-size: 22px auto; }
    .panel-body { padding: 28px; }
    .panel-body .list-table { margin: -28px; }
    .list-table { font-size: 20px; }

    .abs-container > .container .col-xs-12 { padding-top: 20px; }
    .abs-container > .container .col-xs-12 h3 { font-size: 20px; margin-bottom: 10px; }
    .cols2-left .col-sm-4 p, .abs-container p { font-size: 14px; margin-bottom: 10px; }
    .abs-container .link-more-text { line-height: 32px; padding-right: 48px; }

    .fixed-width { min-width: 288px; padding-left: 60px; }

    .powermail_form .form-control { padding: 10px 16px; }
    #footer > .container { padding: 20px; }
    #footer { font-size: 16px; }
    #footer .list-inline > li + li::before { font-size: 15px; }
    ol.list-red {
    padding-left: 35px;font-size:17px;}
}

@media (max-width: 1023px) {
    .contenttable thead td { font-size: 24px; }
    .contenttable tbody td { font-size: 16px; }
/*width:100%;border-right:none 0;*/ 

    .container > .navbar-header { position: relative; margin-left: 0; float: none; min-height:110px;}
    .navbar-toggle {
        position: relative;
        float: right;
        padding: 9px 10px;
        margin-top: 8px;
        /*margin-right: 15px;*/
        margin-bottom: 8px;
        background-color: transparent;
        background-image: none;
        border: 1px solid transparent;
        border-radius: 4px;
        display: block;
    }
    .navbar-toggle:focus {
        outline: 0;
    }
    .navbar-toggle .icon-bar {
        display: block;
        width: 22px;
        height: 2px;
        border-radius: 1px;
    }
    .navbar-toggle .icon-bar + .icon-bar {
        margin-top: 4px;
    }
    .navbar-toggle { position: absolute; bottom: 0; right: 0; float: none; background-color: #e2001a; margin-bottom: 0; margin-right:0;}
    .navbar-toggle .icon-bar { height: 4px; background-color: #fff; }
    .navbar-header > .ic-search { display: block; position: absolute; background-color: #e2001a; color: #fff; font-size: 20px; bottom: 0; right: 74px; line-height: 1; padding: 9px 11px; }

    #navbar { left: 0; bottom: auto; top: 120px; background: rgb(0,0,0); opacity:0.8; /*background: transparent url(../Images/bg/black-70.png);*/ color: #fff; margin-left: 0; margin-right: 0; padding: 0; }
    #navbar .list-inline > li { display: block; position: relative; }
    #navbar .list-inline > li + li::before { content: ''; }
    #navbar .list-inline > li > a { padding: 8px; color: #fff; display: block; }
    #navbar .list-inline > li > a.ic-search { display: none; }

    #navbar .list-inline li.child a.ic-device { display: block; position: absolute; right: 12px; top: 6px; z-index: 1; width: 30px; height: 30px; }
    #navbar .list-inline li.child a.ic-device:before, #navbar .list-inline > li.child a.ic-device:after { border-bottom: 1px solid #eee; content: ""; width: 11px; height: 11px; position: absolute; transition: all 0.2s ease 0s; }

    #navbar .list-inline li.child a.ic-device:before { left: 5px; top: 10px; -ms-transform:rotate(-90deg); -moz-transform:rotate(-90deg); -webkit-transform:rotate(-90deg); -o-transform:rotate(-90deg); transform: rotate(-90deg) }
    #navbar .list-inline li.child a.ic-device:after { left: 10px; top: 5px; -ms-transform:rotate(0deg); -moz-transform:rotate(0deg); -webkit-transform:rotate(0deg); -o-transform:rotate(0deg); transform: rotate(0deg) }
    #navbar .list-inline li.child.open > a.ic-device:before { left: 10px; top: 6px; -ms-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -webkit-transform:rotate(-45deg); -o-transform:rotate(-45deg); transform: rotate(-45deg); }
    #navbar .list-inline li.child.open > a.ic-device:after { left: 10px; top: 6px; -ms-transform:rotate(45deg); -moz-transform:rotate(45deg); -webkit-transform:rotate(45deg); -o-transform:rotate(45deg); transform: rotate(45deg); }

    #navbar .nav { position: relative; }
  #navbar .nav .nav { left: 0; padding-left: 0; }
    #navbar .nav > li > a { background-image: none; padding: 8px 5px 8px 16px; text-align: left; }
    #navbar .child:hover > .nav { display: none; }
    #navbar .child.open > .nav,
    #navbar .child.open:hover > .nav { display: block; }
}

@media (max-width: 991px) {
    #navbar .list-inline > li > a { padding-left: 10px; padding-right: 10px; }
    #navbar .nav > li > a { font-size: 14px; }

    .map-wrapper > .row { margin-top: 64px; }
    .map-wrapper > .row .item { position: relative; }
    .map-wrapper > .row .item img { display: block; width: 100%; height: auto; }
    .map-wrapper > .row .item div { min-height: 170px; padding: 28px; color: #fff; font-size: 1.1em; background-color: #dd2a1b; }
    .map-wrapper > .row .item div h1, .map-wrapper > .row .item div h2, .map-wrapper > .row .item div h3, .map-wrapper > .row .item div h4 { color: #fff; font-size: 1em; }
  
    ._map-wrapper > .row .item > span { position: absolute; left: 0; top: 0; display: block; width: 35px; height: 35px; line-height: 35px; /*background: transparent url(../Images/bg/red-40.png);*/ text-align: center; color: #fff; }

.map-wrapper > .row .item > span {
  	position: absolute;
    left: 0;
    top: 1px;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
    display: block;
    /* width: 25px; */
    height: 24px;
    line-height: 24px;
    /* background: transparent url(../Images/bg/red-40.png); */
    text-align: center;
    color: #fff;
    font-size: 0.8em;
}
    .map-wrapper > .row .col-xs-12 { margin-bottom: 20px; }

    .abs-container { min-height: 240px; background-size: auto 100%; }
    .ce-media iframe{ height: 300px; }

    .panel-desc .contenttable { display: block; }
    .panel-desc .contenttable thead, .panel-desc .contenttable tbody,
    .panel-desc .contenttable thead tr, .panel-desc .contenttable tbody tr,
    .panel-desc .contenttable thead td, .panel-desc .contenttable tbody td {
        display: block;
    }
    .panel-desc .contenttable tbody tr td { padding-top: 5px; padding-bottom: 0; }
    .panel-desc .contenttable tbody tr td:last-child { padding-bottom: 10px; border-bottom: 1px dotted #e1e1e1; }
    .panel-desc .contenttable tbody tr td:first-child { padding-top: 10px; }
    .panel-desc .contenttable tbody tr:last-child td:last-child { border-bottom: 0; }
}

@media (max-width: 950px) {
    .abs-container { background-size: 100% auto; }
    .abs-container > .container { position: relative; }
    .abs-container > .container .col-xs-12 { width: 100%; margin-left: auto; }
    .list-red {padding:24px 0 24px 14px; font-size:17px;}
    .list-red > li {padding-left:0;}
ol.list-red {
    padding-left: 30px;
}
}

@media (max-width: 767px) {
    .abs-bottom { right: 20px; top: 0; bottom: auto; }

    .swiper-slide > .container { position: relative; padding: 0; }
    .swiper-slide > .container .desc { position: relative; padding: 20px; left: auto; right: auto; top: auto; width: auto; }
    .swiper-slide > .container .desc > .icon { width: 20px; height: 20px; left: 0; top: 0; line-height: 20px; }
    .swiper-slide p { margin: 0; }

    #footer .col-xs-12 { text-align: center; }
    #footer .col-xs-12.text-right { text-align: center; margin-top: 10px; }

    .cols2 > .col-xs-12 + .col-xs-12 { margin-top: 20px; }
    .list-red > li { background-position: 0 10px; }
    .csc-textpic-text h3 {font-size:20px;}
    .contenttable tbody td { font-size: 16px; width:50%;} /*border-right:none 0;*/ 
.contenttable thead td, .contenttable thead th { fonz-size:18px;}

}

@media (max-width: 667px) {
.contenttable tbody td { font-size: 16px; width:auto; padding:10px 5px; }/*border-right:none 0;*/
.contenttable thead td, .contenttable thead th { fonz-size:18px;}
.navbar-toggle {margin-right:13px;}

}
@media (max-width: 600px) {
    .panel-title > a { font-size: 18px; padding: 10px 0 10px 40px; background-size: 16px auto; background-position: 13px 50%; }
    .panel-body { padding: 15px; }
    .panel-body .list-table { margin: -15px; }

    .list-table > li { min-height: 32px; }
    .link-more { width: 32px; height: 32px; }
    .link-pdf { background-size: 64px auto; height: 64px; padding-left: 80px; padding-top: 40px; }
    .powermail_form .powermail_fieldwrap_submit .btn-success, .link-more-text { line-height: 32px; padding-right: 42px; font-size: 18px; }

    .fixed-width { width: 50%; max-width: 180px; min-width: 100px; padding-left: 28px; }
    .abs-bottom { position: relative; right: auto; top: auto; }

    .map-wrapper > .row { margin-top: 30px; }
    .list-red { padding: 20px; }
    .list-red > li { background-position: 0 6px; }
    ol.list-red { padding-left: 36px; }
    .powermail_form .form-control { padding: 8px 12px; }

    h1, h2 { font-size: 32px; }
    .csc-textpic-text h2 { font-size: 24px; }
    h3 { font-size: 20px; }
    body, p,
    .powermail_form .form-control,
    .swiper-slide p, .list-table,
    #breadcrumbs .breadcrumb,
    .cols2-left .col-sm-4 p, .abs-container p { font-size: 16px; }
    .csc-default .powermail_form ul.parsley-errors-list > li { font-size: 13px; }
}


@media (max-width: 480px) {
    .panel-group { margin-left: -20px; margin-right: -20px; }
    .full-container { padding-top: 20px; padding-bottom: 20px; }
    .full-container > .csc-textpic { margin-top: -20px; margin-bottom: -20px; }
    .tx-indexedsearch .tx-indexedsearch-res TD.tx-indexedsearch-descr { font-size: 14px; line-height: 1.6667; }
    #footer { font-size: 14px; }
    #footer .list-inline > li { padding-right: 0; }
    #footer .list-inline > li + li::before { font-size: 13px; margin-right: 5px; }
    #footer .list-inline { margin-left: -20px; margin-right: -20px; }
}

@media (max-width: 400px) {
    #header { min-height: 80px; }
    #header .navbar-brand { width: 245px; }
    #header .navbar-brand img { width: 90%; height: auto; }
    #header .navbar > .container { min-height: 90px;}
    #navbar { top: 90px; }
    #header .navbar-lang {top:20px;}

    .navbar-header > .ic-search { padding: 7px 9px; font-size: 18px; right: 64px; }
    .navbar-toggle { padding: 8px 9px; margin-right:14px;}
    .navbar-toggle .icon-bar { width: 18px; height: 3px; }

    .panel-body .list-table .fixed-width { display: block; max-width: none; width: 100%; padding-left: 0; }
    .panel-body .list-table > li { padding: 8px 20px; }
    .list-table .link-more { top: 50%; margin-top: -16px; right: 15px; }
    .container > .navbar-header { min-height:90px;}
}

@media (max-width: 360px) {

    h1, h2 { font-size: 25px; }
    .csc-textpic-text h2 { font-size: 20px; }
    h3 { font-size: 18px; }
}

.cmplogo2 a > img {
  max-width: 16px;
}