

/* News */
/* Large Devices, Wide Screens */
@media only screen and (max-width : 1920px) {

}
/* Large Devices, Wide Screens */
@media only screen and (max-width : 1680px) {

}
/* Large Devices, Wide Screens */
@media only screen and (max-width : 1600px) {

}

/* MAC Laptops */
@media only screen and (max-width : 1440px) {
    
}
/* HD Ready Laptops */
@media only screen and (max-width : 1366px) {

}

/* HD Ready Laptops */
@media only screen and (max-width : 1360px) {

}
/* Box Screens 1280x1024 */
@media only screen and (max-width : 1280px) {
} 

/* Zoomed in FF Break point */
@media only screen and (max-width : 1240px) {

} 

@media only screen and (max-width : 1141px) {
    /*header bar*/
    #ast-desktop-header {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }
    .call_us_header>h4 {
        font-size: 20px !important;
    }
    .main-header-menu > .menu-item > .menu-link {
        padding-left: 15px !important;
    }
   
} 
/* iPads */
@media only screen and (max-width : 1025px) {



    /*projects page*/
    .page-id-1089 .projects__page .projects__hero .projects__view .projects__list .project__item .image_box {
        height: 200px;
    }
    .page-id-1089 .projects__page .projects__hero .projects__view .projects__list .project__item .image_box img {
        height: 200px;
        object-fit: cover;
        object-position: center;
    }
}
@media only screen and (max-width : 1023px) {
}
@media only screen and (max-width : 992px) {
    /*home page*/
    .page-id-10 .home__container .home__box .africanos__box .af__item.item_3 {
        margin-bottom: 20px;
    }
    .page-id-10 .home__container .home__box .africanos__box .af__item.item_4 {
        margin-bottom: 40px;
    }
    .page-id-10 .home__container .home__box .testi__block .tb__container .testi_list .tl_2 {
        margin-top: 60px;
    }
    .page-id-10 .home__container .home__box .testi__block .tb__container .testi_list .tl_1 ul.c_list {
        padding-bottom: 40px !important;
    }
    /*news page*/
    .page-id-20270 .news__main__container .news__page .news__content__box .ncb__box .ncb__item .ncb_2 {
        margin-bottom: 40px;
        padding-bottom: 20px !important;
    }
	.page-id-20270 .news__main__container .news__page .news__content__box .ncb__box .ncb__item .ncb_2 h2 {
        margin-top: 25px;
    }
    #masthead .ast-mobile-header-wrap .ast-primary-header-bar {
        padding-left: 15px;
        padding-right: 15px;
    }

}
@media only screen and (max-width : 921px) {
    /*home*/
    header {
        padding: 0px !important;
    }
    .ast-logo-title-inline .site-logo-img {
         width: 160px !important;
    }
    .site-logo-img img {
        width: 160px !important;
    }
    .call_us_header>h4 {
        font-size: 22px;
    }
}
@media only screen and (max-width : 835px) {
    /*home page*/
   .page-id-10 .home__container .home__box .testi__block .tb__container .testi_list .tl_2 {
    margin-top: 80px !important;
   }
}
/*Galaxy Tab 3 */
@media only screen and (max-width : 804px) {
 
}
@media only screen and (max-width : 781px) {

}

@media only screen and (max-width : 768px) {
    /*home*/
/*    .page-id-10 .home__container .home__box .our__latest__projects .olp__container .projects__list.owl-loaded {
        margin-right: 0px !important;
    }*/
    .page-id-10 .home__container .home__box .our__latest__projects .olp__container .projects__list .project__item .image_box {
        height: 280px;
    }
    .page-id-10 .home__container .home__box .our__latest__projects .olp__container .projects__list .project__item .image_box img {
        height: 280px;
    }
    .page-id-10 .home__container .home__box .our__latest__projects .olp__container .projects__list .project__item .p_item {
        min-height: 540px;
    }
    .page-id-10 .home__container .home__box .our__latest__projects .olp__container div.projects__list {
        width: 100%;
        position: relative;
        left: 12px;
    }
    .page-id-10 .home__container .home__box .our__latest__projects .olp__container .projects__list .project__item {
        padding: 0px;
        padding-right: 15px;
    }
    .page-id-10 .home__container .home__box .hero__box ul.list .hero__slider {
        margin: -50px auto 50px auto;
        width: 80% !important;
        padding-bottom: 30px;
    }
    .page-id-10 .home__container .home__box .hero__box ul.list .hero__image img:nth-child(1) {
        display: block !important;
    }
    .page-id-10 .home__container .home__box .hero__box ul.list .hero__image img:nth-child(2) {
        display: none !important;
    }


    /*project page*/
    .page-id-1089 .projects__page .projects__hero .image__box img {
        height: 200px;
        object-fit: cover;
        object-position: top;
    }
    .page-id-1089 .projects__page .projects__hero .projects__view .projects__list .project__item .image_box {
        /*height: 100% !important;*/
    }
    .page-id-1089 .projects__page .projects__hero .projects__view .projects__list .project__item .image_box img {
        height: 200px !important;
        object-fit: cover;
        object-position: center;
    }
    /*single project*/
    .single-project .single__project__page .single__project__box .body__content__container .bc__box .table-show {
        overflow-y: scroll !important;
    }
    .single-project .single__project__page .single__project__box .body__content__container .bc__box .bc_2 .plan__gallery__box div.row {
        position: relative;
    }
    .single-project .single__project__page .single__project__box .body__content__container .bc__box .bc_2 .plan__gallery__box div.row .plan-src {
        position: absolute;
        visibility: hidden;
    }
        .single-project .single__project__page .single__project__box .body__content__container .bc__box .bc_2 .plan__gallery__box div.row .plan-src:nth-child(1) {
        position: relative;
        visibility: visible;
    }
    /*single post*/
    .single-post .single__news__page .news__single__container .body__container .body__box {
        flex-direction: column-reverse;
    }
    .single-post .single__news__page .news__single__container .body__container .body__box .bc_1,
    .single-post .single__news__page .news__single__container .body__container .body__box .bc_2 {
        margin-bottom: 25px;
    }


    /*company profile page*/
    .page-id-1073 .company__profile__page .company__profile__box .family__box .row__item .item_1 .item__box img {
        height: 550px;
    }


    /*contact us page*/
    .page-id-1085 .contact__us__page .contact__us__box .contact__data .contact__map,
    .page-id-1085 .contact__us__page .contact__us__box .get__in__touch .git_item {
        padding-right: 15px;
    }
    .page-id-1085 .contact__us__page .contact__us__box .contact__data .contact__info::before {
        left: 0px;
        top: 0px;
        height: 100%;
        width: 15px;
    }
    .page-id-1085 .contact__us__page .contact__us__box .contact__data .contact__info::after {
        position: absolute;
        content: "";
        right: 0px;
        top: 0px;
        height: 100%;
        width: 15px;
        background-color: #fff;
    }
}

@media only screen and (max-width : 767px) {
    footer .footer__second .fs_1, footer .footer__second .fs_2, footer .footer__second .fs_3 {
        justify-content: start;
        align-items: start;
        margin-bottom: 20px;
    }

}
/* LGalaxy SIII*/
@media only screen and (max-width : 720px) {

}

@media only screen and (max-width : 601px) {
    #chaty-widget-0{bottom: 90px!important;}
    /*home page*/
    .ast-logo-title-inline .site-logo-img {
        width: 146px !important;
        display: inline-block;
    }
    .call_us_header>h3 {
        font-size: 13px !important;
        line-height: 16px !important;
    }
    .call_us_header>h4 {
        font-size: 15px !important;
        line-height: 22px !important;
    }
    .call_us_header {
        padding-bottom: 0px !important;
        padding-top: 0px !important;
    }
    .page-id-10 .home__container .home__box .our__latest__projects .olp__container div.projects__list {
        width: 100%;
        position: relative !important;
        left: 20px;
    }
    .owl-carousel .owl-stage-outer {
        width: 102% !important;
        left: -1%;
    }
    .page-id-10 .home__container .home__box .hero__box .hero__slider {
        width: 500px !important;
        margin-top: -50px !important;
    }
    .page-id-10 .home__container .home__box .hero__box .hero__slider h1.title {
        font-size: 12px;
        font-weight: bold;
        line-height: 13px;
        margin-bottom: 15px;
        text-align: center !important;
    }
    .page-id-10 .home__container .home__box .hero__box .hero__slider ul.list {
        font-size: 22px;
        font-weight: lighter;
        line-height: 26px;
    }
    .page-id-10 .home__container .home__box .hero__box ul.list .hero__slider p {
        font-size: 18px;
        line-height: 26px;
    }
    .page-id-10 .home__container .home__box .hero__box ul.list .hero__slider h1.title {
        font-size: 14px;
        line-height: 22px;
    }
    .page-id-10 .home__container .home__box .testi__block .tb__container .title__box {
        justify-content: center !important;
    }
    .page-id-10 .home__container .home__box .testi__block .tb__container .testi_list .tl_1 ul.c_list .item span.date {
        margin-left: -45px;
    }
    .page-id-10 .home__container .home__box .testi__block .tb__container .testi_list .tl_1 ul.c_list .item h3 {
        margin-left: -45px;
    }
    .page-id-10 .home__container .home__box .testi__block .tb__container .testi_list .tl_1 ul.c_list ul.slick-dots {
        margin-left: 0px;
    }
    .page-id-10 .home__container .home__box .testi__block {
        padding-bottom: 50px !important;
    }
    .page-id-10 .home__container .home__box .our__latest__projects .olp__container .title__box h2,
    .page-id-10 .home__container .home__box .our__latest__news .oln__container .title__box h2,
    .single-project .single__project__page .single__project__box .our__latest__news .oln__container .title__box h2,
    .single-post .single__news__page .news__single__container .our__latest__news .oln__container .title__box h2 {
        text-align: center;
        width: 100%;
    }
    .page-id-10 .home__container .home__box .our__latest__projects .olp__container .title__box span,
    .page-id-10 .home__container .home__box .our__latest__news .oln__container .title__box span,
    .single-project .single__project__page .single__project__box .our__latest__news .oln__container .title__box span,
    .single-post .single__news__page .news__single__container .oln__container .title__box span
     {
        display: inline-block;
        position: absolute;
        bottom: 40px;
        left: 50%;
        transform: translateX(-50%);
    }
    .page-id-10 .home__container .home__box .our__latest__projects .olp__container div.row,
    .page-id-10 .home__container .home__box .our__latest__projects .olp__container .title__box,
    .page-id-10 .home__container .home__box .our__latest__news .oln__container div.row,
    .page-id-10 .home__container .home__box .our__latest__news .oln__container .title__box,
    .single-project .single__project__page .single__project__box .our__latest__news .oln__container div.row,
    .single-project .single__project__page .single__project__box .our__latest__news .oln__container .title__box,
    .single-post .single__news__page .news__single__container .oln__container  div.row,
    .single-post .single__news__page .news__single__container .oln__container .title__box {
        position: unset;
    }
    .page-id-10 .home__container .home__box .our__latest__projects,
    .page-id-10 .home__container .home__box .our__latest__news,
    .single-project .single__project__page .single__project__box .our__latest__news,
    .single-post .single__news__page .news__single__container .our__latest__news {
        padding-bottom: 100px !important;
        position: relative;
    }
    .page-id-10 .home__container .home__box .testi__block .tb__container .testi_list .tl_1 ul.c_list .item p:nth-child(2)::before {
        left: -36px;
        top: 0px;
        width: 30px;
        height: 30px;
    }
    .page-id-10 .home__container .home__box .testi__block .tb__container .testi_list .tl_1 ul.c_list .item p:nth-child(2)::after {
        right: 0px;
        bottom: -40px;
        width: 30px;
        height: 30px;
    }

    /*projects page*/
    .page-id-1089 .projects__page .projects__hero .our__latest__news .oln__container .title__box h2 {
        text-align: center;
        width: 100%;
    }
    .page-id-1089 .projects__page .projects__hero .our__latest__news .oln__container .title__box span {
        display: inline-block;
        position: absolute;
        bottom: 40px;
        left: 50%;
        transform: translateX(-50%);
    }
    .single-project .single__project__page .single__project__box .header__container .gallery__box a {
        width: 100% !important;
        height: 100% !important;
        display: inline-block !important;
    }
    .single-project .single__project__page .single__project__box .header__container .gallery__box a img {
        height: 370px !important;
    }
    .page-id-1089 .projects__page .projects__hero .our__latest__news .oln__container div.row,
    .page-id-1089 .projects__page .projects__hero .our__latest__news .oln__container .title__box {
        position: unset;
    }
    .page-id-1089 .projects__page .projects__hero .our__latest__news {
        padding-bottom: 100px !important;
        position: relative;
    }
    /*single post*/
    .single-post .single__news__page .news__single__container .nav__box .nb .nb__body {
        flex-wrap: nowrap;
    }
    .single-post .single__news__page .news__single__container .nav__box .nb .nb__body .nb__next .box a:nth-child(1),
    .single-post .single__news__page .news__single__container .nav__box .nb .nb__body .nb_prev .box a:nth-child(1) {
        display: none;
    }
    .single-post .single__news__page .news__single__container .nav__box {
        padding-top: 60px;
        padding-bottom: 60px;
    }


    /*testimonial page*/
    .page-id-1093 .testimonials__container .testi__inner__box .testi__content__box .testi__box .testi__item .ti {
        margin-left: 15px;
        margin-right: 15px;
    }
    .page-id-1093 .testimonials__container .testi__inner__box .testi__content__box .testi__subheading h2 {
        text-align: center;
    }
     .page-id-1093 .testimonials__container .testi__inner__box .testi__content__box .testi__subheading h2 span {
        display: block;
        text-align: center;
    }



    /*404 page*/
    :is(.page-id-66, .error404) .error-404.not-found > div p:first-child {
        font-size: 37vw !important;
        line-height: 214px !important;
        font-weight: 700 !important;
    }
    :is(.page-id-66, .error404) .error-404.not-found > div p:nth-child(2) {
        font-size: 10vw !important;
    }

    /*legal page*/
    .page-id-72 #primary p {
        text-align: justify !important;
    }

    /*footer*/
    footer .footer__first .fb_1,
    footer .footer__first .fb_2,
    footer .footer__first .fb_3 {
        text-align: center;
    }
    footer .footer__first .fb_1 .call_us_box a[aria-label="find us"] {
        margin: 20px auto;
    }
    footer .footer__first .fb_1 .follow_us_box .social_box {
        justify-content: center;
        margin-top: 20px;
        margin-bottom: 20px;
    }
    footer .footer__first .fb_2 .quick_links {
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    footer .footer__first .fb_2 .quick_links ul.one {
        margin-right: 0px;
        margin-bottom: 0px;
    }
    footer .footer__second .fs_1, footer .footer__second .fs_2, footer .footer__second .fs_3 {
        align-items: center;
    }
    .call_us_header.h-available-link.d-none {display: block !important;padding-top: 10px !important;padding-bottom: 10px !important;}
}


/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 501px) {    
    /*home page*/
    .menu__container {
        width: 320px;
        padding: 30px 20px;

    }
    .page-id-10 .home__container .home__box .hero__box .hero__slider {
        width: 400px !important;
        margin-top: -50px !important;
    }
}
/* iPhone6+ */
@media only screen and (max-width : 419px) {
    /*contact us page*/
    .page-id-1085 .contact__us__page .contact__us__box .get__in__touch .git_item .git_box {
        box-shadow: unset;
    }
    .page-id-1085 .contact__us__page .contact__us__box .get__in__touch .git_item .git_box form .form-group:nth-child(5) {
        flex-direction: row;
        flex-wrap: wrap;
    }
    .page-id-1085 .contact__us__page .contact__us__box .get__in__touch .git_item .git_box form .form-group:nth-child(5) a {
        margin-left: 28px;
    }
}
@media only screen and (max-width : 414px) {
    /*projects page*/
    .page-id-1089 .projects__page .projects__hero .image__box .title__box .title .inner_t {
       padding: 20px 30px; 
       width: 90% !important;
       margin-top: -40px;
    }
    .page-id-1089 .projects__page .projects__hero .image__box .title__box .title .inner_t h1 {
        font-size: 21px;
    }
}

/* Galaxy Edge*/
@media only screen and (max-width : 412px) {
    /*home page*/
    .page-id-10 .home__container .home__box .hero__box .hero__slider {
        width: 300px !important;
        margin-top: -50px !important;
    }
    .page-id-10 .home__container .home__box .hero__box .hero__slider ul.list {
        font-size: 18px;
        font-weight: lighter;
        line-height: 26px;
    }
    .page-id-10 .home__container .home__box .hero__box .hero__slider ul.pagination-dots {
        left: 41% !important;
    }
    .page-id-10 .home__container .home__box .africanos__box .af__item.item_3 .afv_box span,
    .page-id-10 .home__container .home__box .africanos__box .af__item.item_4 .afv_box span {
        font-size: 14px;
        font-weight: bold;
        line-height: 26px;
        bottom: 15px;
    }


    /*company profile page*/
    .page-id-1073 .company__profile__page .company__profile__box .family__box .row__item .item_1 .item__box img {
        height: 400px;
        object-position: top;
    }
}
/* iphone6*/
@media only screen and (max-width : 375px) {

}
/* Note2*/
@media only screen and (max-width : 360px) {

}
/* Iphone5 */ 
@media only screen and (max-width : 320px) {

}

@media only screen and (max-height: 790px) {
}

/* Mobile Style Css */

/* Smartphones (portrait and landscape) ----------- */
@media only screen
and (min-device-width : 320px)
and (max-device-width : 480px) {
    /* STYLES GO HERE */
}

/* Smartphones (landscape) ----------- */
@media only screen
and (min-width : 321px) {
    /* STYLES GO HERE */
}

/* Smartphones (portrait) ----------- */
@media only screen
and (max-width : 320px) {
    /* STYLES GO HERE */
}



/* ----------- iPhone 4 and 4S ----------- */

/* Portrait and Landscape */
@media only screen
and (min-device-width: 320px)
and (max-device-width: 480px)
and (-webkit-min-device-pixel-ratio: 2) {

}

/* Portrait */
@media only screen
and (min-device-width: 320px)
and (max-device-width: 480px)
and (-webkit-min-device-pixel-ratio: 2)
and (orientation: portrait) {
}

/* Landscape */
@media only screen
and (min-device-width: 320px)
and (max-device-width: 480px)
and (-webkit-min-device-pixel-ratio: 2)
and (orientation: landscape) {

}

/* ----------- iPhone 5 and 5S ----------- */

/* Portrait and Landscape */
@media only screen
and (min-device-width: 320px)
and (max-device-width: 568px)
and (-webkit-min-device-pixel-ratio: 2) {

}

/* Portrait */
@media only screen
and (min-device-width: 320px)
and (max-device-width: 568px)
and (-webkit-min-device-pixel-ratio: 2)
and (orientation: portrait) {
}

/* Landscape */
@media only screen
and (min-device-width: 320px)
and (max-device-width: 568px)
and (-webkit-min-device-pixel-ratio: 2)
and (orientation: landscape) {

}

/* ----------- iPhone 6 ----------- */

/* Portrait and Landscape */
@media only screen
and (min-device-width: 375px)
and (max-device-width: 667px)
and (-webkit-min-device-pixel-ratio: 2) {

}

/* Portrait */
@media only screen
and (min-device-width: 375px)
and (max-device-width: 667px)
and (-webkit-min-device-pixel-ratio: 2)
and (orientation: portrait) {

}

/* Landscape */
@media only screen
and (min-device-width: 375px)
and (max-device-width: 667px)
and (-webkit-min-device-pixel-ratio: 2)
and (orientation: landscape) {

}

/* ----------- iPhone 6+ ----------- */

/* Portrait and Landscape */
@media only screen
and (min-device-width: 414px)
and (max-device-width: 736px)
and (-webkit-min-device-pixel-ratio: 3) {

}

/* Portrait */
@media only screen
and (min-device-width: 414px)
and (max-device-width: 736px)
and (-webkit-min-device-pixel-ratio: 3)
and (orientation: portrait) {

}

/* Landscape */
@media only screen
and (min-device-width: 414px)
and (max-device-width: 736px)
and (-webkit-min-device-pixel-ratio: 3)
and (orientation: landscape) {

}

/* iPads (portrait and landscape) ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px) {
    /* STYLES GO HERE */
}

/* iPads (landscape) ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : landscape) {
    /* STYLES GO HERE */
}

/* iPads (portrait) ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : portrait) {
    /* STYLES GO HERE */
}

/* ----------- iPad mini ----------- */

/* Portrait and Landscape */
@media only screen
and (min-device-width: 768px)
and (max-device-width: 1024px)
and (-webkit-min-device-pixel-ratio: 1) {

}

/* Portrait */
@media only screen
and (min-device-width: 768px)
and (max-device-width: 1024px)
and (orientation: portrait)
and (-webkit-min-device-pixel-ratio: 1) {

}

/* Landscape */
@media only screen
and (min-device-width: 768px)
and (max-device-width: 1024px)
and (orientation: landscape)
and (-webkit-min-device-pixel-ratio: 1) {

}

/* ----------- iPad 1 and 2 ----------- */
/* Portrait and Landscape */
@media only screen
and (min-device-width: 768px)
and (max-device-width: 1024px)
and (-webkit-min-device-pixel-ratio: 1) {

}

/* Portrait */
@media only screen
and (min-device-width: 768px)
and (max-device-width: 1024px)
and (orientation: portrait)
and (-webkit-min-device-pixel-ratio: 1) {

}

/* Landscape */
@media only screen
and (min-device-width: 768px)
and (max-device-width: 1024px)
and (orientation: landscape)
and (-webkit-min-device-pixel-ratio: 1) {

}

/* ----------- iPad 3 and 4 ----------- */
/* Portrait and Landscape */
@media only screen
and (min-device-width: 768px)
and (max-device-width: 1024px)
and (-webkit-min-device-pixel-ratio: 2) {

}

/* Portrait */
@media only screen
and (min-device-width: 768px)
and (max-device-width: 1024px)
and (orientation: portrait)
and (-webkit-min-device-pixel-ratio: 2) {

}

/* Landscape */
@media only screen
and (min-device-width: 768px)
and (max-device-width: 1024px)
and (orientation: landscape)
and (-webkit-min-device-pixel-ratio: 2) {

}

/* Desktops and laptops ----------- */
@media only screen
and (min-width : 1224px) {
    /* STYLES GO HERE */
}

/* Large screens ----------- */
@media only screen
and (min-width : 1824px) {
    /* STYLES GO HERE */
}


/* ----------- Non-Retina Screens ----------- */
@media screen
and (min-device-width: 1200px)
and (max-device-width: 1600px)
and (-webkit-min-device-pixel-ratio: 1) {
}

/* ----------- Retina Screens ----------- */
@media screen
and (min-device-width: 1200px)
and (max-device-width: 1600px)
and (-webkit-min-device-pixel-ratio: 2)
and (min-resolution: 192dpi) {
}