@media(max-width:350.98px){

    .items span {
        position: absolute;
        /* top: 28%; */
        /* bottom: 32%; */
        left: 1.4em;
        /* margin-top: 96px; */
        z-index: 11;
        font-size: 50px;
        color: #fff;
        background: #CB9D54;
        line-height: 1.2;
        width: 42px;
        height: 42px;
        border-radius: 50%;
        text-align: center;
        display: inline-block;
        font-weight: 900;
    }
    .items-slider {
        padding: 35px;
        background-color: #fff;
        height: 300px;
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1), 0 -4px 8px rgba(0, 0, 0, 0.1), 4px 0 8px rgba(0, 0, 0, 0.1), -4px 0 8px rgba(0, 0, 0, 0.1);
    }
    .para-absolute {
        position: absolute;
        top: 0;
        right: -22px !important;
        font-size: 25px;
        color: #fff;
        background-color: #000;
        padding: 22px;
        border-radius: 50px;
        height: 71px;
        width: 71px;
    }

    .para-absolute-two {
        position: absolute;
        top: 0;
        right: -22px !important;
        font-size: 25px;
        color: #fff;
        background-color: #000;
        padding: 22px;
        border-radius: 50px;
        height: 71px;
        width: 71px;
    }
    section.popup-section .inner-container {
        padding-left: 15px;
        margin-right: auto;
        margin-left: auto;
        height: 100%;
        width: 100%;
    }
    
    .popup-inner-column {
        flex: 0 0 auto;
        width: 100%;
    }

    form.popup-form {
        padding: 5% 5%;
    }    
    
    .navbar-brand img {
        height: 65%;
        width: 60%;
    }
    .aboura-founders p{
        font-size:12px;
        padding:5px;
    }
    .items-slider p {
    line-height: 25px;
}
}

@media (min-width:351px) and (max-width:425.98px){

    .items span {
        position: absolute;
        /* top: 28%; */
        /* bottom: 32%; */
        left: 1.7em;
        /* margin-top: 96px; */
        z-index: 11;
        font-size: 50px;
        color: #fff;
        background: #CB9D54;
        line-height: 1.2;
        width: 42px;
        height: 42px;
        border-radius: 50%;
        text-align: center;
        display: inline-block;
        font-weight: 900;
    }
    form.popup-form {
        padding: 5% 5%;
    }    

    .para-absolute {
        position: absolute;
        top: 0;
        right: 6px !important;
        font-size: 25px;
        color: #fff;
        background-color: #000;
        padding: 22px;
        border-radius: 50px;
        height: 71px;
        width: 71px;
    }

    .para-absolute-two {
        position: absolute;
        top: 0;
        right: 6px !important;
        font-size: 25px;
        color: #fff;
        background-color: #000;
        padding: 22px;
        border-radius: 50px;
        height: 71px;
        width: 71px;
    }
    section.popup-section .inner-container {
        padding-left: 15px;
        margin-right: auto;
        margin-left: auto;
        height: 100%;
        width: 100%;
    }
    .popup-inner-column {
        flex: 0 0 auto;
        width: 100%;
    }
    .navbar-brand img {
        height: 65%;
        width: 60%;
    }
      .aboura-founders p{
        font-size:12px;
        padding:5px;
    }
        .items-slider p {
    line-height: 25px;
}
    

}

@media (min-width:426px) and (max-width:768.98px){

    .items span {
        position: absolute;
        /* top: 28%; */
        /* bottom: 32%; */
        left:2em;
        /* margin-top: 96px; */
        z-index: 11;
        font-size: 50px;
        color: #fff;
        background: #CB9D54;
        line-height: 1.2;
        width: 42px;
        height: 42px;
        border-radius: 50%;
        text-align: center;
        display: inline-block;
        font-weight: 900;
    }

    .para-absolute {
        position: absolute;
        top: 0;
        right: 49px;
        font-size: 25px;
        color: #fff;
        background-color: #000;
        padding: 22px;
        border-radius: 50px;
        height: 71px;
        width: 71px;
    }

    .para-absolute-two {
        position: absolute;
        top: 0;
        right: 49px;
        font-size: 25px;
        color: #fff;
        background-color: #000;
        padding: 22px;
        border-radius: 50px;
        height: 71px;
        width: 71px;
    }
    section.popup-section .inner-container {
        padding-left: 15px;
        margin-right: auto;
        margin-left: auto;
        height: 100%;
        width: 100%;
    }
    .popup-inner-column {
        flex: 0 0 auto;
        width: 100%;
    }

    form.popup-form {
        padding: 5% 5%;
    }    
    
    

}
@media (min-width:543px) and (max-width:768.98px) {
    .para-absolute {
        position: absolute;
        top: 0;
        right: 118px;
        font-size: 25px;
        color: #fff;
        background-color: #000;
        padding: 22px;
        border-radius: 50px;
        height: 71px;
        width: 71px;
    }

    .para-absolute-two {
        position: absolute;
        top: 0;
        right: 118px;
        font-size: 25px;
        color: #fff;
        background-color: #000;
        padding: 22px;
        border-radius: 50px;
        height: 71px;
        width: 71px;
    }
    form.popup-form {
        padding: 5% 5%;
    }    
    .popup-inner-column {
        flex: 0 0 auto;
        width: 100%;
    }
}

@media (min-width:769px) and (max-width:992.98px) {

    .para-absolute {
        position: absolute;
        top: 0;
        right: 213px;
        font-size: 25px;
        color: #fff;
        background-color: #000;
        padding: 22px;
        border-radius: 50px;
        height: 71px;
        width: 71px;
    }
    .para-absolute-two {
        position: absolute;
        top: 0;
        right: 213px;
        font-size: 25px;
        color: #fff;
        background-color: #000;
        padding: 22px;
        border-radius: 50px;
        height: 71px;
        width: 71px;
    }
    form.popup-form {
        padding: 5% 5%;
    }   
    .popup-inner-column {
        flex: 0 0 auto;
        width: 100%;
    } 

}


@media (min-width:769px) and (max-width:991.98px){

    .items span {
        position: absolute;
        /* top: 28%; */
        /* bottom: 32%; */
        left:2.5em;
        /* margin-top: 96px; */
        z-index: 11;
        font-size: 50px;
        color: #fff;
        background: #CB9D54;
        line-height: 1.2;
        width: 42px;
        height: 42px;
        border-radius: 50%;
        text-align: center;
        display: inline-block;
        font-weight: 900;
    }

}

@media (max-width:426px) {
    .tab label {
        position: relative;
        overflow: hidden;
        font-size: 7px;
    }
}


@media(max-width:991.98px){

    .our-title-head h2 {
        color: #FFFFFF;
        font-family: "Roboto", Sans-serif;
        font-size: 15px;
        font-weight: 700;
        line-height: 33px;
        letter-spacing: 0.9px;
        margin-bottom: 0px;
    }
    .links{
        margin-top: 20px !important;
    }
    .quotes h2 {
        color: #9D9D9D;
        font-size: 17px;
        font-weight: 300;
        text-transform: none;
        line-height: 28px;
    }
    footer {
        background-image: url(../img/home/pattern-1.jpg);
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
        padding: 10px 0px 95px 0px;
    }
    .footer-logo{
text-align: center;
    }
    .several-back-fixed-values h2 {
        color: #FFFFFF;
        font-size: 17px;
        font-weight: 700;
        line-height: 34px;
        margin-bottom: 0px;
    }

}

@media  (min-width:991.99px) and (max-width:1299px)  {
    .container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        width: 100% !important;
    }
}


/* ------------.. */

@media (min-width:1099.98px) and (max-width:1400px) {
    .navbar-nav {
        font-size: 12px;
        font-weight: 500;
        height: auto;
        position: relative;
        display: inline-block;
        color: #737373;
        padding: 32px 0;
        text-transform: uppercase;
        letter-spacing: 1px;
    }
    .clm-two i {
        font-size: 16px;
        padding: 4px;
    }
    .para-absolute {
        position: absolute;
        top: 0;
        right: 10px;
        font-size: 20px;
        color: #fff;
        background-color: #000;
        padding: 22px;
        border-radius: 50px;
        height: 71px;
        width: 69px;
    }
    .para-absolute-two {
        position: absolute;
        top: 0;
        right: 10px;
        font-size: 20px;
        color: #fff;
        background-color: #000;
        padding: 22px;
        border-radius: 50px;
        height: 71px;
        width: 71px;
    }
    .desc {
        margin-top: 30px;
        font-size: 15px;
    }
    .wwt-sub-title {
        font-size: 15px;
        color: #fff;
        padding: 36px 0px 20px;
    }
    .items-slider p {
        line-height: 25px;
    }
    .links .link-heading {
        list-style-type: none;
        transition: color 0.3s;
        color: #9d9d9d;
        font-size: 12px;
        font-weight: 500;
        padding: 5px;
        text-align: left;
    }
    .elementor-contact-values {
        font-size: 12px;
        font-weight: 500;
        color: #fff;
        transition: color 0.3s;
        align-self: center;
        padding: 5px 5px 5px;
    }
    .aboura-about-values {
        font-size: 24px;
        font-weight: 550 !important;
        text-transform: uppercase;
        font-weight: 500;
        font-family: "Roboto", sans-serif;
    }
    .home-about-para {
        font-size: 13px;
        font-family: "Roboto", Sans-serif;
        line-height: 1.86em;
        color: #777777;
    }
    .text-sec-value u {
        font-size: 21px;
        text-align: left !important;
    }
    .sub-title {
        margin-top: 10px;
        border-bottom: 6px solid #e5e5e5;
    }
    .ourworks-head span h2 {
        position: absolute;
        top: 80%;
        left: 50%;
        transform: translate(-50%, -50%);
        color: #000;
        background-color: #fff;
        padding: 22px;
        font-size: 16px;
        font-weight: 700;
        text-align: center;
        white-space: nowrap;
        overflow: hidden;
    }
    .sub-title {
        text-transform: uppercase;
        font-size: 10px;
        letter-spacing: 0.1em;
        line-height: 28px;
    }
    .counter {
        display: inline-block;
        margin: -3%;
        padding: 50px;
        border-right: 1px solid rgba(255, 255, 255, 0.1);
    }
    .several-back-fixed-values h2 {
        color: #FFFFFF;
        font-size: 42px;
        font-weight: 700;
        line-height: 75px;
        margin-bottom: 0px;
    }

    .portrolix-second-colm-in {
        padding: 17px;
    }
    .nav-item {
        margin-left: 0px;
    }
    .overlay-text h3 {
        font-size: 16px;
        font-weight: 700;
        margin: 0 0 4px;
    }
    .aboutus-head img {
        padding: 21px;
    }

    .items span {
        position: absolute;
        /* top: 28%; */
        /* bottom: 32%; */
        left: 21%;
        /* margin-top: 96px; */
        z-index: 11;
        font-size: 50px;
        color: #fff;
        background: #CB9D54;
        line-height: 1.2;
        width: 42px;
        height: 42px;
        border-radius: 50%;
        text-align: center;
        display: inline-block;
        font-weight: 900;
    }

    .wwt-desc {
        color: #fff;
        font-size: 14px;
        padding: 20px 0px 20px;
    }
}