@media (max-width: 1400px){div#header{padding: 35px 120px; width: calc(100% - 240px);}.container{padding: 120px 120px;}.container.our-work, .container.about-us{background-size: cover; background-repeat: no-repeat; background-position-x: -150px;}.container.about-us{background-position-x: left; background-position-y: 80px;}.at-devourcode .bigcard{width: calc(100% - 360px); padding: 0;}.at-devourcode .bigcard .content{padding: 60px 120px;}.at-devourcode .bigcard h3{padding: 0px 120px;}}@media (max-width: 1200px){div#header{padding: 35px 90px; width: calc(100% - 180px);}.container{padding: 120px 90px;}.container.our-work, .container.about-us{background-size: cover; background-repeat: no-repeat; background-position-x: -150px;}.container.about-us{background-position-x: left; background-position-y: 80px;}.box .col-33{padding: 0px 10px; margin: 25px 0;}.at-devourcode .bigcard{width: calc(100% - 180px); padding: 0;}.at-devourcode .bigcard .content{padding: 60px 120px;}.at-devourcode .bigcard h3{padding: 0px 120px;}#footer{padding: 220px 120px 120px 120px;}.language .col-100{display: flex; flex-direction: column;}.language span{transform: rotate(0deg); width: 100%; margin: 0;}}@media (max-width: 992px){div#header{padding: 35px 20px; width: calc(100% - 40px);}.col{width: 100%;}#header .col.col-40{width: 40%; display: flex; align-items: center;}#header .col.col-60{width: 60%;}.container{padding: 60px 20px;}.container.intro{padding: 45px 20px;}.container.services{padding: 45px 60px;}.container.about-us .row, .container.intro .row{flex-direction: column;}.container.our-work .row{flex-direction: column-reverse;}.container.our-work .col, .container.about-us .col, .container.intro .col{padding-bottom: 80px;}.container.our-work, .container.about-us{background-size: cover; background-repeat: no-repeat; background-position-x: -150px; padding-bottom: 0;}html[lan=ar] .container.our-work, .container.about-us{background-size: cover; background-repeat: no-repeat; background-position-x: 100%; padding-bottom: 0; background-position-y: 0;}.container.our-work .button-container ,.container.about-us .button-container ,.container.intro .button-container{display: flex; justify-content: center;}.container.about-us{background-position-x: left; background-position-y: 80px;}.container.about-us{background-image: none; background-color: var(--color3);}.box .col-20{width: 20%;}.box .col-80{width: 80%;}.at-devourcode .bigcard{width: calc(100% - 120px); padding: 0;}.at-devourcode .bigcard .content{padding: 60px 20px;}.at-devourcode .bigcard h3{padding: 0px 60px;}#footer{padding: 220px 90px 120px 90px;}.language{right: 9px;}html[lan="ar"] .language{right: unset; left: 9px;}.row.reversed{flex-direction: column-reverse; margin: 80px 0;}}@media (max-width: 768px){/* .container.intro,.container.our-work,.container.about-us,.container.services{padding-left:45px; padding-right:45px;}*/ .menu a{margin: 0 0px 0px 30px;}.menu span{display: none;}.menu a.menu-button{display: block;}.intro h1{font-size: 49px;}.container.our-work, .container.about-us{background-size: cover; background-repeat: no-repeat; background-position-x: -150px;}html[lan=ar] .container.our-work, .container.about-us{background-image:url(../imgs/bg.svg);background-size: cover;background-repeat: no-repeat;background-position-x: -150px;background-position-y: 0;}.container.about-us{background-position-x: left; background-position-y: 80px;}.row.box{flex-direction: column; margin: 0px 0;}.box .col-33{padding: 0 0px;}.at-devourcode .bigcard{width: 100%; padding: 0; height: 300px; backdrop-filter: blur(67px); top: 20px;}.at-devourcode .bigcard .content{padding: 20px 20px;}.at-devourcode .bigcard h3{padding: 0px 20px;}#footer{padding: 60px 60px; text-align: center; display: flex; flex-direction: column-reverse;}#footer .row{flex-direction: column; margin-top: 39px;}#footer .row.buttons-row{flex-direction: row;}#footer .row.details{flex-direction: column-reverse;}.slide-tags .tag .tag-number{font-size: var(--fontsize4);}.slide-tags .tag{min-width: calc(50% - 50px); padding: 8px;}.slide-tags{justify-content: space-around;}.radio-check{width: 15px; height: 15px; border-width: 3px;}.radios label:after{top: 10px; width: calc(100% - 60px); left: calc(50% + 30px);}#contact-form label{font-size: 11px;}.contact-modal h3{font-size: var(--fontsize5); margin: 20px 10px;}.menu .menu-button{display: inline-block;}}@media (max-width: 500px){.intro h1{font-size: 34px;}}