@media only screen and (min-width:320px) and (max-width:991px) {
h1 {
 font-size:26px!important;
}
 h2 {
 font-size:21px!important;
}
 h3 {
 font-size:19px!important;
}
 h4 {
 font-size:15px!important;
}
}
@media only screen and (min-width:320px) and (max-width:767px) {
header .logo-bar-mob {
 border-top: 1px solid #ffffff3d;
}
header.header-fixed-bar .logo-bar {
 display: block;
}
header .logo-bar {
 background:linear-gradient(90deg, #2a6378 0%, #618957 70%);
}
 header .logo {
 margin:0 auto 0px;
 display:table
}
header .logo img {
 max-width: 150px;
}
header .site-nav {
 display:none
}
header .user-nav {
 float: left;
}
header .user-nav ul a {
 padding: 4px 0;
}
section.contents, div.contents {
	width: 100%!important;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-ms-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}
section.contents.offer, div.contents.offer {
    right: 0;
    position: relative;
    padding: 0 15px;
    width: 100% !important;
}

section.contents .content-bar {
 padding: 15px 0 0px;
}
.kyc-up-bar .kyc-up { 
    height: auto;
    margin-top: 10px;
}
 .kyc-up-bar .kyc-up-left, .kyc-up-bar .kyc-up-center, .kyc-up-bar .kyc-up-right {
 width: 100%;
 margin-left: inherit;
}
/**/
.pg-top h4 {
 margin-top: 0px !important;
 margin-bottom: 15px !important;
}
/* login form */ 
 .log-body {
padding:0px 0 20px;
}
.log-model {
 max-width: 90%;
 border-radius:5px;
 padding:10px 20px 20px;
}
.log-model h2 {
 font-size: 20px!important;
}
/**/
 .table-responsive {
padding: 10px 0 0;
border-color:#f2f2f2!important;
}

/* downline page top*************************************/
.pg-top.down-top .down-col {
        margin-top: 15px;
        display: inline-block;
        width: calc(50% - 15px) !important;
		float:none;
}
.pg-top.down-top .down-date {
 width:calc(100% - 10px);
}
.pg-top.down-top .down-date-from {
 width:calc(50% - 10px);
}
.pg-top.down-top .down-date-to {
 width:calc(50% - 10px);
}
.pg-top.down-top .down-position {
 width:calc(50% - 10px);
}
.pg-top.down-top .down-payment {
 width:calc(50% - 10px);
}
.pg-top.down-top .down-btn-sub {
 clear: left;
}
.pg-top.down-top .down-btn-ex {
}

.auth-left{
	width:100%;
	float:left;
	margin-top:40px;
}
.auth-left img{
	max-width:100px;
	margin-bottom:10px;
	display:block;
} 
.auth-right{
	float:left;
	width:100%;
	text-align:left;
	margin-top:15px;
}


}
@media only screen and (min-width:768px) and (max-width:991px) {
 header .logo img {
 max-width:160px;
}
section.contents {
 width: 100%;
 -webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-ms-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}
/**/
.up-profile-bar .brdr-center {
 display:none;
}
/**/
.kyc-up-bar .kyc-up .kyc-sel .btn-kyc {
 padding: 12px 5px !important;
 font-size: 12px;
}
/* downline page top*************************************/
.pg-top.down-top .down-date {
 width:calc(20% - 10px);
}
.pg-top.down-top .down-date-from {
 width:calc(20% - 10px);
}
.pg-top.down-top .down-date-to {
 width:calc(20% - 10px);
}
.pg-top.down-top .down-position {
 width:calc(20% - 10px);
}
.pg-top.down-top .down-payment {
 width:calc(20% - 10px);
}
.pg-top.down-top .down-btn-sub {
 clear: left;
margin-top:15px;
}
.pg-top.down-top .down-btn-ex {
 margin-top:15px;
}
}
 @media only screen and (min-width:992px) and (max-width:1199px) {
 
 
/**/
.up-profile-bar .up-pic img {
 max-width:120px;
}
/**/
.kyc-up-bar .kyc-up-left, .kyc-up-bar .kyc-up-center, .kyc-up-bar .kyc-up-right {
 width: 100%;
 margin-left: inherit;
}
}