@media (max-width: 1199.5px){
  .mail a {
    display: none;
  }
  .phone-footer{
    margin-left: 0;
  }
  .phone-footer a{
    margin-left: 15px;
  }
  #form-order .action-order{
    margin: 15px 0;
    width: 100%;
  }
  #form-order input[type=text]{
    margin: 15px 0;
    display: block;
    width: 100%;
  }
  #form-order-container{
    padding: 0;
  }
}
@media (max-width: 991.5px){
  .mail a {
    margin-top: 21px;
  }
  .rectangle__question-title{
    text-align: center;
  }
  .rectangle__question-title a{
    margin: 15px !important;
  }
  .order .price-one{
  margin-top: 35px;
  }
  .phone a{
    margin: 5px 15px 0px 0px;
  }
  .phone{
    margin: 1rem auto;
  }
  .mail a{
    display: block;
  }
  #advantages{
    text-align: -webkit-center;
    justify-content: unset;
  }
  .advantages-mod{
    text-align: unset;
  }
  .logo small{
    display: none;
  }
  .rectangle__question-title a {
    display: block;
    border: none;
    margin: 0;
  }
  .rectangle__question-title a:hover {
    border: none;
  }
  
  .phone-footer{
    margin: 0;
  }
  .phone-footer a:first-child{
    margin: 0;
  }
}

@media (max-width: 767.5px){
  .mail a{
    display: none;
  }
  .wrapper-info-blo{
    background: black;
  }
  .mail a{
    margin-top: 5px;
  }
  #advantages{
    margin: 15px;
  }
  .rectangle-order{
    padding: 15px;
  }
  .rectangle-order .action-order{
    margin-bottom: 85px;
  }
  nav.navbar.navbar-expand-md.navbar-light{
    margin-top: 0;
  }
  .wrapper__tradeblock{
    margin-top: 96px;
  }
  .rectangle__question-title p{
    margin-left: 0;
  }
  .rectangle__question ul{
    padding: 0;
  }
  .phone-footer a:first-child{
    margin-left: 15px;
  }
#menu-row{
  display: block;
}
.rectangle-order .action-order-one{
  margin-top: 20px;
}
.phone{
  display: block;
}
.wrapper-home{
  background: black;
}
.navbar-toggler-icon{
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(51, 51, 51, .7)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E") !important;
}
.container{
  position: relative;
}
nav {
  width: 100%;
  background: transparent;
  position: fixed !important;
	top: 71px;
	max-width: 530px;
	z-index: 2;
}
#navbarSupportedContent{
  background: rgb(255, 255, 255);
}
nav ul li {
  color: #333;
  margin: 15px 0;
  padding: 5px 15px;
}
nav ul li:last-child {
  margin-bottom: 0;
}
nav ul li:hover{
  background-color: #333;
  color: #fff;
}
nav ul{
  display: block !important;
  padding: 0;
  margin: 0;
}
.menu ul a{
  margin-left: 0;
}
.phone a{
  z-index: 5;
}
.navbar-toggler{
  margin-left: auto;
}
.wrapper-home{
  margin-top: -15px;
}
}

@media (max-width: 575.5px){
  .wrapper-home{
    margin-top: 0;
  }
  .header{
    height: auto;
  }
  .mail a {
    display: none;
  }
  .rectangle-order .action-order{
    margin-top: 0;
  }
  .order .price-one{
    margin-top: 15px;
  }
  #form-order input[type=checkbox]{
    margin-top: 0;
    vertical-align: middle;
  }
  #form-order label{
    vertical-align: middle;
  }
  #contacts{
    padding: 15px;
  }
  .rectangle__question{
    padding: 15px;
  }
  .phone-footer a{
    font-size: 18px;
  }
  .wrapper-info-blo h2{
    margin-left: 0;
  }
  .wrapper-info-blo p{
    margin-left: 0;
  }
  .wrapper-info-blo ul{
    padding-left: 15px;
  }
  .wrapper-info-blo .container{
    padding: 45px 15px;
  }
  #footer-row small{
    margin: 18px 40px 18px 15px;
  }
  .wrapper__tradeblock{
    margin-top: 65px;
  }
  .col-md-6 p b{
    margin-left: 0;
  }
  #form-order-container{
    padding-left: 15px;
  }
  .header{
    padding-bottom: 0;
  }

  #form-order input[type=text]{
    width: 95%;
  }
  #form-order .action-order{
    width: 95%;
  }
  .wrapper-info-blo{
    height: auto;
    margin-top: -10px;
    margin-bottom: -10px;
  }
  #footer-row .time{
    margin: 15px;
  }
  .logo small{
    display: none;
  }
  .navbar-toggler{
    margin-left: 0;
  }
  nav{
    top: 63px;
    padding: 0 !important; 
    max-width: 575.5px;
  }
  .logo{
    margin-left: 15px;
  }
}
@media (max-width: 468.5px){
  .phone{
    display: none;
  }
  .phone-footer a:first-child{
    margin-left: 15px;
  }
  .phone-footer{
    margin: 15px 0;
  }
  #footer-row small{
    margin: 0 0 0 15px;
  }
}

@media (max-width: 380.5px){
 button.action-order{
   padding: 15px 15px;
   font-size: 0.8em;
 }
 #contacts h2{
  font-size: 1.5rem;
 }
 #form-order label{
  width: calc(80%);
}
}
@media (max-width: 328.5px){
  .trade__header h1{
    font-size: 1.2em;
    text-align: center;
  }
  h1,h2,b,small{
    text-align: left;
  }
  .trade__header p{
    font-size: 1.2em;
  }
  #contacts{
    padding: 15px;
  }
}
@media (max-width: 287.5px){
  button.action-order{
    padding: 5px 5px;
    font-size: 0.8em;
  }
  .phone-footer{
    display: block;
  }
  .phone-footer a{
    margin: 0 0 0 15px;
  }
}
@media (max-width: 267.5px){
  .yr{
    margin-left: 0;
  }
  .advantages__header{
    padding-top: 50px;
    margin-top: 63px;
  }
}

@media (max-width: 250.5px){
  #form-order input[type=checkbox]{
    height: 20px;
    width: 20px;
  }
  .rectangle__question{
    padding: 15px;
  }
  .rectangle__question-title p{
    margin: 0;
  }
  .yr{
    margin-left: 0;
  }
  h2{
    font-size: 1.2em;
  }
  button.action-order{
    font-size: 0.6em;
  }
  .rectangle__question-block ul{
    padding: 0;
  }
  .rectangle__question-block p b{
    margin: 0;
  }
  .wrapper-info-blo h2{
    margin: 0;
  }
  .wrapper-info-blo p{
    margin: 0;
  }
  .wrapper-info-blo ul{
    padding: 0;
  }
  .wrapper-info-blo .container{
    padding: 100px 15px;
  }
  .wrapper-info-blo{
    height: auto;
    margin-top: -10px;
    margin-bottom: -10px;
  }
  #contacts{
    padding: 15px;
  }
  #form-order-container{
    padding: 0 15px;
  }
  #form-order{
    padding: 0 15px;
  }
  #form-order input[type=text]{
    width: 100%;
    margin: 15px 0;
  }
  #form-order .action-order{
    font-size: 0.8em;
    padding: 5px 5px;
    width: 100%;
  }
  #form-order label{
    font-size: .5em;
  }
}

@media (max-width: 214.5px){
  nav{
    top: 64px;
  }
}