@media (min-width:1199px) {
}
@media (min-width:768px) 
{
    .panel-body div[class*="col-sm-"] { display:inline-block; float: none; vertical-align: top; margin-right:-3px; margin-bottom:15px;}
}


@media (max-width:1499px) 
{
    .hero { width: 70%;}
}
@media (max-width:1199px) 
{
    .top-text { margin-right: 20px;}
  .shortcut-section .shortcut-code strong { font-size: 14px;}
  .sb-full > ul > li { font-size: 25px;}

header .navbar-default .navbar-nav > li > a { font-size: 12px;}
header .btn-white, header .btn-orange {font-size: 11px;padding: 6px 6px;}

#slideit{background-size:100% 100%;}
header .navbar-default .navbar-nav > li > a {

    padding: 15px 11px;
	font-size:14px;
}

	.newslatter p{font-size:14px;}

.slide-text {
    left:10%;
    right:10%;
	top:22%;
	}

.slide-text > h1 {
    font-size:30px;
}


.slide-text > h2 {
    font-size:30px;
}
.product ul li .name{font-size:16px; text-transform:inherit;}
.bank ul li img {
    width: 30%;
}
.bank h3 {
    font-size: 14px;
    margin: 6px 0 4px 0;
}
.bank ul li p {
    font-size: 13px;
    line-height: 20px;
}
.bank ul li {
    padding: 30px 15px;
}
.bs-slider {
    margin-top: 90px;
}
.product ul li .name{font-size:14px; padding: 11px 15px;}
.title {font-size: 13px;}
.hero h2 { font-size: 70px;}
.hero 
{
    width: 645px;
    left: 20px;
    -webkit-transform: translate3d(0%,-50%,0);
    -moz-transform: translate3d(0%,-50%,0);
    -ms-transform: translate3d(0%,-50%,0);
    -o-transform: translate3d(0%,-50%,0);
    transform: translate3d(0%,-50%);
}
.fade-carousel .slides .slide-1, .fade-carousel .slides .slide-2, .fade-carousel .slides .slide-3 { background-position: -560px center;}
}
@media screen and (min-device-width: 991px) and (max-device-width:1150px) {
.slide-text {
    left:7%;
    right:7%;}

}
@media (min-width:992px) {
}
@media (max-width:991px) 
{
    .top-text-main .cart { margin-top: -40px;}
    .hero { width: 450px;}
    .hero h1 { font-size: 40px;}
    .hero h1 span { height: 53px;}
    .hero h1 span::before { border-top: 53px solid transparent;}
    .hero h1 span::after { border-bottom: 53px solid transparent;}
    
  .trophy-img { display: none;}
  .shortcut-section { margin-bottom: 0;}
  .shortcut-section .shortcut-code { margin-bottom: 30px;}
  .refer-code-section .refer-code-box { background-size: 100% 100%;}

  .form-sec .form-reletive .submit-form::before {  background: url(../img/arrow-down.html) no-repeat; width: 45px; height: 61px; background-size: 100%; left: -65px;}
  .form-sec .form-reletive .submit-form { width: 340px; padding: 30px; left: 80px; top: -228px;}
  .form-sec .form-reletive .form-text p {  padding-left: 60px;}
  .p-t-100 { padding-top: 20px;}
  header .logo { text-align: center;}
  header { padding: 12px 0px 0;}



  .p-l-15-r-15{padding:0!important;}

  .login-part{width:100%;}

.pad-1 {
    padding: 47px 20px 30px;
}
.pad-2 {
    padding: 47px 20px 30px;
}

header .navbar-default .navbar-nav > li > a {

    padding: 8px 7px;
	font-size:12px;
}


#newsletter input[type="text"]{width:60%;}

.slide-text {
    left:5%;
    right:5%;
	top:22%;

	}

.slide-text > h1 {
    font-size:22px;
}

.slide-text > h2 {
    font-size:25px;
}

#newsletter .btn {
    font-size: 15px;
}
#newsletter h3 {
    font-size: 22px;
}


.container{width:95%;}

.reister-step ul li {
    width: 31%;}


header .logo img{width:140px; margin:5px 0 0 0;}
.wel-center img{max-width:100%;}
/*.carousel-indicators{display:none;}*/
.reister-step ul li h4{font-size:20px;}
.reister-step ul li p {
    font-size: 14px;
}
.reister-step ul li {
    padding: 22px 20px;
}
.reister-step ul li span {
    padding: 3px 13px;
    font-size: 24px;
    left: 43%;
}
.reister-step {
    top: -97px;
}
header .navbar-default .navbar-nav > li .bt1, header .navbar-default .navbar-nav > li .bt2 {
    padding: 8px 13px;
}
.welcm h2, .process h2, .product h2, .testimonial h2{
	font-size: 34px;
}
footer h4 {
    font-size: 18px;
}
.product ul li .name{font-size:12px; padding: 11px 15px;}
.slide-text > a, .slide-text > a.btn-primary{padding:13px 25px; margin-top:10px;}
.wel-center{padding:0 1%;}
.testimonial {
    background-size: 31%;
}
.cont-frm {
    padding: 50px 165px 50px 50px;
    width: 92%;
    margin: 0 4%;
}
.reward-gift ul li {
    font-size: 18px;
}
.hero h2 { font-size: 40px;}
.hero h3 { font-size: 25px; margin: 0 0 0px 50px;}
.fade-carousel .slides .slide-1, .fade-carousel .slides .slide-2, .fade-carousel .slides .slide-3 { background-position: -330px center; height: 400px;}
.member-area .contents { padding: 20px;}
.member-info h2 { margin-bottom: 10px;}
.member-info p { font-size: 14px; line-height: 20px;}
}
@media screen and (min-device-width: 801px) and (max-device-width:991px) {
header .navbar-default .navbar-nav > li > a {

    padding: 8px 5px;
}
header .nav{background:none;}
.wel-center img {
    margin:-25px 0 0 0;
}
.wel-left span::after {
    width: 55px;
    height:19px;
    right: -62px;
    top: 10px;
    background: url(../img/wel-dot01.html) no-repeat right top;
}
.wel-right span::after {
    width: 55px;
    height:19px;
    left: -62px;
    top: 10px;
    background: url(../img/wel-dot02.html) no-repeat left top;
}
header .navbar-default .navbar-nav > li > a { padding: 15px 7px;}
.hero h2 { font-size: 40px;}
.hero h3 { font-size: 25px; margin: 0 0 0px 50px;}
.fade-carousel .slides .slide-1, .fade-carousel .slides .slide-2, .fade-carousel .slides .slide-3 { background-position: -330px center; height: 400px;}
}
@media screen and (min-device-width: 768px) and (max-device-width:800px) {

	header .navbar-default .navbar-nav > li > a { padding: 15px 7px;}
header .nav{background:none;}
.wel-center img {
    margin:15px 0 0 0;
}
.wel-left span::after {
    width: 55px;
    height:19px;
    right: -62px;
    top: 10px;
    background: url(../img/wel-dot01.html) no-repeat right top;
}
.wel-right span::after {
    width: 55px;
    height:19px;
    left: -62px;
    top: 10px;
    background: url(../img/wel-dot02.html) no-repeat left top;
}

}
@media (max-width:768px) {

header .logo img {
    width: 157px;
    margin: 8px 0 0 0;
}
.navbar-toggle {
    margin-top: 5px;
}
.slide-text > h1 {
    font-size: 21px;
}
.slide-text > h2 {
    font-size:22px;
}
.slide-text > p {
    font-size: 13px;
    line-height: 18px;
    margin-bottom: 0;
    letter-spacing: 0;
}

.wel-left span::after {
    width: 40px;
    right: -50px;
}
.wel-right span::after {
    width: 40px;
    left: -50px;
}
.wel-center img {
    margin:15px 0 0 0;
}
.bs-slider {
    margin-top: 66px;
	background:url(../img/banner-bg.html) no-repeat center top; background-size:100% 100%;
	height:350px;
}
.slide-image{display:none!important;}
.fade .item{height:350px;}
.slide-text{text-align:center!important;}
.product ul li{margin:2% 1%!important;}
.home-pro ul li:last-child{display:block;}

.fade-carousel .slides .slide-1, .fade-carousel .slides .slide-2, .fade-carousel .slides .slide-3 { background-position: -330px center; height: 400px;}
}

@media (min-width:768px) {
  .none-768 { display: none !important;}
header .navbar-default .navbar-nav > li > a:focus, header .navbar-default .navbar-nav > li:hover ul { display:block; }

}
@media (max-width:767px) 
{
    .position-inherit { position: inherit;}
    header .navbar-default .navbar-collapse, .navbar-default .navbar-form {position: absolute;background: rgb(73, 75, 88) !important;left: 0px;right: 0px;margin: 0;padding: 20px 15px;}
    header { z-index: 99;}
    header .navbar-default .navbar-nav > .new::before, header .navbar-default .navbar-nav > .new1::before { top: 0; left: 100%; transform: translate(-100%);}
    .top-right ul li { margin: 0 0px 0 0;}
    .captchaBg { border: 1px solid #3c5569; margin-bottom: 15px;}
    header .navbar-default { width: 100%;}
    header .navbar-default .navbar-nav > li > a { text-align: left; color: #000;}
    .user-info-box {margin-top: 0px;}
    .d-n-767 { display: none !important;}
    .member-area {margin-top: 0px;}
    .register-area .contents { margin: 40px 0 -80px !important;}
    .register-area .member-info { padding-top: 40px;}
    .d-flex { display: block;}
    .member-area .contents { margin: -40px 0 40px;}
    .member-area { padding-bottom: 40px;}
    .top-text { display: none;}
    .top-text-main .cart { margin-top: 10px;}
    .top-text-main .cart {font-size: 13px; padding: 11px 9px;}
  .user-photo { position: relative; bottom: inherit; left: 50%;transform: translate(-50%, 0); margin: 20px 0;}
  .user-info-box h1 { text-align: center;font-size: 20px;}
  .user-info-box .user-info { text-align: center; padding: 10px 0 10px;}
[class^="imghvr-"] figcaption, [class*=" imghvr-"] figcaption{padding:60px 30px;}
  header .btn-white, header .btn-orange { font-size: 14px; padding: 6px 12px;}
  .none-767 { display: none;}
  .form-sec .form-reletive .form-text p { padding-left: 0; padding-top: 260px;}
  .p-t-b-95 { padding-bottom: 50px; padding-top: 50px;}
  /*header .navbar-nav { text-align: left;margin: 0; width:200px; position:absolute; right:0; float:right; text-align:right; background:#0f3661; padding:15px; border-radius:6px;}*/
  .dropdown-menu{text-align:left;}
  header .navbar-nav > li { display: block;}
    header .navbar-nav > li a{width:100%; color:#fff!important; border:0!important; border-radius:0px!important;}
	header .navbar-nav > li a:hover, header .navbar-nav > li.active, header .navbar-nav > li a:focus{width:100%; background:#3fb2ee !important; border-radius:3px!important; border:0!important;}


  header .navbar-nav > li { }
  .navbar-collapse{background:none!important; box-shadow:none!important;}

  header .navbar-default .navbar-collapse, .navbar-default .navbar-form { border: none;background: #000;}

 .navbar-default .navbar-toggle {
    border:0;
    background:url(../img/nav.html) no-repeat center top;
    background-size:100% 100%;
    color:#fff;
    border: #f8f9f8 1px solid;
}
.navbar-toggle {
    padding: 10px 7px;
}

.navbar-default .navbar-toggle .icon-bar{background: #ffffff;}
.navbar-default .navbar-toggle:hover .icon-bar{background:#0f9b43;}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover{/* background:url(../img/nav1.html) no-repeat center top; */background-size:100% 100%;border:#0f9b43 1px solid;}

header .navbar-default .navbar-nav > li .bt1, header .navbar-default .navbar-nav > li .bt2{padding:8px 7px;}

.work-img{width:100%; overflow:scroll; float:left;}
.work-img img{max-width:inherit;}
.tab-view{display:block;}
.normal-view{display:none;}
.top-row{position: relative;
         
         /*z-index: 999;*/

}
header{top:0; ;}


.midpart{position:inherit; top:inherit;}
.tab-menu01{display:block!important;}

.pageInfoBg {
    margin-top:0px;
}
.container{width:95%;}
.legal h3 {font-size: 15px;}
.legal ul li {
    margin: 2%;
    width: 96%;
}
.welcm h2, .utiliti h2, .process h2, .service h2, .product h2, .testimonial h2, .about-main h2, .seminar h2 {
    font-size: 26px;}

	.about-main small, .product small{font-size: 14px; margin-bottom:25px;}
	.welcm p, .utiliti p, .process p, .product p, .testimonial p, .about-main p{
    font-size: 14px; margin-bottom:5px;}
	.welcm ul li h3 {
    font-size: 18px;}
	.welcm ul li p {
    font-size: 13px;
    line-height: 19px;}
	.service p{
    font-size: 13px;
    line-height: 19px;}


#slideit {
    height: 480px;
}
.process-box-one{margin-top:20px;}
.process-box-one::after {display:none;}

.about-box-one{margin-top:20px;}
.about-box-one::after {display:none;}


.subfooter{text-align:center; padding: 15px 0 20px 0;}
.get-connected{float:none;}
.subfooter p{padding:0;}
#newsletter {
    text-align: center;
}
#newsletter h3{width:100%;}
.wel-row p {
    font-size: 13px!important;
    line-height: 19px;
}
p { line-height:20px;}
.event ul li {
    width: 48%;}
.event h3{font-size:20px; margin-bottom:15px; text-align:center;}
.get-connected i {
    width: 28px;
    height: 28px;
    font-size: 14px;
    padding-top: 6px;
}
.product ul li {
    margin: 1%;
    width: 48%;
}
.four-box ul li {
    margin: 1%;
    width: 48%;
}
.story {
    float: left;
    margin-bottom: 40px;
}
.wel-left span::after {
    width: 55px;
    height:19px;
    right: -62px;
    top: 10px;
    background: url(../img/wel-dot01.html) no-repeat right top;
}
.wel-right span::after {
    width: 55px;
    height:19px;
    left: -62px;
    top: 10px;
    background: url(../img/wel-dot02.html) no-repeat left top;
}

.wel-left, .wel-right{padding-top: 75px;}
.about-main{text-align:center;}
.bank ul li{text-align:center;}
.bank ul li img {
    float: none;
    margin: inherit;
    padding: 0;
    border-right: none;

}

.seminar-in{overflow:auto;}
.seminar-in .table > tbody > tr > td{font-size:12px;}
.reister-step{position:inherit; padding:30px 0;}
.pageInfoBg {
    padding: 100px 0 30px 0;
}
.level{overflow:auto;}
.tbl-main{overflow:auto; padding-bottom:30px;}
.reward-gift ul li {
    width: 48.5%;
	font-size:16px;
}
.level .table{width:100%;}

.hero { width: 320px;}
.hero h1 {  font-size: 20px; margin: 0 0 10px 25px;}
.hero h1 span::before { border-top: 28px solid transparent;}
.hero h1 span::after { border-bottom: 28px solid transparent;}
.hero h1 span { height: 28px; margin-left: 15px;}
.hero h2 { font-size: 30px;}
.hero h3 { font-size: 21px; margin: 0 0 0px 10px;}
.hero a {font-size: 16px; float: none;}
.fade-carousel .slides .slide-1, .fade-carousel .slides .slide-2, .fade-carousel .slides .slide-3 { height: 350px;}
.add figure { float: none; width: 270px; margin: 0 auto 20px;}
.story { position: relative; z-index: 2;}
.story h2 {left: 0;}
.comp-main > .container > .row > .col-xs-12 { margin-bottom: 15px;}
.footer-social i { font-size: 16px; padding: 0; margin-right: 0; line-height: 30px;}
.footer-social { position: relative; padding: 0px;top: 0;}
.subfooter p { margin-top: 10px;}
.footer1 { padding-bottom: 0px;}
.product h2 a { font-size: 30px;}
.recharge .rc-left .list input, .recharge .rc-left .list select { width: 100%;}
.cont-frm { padding: 0; width: 100%;  margin: 0;}
}
@media (max-width:700px) {
	.wel-left, .wel-right{padding-top:50px;}

}


@media (max-width:650px) {
.newsletter-subscribe label{font-size:17px;}
.input-subscribe{height:44px;}
.btn-subscribe{height:38px;}
.newsletter-subscribe{margin-top:84px;}
.wel-left, .wel-right{ float:left; width:100%; text-align:center; padding:0;}
.wel-center{display:none;}
.wel-left span::after, .wel-right span::after{display:none;}
.reister-step ul li {width:80%; margin:15px 10%;}

.welcm-in{padding:30px 0 0 0;}
.cont-frm {padding:50px 0px 0px 0px;}
.contact-form { padding:0;}
.fade-carousel .slides .slide-1, .fade-carousel .slides .slide-2, .fade-carousel .slides .slide-3 { height: 290px;}
}
}
@media (max-width:600px) {

.rgister-part-main .text-box {
    width:100%;
	    margin: 0px;


}
.rgister-part-main .select {
    width:100%;
	    margin: 0px 0 23px 0;

}
.welcm ul li{width:98%; min-height:inherit;}
.welcm ul li p{min-height:inherit;}
.welcm ul li marquee{text-align:center;}
.service {
    padding:30px 0 20px 0;
    text-align: center;
}
.slide-text > h3 {
    font-size: 17px;}
}

@media (max-width:500px) 
{
    .member-area { padding-left: 10px; padding-right: 10px;}
    .member-area .btn-black { display: block; width: 100%; text-align: center; margin-bottom: 15px;}
    .member-area .btn-blue { display: block; width: 100%; text-align: center;}
  .refer-code-section .refer-code-box .rcb-body h2::after { width: 100%; background-position: center;}
.refer-code-section .refer-code-box { padding: 50px 20px;}
 .client-login{font-size:24px;}

 .bottom-link a{font-size:13px; padding:0 12px;}






.form-subscribe placeholder{display:none!important;}


.panel-default > .panel-heading a{font-size:13px;}
.subfooter p{font-size:11px;}




.banner {
    position: relative;
    background: url(../img/banner-bg01.html) no-repeat center bottom;
	background-size:100% 100%;
}
#slideit{background:url(../img/banner-bg.html) no-repeat center bottom!important; background-size:100% 100%!important; height: 400px;}



.bs-slider img{max-width:100%; padding:35px 0;}
.bs-slider .container{width:100%; margin:0;}
.product ul li {margin:15px 1%; width: 98%;}
.four-box ul li {margin:15px 1%; width: 98%;}
.bank ul li{width:96%; margin:2%;}
}
@media (max-width:450px) {

[class^="imghvr-"] figcaption, [class*=" imghvr-"] figcaption {
    padding: 30px;
}
header .logo img {
    width: 140px;
    margin-top: 10px;
}
.welcm h2, .utiliti h2, .process h2, .service h2, .about-main h2, .seminar h2 {
    font-size: 20px;
}
.welcm p, .utiliti p, .process p {
    font-size: 14px;}

.footer1 p{
    font-size: 13px;}
.cnt-text{width:100%; text-align:center;}
.contact-box01 p{text-align:center;}
.cnt-ico{margin:0 auto 10px auto; float:none; width:60px;}
.cnt-add h2 {
    font-size: 17px;
    margin-bottom: 30px;
	text-align:center;
}
.pageTitle h1 {
    font-size:24px;}

	.product h2{
    font-size:25px;}
.slide-text > h1 {
    font-size: 20px;
}
.reister-step ul li {width:98%; margin:15px 1%;}

.reward-gift ul li {
	font-size:14px;
	width:99%;}

.reward-gift ul li .level{
	writing-mode: sideways-rl;
-webkit-writing-mode: sideways-rl;
-ms-writing-mode: sideways-rl;
-webkit-writing-mode: vertical-rl;
position: absolute; width:25px; padding:8px 4px; right: -1px;
bottom: -1px; top:inherit; border-radius:2px 2px 15px 0; border-bottom:0;}

.fade-carousel .slides .slide-1, .fade-carousel .slides .slide-2, .fade-carousel .slides .slide-3 { height: 250px;}
.hero { width: 250px;}
.hero h1 {  font-size: 14px; margin: 0 0 10px 0px;}
.hero h1 span::before { border-top: 20px solid transparent;}
.hero h1 span::after { border-bottom: 20px solid transparent;}
.hero h1 span { height: 20px; margin-left: 15px;}
.hero h2 { font-size: 18px;}
.hero h3 { font-size: 16px; margin: 0 0 0px 10px;}
.hero a {font-size: 14px; float: none;}
.story-text { padding: 20px;}


}


@media (max-width:400px) {
  .refer-code-section .refer-code-box .rcb-body h2 { font-size: 26px;}
  .refer-code-section .refer-code-box .rcb-body a { font-size: 15px;}
.newsletter-subscribe{width:100%; margin:40px 0;}
.em-social .em-social-icon {


    height: 35px;
    line-height: 26px;
    margin: 0 3px;
    width: 35px;
}
.em-social .em-social-icon span{font-size:1.5rem}

#newsletter input[type="text"] {
    width: 100%;
    margin-bottom: 15px;
}
#newsletter h3 {
    font-size: 15px;
}

.event ul li {
    width:98%; margin:8px 0;}

}


@media (max-width:360px) {
.log-box button{font-size:14px;}


.form-subscribe{width:80%;}
.cont-frm h2{font-size:20px;}
}


@media (max-width:300px) {


}