@media (min-width: 1920px) {
}

/* Normal desktop :1170px. */
@media (min-width: 1170px) and (max-width: 1349px) {
}

@media (max-width: 1199px) {

    /*BOD*/
    ul.bod li {
        width: 47.8%;
        float: left;
        margin-right: 30px;
        margin-bottom: 30px; /* height: 335px;*/
        background: #e8e8e8;
    }

        ul.bod li:nth-of-type(2n) {
            margin-right: 0px;
        }


        ul.bod li:nth-of-type(3n) {
            margin-right: 30px;
        }
        ul.bod li:nth-of-type(6) {
            margin-right: 0px;
        }

        ul.bod li:last-child {
            margin-right: 0px;
        }

    .main-menu ul.navbar-nav > li > a {
        font-weight: 400;
        font-size: 12px;
        margin: 0px 6px;
    }

    .project-3 .awesome-img img {
        width: 100%;
    }

    .project-3 .add-actions {
        left: 10%;
        top: 13%;
        width: 80%;
    }

   /* .chairman-background {
        padding: 30px;
    }*/

/*    .chairman-img {
        width: 229px;
        height: 214px;
    }*/

    .chairman-cont {
        margin-right: 0px;
        margin-top: 25px;
        width: 100%;
    }

    ul.contact li {
        width: 48.2%;
    }
}
    @media (max-width: 767px) {
          .chairman-background {
        width: 50%;
    }
		
.search-option {
    /*background: #fff none repeat scroll 0 0;*/
    bottom: inherit;
	top:80px;
}
		
    }

    @media (max-width: 479px) {
          .chairman-background {
        width: 100%;
    }
    .chairman-img{
        width: 100%;
        float: none;
    }
    }
/*CORE INVESTMENTS*/
ul.core-investments li {
    width: 100%; /*height: 330px;*/
    float: left;
    margin-bottom: 25px;
    border-bottom: 1px solid rgba(255,255,255,0.1);
    padding-bottom: 20px;
}

/*OTHER INVESTMENTS*/
ul.other-investments li {
    width: 47.8%; /*height: 330px;*/
    float: left;
    margin-right: 30px;
    margin-bottom: 25px;
}

/*SHAREHOLDERS*/
ul.shareholders li {
    width: 100%;
/*    float: left;*/
  /*  margin-right: 0px;
   background: #fbfbfb;
        padding: 25px;*/
    margin-bottom: 30px;
	border-bottom: solid 1px rgba(255,255,255,0.1);
  /*  display: table-cell;*/
}
ul.shareholders li:last-child {border-bottom: none; }

/*    ul.shareholders li:nth-child(2n) {
        margin-right: 0px;
    }*/

ul.shareholders li img{display:block; /*border: 1px solid #ddd; */width: 30%; /*padding: 10px; background: #fff;*/}



/*PARTNERS-STAKEHOLDERS*/
ul.partners-stakeholders li {
    width: 22.5%;
    float: left;
    margin-right: 15px;
    margin-bottom: 15px;
    border: 1px solid #eee;
    padding: 20px;
}

    ul.partners-stakeholders li:nth-of-type(4n) {
        margin-right: 0px;
    }

/*CONTACT*/
ul.contact li {
    margin-right: 19px;
}

@media (max-width: 991px) {
    /*.header-area .main-menu ul.navbar-nav > li > a{font-size: 11px; padding:30px 0px;}*/
    .header-right-link .slice-btn {
        display: none;
    }

    .header-right-link {
        width: auto !important;
    }

    .header-area.stick .main-menu ul.navbar-nav > li > a {
        font-size: 14px;
        margin: 0px 6px; /*padding: 27px 0px;*/
    }

    .about-image {
        margin-bottom: 30px;
    }

    .navbar {
        min-height: auto;
    }

    .main-menu ul.navbar-nav > li > a {
        padding-bottom: 20px;
    }

    .inner-banner h1 {
        font-size: 32px;
    }

    .inner-banner h1 {
        margin-bottom: 0px;
    }

    ul.breadcrumb {
        float: left;
        margin-top: 0px;
    }

    .inner-banner-overlay {
        padding: 35px 0px;
    }

    .inner-banner h1, .breadcrumb {
        padding: 0px 0px;
    }

    .copyright {
        text-align: left;
    }

    .address {
        margin-bottom: 30px;
    }

    ul.contact {
        width: 100%;
        float: left;
    }


    /*PARTNERS-STAKEHOLDERS*/
    ul.partners-stakeholders {
        margin-bottom: 30px;
    }

    /*OTHER INVESTMENTS*/
    ul.other-investments li:nth-of-type(5), ul.other-investments li:nth-of-type(6) {
        margin-bottom: 30px;
    }
}

/* Normal desktop :992px. */
@media (min-width: 992px) and (max-width: 1169px) {
    /*.header-area.stick .main-menu ul.navbar-nav li a {
    padding: 28px 0px;
}*/
    .well-services {
        padding: 30px 15px;
    }

    .number {
        font-size: 150px;
    }

    .single-service {
        padding: 20px 12px 5px;
    }

        .single-service h4 {
            font-size: 19px;
        }

    .fun-content {
        padding: 60px 20px;
    }

    .project-headline h3 {
        font-size: 25px;
    }

    .single-awesome-project:hover .add-actions {
        top: 10%;
    }

    .quote-contact {
        padding: 0px 30px;
    }

    .single-contact {
        padding-right: 10px;
    }

        .single-contact span {
            font-size: 15px;
        }

    .blog-content {
        padding: 30px 10px;
    }

        .blog-content a h4 {
            font-size: 17px;
        }

        .blog-content p {
            font-size: 14px;
        }

    span.share-link {
        margin-left: 20%;
    }

    .intro-2 .layer-1 h1 {
        max-width: 880px;
    }

    .about-content h3 {
        font-size: 24px;
    }

    span.about-icon {
        float: none;
        display: block;
    }
}




/* Tablet desktop :768px. */
@media (min-width: 768px) and (max-width: 991px) {
    /*.header-area .main-menu ul.navbar-nav > li > a {
    font-size: 12px;
    margin: 0px 11px;
    padding: 30px 0px;
}*/

    /*.header-area.stick .header-right-link a.main-search {
    padding: 17px 0px 18px 5px;
}*/
    .header-area-2 .header-right-link .slice-btn {
        padding: 20px 0px;
    }

    .header-area-2.stick .header-right-link .slice-btn {
        padding: 20px 0px;
    }

    .header-area .header-right-link .slice-btn {
        padding: 28px 0px;
    }

    .header-area.stick .header-right-link .slice-btn {
        padding: 24px 0px;
    }
    /*.header-area.stick .main-menu ul.navbar-nav > li > a{
    font-size: 12px;
    margin: 0px 11px;
    padding: 27px 0px;
}*/
    .header-area.stick .logo a {
        padding: 28px 0;
    }
    /*.logo a {
    padding: 13px 0;
}*/
    /*.header-right-link a.main-search {
    padding: 20px 0px 20px 5px;
}*/
    .layer-1 h1 {
        font-size: 34px;
        line-height: 44px;
        margin: 10px 0px;
        max-width: 630px;
    }

    .layer-2 p {
        max-width: 550px;
        font-size: 18px;
        line-height: 26px;
    }

    .slider-content {
        margin-top: -135px;
    }

    .about-content p {
        display: none;
    }

    .about-content h3 {
        line-height: 28px;
        font-size: 20px;
        margin-bottom: 0px;
    }

    .left-head h4 {
        font-size: 20px;
    }

    .single-service {
        padding: 20px 15px 5px;
    }

    .fun-content {
        padding: 60px 10px;
    }

    .quote-contact {
        padding: 0px 30px;
    }

    .project-headline h3 {
        font-size: 20px;
        line-height: 28px;
        padding-right: 15px;
    }

    .project-headline p {
        padding-left: 15px;
    }

    .project-single {
        width: 50%;
    }

    .testi-img img {
        max-width: 80px;
    }

    .brand-items {
        padding: 0px 10px;
    }

    .banner-content h3 {
        font-size: 24px;
        padding: 0px 20px;
    }

    .blog-content a h4 {
        font-size: 16px;
    }

    .footer-services-link ul.footer-list {
        width: 100%;
        float: none;
    }

    .footer-icons ul li a {
        margin-right: 0px;
    }

    .header-area.header-area-2 .main-menu ul.navbar-nav > li > a {
        padding: 22px 0px;
    }

    .header-area.header-area-2 .logo a {
        padding: 8px 0;
    }

    .header-area.header-area-2 .header-right-link a.main-search {
        padding: 12px 0px 12px 5px;
    }

    .intro-2 .layer-1 h1 {
        max-width: 580px;
    }

    .intro-2 .layer-2 p {
        max-width: 560px;
    }

    .intro-2 .slider-content {
        margin-top: -80px;
    }

    .about-2 .about-content {
        padding: 80px 30px 80px 30px;
    }

    span.about-icon {
        float: none;
        margin-right: 0px;
        display: block;
        margin-bottom: 10px;
    }

    .blog-right-column .blog-image {
        display: none;
    }

    .blog-right-column .blog-content {
        width: 100%;
    }

    .header-area.header-area-3 .main-menu ul.navbar-nav > li > a {
        padding: 20px 0px;
    }

    .header-area-3 .header-right-link .slice-btn,
    .header-area-3.stick .header-right-link .slice-btn {
        padding: 18px 0px;
    }

    .header-middle-area .header-info:first-child {
        display: none;
    }

    .header-middle-area .header-info {
        width: 50%;
        float: left;
    }

    .about-3 .about-content {
        padding: 0px;
    }

        .about-3 .about-content h3 {
            line-height: 30px;
            font-size: 22px;
        }

    span.sign {
        width: 110px;
    }

    .header-area.header-area-4 .main-menu ul.navbar-nav > li > a {
        padding: 22px 0px;
    }

    .header-area.header-area-4 .logo a {
        padding: 8px 0;
    }

    .header-area.header-area-4 .header-right-link a.main-search {
        padding: 12px 0px 12px 5px;
    }

    .header-area-4 .header-right-link .slice-btn {
        padding: 20px 0px;
    }

    .header-area-4.stick .header-right-link .slice-btn {
        padding: 20px 0px;
    }

    .intro-4 .slider-content {
        margin-top: -85px;
    }

    .intro-4 .layer-1 h1 {
        max-width: 580px;
        margin-bottom: 10px;
    }

    .welcome-3 .well-services,
    .welcome-4 .well-services {
        padding: 40px 15px 25px;
    }

    .welcome-3 .number,
    .welcome-4 .number {
        left: 55%;
    }

    .welcome-3 .well-icon,
    .welcome-4 .well-icon {
        display: block;
        float: none;
        margin-right: 0px;
        margin-bottom: 20px;
    }

    .center-head h3 {
        max-width: 590px;
        font-size: 26px;
        line-height: 36px;
    }
    /*.project-3 .awesome-img img {
    width: 100%;
}	
.project-3 .add-actions {
    left: 10%;
    top: 13%;
    width: 80%;
}*/
    .intro-4 .layer-1 h1 {
        max-width: inherit;
    }

    .intro-5 .layer-1 h1 {
        line-height: 42px;
    }

    .intro-5 .layer-2 p {
        max-width: 600px;
    }

    .intro-5 .slider-content {
        margin-top: -120px;
    }

    .video-content {
        margin-top: -50px;
    }
    /*.team-content {
    min-height: 450px;
}*/
    .history {
        margin-bottom: 30px;
    }

    .header-area.header-area-6 .main-menu ul.navbar-nav > li > a {
        padding: 22px 0px;
    }

    .header-area.header-area-6 .logo a {
        padding: 8px 0;
    }

    .header-area.header-area-6 .header-right-link a.main-search {
        padding: 12px 0px 12px 5px;
    }

    .intro-6 .layer-1 h1 {
        font-size: 32px;
        line-height: 38px;
    }

    .intro-6 .slider-content {
        margin-top: -70px;
    }

    .welcome-6 .well-services {
        padding: 50px 15px 30px;
    }

    .intro-2 .intro-content, .intro-2 .slider-images img,
    .intro-4 .intro-content, .intro-4 .slider-images img,
    .intro-6 .intro-content, .intro-6 .slider-images img {
        width: 100%;
        height: 100%;
        min-height: 430px;
    }

    span.share-link {
        margin-left: 30%;
    }

    .topbar-left ul li:last-child {
        display: none;
    }

    .footer-5 .footer-about-top {
        padding: 60px 30px;
        margin-bottom: -179px;
    }

    .main-menu ul.nav li ul.sub-menu {
        left: -50px;
    }

    .header-area-3.stick .header-right-link a.main-search {
        padding: 10px 0px 10px 10px;
    }

    .header-area-3 .main-menu ul.nav li ul.sub-menu {
        left: 0px;
    }

    .project-headline p {
        font-size: 14px;
        margin-top: 0;
    }

    .feature-service h5 {
        font-size: 16px;
    }

    .faq-full {
        margin-top: 30px;
    }

    .fullwidth-service .faq-full {
        margin-top: 0px;
    }

    .add-actions {
        padding: 15px;
    }

    .project-page-4 .project-single {
        width: 33.33%;
        float: left;
    }

    .contact-head {
        margin-top: 30px;
    }

    .recent-post .post-img {
        display: none;
    }

    .recent-post .pst-content {
        float: none;
        width: 100%;
        padding-left: 0px;
    }

    .blog-search-option input {
        width: 75%;
    }

    .blog-details .blog-content h4 {
        font-size: 20px;
        line-height: 28px;
    }

    .comments-list-img {
        width: 60px;
        height: auto;
    }

    .header-area-6 .header-right-link .slice-btn,
    .header-area-6.stick .header-right-link .slice-btn {
        padding: 20px 0px;
    }
}

/* small mobile :320px. */
@media (max-width: 767px) {
    /*.container {width:500px}*/
    ul.contact li {
        width: 100%;
    }
    /*BOD*/
    ul.bod {
        width: 100%;
    }

        ul.bod li {
            width: 48%;
            float: left;
            margin-right: 20px;
            margin-bottom: 20px; /*height: 276px;*/
            background: #e8e8e8;
        }

            ul.bod li:nth-of-type(3n) {
                margin-right: 20px;
            }

            ul.bod li:last-child {
                margin-right: 0px;
            }

    /*SHAREHOLDERS*/
    ul.shareholders {
        margin-bottom: 30px;
    }

        ul.shareholders li {
            width: 100%;
            margin-right: 0px;
        }

            ul.shareholders li img {
                margin-bottom: 20px;
            }
    @media (max-width: 767px) {
            ul.shareholders li img {
                width: auto;
                height: 70px;
            }
            .inner-banner h1{
                line-height: 1.2;
                margin-bottom: 20px;
            }
    }
    /*CORE INVESTMENTS*/
    ul.core-investments li {
        width: 100%;
        height: auto;
        float: left;
        margin-right: 25px;
        margin-bottom: 25px;
        border-bottom: 2px solid #eee;
        padding-bottom: 10px;
    }


    .top-social {
        margin-right: 10px;
    }

    .mean-container .mean-bar {
        float: right;
        right: 0px;
        width: 100%;
    }

    .mobile-menu-area {
        padding: 10px 0px;
       /* height: 120px;*/
    }
    
        .home-page-header  .mobile-menu-area {
        padding: 10px 0px;
        height: 120px;
    }
    
    .home-page-header .mobile-menu-area  ul{
    overflow-y: scroll !important;
    height: 280px;
}
    
    

    .secondary-header {
        margin-top: 0px;
    }

    .mobile-menu-area .header-right-link {
        top: 5px;
        right: 50px;
        z-index: 30000000000;
    }

    .mean-container .mean-nav ul {
        margin:0px;
        float: left;
        overflow: scroll
    }

        .mean-container .mean-nav ul li ul {
            margin: 0px;
        }

    .mean-nav ul li.mean-last {
        margin-bottom: 0px;
    }

    .meanmenu-reveal {
        padding: 0px !important;
    }

    .logo {
        height: inherit;
        left: 15px;
        padding: 0;
        position: absolute;
        top: 20px;
        z-index: 999999;
        max-width: 180px;
    }

    .owl-carousel .nav-btn {
        display: none;
    }

    .logo a {
        padding: 0px;
    }

    .slider-content {
        margin-top: -90px;
    }

    .intro-3 .slider-content {
        margin-top: -105px;
    }

    .intro-carousel.owl-carousel.owl-theme .owl-controls .owl-nav div.owl-prev,
    .intro-carousel.owl-carousel.owl-theme .owl-controls .owl-nav div.owl-next,
    .testimonial-carousel.owl-carousel.owl-theme .owl-controls .owl-nav div.owl-prev,
    .testimonial-carousel.owl-carousel.owl-theme .owl-controls .owl-nav div.owl-next,
    .services-carousel.owl-carousel.owl-theme .owl-controls .owl-nav div.owl-prev,
    .services-carousel.owl-carousel.owl-theme .owl-controls .owl-nav div.owl-next {
        display: none !important;
    }

    .layer-1 {
        margin: 5px 0;
    }

        .layer-1 h1 {
            font-size: 26px;
            line-height: 34px;
            margin-bottom: 20px;
            letter-spacing: 0px;
        }

    .layer-2 p {
        display: none;
    }

    .ready-btn.right-btn {
        margin-left: 5px;
    }

    .ready-btn {
        margin-top: 0px;
        padding: 6px 0px;
        width: 128px;
        font-size: 12px;
    }

    .intro-area {
        width: 100%;
        height: auto;
        min-height: 220px;
        margin-top: 0px;
    }

    .intro-content,
    .slider-images img {
        width: 100%;
        height: 100%;
        min-height: 260px;
    }

    .about-content h3 {
        line-height: 28px;
        font-size: 20px;
        margin-top: 20px;
    }

    .video-play.vid-zone {
        font-size: 24px;
        height: 70px;
        line-height: 70px;
        width: 70px;
    }

    .left-head {
        margin-bottom: 40px;
    }

    .single-service {
        padding: 20px 12px 5px;
    }

    .fun-content {
        padding: 60px 20px;
    }

    .single-fun {
        margin: 15px 0px;
    }

    .project-headline h3 {
        width: 100%;
        float: none;
        padding-right: 0px;
        margin-bottom: 20px;
    }

    .project-headline p {
        width: 100%;
        float: none;
        padding-left: 0px;
        margin-bottom: 40px;
    }

    .project-headline::after {
        display: none;
    }

    .project-single,
    .project-page-2 .project-single,
    .project-page-3 .project-single,
    .project-page-4 .project-single {
        width: 100%;
        float: none;
    }

    .project-menu {
        margin: 0px 0px 30px;
    }

        .project-menu li {
            width: 50%;
        }

    .quote-contact {
        padding: 0px 30px;
    }

    .single-contact {
        width: 100%;
        float: none;
        margin-bottom: 40px;
    }

    .testi-img {
        margin-right: 10px;
    }

        .testi-img img {
            max-width: 60px;
        }

    .single-testi {
        padding: 30px 10px;
    }

    .testi-text {
        padding-left: 75px;
    }

    .banner-content h3 {
        font-size: 24px;
        line-height: 32px;
        padding: 0px 15px;
    }

    .single-brand-item {
        float: none;
        width: 100%;
    }

    .footer-content {
        margin-top: 50px;
    }

    .footer-about-top {
        background: transparent;
        padding: 91px 0px;
        margin-top: 0px;
    }

    .footer-5 .footer-about-top {
        background: none;
    }

    .about-2 .about-content {
        padding: 80px 15px 80px 15px;
    }

    .single-about {
        width: 100%;
        float: left;
        margin-top: 15px;
    }

    .services-images {
        margin-top: 30px;
    }

    .choose-content {
        padding-left: 95px;
    }

    .choose-image {
        margin-top: 30px;
    }

    .blog-right-column .blog-image {
        display: none;
    }

    .blog-right-column .blog-content {
        float: none;
        width: 100%;
        padding: 15px 15px;
    }

    .blog-content a h4 {
        font-size: 18px;
    }

    .welcome-3 .well-icon {
        margin-right: 15px;
    }

    .welcome-3 .number,
    .welcome-4 .number {
        left: 65%;
    }

    .counter-2 .single-fun {
        margin: 20px 0px;
    }

    .about-3 .about-content h3 {
        line-height: 32px;
        font-size: 20px;
    }

    .about-3 .about-content {
        padding: 20px 0px 0px 0px;
    }

    .sign-date span,
    .sign-name {
        font-size: 18px;
    }

    .project-3 .project-single {
        width: 100%;
        float: none;
    }

    .project-3 .awesome-img img {
        width: 100%;
    }

    .project-3 .add-actions {
        left: 5%;
        width: 90%;
        opacity: 0;
        transition: all 0.5s ease 0s;
    }

    .project-3 .single-awesome-project:hover .add-actions {
        transition: all 0.5s ease 0s;
        opacity: 1;
    }

    .blog-3 .blog-content p {
        opacity: 0;
    }

    .intro-4 .layer-1 h1 {
        font-size: 22px;
    }

    .welcome-4 .well-icon {
        margin-right: 15px;
    }

    .project-menu li a {
        font-size: 17px;
    }

    .comments-content-wrap {
        margin: 0 0 15px 85px;
    }

    .intro-5 .slider-content {
        margin-top: -90px;
    }

    .intro-5 .layer-1 h1 {
        line-height: 33px;
        font-size: 22px;
    }

    .center-head h3 {
        font-size: 24px;
        line-height: 32px;
    }

    .services-5 .single-service h4 {
        padding: 0px 0px;
    }

    .team-img {
        width: 100%;
        float: none;
    }

    .team-content {
        width: 100%;
        float: none;
        /*min-height: 320px;*/
    }

    .history {
        margin-bottom: 30px;
    }

    .intro-6 .layer-1 h1 {
        font-size: 22px;
        line-height: 34px;
    }

    .intro-2 .slider-content,
    .intro-4 .slider-content,
    .intro-6 .slider-content {
        margin-top: -55px;
    }

    .intro-2 .intro-content, .intro-2 .slider-images img,
    .intro-4 .intro-content, .intro-4 .slider-images img,
    .intro-6 .intro-content, .intro-6 .slider-images img {
        width: 100%;
        height: 100%;
        min-height: 300px;
        object-fit: cover;
    }

    .breadcrumb-bg {
        padding: 22px 10px;
    }

    .faq-page-area .faq-content {
        margin-top: 30px;
    }

        .faq-page-area .faq-content h4 {
            font-size: 20px;
        }

    .company-faq .left-headline h3 {
        font-size: 24px;
    }

    .high-text {
        font-size: 100px;
        line-height: 100px;
    }

        .high-text span,
        .high-text span img {
            width: 100px;
            height: 100px;
        }

        .high-text span {
            margin-left: -25px;
        }

    .error-easy-text {
        font-size: 24px;
    }

    .error-bot {
        font-size: 18px;
    }

    .breadcrumb ul li {
        font-size: 14px;
    }

    .breadcrumb .section-headline h3 {
        font-size: 32px;
    }

    .faq-full {
        margin-top: 30px;
    }

    .faq-details h4.check-title {
        font-size: 15px;
    }

    .single-well .marker-list {
        margin-bottom: 30px;
    }

    .breadcrumb-bg {
        max-width: 94%;
    }

    .project-history {
        padding: 50px 15px;
        margin-top: 30px;
    }

    .project-details h4 {
        font-size: 22px;
        line-height: 32px;
        margin-top: 20px;
    }

    .blog-search-option input {
        width: 75%;
    }

    .blog-pagination {
        margin-bottom: 30px;
    }

    .blog-details .blog-content h4 {
        font-size: 18px;
        line-height: 28px;
    }

    li.threaded-comments {
        margin-left: 10px;
    }

    .single-post-comments {
        margin-bottom: 50px;
    }

    .contact-head {
        padding: 40px 15px;
        margin-top: 40px;
    }


    .mobile-menu-area .search-option {
        border-top: 0px;
        bottom: -64px;
    }

    .mean-container a.meanmenu-reveal {
        padding-top: 9px;
        font-family: 'Roboto', sans-serif;
    font-weight: 400;
    }

    /*OTHER INVESTMENTS*/
    ul.other-investments li {
        width: 100%;
        margin-right: 0px;
    }
}


@media (max-width: 600px) {
    /*BOD*/
    ul.bod li {
        width: 100%;
        float: left;
        margin-right: 0px;
        margin-bottom: 20px; /*height: auto;*/
        background: #e8e8e8; /*text-align: center;*/
    }

    /*PARTNERS-STAKEHOLDERS*/
    ul.partners-stakeholders li {
        width: 100%;
        float: left;
        margin-right: 0px;
        margin-bottom: 25px;
        border: 1px solid #eee;
        padding: 20px; /*text-align: center;*/
    }

        ul.partners-stakeholders li:nth-of-type(2n) {
            margin-right: 0px;
        }

    ul.core-investments li .img-block {
        float: left;
        width: 100%;
        margin-bottom: 20px;
    }

    ul.core-investments li .txt-block {
        float: right;
        width: 100%;
        margin-bottom: 20px;
    }
    .map {
        height: 300px;
    }
}


/* Large Mobile :480px. */
@media only screen and (min-width: 480px) and (max-width: 767px) {
    /*.container {width:450px}*/
    .layer-1-2 h1 {
        font-size: 24px;
        line-height: 32px;
    }

    .intro-area-4 .layer-1-2 h1 {
        font-size: 24px;
        line-height: 32px;
    }

    .service-content h4 {
        font-size: 26px;
    }

    .breadcrumb .section-headline h3 {
        font-size: 34px;
    }

    .container-full .section-headline p {
        max-width: 360px;
    }

    .about-name .video-play.vid-zone {
        margin-top: 0px;
    }

    .single-client {
        float: left;
        width: 50%;
    }

    .blog-content a h4 {
        font-size: 20px;
    }

    .intro-content,
    .slider-images img {
        width: 100%;
        height: 100%;
        min-height: 300px;
    }

    .intro-2 .slider-content {
        margin-top: -40px;
    }

    .breadcrumb-bg {
        max-width: 80%;
    }

    .blog-search-option input {
        width: 80%;
    }
}

@media (max-width: 400px) {
    /*BOD*/
    ul.bod li .img-block .overlay {
        background-color: rgba(28, 24, 63, 1);
    }

    ul.bod li h4, ul.bod li p {
        font-size: 14px;
        font-weight: 100;
        margin-bottom: 0px;
        line-height: 28px;
        text-align: left;
    }

    ul.bod li .img-block .overlay {
        width: 100%;
        height: 90px;
    }

    ul.bod li h4 {
        color: #00a7be;
    }

    ul.bod li p.title {
        font-weight: 100;
    }


    /*CSR*/
    .csr-img {
        float: none;
        margin: 5px 30px 20px 20px;
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    ul.bod li:nth-of-type(6) {
        margin-right: 0px;
    }
}