body{font-family: "HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,sans-serif; font-size: 12px}
@media only screen and (min-width:1440px) and (max-width:2560px) {
.contact-detail-1 { padding-top:0px;}
.contact-detail-1 span{line-height:56px;}
.contact-detail-1 p{margin-bottom:30px}
.contact-detail-2{margin-top:0;}
.contact-detail-2 p{text-align:left;}
.contact-detail-title{margin-bottom:25px;}
.slider-section{padding-bottom:150px;}
.home-detail-3-inner{font-size:35px;}
.login_box{margin:85px 300px 0 0;}
#top-detail-1{width:60%;font-size:35px; 
              margin: 10px 20% 0;
              
}
.slider-left{ width:50%; margin-top: 8px;}/*new*/
.slider-right{ margin-top:0; width:48%; font-size:34px; line-height: 56px;}
/*#img_first {    margin-top: 50px;}*/
.dial-right {  color: #606060; display: none;  float: left;    font-size: 34px;    line-height: 60px;    margin-top: 70px;    text-align: left;    width: 100%;}
.detail-1-more span {margin-left:12%;    float: left;    font-size: 39px;  color: #606060;}
.detail-1-more{margin-bottom:25px;}
.dial-right p{font-size: 34px;}
}

@media only screen and (min-width:1050px) and (max-width:1680px) {
  .login_box{margin: 50px 25px 0 0;}
  #top-detail-1 {
    margin: 5px 20% 0;
    width: 60%;
 }
}
@media only screen and (min-width:900px) and (max-width:1920px) {
  .login_box{margin: 50px 25px 0 0;}
}
/************ Main **************/
@media only screen and (min-width:1400px) and (max-width:1920px) {

.login{ margin:10px 0 0 0;}
/*.top-part{ min-height:1150px;}*/
.top-detail-1{  font-size: 28px; line-height: 40px; margin: 5px 20% 0; width: 60%; text-align:center;}
#top_menubar .navbar-nav > li > a{ padding:0 55px;}
.detail-1-more{ margin:25px 0 20px;}
.home-detail-3-inner{ font-size:40px; margin:180px 0; line-height:70px;}
.contact-detail-1 { padding-top:0px;}
.contact-detail-2{ margin-top:0px; margin-bottom:30px;}
.contact-logo{ margin-bottom:140px;}
.contact-detail-2 p{ line-height:65px; font-size:35px; text-align: left; font-weight: bold;}
ul.contact-form .form-control{ height:60px; border-radius:30px; }
.contact-submit{ height:60px;  border-radius:30px; }

.login_box ul li .form-control{ height:60px; border-radius:30px; }


.slider-section{ min-height:inherit; padding-bottom:160px;}
.carousel-indicators{ bottom:-120px; z-index:1;}
.slider-right{ font-size:41px; line-height:70px;}
.ie10 .container {
	width:94%;
}
.ie10 .login_box {
	margin-right:3%;
}
#top_menubar .navbar-nav > li > a:focus { color:#ece527;}
}
@media only screen and (min-width:1280px) and (max-width:1439px) {
.top-detail-1 {
    font-size: 27px;
    line-height: 37px;
    margin: 30px 0 0;
    padding: 0 5%;
    text-align: center;
    width: 100%;
}
.login { margin:10px 0 0 0;}
}
@media only screen and (min-width:1024px) and (max-width:1024px){
.home-detail-1{  padding-bottom:35px;}
ul.contact-form .form-control{ height:60px; border-radius:30px; }
#top_menubar { background:none;}
.top-detail-1 { margin:25px 17% 0;}

}
@media only screen and (min-width:1280px) and (max-width:1329px) {
#top_menubar .navbar-nav > li > a {
 font-size: 24px;
    font-weight: normal;
    line-height: normal;
    padding: 0 3%;
}
.ie10 .container {
	width:94%;
}
.ie10 .login_box {
	margin-right:3%;
}
ul.contact-form .form-control{ height:60px; border-radius:30px; }
.contact-submit{ height:60px;  border-radius:30px; }

.close-button{width:25px; height:25px; margin:1px; background:url(../images/close.png) no-repeat left top; background-size:23px 23px; border:none; position: relative; left: 132px; bottom: 15px;}
#basic{background-color: #ffffff; height: 150px; width: 300px;}
.popup-text{color: #797979; font-size: 34px; font-family: 'Gill Sans W04 Book'; font-weight: bold;}
}

@media only screen and (min-width:800px) and (max-width:1280px) {
.ie10 .container {
	width:94%;
}
.ie10 .login_box {
	margin-right:3%;
}

.top-part{/* background-size:100%;*/  height:auto;}
header { height: auto; }
.login{ margin:10px 0 0 0;}
.login a{ font-size:16px;}
#brnd img{ width:50%;}
.top-detail-1{ width:100%; padding:0 5%; text-align:center; margin:15px 0 0 0; font-size:26px; line-height:37px;}
.homepage-image { height:630px;}
.container > .navbar-header, .container > .navbar-collapse{ margin:0;}
.navbar-nav{ text-align:center; float:none;}
#top_menubar .navbar-nav > li{ float:none; padding:0; text-align:center; display:inline;}
#top_menubar .navbar-nav > li > a{ padding:0 28px; display:inherit; font-size:18px;}

.home-detail-1{ min-height:540px;/* background-size:auto 100%;*/ padding-top:5%;}
.detail-1-image img{ width:50%;}
.detail-1-more{ margin:35px 0 10px 0;}
.detail-1-more a{ padding:0; margin:0; font-size:48px; color:#666666;}
.detail-1-more a img{ margin:0 0 0 25px; width:35px; height:35px;}

.home-detail-3-inner{ margin:9% 0; font-size:26px; line-height:45px;}

.contact-detail-1{ padding-top:0px;}
.contact-detail-1 p{ margin:0 0 45px 0; font-size:26px;}
.contact-detail-title{ margin:0 0 25px 0; font-size:50px;}
.contact-detail-sub{margin-bottom:10px;}
.contact-detail-left{ width:46%; float:left; padding:0; margin:0;}
.contact-detail-right{ width:46%; float:right; padding:0; margin:0;}
.contact-detail-1 p{ margin-bottom:16px;}
.contact-detail-1 span{ font-size:28px; line-height:35px; text-align: left; width:100%; float:left; color: #4D4D4D; position:relative; top:30px;}
ul.contact-form li label{ font-size:14px;}
ul.contact-form li{ margin-bottom:15px;}

ul.contact-form .form-control{ height:60px; border-radius:30px; }



.contact-detail-1{ min-height:inherit; padding-bottom:60px;}
.contact-logo img{ width:52%;}
.contact-detail-2{ margin-top:0%; margin-bottom:5%;}
.contact-detail-2 p{ font-size:24px; line-height:30px; text-align: left; font-weight: bold;}
.contact-detail-2 p a{ font-size:22px; line-height:30px;}

.slider-section{ min-height:inherit; padding:0px 0 100px;}
.slider-section .contact-detail-title{ font-size:50px;}

.glyphicon.glyphicon-chevron-left > img{ width:40px; height: 62px}
.glyphicon.glyphicon-chevron-right > img{ width:40px;}
.carousel-indicators li{ width:30px; height:25px; background:url(../images/bullet-1.png) no-repeat left top; border:none; background-size:22px 23px; }
.carousel-indicators .active{ width:30px; height:25px; margin:1px; background:url(../images/bullet-2.png) no-repeat left top; background-size:22px 23px; border:none;}

.slider-left{ width:65%; padding:0; float:left;}
.slider-right{ width:32%; float:right; margin-top:8%; font-size:20px; line-height:38px;}
.carousel-indicators { bottom:-75px;}


.close-button{width:25px; height:25px; margin:1px; background:url(../images/close.png) no-repeat left top; background-size:23px 23px; border:none; position: relative; left: 132px; bottom: 15px;}
#basic{background-color: #ffffff; height: 150px; width: 300px;}
.popup-text{color: #797979; font-size: 34px; font-family: 'Gill Sans W04 Book'; font-weight: bold;}
}

@media only screen and (min-width: 768px) and (max-width:959px) {
header {
	height:auto;
}
.setting{ min-height:80px; background:#000000;}
.container{ width:90%; margin:0 auto; padding:0;}

.top-part{ /* background-size:100%; min-height:650px;*/}


.login{ margin:10px 0 0 0;}
.login a{ font-size:16px;}
#brnd img{ width:50%;}
.top-detail-1{ width:100%; padding:0 5%; text-align:center; margin:5px 0 0 0; font-size:22px; line-height:37px;}

.container > .navbar-header, .container > .navbar-collapse{ margin:0;}
.navbar-nav{ text-align:center; float:none;}
#top_menubar .navbar-nav > li{ float:none; padding:0; text-align:center; display:inline;}
#top_menubar .navbar-nav > li > a{ padding:0 3%; display:inherit; font-size:20px;}
.homepage-image { height:500px;}
header { height: auto; }
.home-detail-1{/* min-height:540px; background-size:auto 100%; */padding-top:5%;}
.detail-1-image img{ width:50%;}
.detail-1-more{ margin:35px 0 10px 0;}
.detail-1-more a{ padding:0; margin:0; font-size:48px; color:#666666;}
.detail-1-more a img{ margin:0 0 0 25px; width:35px; height:35px;}

.home-detail-3-inner{ margin:9% 0; font-size:22px; line-height:37px;}

.contact-detail-1{ padding-top:0px;}
.contact-detail-1 p{ margin:0 0 45px 0; font-size:22px;}
.contact-detail-title{ margin:0 0 25px 0; font-size:50px;}
.contact-detail-sub{margin-bottom:10px;}
.contact-detail-left{ width:46%; float:left; padding:0; margin:0;}
.contact-detail-right{ width:46%; float:right; padding:0; margin:0;}
.contact-detail-1 p{ margin-bottom:16px;}
.contact-detail-1 span{ font-size:24px; line-height:35px; text-align: left; width:100%; float:left; color: #4D4D4D; position:relative; top:30px;}
ul.contact-form li label{ font-size:14px;}
ul.contact-form .form-control{ height:34px;}
ul.contact-form li{ margin-bottom:15px;}


.contact-detail-1{ min-height:inherit; padding-bottom:60px;}
.contact-logo img{ width:60%;}
.contact-detail-2{ margin-top:0%; margin-bottom:5%;}
.contact-detail-2 p{ font-size:22px; line-height:30px; text-align:left; font-weight: bold;}
.contact-detail-2 p a{ font-size:26px; line-height:30px;}



.slider-section{ min-height:inherit; padding:0px 0 100px;}
.slider-section .contact-detail-title{ font-size:50px;}

.glyphicon.glyphicon-chevron-left > img{ width:40px;; height: 62px}
.glyphicon.glyphicon-chevron-right > img{ width:40px;}
.carousel-indicators li{ width:30px; height:25px; background:url(../images/bullet-1.png) no-repeat left top; border:none; background-size:22px 23px; }
.carousel-indicators .active{ width:30px; height:25px; margin:1px; background:url(../images/bullet-2.png) no-repeat left top; background-size:22px 23px; border:none;}

.slider-left{ width:60%; padding:0; float:left;}
.slider-right{ width:38%; float:right; margin-top:8%; font-size:18px; line-height:30px;}
ul.contact-form .form-control{ height:60px; border-radius:30px; }

.carousel-indicators { bottom:-75px;}

#basic{background-color: #ffffff; height: 150px; width: 300px;}
.popup-text{margin: 0; color: #797979; font-size: 28px; font-family: 'Gill Sans W04 Book'; font-weight: bold;}
.close-button{width:25px; height:25px; margin:1px; background:url(../images/close.png) no-repeat left top; background-size:23px 23px; border:none; position: relative; left: 130px; bottom: 15px;}
}

/************ Tablet **************/
@media only screen and (min-width: 480px) and (max-width: 767px) {
.setting{ min-height:80px; background:#0000FF;}
html { -webkit-text-size-adjust:none;}
.container{ width:90%; margin:0 auto; padding:0;}
#top_menubar { height:0;}
.top-part{ /*min-height:690px;*/margin:10% 0 0;}
#top_menubar .navbar-nav > li  { display:block;}
#top_menubar .navbar-nav > li > a { background:none;}
.login{ margin-top:-30px; position:relative; z-index:1000;}
.login a{ font-size:20px;}
#brnd img{ width:80%; margin-top:0;}
#brnd { float: left; margin: -40px 0 10px 0; padding: 0; position: relative; text-align: center; width: 87%; }
.top-detail-1{ font-size:20px; line-height:24px; margin:0; text-align:center; width:100%;}

.navbar-toggle{ border:1px solid #97CE4F !important; margin-bottom:23px;}
.navbar-inverse .navbar-toggle:hover,
.navbar-inverse .navbar-toggle:focus {
  background-color: #00995c;
}
#top_menubar .navbar-inverse{ padding-bottom:0;}
#top_menubar .navbar-nav > li{ padding:0; background:none; border-top:1px solid #00995c;}
#top_menubar .navbar-nav > li > a{ padding:10px 20px; font-size:20px;}
.navbar-collapse{ border:none;
-webkit-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0.1);
          box-shadow: inset 0 0 0 rgba(0, 0, 0, 0.1);
}
/*.container > .navbar-header, .container > .navbar-collapse{ margin-right:-32px; margin-left:-32px;}*/

.home-detail-1{ width:100%; min-height:inherit; padding:35px 0; background-size:auto 100%;}
.detail-1-image img{ width:100%;}
.detail-1-more a{ font-size:35px;}
.detail-1-more a img{ margin:0 0 0 25px; width:35px; height:35px;}
.home-detail-3-inner{ font-size:20px; line-height:32px;}

.contact-detail-title{ font-size:40px; margin-bottom:25px;}
.contact-detail-sub{margin-bottom:10px;}
.contact-detail-1 p{ font-size:22px; margin-bottom:16px;}
.contact-detail-1 span{ font-size:24px; line-height:35px; text-align: left; width:100%; float:left; color: #4D4D4D;}
ul.contact-form li label{ font-size:18px;}
ul.contact-form .form-control{ height:38px;}
/*.container a{position:relative; right:16px;}*/
.contact-detail-2{ margin-bottom:30px; margin-top:0px}
.contact-logo img{ width:100%;}
.contact-detail-2 p{ font-size:19px; line-height:32px; text-align:left; font-weight: bold;}
.contact-detail-2 p a{ font-size:21px; line-height:32px;}

.sticky{ position:relative;}

.contact-detail-1{ min-height:inherit; padding-top:0px; padding-bottom:20px;}



.slider-section .contact-detail-title{ font-size:33px;}
.slider-section{ min-height:inherit; padding:0px 0 70px;}
.slider-right { color: #606060; font-size:18px; line-height: normal; margin-top:20px; text-align: center;}
.carousel-indicators li{ width:25px; height:25px; background:url(../images/bullet-1.png) no-repeat left top; border:none; background-size:23px 23px; }
.carousel-indicators .active{ width:25px; height:25px; margin:1px; background:url(../images/bullet-2.png) no-repeat left top; background-size:23px 23px; border:none;}
.carousel-indicators{ bottom:-50px;}
.glyphicon.glyphicon-chevron-left > img{ width:40px;; height: 62px}
.glyphicon.glyphicon-chevron-right > img{ width:40px;}
.homepage-image { height:300px;}
header{ height:auto;}
ul.contact-form .form-control{ height:60px; border-radius:30px; }

.login_box { margin:0 15px 0 0;}

.close-button{width:25px; height:25px; margin:1px; background:url(../images/close.png) no-repeat left top; background-size:23px 23px; border:none; position: relative; left: 132px; bottom: 15px;}
#basic{background-color: #ffffff; height: 150px; width: 300px;}
.popup-text{color: #797979; font-size: 34px; font-family: 'Gill Sans W04 Book'; font-weight: bold;}
}

/************ iphone **************/
@media only screen and (min-width: 0px) and (max-width: 479px) {
.setting{ min-height:80px; background:#FF0000;}
html { -webkit-text-size-adjust:none;}
.container{ width:90%; margin:0 auto; padding:0;}
header { height:auto;}
#top_menubar { height:auto;}
.homepage-image { height:400px;}
.top-part{/* min-height:690px;*/}
#top_menubar .navbar-nav > li  { display:block;}
#top_menubar .navbar-nav > li > a { background:none;}
.login{ margin-top:20px; position:relative; z-index:1000;}
.login a{ font-size:15px;}
#brnd img{ width:65%; margin-top:28px;}
.top-detail-1{ font-size:18px; line-height:24px; margin:0; width:100%; text-align:center;}
#brnd { float: left; margin: -55px 0 10px 0; padding: 0; position: relative; text-align: center; width: 95%; }
.navbar-toggle{ border:1px solid #97CE4F !important; margin-bottom:23px; background:#00995C;}
.navbar-inverse .navbar-toggle:hover,.navbar-inverse .navbar-toggle:focus {  background-color: #97CE4F;}
#top_menubar .navbar-inverse{ padding-bottom:0;}
#top_menubar .navbar-nav > li{ padding:0; background:none; border-top:1px solid #00995c;}
#top_menubar .navbar-nav > li > a{ padding:10px 20px; font-size:20px;}
.navbar-collapse{ border:none;-webkit-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0.1); box-shadow: inset 0 0 0 rgba(0, 0, 0, 0.1);}

.home-detail-1{ width:100%; min-height:inherit; padding:0 0 35px 0; background-size:auto 100%;}
.detail-1-image img{ width:100%;}
.detail-1-more a{ font-size:35px;}
.detail-1-more a img{ margin:0 0 0 25px; width:35px; height:35px;}
.home-detail-3-inner{ font-size:18px; line-height:30px;}

.contact-detail-title{ font-size:40px; margin-bottom:25px;}
.contact-detail-sub{margin-bottom:10px;}
.contact-detail-1 p{ font-size:18px; margin-bottom:16px;}
.contact-detail-1 span{ font-size:20px; line-height:35px; text-align: left; width:100%; float:left; color: #4D4D4D;}
ul.contact-form li label{ font-size:18px;}
ul.contact-form .form-control{ height:38px;}
/*.container a{color:#797979; float:left;}*/
.contact-detail-2{ margin-bottom:30px; margin-top:0px;}
.contact-logo img{ width:100%;}
.contact-detail-2 p{ font-size:18px; line-height:32px; text-align:left; font-weight: bold;}
.contact-detail-2 p a{ font-size:21px; line-height:32px;}

.sticky{ position:relative;}

.contact-detail-1{ min-height:inherit; padding-top:0px; padding-bottom:20px;}
.contact-detail-left{ width:100%; float:left; padding:0; margin:0;}
.contact-detail-right{ width:100%; float:right; padding:0; margin:0;}


.slider-section{ min-height:inherit; padding:0px 0 70px;}
.slider-right { color: #606060; font-size:18px; line-height: normal; margin-top:20px; text-align: center;}
.carousel-indicators li{ width:25px; height:25px; background:url(../images/bullet-1.png) no-repeat left top; border:none; background-size:23px 23px; }
.carousel-indicators .active{ width:25px; height:25px; margin:1px; background:url(../images/bullet-2.png) no-repeat left top; background-size:23px 23px; border:none;}
.carousel-indicators{ bottom:-50px;}
.glyphicon.glyphicon-chevron-left > img{ width:40px;; height: 62px}
.glyphicon.glyphicon-chevron-right > img{ width:40px;}

ul.contact-form .form-control{ height:60px; border-radius:30px; }

#basic{background-color: #ffffff; height: 100px; width: 200px;}
.popup-text{margin: 0; color: #797979; font-size: 18px; font-family: 'Gill Sans W04 Book'; font-weight: bold;}
.close-button{width:25px; height:25px; margin:1px; background:url(../images/close.png) no-repeat left top; background-size:23px 23px; border:none; position: relative; left: 84px; bottom: 15px;}
.address-email{color:#4D4D4D; position: relative; left: 0px; float:left;}
}
@media only screen and (min-width: 0px) and (max-width: 766px) {
.navbar-fixed-top-menu { top:0; position:fixed; width:100%; float:left; background:#fff; }
.navbar-toggle { margin-bottom: 1px !important; margin-top:0 !important; background:#97CE4F!important;}
#top_menubar .navbar-inverse { background:none; border:medium none;	 }
#top_menubar .navbar-nav > li { background:#97CE4F!important; border-top:1px solid #FFFFFF !important;}
.navbar-nav { margin:0 -15px;}
.login_box ul li .form-control { border-radius: 30px; float: right; height: 35px; width: 70%; }

#top_menubar .navbar-nav > li > a { font-family:'Gill Sans W04 Book';}

.address-email{color:#4D4D4D; position: relative; right: 18px;}

}
@media only screen and (min-width: 0px) and (max-width: 979px) {
.login_box ul li .form-control { border-radius: 30px; float: right; height: 35px; width: 70%; }

ul.contact-form .form-control { height:40px;}
/*.login-submit { background:url('../images/login_mobile.png') no-repeat right top; border-radius: 0; float: right; height: 36px; width:108px; margin:0; text-indent: -999em; border:none; }
.contact-submit { background:url('../images/send_mobile.png') no-repeat right top; border-radius: 0; float: right; height: 40px; width:144px; margin:0; text-indent: -999em;border:none;  }*/
#approch { height:30px;}
#top_menubar { background:none;}

.login-submit-new {width: 100%; float: right; max-width: 100px;}
.contact-submit-new {width: 100%; float: left; max-width: 200px;}
}
@media only screen and (min-width: 980px) and (max-width: 1560px) {
.top-detail-1 { margin: 5px 17% 0; width: 66%;}
/*.login-submit { background:url('../images/login_regular.png') no-repeat right top; border-radius: 0; float: right; height: 40px; width:125px; margin:0; text-indent: -999em; border:none; }
.contact-submit { background:url('../images/send_regular.png') no-repeat right top; border-radius: 0; float: right; height: 54px; width:273px; margin:0; text-indent: -999em;border:none;  }*/
.login-submit-new {width: 100%; float: right; max-width: 150px;}
.contact-submit-new {width: 100%; float: left; max-width: 273px;}


.close-button{width:25px; height:25px; margin:1px; background:url(../images/close.png) no-repeat left top; background-size:23px 23px; border:none; position: relative; left: 132px; bottom: 15px;}
#basic{background-color: #ffffff; height: 150px; width: 300px;}
.popup-text{color: #797979; font-size: 34px; font-family: 'Gill Sans W04 Book'; font-weight: bold;}
}
@media only screen and (min-width: 1561px) and (max-width: 2560px) {
/*.login-submit { background:url('../images/login_big.png') no-repeat right top; border-radius: 0; float: right; height: 54px; width:183px; margin:0; text-indent: -999em; border:none; }
.contact-submit { background:url('../images/send_big.png') no-repeat right top; border-radius: 0; float: right; height: 60px; width:305px; margin:0; text-indent: -999em;border:none;  }*/
.login-submit-new {width: 100%; float: right; max-width: 183px;}
.contact-submit-new {width: 100%; float: left; max-width: 305px;}

.close-button{width:25px; height:25px; margin:1px; background:url(../images/close.png) no-repeat left top; background-size:23px 23px; border:none; position: relative; left: 132px; bottom: 15px;}
#basic{background-color: #ffffff; height: 150px; width: 300px;}
.popup-text{color: #797979; font-size: 34px; font-family: 'Gill Sans W04 Book'; font-weight: bold;}
}
@media only screen and (min-width: 980px) and (max-width: 1600px) {
.login_box ul li .form-control { border-radius: 30px; float: right; height: 45px; width: 100%; }
ul.contact-form .form-control { height:45px;}


.close-button{width:25px; height:25px; margin:1px; background:url(../images/close.png) no-repeat left top; background-size:23px 23px; border:none; position: relative; left: 132px; bottom: 15px;}
#basic{background-color: #ffffff; height: 150px; width: 300px;}
.popup-text{color: #797979; font-size: 34px; font-family: 'Gill Sans W04 Book'; font-weight: bold;}
}
@media only screen and (min-width: 768px) and (max-width: 768px) {
.homepage-image { height:500px;}


.close-button{width:25px; height:25px; margin:1px; background:url(../images/close.png) no-repeat left top; background-size:23px 23px; border:none; position: relative; left: 132px; bottom: 15px;}
#basic{background-color: #ffffff; height: 150px; width: 300px;}
.popup-text{color: #797979; font-size: 34px; font-family: 'Gill Sans W04 Book'; font-weight: bold;}
/*.container a{color:#797979; position: relative; right: 10px;}*/
}
@media only screen and (min-width: 1921px) and (max-width: 2560px) {
.top-detail-1 { margin: 5px 5% 0;  width: 90%; text-align:center; }

.close-button{width:25px; height:25px; margin:1px; background:url(../images/close.png) no-repeat left top; background-size:23px 23px; border:none; position: relative; left: 132px; bottom: 15px;}
#basic{background-color: #ffffff; height: 150px; width: 300px;}
.popup-text{color: #797979; font-size: 34px; font-family: 'Gill Sans W04 Book'; font-weight: bold;}
}
.container a{color:#4D4D4D;}
.detail-1-more a{float: none;}
@media only screen and (min-width: 768px) and (max-width:959px) {
    /*.slider-left{width:100%}
    .slider-right{width:100%}*/
    .slider-right {   
    font-size: 16px;
    line-height: 20px;
    margin-top: 2px;
     width: 48%;
    }
    .slider-left{
        width:50%;
    }
    .dial-left {    float: left;    width: 40%;}
    .dial-right {  color: #606060; display: none;  float: left;    font-size: 16px;    line-height: 22px;  margin-left: 50px;  margin-top: 70px;   width: 40%;}
    .detail-1-more span {    float: left;    font-size: 18px;  color: #606060; margin-left:7%}
    .detail-1-more{margin-bottom:25px;}
    .dial-right p{font-size: 16px;}
}
@media only screen and (min-width:800px) and (max-width:1280px) {
    .slider-right {   
    font-size: 23px;
    line-height: 26px;
    margin-top: 4px;
     width:48%;
    }
    .slider-left{
        width:50%;
    }
    
/*.dial-left{  float: left;    margin-left: 110px;    width: 40%; }*/
.dial-right{  color: #606060; display: none;  font-size: 23px;    line-height: 30px; }
.dial-right p{margin:15px 0 10px 0; width:320px; font-size: 23px;}
.detail-1-more span{float: left;    font-size: 25px;    margin-left: 11%;  color: #606060;}
.detail-1-more {margin: 25px 0;}
}
@media only screen and (min-width:1400px) and (max-width:1920px) {
    .slider-right {   
    font-size: 25px;
    line-height: 36px;
    margin-top: 0;
    width: 48%;
    }
    .slider-left{
        width:50%;
        margin-top:4px;
    }
    /*.dial-left{  float: left;    margin-left: 110px;    width: 40%; }*/
.dial-right{  color: #606060; display: none;  font-size: 25px;    line-height: 40px;  }
/*.dial-left img{width: 85%;}*/
.dial-right p{margin:15px 0 10px 0; width:420px; font-size: 25px;}
.detail-1-more span{margin-left:11%;  float: left;    font-size: 32px;      color: #606060;}
.detail-1-more {margin: 25px 0;}
}
/*#img_first{margin-top:35px;}*/
@media only screen and (min-width: 0px) and (max-width: 479px) {
    .dial-left {    float: left;    width: 100%;}
    .dial-right {  color: #606060; display: none;  float: left;    font-size: 18px;    line-height: 22px;    margin-top: 70px;    text-align: center;    width: 100%;}
    .detail-1-more span { margin-left:7%;   float: left;    font-size: 18px;  color: #606060;}
    .detail-1-more{margin-bottom:25px;}
    .dial-right p{font-size: 18px;}
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
    .dial-left {    float: left;    width: 100%;}
    .dial-right {  color: #606060; display: none;  float: left;    font-size: 18px;    line-height: 22px;    margin-top: 70px;    text-align: center;    width: 100%;}
    .detail-1-more span {margin-left:18%;    float: left;    font-size: 18px;  color: #606060;}
    .detail-1-more{margin-bottom:25px;}
    .dial-right p{font-size: 18px;}
}
@media only screen and (max-width: 640px) {
    .dial-left {max-width:100%; width:100%;}
    .dial-right {width:100%;}
}
@media only screen and (min-width: 641px) {
    .dial-left {max-width:50%; width:40%; margin-left:8%; float:left;}
    .dial-right {width:40%; float:left; margin:8% 5% 5% 5%; }
}

#login-options { margin: auto; text-align: center}
.login_box{position: relative; float: none; width: 300px; margin: auto}
#login-options a#login-with-password {    color: #666;
    float: none;
    font-size: 14px;
    margin-top: 10px;
    text-align: center;
    text-decoration: underline;
    font-weight: bold;
}
#login-options button { background-color: #666;  border-color: #666 }
#nemid-login{position: relative}
#form-login { margin: auto;  position: relative}
#form-login > form {
    display: block;
    margin: auto;
    width: 225px;
    text-align: center;
}
#form-login .login_box{width:100%}
#login-options.login_box ul li .form-control{float: none;margin: auto;width: 75%;}
#form-login a.back-link, #appPlaceholder  a.back-link {    background: url("/images/new_design/next_small_arrow-leftside.png") no-repeat scroll left center transparent;
    color: #666;
    left: 200px;
    padding-left: 20px;
    position: absolute;}


.form-control.login-submit-new {
    background: none repeat scroll 0 0 #666;
    color: #fff;
    font-size: 16px !important;
    line-height: 16px;
}


.top-bg-overlay { top :  0 ; }
body {margin-top: -26px; background-position: 0 -54px;}