@media screen and (max-width :960px)
{
    .body, .inner {width:auto;}
    .advantItem {width:164px; padding: 0 18px;float:initial; display:inline-block;margin-top: 40px;vertical-align: top;}
    .materialsItem{width:14%;}
    .materials .fullPrice {margin: 30px 30px 30px 60px; float:inherit; display: inline-block}
    .materials, .howWork {height:auto}
    .materials .inner, .howWorkWrap {text-align:center;}
    .howWorkElement {margin: 0 10px 20px 0;float:inherit; display: inline-block}
    footer .logo {display:none} 
    .advantages {backgorund: url(../img/advantages-resp.jpg) x-repeat;  text-align:center; height: auto; background-image:none;background-color:#7e5b83}
    .advantages .inner {text-align:center;}
    .nav-tabs > li {display:inline-block;margin: 15px 9.9px 0px 3px;float: inherit;}
    .nav-tabs {margin-top:0px}
    
    }
 @media screen and (max-width :960px) and (min-width :801px) 
{   
    .questionIcon {display:none}
    } 
@media screen and (max-width :800px)
{
    .order, .materials, .orderGoods, .reviews, .howWork, #question, .map, footer {height: auto; background-image:none;}
    .order {background-color:#000213} 
    .materials {background-color:#c7c7c7}
    .orderGoods {background-color:#8592da}
    footer {background-color:#fb0606}
    .howWork {background-color:#c8cdd3}
    #question{background-color:#000; color: white;}
    .map {background-color:#000213}
    .order .orderForm {position:relative!important; margin-top: 0px; right:5px; padding:0}
    .consultation .pullLeft, .materials .fullPrice, .pullRight, .materialsItem, .orderGoods .orderForm, .howWorkElement, #question .pullLeft {float:inherit; display: inline-block}
    .orderText, .map .inner {display:none} 
    .inner, .orderGoods  {text-align:center;}
    .materials .fullPrice {margin: 30px 30px 30px 60px}
    .consultation, .orderGoods .inner {display:inline-block;}
    .orderDesc {width:82%; padding: 0px 0 30px 0px;}
    .nav-tabs > li {margin: 15px 9.9px 0 0;}
    .questionIcon {margin: 45px 0 0 0;}
    .otherQuestions {margin:0;}
    #question .orderForm {margin:20px 0;}
    .materialsItem {width:150px}
    header {height:300px}
    .advantages {padding-bottom: 25px;}
    .howWorkText{width: 76%;}
    .howWorkText::before {margin:0}
    footer .pullRight {float:inherit}
    footer .pullLeft {display:none}
    }
    
    
@media screen and (max-width :550px) {    
    .materials .fullPrice {width:80%;font-size: 15px; margin:30px}
    .pullRight {float:inherit}
    .pullLeft {display:none}
    .logo {float:inherit}
    .body, .inner {text-align:center;}
    .advantItem {width:auto;}
    .howWorkText {padding:0 10px; width:76%}

}
 @media screen and (max-width :450px) {
    header .consultation .phone {font-size:15px;height: 30px;padding: 0;word-wrap: normal;white-space: pre;}
    header .consultation .phone span{display:none}
    .pullRight {float:inherit}
    .pullLeft {display:none}
    
}
 @media screen and (max-width :350px) {
    .materials .fullPrice {font-size: 13px;}
    
}