

@media(max-width:1550px) {
    .Phone {
        width: 135px;
        height: 180px;
    }
}


@media(max-width:1440px) {

    .Phone {
        height: 220px;
    }

    .small_font {
        font-size: 22px;
    }

    .center_text {
        font-size: 50px;
    }

    .icon_bar {
        height: 42px;
    }


    .devlopment_p {
        font-size: 14px
    }
}


@media(max-width:1399px) {

    .main_img {
        height: 50px;
    }

    .main_img_header {
        height: 50px;
    }
    input[type="search"] {
        width: 180px;
    }

    .a-head {
        font-size: 12px;
    }

    ul.ul_top_hypers.m-0 {
        padding: 0px;
    }


    .title_p {
        font-size: 20px;
    }
}


@media(max-width:1200px) {

    .Phone {
        height: 180px;
    }

    .small_font {
        font-size: 18px;
    }

    .center_text {
        font-size: 40px;
    }

    p {
        font-size: 16px;
    }

    a {
        font-size: 16px;
    }

    .li_head {
        font-size: 16px;
    }

    .manager_img {
        width: 300px;
        height: 300px;
    }

    .SetsUsApart_bg {
        width: 270px;
        height: 270px;
    }
}


@media(max-width:1199px) {



    .main_img {
        height: 40px;
    }

    .main_img_header {
        height: 40px;
    }

    input[type="search"] {
        width: 120px;
    }

    .a-head {
        font-size: 11px;
    }

    .icon_bar {
        height: 35px;
    }

    p {
        font-size: 11px;
    }

    a {
        font-size: 11px;
    }

    .li_head {
        font-size: 11px;
    }
    .about_bg {
        background-size: contain;
        height:unset;
    }

    .devlopment_p {
        font-size: 10px
    }
}


@media(max-width:1024px) {

    .Phone {
        height: 180px;
    }

    .text_div_phone{
        display:none;
    }

    .phone_div {
        flex-direction: column;
        align-content: start;
    }


    .small_font {
        font-size: 18px;
    }

    .center_text {
        font-size: 34px;
    }

    .center_text {
        font-size: 34px;
    }

    .p_font {
        font-size: 16px;
    }

    p {
        font-size: 12px;
    }


    a {
        font-size: 12px;
    }

    .icon_bar {
        height: 30px;
    }

    .star {
        font-size: 30px;
    }

    .base_img {
        height: 300px;
    }

    .service_card_img {
        height: 260px;
    }

    .new_card_img {
        height: 260px;
    }

    .service_content_img {
        height: 230px;
    }


    .SetsUsApart_bg {
        width: 250px;
        height: 250px;
    }
}


@media(max-width:991px) {

    .orderAbout1 {
        order: 1;
    }

    .orderAbout2 {
        order: 2;
    }
}


@media(max-width:900px) {
    
   .phone_div {
        display: none;
    }


    .small_font {
        font-size: 14px;
    }

    .center_text {
        font-size: 25px;
    }

    .Phone {
        height: 225px;
        background-size: contain;
        width: 210px;
    }

    .p_font {
        font-size: 12px;
    }

    .Slider1 .swiper-horizontal > .swiper-pagination-bullets, .Slider1 .swiper-pagination-bullets.swiper-pagination-horizontal, .Slider1 .swiper-pagination-custom, .Slider1 .swiper-pagination-fraction {
        bottom: 70px;
    }

    .Slider6 .swiper-horizontal > .swiper-pagination-bullets, .Slider6 .swiper-pagination-bullets.swiper-pagination-horizontal, .Slider6 .swiper-pagination-custom, .Slider6 .swiper-pagination-fraction {
        bottom: -15px;
    }
    .stores {
        width: 100px;
        height: 45px;
    }


    .footer_img {
        width: 200px;
        height: 100px;
    }



    .location {
        height: 330px;
    }



    .phone_div_mobile {
        display: block;
    }
}


@media(max-width:768px) {
    .Slider3 {
        width: 100%;
    }

    .Slider5 {
        width: 100%;
    }


    .footer_Two {
        height: 250px;
    }

    .web_mobile {
        display: block;
    }

    .web_pc {
        display: none;
    }


    .banner_footer {
        display: none;
    }

    .manager_img {
        width: 330px;
        height: 330px;
    }

    .base_img {
        height: 230px;
    }

    .vision_img {
        height: 240px;
    }

    .location {
        height: 320px;
    }

    .footer_link {
        font-size: 25px;
    }

    .line {
        display: none
    }

    .footer_link_div {
        gap: 10px;
    }


    body {
        background-image: url('../images/sideleft.png'), url('../images/sideright.png');
        background-position: left, right;
        background-repeat: repeat-y, repeat-y;
        background-size: 55px, 55px;
        z-index: 999999;
    }

    h2.head_title {
        font-size: 20px;
    }

    .SetsUsApart_bg {
        width: 220px;
        height: 220px;
    }


    .Space {
        height: 30px;
    }

    .Request {
        width: 67px;
        height: 67px;
    }

        .Request p {
            font-size: 9px;
        }

    p {
        font-size: 11px;
    }

    .devlopment_p {
        font-size: 9px
    }

    .li_head {
        font-size: 11px;
    }

    .mobile_menu {
        width: 40%;
    }

    .visible {
        transform:none;
    }

    .circle_div{
        height:175px;
        width:175px
    }

    .circle-text {
        font-size: 16px;
    }


    .TheTitleAbout{

        text-align:center !important;
    }
}


@media(max-width:767px) {
    .news_bg {
        height: 290px;
    }

    .service_card_img {
        height: 200px;
    }

    .new_card_img {
        height: 200px;
    }


    .Login_bg {
        height: 200px;
    }

    .order1 {
        order: 1;
    }

    .order2 {
        order: 2;
    }

    .calc_bg {
        height:210px;
    }


}


@media(max-width:690px) {

    .bottom_inside_header {
        display: none;
    }


    .bottom_inside_header_mobile {
        display: block;
    }


    .Slider1 .swiper-horizontal > .swiper-pagination-bullets, .Slider1 .swiper-pagination-bullets.swiper-pagination-horizontal, .Slider1 .swiper-pagination-custom, .Slider1 .swiper-pagination-fraction {
        bottom: 5px;
    }

    .align-self-end {
        align-self: center !important;
    }


    .location {
        height: 280px;
    }


    .Slider1 .swiper-pagination-bullet {
        width: 6px;
    }


    .Slider1 .swiper-pagination-bullet-active {
        width: 15px;
    }

    .ul_top_header {
        gap: 10px
    }

    .top_header_sections {
        flex-wrap: wrap;
        justify-content: center;
    }
    .MoreDetails {
        gap: 9px;
        margin-top: 20px;
    }

    .map-container {
        height: 200px;
    }
}


@media(max-width:576px) {


    .mobile_menu {
        width: 75%;
    }
    .header_slider {
        aspect-ratio: 22/15;
    }

    .manager_img {
        width: 290px;
        height: 290px;
    }

    .base_img {
        height: 180px;
    }

    .service_content_img {
        height: 200px;
    }

    .Login_bg {
        height: 160px;
        border-radius: 0px 25px 0px 25px;
    }

    .order1 {
        order: 1;
    }

    .order2 {
        order: 2;
    }

    .vision_img {
        height: 200px;
    }

    .Register_bg {
        height: 160px;
    }

    .new_card_details_img {
        height: 230px;
    }

    .location {
        height: 200px;
    }

    .SetsUsApart_bg {
        width: 190px;
        height: 190px;
    }


    .Space {
        height: 20px;
    }

    .Request p {
        font-size: 8px;
    }

    .MainP{
        font-size:9px
    }


    .circle_div {
        height: 145px;
        width: 145px
    }

    .circle-text {
        font-size: 12px;
    }

    .circle p {
        margin: 0;
    }
}


@media(max-width:350px) {

    .footer_link_div {
        gap: 10px;
    }

    .SetsUsApart_bg {
        width: 180px;
        height: 180px;
    }
}
    
