/*==========  Desktop First Method  ==========*/

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {
    .btn-header-menu {
        display: none;
    }
    .section-container {
        margin: 0 15px;
    }
    .review .owl-prev, .review .owl-next {
        position: absolute;
        top: calc(40% - 15px);
    }
    .garant__block {
        justify-content: center;
    }

}
/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
    .popup__content-project {
        max-width: 95% !important;
    }
    .advantage__bg {
        flex-wrap: wrap;
        width: 60%;
        padding-bottom: 15px;
        margin: 0 auto;
    }
    .advantage__item {
        margin-bottom: 15px;
        width: 100%;
        max-width: 100%;
    }
    .portfolio__img {
        width: 32%;
    }
    .contact-form {
        margin: 0 15px;
    }
    
    .form-group {
        margin-bottom: 30px;
        margin-right: 0;
    }
    .header__advantage{
        flex-wrap: wrap;
    }
    h2{font-size: 25px;}
    .header__advantage-item {margin-bottom: 20px;}
    .garant h2 {text-align: center;}
    .garant__description {margin: 20px auto;}
    .garant__block {
        justify-content: center;
        align-items: stretch;
    }
    .garant__zakaz {

    }
    h3{text-align: center;}
    .catalog h2 {text-align: center;}
    .catalog__h2-description{margin: 20px auto;}
}

/* Small Devices, Tablets */
@media only screen and (max-width : 900px) {
    .offer {
        margin: 40px 0 40px;
    }
    .menu {
        display: none;
    }
    .nav-gamburger {
        display: block;
    }
    .contact__content {
        flex-direction: column;
    }
}
@media only screen and (max-width : 768px) {
    header {
        background-position: top left;
    }
    section {
        margin: 30px 0px !important;
    }
    .offer {
        margin: 20px 0 40px;
    }

    .advantage__bg {
        width: 80%;
   }
   .portfolio__img {
        width: 48%;
    } 
    .project-tabs {
        margin: 30px 20px;
    }
    .question__block-item {
        width: 100%;
    }
    .question__block-item-review {
        max-width: 90%;
    }
    /*--company--*/
    .company__content {
        flex-direction: column;
    }
    .company__content-image {
        margin-top: 20px;
    }

    .contact__card{
        flex-direction: row;
        justify-content: center;
        width: 100%;
        flex-wrap: wrap;
    }
    .contact__card-item:nth-child(1){
        width: 100%;
        justify-content: center;
    }
    .contact h2{
        text-align: center !important;
    }
    .contact__card-item{
        width: 300px;
        margin-right: 20px;
    }
    .garant__block-item-border {
        padding: 10px 15px;
    }
}
@media only screen and (max-width : 644px) {
    .section-container {
        padding: 0px 5px;
    }
    .garant__block-item {
        max-width: 300px;
    }
    .contact-form form {
        flex-direction: column;
        justify-content: center;
        gap: 0;
        padding: 30px;
    }
    .contact-form input {
        width: 100%;
    }
    .contact-form input {
        text-align: center;
        padding: 0px;
    }
} 
@media only screen and (max-width : 560px) {

    
    .offer{
        text-align: center;
        align-items: center;
    }
    .header__advantage{
        flex-wrap: wrap;
        justify-content: center;
    }
    .offer__description {
        align-items: center;
    }
    .advantage__bg {
        width: 100%;
    }
    .garant__block-item, .garant__zakaz {
        margin-right: 0;
    }
    h1 {
        font-size: 35;
    }
}

/* Extra Small Devices, Phones */
@media only screen and (max-width : 480px) {    
    h1 {font-size: 32px}
    .section-container {margin: 0px 10px}
    .question {padding: 40px 0;}
    .offer__title {
        width: 100%;
    }
    .portfolio__img {
        width: 300px;
        margin: 0 auto;
    }
    .technology__img img{
        width: 300px;
    }
    #anchor-1{ top: 31px;left: 106px;}
    #anchor-1text {top: 51px;left: 20px;}
    #anchor-2 {top: 105px;left: 221px;}
    #anchor-2text {top: 130px;left: 20px;}
    #anchor-3 {top: 81px;left: 75px;}
    #anchor-3text {top: 106px;left: 20px;}
    #anchor-4 {top: 94px;left: 45px;}
    #anchor-4text {top: 119px;left: 20px;}
    #anchor-5 {top: 19px;left: 146px;}
    #anchor-5text {top: 44px;left: 20px;}
    #anchor-6 {top: 122px;left: 25px;}
    #anchor-6text {top: 147px;left: 20px;}
    #anchor-7 {top: 161px;left: 83px;}
    #anchor-7text {top: 186px;left: 20px;}
    #anchor-8 {top: 35px;left: 27px;}
    #anchor-8text {top: 55px;left: 20px;}
    #anchor-9 {top: 174px;left: 218px;}
    #anchor-9text {top: 199px;left: 20px;}
    
}
@media only screen and (max-width : 370px) {
    .contact-form form {
        padding: 10px;
    }
}
/* Custom, iPhone Retina */
@media only screen and (max-width : 360px) {
    .portfolio__img {
        width: 100%;
    }
    .form-group input {width: 200px;}
    .btn-contact {width: 200px;}
}
/*  240px*/
@media only screen and (max-width : 320px) {
    
}
/*==========  Mobile First Method  ==========*/
@media only screen and (min-width : 240px) {

}
/* Custom, iPhone Retina */
@media only screen and (min-width : 320px) {
    
}

/* Extra Small Devices, Phones */

@media only screen and (min-width : 480px) {

}
@media only screen and (min-width : 559px) {

}
/* Small Devices, Tablets */
@media only screen and (min-width : 851px) {


}
@media only screen and (min-width : 769px) {


}
/* Medium Devices, Desktops */
@media only screen and (min-width : 993px) {

}


 /* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {
    
}
@media only screen and (min-width : 1350px) {

}
@media only screen and (min-width : 1500px) {

}