.vl {
    border-left: 2px solid white;
    height: 285px;
}

@media all and (min-width: 200px) {
    .sidebar_img {
        width: 100% !important;
        height: 300px !important;

    }

    .si {
        right: 1.5% !important;
    }

}

.news {
    position: relative;
    text-align: center;
    color: white;
    margin-right: 15px;
}


.cind {
    padding: 23px;
}

.content-box-en > p {
    margin-top: -5px;
    color: white;
    font-size: 13px !important;
}

.content-box-mobile > p {
    margin-top: -5px;
    color: white;
    font-size: 13px !important;
}

/* Vertical Slider 100% Height */
.vertical .carousel-item {
    height: 550px !important;
    min-height: 350px;
    background: no-repeat center center scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.w-100 {
    height: 100% !important;
}

/* Vertical Slider Animation */
.vertical .carousel-item-next.carousel-item-left,
.vertical .carousel-item-prev.carousel-item-right {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.vertical .carousel-item-next,
.vertical .active.carousel-item-right {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100% 0);
}

.vertical .carousel-item-prev,
.vertical .active.carousel-item-left {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
}

/* Vertical Carousel Indicators on Right */
.carousel-indicators {
    position: absolute !important;
    top: 1% !important;
    bottom: 0 !important;
    margin: auto !important;
    height: 20px !important;
    right: -2.5% !important;
    left: auto !important;
    width: auto !important;
    -webkit-transform: rotate(90deg) !important;
    -moz-transform: rotate(90deg) !important;
    -ms-transform: rotate(90deg) !important;
    -o-transform: rotate(90deg) !important;
    transform: rotate(90deg) !important;
}

.carousel-indicators > li {
    display: block !important;
    border-radius: 10px !important;
    width: 10px !important;
    height: 10px !important;
    border: 0 !important;
    margin-right: 15px !important;
}

.carousel-indicators li.active {
    margin-bottom: 5px !important;
    background: #efec00 !important;
    font-size: 16px !important;
}

.carousel-indicators li {
    margin-bottom: 5px !important;
    background: white !important;
    fill: white !important;
    margin-left: 12px !important;
}


.carousel-caption-mobile > p {
    margin-top: -17px;
    color: white;
}

.centered {
    position: absolute;
    font-size: 15px;
    margin-top: -37px;
    margin-right: 20px;
    color: white;
}


.news {
    position: relative;
    text-align: center;
    color: white;
    margin-right: 15px;
}

.owl-theme .owl-nav.disabled + .owl-dots {
    margin-top: 90px !important;
}

.newss {
    position: absolute;
    text-align: center;
    color: white;
    margin-right: 5px;
}

.newss1 {
    position: absolute;
    text-align: center;
    color: white;
    margin-left: 59%;
    margin-right: 5px;
}


.imgg {
    -moz-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
}

#a_about {
    font-size: 14px !important;
    color: #335084 !important;
}

.fa-chevron-down:before {
    content: "\f078";
    display: none;
}

.vl {
    border-left: 2px solid white;
    height: 285px;
}

.carousel-caption-en > p {
    color: white !important;
    direction: ltr;
    margin-top: -5px !important;
}


@media all and (min-width: 200px) {
    .sidebar_img {
        width: 100% !important;
        height: 300px !important;

    }

    .si {
        right: 1.5% !important;
    }

}

@media all and (min-width: 400px) {
    .sidebar_img {
        width: 100% !important;
        height: 300px !important;
    }

    .si {
        right: 1.5% !important;
    }
}

@media all and (min-width: 600px) {
    .sidebar_img {
        width: 100% !important;
        height: 600px !important;
    }

    .si {
        right: 1.5% !important;
    }
}

@media all and (min-width: 768px) {
    .sidebar_img {
        width: 100% !important;
        height: 600px !important;
    }

    .si {
        right: 1.5% !important;
    }
}

@media all and (min-width: 992px) {
    .sidebar_img {
        width: 100% !important;
        height: 600px !important;
    }

    .si {
        right: 1.5% !important;
    }
}

@media all and (min-width: 1200px) {
    .sidebar_img {
        width: 100% !important;
        height: 600px !important;
    }

    .si {
        right: 1.5% !important;
    }
}

@media all and (min-width: 1600px) {
    .sidebar_img {
        width: 100% !important;
        height: 800px !important;
    }

    .si {
        right: 1.5% !important;
    }
}


@media all and (max-width: 2992px) {
    .si {
        right: -0.25% !important;
    }
}

@media all and (max-width: 2535px) {
    .si {
        right: 0.1% !important;
    }
}

@media all and (max-width: 2464px) {
    .si {
        right: 0.15% !important;
    }
}

@media all and (max-width: 2272px) {
    .si {
        right: 0.31% !important;
    }
}

@media all and (max-width: 2154px) {
    .si {
        right: 0.5% !important;
    }
}

@media all and (max-width: 1898px) {
    .si {
        right: 0.9% !important;
    }
}

@media all and (max-width: 1673px) {
    .si {
        right: 1.3% !important;
    }
}

@media all and (max-width: 1410px) {
    .si {
        right: 1.5% !important;
    }
}

@media all and (max-width: 1385px) {
    .si {
        right: 1.8% !important;
    }
}

@media all and (max-width: 1240px) {
    .si {
        right: 2% !important;
    }
}

@media all and (max-width: 1155px) {
    .si {
        right: 2.5% !important;
    }
}

@media all and (max-width: 958px) {
    .si {
        right: 3% !important;
    }
}

@media all and (max-width: 1088px) {
    .si {
        right: 2.9% !important;
    }
}

@media all and (max-width: 934px) {
    .si {
        right: 3.5% !important;
    }
}

@media all and (max-width: 838px) {
    .si {
        right: 4.8% !important;
    }
}

@media all and (max-width: 720px) {
    .si {
        right: 6% !important;
    }
}

@media all and (max-width: 605px) {
    .si {
        right: 7.5% !important;
    }
}

@media all and (max-width: 500px) {
    .si {
        right: 8.8% !important;
    }
}

@media all and (max-width: 360px) {
    .si {
        right: 13% !important;
    }
}

@media all and (max-width: 380px) {
    .si {
        right: 12% !important;
    }
}

@media all and (max-width: 1183px) {
    .si {
        right: 2.5% !important;
    }
}

@media all and (max-width: 1215px) {
    .si {
        right: 2.4% !important;
    }
}

@media all and (max-width: 1280px) {
    .si {
        right: 2.15% !important;
    }
}

@media all and (max-width: 1433px) {
    .si {
        right: 1.7% !important;
    }
}

@media all and (max-width: 1503px) {
    .si {
        right: 1.6% !important;
    }
}

@media all and (max-width: 1695px) {
    .si {
        right: 1.1% !important;
    }
}

@media all and (max-width: 961px) {
    .si {
        right: 1.5% !important;
    }
}

@media all and (max-width: 1600px) {
    .si {
        right: 1.5% !important;
    }
}

@media all and (max-width: 1400px) {
    .si {
        right: 1.9% !important;
    }
}

@media all and (max-width: 1260px) {
    .si {
        right: 2.2% !important;
    }
}

@media all and (max-width: 1230px) {
    .si {
        right: 2.7% !important;
    }
}

@media all and (max-width: 1464px) {
    .si {
        right: 1.65% !important;
    }
}

@media all and (max-width: 1345px) {
    .si {
        right: 1.9% !important;
    }
}

@media all and (max-width: 1287px) {
    .si {
        right: 2.1% !important;
    }
}


@media (min-width: 320px) {
    /* smartphones, portrait iPhone, portrait 480x320 phones (Android) */
    .desktop_pc {
        display: none !important;

    }
}

@media (min-width: 480px) {
    /* smartphones, Android phones, landscape iPhone */
    .desktop_pc {
        display: none !important;

    }
}

@media (min-width: 600px) {
    /* portrait tablets, portrait iPad, e-readers (Nook/Kindle), landscape 800x480 phones (Android) */
    .desktop_pc {
        display: none !important;

    }
}

@media (min-width: 801px) {
    /* tablet, landscape iPad, lo-res laptops ands desktops */
}

@media (min-width: 1025px) {
    /* big landscape tablets, laptops, and desktops */
}

@media (min-width: 1281px) {
    /* hi-res laptops and desktops */
}


/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
    .contact_pc {
        display: none !important;
    }

    .contact_mobile {
        display: block !important;
    }

    .last_news_poolad_pc {
        display: none !important;
    }

    .last_news_poolad_mobile {
        display: block !important;
    }

    .about_welcome_pc {
        display: none !important;
    }

    .about_welcome_mobile {
        display: block !important;
    }

    .products_poolad_pc {
        display: none !important;
    }

    .products_poolad_mobile {
        display: block !important;
    }

    .top_box_mobile {
        display: block !important;
    }

    .top_box_pc {
        display: none !important;
    }

    .sidbar_pc {
        display: none !important;
    }

    .slider_home_pc {
        display: none !important;
    }

    .slider_home_mobile {
        display: block !important;
    }

    .carousel-caption {
        max-width: 100%;
        width: 100%;
        height: 30% !important;
        top: 75%;
        background-color: rgba(51, 80, 132, 0.5);
        color: white;
        left: 0;
    }
}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {
    .contact_pc {
        display: none !important;
    }

    .contact_mobile {
        display: block !important;
    }

    .last_news_poolad_pc {
        display: none !important;
    }

    .last_news_poolad_mobile {
        display: block !important;
    }

    .about_welcome_pc {
        display: none !important;
    }

    .about_welcome_mobile {
        display: block !important;
    }

    .products_poolad_pc {
        display: none !important;
    }

    .products_poolad_mobile {
        display: block !important;
    }

    .top_box_mobile {
        display: block !important;
    }

    .top_box_pc {
        display: none !important;
    }

    .sidbar_pc {
        display: none !important;
    }

    .slider_home_pc {
        display: none !important;
    }

    .slider_home_mobile {
        display: block !important;
    }

    .carousel-caption {
        max-width: 100%;
        width: 100%;
        height: 30% !important;
        top: 75%;
        background-color: rgba(51, 80, 132, 0.5);
        color: white;
        left: 0;
    }
}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {
    .contact_pc {
        display: none !important;
    }

    .contact_mobile {
        display: block !important;
    }

    .last_news_poolad_pc {
        display: none !important;
    }

    .last_news_poolad_mobile {
        display: block !important;
    }

    .about_welcome_pc {
        display: none !important;
    }

    .about_welcome_mobile {
        display: block !important;
    }

    .products_poolad_pc {
        display: none !important;
    }

    .products_poolad_mobile {
        display: block !important;
    }

    .top_box_mobile {
        display: block !important;
    }

    .top_box_pc {
        display: none !important;
    }

    .sidbar_pc {
        display: none !important;
    }

    .slider_home_pc {
        display: none !important;
    }

    .slider_home_mobile {
        display: block !important;
    }

    .carousel-caption {
        max-width: 100%;
        width: 100%;
        height: 30% !important;
        top: 75%;
        background-color: rgba(51, 80, 132, 0.5);
        color: white;
        left: 0;
    }
}

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {
    .contact_pc {
        display: block !important;
    }

    .contact_mobile {
        display: none !important;
    }

    .last_news_poolad_pc {
        display: block !important;
    }

    .last_news_poolad_mobile {
        display: none !important;
    }

    .about_welcome_pc {
        display: block !important;
    }

    .about_welcome_mobile {
        display: none !important;
    }

    .products_poolad_pc {
        display: block !important;
    }

    .products_poolad_mobile {
        display: none !important;
    }

    .top_box_mobile {
        display: none !important;
    }

    .top_box_pc {
        display: block !important;
    }

    .sidbar_pc {
        display: block !important;
    }

    .slider_home_pc {
        display: block !important;
    }

    .slider_home_mobile {

        display: none !important;
    }

    .carousel-caption {
        max-width: 100%;
        width: 100%;
        height: 11% !important;
        top: 90%;
        background-color: rgba(51, 80, 132, 0.5);
        color: white;
        left: 0;
    }

    .slider-container {
        height: 86vh !important;
        width: 100% !important;
    }

    .rev_slider_wrapper {
        height: 86vh !important;
        width: 100% !important;

    }

    #header.header-effect-shrink .header-container {
        background: rgba(255, 255, 255, 0.60) !important;
        /*background: rgba(0, 0, 0, 0) !important;*/


    }
}

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {
    #header.header-effect-shrink .header-container {
        background: rgba(255, 255, 255, 0.60) !important;
        /*background: rgba(0, 0, 0, 0) !important;*/


    }

    .slider_home_pc {
        display: block !important;
    }

    .products_poolad_pc {
        display: block !important;
    }

    .about_welcome_pc {
        display: block !important;
    }

    .last_news_poolad_pc {
        display: block !important;
    }

    .contact_pc {
        display: block !important;
    }

    .contact_mobile {
        display: none !important;
    }

    .last_news_poolad_mobile {
        display: none !important;
    }

    .about_welcome_mobile {
        display: none !important;
    }

    .products_poolad_mobile {
        display: none !important;
    }

    .top_box_pc {
        display: block !important;
    }

    .top_box_mobile {
        display: none !important;
    }

    .sidbar_pc {
        display: block !important;
    }

    .slider_home_mobile {
        display: none !important;
    }

    .slider-container {
        height: 86vh !important;
        width: 100% !important;
    }

    .rev_slider_wrapper {
        height: 86vh !important;
        width: 100% !important;

    }

    .carousel-caption {
        max-width: 100%;
        width: 100%;
        height: 11% !important;
        top: 90%;
        background-color: rgba(51, 80, 132, 0.5);
        color: white;
        left: 0;
    }
}


.owl-carousel .owl-item img {
    height: 300px !important;
}

.slider_ul > ul > li > img {
    width: 100% !important;
}

.box {
    opacity: 1;
}

.content-box > p {
    margin-top: -5px;
    color: white;
    font-size: 13px !important;
}

.history > p {
    color: white !important;
    direction: rtl;
    margin-top: -5px !important;
}

.card-right-manager {
    border-bottom-right-radius: 50px;
    border-top-left-radius: 50px;
    border-top-right-radius: 50px
}

.card-right-manager > img {
    border-top-left-radius: 50px;
    border-top-right-radius: 50px
}

.card-right-manager > div:nth-child(2) {
    background-color: #335084;
    border-bottom-right-radius: 50px
}

.card-center-manager {
    border-bottom-right-radius: 50px;
    border-top-left-radius: 50px;
    border-top-right-radius: 50px;
}

.card-center-manager > img {
    border-top-left-radius: 50px;
    border-top-right-radius: 50px
}

.card-left-manager {
    border-bottom-right-radius: 50px;
    border-bottom-left-radius: 50px;
    border-top-left-radius: 50px;
    border-top-right-radius: 50px;
}

.card-left-manager > img {
    border-top-left-radius: 50px;
    border-top-right-radius: 50px;
    border-bottom-left-radius: 50px;
}

.card-left-manager > div:nth-child(2) {
    background-color: #335084;
    border-bottom-left-radius: 50px;
}