@media (min-width: 1200px) {
    .breadcrumb-container{margin: 40px auto 10px;}
    .services-main-title{font:700 30px Geologica;color:#44586D;text-align: center;}
    .services-list-wrapper{margin: 40px auto 0;position: relative;z-index: 1;}
    .services-gray-background{width: 63.54%;background: #F8F8F8;position: absolute;z-index: 2;height: calc(100% - 40px);top:0;left: 0;}
    .services-list-container{max-width: 1740px;padding: 70px 20px 0;margin:0 auto;display: flex;flex-wrap: wrap;position: relative;z-index: 3;}
    .services-link{position: relative;}
    .services-box{width: 47%;margin-right: 6%;margin-bottom: 90px;padding-bottom: 6%;position: relative;cursor: pointer;}
    .services-box:nth-child(2n){margin-right: 0;}
    .services-box:hover .title-box{background: #44586D;box-shadow:0 4px 4px 0 rgba(0,0,0,0.25);}
    .services-box:hover .services-image-box {box-shadow:0 4px 4px 0 rgba(0,0,0,0.25);transition: all 0.4s ease;}
    .title-box{width: 70%;background: #1BA3AE;}
    .texts-container{max-width: 220px;padding-top: 62px;padding-bottom: 40px;margin-left: 14%;}
    .order-number{font:700 40px Geologica;color:transparent;-webkit-text-stroke-color: white;-webkit-text-stroke-width: 0.5px;}
    .services-title{font:600 32px Geologica;color:white;text-transform: uppercase;margin-top: 5px;margin-bottom: 20px;}
    .services-image-container{position: absolute;width: 54%;bottom: 0;right: 0;}
    .services-image-box{position: relative;margin-left: auto;overflow: hidden;padding-bottom: 50%;display: block; transition: all 0.4s ease;}
    .services-image-box img{position: absolute;top:0;left: 0;width: 100%;height: 100%;object-fit: cover;}
}
@media (min-width: 765px) and (max-width: 1199px) {
    .breadcrumb-container{margin: 25px auto 10px;}
    .services-main-title{font:700 26px Geologica;color:#44586D;text-align: center;}
    .services-list-wrapper{margin: 23px auto 0;position: relative;z-index: 1;}
    .services-gray-background{width: 81.3%;background: #F8F8F8;position: absolute;z-index: 2;height: calc(100% - 45px);top:0;left: 0;}
    .services-list-container{padding: 70px 40px 0;margin:0 auto;display: flex;flex-wrap: wrap;position: relative;z-index: 3;}
    .services-link{position: relative;}
    .services-box{width: 100%;margin-bottom: 90px;padding-bottom: 6%;position: relative;cursor: pointer;}
    .services-box:hover .title-box{background: #44586D;box-shadow:0 4px 4px 0 rgba(0,0,0,0.25);}
    .services-box:hover .services-image-box {box-shadow:0 4px 4px 0 rgba(0,0,0,0.25);transition: all 0.4s ease;}
    .title-box{width: 70%;background: #1BA3AE;}
    .texts-container{max-width: 220px;padding-top: 52px;padding-bottom: 32px;margin-left: 13%;}
    .order-number{font:700 33px Geologica;color:transparent;-webkit-text-stroke-color: white;-webkit-text-stroke-width: 0.5px;}
    .services-title{font:600 27px Geologica;color:white;text-transform: uppercase;margin-top: 5px;margin-bottom: 20px;}
    .services-image-container{position: absolute;width: 50%;bottom: 0;right: 0;}
    .services-image-box{position: relative;margin-left: auto;overflow: hidden;padding-bottom: 49%;display: block; transition: all 0.4s ease;}
    .services-image-box img{position: absolute;top:0;left: 0;width: 100%;height: 100%;object-fit: cover;}
}
@media (min-width:0px) and (max-width:764px) {
    .breadcrumb-container{margin: 30px auto 10px;}
    .services-main-title{font:700 22px Geologica;color:#44586D;text-align: center;}
    .services-list-wrapper{margin: 24px auto 40px;position: relative;z-index: 1;}
    .services-gray-background{width: 72.2%;background: #F8F8F8;position: absolute;z-index: 2;height: 100%;top:0;left: 0;}
    .services-list-container{padding: 45px 20px 0;margin:0 auto;display: flex;flex-wrap: wrap;position: relative;z-index: 3;}
    .services-link{position: relative;display: flex;flex-direction: column-reverse;}
    .services-box{width: 100%;margin-bottom: 60px;display: flex;flex-direction: column-reverse;}
    .services-link:hover .title-box{background: #44586D;box-shadow:0 4px 4px 0 rgba(0,0,0,0.25);}
    .services-link:hover .title-box:after{background: #44586D;transition: all 0.4s ease;}
    .services-link:hover .services-image-container > .services-image-box {box-shadow:0 4px 4px 0 rgba(0,0,0,0.25);transition: all 0.4s ease;}
    .title-box{width: calc(100% - 20px);background: #1BA3AE;margin: -10px auto 0;position: relative;}
    .title-box:after{content: "";position: absolute;left: 0;top:0;width: 100%;height: 13px;background: #1BA3AE;transition: all 0.4s ease;z-index: 2;}
    .texts-container{text-align: center;margin: 20px auto;max-width: 205px;}
    .order-number{font:700 33px Geologica;color:transparent;-webkit-text-stroke-color: white;-webkit-text-stroke-width: 0.5px;}
    .services-title{font:600 27px Geologica;color:white;text-transform: uppercase;margin-top: 5px;margin-bottom: 20px;}
    .services-image-container{position:relative;width: 100%;}
    .services-image-box{position: relative;overflow:hidden;margin-left: auto;padding-bottom: 43.42%;display: block; transition: all 0.4s ease;}
    .services-image-box img{position: absolute;top:0;left: 0;width: 100%;height: 100%;object-fit: cover;}
}