@media (max-width: 1020px) {

#sogl {

	width:auto;

}

.wrapper {

	max-width:100%;

}

.baner {

	display:none;

}

.header {

	border-top: 7px solid #f80477;

	padding: 15px 20px 5px;

	height: auto;

	background: #f5f5f5 100% 100% no-repeat;

	text-align:center;

}

.header2 {

	border-top: 7px solid #f80477;

	padding: 15px 20px 5px;

	height: auto;

	text-align:center;

}

.logo {

	position: relative;

	top: auto;

	left: auto;

}

.header>.icon {

	position: relative;

	display: block;

	margin: 10px auto;

	width: 185px;

	text-align: left;

	padding: 9px 0 0 90px;

	height: 54px;

	top: auto;

	font-size: 15px;

	left: auto;

}

#home .page {

	background: #1f2021;

	padding: 0px 0 0px;

	position:relative;

}

#home .page::after, 

#home .page::before,

#list .page::after, 

#list .page::before {

	position:absolute;

	display:block;

	width:8px;

	top:0px;

	left:0px;

	content:"";

	height:100%;

	background: url(../images/page.png) 0 0 repeat-y;

}

#home .page::before,

#list .page::before {

	left:auto;

	right:0px;

}

.page>.left {

	float: none;

	width: auto;

	padding: 15px 20px 25px;

	margin:0 0 0px;

}

.page>.right {

	float: none;

	width: auto;

	padding: 25px;

	background:#4b5357;

}

.page>.left>.title, .page>.right>.title {

	text-align:center;

	font-size: 20px;

	margin: 0 0 10px;

}

.page>.left .form {

	width:545px;

	margin:0 auto;

}

.page>.right>.icons {

	text-align:center;

}

.page>.right>.icons .icon {

	width: 127px;

	float: none;

	display:inline-block;

	margin:25px 15px 0px;

}

.footer {

  padding: 25px 20px 35px;

}

.footer>.left {

	display:none;

}

.footer>.middle {

  float: none;

	margin:0 auto 25px;

}

.footer>.right {

  float: none;

  width: auto;

padding: 0 0 0 0px;

	text-align:center;

}

#copyright_copy_to {

	display:block;

	margin:35px 0 0;

	text-align:center;

}

.page .right .block .title {

  font-size: 20px;

	text-align:center;

}

.page .right .block.top .item .text {

	text-align:center;

}

.page .left .articles .item {

  padding: 15px 20px 20px;

  margin: 0 0 0 -20px;

}

.pagination {

  margin: 0 0 0px;

}

.page .add_comment button {

	margin:10px auto 0;

	display: block;

}

.page .add_comment {

	margin:0;

}

.page .comments_block .title, .page .add_comment .title {

  margin: 0 0 15px;

  text-align:center;

  font-size: 18px;

}

#list .page .icons {

 	display:none;

}

#list .page {

  background: #1e9dc2;

  padding: 20px 20px 0;

  color: #fff;

	position:relative;

}

#list .page .line {

 	display:none;

}

#list .page .line.show {

 	display:block;

}

#list .page .action{

 	display:none;

}

.banks .title {

  font-size: 18px;

  margin: 0px 0 0;

}

.banks .items {

  margin: 20px 0 0;

	text-align:center;

}

.banks .item {

	display:inline-block;

	vertical-align:top;

  float: none;

  margin: 0 15px 30px 15px;

  position: relative;

}

.banks .item .odd .left, .banks .item .even .left {

	text-align:left;

}

.bank_s_desc .img {

	display:block;

	margin:0 auto 20px;

}

.bank_s_desc .profits {

	display:block;

	width:auto;

	margin:0 auto 20px;

}

.bank_s_desc .profits ul {

	padding:0px;

	background:none;

}

.bank_s_desc .link {	

	display:block;

	margin:0 auto 20px;

	width:auto;

}



}

























































@media (max-width: 720px) {



.page>.right>.icons {

  width: 320px;

	margin:0 auto;

}



.page>.right>.icons .icon {

  width: 110px;

  margin: 25px 10px 0px;

	background-size:110px 110px;

	padding:120px 0 0;

  font-size: 15px

}



.page>.right>.icons .icon>span {

  font-size: 11px;

}



}





















@media (max-width: 640px) {

.page>.left .form {

  width: 259px;

  margin: 0 auto;

}

.page>.left .data.left {

  float: none;

}

.page>.left .data.right {

  float: none;

}

.page>.left .form .title {

	text-align:center;

}

.page .left .desc .left {

  float: none;

  padding: 3px 0 5px 30px;

  width: 150px;

	margin:0 auto 20px;

background: url(../images/required.png) 0px 0px no-repeat;

}

.page .left .desc .right {

  float: none;

}

.page .article .subtitle {

  font-size: 16px;

  margin: 0 0 15px;

	text-align:center;

}

.page .article .img {

  margin: 0 auto 0px;

  display: block;

  float: none;

}

.page .article .info {

  margin: 0 0px 10px 0;

	text-align:center;

}



page .article .info .time {

  margin: 15px 5px 0 0;

}

page .article .info .comments {

  margin: 0 0px 0 5px;

}

.page .article .author_social .left {

  padding: 0 0px 0 0;

  float: none;

	margin:0 0 15px;

  text-align: center;

}

.page .article .author_social .right {

  float: none;

  text-align: center;

  margin: 0 0 0 0px;

}

.page .article {

  padding: 0 0 30px;

  margin: 0 0 15px;

}



.halfadsense {

  width: 100%;

  padding-top: 5px;

  float: left;

}





















@media (max-width: 600px) {

.page .left .articles .item .img {

  width: 120px;

  float: none;

  margin: 0 auto 10px;

}

.page .left .articles .item .right {

  padding: 0 0 0 0px;

  float: none;

}

.page .left .articles .item .title {

	text-align:center;

}

.page .left .articles .item .info {

	text-align:center;

}

.info .time {

  margin: 15px 5px 0 0;

}

.info .comments {

  margin: 0 0px 0 5px;

}

.page .add_comment .left, 

.page .add_comment .right {

  padding: 0 0px 0 0;

  float: none;

  box-sizing: border-box;

  width: 100%;

}

.page .comments_block .item .author {

  float: none;

  padding: 0 0px 0px 0px;

}

.page .comments_block .item .info {

  margin: 0 0 0 0px;

  float: none;

  padding: 5px 20px 5px 20px;

}

.bank_desc .items {

    background:#caf3ff;

	padding:15px;

}

.bank_desc .items {

    background:#caf3ff;

	padding:15px 15px 5px;

}

.bank_desc .items .item {

    margin: 0px;

}

.bank_desc .items .item:nth-child(even) {

    background:#caf3ff;

}

.bank_desc .items .item .left {

    padding: 0px;

    width: auto;

    margin: 0 0px 0 0;

    float: none;

}

.bank_desc .items .item .right {

    padding: 0px;

    width: auto;

    float: none;

    margin: 0 0px 10px 0;

	color:#007091;

}

}











@media (max-width: 500px) {

.header>.icon {

  margin: 10px 0 10px -20px;

  width: auto;

}

.page>.right>.icons {

  width: 264px;

  margin: 0 auto;

}

.banks .item {

  margin: 0 0px 30px 0px;

}

}





@media (max-width: 380px) {

.header>.icon {

	font-size:13px;

	background-size:70px 38px;

	padding:1px 0 0 60px;

	height: 48px;

	margin: 10px 0 0px -25px;

}

.logo {

	width:150px;

	margin:0 auto;

}

.logo img {

	height: auto!important; 

	height: auto\9!important; 

	width: 100%!important; 

	max-width: 100%!important;

}

.page>.right {

  float: none;

  width: auto;

  padding: 25px 15px;

  background: #4b5357;

}

.page>.left {

	overflow:hidden;

}

}