@media (max-width: 1600px) {    .container {        max-width: 1500px;    }}@media (max-width: 1500px) {    .container {        max-width: 1400px;    }}@media (max-width: 1400px) {    .container {        max-width: 1300px;    }    .left-side-heder-btn p {        font-size: 20px;    }    .site-bttn {        font-size: 22px;    }}@media (max-width: 1300px) {    .container {        max-width: 1200px;    }}@media (max-width: 1200px) {    .container {        max-width: 1100px;    }    .left-side-heder-btn p {        font-size: 18px;    }    .site-bttn {        font-size: 20px;    }}@media (min-width: 920px) and (max-width: 1200px) {}@media (max-width: 1000px) {    .left-side-heder-btn {        display: none !important;    }    .mobile-slider-shado {        background: #00000042;        width: 100%;        height: 100%;        position: absolute;        top: 0;        display: block;        right: 0;        z-index: 1;    }    .hero-slide h2, .hero-buttons {        position: relative;        z-index: 2;    }    .main-hero {        position: relative;    }    .side-buttons li {        padding: 10px 8px;        max-width: 64px;    }    .side-buttons img {        max-width: 26px;    }    .side-buttons p {        font-size: 14px;    }    .body-fixed {        position: fixed;        top: 0px;        width: 100%;    }    .hero-slide h2 {        line-height: 48px;        font-size: 44px;    }    .hero-slide {        min-height: 75vh;        padding: 90px 24px !important;    }    .hero-buttons ul li a {        font-size: 18px;    }    .mobile-order-ads {        display: flex;    }    .ads-order2 {        order: 2;    }    .ads-order1 {        order: 1;    }    .ethos-nave-bar ul {        display: block;    }    .ethos-nave-bar ul li {        display: block;        border-bottom: 1px solid #fcb225;    }    .ethos-nave-bar {        display: none;        position: fixed;        top: 135px;        background: #fff;        height: 100vh;        right: 0;        padding: 12px 0px;        border-top: 1px solid #fcb225;    }    /*humburger menu*/    .hamburger {        width: 30px;        height: 3px;        background-color: #000000;        position: relative;        display: block;        margin-top: 25px;    }    .hamburger:before, .hamburger:after {        content: '';        position: absolute;        width: 30px;        height: 3px;        background-color: #333;    }    .hamburger:before {        top: -10px;    }    .hamburger:after {        top: 10px;    }    .open {        transform: rotate(45deg);    }    .open:before {        top: 0;        transform: rotate(90deg);    }    .open:after {        top: 0;        transform: rotate(90deg);    }    .years-show-wrap {        width: 100%;    }    .barnd img {        width: 112px;    }    .menu-mobile-set {        display: flex;        justify-content: space-between;        width: 100%;        padding-top: 7px;    }    .section-first-right {        padding-right: 12px;    }    .section-first-right h2 span {        font-size: 32px;    }    .section-first-right h2 {        font-size: 36px;    }    .section-form-style input[type='submit'] {        font-size: 24px;        font-family: 'Assistant';    }    .lower-boxes-artistic .row .col-md-3 {        margin-bottom: 30px;    }}@media (max-width: 767px) {    .hero-content-wrp {        padding-top: 0rem !important;    }    .hero-content-wrp h2 {        font-size: 30px;        padding-top: 0 !important;        line-height: 34px;        text-shadow: 0 0 5px black, 0 0 10px black, 0 0 15px black;        margin-bottom: 0 !important;    }    .hero-content-wrp h2 span{        font-size: 32px;    }    .swiper-pagination{        position: relative !important;        margin-top: 24px;    }    .swiper-pagination-bullet-active{        background: #fdb225 !important;    }    .swiper-pagination-bullet{        width: 10px !important;        height: 10px !important;    }    /*.galler-oppner, .galler-closer{*/    /*    display: none;*/    /*}*/    /*.tab-gallery-wrap .agller-slide.gallery-expand {*/    /*    flex: 1.5 !important;*/    /*}*/    #projects .slick-dots{        display: block !important;    }    .gallry-images-for-mobile:after {        content: '';        display: block;        width: 30px;        height: 30px;        position: absolute;        top: 10px;        right: 10px;        background: url("../images/expand-mob-jh.svg");        background-size: contain;        background-position: center;        display: none;    }    .main-hero {        margin-bottom: 20px;    }    /*.swiper-wrapper {*/    /*    justify-content: flex-start;*/    /*}*/    .hero-content-wrp h1 {        font-size: 36px;        line-height: 40px;        text-shadow: 0 0 5px black, 0 0 10px black, 0 0 15px black;        margin-bottom: 0 !important;    }    .site-bttn {        font-size: 20px !important;    }    .hero-content-wrp p {        font-size: 24px;        margin-top: 9px;        line-height: 24px;        text-shadow:                0 0 5px black,  /* Horizontal shadow */                0 0 10px black, /* Medium shadow */                0 0 15px black;    }    .ethos-hero-wrap {        min-height: 500px;    }    .hero-content {        padding-top: 0px !important;    }    .left-side-heder-btn {        display: none !important;    }    .footer-colum-left-end, .footer-colum-right-end {        width: 100% !important;    }    .side-buttons {        width: 100%;        bottom: 0;        top: auto;        max-width: 100%;    }    .side-buttons li:first-child {        border-bottom: none;        border-left: 1px solid #fff;    }    .side-buttons ul {        display: flex;        width: 100%;        max-width: 100%;        justify-content: space-around;    }    .side-buttons li {        max-width: 100%;        width: 50%;        padding: 8px 0;    }}@media (max-width: 680px) {    /*.galler-oppner, .galler-closer, .gallry-images-for-desktop {*/    /*    display: none;*/    /*}*/    .galler-image-wrap.gallry-images-for-desktop{        display: block;    }    .gallry-images-for-mobile {        display: none;    }    .swiper-wrapper{        gap: 12px;    }    .mobil-galler-wrap {        display: block;    }    .desktop-galler-wrap {        display: none;    }    .icon-section-one-right .icon-box {        width: 100%;    }    .image-with-bg {        min-height: 265px;        padding: 20px 0 20px 20px;    }    .form-consultation h2 {        font-size: 30px;        line-height: 36px;        margin-bottom: 34px;    }    .form-consultation input {        margin-bottom: 16px;        width: 100%;        margin-left: 0;    }    .ethos-instalinstallation {        padding-top: 0px !important;    }    .section-first-right-upper p {        font-size: 16px;        line-height: 24px;    }    .icon-section-one-right {        margin-bottom: 35px;    }    .section-bottom-space {        margin-bottom: 64px !important;    }    .form-consultation input[type=submit] {        width: 100%;    }    .galleries-tabs {        padding-top: 0 !important;        margin-bottom: 0 !important;    }    .galleries-wrap h2 {        margin-bottom: 0px;        font-size: 42px;        line-height: 1;    }    .inner-galary-start {        margin-top: 20px !important;        padding: 0;    }    .swiper-button-next, .swiper-button-prev{        display: none !important;    }    .reviews-inner-wrap .slick-prev, .slick-next {        top: 33%;    }    .slick-prev, .slick-next{        top: 33.1%;    }    h2 {        font-weight: var(--bold);        font-size: 30px;    }    .num-head {        margin-bottom: 25px !important;    }    body p {        font-size: 18px;    }    .lower-boxes-artistic {        padding-left: 12px !important;        padding-right: 12px !important;    }    .lower-boxes-artistic .row .col-md-3 {        margin-bottom: 35px;    }    .artistic-work {        margin-bottom: 0px !important;        padding-top: 0 !important;        padding-bottom: 30px !important;    }    .your-project-content h2 {        font-size: 30px;        line-height: 1;    }    .artistic-work-heading {        margin-bottom: 30px !important;    }    .your-project-content p {        font-size: 20px;        line-height: 30px;    }    .your-project-content p br {        display: none;    }    .your-project-content a {        font-size: 22px;    }    .our-services-box-wrap h2 {        font-size: 22px;    }    .our-services-box-wrap p {        font-size: 16px;        line-height: 20px;    }    .our-services-box-wrap p br {        display: none;    }    .our-services-box {        margin-bottom: 25px;        flex: 0 0 50%;    }    .our-services-wrap .row {        align-items: baseline;        justify-content: center;    }    .row.advantages-wrap {        justify-content: center;    }    .our-services-box-wrap img {        height: 60px;    }    .artistic-icon {        height: 50px;    }    .services-box-headinfg, .our-services {        margin-bottom: 0px !important;    }    .reviews-start {        flex-direction: column;        gap: 0px !important;    }    /*.reviews-wrap{*/    /*    padding-bottom: 26px;*/    /*}*/    .reviews-inner-wrap h2 {        font-size: 30px;        margin-bottom: 30px !important;        line-height: 1;    }    #projects .slick-dots {        bottom: 21px;    }    #projects .slick-dots li, #projects .slick-dots li button{        width: 10px;        height: 10px;    }    #projects .slick-dots{        position: relative !important;        margin-top: 25px;    }    .swiper-android .swiper-slide, .swiper-ios .swiper-slide, .swiper-wrapper{        width: calc(100% - 13%) !important;    }    .tab-gallery-wrap .slick-track{        margin-right: -107px;    }    .advantages-wrap .col {        width: 50%;        flex: 0 0 50%;        margin-bottom: 30px;    }    .advantages-box {        padding: 18px 7px !important;        min-height: auto;    }    .advantages-box h2 {        font-size: 18px;        line-height: 1;    }    #recommendations .slick-dots{        bottom: 20px !important;    }    .footer-top h2 span {        display: block;    }    .galleries-wrap .nav-tabs {        display: flex;        flex-wrap: wrap;        justify-content: space-between;        padding-right: 0;    }    .galleries-wrap .nav-tabs .nav-item {        width: 32%;    }    .galleries-wrap .nav-tabs .nav-link {        font-size: 14px;        padding: 3px 22px;    }    .about-image-right {        padding-top: 22px;        padding-bottom: 22px;        padding-left: 0px;        padding-right: 16px;        margin-top: 30px;    }    .ethosabout-us {        padding-top: 0 !important;        padding-bottom: 0px !important;        margin-bottom: 6px !important;    }    .about-contact-wrap {        padding: 0px 12px 12px 16px;        padding-top: 0 !important;    }    .about-contact-wrap p {        font-size: 18px;        margin-bottom: 15px;        line-height: 24px;    }    .year-showcase p {        font-size: 20px;    }    .year-showcase p br {        display: none;    }    .review-slider {        padding-right: 0 !important;        padding-left: 0 !important;    }    .reviews-inner-wrap {        max-height: 440px;        padding: 20px !important;        min-height: 420px;        padding-top: 44px !important;    }    .about-contact-wrap h2 {        font-size: 32px;    }    .reviews-wrap .slick-prev, .reviews-wrap .slick-next {        top: 42%;        z-index: 4;    }    .reviews-inner-wrap .slick-prev:before, .reviews-inner-wrap .slick-next:before {        width: 30px;        height: 33px;        background-size: 30px;        background-repeat: no-repeat;    }    .reviews-inner-wrap .slick-next {        left: -7px !important;        right: auto;    }    .reviews-inner-wrap .slick-prev {        right: -17px;    }    .social {        position: absolute;        top: -384px;        left: 4px;    }    .social:before {        z-index: 2;    }    .home-social-left li {        position: relative;        z-index: 4;    }    .social:before, .social:after {        left: 23px;        bottom: 23px;    }    .about-contact-wrap span {        margin-bottom: 25px;    }    .footer-top h2 {        font-size: 30px;        line-height: 1.3;    }    .footer-top p {        font-size: 20px;    }    .ethos-footer-wrap {        background-size: cover;        padding: 45px 0px !important;    }    .form-submit-footr input[type=submit] {        width: 100%;    }    .footer-top {        margin-bottom: 20px !important;    }    .ethos-copyright {        padding-top: 24px;        /*margin-bottom: 90px !important;*/        /*padding-bottom: 40px;*/    }    .line-spacer {        height: 54px;    }    .advanatege-header-ses h2 {        margin-bottom: 30px !important;    }    .inner-advantages {        padding-top: 0 !important;    }    .form-submit-footr {        padding-left: 24px;    }    .social-link-wrap {        margin-bottom: 21px;    }    .footer-colum-right-end {        margin-top: 14px;        border-top: 1px solid #000000;        padding-top: 12px;    }    body #pojo-a11y-toolbar {        top: 135px !important;    }    body.kheja-sticky-wrap #pojo-a11y-toolbar {        top: 77px !important;    }    .galleries-wrap .slick-list {        max-height: 500px;    }    .galler-image-wrap img {        min-height: 380px;        /*height: calc(1.4* 25vw);*/    }    .gallery-expand .galler-image-wrap img {        object-fit: cover;        width: 100% !important; height: 380px !important;    }    .gallery-expand, .gallery-expand .owl-slide-item {        width: 320px !important;max-width: 100%;    }    .artistic-box {        padding-top: 28px !important;    }    .ethos-hero-wrap {        background-position: top center;        background-size: cover;        background-position-x: -470px;        display: flex;        justify-content: center;        align-items: end;    }    .ethos-aboutus-wrap .row {        flex-direction: column-reverse;    }    .advantages {        margin-bottom: 20px !important;    }    .services-box-headinfg h2 {        padding-bottom: 30px !important;    }    .footer-contact-form .form-filed-footr {        margin-bottom: 10px !important;    }    .years-show-wrap {        padding: 0 10px;    }    .footer-mobile-static{        position: fixed;        bottom: 0;        z-index: 8;        width: 100%;        min-height: 22px;        direction: rtl;        display: block;    }    .inner-wrapper-mobile-static a{        flex: 0 0 49%;        text-align: center;        text-decoration: none;        font-size: 18px;        display: flex;        border-radius: 7px;        align-items: center;        gap: 7px;        justify-content: space-around;    }    .copright-end-left-col{        margin-bottom: 35px;    }    .inner-wrapper-mobile-static a img{        width: 30px;    }    .inner-wrapper-mobile-static .static-whatsapp{        background: #1cbe2f;        color: #FFFFFF;        padding: 6px 10px;        font-weight: 400;    }    .inner-wrapper-mobile-static .static-phone{        background: #fcb225;        color: #000000;        padding: 6px 10px;        font-weight: 700;    }    .inner-wrapper-mobile-static{        gap: 5px;        justify-content: space-between;        background: #fff;        padding: 4px 4px;    }}@media (max-width: 400px) {    .artistic-work-heading h2 {        font-size: 30px;        margin-bottom: 12px;    }    .your-projects {        padding: 3rem 1rem !important;        background-size: cover !important;    }    body p {        font-size: 18px;    }    .year-showcase p {        font-size: 18px;        line-height: 26px;    }    .year-showcase p br {        display: none;    }    .your-project-content p br {        display: none;    }    .your-project-content h2 {        font-size: 30px;    }    .your-project-content p {        font-size: 18px;        line-height: 20px;    }    .year-showcase h2 {        font-size: 26px;    }    .years-show-wrap {        padding: 0 10px;    }    .advantages-box h2 {        font-size: 16px;    }}@media (max-width: 390px) {    .site-bttn {        font-size: 17px;    }    .your-projects {        padding: 0 0 5px 0 !important;        margin-bottom: 20px !important;    }    .reviews-wrap {        padding-bottom: 0px;        margin-bottom: 30px !important;    }}@media (max-width: 330px) {    .site-bttn {        font-size: 15px;    }    .your-project-content a {        font-size: 17px;    }}