@media only screen and (max-width: 800px) {
    .call {
        background-color: #f8911e;
        padding: 7px;
        float: right;
        width: 35px;
        height: 35px
    }

    .dev-0 {
        display: none !important
    }

    .dev-1 {
        display: block !important
    }

    .desk-dev {
        display: none
    }

    .mob-dev {
        display: block
    }

    .call-mob {
        display: block;
        width: 130px;
        height: 50px;
        position: relative;
        left: -9px;
        float: left;
        padding: 9px 0
    }

    #mult {
        float: left;
        color: #5c5c5c;
        font-size: 34px;
        position: relative;
        z-index: 10;
        height: 50px;
        padding: 4px 6px
    }

    .call-btn {
        display: block;
        width: 33%;
        height: 34px;
        float: left;
        position: absolute;
        left: 1px !important
    }

    .whatsapp {
        display: block;
        width: 33%;
        float: left;
        position: absolute;
        left: 40px;
        text-align: center
    }

    .img-icons-pv {
        background: #dc3545;
        height: 35px;
        width: 100%;
        max-width: 35px;
        display: block;
        position: relative;
        float: right;
        margin: auto;
        padding: 5px;
        border-radius: 5px;
        right: 5px;
        top: 0
    }

    .img-icons-whatsapp-pv {
        background: #28a745;
        height: 35px;
        width: 100%;
        max-width: 35px;
        display: block;
        position: relative;
        float: right;
        margin: auto;
        padding: 5px;
        border-radius: 5px;
        top: 0
    }

    .img-icons-login-pv {
        height: 35px;
        width: 150%;
        display: block;
        position: relative;
        float: right;
        margin: auto;
        padding: 0;
        border-radius: 5px;
        right: -5px;
        top: -7px;
        left: 5px !important
    }

    .call-btn i {
        display: none;
        color: #dc3545;
        font-size: 23px;
        top: -5px;
        position: relative;
        transform: rotate(-250deg)
    }

    .whatsapp i {
        display: block;
        color: #28a745;
        font-size: 35px
    }

    .head-logo svg {
        display: none
    }

    .hero-carousel__cell {
        background-image: none
    }

    .hero-carousel__cell__content {
        height: 100%;
        padding: 0;
        padding-top: 120%
    }

    .botom-text-pv {
        font-size: 13px !important;
        display: block !important;
        width: 100%;
        text-align: justify;
        line-height: 2.4 !important;
        top: 139px;
        position: relative;
        padding: 53px 15px;
        z-index: 10;
        color: #000 !important
    }

    .second-eight, .top-footer {
        width: 100%
    }

    .menu-footer a {
        width: 49% !important;
        padding: 0;
        margin-left: 5px
    }

    .head-text {
        float: right;
        padding: 0
    }

    .head-logo {
        float: left;
        padding: 0;
        text-align: right
    }

    .logo-codoseo {
        width: 28%;
        position: relative;
        float: right;
        z-index: 10;
        top: 5px;
        left: -20px;
        height: auto;
        max-width: fit-content;
        max-height: 50px
    }

    .serach-head {
        width: 100%;
        margin: 0
    }

    .head-logo .men {
        display: block;
        height: 50px;
        float: left;
        color: #5c5c5c;
        font-size: 34px;
        padding: 7px 10px 0 7px;
        position: relative;
        z-index: 10
    }

    .head-ul {
        display: block;
        float: unset;
        width: 100%;
        height: 100%;
        overflow-x: hidden;
        overflow-y: scroll
    }

    .head-ul li {
        width: 100%;
        height: 50px;
        text-align: right;
        padding: 15px;
        margin: 0;
        display: flex;
        flex-direction: row;
        align-content: center;
        justify-content: flex-start;
        align-items: center;
        flex-wrap: wrap;
    }

    .mob-menu {
        direction: rtl;
        padding: 0 !important;
        min-height: 450px;
        height: auto;
        display: none;
        width: 100%;
        background: #f7f7f7;
        border: 1px solid #d0d0d0;
        border-radius: 5px;
        box-shadow: -3px -2px 6px #d8d8d8;
        top: 7px
    }

    .mob-menu nav {
        height: 450px
    }

    .headpadd {
        height: 100%;
        padding: 0;
        box-shadow: 1px 2px 6px 0 #00000021
    }

    .head-ul li a {
        font-size: 14px;
        width: 100%;
        display: block;
        height: 100%;
        color: #5c5c5c !important
    }

    .line-menu {
        display: none
    }

    .menu-footer {
        width: 100%
    }

    .service {
        height: auto !important
    }

    .service a {
        height: 30px !important
    }

    .act-ul {
        display: block !important;
        width: 100%;
        height: 100%;
        float: unset;
        padding: 0 8px
    }

    .header {
        height: 100% !important;
        background-color: #fff;
        left: 0
    }

    .head-sec {
        left: 0;
        height: 53px;
        z-index: 13;
        width: 100%
    }

    .font-arrow {
        margin-right: 7px;
        font-size: 15px;
        position: relative;
        top: 2px
    }

    .head-sec {
        background-color: #fff;
        z-index: 13
    }

    #myModal {
        background: #fff;
        width: 80%;
        margin: auto;
        overflow: hidden
    }
}

@media only screen and (max-width: 320px) {
    .logo-codoseo {
        top: 8px
    }
}

@media only screen and (min-width: 801px)and (max-width: 1000px) {
    .dev-1 {
        display: block !important
    }

    .dev-0 {
        display: none !important
    }

    .dev-1-t {
        display: none !important
    }

    .dev-0-t {
        display: block !important
    }

    .call-mob {
        display: none
    }

    .mob-menu {
        float: right;
        display: block;
        width: 73%;
        padding: 0 10px
    }

    .call-tabs {
        position: relative;
        padding: 10px 0;
        float: left
    }

    .desk-dev {
        display: none
    }

    .mob-dev {
        display: block
    }

    .call-tabs {
        display: block;
        width: 10%;
        height: 50px;
        padding: 10px 0
    }

    .tab-whats-app {
        display: block;
        background-color: #28a745;
        width: 47%;
        float: right;
        height: 30px;
        text-align: center;
        color: #fff;
        border-radius: 5px;
        border: none;
        padding: 1px 0;
        margin-left: 2px;
        font-size: 22px
    }

    .call-tab {
        display: block;
        background-color: #dc3545;
        width: 47%;
        float: right;
        color: #fff;
        height: 30px;
        padding: 6px 7px;
        font-size: 17px;
        border-radius: 5px;
        margin-right: 2px
    }

    .hero-carousel__cell--1 .hero-carousel__cell__content {
        padding-right: 36px
    }

    .title-slide-pv2 {
        top: 110px !important
    }

    .botom-text-pv2 {
        width: 61% !important;
        top: 130px !important
    }

    .gh-button-row {
        margin: 194px auto !important;
        width: 100% !important
    }

    .gh-button-row2 {
        margin: 142px auto !important
    }

    .whatsapp, .call-mob {
        display: none
    }

    #svg-head {
        display: none
    }

    .men {
        display: none !important
    }

    .head-logo {
        float: right
    }

    .head-ul {
        width: 100%;
        padding: 0
    }

    #act-ul {
        display: none;
        float: right;
        right: -160px;
        position: absolute;
        background: #fff;
        top: 49px;
        border-radius: 5px;
        width: 187%
    }

    .logo-codoseo {
        height: auto;
        display: block !important;
        margin-top: 9px;
        width: 100%
    }

    .mob-menu {
        display: block !important
    }

    .second-eight {
        height: auto
    }

    .center-footer, .left-footer, .rihgt-footer {
        text-align: center
    }

    .center-footer, .left-footer {
        width: 30%
    }

    .center-footer {
        padding: 13px 7px;
        text-align: right !important
    }
}

@media only screen and (min-width: 1001px)and (max-width: 1024px) {
    .head-ul {
        width: 70%;
        padding: 0
    }

    #call {
        margin-left: 0;
        background-color: #1dbf73;
        margin-top: 0;
        border-radius: 5px;
        height: 35px;
        padding: 6px 0;
        text-align: center;
        color: #fff;
        font-size: 12px;
        border: 1px solid #5c5c5c4a;
        border-radius: 6px
    }
}