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

@media (max-width: 1400px) {
    .main-section .big-title {font-size: 160px;}
    .images-wrap {width: 486px;}
    .about-section {font-size: 50px;}

    .our-work-section .works-list .project-name {font-size: 20px;}
    .our-work-section .works-list .number {font-size: 25px;}
    .our-work-section .works-list svg {width: 20px; height: 19px;}
   
}

@media (max-width: 1200px) {
    .main-section .big-title {font-size: 120px;}
    .main-section .big-title {margin-top: -205px}
    .about-section {font-size: 40px;}
    .section-mode .fs-23, .gastroorder-section .fs-23, .google-business-section .fs-23, .about-2-section .fs-23 {font-size: 20px;}
    .animtion-text {font-size: 26rem;}
    .big-text {font-size: 180px;}

}

@media (max-width: 992px) {      
    .images-wrap {width: 100%;}
    .main-section .big-title {font-size: 92px;}
    .main-section .big-title {margin-top: -277px;}
    .big-text {font-size: 130px;}
    nav.nav-list ul li a {font-size: 32px; margin-left: 50px;}
    #text4 {font-size: 20px;}
    .section-mode .fs-23, .gastroorder-section .fs-23, .google-business-section .fs-23, .about-2-section .fs-23 {font-size: 18px;}
    .app-section, .choose-design-section, .payment-device-section{height: auto;}
    .how-we-work-section{height: auto !important;}
    .how-we-work-section .how-work-box {position: relative !important;}
    .app-section .app-image, .payment-device-section .payment-device-image {position: static !important; transform: translateY(0);}
    .app-section .app-image {width: 80% !important;}
    .payment-device-image {width: 70%;}

    .our-work-section .works-list .project-name {font-size: 18px;}
    .our-work-section .works-list li {min-width: 270px; margin-bottom: 5 !important;}
    .our-work-section .works-list {margin-bottom: 30px;}
    .our-work-section .google-iframe-wrap {aspect-ratio: 1.5 / 1;}
    .our-work-section .control-btns {left: 0;top: -39px;}
    #down_btn {transform: rotate(-90deg);}
    #top_btn {transform: rotate(-90deg); margin-right: 20px;}
    .about-page .about-box p  {font-size: 18px;}
}

@media (max-width: 768px) {
    .pad-x {padding-left: 11.111vw;padding-right: 11.111vw;}
    .h-100vh {height: auto;}
    .our-work-section.h-100vh{height: 100vh;}
    .main-section .big-title {margin-top: 0; font-size: 75px;}
    .about-section {font-size: 36px;}
    .big-text {font-size: 100px;}
    nav.nav-list ul li a {font-size: 20px; margin-left: 30px;}
    .main-section .images-wrap {min-height: 0; aspect-ratio: 1.5 / 1;}
    .about-gasroorder .h1, .about-google-section .about-page-text {font-size: 24px;}
    .about-gasroorder .sm-title {font-size: 20px;}
    .about-gasroorder .details-text, .section-text {font-size: 18px;}
    .app-section .section-title, .app-section .section-title, .payment-device-section .section-title, .about-google-section .section-title, .outstanding-section .section-title {font-size: 30px;}
    .about-google-section .section-title + p {font-size: 20px;}
    .big-text {text-align: center;}
    .webdesign-page .about-page-text {font-size: 32px;}
    .features-section .section-title {font-size: 40px;}
    
    #panels #panels-container, #panels #panels-container .panel {height: auto; display: block;}

    .footer .footer-title {font-size: 45px;}
     
}

@media (max-width: 576px) {
    .about-section {font-size: 23px;}
    .big-text {font-size: 60px;}
    nav.nav-list ul li a {font-size: 18px; margin-left: 20px;}
    .main-section .big-title {font-size: 50px;}
    .app-section .app-image {width: 100% !important;}
    .payment-device-image {width: 90%;}
    .our-work-section .control-btns {left: 10px;top: -30px;}
    .control-btns button svg {width: 25px; height: 25px;}
    .webdesign-page .about-page-text {font-size: 24px; line-height: 30px;}
    .features-section .section-title {font-size: 28px;}
}

@media (min-width: 1401px) {
    
    
}