@media all and (max-width: 1198px) and (min-width: 0px){
    #header #feedbackButtons {
        margin-bottom: 20px;
    }
}
@media all and (max-width: 1199px) and (min-width: 0px){
    #header #feedbackButtons .callback{margin-left: 0;margin-bottom: 10px;}
    .menu-fixed{margin-top: -173px;}
    .whyUs .reason .desc{padding: 0 10px;}
    .feature_el .desc{margin-left: 0;}
    .actionBlock .actionContent{}
    .actionBlock .actionContent *{text-align: center;display: block;}
    .actionBlock .duration,.actionBlock .actionContent .description{margin-bottom: 40px;}
    .actionBlock form{margin-top: 40px;margin-bottom: 60px;}
    .actionBlock .duration{display: block;margin: 0 auto;width: 460px;}
    .actionBlock form h2{text-align: center;}
    .portfolio li:nth-child(6n){margin-right: 32px;}
}
@media all and (max-width: 1105px) and (min-width: 0px){
    .menu-fixed,.affix,.affix-top{
        display: none !important;
    }
}
@media all and (max-width: 991px) and (min-width: 0px){
    #header #logo {
        text-align: center;
        margin-bottom: 25px;
    }
    #feedbackButtons,#phone,#slogan,.menu .sendRequest{text-align: center;padding-top: 20px !important;}
    .menu .sendRequest a{float: none;display: block;margin: 25px auto 15px auto;}
    .menu .sendRequest{padding-top: 0 !important;}
    #header #phone p{margin-left: 0;}
    #header #slogan{padding-left: 15px;}
    #feedbackButtons .holder{width: 300px;margin: 0 auto;}
    #footer .form{padding-top: 25px;}
    .whyUs .reason{padding-bottom: 20px;}
    .whyUs .reason .img{padding-bottom: 20px;}
    .clientsResponses .responseBlock{padding-bottom: 30px;}
    .questions ul li .title{font:20px/1 'akrobatbold';}
    .orderBlock form h2,.greyTitle{font-size:50px;}
    .clientsResponses .main{padding-bottom: 0;}
    .feature_el .desc{text-align: center;}
    .feature_el .img{text-align: center;width: 100%;}
    .feature_el .img span{margin: 0 auto;}
    .actionBlock .actionContent .title{font-size:72px;}
    .actionBlock .actionContent .description{font-size:35px;}
    .portfolio .portfolio-container{width: 767px;}
    .portfolio li:nth-child(4n){margin-right: 0px;}
}
@media all and (max-width: 767px) and (min-width: 0px){
    .step .img{width: 254px;margin: 0 auto;}
    .step h4,.step p{text-align: center;}
    .clientsResponses .responseBlock{padding-bottom: 30px;}
    .clientsResponses .responseBlock .img{padding-bottom: 20px;}
    .clientsResponses .responseBlock .img span{margin: 0 auto;}
    .clientsResponses .responseBlock .desc{text-align: center;}
    .orderBlock form h2,.greyTitle{font-size:50px;}
    .actionBlock .actionContent .title{font-size:56px;}
    .actionBlock .actionContent .description{font-size:25px;}
    .portfolio .portfolio-container{width: 580px;}
    .portfolio li:nth-child(4n){margin-right: 32px;}
    .portfolio li:nth-child(3n){margin-right: 0;}
    .catalog .product .product-wrapper{margin: 0 auto;display:block;width: 100%;}
    .popup.productForm {
        width: 95%;
        padding-bottom: 30px;
        max-height: 95%;
        overflow-y: auto;
    }
    .popup.productForm h3 {
        text-transform: uppercase;
        font: 32px/1 'akrobatbold';
        padding-bottom: 18px;
        padding-right: 0;
        text-align: center;
        padding-top: 30px;
    }
    .popup.productForm .left-img {
        width: 100%;
        float: left;
        margin-right: 0;
    }
    .popup.productForm .left-img .litle {
        text-align: center;
    }
    .popup.productForm .left-img .litle a{
        display: inline-block;
        float: none;
    }
    .popup.productForm .about {
        padding-top: 20px;
        width: 100%;
        text-align: center;
        display: flex;
        flex-direction: column;
    }
    .price_wrapper {
        display: flex;
        justify-content: center;
    }
}
@media all and (max-width: 610px) and (min-width: 0px){
    .greyTitle {line-height: 1.24;}
}
@media all and (max-width: 600px) and (min-width: 0px){
    .questions ul li .title{font:14px/1 'akrobatbold';}
    .portfolio .portfolio-container{width: 390px;}
    .portfolio li:nth-child(3n){margin-right: 32px;}
    .portfolio li:nth-child(2n){margin-right: 0;}
}
@media all and (max-width: 525px) and (min-width: 0px){
    #videoGame .button_wrapper iframe{
        height: auto !important;
    }
}
@media all and (max-width: 500px) and (min-width: 0px){
    .actionBlock .duration{width: 100%;}
    .actionBlock .duration .timeLeft{margin-right: 15px;}
    .actionBlock .duration .timer{padding-top: 10px;}
    .actionBlock .duration .timer li{height: 60px;width: 60px;margin-right: 10px;}
    .actionBlock .duration .timer li span{font-size:30px;top:10px;}
    .actionBlock .duration .timer li b{}
}

@media all and (max-width: 480px) and (min-width: 0px){
    .orderBlock form h2,.greyTitle{font-size:30px;padding-bottom: 15px;line-height: 1.24;}
}
@media all and (max-width: 425px) and (min-width: 0px){
    .actionBlock form h2{font-size: 35px;}
    .portfolio .portfolio-container{width: 100%;}
    .portfolio .portfolio-container ul li{width: 100%;}
    .portfolio a{margin:0 auto 20px;text-align: center;width: 160px;height: 160px;border-radius: 10px;overflow: hidden;float: none;}
    .popup.productForm .left-img .big img {
        max-width: 100%;
    }
    .popup.productForm .left-img .big {
        height: auto;
    }
    .greyButton, .greyButton:focus {
        font-size: 18px;
        padding: 14px 56px;
    }
}
@media all and (max-width: 345px) and (min-width: 0px){
   .actionBlock .duration .timeLeft{font-size: 20px;width: 70px;margin-right: 10px;} 
}
@media all and (max-width: 375px) and (min-width: 0px){
    .popup.productForm .about .chars h4 {
        font: 32px/1 'akrobatregular';
    }
}
@media all and (max-width: 320px) and (min-width: 0px){
    
}