#jprePercentage, .page_title_ctn, .right_sb {
/*right_sb = right hand bar in search page*/
    display: none !important;
}
.left_posts {
    /* left hand bar in search page*/
    width: 100% !important;
    max-width: none !important;
}
/* below style is for navigation buttons on individual portfolio-items pages */
.all_projects_btn {
    display: none !important;
}
.single_port_navigation { 
    margin-top: 30px;
    padding-bottom: 30px;
}
#ceo-msg-section {
    width: 90% !important;
    margin: auto !important;
}
#ceo-msg-home-page {
    font-size: 36px;
    text-align: center;
}
#ceo-msg-text-home-page {
    font-size: 18px;
    text-align: justify;
}
.banner-container {
    color: white;
    width: 70% !important;
    margin: auto !important;
    padding-top: 40vh;
    padding-bottom: 40vh;
    letter-spacing: 1px;
}
/* For single line banner headings - eg. About us page*/
.banner-heading, .banner-heading .wpb_wrapper, .banner-heading .wpb_wrapper p {
    font-size: 67px !important;
    line-height: 50px !important;
    margin-bottom: 0px !important;
}

/* for double line banner headings - eg. products & services page*/
.banner-heading-double-line, .banner-heading-double-line .wpb_wrapper, .banner-heading-double-line .wpb_wrapper p {
    font-size: 67px !important;
    line-height: 50px !important;
    margin-bottom: 0px !important;
}

.banner-text .banner-text .wpb_wrapper, .banner-text .wpb_wrapper p {
    font-size: 20px !important;
    line-height: 25px !important;
    margin-top: 10px;
}

#city-tower-gate-img {
    margin-right: 100px;
    width: 225px;
    float: right;
}
#part-of-bukhatir-group-section {
    margin-top: 100px;
}
#bukhatir-group-text {
    text-align: justify;
}

.values-div-about-page {
    max-width: 65%;
    margin: auto !important;
}

.icon-image img {
    width: 80px;
    height: 80px !important;
    margin: 20px auto 25px;
}

.icon-container {
    text-align: justify;
    padding: 10px 55px;
    color: white;
    margin: 5px auto;
    transition: box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
}
.icon-container-heading {
    padding-right: 45px;
    padding-left: 45px;
    text-align: center;
}

.about-values-desc {
    font-size: 16px;
}
.portfolio_desc h2 {
    font-size: 16px;
    line-height: 16px;
}

/*.ceo-div-meet-the-team div div div div {*/
.sf_ceo {
    justify-self: anchor-center !important;
    place-self: anchor-center !important;
    position-area: center !important;
}
.masonry_ctn {
    margin-bottom: 10px;
}
@media (max-width: 1280px) {
    .icon-container-heading {
        padding-right: 25px;
        padding-left: 25px;
    }
}

@media (max-width: 1080px) {
    .icon-container-heading {
        padding-right: 0;
        padding-left: 0;
    }
}


@media (max-width: 767px) {
    #ceo-msg-home-page {
        font-size: 36px;
        text-align: center;
    }
        #ceo-msg-text-home-page {
        font-size: 18px;
        text-align: justify;
    }
    .banner-container {
        padding-top: 25vh;
        padding-bottom: 25vh;
    }
    .banner-heading, .banner-heading .wpb_wrapper, .banner-heading .wpb_wrapper p {
        font-size: 40px !important;
        line-height: 32px !important;
    }
    .banner-heading-double-line, .banner-heading-double-line .wpb_wrapper, .banner-heading-double-line .wpb_wrapper p {
        font-size: 40px !important;
        line-height: 32px !important;
    }
    
    .banner-text .banner-text .wpb_wrapper, .banner-text .wpb_wrapper p {
        font-size: 15px !important;
        line-height: 15px !important;
        margin-top: 5px;
    }
    #city-tower-gate-img {
        text-align: center;
        width: 170px;
        margin: auto;
        float: none;
    }
    #part-of-bukhatir-group-section {
        margin-top: 30px;
    }
    .values-div-about-page {
        max-width: 80%;
        margin: auto !important;
    }

    .icon-container {
        padding: 20px 35px;
    }
    .icon-container-heading {
        padding-right: 30px;
        padding-left: 30px;
    }
    
    .about-values-desc {
        font-size: 13px;
    }
    
}

@media (max-width: 440px) {
    .page-banner div{
        background-position: 60% 50% !important
    }
    .banner-heading, .banner-heading .wpb_wrapper, .banner-heading .wpb_wrapper p  {
        font-size: 25px !important;
        line-height: 20px !important;
        
    }
    .banner-heading-double-line, .banner-heading-double-line .wpb_wrapper, .banner-heading-double-line .wpb_wrapper p {
        font-size: 25px !important;
        line-height: 20px !important;
        margin-bottom: 0 !important;
        
    }
    .banner-text .banner-text .wpb_wrapper, .banner-text .wpb_wrapper p {
        font-size: 10px !important;
        margin-top: 5px !important;
    }
    #city-tower-gate-img {
        width: 115px;
    }
    #bukhatir-group-text {
        text-align: start;
    }
    .values-div-about-page {
        max-width: 90%;
    }
    .icon-container {
        padding: 20px 20px;
    }
    .icon-container-heading {
        padding-right: 15px;
        padding-left: 15px;
    }
    .about-values-desc {
        font-size: 10px;
    }
    .footer_message{
        font-size: 10px !important;
    }
}

.mission-and-vision-container div {
    border-radius: 6px;
    margin: 5px auto;
}

.team-spirit-container {
    flex-wrap: wrap;
    padding: 20px;
    background-color: #F0F0F0;
    /*border: 1px solid #a1b1bc;*/
    border-radius: 6px;
    margin: 10px auto;
    transition: box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
    box-shadow: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12);
}
@media (min-width: 767px) {
    .team-spirit-container {
        max-width: 31.666666666666668%;
        }
}

.meet-the-team-icon-container {
    /*gap: 5px;*/
    justify-content: space-between;
}
.product-and-services-banner {
    height:50vh;
    box-shadow: 0 0 0 1000px rgba(0,0,0,0.5) inset
}

.products-and-services-row {
    max-width: 90%;
    margin: auto;
}

.products-and-services-image-left {
    /*max-width: 580px !important;*/
    float: right;
}
.products-and-services-image-left img{
    border-radius: 6px;
}

.products-and-services-image-right {
    /*max-width: 520px !important;*/
    float: left;
}
.products-and-services-image-right img{
    border-radius: 6px;
}

.our-equipments-container {
    cursor: pointer;
    flex-wrap: wrap;
    padding: 20px;
    /*background-color: #F0F0F0;*/
    /*border: 1px solid #a1b1bc;*/
    border-radius: 6px;
    margin: 10px auto;
    transition: box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);

    /*box-shadow: 0px 1px 1px -2px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 1px 0px rgba(0, 0, 0, 0.12);*/
}
@media (min-width: 767px) {
    .our-equipments-container {
        max-width: 31.666666666666668%;
        }
}

.next_project:hover {
    background: #FF9D1E !important;
    border: 1px solid #FF9D1E !important;
}

/*// ----------------------------------*/
.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  max-width: 100%; /* Full width */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
  align-content: center;
}

/* Modal Content/Box */
.modal-content {
  position: relative;
  background-color: #fefefe;
  margin: auto;
  padding: 30px;
  border: 1px solid #888;
  width: 50%;
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
  animation-name: animatetop;
  animation-duration: 0.4s
}

.modal-header {
    display: flex;
    justify-content: center;
    position: relative;
    margin-bottom: 10px;
}

/* The Close Button */
.close {
  color: #aaa;
  font-size: 28px;
  font-weight: bold;
  position: absolute;
  right: 0;
}

.close:hover,
.close:focus {
  color: black;
  text-decoration: none;
  cursor: pointer;
}

/* Add Animation */
@keyframes animatetop {
  from {top: -300px; opacity: 0}
  to {top: 0; opacity: 1}
}
/* ----------------------------------------- */

#footer {
    display: flex !important; 
    justify-content: space-between !important;
    margin: auto !important;
    /*---------------*/
    /*flex-direction: column !important;*/
    text-align: center !important;
}

#footer img {
        margin: auto !important;
    }
    .menu-navbar-container {
        width: fit-content !important;
        margin: auto !important;
        text-align: left !important;
    }

@media (max-width: 767px) {
    #footer {
        flex-direction: column !important;
        text-align: center !important;
    }
    #footer img {
        margin: auto !important;
    }
    .menu-navbar-container {
        width: fit-content !important;
        margin: auto !important;
        text-align: left !important;
    }
}

/*------Meet the team-------*/

#rp_vw8q7nb5j3ro4t9mtjfi .rd_staff_p01 .member-info {
    background: #e6e7e8 !important;
}
.rd_staff_p01 .member_desc {
    display: none !important;
}
.rd_staff_p01 .staff_post_ctn:hover .member-info {
    background: #f47b30 !important;
}
.rd_staff_p01 .staff_post_ctn:hover .member-info .position{
    color: #fff !important;
}
.rd_staff_p01 .staff_post_ctn:hover .bw-wrapper a:before{
    opacity: 0 !important;
}
/*------Contact us-------*/

.contact-us-right-hand-section{
    text-align: justify !important;
}
/*------  our Projects  -------*/
.port_metas {
    display: none !important;
}
.item_details_entry {
    text-align: justify;
}

/*------  our Projects  -------*/

.item_details_info {
    display: none !important;
}
.portfolio_block:hover, .port_overlay:hover {
    opacity: 0.9 !important;
}
.portfolio_desc:hover {
    opacity: 0.9 !important;
    /*color: #000 !important;*/
}
.port_item_details {
    /*min-height: 107px !important;*/
    min-height: 90px !important;
}
/*.columns3 .element {*/
/*    min-height: 354px !important;*/
/*}*/
@media (max-width: 1035px) {
    .port_item_details {
        min-height: 112px !important;
    }
    /*.columns3 .element {*/
    /*    min-height: auto !important;*/
    /*}*/
}
@media (max-width: 767px) {
    .port_item_details {
        min-height: auto !important;
    }
}

.port_item_details:hover {
    opacity: 0.9 !important;
}
.port_item_details a:hover, .port_item_details a h2:hover{
    opacity: 0.9 !important;
    color: #000 !important;
}
.port_project_buttons:hover, .view-portfolio-item:hover {
    color: #fff !important;
}

#footer .widget_wrap:nth-of-type(4) {
    display: none !important;
}

#footer-phone-icon-div {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 10px;
    margin: auto;
    padding-left: 35px;
}

@media (max-width: 1215px) {
    #footer-phone-icon-div {
        padding-left: 10px;
    }
}

@media (max-width: 767px) {
    #footer-phone-icon-div {
        width: 100%;
        padding-left: 45px;
    }
    #footer .widget_wrap:nth-of-type(1) {
        display: none !important;
    }
    #footer .widget_wrap:nth-of-type(2) {
        display: none !important;
    }
    #footer .widget_wrap:nth-of-type(3) {
        display: none !important;
    }
    #footer .widget_wrap:nth-of-type(4) {
        display: flex !important;
    }
    #footer .widget_wrap:nth-of-type(4) div h2{
        font-size: 28px !important;
    }
    #footer_coms {
        padding: 10px 0 10px 0;
    }
    .textwidget {
        width: fit-content;
        margin: auto;
    }
}

@media (max-width: 500px) {
    #footer-phone-icon-div {
        padding-left: 40px;
    }
}
@media (max-width: 400px) {
    #footer-phone-icon-div {
        padding-left: 25px;
    }
}
@media (max-width: 320px) {
    #footer-phone-icon-div {
        padding-left: 10px;
    }
}

#footer-phone-icon-div img{
    margin: 0 !important;
}
#ContactUs-phone-icon-div {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 10px;
    margin: auto;
}
#ContactUs-phone-icon-div img{
    margin: 0 !important;
}

#footer .widget_media_image img{
    width: 250px;
}