@media all and (max-width: 1000px) {

    .header-contact .phone {  font-size: 28px;}

    h2 { font-size: 37px;}

    h3 { font-size: 28px;}

}



@media all and (max-width: 991px) {	

    .col-sm-hidden {display: none;}

}

@media all and (max-width: 900px) { 

    #start { background: #ff8f22;}

    #start h3,
    #start .step {   color: #fff;}

    .s_portfolio .filter_div li {   font-size: 20px;}

    [class*="box-"] {   background: none !important;}

    .portfolio_item > img {
        width: 100%;
        height: auto;}


.pop_up {
        margin: 0;
    width: 90%;
  
    left: 5%;
    top: 5%;}


}

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

    .assortiment ul li {  width: 48%;}

    .portfolio_item {width: 48%;}

    .s_portfolio .filter_div li {width: 100%;}

    .box-2 {   min-height: 0;}

    .square { background: none;}

    .modal-content  form input,
    .pop_up input {
           width: 60%;}

    .pop_up {
        padding: 20px;
        height: auto;  }

    .modal-content img,
    .pop_up img {display: none;}

.modal-content form button,
    .modal-content  form input,
    .pop_up input,
    .pop_up button {  height: 62px;}

.modal-content  form input,
    .pop_up input {font-size: 20px;}

.modal-content h2,
    .pop_up h2 { font-size: 30px;}

    .modal-content {  width: 95%;height: auto; padding: 20px;}



}


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

    .social {  margin-top: 20px;}

    .assortiment ul li {  width: 100%; margin-top: 10px;}

    .price .tri-limon {  margin-right: 0;}

    .price p {  margin: 0;}

    h2 {  font-size: 30px;}

    .unikum {  margin-top: 0;}

    .unikum span {
        font-size: 16px;
        margin: 15px 0;}

    h3 {  font-size: 23px;}

    .title-row p {  font-size: 20px;}

    .buy {  margin: 0 15px 0 0;}

    .square p { font-size: 18px;}

    .logo img {width: 100%;}

    .slogan {
        margin-top: 0;
        font-size: 21px;}

    .price span {  font-size: 30px;}
    
    .social li {   margin: 0 10px 0 0;}




.modal-content p,
.pop_up p {  font-size: 16px;}

.modal-content h2, .pop_up h2 {   font-size: 20px;}

.modal-content  form button,
.pop_up button {  width: 38%;     font-size: 16px;}
.pop_up input,
.modal-content form input {
     padding: 4px;}


}