@media (max-width:1200px) {
    .image-wrapper {
        width: 100%;
        height: 120px;
        aspect-ratio: 10/5;
        position: relative;
        /* margin: 13vh auto; */
    }
    .top-footer .cont {
        padding-left: 1rem;
    }
    .top-social-menu {
        padding: 0.5rem 0 0 0 !important;
    }
    .header-menu .navbar .navbar-nav {
        background: #614c40;
        width: 100%;
        height: 100%;
    }
    .header .navbar-nav li:hover .navbar-nav {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        background-color: #614c40;
        position: relative;
    }
    .header .navbar-nav .navbar-nav li:hover .navbar-nav {
        display: flex;
        justify-content: center;
        align-items: center;
        position: relative;
        width: 100%;
        left: 0%;
        top: 50%;
    }
    .header .navbar-nav .navbar-nav li .navbar-nav {
        display: none;
    }
    .header .navbar-nav .navbar-nav .navbar-nav li:hover .navbar-nav {
        display: flex;
        justify-content: center;
        align-items: center;
        position: relative;
        width: 100%;
        left: 0%;
        top: 50%;
    }
    .header .navbar-nav .navbar-nav .navbar-nav li .navbar-nav {
        display: none;
    }
    .slideimg {
        max-width: 100%;
        aspect-ratio: 9/9
    }
    /* .slidetitle {
        font-size: 2.5rem
    } */
    /* .slidedetailp {
        font-size: 1.3rem
    } */
    /* .slide-text {
        width: 100%
    } */
    .phone {
        padding-right: 0.8rem;
    }
    .phone span {
        display: none;
    }
    .mail span {
        display: none;
    }
}

@media (max-width:840px) {
    .about {
        padding-top: 7rem;
    }
}

@media (max-width:770px) {
    .about {
        padding-top: 7rem;
    }
    .content .servicesinside {
        flex-direction: column
    }
    .slideimg {
        max-width: 100%;
        aspect-ratio: 9/9
    }
    .slide-text {
        position: absolute;
        top: 35%;
        left: 10%;
        width: 70%;
        height: 100%;
        /* background-color: rgba(0, 0, 0, 0.5); */
        color: white;
        text-align: left !important;
        flex-direction: column;
    }
    .slide-text .slidetitle {
        font-size: 3rem;
    }
    .slide-text .slidedetailp {
        font-size: 1.5rem;
    }
}

@media (max-width:600px) {
    /* .social-menu {
        display: none!important;
        background-color: red
    } */
    .phone {
        padding-right: 0.8rem;
    }
    .phone span {
        display: none;
    }
    .mail span {
        display: none;
    }
    .header-menu .navbar .navbar-nav {
        background: #614c40;
        width: 100%;
        height: 100%;
    }
    .header .navbar-nav li:hover .navbar-nav {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        background-color: #614c40;
        position: relative;
    }
    .header .navbar-nav .navbar-nav li:hover .navbar-nav {
        display: flex;
        justify-content: center;
        align-items: center;
        position: relative;
        width: 100%;
        left: 0%;
        top: 50%;
    }
    .header .navbar-nav .navbar-nav li .navbar-nav {
        display: none;
    }
    .header .navbar-nav .navbar-nav .navbar-nav li:hover .navbar-nav {
        display: flex;
        justify-content: center;
        align-items: center;
        position: relative;
        width: 100%;
        left: 0%;
        top: 50%;
    }
    .header .navbar-nav .navbar-nav .navbar-nav li .navbar-nav {
        display: none;
    }
    .slideimg {
        max-width: 100%;
        aspect-ratio: 9/9
    }
    .slide-text {
        position: absolute;
        top: 30%;
        left: 10%;
        width: 70%;
        height: 100%;
        /* background-color: rgba(0, 0, 0, 0.5); */
        color: white;
        text-align: left !important;
        flex-direction: column;
    }
    .slide-text .slidetitle {
        font-size: 3rem;
    }
    .slide-text .slidedetailp {
        font-size: 1rem;
    }
    .owlpartnerincrime .owl-withdots .owl-dots {
        background: #fff
    }
    .content1 h6 {
        margin-top: 3rem
    }
    .refs {
        margin-bottom: 2rem
    }
}

@media (max-device-width:600px) {
    .content .servicesinside {
        flex-direction: column
    }
    .about {
        padding-top: 7rem;
    }
}

@media (max-device-width:480px) {
    .paddingpro {
        padding-top: 2rem !important;
    }
    .content .servicesinside {
        flex-direction: column
    }
    .slide-text {
        position: absolute;
        top: 30%;
        left: 5%;
        width: 95%;
        padding: 0 1rem;
        /* background-color: rgba(0, 0, 0, 0.5); */
        color: white;
        text-align: left !important;
        flex-direction: column;
    }
    .slide-text .slidetitle {
        font-size: 3rem;
    }
    .slide-text .slidedetailp {
        font-size: 1rem;
    }
    .slide-text .logo {
        width: 150px!important;
        display: flex;
        justify-content: center;
        align-items: center
    }
    .slideimg {
        height: 500px
    }
    .owlpartnerincrime h6 {
        margin-top: 2rem
    }
    .textabsolute {
        margin-top: 5rem
    }
    .owlgaleri .owl-dots {
        display: block;
        background-color: transparent
    }
    .content4 .card,
    .references {
        margin-top: 1rem
    }
    .owlpartnerincrime.owl-withdots .owl-dots {
        margin-bottom: 1rem
    }
    /* .slidetitle {
        font-size: 2rem
    }
    .slidedetailp {
        font-size: 1rem
    } */
    /* .header {
        margin-top: 0rem;
    } */
    .phone {
        padding-right: 0.8rem;
    }
    .phone span {
        display: none;
    }
    .mail span {
        display: none;
    }
    .pseudo i {
        display: none;
    }
    .pseudo::after {
        font-family: "Font Awesome 5 Free";
        content: '\f103';
        display: inline-block;
        font-weight: 900;
        /* content: attr(data-foo) " "; */
    }
    .top-footer .cont {
        padding-left: 1rem;
    }
    .btn-kesfet-mob {
        margin-top: 1rem;
    }
    .blogpad {
        padding-top: 7rem;
    }
}