@media (min-width: 768px) {


}
@media (max-width: 768px) {
body {
text-align:center;
}
.box-txt-problems, .box-txt-problems2 {
width:100%;
}
  .navbar-default {
    position: fixed;
    top:0;
    right:0;
    left:0;
    z-index:1030;

  }
  .top-address {
    margin-top:50px;
    margin-bottom: 20px;
  }
  .top-address .text-right, .top-address .text-left{
    text-align: center;
  }
  .top-address .tel{
   margin:0;
  }
.top-address .email {
  padding:0;
}
 .navbar-default .navbar-brand {
    height: 66px;
  }
  .navbar-default .navbar-nav>li>a {
    line-height: 36px;
  }
  .navbar-default .text-right {
    text-align: left;
  }


  #head {
    background: url('../img/bg-head2.jpg') no-repeat center top;
    -moz-background-size: 100%; /* Firefox 3.6+ */
    -webkit-background-size: 100%; /* Safari 3.1+ и Chrome 4.0+ */
    -o-background-size: 100%; /* Opera 9.6+ */
    background-size: 100%; /* Современные браузеры */
    padding:120px 0 60px 0px;
  }
  

  #home {
    background: url('../img/slide1.jpg') no-repeat center top;
    -moz-background-size: 100%; /* Firefox 3.6+ */
    -webkit-background-size: 100%; /* Safari 3.1+ и Chrome 4.0+ */
    -o-background-size: 100%; /* Opera 9.6+ */
    background-size: 100%; /* Современные браузеры */

    padding:220px 0 0 0;
    margin: 66px 0 0 0;
  }
  #home h1 {
    font-size: 22px;
  }
  #home .tagline {
    margin-top: 0px;
  }
  #home .text-right {
    text-align: center;
  }
  #home .tagline h2 {
    color:#b264d0;
    font-size:18px;
  }
  #what .text-right {
  text-align:left !important;
  }
  .nav-tabs>li>a, .nav-tabs>li.active>a{
    padding:6px;
    font-size: 16px;
  }
  .nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover, .nav-tabs>li>a:hover {
    font-weight: 500;
    font-size: 16px;
  }
  
  .box-img-problems,  .box-img-problems2 {
	  float:none;
	  margin:0;
  }
  #footer {
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
   }
  .why-icon h5 {
      font-size:20px;
  }
  #t03, #t04 {
      width:300px;
  }

  #why {
      padding: 60px 0 0px 0;
  }
  #how-it-works .slider-nav .slick-slide img  {
	width:100%;
	height:60px;

}
#how-it-works .slider-for .slick-slide {
margin:0 auto;
text-align:center;
	width:100%;
	height:100%;
	overflow:hidden;
}
#how-it-works .slider-for .slick-slide img {
	width:100%;
	height:256px;
}

.box-icon1 {
float:none;
text-align:center;
margin:0 auto;
}
.box-icon2 {
float:none;
text-align:center;
margin:0 auto;
width:100%;
}
.why-icon {
text-align:center;
margin:0 auto;
width:100%;
}
.why-icon img{
   display: block;
    float: none;
text-align:center;
margin:0 auto;
}
#t01, #t02, #t03, #t04, #t05, #t06, #t07{
width:100%;
}
#problems {
    padding:60px 0 0px 0;

}

@media (min-width: 769px) and (max-width: 991px) {
  .nav>li>a {
    padding: 0px 2px 0px 2px;
  }
  .navbar-default .navbar-nav>li>a {
    font-size: 11px;
  }
  .nav-tabs>li>a, .nav-tabs>li.active>a{
    padding:6px;
    font-size: 16px;
  }
  .nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover, .nav-tabs>li>a:hover {
    font-weight: 500;
    font-size: 16px;
  }
  #head {
    padding:60px 0 120px 0px;
  }
  #head h1 {
    font-size: 36px;
  }

    .box-img-problems,  .box-img-problems2 {
	  float:none;
	  margin:0;
  }
       .box-txt-problems, .box-txt-problems2{
	width:100%;
}

}
@media (min-width: 992px) and (max-width: 1199px) {
  .navbar-default .navbar-nav>li>a {
    font-size: 14px;
  }
  #head {
    padding:60px 0 120px 0px;
  }
  #head h1 {
    font-size: 36px;
  }
     .box-txt-problems, .box-txt-problems2{
	width:70%;
}
}


@media (max-width: 991px) {

  #t01,#t02,#t03,#t04,#t05,#t06,#t07 {
    position:relative;
    display:inline-block;
    left:auto;
    top:auto;
    right:auto;
    margin:0 20px 20px 0;


  }
  #t01 ul,#t02 ul,#t03 ul,#t04 ul,#t05 ul,#t06 ul,#t07 ul  {

    margin: 0 auto;
    text-align: center;
  }
}