@media (max-width:1199px){
   .wrp { width: calc(100% - 20px)}
    #dataTable .mainTable {overflow-x: auto} 
    #to-popup {width: 80%}
    .right-login{display:none;}
    .right-login-text{background:#6998D7;   }
    
    .inputsearch {padding: 10px 0} 
    .inputsearch .fl,.inputsearch .fr {width: 100%} 
}

@media (max-width:991px){ 
    .colleft {width: 100%}
    .colright {width: 31%}
    #searchFrm .form .item1,#searchFrm .form .item1 ~.item { width: calc((100% - 10px) / 2);margin-right: 10px}
    #searchFrm .form .item1:nth-child(2n) {margin-right: 0}
    #to-popup {width: 90%}
    #container .step-guide ul li{width:50%}
    #container .step-guide ul li:nth-child(2){border-right:none;}
    #container .step-guide ul li:nth-child(2):before{display:none;}
    #container .step-guide ul li~:nth-child(4):before{display:inline-block;transform:rotate(225deg);right:-7px}
    #container .step-guide ul li~:nth-child(4){display: inline-block; color: #fff; margin-right: -4px;vertical-align:middle;position: relative;
    border-right: 2px solid #fff;
    box-sizing: border-box;}
    /*#container .step-guide ul li:nth-child(3){display:none;}*/
    #container .step-guide ul li:nth-child(5){display:inline-block;border-right:none;}
    #container .step-guide ul li:nth-child(5):before{display:none;}
    .right-login, .right-login-text {
    width: 280px;
}
}

@media (max-width:767px){ 
    .colleft,.colright,#searchFrm .form .item1,#searchFrm .form .item1 ~.item { width: 100%; margin-right: 0}
    .colleft {margin-bottom: 10px}
    #footer .top ul { float: none; }
    #footer .top ul.fl {margin-bottom: 5px}
    #footer .bot .dib {display: block}
    #menu ul {display: none}
    #menu .wrp {width: 100%}
    #menures { color: #fff;}
    #menures .openList { width: 30px; height: 30px; float: right; display: block; margin-right: 10px; margin-top: 3px}
    #menures .openList hr { border: 1px solid #fff; transition: 0.5s all ease-in-out;-moz-transition: 0.5s all ease-in-out;    margin-top: 7px !important;
    margin-bottom: 7px !important;}
    #menures .openList.ac hr:nth-child(2) {opacity: 0}
    #menures .openList.ac hr:nth-child(1) { transform: rotate(135deg) translateX(6px) translateY(-6px);-moz-transform: rotate(135deg) translateX(6px) translateY(-6px)}
    #menures .openList.ac hr:nth-child(3) { transform: rotate(-135deg) translateX(6px) translateY(6px);-moz-transform: rotate(135deg) translateX(6px) translateY(-6px)}
    #menures .menuactive { background: #c42e23; font-family: RobotoB; line-height: 40px; padding: 0 15px}
    #menu ul li { width: 100%;}
    #menu ul li a {font-size: 15px}
    #to-popup {width: 95%}
    .wd-login-block {
width:60%;
}
        .right-login, .right-login-text {
    width: 35%;
}
            .wd-form-content fieldset .wd-input input.wd-input-email, .wd-form-content fieldset .wd-input input.wd-input-pass {
    width: 96%;
}
}

@media (max-width:479px){ 
    #header .logo {margin-right: 10px}
    #header .logo img {width: 50px}
    #header .text {width: calc(100% - 60px)}
    #header .text p:first-child {font-size: 100%}
    #header .text p:last-child {font-size: 100%}
    #detailTable .content .col1 {text-align: center}
    #detailTable .content .col1,#detailTable .content .col2 {width: 100%}
    #popup-content { min-width: 100%; min-height: auto}
    #detailTable .title .fl { width: 100%; text-align: center; margin-bottom: 10px}
    #detailTable .title .tool  { width: 100%;}
    #btn-close {float: right}
    #container .step-guide ul li:nth-child(n){border-right:none;}
    #container .step-guide ul li:nth-child(n):before{display:none;}
    #container .step-guide ul li { width:100%;display: inline-block; color: #fff; margin-right: -4px;vertical-align:middle;position: relative;
    border-bottom: 2px solid #fff;
    box-sizing: border-box;padding-top:5px} 
    .wd-login-block {
    width: 100%;
}
    .wd-form-content fieldset .wd-input input.wd-input-email, .wd-form-content fieldset .wd-input input.wd-input-pass {
    width: 96%;
}
    .right-login, .right-login-text {
    width: 94%;    height: 130px;
    top:305px;
}
    .wd-form-blockcontent{padding-left:15px}

}