@media (max-width: 1200px) {
	span.phone-number {
    margin-right: 12%;
}
.modal.fade.teaser{
    width: 85%;
}
}
/* Large desktop */
@media (min-width: 1200px) {
	body {
	}
	.wrapper {
        min-height: 700px;
    	height: auto;
	}

}
@media (min-width: 980px) and (max-width: 1199px) {
	.call-block {
	    padding: 20px 30px 0px;
	    margin-bottom: 0;
	}
	.team-item-name span {
    width: 147px;
    margin: 0 auto 9px auto;
}
} 
@media screen and (max-width:826px) {
	.phones-wrapper {
		
display: none;
	}
	.navbar-inner {
    height: 58px;
}
}
@media screen and (max-width:980px) {
	.location-about, .phones-about, .modes-work {
		width: 37%;
		margin-right: 11%;
	}
	span.phone-number {
    margin-right: 5%;
}
.phones-wrapper {
    background: none;
    padding-top: 19px;
    margin-left: 3%;
}
.phones-bg {
    display: none;
}
.header-content {
    width: 63%;
    display: inline-block;
}
}
/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) {
	h2 { font: 100 46px/52px "ProximaNova-Light", Arial, Helvetica, Geneva, sans-serif; }
	h3 { font: 100 24px/28px "ProximaNova-Light", Arial, Helvetica, Geneva, sans-serif; }
	h4 { font: 100 24px/28px "ProximaNova-Light", Arial, Helvetica, Geneva, sans-serif; }
	h5 { font: 100 14px/24px "ProximaNova-Light", Arial, Helvetica, Geneva, sans-serif; }
	h6 { font: 100 14px/20px "ProximaNova-Light", Arial, Helvetica, Geneva, sans-serif; }
	body {
		padding: 0;
		background-size: initial;
	    background-position-x: 40%;
	}
	.price-box  {
		margin: 0 auto 20px;
    	display: inline-block;
    	width: 200px;
	}
	.price-box .bg-blue li, .price-box .bg-violet li, .price-box .bg-green li, .price-box .bg-pink li {
	    font: 500 15px / 20px Roboto;
	}
	.price-box .bg-blue li b, .price-box .bg-violet li b, .price-box .bg-green li b, .price-box .bg-pink li b {
	    font-size: 20px;
	}
	.price-box .bg-blue li:nth-child(9) b, .price-box .bg-violet li:nth-child(9) b, .price-box .bg-green li:nth-child(9) b, .price-box .bg-pink li:nth-child(9) b {
	    font-size: 24px;
	}
	.price-title-bold {
	    width: 237px;
	}
	.price-box.zno-th .bg-zno-img {
	    height: 235px;
	}
	#econom {
	    margin-top: -46px;
	    margin-left: 101px;
	}
	.wrapper {
		padding-left: 10px;
		padding-right: 10px;
		min-height: 740px;
	}
	.navbar-fixed-top, 
	.navbar-fixed-bottom, 
	.navbar-static-top {
		margin-left: 0;
		margin-right: 0;
	}
	.navbar-fixed-top {
	    margin-bottom: 0px;
	}
	.navbar .brand {
		padding: 5px 0 5px 15px;
		margin: 1px 0 0 10px;
		height: 45px;
		width: 215px;
		display: inline-block;
	}
	.navbar .nav > li > a {
		padding: 10px;
		border-top: 1px solid #f6f6f6;
	}
	.nav-collapse .nav > li > a {
		margin-bottom: 0px;
	}
	.nav-collapse .nav {
		margin: 0;
	}
	.navbar .btn-navbar {
		background-image: none;
		background-color: transparent;
		border-color: transparent;
		box-shadow: none;
		-webkit-box-shadow: none;
		border-left: 1px solid #eee;
		border-radius: 0;
		-webkit-border-radius: 0;
		padding: 23px;
		margin: 0;
	}
	.navbar .btn-navbar .icon-bar {
		background-color: #000;
	}
	.navbar-fixed-top .navbar-inner, 
	.navbar-fixed-bottom .navbar-inner {
		padding: 0;
	}
	.carousel-control {
		display: none !important;
	}
	.price {
		font-size: 50px;
	}
	.decimal {
		font-size: 28px;
	}
	.icon-3x {
		font-size: 2em;	
	}
	.icon-4x,
	.icon-5x {
		font-size: 3em;	
	}
	.main-title h2 {
		font-size: 44px;
		margin: 0 0 10px;
	}
	.home {
		background-size: 770px auto;
		min-height: 680px;
		padding-top: 0;
	}
	#back {
		left: -510px;
		z-index: -1;
	}
	.anchor {
		position: absolute;
		top: 0;
	}
	.span2.text-center.mar-left0 {
		margin: 30px;
	}
	.row-fluid [class*="span"].bordered {
		display: inline-block !important;
		width: auto;
	}
	.percent-content {
		margin-left: 20px;
	}
	
	.fa-arrow-large {
		padding-left: 0;
	}
	.fa-arrow-normal, .fa-arrow-small {
        padding-left: 15px;
	}
	.m-l35, .m-l10 {
		margin-left: 0;
	}
	.results-info {
	    margin-bottom: 24px;
	}
	.opportunities-box {
		height: 460px;
	    width: 185px;
	    margin-right: 10px;
	}
	.opportunities-title {
	    font: 700 15.7px Roboto;
	    padding: 15px 30px 1px;
	}
	.opportunities-box .bg-grey li {
	    padding: 9px 3px 9px 6px;
	    text-align: left;
	}
	.opportunities-box ul li {
	    font: 500 9px Roboto;
	}
	.opportunities-box .bg-grey li ul li {
	    font: 400 8px Roboto;
	}
	.opportunities-box ul.bg-grey, .price-box ul.bg-blue, .price-box ul.bg-pink {
		min-height: auto;
	}
	.heigth32 {
		height: 10px;
	}
	.price-title {
	    font: 400 16px Roboto;
	}
	.price-title-bold {
	    font: 700 16px Roboto;
	}
	.triangle {
		left: 76px;
	}
	.tape1 {
	    background-size: 100%;
	    right: -20px;
	    top: -22px;
	    height: 114px;
	    width: 99px;
	}
	.tape3 {
		background-size: 100%;
	    right: -25px;
	    top: 55px;
	    height: 52px;
	    width: 60px;
	}
	.tape2 {
		background-size: 67%;
	    top: -33px;
	    right: 23px;
	}
	.bg-turquoise-img {
		min-height: auto;
	}
	.advantages-box {
	    height: 232px;
	    width: 221px; 
	}
	img.img-block6 {
	    float: right;
	    width: 125px;
	}
	.btn-pay-group {
		text-align: center;
	}
	.nav-collapse.pull-right.in.collapse {
		float: none;
		position: absolute;
		top: 57px;
		left: 0;
		width: 100%;
		z-index: 14;
		background: #4c5a75;
	}
	.tabs-menu li {
	    width: 230px;
	    margin-right: 1px;
	}
	.tabs-menu li a {
	    font: 700 18px/60px Roboto;
        padding: 18px 38px;
	}
	.tabs-menu li.current .current-triangle:before {
		left: 48%;
	}
	.tab-content-info-box {
		width: 28%;
	}
	.tabs-menu li:nth-child(1) img {
	    position: absolute;
	    top: -24px;
	    left: 9px;
	    width: 32px;
	}
	.tabs-menu li:nth-child(2) img {
	    position: absolute;
	    top: -19px;
	    left: 3px;
	    width: 53px;
	}
	.tabs-menu li:nth-child(3) img {
	    position: absolute;
	    top: -12px;
	    left: 5px;
	    width: 48px;
	}
	.tab-content-img-box {width: 215px;}
}

@media (max-width: 1024px) {
	body {
		background-size: initial;
	    background-position-x: 40%;
	}
	.home {
	    background-size: 960px auto;
	    min-height: 750px;
		padding-top: 0;
	}
	.main-title h3 {
		line-height: 40px;
	}
	.main-title h1 {
		/* line-height: 77px; */
	}
	.solution-box {
		margin-bottom: 35px;
		margin-left: auto;
		margin-right: auto;
	}
	.span12 {
		width: 100%;
		margin-left: 0;
	}
	.carousel-inner {
		min-height: 462px;
	}
	.large-picture {
	    margin-left: 10px;
		margin-top: 0px; 
		margin-bottom: 60px;
	}
	.wrapper.bg-turquoise.padd0 {
		min-height: auto; 
	}

	.fa-arrow-large, .fa-arrow-normal, .fa-arrow-small {
	    height: auto;
	}
	.number-content {
		margin-left: 20px;
	    font-size: 13px;
	}
	.bold-content {
		font-size: 13px;
	}
	.m-l35 {
		margin-left: 54px;
	}
	.results-info {
	    margin-bottom: 24px;
	}
	.alliance img {
		width: 934px;
		margin-left: 0;
	}
	.m-l100 {
		margin-left: 22px;
	}
	.span11 {
		width: 100%;
	}
	.percent {
	    transform: inherit;
	}
	.percent-content {
	    padding-top: 5px;
	    line-height: 15px;
	    font-size: 15px;
	    padding-left: 20px;
	}
	.btn-pay-group {
		padding-right: 8px;
	}
	.btn-register {
		margin-right: 1px;
	}
	.bg-problem .span3 {
	    width: 20%;
	}
	.bg-problem .span3.bp1 {
		margin-left: 30px;
	}
	.bg-problem .span3.bp2 {
	    margin-left: 43px;
	}
	.bg-problem .span3.bp3 {
	    margin-left: 45px;
	}
	.bg-problem .span3.bp4 {
	    margin-left: 50px;
	}
}

@media (max-width: 979px) {
	.bg-problem {
		background-size: contain;
		padding-top: 42px;
		margin-top: 10px;
	}
	.bg-problem .span3 {
		width: 23%;
		font-size: 14px;
	}
	.bg-problem .color-light-orange {
		font-size: 14px;
	}
	.bg-problem .span3.bp1 {
		margin-left: 5px;
	}
	.bg-problem .span3.bp2 {
		margin-left: 17px;
	}
	.bg-problem .span3.bp3 {
		margin-left: 16px;
	}
	.bg-problem .span3.bp4 {
		margin-left: 16px;
	}
	.call-block {
    float: none;
    padding: 5px 0 13px 10px;
}
}

/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
	body {
		padding: 0;
		background-size: initial;
	    background-position-x: 40%;
	}
	.wrapper {
		padding-left: 10px;
		padding-right: 10px;
		text-align: center;
	    min-height: 760px;
	}
	.home {
		padding-top: 0;
        background-size: 685px auto;
	    min-height: 650px;
	}
	.price-box  {
		margin: 0 auto 20px;
    	display: inline-block;
    	width: 32%;
	}
	.price-box .bg-blue li, .price-box .bg-violet li, .price-box .bg-green li, .price-box .bg-pink li {
	    font: 500 15px / 20px Roboto;
	}
	.price-box .bg-blue li b, .price-box .bg-violet li b, .price-box .bg-green li b, .price-box .bg-pink li b {
	    font-size: 20px;
	}
	.price-box .bg-blue li:nth-child(9) b, .price-box .bg-violet li:nth-child(9) b, .price-box .bg-green li:nth-child(9) b, .price-box .bg-pink li:nth-child(9) b {
	    font-size: 24px;
	}
	.price-box .bg-blue li:nth-child(1), .price-box .bg-violet li:nth-child(1), .price-box .bg-green li:nth-child(1), .price-box .bg-pink li:nth-child(1) {
        height: 80px;
	    padding-top: 14px;
	}
	.price-title-bold {
	    width: 237px;
	}
	.price-box.zno-th .bg-zno-img {
	    height: 235px;
	}
	#econom {
	    margin-top: -78px;
	    margin-left: 59%;
	    width: 75px;
	}
	.navbar-fixed-top, 
	.navbar-fixed-bottom, 
	.navbar-static-top {
	    margin-left: 0px;
	    margin-right: 0px;
	    margin-bottom: 0px;
	}
	.navbar .brand {
		padding: 5px 10px 5px 15px;
	}
	.navbar .nav > li > a {
		padding: 10px;
		border-top: 1px solid #f6f6f6;
	}
	.nav-collapse .nav > li > a {
		margin-bottom: 0px;
	}
	.nav-collapse .nav {
		margin: 0;
	}
	.navbar .btn-navbar {
		background-image: none;
		background-color: transparent;
		border-color: transparent;
		box-shadow: none;
		-webkit-box-shadow: none;
		border-left: 1px solid #eee;
		border-radius: 0;
		-webkit-border-radius: 0;
		padding: 23px;
		margin: 0;
	}
	.navbar .btn-navbar .icon-bar {
		background-color: #000;
	}
	.navbar-fixed-top .navbar-inner, 
	.navbar-fixed-bottom .navbar-inner {
		padding: 0;
	}
	.tab-content {
		text-align: center;
	}
	.row-fluid [class*="span"].bordered {
		display: inline-block !important;
		width: auto;
	}
	.pricing-table {
		margin-bottom: 20px;
	}
	.focus {
		margin-top: 0;
	}
	.focus .pricing-price {
		padding: 40px 0;
	}
	.carousel-control,
	.arrow {
		display: none !important;
	}
	#back {
		top: -1050px;
		left: -610px;
		z-index: -1;
	}
	.team {
		padding: 10px 0;
		margin: 0 0 20px;
		border-bottom: 1px solid rgba(255,255,255,.2);
	}

	/*new-landing*/
	.fa-arrow-large, .fa-arrow-normal, .fa-arrow-small {
	    padding-left: 0;
	}
	.m-l75 {
		margin-left: 0px;
	}
	.alliance img{
		margin-left: 0;
	}

	.bg-turquoise-img {
		min-height: auto;
	}
	.row-fluid.percent-line {
	    padding-left: 40px;
	    width: 91%;
	    float: left;
	}
	.row-fluid.percent-line .span3{
	    width: 12%;
	    display: inline-block;
	    float: left;
	}
	.row-fluid.percent-line .span9{
	    width: 72%;
	    display: inline-block;
	    float: left;
	}
	.percent-line .span3 {
		padding: 0;
	}
	.advantages-box {
		text-align: left;
	}

	.opportunities-box {
		height: 460px;
	    width: 185px;
	    margin-right: 10px;
	}
	.opportunities-title {
	    font: 700 15.7px Roboto;
	    padding: 15px 30px 1px;
	}
	.opportunities-box .bg-grey li {
	    padding: 9px 3px 9px 6px;
	    text-align: left;
	}
	.opportunities-box ul li {
	    font: 500 9px Roboto;
	}
	.opportunities-box .bg-grey li ul li {
	    font: 400 8px Roboto;
	}
	.opportunities-box ul.bg-grey, .price-box ul.bg-blue, .price-box ul.bg-pink {
		min-height: auto;
	}
	.heigth32 {
		height: 10px;
	}
	.price-title {
	    font: 400 16px Roboto;
	}
	.price-title-bold {
	    font: 700 16px Roboto;
	}
	.triangle {
		left: 76px;
	}
	.tape1 {
	    background-size: 100%;
	    right: -20px;
	    top: -22px;
	    height: 114px;
	    width: 99px;
	}
	.tape3 {
		background-size: 100%;
	    right: -25px;
	    top: 55px;
	    height: 52px;
	    width: 60px;
	}
	.tape2 {
		background-size: 67%;
	    top: -33px;
	    right: 23px;
	}
	.advantages-box {
	    height: 232px;
	    width: 231px; 
	}
	img.img-block1 {
	    margin-top: 5px;
	}

	img.img-block2 {
	    margin-top: 3px;
	}

	img.img-block3 {
	    margin-top: 20px;
	}
	.btn-pay-group {
		text-align: center;
	}
	.nav-collapse.pull-right.in.collapse {
		float: none;
	}

	.tabs-menu li {
		margin-right: 0;
		margin: 7px 0;
	}
	
	.tabs-menu {position: relative;height: 115px;}
	.tabs-menu li.current:before, .tabs-menu li.current:after, .tabs-menu li.current .current-triangle:before{display: none;}
	.tab-content-info-box {width: 29%;}
	.bg-problem div.span3 {
	    width: 17%;
	    font-size: 10px;
	    float: left;
	    line-height: 12px;
	}
	.bg-problem {
	    padding-top: 30px;
	}
	.bg-problem .color-light-orange {
	    font-size: 10px;
	}
	.bg-problem .color-light-orange font {
	    font-size: 13px;
	}
	.bg-problem .span3.bp1 {
	    margin-left: 106px;
	}
	.bg-problem .span3.bp2 {
	    margin-left: 7px;
	}
	.bg-problem .span3.bp3 {
	    margin-left: 8px;
	}
	.bg-problem .span3.bp4 {
	    margin-left: 7px;
	}
	.call-block {
    float: none;
    padding: 5px 0 13px 10px;
}
}
 
/* Landscape phones and down */
@media (max-width: 480px) {
	body {
		padding: 0;
		background-size: initial;
	}
	h1, .main-title h1{ font: 100 40px/40px "ProximaNova-Light", Arial, Helvetica, Geneva, sans-serif; width: auto !important;}
	h2, .main-title h2, h2.solution-title { font: 100 30px/40px "ProximaNova-Light", Arial, Helvetica, Geneva, sans-serif; width: auto !important;}
	h3, .main-title h3 { font: 100 20px/24px "ProximaNova-Light", Arial, Helvetica, Geneva, sans-serif; width: auto !important;}
	h4 { font: 100 20px/24px "ProximaNova-Light", Arial, Helvetica, Geneva, sans-serif; width: auto !important;}
	h5 { font: 100 14px/18px "ProximaNova-Light", Arial, Helvetica, Geneva, sans-serif; width: auto !important;}
	h6 { font: 100 14px/18px "ProximaNova-Light", Arial, Helvetica, Geneva, sans-serif; width: auto !important;}
	#back {
		top: -1150px;
		left: -730px;
		z-index: -1;
	}
	.home {
	    background-size: 465px auto;
	    min-height: 575px;

	}
	.wrapper {
		padding-left: 10px;
		padding-right: 10px;
		text-align: center;
	}
	.main-title {
		margin: 0 0 50px;
	}
	blockquote {
		text-align: left;
	}
	footer {
		text-align: center;
	}
	footer ul.inline > li, 
	footer ol.inline > li,
	footer .copyright {
		display: block;
		text-align: center;
		padding: 10px 0;
	}
	.team {
		padding: 10px 0;
		margin: 0 0 20px;
		border-bottom: 1px solid rgba(255,255,255,.2);
	}
	.pricing-table {
		margin-bottom: 20px;
	}
	.focus {
		margin-top: 0;
	}
	.focus .pricing-price {
		padding: 40px 0;
	}
	.carousel-control,
	.arrow {
		display: none !important;
	}
	.navbar-fixed-top, 
	.navbar-fixed-bottom, 
	.navbar-static-top {
		margin-left: 0;
		margin-right: 0;
	}
	.navbar .brand {
		padding: 10px 10px 0;
	}
	.navbar .nav > li > a {
		padding: 10px;
		border-top: 1px solid #f6f6f6;
	}
	.nav-collapse .nav > li > a {
		margin-bottom: 0px;
	}
	.nav-collapse .nav {
		margin: 0;
	}
	.navbar .btn-navbar {
		background-image: none;
		background-color: transparent;
		border-color: transparent;
		box-shadow: none;
		-webkit-box-shadow: none;
		border-left: 1px solid #eee;
		border-radius: 0;
		-webkit-border-radius: 0;
		padding: 20px;
		margin: 0;
	}
	.navbar .btn-navbar .icon-bar {
		background-color: #000;
	}
	.navbar-fixed-top .navbar-inner, 
	.navbar-fixed-bottom .navbar-inner {
		padding: 0;
	}
	.anchor {
		top: 0;
	}
	.solution-box {
		display: block;
		margin-bottom: 35px;
		margin-left: auto;
		margin-right: auto;
	}
	.span12 {
		width: 100%;
		margin-left: 0;
	}
	.carousel-inner {
		min-height: 377px;
	}
	.m-l100 {
		margin-left: 0;
	}
	.alliance img{
		margin-left: 0;
	}
	.wrapper.bg-turquoise.padd0 {
		min-height: auto; 
	}
	.large-picture {
	    margin-left: 10px;
		margin-top: 0px; 
		margin-bottom: 60px;
	}
	.bg-turquoise-img {
		min-height: auto;
	}
	.row-fluid.percent-line {
	    padding-left: 40px;
	    width: 91%;
	}
	.row-fluid.percent-line .span3{
	    width: 20%;
	    display: inline-block;
	}
	.row-fluid.percent-line .span9{
	    width: 72%;
	    display: inline-block;
	}
	.percent-line .span3 {
		padding: 0;
	}
	.advantages-box {
		text-align: left;
	}
	.padd0 {
	    padding-bottom: 1px;
	}
	.mar-b60 {
		margin-bottom: 60px;
	}
	.opportunities-box {
	    height: 460px;
	    width: 152px;
	    margin-right: 1px;
	}
	.opportunities-title {
	    font: 700 15.7px Roboto;
	    padding: 15px 30px 1px;
	}
	.opportunities-box .bg-grey li {
	    padding: 9px 3px 9px 6px;
	    text-align: left;
	}
	.opportunities-box ul li {
	    font: 500 9px Roboto;
	}
	.opportunities-box .bg-grey li ul li {
	    font: 400 8px Roboto;
	}
	ul.bg-grey, ul.bg-blue, ul.bg-pink {
		min-height: auto;
	}
	.heigth32 {
		height: 10px;
	}
	.price-title {
	    font: 400 16px Roboto;
	}
	.price-title-bold {
	    font: 700 16px Roboto;
	}
	.triangle {
		left: 56px;
	}
	.tape1 {
	    background-size: 100%;
	    right: -12px;
	    top: -18px;
        height: 76px;
	    width: 59px;
	}
	.tape3 {
	    background-size: 100%;
	    right: -14px;
	    top: 35px;
        height: 39px;
	    width: 32px;
	}
	.tape2 {
	    background-size: 43%;
	    top: -25px;
	    right: -9px;
	}
	.fa-arrow-small, .fa-arrow-normal, .fa-arrow-large {
		padding-left: 0;
	}
	.width480 {
		display: block;
		height: 70px;
	}
	.tabs-menu li {
		margin-right: 0;
		margin:10px 0;
	}
	
	.tabs-menu {position: relative;height: 190px;}
	.tabs-menu li.current:before, .tabs-menu li.current:after, .tabs-menu li.current .current-triangle:before{display: none;}
	.tab-content-info-box {width: 49%;}
	.tab-content-img-box {margin-bottom: 40px;}
}

@media screen and (min-height: 750px) {
	footer {
		min-height: 16%;
	}
}















