/**
 * 15.0 Media Queries
 */

/*
 * Does the same thing as <meta name="viewport" content="width=device-width">,
 * but in the future W3C standard way. -ms- prefix is required for IE10+ to
 * render responsive styling in Windows 8 "snapped" views; IE10+ does not honor
 * the meta tag. See https://core.trac.wordpress.org/ticket/25888.
 */

@media (min-width:768px) and (max-width:980px) {

	.wrap {max-width:956px; width:auto; margin:0 auto; overflow:hidden; position:relative;}
	/*----------*/
	.header {height:77px; padding-bottom:12px; padding-top:20px; background: url(../img/header-bg.png) bottom center no-repeat; margin-bottom:15px;}
	.logo {display:inline-block; width:146px; margin-left:3px;}
	.logo img {width:100%;}

	#nav-wrap {width:60%;}
	.menu {display:inline-block; width:100%; text-align:center; vertical-align:top; margin-left:2%;}
	.menu li {display:inline-block; text-align:center; margin:0 1% 0 0.9%; padding:0 0px;}
	.menu li a {padding:0 6px;}
	.lang {margin-right:3px;}
	.num {float:right; display:inline-block; vertical-align:top; font-size:16px; margin-top:-13px;}
	.words {display:inline-block; width:53%; float:left; vertical-align:top; font-size:10px; margin-top:-20px; margin-left:24%;}
	.words br {display:none;}
	/*----------*/
	.forms {width:362px; height:370px; padding: 15px 25px; background-color: #e3eef3; border: 2px solid #84b8bd; box-shadow: inset 0 0 6px #ceeaee; border-radius: 15px; display: inline-block; text-align: left; color: #5e563f; font-size: 19px;}


	.money {padding-left:27%; position:relative; margin-bottom:25px;}
	.rob {width:371px; height:420px; top:32px;}
	.money ul {width:100%; vertical-align:top;}
	.money ul li {width:48%; vertical-align:top; font-size:13px;}
	.money ul li a {font-size:13px;}
	
	/*----------*/
	.course {min-width:488px; width:auto; min-height:287px; margin-right:7px;  padding:17px 22px; background-color:#e3eef3; box-shadow:inset 0 0 5px #ceeaee;  flex-direction: column;
		     border-radius:14px;}
	.course table {font-size:14px;}
	
	.course-left { min-width: auto;}
            
    .course-right {width: 100%;}

	.block-button {min-width:112px; width:auto; min-height:20px;}
	.labal-city {display:block; width:99%; margin:2px auto 10px; padding:4px 0 4px 0; text-align:center; font-size:12px; font-weight:bold; }
	.city {width:99%; margin:2px auto 8px; padding:4px 0 4px 0; text-align:center; border:2px #fff solid; border-radius:7px; font-size:12px; cursor:pointer;
			-webkit-transition:800ms ease all; -moz-transition:800ms ease all; -o-transition:800ms ease all; transition:800ms ease all;}
	.city:hover {background:#6fb1d9;}
	.block-city-one, .block-city-two, .block-city-three, .block-city-foure, .block-city-five, .block-city-six, .block-city-seven{display:none; width:70%; height:135px;}
	.my-city {padding:25px 9px 22px 9px; text-align:center; font-size:19px; line-height:26px; color:#141414; position:relative;}
	.my-city .closik {width:120px; height:26px; position:absolute; bottom:0; right:0; background:url(../img/closik.png) no-repeat right 0; background-size:auto 25px; cursor:pointer; font-size:11px;}



	.td-one {width:85px!important;}
  	.td-two {width:150px!important;}
  	.line {width:99%; margin:0 auto 28px;}
  	.sel {width:100%!important; min-height:10px!important;}
  	.dropdown li {width:100%!important; min-height:10px!important;}
  	.sell-m form label {display: inline-block; float: left; margin-bottom:7px; margin-top:5px; line-height: 1;  width:108px; font-size:18px;}
  	.sell-m form input {width:80px; height:17px; margin-bottom:12px; margin-right:10px; padding:5px 8px; display:inline-block; float:left; border:2px solid #bed9e0; border-radius:19px; 
  						box-shadow: inset 1px 1px 2px #999; background-color:#fff;  font-size:15px; font-weight:bold;}
	.selectbox .select {display:inline-block; width:174px; height:27px; margin-bottom:12px; padding:0 8px; font-size:14px; line-height:28px;  float:left; border-radius:19px;}
	.next-step {width:88px; height:30px; background: url(../img/next.png) center no-repeat;  background-size:100%!important; background-repeat:no-repeat; border-radius:15px;
				float:right; position:absolute; top:22px; right:0px;}
	/*----------*/
	.block {width:31%; margin-right:1%; padding-left:1%; font-size:13px;}
	.block ul li ul.quote {font-size:13px;}
	/*----------*/
	.w-block {width:95%; margin:0 auto 38px; padding:18px 2%; border-radius:9px; font-size:13px;}
	/*----------*/
	.safe {min-width:750px; width:auto; height:280px; padding:0 9px 0 9px; background:url(../img/safe.png) 7px no-repeat; background-size:98%;}
	.numbers {width:70%; height:83px; margin:0 9px 37px 0; padding:20px 25px; float:right; font-size:16px;}
	.menu2 {display:inline-block; margin-left:23.5%; vertical-align:top;}
	/*----------*/
	.footer {margin-bottom:18px; text-align:center; font-size:12px;}

	/*----------*/
	.imgik {width:100%;}
	.inf {width:99%; padding-right:1%;}
	.inf .money {padding-left:29%;}
	.inf .money iframe {width:99%;}

}




@media (min-width:480px) and (max-width:767px){ 

	.wrap {max-width:767px; width:auto; margin:0 auto; overflow:hidden; position:relative;}
	/*----------*/
	.header {height:100px; padding-bottom:5px; padding-top:10px; background: url(../img/header-bg.png) bottom center no-repeat; margin-bottom:15px;}
	.logo {display:inline-block; width:122px; margin-left:3px;}
	.logo img {width:100%;}

	#nav-wrap {min-width:108px; width:22%; margin:-7px 0 0 5%;}
	#nav {display:none; min-width:147px; width:auto; padding:5px; clear:both; position:absolute;  top:40px; z-index:10000; border:solid 1px #999; background:#f8f8f8;}
	#nav li {min-height:30px; clear:both; float:none; margin:11px 0 4px 0px;}
	#nav a, #nav ul a {font: inherit; background: none;	display:inline; padding:4px 5px 4px 5px;	color: #666; border: none;}
	#nav a:hover, #nav ul a:hover {background: none; color: #000;}
	#nav ul {width: auto; position: static;	display: block;	border: none; background:inherit;}
	#nav ul li {margin: 3px 0 3px 15px;}

	.menu {display:inline-block; min-width:160px; width:100%; text-align:center; vertical-align:top; margin-left:2%;}
	.menu li {display:block; text-align:center; margin:0 1% 0 0.9%; padding:0 0px;}
	.menu li a {padding:0 6px;}

	#menu-icon {display:block; width:99%; min-width:108px; height:30px; padding: 8px 10px 0 42px; color:#000; background: #ecebeb url(../img/menu-icon.png) no-repeat 10px center;
				cursor:pointer; border:1px #666 solid;}
	#menu-icon:hover {background-color:#f8f8f8;}
	#menu-icon.active {background-color:#bbb;}

	.lang {margin-right:3px;}
	.num {float:right; display:inline-block; vertical-align:top; font-size:14px; margin-top:-14px;}
	.words {display:inline-block; width:98%; float:none; vertical-align:top; font-size:10px; margin-top:1px; margin-left:1%; text-align:center;}
	.words br {display:none;}
	/*----------*/
	.money {padding-left:1%; position:relative; margin-bottom:25px;}
	.news {min-height:125px; height:auto; margin-bottom:30px;}
	.news h6 {margin-bottom:8px; font-size:20px; text-transform:uppercase; overflow:hidden; line-height:32px;}
	.news h6 img {float:left; margin:0 4px 0 0;}
	.news h5 { color: #dc6300; font-size: 21px;  margin-bottom: 17px;}
	.rob {width:165px; height:189px; top:inherit; bottom:190px; z-index:100;}
	.money ul {width:100%; vertical-align:top;}
	.money ul li {width:48%; height:auto; min-height:80px; vertical-align:top; font-size:13px;}
	.money ul li a {font-size:13px;}
	/*----------*/
	.course {min-width:400px; width:auto; min-height:310px; margin-right:7px;  padding:15px 20px; background-color:#e3eef3; box-shadow:inset 0 0 5px #ceeaee; 
		     border-radius:14px; position:relative;}
	.course table {font-size:13px; margin-left:0px;}
	.course h5 {display:none!important; width:15%; font-size:16px; padding-top:1.1%;}
	.course .value {width:85%; margin:0 0 0 18%; float:left; position:relative; z-index:2;}
	.course .value table {width:99%;}
	.course table tr td {padding-bottom:12px;}
	.course .ico-value li {display:inline-block; width:135px; height:30px; min-height:30px; padding:9px 0 9px; text-align: center;}

	.block-button {min-width:112px; width:98%; min-height:20px; position:absolute; bottom:85px;}
	.labal-city {display:block; width:99%; margin:2px auto 2px; padding:4px 0 4px 0; text-align:center; font-size:12px; font-weight:bold;}
	.city {display:inline-block; width:auto; min-width:114px margin:2px auto 8px; padding:4px 4px 4px 4px; text-align:center; border:2px #fff solid; border-radius:7px; font-size:12px; cursor:pointer;
			-webkit-transition:800ms ease all; -moz-transition:800ms ease all; -o-transition:800ms ease all; transition:800ms ease all;}
	.city:hover {background:#6fb1d9;}
	.block-city-one, .block-city-two, .block-city-three, .block-city-foure, .block-city-five ,.block-city-six, .block-city-seven{display:none; width:88%; height:135px;}
	.my-city {padding:18px 0px 15px 20px; margin:0 auto 10px; text-align:center; font-size:16px; line-height:22px; position:relative;}
	.my-city .closik {width:120px; height:26px; position:absolute; bottom:0; right:0; background:url(../img/closik.png) no-repeat right 0; background-size:auto 25px; cursor:pointer; font-size:11px;}



	.sell-m {width:93%; position:absolute; bottom:0;}
	.td-one {width:22%!important;}
  	.td-two {width:40%!important;}
  	.line {width:99%; margin:0 auto 28px; top:1px;}
  	.dropdown li {width:100%!important; min-height:10px!important;}
  	.sel {width:100%!important; min-height:10px!important;}
  	.sell-m form label {display:inline-block; width:82px; float:left; margin-bottom:6px; margin-top:4px; line-height: 1; font-size:14px; line-height:24px;}
  	.sell-m form input {width:80px; height:17px; margin-bottom:12px; margin-right:5px; padding:5px 8px; display:inline-block; float:left; border:2px solid #bed9e0; border-radius:19px; 
  						box-shadow: inset 1px 1px 2px #999; background-color:#fff;  font-size:13px; font-weight:bold;}
	.selectbox .select {display:inline-block; width:164px; height:27px; margin-bottom:12px; padding:0 7px; font-size:13px; line-height:27px;  float:left; border-radius:19px;}
	.next-step {width:16%; min-height:30px; background: url(../img/next.png) center no-repeat;  background-size:100%!important; background-repeat:no-repeat; border-radius:15px;
				float:right; position:absolute; top:22px; right:0px; background-size:100%; background-repeat:no-repeat;}
	/*----------*/
	.block {width:31%; margin-right:1%; margin-bottom:18px; padding-left:1%; font-size:12px;}
	.block h6 {font-size:17px; text-transform:uppercase; margin-bottom:15px;}
	.block ul li ul.quote {font-size:12px;}
	.block ul li a {font-size:12px;}
	.block ul li ul {margin-left:5px;}
	/*----------*/
	.w-block {width:95%; margin:0 auto 18px; padding:18px 2%; border-radius:9px; font-size:13px;}
	/*----------*/
	.safe {min-width:452px; width:auto; min-height:190px; height:auto; padding:0 9px 0 9px; overflow:hidden; background:url(../img/safe.png) 7px 98px no-repeat; background-size:50%;}
	.numbers {width:95%; min-height:50px; margin:2px 8px 12px 0; padding:3px 9px; float:none; font-size:14px;}
	.numbers h5 {font-size:17px; margin-bottom:12px;}
	.menu2 {display:inline-block; margin-left:15%; vertical-align:top;}
	.menu2 li {margin-right:5px; font-size:14px;}
	/*----------*/
	.footer {margin-bottom:18px; text-align:center; font-size:12px;}
	.counter {width:90px; height:50px; float:right; display:inline-block; margin-top:5px;}
	/*----------*/
	.imgik {width:100%;}
	.inf {width:99%; padding-right:1%;}
	.inf .money {padding-left:29%;}
	.inf .money iframe {width:99%;}



	.money2 {width:82%; max-width:760px; min-height:150px;  position:relative;  margin:0px auto 25px; padding:0 0 125px 0; position:relative;	}
	.money2 .prev {display:block; width:82px; height:119px; margin:0px; padding:0 0 0 40px; position:absolute; top: inherit; bottom:0; left:5%;}
	.money2 .next {display:block; width:102px; height:119px; margin:0px; padding:0 20px 0 0px; text-align:center; position:absolute; top: inherit; bottom:0; right:5%;}
}





@media (min-width:241px) and (max-width:479px) { 

  	.wrap {max-width:479px; width:auto; margin:0 auto; overflow:hidden; position:relative;}
	/*----------*/
	.header {min-height:100px; padding-bottom:55px; padding-top:10px; position:relative; background: url(../img/header-bg.png) bottom center no-repeat; margin-bottom:15px;}
	.logo {display:inline-block; width:95px; margin-left:3px;}
	.logo img {width:100%;}

	#nav-wrap {min-width:108px; width:100%; margin:0px 0 0 0; position:absolute; bottom:10px; left:0;}
	#nav {display:none; min-width:147px; width:auto; padding:5px; clear:both; position:absolute;  top:40px; z-index:10000; border:solid 1px #999; background:#f8f8f8;}
	#nav li {min-height:30px; clear:both; float:none; margin:11px 0 4px 0px;}
	#nav a, #nav ul a {font: inherit; background: none;	display:inline; padding:4px 5px 4px 5px;	color: #666; border: none;}
	#nav a:hover, #nav ul a:hover {background: none; color: #000;}
	#nav ul {width: auto; position: static;	display: block;	border: none; background:inherit;}
	#nav ul li {margin: 3px 0 3px 15px;}

	.menu {display:inline-block; min-width:160px; width:100%; text-align:center; vertical-align:top; margin-left:2%;}
	.menu li {display:block; text-align:center; margin:0 1% 0 0.9%; padding:0 0px;}
	.menu li a {padding:0 6px;}

	#menu-icon {display:block; width:auto; min-width:108px; height:30px; padding:8px 0px 0 38px; color:#000; background: #ecebeb url(../img/menu-icon.png) no-repeat 10px center;
				cursor:pointer; border:1px #666 solid;}
	#menu-icon:hover {background-color:#f8f8f8;}
	#menu-icon.active {background-color:#bbb;}

	.lang {margin-right:3px;}
	.lang li a {padding:1px;}
	.num {float:right; display:inline-block; vertical-align:top; font-size:12px; margin-top:-14px;}
	.words {display:inline-block; width:98%; float:none; vertical-align:top; font-size:10px; margin-top:5px; margin-left:1%; text-align:center; font-size: small;}
	.words br {display:none;}
	/*----------*/
	.money {padding-left:1%; position:relative; margin-bottom:25px;}
	.news {min-height:125px; height:auto; margin-bottom:15px;}
	.news h6 {margin-bottom:8px; font-size:20px; text-transform:uppercase; overflow:hidden; line-height:32px;}
	.news h6 img {float:left; margin:0 4px 0 0;}
	.rob {display:none; width:165px; height:189px; top:inherit; bottom:190px; z-index:100;}
	.money ul {width:100%; vertical-align:top;}
	.value ul {width:100%; vertical-align:top; text-align:center;}
	.money ul li {width:99%; height:auto; min-height:80px; margin:0 auto 5px; vertical-align:top; font-size:13px;}
	.money ul li a {font-size:13px;}
	/*----------*/
	.course {min-width:210px; width:95%; min-height:150px; margin:0 auto;  padding:7px 1% 162px 1%; background-color:#e3eef3; box-shadow:inset 0 0 3px #ceeaee; 
		     border-radius:14px; position:relative;}
	.course table {font-size:12px; margin-left:0px;}
	.course h5 {display:none!important; width:15%; font-size:16px; padding-top:1.1%;}
	.course .value {width:98%; margin:0 auto; float:none; position:relative; z-index:2;}
	.course .value table {width:98%; margin:auto; height:120px; padding-top:5px;}
	.course table tr td {padding-bottom:4px; font-size:10px; text-align:center;}
	.course .ico-value li {display:inline-block; width:135px; height:30px; min-height:30px; padding:9px 0 9px; text-align: center;}

	.block-button {min-width:112px; width:99%; min-height:20px; position:absolute; bottom:10px}
	.labal-city {display:block; width:99%; margin:2px auto 2px; padding:4px 0 4px 0; text-align:center; font-size:12px; font-weight:bold; }
	.city {display:block; width:94%; min-width:114px margin:2px auto 7px; padding:4px 4px 4px 4px; text-align:center; border:2px #fff solid; border-radius:7px; font-size:12px; cursor:pointer;
			-webkit-transition:800ms ease all; -moz-transition:800ms ease all; -o-transition:800ms ease all; transition:800ms ease all;}
	.city:hover {background:#6fb1d9;}
	.block-city-one, .block-city-two, .block-city-three, .block-city-foure ,.block-city-five, .block-city-six, .block-city-seven{display:none; width:94%; min-height:90px; height:auto;}
	.my-city {padding:8px 0px 15px 0px; margin:auto; text-align:center; font-size:14px; line-height:20px; position:relative;}
	.my-city .closik {width:120px; height:26px; position:absolute; bottom:0; right:0; background:url(../img/closik.png) no-repeat right 0; background-size:auto 25px; cursor:pointer; font-size:11px;}



	.sell-m {width:98%; position:relative; bottom:0;}
	.td-one {width:22%!important; display:none;}
	.course table thead tr td {text-align:center;}
	.td-one-v {display:none;}
  	.td-two {width:48%!important;}
  	.line {width:99%; margin:0 auto 8px; top:1px;}
  	.dropdown li {width:100%!important; min-height:10px!important;}
  	.sel {width:100%!important; min-height:10px!important;}
  	.sell-m form label {display:block; width:82px; float:none; margin:8px auto 4px; line-height:1; font-size:14px; line-height:20px; text-align:center;}
  	.sell-m form input {width:150px; height:17px; margin:3px auto 5px; padding:5px 8px; display:block; float:none; border:2px solid #bed9e0; border-radius:19px; 
  						box-shadow: inset 1px 1px 2px #999; background-color:#fff;  font-size:13px; font-weight:bold;}
	.selectbox {width:99%; margin:auto;}
	.selectbox .select {display:block; width:164px; height:27px; margin:0 auto 8px; padding:0 7px; font-size:13px; line-height:27px;  float:none!important; border-radius:19px;}
	.next-step {display:block; width:110px; min-height:38px; height:auto; overflow:hidden; margin:8px auto 5px; top:0; background:url(../img/next.png) center no-repeat; background-size:100%!important; background-repeat:no-repeat; 
				border-radius:15px; float:none; position:relative; bottom:0; background-size:100%;}
	/*----------*/
	.block {width:94%; margin-right:1%; margin-bottom:10px; padding-left:4.2%; font-size:12px;}
	.block h6 {font-size:16px; text-transform:uppercase; margin-bottom:10px; overflow:hidden; line-height:32px;}
	.block h6 img{float:left; margin:0 5px 0 0;}
	.block ul li ul.quote {font-size:12px;}
	.block ul li a {font-size:12px;}
	.block ul li ul {margin-left:5px;}
	/*----------*/
	.w-block {width:90%; margin:0 auto 12px; padding:15px 2%; border-radius:8px; font-size:12px;}
	/*----------*/
	.safe {min-width:225px; width:auto; min-height:190px; height:auto; padding:0 7px 0 7px; overflow:hidden; background:none; background-size:50%;}
	.numbers {width:95%; min-height:50px; height:auto;; margin:2px auto 8px; padding:2px 4px; float:none; font-size:13px;}
	.numbers h5 {font-size:17px; margin-bottom:12px;}
	.menu2 {display:block; width:99%; margin: 2px auto 0; padding:0; vertical-align:top;}
	.menu2 li {display:block; width:100%; margin:5px auto 10px; font-size:16px;}
	/*----------*/
	.footer {margin-bottom:18px; text-align:center; font-size:12px;}
	.counter {display:block; width:90px; height:50px; margin:15px auto 4px; float:none;}
	/*----------*/
	.imgik {width:100%;}
	.inf {width:99%; padding-right:1%;}
	.inf .money {padding-left:2%;}
	.inf .money iframe {width:99%;}

	.money2 {width:82%; max-width:760px; min-height:150px;  position:relative;  margin:0px auto 25px; padding:0 0 125px 0; position:relative;	}
	.money2 .prev {display:block; width:82px; height:119px; margin:0px; padding:0 0 0 40px; position:absolute; top: inherit; bottom:0; left:2%;}
	.money2 .next {display:block; width:102px; height:119px; margin:0px; padding:0 20px 0 0px; text-align:center; position:absolute; top: inherit; bottom:0; right:2%;}
	.forms {width:auto; max-width:470px; height:auto; text-align:center; padding:10px 1%;}
	.forms form label {float: none;}
	.forms form input {float: none; width:80%;}
}




@media (min-width:100px) and (max-width:240px) { 

 .wrap {max-width:200px; width:auto; margin:0 auto; overflow:hidden; position:relative;}
	/*----------*/
	.header {min-height:100px; padding-bottom:75px; padding-top:5px; position:relative; background: url(../img/header-bg.png) bottom center no-repeat; margin-bottom:15px;}
	.logo {display:inline-block; width:58px; margin-left:2px;}
	.logo img {width:100%;}

	#nav-wrap {min-width:108px; width:100%; margin:0px 0 0 0; position:absolute; bottom:10px; left:0;}
	#nav {display:none; min-width:147px; width:auto; padding:5px; clear:both; position:absolute;  top:40px; z-index:10000; border:solid 1px #999; background:#f8f8f8;}
	#nav li {min-height:30px; clear:both; float:none; margin:11px 0 4px 0px;}
	#nav a, #nav ul a {font: inherit; background: none;	display:inline; padding:4px 5px 4px 5px;	color: #666; border: none;}
	#nav a:hover, #nav ul a:hover {background: none; color: #000;}
	#nav ul {width: auto; position: static;	display: block;	border: none; background:inherit;}
	#nav ul li {margin: 3px 0 3px 15px;}

	.menu {display:inline-block; min-width:160px; width:100%; text-align:center; vertical-align:top; margin-left:2%;}
	.menu li {display:block; text-align:center; margin:0 1% 0 0.9%; padding:0 0px;}
	.menu li a {padding:0 6px;}

	#menu-icon {display:block; width:auto; min-width:108px; height:30px; padding:8px 0px 0 38px; color:#000; background: #ecebeb url(../img/menu-icon.png) no-repeat 10px center;
				cursor:pointer; border:1px #666 solid;}
	#menu-icon:hover {background-color:#f8f8f8;}
	#menu-icon.active {background-color:#bbb;}

	.lang {margin-right:3px;}
	.lang li a {padding:1px;}
	.num {float:none; display:block; vertical-align:top; font-size:12px; margin-top:4px; text-align:center;}
	.words {display:inline-block; width:98%; float:none; vertical-align:top; font-size:10px; margin-top:5px; margin-left:1%; text-align:center;}
	.words br {display:none;}
	/*----------*/
	.money {padding-left:1%; position:relative; margin-bottom:25px;}
	.news {min-height:125px; height:auto; margin-bottom:15px;}
	.news h6 {margin-bottom:8px; font-size:20px; text-transform:uppercase; overflow:hidden; line-height:32px;}
	.news h6 img {float:left; margin:0 4px 0 0;}
	.rob {display:none; width:165px; height:189px; top:inherit; bottom:190px; z-index:100;}
	.money ul {width:100%; vertical-align:top;}
	.value ul {width:100%; vertical-align:top; text-align:center;}
	.money ul li {width:99%; height:auto; min-height:80px; margin:0 auto 5px; vertical-align:top; font-size:13px;}
	.money ul li a {font-size:13px;}
	/*----------*/
	.course {min-width:90px; width:98%; min-height:310px; margin:0 auto;  padding:7px 0% 32px 0%; background-color:#e3eef3; box-shadow:inset 0 0 3px #ceeaee; 
		     border-radius:14px; position:relative;}
	.course table {font-size:12px; margin-left:0px;}
	.course h5 {display:none; width:15%; font-size:16px; padding-top:1.1%;}
	.course .value {width:98%; margin:0 auto; float:none; position:relative; z-index:2;}
	.course .value table {width:100%; margin:auto; padding-top:5px;}
	.course table tr td {padding-bottom:4px; font-size:10px; text-align:center;}
	.course .ico-value li {display:inline-block; width:135px; height:30px; min-height:30px; padding:9px 0 9px; text-align: center;}
	

	.block-button {min-width:112px; width:99%; min-height:20px; position:absolute; bottom:3px;}
	.labal-city {display:block; width:99%; margin:2px auto 2px; padding:4px 0 4px 0; text-align:center; font-size:12px; font-weight:bold; }
	.city {display:block; width:95%; min-width:114px; margin:2px auto 7px; padding:4px 1px 4px 1px; text-align:center; border:2px #fff solid; border-radius:7px; font-size:12px; cursor:pointer;
			-webkit-transition:800ms ease all; -moz-transition:800ms ease all; -o-transition:800ms ease all; transition:800ms ease all;}
	.city:hover {background:#6fb1d9;}
	.block-city-one, .block-city-two, .block-city-three, .block-city-foure , .block-city-five, .block-city-six, .block-city-seven {display:none; width:82%; height:80px;}
	.my-city {padding:10px 0px 15px 20px; margin:auto; text-align:center; font-size:13px; line-height:20px; position:relative;}
	.my-city .closik {width:120px; height:26px; position:absolute; bottom:0; right:0; background:url(../img/closik.png) no-repeat right 0; background-size:auto 25px; cursor:pointer; font-size:11px;}



	.sell-m {width:98%; height:378px; position:relative; bottom:0;}
	.td-one {width:22%!important; display:none;}
	.course table thead tr td {text-align:center;}
	.td-one-v {display:none;}
  	.td-two {width:48%!important;}
  	.line {width:99%; margin:0 auto 8px; top:1px;}
  	.dropdown li {width:100%!important; min-height:10px!important;}
  	.sel {width:100%!important; min-height:10px!important;}
  	.sell-m form label {display:block; width:82px; float:none; margin:8px auto 4px; line-height:1; font-size:14px; line-height:20px; text-align:center;}
  	.sell-m form input {width:150px; height:17px; margin:3px auto 5px; padding:5px 8px; display:block; float:none; border:2px solid #bed9e0; border-radius:19px; 
  						box-shadow: inset 1px 1px 2px #999; background-color:#fff;  font-size:13px; font-weight:bold;}
	.selectbox {width:99%; margin:auto;}
	.selectbox .select {display:block; width:164px; height:27px; margin:0 auto 8px; padding:0 7px; font-size:13px; line-height:27px;  float:none!important; border-radius:19px;}
	.next-step {display:block; width:110px; min-height:38px; height:auto; overflow:hidden; margin:8px auto 5px; top:0; background:url(../img/next.png) center no-repeat; background-size:100%!important; background-repeat:no-repeat; 
				border-radius:15px; float:none; position:relative; bottom:0; background-size:100%;}
	/*----------*/
	.block {width:94%; margin-right:1%; margin-bottom:10px; padding-left:4.2%; font-size:12px;}
	.block h6 {font-size:16px; text-transform:uppercase; margin-bottom:10px; overflow:hidden; line-height:32px;}
	.block h6 img{float:left; margin:0 5px 0 0;}
	.block ul li ul.quote {font-size:12px;}
	.block ul li a {font-size:12px;}
	.block ul li ul {margin-left:5px;}
	/*----------*/
	.w-block {width:90%; margin:0 auto 12px; padding:15px 2%; border-radius:8px; font-size:12px;}
	/*----------*/
	.safe {min-width:100px; width:auto; min-height:190px; height:auto; padding:0 7px 0 7px; overflow:hidden; background:none; background-size:50%;}
	.numbers {width:95%; min-height:50px; height:auto;; margin:2px auto 8px; padding:2px 4px; float:none; font-size:13px;}
	.numbers h5 {font-size:17px; margin-bottom:12px;}
	.menu2 {display:block; width:99%; margin: 2px auto 0; padding:0; vertical-align:top;}
	.menu2 li {display:block; width:100%; margin:5px auto 10px; font-size:16px;}
	/*----------*/
	.footer {margin-bottom:18px; text-align:center; font-size:12px;}
	.counter {display:block; width:90px; height:50px; margin:15px auto 4px; float:none;}
	/*----------*/
	.imgik {width:100%;}
	.inf {width:99%; padding-right:1%;}
	.inf .money {padding-left:2%;}
	.inf .money iframe {width:99%;}


	.money2 {width:82%; max-width:240px; min-height:150px;  position:relative;  margin:0px auto 25px; padding:0 0 125px 0; position:relative;	}
	.money2 .prev {display:block; width:82px; height:119px; margin:0px; padding:0 0 0 40px; position:absolute; top: inherit; bottom:0; left:0%;}
	.money2 .next {display:block; width:102px; height:119px; margin:0px; padding:0 20px 0 0px; text-align:center; position:absolute; top: inherit; bottom:0; right:0%;}
	.forms {width:auto; max-width:470px; height:auto; text-align:center; padding:10px 1%;}
	.forms form label {float: none;}
	.forms form input {float: none; width:80%;}

}










/* Иконка меню */













@media screen and (min-width:767px) {

	/* Элемент #nav должен быть видимым в широкоэкранной версии */
	#nav {
		display: inline-block !important;
	}

}