/**
 * Steelservice Adaptive Basic Styles
 *
 * @package WordPress
 * @subpackage Steelservice
 * @since Steelservice 0.1
 */

@media screen and (max-width: 1200px) {
	#text-5 {
		font: 2.9em 'ubunturegular';
	}
	#first {
		display: none;
	}
	.phone_header span{
		margin-left:0;
	}
	.phone_header a{
		font-size: 16px;
		vertical-align: -10px;
	}
	.phone_header .mail_h {
		vertical-align: 0;
	}
	.time_header{
		font-size:13px;
	}
	.time_header span{
		margin-left:0;
	}
	.time_header b{
		font-size: 14px;
		padding-left: 58px;
	}
}

@media screen and (max-width: 992px) {
.phone_header span{
	margin-right: 120px;
}
.time_header{
    font-size: 16px;
}
.hader-bottom {
    background: transparent;
    width: 100%;
    height: auto;
}
#head-first .img-head-1 {
	background:url(../images/Fon-heder-left.jpg) no-repeat center;
}
.uslugi #img-head-1-1{
	background: url(../images/creating2.jpg) no-repeat center !important;
}
#head-first .img-head-2 {
	background:url(../images/Fon-heder-rigth.jpg) no-repeat center;
}
.uslugi #img-head-2-1 {
	background: url(../images/delivery2.jpg) no-repeat center !important;
}
#head-first img{
	display:none;
}
.txt-head-1 {
    padding: 0 80px 40px;
}
.txt-head-2 {
	padding-bottom: 40px;
}
#second .why {
  max-width: 580px;
  margin: 0 auto;
}
#third .man {
  max-width: 580px;
  margin: 0 auto;
}
.logo {
  text-align: center;
}
.top-name {
    margin: 0 auto;
    top: 7px;
}
.text-prod {
}
.top-title {
}
.head-tel {
    padding-left: 0px;
}
	.t-name {
		float: left;
		max-width: 33%;
		/*padding-bottom: 1;*/
		padding-bottom: 15px;
	}
	.t-name:nth-child(2n+1){
	}
	.t-name p {
		height: 30px;
		font-size:12px;
		padding: 0 6px;
	}
	#text-3 {
		text-align: center;
		margin: 10px 0;
	}
	.download_price{
		margin:0 auto 20px auto;
		float:none;
	}
	.time_header{
		width: 175px;
		text-align: left;
		margin: 0 auto;
	}
	.phone_header{
		width: 228px;
		text-align: left;
		margin: 0 auto;
	}
	.slider-bottom{
		height: 152px;
	}
	.top-name{
		max-width:446px;
	}
	.top-name .col-md-3{
		width:50%;
		max-width:50%;
	}
	.time_header span {
	    margin-right: 120px;
	}
	.time_header b {
	    padding-left: 0px;
	}
}

@media screen and (max-width: 768px) {
    .phone_header a
     {
        font-size: 22px;
	}
	.time_header {
		font-size: 19px;
	}
    .time_header b,a.mail_h {
        font-size: 15px;
    }
  .slider-bottom {
    position: static;
  }
  .head {
    margin: 0;
  }
  #top_nav {
    display: none;
  }

#top_nav .nav-tabs.nav-justified > li:nth-child(1),
#top_nav .nav-tabs.nav-justified > li:nth-child(2),
#top_nav .nav-tabs.nav-justified > li:nth-child(3),
#top_nav .nav-tabs.nav-justified > li:nth-child(4),
#top_nav .nav-tabs.nav-justified > li:nth-child(5),
#top_nav .nav-tabs.nav-justified > li:nth-child(6) {
    width: 100%;
}
#top_nav .nav-tabs.nav-justified > li {
    width: 100%;
}
.statist {
    max-width: 300px;
    margin: 0 auto;
}
.oll-foot {
  max-width: 265px;
  margin: 0 auto;
}
#text-2 {
  text-align: center;
}
#text-3 {
  margin-top: 10px;
  text-align: center;
  margin-left: 0;
}
ul#bottom_menu li {
  margin-bottom: 5px;
}
.top-title {
}
.text-prod {
}
.head-tel {
    text-align: center;
}
	#scrollup{
		display:none !important;
	}
}
@media screen and (max-width: 700px) {
	.prod-colored, .prod{
		margin: 0;
		width: 100%;
		float: none;
		padding:25px 0;
	}
}
@media screen and (max-width: 640px) {
  .top-title h1 {
      font-size: 28px;
  }
  .top-title .btn {
      font-size: 20px;
  }
  .top-title {
  }
}

@media screen and (max-width: 505px) {
.top-title {
}
.txt-head-1 {
    padding: 0 0px 35px 0;
}
.txt-head-1 p {
    font: 3em 'MyriadProRegular';
    line-height: 55px;
    width: 100%;
    margin-top: 0px;
    margin-bottom: 15px;
	font-size: 30px;
	padding-bottom: 20px;
}
.txt-head-2 p {
    font: 3em 'MyriadProRegular';
    line-height: 60px;
    width: 100%;
    margin-left: 0px;
    margin-bottom: 15px;
	margin-top: 0;
	font-size: 30px;
	padding-bottom: 20px;

}

	#img-head-1, #img-head-2{
		min-height: 255px;
	}

	.txt-head-1 a, .txt-head-2 a{
		font-size: 20px;
		padding: 12px 65px;
	}
.txt-head-1 h1 {
	font-size: 3.3em;
}
.txt-head-2 a {
	margin-left: 0px;
}
.txt-head-2 h1 {
	font-size: 3.3em;
	margin-left: 0px;
}
#fifth {
	display: none;
}
#second {
	display: none;
}
.prod {
    width: 100%;
    margin: 0;
	margin-top:25px;
    float: none;
}
.prod-boot{
	padding-top:0;
}
.prod-boot button{
	margin-top:0;
}
.prod-fit {
    height: 80px;
}
.top-name {
}
.text-prod {
}
.top-title {
}
.top-title h1 {
    margin-bottom: 15px;
    font-size: 1.8em;
    top: 13px;
    line-height: 1em;
}
.top-title .btn {
    font-size: 1.2em;
}
.bs-example-modal-lg .modal-content {
    max-width: 100%;
}
.t-name {
    padding: 5px;
}
	.time_header span{
		float:none;
		position:relative;
	}
	.phone_header span{
        margin-right: 10px;
		margin-top: 0px;
		float: left;
	}
	.time_header b{
		padding-left: 0;
	}
	a.mail_h{
		padding-left: 0;
		/*font-size: 13px;*/
	}

    #text-3 .col-xs-6 {
        width: 100%;
    }
    #text-3 .col-xs-6:last-child {
        display: none;
    }
}

@media screen and (max-width: 370px) {
.txt-head-1 {
    padding: 0 ;
	padding-bottom: 40px;
}
.top-title h1 {
    margin-bottom: 0px;
    font-size: 1.5em;
}
.top-name {
}
.form-footer {
    margin-left: -20px;
}
.text-prod {
    margin-top: 0;
}
.top-title .btn {
    top: 21px;
    position: relative;
}
.t-name {
    padding: 4px 3px;
}
	.top-title{
		bottom: 190px;
	}
	.top-section .top-name{
		padding-bottom: 4px;
		margin-top: -2px;
	}
}
.container{
	overflow:hidden;
}
.navbar-nav{
	float: none;
    margin: 0 auto;
	/*max-width: 985px;*/
	text-align: center;
    display: inline-flex;
    justify-content: center;
    flex-wrap: wrap;
    width: 100%;
    padding-right: 20px;
}