@media only screen and (orientation:landscape) {
body { -webkit-text-size-adjust:none; }
}
@media only screen and (orientation:portrait) {
body { -webkit-text-size-adjust:none; }
}

@media screen and (max-width: 1550px){
    .the-process-section .right-block .box{ min-height: unset;}
}

@media screen and (max-width: 1199px){
	.why-work-with-ralph .left-block .main-img-wrapper{ height: unset;}
    .why-work-with-ralph .left-block .main-img-wrapper [class^="img-wrapper-"]{ position: initial;}
    .why-work-with-ralph .left-block .main-img-wrapper [class^="img-wrapper-"] + [class^="img-wrapper-"]{ margin-top: clamp(15px, 1.563vw, 30px);}
    .banner-section .design-element-3{ bottom: 1%;}
}
@media screen and (max-width: 991px){
    .ralph-is-back-section .main-block{ padding-inline: 0;}
    .why-work-with-ralph .left-block .main-img-wrapper{ display: flex; justify-content: space-between; gap: clamp(15px, 1.563vw, 30px);}
    .why-work-with-ralph .left-block .main-img-wrapper [class^="img-wrapper-"]{ width: 50%; height: 100%;}
    .why-work-with-ralph .left-block .main-img-wrapper [class^="img-wrapper-"] + [class^="img-wrapper-"]{ margin-top: 0;}
    .customer-rating-section .row{--bs-gutter-y:clamp(15px, 1.563vw, 30px);}
    .customer-rating-section .design-element-1{ top: 5%;}
    .customer-rating-section .design-element-2{ bottom: 3%;}
    .faq-section .bottom-block .img-wrapper{ height: unset; aspect-ratio: 1 / 1.3;}
    .ralph-is-back-section .design-emelemt-1{ left: 1%; bottom: 1%;}
    .ralph-is-back-section .design-emelemt-2{ right: 2%; top: 2%;}
}



/*NEW GRID SYSTEM*/
@media screen and (max-width:767px){
    .banner-section .top-block{ flex-direction: column; align-items: center; gap: clamp(11px, 0.781vw, 15px); padding-right:clamp(10px, 0.521vw, 10px);}
    .clients-reviews-section .design-element-2{ top: 3.55%;}
    .clients-reviews-section .design-element-1{ top: 1.76%;}
    footer .box-wrapper{ display: flex; justify-content: space-between;}
    footer .box + .box{ margin-top: 0;}
    .banner-section .main-block .left-block .design-element-1{ bottom: unset; top: 0; right: 1%;}
    .banner-section .design-element-2{ bottom: -7%;}
    .banner-section .main-block .btn-block .button-1{ display: initial;}
    .banner-section .main-block .left-block .top-button-block .top-button{ display:none; }
}

@media screen and (max-width:575px){
    .clients-reviews-section .design-element-1,
    .clients-reviews-section .design-element-2{ top: 1%;}
    .banner-section .design-element-2{ left: 1%; bottom: -3%;}
    .ralph-is-back-section .design-emelemt-2{ top: 0;}
    
    

}

@media screen and (max-width:500px){
    .why-work-with-ralph .left-block .main-img-wrapper{ flex-direction: column;}
    .why-work-with-ralph .left-block .main-img-wrapper [class^="img-wrapper-"]{ width: 100%; height: 100%;}
    .why-work-with-ralph .left-block .main-img-wrapper [class^="img-wrapper-"]{ max-width: unset;}
    .why-work-with-ralph .right-block .box .head{ flex-direction: column; text-align: center;}
    .clients-reviews-section .video-container .video-wrapper{ height: 170px;}
    footer .box-wrapper{display: initial;}
    footer .box + .box{ margin-top: clamp(29px, 3.385vw, 65px);}
    footer .box{ display: flex; flex-direction: column; align-items: center;}
    footer .btn-block{ display: flex; justify-content: center;}
    footer{ text-align: center;}
    .banner-section .main-block .left-block .advisor-wrapper{ max-width: 220px;}
    .customer-rating-section .design-element-1{ top: -3%;}
    
}

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

}

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

}