.er-col-sm-1,  .er-col-md-1,  .er-col-lg-1, .er-col-sm-2,  .er-col-md-2,  .er-col-lg-2, .er-col-sm-3,  .er-col-md-3,  .er-col-lg-3,  .er-col-sm-4,  .er-col-md-4,  .er-col-lg-4,  .er-col-sm-5,  .er-col-md-5,  .er-col-lg-5,  .er-col-sm-6,  .er-col-md-6,  .er-col-lg-6,  .er-col-sm-7,  .er-col-md-7,  .er-col-lg-7,  .er-col-sm-8,  .er-col-md-8,  .er-col-lg-8,  .er-col-sm-9,  .er-col-md-9,  .er-col-lg-9,  .er-col-sm-10,  .er-col-md-10,  .er-col-lg-10,  .er-col-sm-11,  .er-col-md-11,  .er-col-lg-11,  .er-col-sm-12,  .er-col-md-12,  .er-col-lg-12 {
    position: relative; min-height: 1px; /*padding-left: 15px; padding-right: 15px;*/}
/*768*/
@media (max-width:767px) {
    .er-col-sm-1,  .er-col-sm-2,  .er-col-sm-3,  .er-col-sm-4,  .er-col-sm-5,  .er-col-sm-6,  .er-col-sm-7,  .er-col-sm-8,  .er-col-sm-9,  .er-col-sm-10,  .er-col-sm-11,  .er-col-sm-12 {
        float: left; width: 100%;}
}
@media (min-width:768px) {
    
    .er-col-sm-1,  .er-col-sm-2,  .er-col-sm-3,  .er-col-sm-4,  .er-col-sm-5,  .er-col-sm-6,  .er-col-sm-7,  .er-col-sm-8,  .er-col-sm-9,  .er-col-sm-10,  .er-col-sm-11,  .er-col-sm-12 {
        float: left;}
    .er-col-sm-12 {width: 100%}
    .er-col-sm-11 {width: 91.66666666666666%}
    .er-col-sm-10 {width: 83.33333333333334%}
    .er-col-sm-9 {width: 75%}
    .er-col-sm-8 {width: 66.66666666666666%}
    .er-col-sm-7 {width: 58.333333333333336%}
    .er-col-sm-6 {width: 50%}
    .er-col-sm-5 {width: 41.66666666666667%}
    .er-col-sm-4 {width: 33.33333333333333%}
    .er-col-sm-3 {width: 25%}
    .er-col-sm-2 {width: 16.666666666666664%}
    .er-col-sm-1 {width: 8.333333333333332%}
    
    .er-col-sm-offset-12 {margin-left: 100%}
    .er-col-sm-offset-11 {margin-left: 91.66666666666666%}
    .er-col-sm-offset-10 {margin-left: 83.33333333333334%}
    .er-col-sm-offset-9 {margin-left: 75%}
    .er-col-sm-offset-8 {margin-left: 66.66666666666666%}
    .er-col-sm-offset-7 {margin-left: 58.333333333333336%}
    .er-col-sm-offset-6 {margin-left: 50%}
    .er-col-sm-offset-5 {margin-left: 41.66666666666667%}
    .er-col-sm-offset-4 {margin-left: 33.33333333333333%}
    .er-col-sm-offset-3 {margin-left: 25%}
    .er-col-sm-offset-2 {margin-left: 16.666666666666664%}
    .er-col-sm-offset-1 {margin-left: 8.333333333333332%}
    .er-col-sm-offset-0 {margin-left: 0;}
        .container {/*width: 750px;*/}
}

/*1200*/
@media (min-width:1024px) {
    .er-col-lg-1,  .er-col-lg-2,  .er-col-lg-3,  .er-col-lg-4,  .er-col-lg-5,  .er-col-lg-6,  .er-col-lg-7,  .er-col-lg-8,  .er-col-lg-9,  .er-col-lg-10,  .er-col-lg-11,  .er-col-lg-12 {
        float: left;}
    .er-col-lg-12 {width: 100%}
    .er-col-lg-11 {width: 91.66666666666666%}
    .er-col-lg-10 {width: 83.33333333333334%}
    .er-col-lg-9 {width: 75%}
    .er-col-lg-8 {width: 66.66666666666666%}
    .er-col-lg-7 {width: 58.333333333333336%}
    .er-col-lg-6 {width: 50%}
    .er-col-lg-5 {width: 41.66666666666667%}
    .er-col-lg-4 {width: 33.33333333333333%}
    .er-col-lg-3 {width: 25%}
    .er-col-lg-2 {width: 16.666666666666664%}
    .er-col-lg-1 {width: 8.333333333333332%}
}
@media only screen and (min-width: 1024px){
    .header-container{height: 46px;}
    /*.nav-container{height: 30px;}*/
    .header-container nav ul li a{padding: 12px 10px 13px;}
    .mini-profile {margin: 0 5px;padding: 5px 4px;width: 145px;}
    .text-eclipp {width: 80%;}
       /*************************************************/
    .view-title {font-size: 12px;}  
    }
@media only screen and (min-width: 1200px) and (max-width: 1366px){
    .main-section.er-col-sm-8 .action-bar{padding-left:20% !important;}
    .main-section.er-col-sm-10.left-en .action-bar{padding-left: 20% !important;}
    
}
@media only screen and (max-width: 1024px){
     /*1024*/   
    .iphoneL{display: block;}
    #dropdown li{float: none;}
    #dropdown li a{display: block;}
    .navigation{position: relative;}
    #dropdown{position: absolute; right: 0; background: #2D353F; z-index: 9; top: 41px;}
    #Nav {background: none repeat scroll 0 0 #333333; height: 32px; line-height: 31px; margin-top: 9px; text-align: center;  width: 40px;}
    #dropdown.open{display: block;}
    #dropdown{display: none;}
    /*.menu-group-inner{width: 118px; position: absolute; left: 0px;}*/
    .menu-group{position: relative;}
    nav.menu-group a{float: none; display: block;}
    .navi{display: none;}
    .header-container nav a{border-left: none;}
    .quick-nav{display: none;}
    .main-section.er-col-sm-8 .action-bar{padding-left:21% !important;}
    .main-section.er-col-sm-10.left-en .action-bar{padding-left: 21% !important;}
    .btn.large{padding: 0 12px;}
        /*nav end*/
}
@media only screen and (max-width: 767px){
    body{min-width: 320px;}
    .container{width: 320px;}
}
@media only screen and (min-width: 480px) and (max-width: 767px){
    .container{width: 480px;}
}
/*Form Layout*/
.form-group {margin-bottom: 15px;}
/*.form-horizontal .form-group {margin-left: -15px; margin-right: -15px;}*/
.form-horizontal .form-group:before, .form-horizontal .form-group:after {content: " "; display: table;}
.form-horizontal .form-group:after {clear: both;}
.form-horizontal .form-group:before, .form-horizontal .form-group:after {content: " "; display: table;}
.form-horizontal .form-group:after {clear: both;}
.form-horizontal .form-control-static {padding-top: 7px;}
label{font-weight: 600; display: inline-block; margin-bottom: 5px; font-size: 12px; padding-right: 7px;}
.radio, .checkbox, .slide {display: block; /*margin-bottom: 10px; margin-top: 10px;*/ min-height: 20px; padding-left: 20px; vertical-align: middle;}
.radio label, .checkbox label{cursor: pointer; display: inline; font-weight: normal; margin-bottom: 0; line-height: 19px;}
.hide-txt {border: 0 none; clip: rect(0px, 0px, 0px, 0px); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px;}
.form-title{font-size: 14px; font-weight: bold; margin-bottom: 15px;}
.checkbox .chk-margin, .radio .chk-margin, .slide .slideOne{margin-left: -20px;}