/* For mobile phones: */
[class*="col-"] {
    width: 100%;
}
@media only screen and (max-width : 1200px) {
	.full-width {width:100%;}
	.section-work-left, .section-work-center, .section-work-right {display:none;}
	.rab1 {display:block;}
	.rab1 img {width:100%; height:auto;}
	.full-width .right-side-catalog {width:800px;}
	.block-catalog {width:18%; margin-right:1%; margin-bottom:5px; padding-bottom:20px;}
	.block-catalog img {height:auto;}
	.block-catalog p {margin-bottom:12px;}
	.block-catalog small {bottom:0; top:auto; height:auto;}
}

@media only screen and (max-width : 1050px) {
	.full-width .right-side-catalog {width:600px;}
}

@media only screen and (min-width: 600px) {
    /* For tablets: */

    .col-m-1 {width: 8.33%;}
    .col-m-2 {width: 16.66%;}
    .col-m-3 {width: 25%;}
    .col-m-4 {width: 33.33%;}
    .col-m-5 {width: 41.66%;}
    .col-m-6 {width: 50%;}
    .col-m-7 {width: 58.33%;}
    .col-m-8 {width: 66.66%;}
    .col-m-9 {width: 75%;}
    .col-m-10 {width: 83.33%;}
    .col-m-11 {width: 91.66%;}
    .col-m-12 {width: 100%;}
}
@media only screen and (min-width: 768px) {
    /* For desktop: */

    .col-1 {width: 8.33%;}
    .col-2 {width: 16.66%;}
    .col-3 {width: 25%;}
    .col-4 {width: 33.33%;}
    .col-5 {width: 41.66%;}
    .col-6 {width: 50%;}
    .col-7 {width: 58.33%;}
    .col-8 {width: 66.66%;}
    .col-9 {width: 75%;}
    .col-10 {width: 83.33%;}
    .col-11 {width: 91.66%;}
    .col-12 {width: 100%;}
}




@media  only screen and  (max-width: 1024px) {
    .wrp-all {
        width: 932px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }
    .phone-head {
        font-size: 20px;
    }
    .descr-head{
        width: 540px;
    }
    .right-side-catalog {
        width: 640px;
    }
	.full-width .right-side-catalog {width:600px;}

    .card-catalog .popup, .card-catalog .popup2, .card-catalog .nopopup {
        max-width: 100%;
    }
    .right-side-catalog.card-agregat {
        width: 100%;
    }

    .tabs-card {
        margin-top: 30px;
    }

    .card-catalog {
        margin-bottom: 26px;
    }
    .tab_content .main-image {
        width: 330px;
    }
	.tab {
        font-size: 12px;
        padding-bottom: 16px;
    }
    .tabs::after {
        bottom: -15px;
    }
    .tab_content .properties {
        width: 360px;
    }
}
@media  only screen and  (max-width: 992px) {
    .wrp-all {
       
    }
    .img-cars-top {
        display: none;
    }
    .phone-head {
        font-size: 16px;
    }
    .phone-head p {
        margin-left: 12px;
    }
    .phone-head p:after {
        right: -6px;
    }
    .phone-head p span {
        font-size: 16px;
    }

    .logo-head {
        margin-top: 15px;
        width: 240px;
    }
    .bottom-phone .callback {
        margin-left: 40px;
    }
    .descr-head{
        width: 430px;
    }

    .item-work {
        margin-right: 20px;
    }

    
    
    

}
@media  only screen and  (max-width: 880px) {
    .wrp-all {
        width: 738px;
        padding-right: 15px;
        padding-left: 15px;
    }
    .logo-head {
        width: auto;
        margin-top: 28px;
    }

    .phone-head {
        width: 400px;
        text-align: center;
        font-size: 22px;
    }
    .phone-head p span {
        font-size: 18px;
        white-space: nowrap;
    }
    .time-work p {
        font-size: 16px;
    }
    .bottom-phone .callback {
        margin-left: 0;
    }
    .top_line {
        position: relative;
        height: auto;
    }
    .descr-head{
        width: 380px;
    }
    .item-work {
        margin: 15px 10px;
    }
    .item-work:after {
        display: none;
    }

    .left-side-catalog {
        width: 100%;
        margin-bottom: 26px;
    }
    .name-cars li,
    .name-cars-card li{
        display: inline-block;
        width: 230px;
    }
    .right-side-catalog {
        display: inline-block;
        margin-right: auto;
        margin-left: auto;

    }
    .tab_content .main-image {
        width: 310px;
        margin-right: 30px;
    }
}
@media  only screen and  (max-width: 768px) {
    .wrp-all {
        width: calc(100% - 30px);
    }
    .logo-head {
        display: block;
        margin-left: auto;
        margin-right: auto;
        float: none;
        text-align: center;
    }
    .phone-head {
        width: auto;
    }
    .uslovija {
        position: relative;
        top: 0;
        margin:  0 auto 10px;
    }
    .wrp-form-descr {
        margin-bottom: 16px;
    }
    .wrp-form-head {
        margin: 0 auto 10px;
        float: unset;
    }
    .wrp-head::before {
        z-index: 1;
    }
    .wrp-head::after {
        bottom: 376px;
        z-index: 1;
    }
    .descr-head {
        position: unset;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        max-width: 100%;
        margin-right: auto;
        margin-left: auto;
    }
    .item-work {
        width: 210px;
    }
    .section-vin {
        max-width: 100%;
        text-align: center;

    }
    .form-vin {
        margin: 25px auto;
        float: unset;
    }
    .main-footer {
        text-align: center;
    }
    .logo-foot,
    .addr {
        margin-right: 0;
    }
    .name-cars li,
    .name-cars-card li{
        width: 170px;
    }
    .name-cars a::after,
    .name-cars-card a::after{
        width: 190px;
        background-size: contain ;
        top: -12px;
    }
    .name-cars-card {
        -webkit-column-count: 2;
    }
    .right-side-catalog {
        width: 100%;
    }
    .tabs {
        text-align: center;
        overflow: hidden;
    }
    .tabs .tab {
        display: inline-block;
        width: 100%;
        max-width: 300px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        border: 1px solid #4C9EF0;
        margin-right: 5px;
        margin-left: 5px;
    }
    .tabs .tab:before,
    .tabs .tab:after{
        display: none;
    }
    .tab_item {
        text-align: center;
    }
    .row-catalog {
        width: 100%;
        display: inline;
        text-align: center;
    }
    .block-catalog,
    .row-catalog .block-catalog:last-child{
        display: inline-block;
        margin-right: 10px;
        margin-left: 10px;
    }

    .tabs.tabs-card {
        margin-right: auto;
        margin-left: auto;
    }

    .tab_content .properties {
        margin-right: auto;
        margin-left: auto;
        float: none;
    }
    .tab_content .main-image {
        display: block;
        float: none;
        width: 100%;
        margin-right: auto;
        margin-left: auto;
    }
    .properties-form .form-callback {
        float: none;
        margin-right: auto;
        margin-left: auto;
        margin-bottom: 20px;
        margin-top: 16px;
    }
	.full-width .right-side-catalog {width:100%;}
	.block-catalog {width:185px;}

}
@media  only screen and  (max-width: 600px) {
    .table_spares {
        display: block;
        overflow-x: auto;
    }

}
@media  only screen and  (max-width: 480px) {
    .wrp-all {
        width: 100%;
        padding-left: 15px;
        padding-right: 15px;
    }
    .phone-head {
        font-size: 21px;
    }
    .top_line {
        margin-bottom: 16px;
    }
    .phone-head-wrp {
        float: none;
        margin-bottom: 0;
    }
    .bottom-phone {
        text-align: center;
    }
    .time-work {
        position: unset;
        text-align: center;
    }
    .phone-head p {
        margin-left: 0;
        display: block;
    }
    .phone-head p:after {
        display: none;
    }
    .phone-head p span {
        margin-left: 0;
    }

    .section-title {
        background-size: 1270px;
        font-size: 28px;
    }
    .section-title span,
    .wrp-section-dignity h3 span,
    .wrp-section-work h3 span
    {
        padding-top: 27px;
    }
    .wrp-section-dignity h3,
    .wrp-section-work h3
    {
        background-size: 720px;
        font-size: 32px;
    }


    .wrp-head h1 {
        font-size: 36px;
    }
    .wrp-head::before {display: none;}
    .wrp-form-head {
        max-width: 100%;
    }
    .form-head input[type="text"],
    .form-head input[type="email"] {
        max-width: 100%;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    .name-cars-card {
        -webkit-column-count: 1;
    }

	.wrp-section-dignity2 h3 {font-size:22px; height:auto; padding:0 0 15px 0;}


	.block-pred {width:100%; margin:25px 0;}
	.pred-list div {width:30%;}
	.pred-list div img {width:100%; height:auto;}
}

@media only screen and (max-width : 320px) {

}