.bannertitle{
	width:100%;
	height:100px;
	text-align:center;
	color:#111;
	font-size:35px;
	font-weight:bold;
	line-height:40px;
	padding:60px 0 0;
}
.bannertitle_en{
	width:100%;
	height:40px;
	text-align:center;
	color:#111;
	font-size:20px;
	font-weight:bold;
	line-height:35px;
}
.aboutprod{
	width:94%;
	max-width:1020px;
	height:150px;
	text-align:center;
	color:#111;
	font-size:18px;
	line-height:35px;
	margin:0 auto;
}


/* Medium screen  */
@media only screen and (min-width: 992px) and (max-width: 1199px) {

    /*Section Title Style2*/
    .section-title__style2 .section-title__title br {
        display: none;
    }

    .section-title__style2 .text-box {
        margin-left: 20px;
    }

    /*About One*/
    .about-one__content {
        margin-top: 50px;
        max-width: none;
    }

    /*Contact One*/
    .contact-one__img {
        display: none;
    }

    /*Tab One*/
    .tab-one__tabs .tab-buttons li {
        padding: 19px 51px 20px;
    }

    /*About Two*/
    .about-two {
        padding: 120px 0px 114px;
    }

    .about-two__content {
        max-width: none;
        width: 100%;
        margin-top: 90px;
        margin-left: 0px;
    }

    /*About Three*/
    .about-three__content {
        margin-top: 50px;
    }

    /*Services Three*/
    .services-three__single {
        padding: 50px 30px 46px;
    }

    /*Pricing Plan One*/
    .pricing-plan-one__single .table-header h3 {
        font-size: 17px;
    }

    .pricing-plan-one__single-inner {
        padding: 0px 30px 50px;
    }

    .pricing-plan-one__single .table-content ul li {
        font-size: 14px;
    }

    /*Testimonial Two*/
    .testimonial-two::before {
        left: 0px;
        right: 0%;
        content: "";
        -moz-transform: skew(0deg, 0deg);
        -webkit-transform: skew(0deg, 0deg);
        -o-transform: skew(0deg, 0deg);
        -ms-transform: skew(0deg, 0deg);
        transform: skew(0deg, 0deg);
    }

    .testimonial-two .shape1 {
        display: none;
    }

    /*Service Details*/
    .service-details__sidebar {
        margin-top: 40px;
    }

    .service-details__bottom {
        margin-top: 60px;
    }


    /*Team Details*/
    .team-details__img {
        max-width: 600px;
        width: 100%;
        margin: 0 auto 30px;
    }

    .team-details__content {
        max-width: 600px;
        width: 100%;
        margin: 0 auto;
    }

    /*Faq One*/
    .faq-one__content {
        padding-right: 0px;
    }

    .faq-one__img {
        margin-top: 45px;
        max-width: 650px;
        width: 100%;
    }

    /*Blog One*/
    .blog-one__content h2 {
        font-size: 18px;
    }

    .blog-one--blog--grid .blog-one__content h2 {
        font-size: 16px;
    }

    .blog-one--blog--grid .blog-one__content {
        padding: 25px 20px 23px;
    }
}




/* Tablet Layout: 768px. */
@media only screen and (min-width: 768px) and (max-width: 991px) {

    /*About One*/
    .about-one__content {
        margin-top: 50px;
        max-width: none;
    }

    /*Contact One*/
    .contact-one__img {
        display: none;
    }

    /*Tab One*/
    .tab-one__tabs .tab-buttons {
        text-align: center;
    }

    .tab-one__tabs .tab-buttons li {
        margin-bottom: 15px;
    }

    .tab-one__content {
        max-width: none;
        margin-top: 0px;
        margin-bottom: 40px;
    }

    /*Footer One*/
    .footer-widget__links.mar-l {
        margin-left: 0px;
    }

    .footer-widget__links.mrt-60 {
        margin-top: 60px;
    }

    .footer-widget__gallery.mrt-60 {
        margin-top: 60px;
    }

    /*About Two*/
    .about-two {
        padding: 120px 0px 114px;
    }

    .about-two__content {
        max-width: none;
        width: 100%;
        margin-top: 90px;
        margin-left: 0px;
    }

    /*Features One*/
    .section-title__style2 {
        display: block;
        text-align: center;
    }

    .section-title__style2 .text-box {
        max-width: none;
        margin-top: 15px;
    }

    .features-one__single-inner .content-box h2 {
        font-size: 20px;
    }

    /*Service Two*/
    .service-two__single {
        max-width: 500px;
        width: 100%;
        margin: 0 auto 30px;
    }

    /*Projects Two*/
    .projects-two__single {
        max-width: 500px;
        width: 100%;
        margin: 0 auto 30px;
    }

    /*Faq One*/
    .faq-one__content {
        padding-right: 0px;
    }

    .faq-one__img {
        margin-top: 45px;
    }

    /*About Three*/
    .about-three__content {
        margin-top: 50px;
    }

    /*Team Two*/
    .team-two__single {
        max-width: 500px;
        width: 100%;
        margin: 0 auto 30px;
    }

    /*Pricing Plan One*/
    .pricing-plan-one__single {
        max-width: 380px;
        width: 100%;
        margin: 0 auto 30px;
    }

    /*Testimonial Two*/
    .testimonial-two::before {
        left: 0px;
        right: 0%;
        content: "";
        -moz-transform: skew(0deg, 0deg);
        -webkit-transform: skew(0deg, 0deg);
        -o-transform: skew(0deg, 0deg);
        -ms-transform: skew(0deg, 0deg);
        transform: skew(0deg, 0deg);
    }

    .testimonial-two .shape1 {
        display: none;
    }

    /*Blog Details*/
    .sidebar {
        margin-top: 50px;
    }

    .sidebar__support-btn-box {
        position: relative;
        display: flex;
        justify-content: center;
    }

    /*Blog One Blog*/
    .blog-one--blog .blog-one__single {
        max-width: 500px;
        width: 100%;
        margin: 0 auto 30px;
    }

    .blog-one--blog .blog-one__single-img img {
        width: 100%;
    }

    /*Contact Box*/
    .contact-box {
        padding: 120px 0px 60px;
    }

    .contact-box__single {
        max-width: 500px;
        width: 100%;
        margin: 0 auto 60px;
    }

    /*Subscribe One*/
    .subscribe-one__content {
        justify-content: center;
    }

    .subscribe-one__content .subscribe-title {
        margin-bottom: 10px;
    }

    /*Projects Detalis*/
    .projects-detalis__sidebar {
        max-width: 500px;
        width: 100%;
        margin-top: 30px;
    }

    /*Service Details*/
    .service-details__sidebar {
        margin-top: 40px;
    }

    .service-details__bottom {
        margin-top: 60px;
    }

    .service-details__bottom-text3 .content-box {
        margin-top: 40px;
    }

    /*Team Details*/
    .team-details__img {
        max-width: 600px;
        width: 100%;
        margin: 0 auto 30px;
    }

    .team-details__content {
        max-width: 600px;
        width: 100%;
        margin: 0 auto;
    }

    /*Gallery Details*/
    .gallery-details__information ul li {
        width: 100%;
        margin-bottom: 40px;
    }

    .gallery-details__information ul li:last-child {
        margin-bottom: 0px;
    }

    /*Cta One*/
    .cta-one__inner {
        justify-content: center;
        text-align: center;
    }

    .cta-one__inner .title {
        margin-bottom: 20px;
    }

    /*Blog List Page*/
    .blog-list__single {
        max-width: 500px;
        width: 100%;
        margin: 0 auto 30px;
    }

    .blog-list__left .styled-pagination {
        text-align: center;
    }

    /*Blog One*/
    .blog-one__single {
        max-width: 500px;
        width: 100%;
        margin: 0 auto 30px;
    }

}


/* Mobile Layout: 320px. */
@media only screen and (max-width: 767px) {
    .section-title__title {
        font-size: 30px;
        line-height: 40px;
    }

    .section-title__title br {
        display: none;
    }

    .section-title__text br {
        display: none;
    }

    /*Page Header*/
    .page-header__content h2 {
        font-size: 25px;
    }

    /*About One*/
    .about-one__content {
        margin-top: 50px;
        max-width: none;
    }

    .about-one__img {
        padding-right: 0px;
    }

    .about-one__img .experince-box {
        top: auto;
        left: 0px;
        right: 0px;
        bottom: 0px;
        width: 100%;
        margin: 0 auto;
        text-align: center;
        padding: 15px 0px 15px;
    }

    .about-one__img .experince-box h2 {
        transform: rotate(0deg) translateX(0%);
        width: auto;
        margin: 0px 0px;
        text-align: center;
    }

    /*Services One*/
    .services-one__single {
        max-width: 500px;
        width: 100%;
        margin: 0 auto 30px;
    }

    /*Projects One*/
    .projects-one__single {
        max-width: 500px;
        width: 100%;
        margin: 0 auto 30px;
    }

    /*Contact One*/
    .contact-one__img {
        display: none;
    }

    /*Blog One*/
    .blog-one__content h2 a br {
        display: none;
    }

    .blog-one__content p br {
        display: none;
    }

    /*Footer One*/
    .footer-widget__links.mar-l {
        margin-left: 0px;
        margin-top: 60px;
    }

    .footer-widget__links.mrt-60 {
        margin-top: 60px;
    }

    .footer-widget__gallery.mrt-60 {
        margin-top: 60px;
    }

    /*Tab One*/
    .tab-one__content .title h2 br {
        display: none;
    }

    .tab-one__tabs .tab-buttons {
        text-align: center;
    }

    .tab-one__tabs .tab-buttons li {
        margin-bottom: 15px;
    }

    .tab-one__content {
        max-width: none;
        margin-top: 0px;
        margin-bottom: 40px;
    }

    .tab-one__tabs .tab-buttons li {
        font-size: 20px;
    }

    /*About Two*/
    .about-two {
        padding: 120px 0px 114px;
    }

    .about-two__img2 {
        position: relative;
        left: 0px;
        bottom: 0px;
        z-index: 5;
        margin-top: 30px;
    }

    .about-two__content {
        max-width: none;
        width: 100%;
        margin-top: 90px;
        margin-left: 0px;
    }

    /*Counter One*/
    .counter-one__single {
        max-width: 500px;
        width: 100%;
        margin: 0 auto 30px;
    }

    /*Features One*/
    .section-title__style2 {
        display: block;
        text-align: center;
    }

    .section-title__style2 .text-box {
        max-width: none;
        margin-top: 15px;
    }

    .features-one__single-inner {
        padding-left: 50px;
    }

    .features-one__single {
        max-width: 500px;
        width: 100%;
        margin: 0 auto 30px;
        padding: 22px 20px 26px;
    }

    .features-one__single-inner .content-box h2 {
        font-size: 20px;
    }

    /*Service Two*/
    .service-two__single {
        max-width: 500px;
        width: 100%;
        margin: 0 auto 30px;
    }

    /*Projects Two*/
    .projects-two__single {
        max-width: 500px;
        width: 100%;
        margin: 0 auto 30px;
    }

    /*Faq One*/
    .faq-one__content {
        padding-right: 0px;
    }

    .faq-one__img {
        margin-top: 45px;
    }

    .faq-one-accrodion .accrodion-content .inner .img-box {
        position: relative;
        top: 0px;
    }

    .faq-one-accrodion .accrodion-content .inner {
        padding-left: 0px;
    }

    .faq-one-accrodion .accrodion-content .inner .text {
        margin-top: 20px;
		margin-left: 0px;
    }

    .faq-one-accrodion .accrodion-title {
        padding-right: 40px;
    }

    /*About Three*/
    .about-three__content {
        margin-top: 50px;
    }

    .about-three__content-inner .text p br {
        display: none;
    }

    .about-three__img1-inner img {
        width: 100%;
    }

    /*Services Three*/
    .services-three__single {
        max-width: 500px;
        width: 100%;
        margin: 0 auto 30px;
        padding: 50px 30px 46px;
    }

    /*Team Two*/
    .team-two__single {
        max-width: 500px;
        width: 100%;
        margin: 0 auto 30px;
    }

    /*Pricing Plan One*/
    .pricing-plan-one__single {
        max-width: 380px;
        width: 100%;
        margin: 0 auto 30px;
    }

    /*Pricing Plan One*/
    .pricing-plan-one__single .table-header h3 {
        font-size: 17px;
    }

    .pricing-plan-one__single-inner {
        padding: 0px 30px 50px;
    }

    .pricing-plan-one__single .table-content ul li {
        font-size: 14px;
    }

    /*Testimonial Two*/
    .testimonial-two::before {
        left: 0px;
        right: 0%;
        content: "";
        -moz-transform: skew(0deg, 0deg);
        -webkit-transform: skew(0deg, 0deg);
        -o-transform: skew(0deg, 0deg);
        -ms-transform: skew(0deg, 0deg);
        transform: skew(0deg, 0deg);
    }

    .testimonial-two .shape1 {
        display: none;
    }

    /*Blog Details*/
    .sidebar {
        margin-top: 50px;
    }

    .sidebar__support-btn-box {
        position: relative;
        display: flex;
        justify-content: center;
    }

    .blog-details__bottom {
        display: block;
    }

    .blog-details__social-list {
        justify-content: center;
        margin-top: 20px;
    }

    .blog-details__bottom p {
        text-align: center;
    }

    .author-one {
        padding: 60px 30px 60px;
        display: block;
        text-align: center;
    }

    .author-one__content {
        margin-left: 0px;
        margin-top: 10px;
    }

    .comment-one__single {
        display: block;
    }

    .comment-one__content {
        margin-left: 0px;
    }

    .comment-one__image {
        margin-bottom: 30px;
    }

    .sidebar__search {
        padding: 40px 20px 40px;
    }

    .sidebar__category {
        padding: 35px 20px 40px;
    }

    .sidebar__post {
        padding: 35px 20px 32px;
    }

    .sidebar__suppot-title {
        font-size: 45px;
        line-height: 55px;
    }

    .sidebar__tags {
        padding: 35px 20px 40px;
    }

    .sidebar__tags-list a {
        padding: 5px 15px;
    }

    /*Blog One Blog*/
    .blog-one--blog .blog-one__single {
        max-width: 500px;
        width: 100%;
        margin: 0 auto 30px;
    }

    .blog-one--blog .blog-one__single-img img {
        width: 100%;
    }

    /*Contact Box*/
    .contact-box {
        padding: 120px 0px 60px;
    }

    .contact-box__single {
        max-width: 500px;
        width: 100%;
        margin: 0 auto 60px;
    }

    /*Contact Page*/
    .contact-page-form__inner {
        padding: 80px 20px 80px;
    }

    /*Error Page*/
    .error-page__content h2 {
        font-size: 160px;
    }

    .error-page__content h3 {
        font-size: 50px;
        line-height: 1.2em;
    }

    /*Subscribe One*/
    .subscribe-one__content {
        display: block;
        text-align: center;
    }

    .subscribe-one__content .subscribe-form button {
        position: relative;
        margin-top: 20px;
    }

    /*Projects Detalis*/
    .projects-detalis__sidebar {
        max-width: 500px;
        width: 100%;
        margin-top: 30px;
    }

    .projects-detalis__content-carousel.owl-theme .owl-nav {
        display: none;
    }

    .projects-detalis__content-text2 ul li {
        font-size: 15px;
        font-weight: 500;
    }

    .projects-detalis__content-text3 ul li {
        font-size: 15px;
        font-weight: 500;
    }

    .projects-detalis__sidebar-single {
        padding: 45px 20px 23px;
    }

    .projects-detalis__sidebar-project-info ul li span {
        min-width: 90px;
        margin-right: 8px;
    }


    /*Service Details*/
    .service-details__sidebar {
        margin-top: 40px;
    }

    .service-details__bottom {
        margin-top: 60px;
    }

    .service-details__bottom-text3 .content-box {
        margin-top: 40px;
    }

    /*Team One Team*/
    .team-one--team .team-one__single {
        max-width: 500px;
        width: 100%;
        margin: 0 auto 30px;
    }

    /*Team Details*/
    .team-details__img {
        max-width: 600px;
        width: 100%;
        margin: 0 auto 30px;
    }

    .team-details__content {
        max-width: 600px;
        width: 100%;
        margin: 0 auto;
    }

    .team-details__content .social-icon {
        display: block;
        text-align: center;
    }

    .team-details__content .social-icon ul li {
        padding-left: 15px;
    }

    .team-details__content .social-icon ul li:first-child {
        padding-left: 0px;
    }

    .team-details__content .social-icon .title {
        margin-bottom: 5px;
    }

    .team-details__content .name h6 {
        font-size: 15px;
    }

    /*Gallery Details*/
    .gallery-details__information ul li {
        width: 100%;
        margin-bottom: 40px;
    }

    .gallery-details__information ul li:last-child {
        margin-bottom: 0px;
    }

    .gallery-details__text-box1 h2 {
        font-size: 30px;
        line-height: 40px;
    }

    .gallery-details__text-box2 h2 {
        font-size: 30px;
        line-height: 40px;
    }

    /*Gallery Details*/
    .cta-one__inner {
        justify-content: center;
        text-align: center;
    }

    .cta-one__inner .title {
        margin-bottom: 20px;
    }

    /*Gallery Page*/
    .project-filter li {
        margin-bottom: 38px;
    }

    .gallery-page__single {
        max-width: 500px;
        width: 100%;
        margin: 0 auto 30px;
    }

    /*Styled Pagination*/
    .styled-pagination li {
        margin: 0px 1.5px;
    }

    .styled-pagination li {
        margin-bottom: 10px;
    }

    /*Blog List Page*/
    .blog-list__single {
        max-width: 500px;
        width: 100%;
        margin: 0 auto 30px;
    }

    .blog-list__left .styled-pagination {
        text-align: center;
    }

    .blog-list__single-content h2 {
        font-size: 22px;
        line-height: 32px;
    }

    /*Blog One*/
    .blog-one__single {
        max-width: 500px;
        width: 100%;
        margin: 0 auto 30px;
    }

    .blog-one__content h2 br {
        display: none;
    }

}





/*==============================================
   Slider All Responsice Css
===============================================*/
@media only screen and (min-width: 1200px) and (max-width: 1460px) {

    /*Main Slider One*/
    .main-slider-one .container {
        padding-left: 160px;
    }
}

@media only screen and (min-width: 1451px) and (max-width: 1700px) {

    /*Main Slider Two*/
    .main-slider-one--two .shape2 {
        display: none;
    }

    .main-slider-one--two-img {
        right: 5%;
    }

    .main-slider-one__content .title h2 {
        font-size: 40px;
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1450px) {

    /*Main Slider Two*/
    .main-slider-one--two .shape2 {
        display: none;
    }

    .main-slider-one--two-img {
        right: 0%;
    }

    .main-slider-one__content .title h2 {
        font-size: 35px;
    }

}


@media only screen and (min-width: 992px) and (max-width: 1199px) {

    /*Main Slider One*/
    .main-slider-one .container {
        padding-left: 160px;
    }

    /*Main Slider Two*/
    .main-slider-three__single .shape1 {
        display: none;
    }

    /*Main Slider Two*/
    .main-slider-one--two .shape2 {
        display: none;
    }

    .main-slider-one__content .title h2 {
        font-size: 30px;
    }

    .main-slider-one--two-img {
        right: -17%;
    }

    .main-slider-one--two-img img {
        width: 70% !important;
    }



}



@media only screen and (min-width: 768px) and (max-width: 991px) {

    /*Main Slider One*/
    .main-slider-one .container {
        padding-left: 160px;
    }

    .main-slider-one__single .top-shape {
        display: none;
    }

    .main-slider-one__single .bottom-shape {
        display: none;
    }

    .main-slider-one__content .title h2 {
        font-size: 40px;
    }

    /*Main Slider Two*/
    .main-slider-three__single .shape1 {
        display: none;
    }

    .main-slider-three__content .title h2 {
        font-size: 30px;
    }

    /*Main Slider Two*/
    .main-slider-one--two .shape2 {
        display: none;
    }

    .main-slider-one--two-img {
        display: none;
    }



}



@media only screen and (max-width: 767px) {

    /*Main Slider One*/
    .main-slider-one__single .top-shape {
        display: none;
    }

    .main-slider-one__single .bottom-shape {
        display: none;
    }

    .main-slider-one__content .title h2 {
        font-size: 28px;
    }

    .main-slider-one__content .title h2 br {
        display: none;
    }

    .main-slider-one__carousel.owl-theme .owl-nav {
        display: none;
    }

    /*Main Slider Two*/
    .main-slider-three__single .shape1 {
        display: none;
    }

    .main-slider-three__carousel.owl-theme .owl-nav {
        display: none;
    }

    .main-slider-three__content .title h2 br {
        display: none;
    }

    .main-slider-three__content .title h2 {
        font-size: 30px;
        line-height: 1.1em;
    }

    .main-slider-three__content .text p br {
        display: none;
    }

    /*Main Slider Two*/
    .main-slider-one--two .shape2 {
        display: none;
    }

    .main-slider-one--two-img {
        display: none;
    }

    .main-slider-two__carousel.owl-theme .owl-nav {
        display: none;
    }

    .main-slider-one__content .text p br {
        display: none;
    }


}






/*==============================================
   Main Menu All Responsice Css
===============================================*/

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .main-menu-wrapper__right {
        padding: 10px 0;
    }


}


@media only screen and (min-width: 768px) and (max-width: 991px) {
    .main-header__top {
        display: none;
    }

    .main-menu-wrapper__right {
        padding: 10px 0;
    }






}




@media (max-width: 767px) {
    .main-header__top {
        display: none;
    }

    .main-header__btn {
        display: none;
    }

    .main-menu-wrapper__main-menu {
        margin-right: 0;
    }

    .main-menu-wrapper__right {
        padding: 40px 0;
    }









}


/*About One*/
@media (max-width: 1700px) {
    .about-one__img2 {
        display: none;
    }
}



/*Contact One*/
@media only screen and (min-width: 1200px) and (max-width: 1499px) {
    .contact-one__img {
        right: -120px;
    }

    .contact-one__img img {
        width: 83%;
    }
}

/*Contact One*/
@media only screen and (min-width: 1500px) and (max-width: 1675px) {
    .contact-one__img {
        right: 40px;
    }
}

/*Blog One*/
@media only screen and (min-width: 1024px) and (max-width: 1199px) {
    .blog-one__content h2 a br {
        display: none;
    }

    .blog-one__content p br {
        display: none;
    }
}

/*Blog One*/
@media only screen and (min-width: 600px) and (max-width: 1023px) {
    .blog-one__content h2 a br {
        display: none;
    }

    .blog-one__content p br {
        display: none;
    }
}

/*Blog One*/
@media (max-width: 799px) {
    .blog-one__single {
        max-width: 500px;
        margin: 0 auto;
    }
}


@media only screen and (max-width: 1199px) {
    .order-2 {
        -ms-flex-order: 2;
        order: 2;
    }

    .order-1 {
        -ms-flex-order: 1;
        order: 1;
    }

}

.rol {width: 100%;max-width:1280px;height: auto;margin:60px auto 0;text-align:center;background-color:#fff;}
.rol img{border-radius: 20px;}
.banner {width: 100%;height: 100%;overflow-x: scroll;white-space: nowrap;overflow: hidden;background-color:#fff;}
.one {position: relative;width: 100%;height: auto;margin-right: 1%;display: inline-block;
	/*background:url('../../images/videocover.jpg') no-repeat top;*/
	background-size:1920px 653px;background-color:#fff;
}
.one img {width: 100%;height: auto;background-color:#fff;}
		
@media (max-width: 640px) {
	.rol {height:auto;}
    .banner {height:auto;}
	.one {position: relative;width: 100%;height: auto;margin-right: 1%;display: inline-block;
		background:url('./images/aboutusvideo.jpg') no-repeat top;
		background-size:1209px 400px;
    }
    .one img {width: 100%;height: auto;}
}
		.text {position: absolute;font-size: 18px;color: #FFF;top: 83%;left: 0;}
.zol {width: 100%;height: 27%;position: absolute;top: 37%;left: 0;}
.videos {display: none;position: fixed;left: 50%;top: 50%;width: 92%;z-index: 99999999;transform: translate(-50%, -50%);}
.vclose {position: absolute;right: 0.5%;top: 2%;border-radius: 100%;width: 50px !important;height: 50px !important;}

.videos {
	display: none;
	position: fixed;
	left: 50%;
	top: 50%;
	width: 92%;
	z-index: 99999999;
	transform: translate(-50%, -50%);
}

.vclose {
	position: absolute;
	right: 0.5%;
	top: 1.5%;
	border-radius: 100%;
	width: 50px !important;
    height: 50px !important;
}

.prodcls-one{
	width:98%;
	max-width:1280px;
	height:440px;
	border-radius:50px;
	margin:50px auto 0;
	position: relative;
	overflow: hidden;
	background-color:#e8e8e8;
}
.prodcls-one img{
	width:100%;
	height:100%;
}

.prodcls-one-last{
	width:100%;
	height:100px;
}
.prodcls-imgs{
	width:100%;
	height:440px;
}
.prodcls-txtright{
	width:45%;
	height:230px;
	padding:100px 0 0 0;
	position:absolute;
	z-index:999;
	top:0;
	right:0;
}
.prodcls-one_m{
	width:98%;
	height:480px;
	margin:50px auto 0;
	overflow: hidden;
	background-color:#f8f8f8;
}
.prodcls-imgs_m{
	width:100%;
	height:auto;
}
.prodcls-one_m img{
	width:100%;
	height:auto;
}
.prodcls-txt{
	width:96%;
	height:150px;
	font-size:14px;
	line-height:18px;
	margin:10px auto;
}
.prodcls-txt a{
	color:#111;
	font-size:14px;
	line-height:18px;
}
.prodcls-txtright a{
	color:#111;
}
.prodcls-txtright a:hover{
	color:#000;
}
.prodcls-txttitle{
	width:100%;
	height:60px;
	line-height:50px;
	font-size:30px;
	font-weight:bold;
	color:#111;
}
.prodcls-txtdesc{
	width:88%;
	height:30px;
	line-height:20px;
	font-size:15px;
	color:#111;
	text-align: justify;
}
.prodcls-txttitle_m{
	width:100%;
	height:30px;
	line-height:45px;
	font-size:20px;
	font-weight:bold;
	text-align:center;
	color:#111;
}
.prodcls-txttitle_m a{
	color:#111;
}
.prodcls-txtdesc_m{
	width:96%;
	height:30px;
	line-height:22px;
	font-size:14px;
	color:#111;
	text-align: justify;
	margin:0 auto;
}
.prodcls-txtdesc_m a{
	color:#111;
}
.prodcls-txtleft{
	width:45%;
	height:230px;
	padding:100px 0 0 0;
	position:absolute;
	z-index:999;
	top:0;
	left:5%;
}
.prodcls-txtleft a{
	color:#111;
}
.prodcls-txtleft a:hover{
	color:#000;
}
.ourTeam{
	width:100%;
	height:480px;
	background-color:#f8f8f8;
}

.ourTeamDiv{
	width:100%;
	max-width:1280px;
	height:480px;
	margin: 0 auto;
}
.ourTeamList{
	width:33.3%;
	height:480px;
	float:left;
}
.ourTeamImg{
	width:98%;
	max-width:400px;
	height:280px;
	border: 1px solid #e8e8e8;
}
.ourTeamTitle{
	width:100%;
	height:40px;
	text-align:center;
	font-size:18px;
	line-height:40px;
	color:#111;
}
.ourTeamDesc{
	width:98%;
	max-width:390px;
	height:160px;
	font-size:15px;
	line-height:20px;
	color:#111;
	text-align: justify;
	margin:0 0 0 10px;
}
.ourTeamFounder_cases{
	width:65%;
	height:480px;
	float:left;
}
.ourTeamFounder_caseTitle{
	width:100%;
	height:40px;
	text-align:center;
	font-size:22px;
	color:#222;
}
.ourTeamFounder_caseShow{
	width:100%;
	height:400px;
}
.ourTeamFounder_caseList{
	width:33.3%;
	height:200px;
	float:left;
}
.ourTeamFounder_caseImg{
	width:100%;
	height:auto;
	text-align:center;
}
.ourTeamFounder_caseImg img{
	width:100%;
	max-width:250px;
	height:auto;
}
.ourTeamFounder_caseName{
	width:100%;
	height:20px;
	text-align:center;
	line-height:20px;
	font-size:14px;
}
@media (max-width: 750px) {
	.ourTeam{
		height:1420px;
	}
	.ourTeamDiv{
		width:98%;
		height:1420px;
	}
	.ourTeamList{
		width:100%;
		height:480px;
		float:none;
	}
	.ourTeamDesc{
		width:97%;
		font-size:14px;
		line-height:20px;
	}
}
#myModal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 9999999999999; /* Sit on top */
    padding-top: 100px; /* Location of the box */
    left: 50%; /* Center horizontally */
    top: 50%; /* Center vertically */
    transform: translate(-50%, -50%);
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.9); /* Black w/ opacity */
  }
 
  .modal-content {
    margin: auto;
    display: block;
    width: 50%;
    max-width: 400px;
  }
 
  .modal-content {
    animation-name: zoom;
    animation-duration: 0.6s;
  }
 
  @keyframes zoom {
    from {transform: scale(0)} 
    to {transform: scale(1)}
  }
 
  .close {
    position: absolute;
    top: 115px;
    right: 35px;
    color: #f1f1f1;
    font-size: 40px;
    font-weight: bold;
    transition: 0.3s;
  }
 
  .close:hover,
  .close:focus {
    color: #bbb;
    text-decoration: none;
    cursor: pointer;
  }
.brand-one{
	width:1080px;
	height:478px;
	margin:0px auto 50px;
}
.brandImg{
	width:410px;
	height:478px;
	float:left;
}
.brandL{
	width:650px;
	height:300px;
	padding:80px 0 0;
	float:left;
	color:#111;
	font-size:22px;
}
.mobshow{
	display:none;
}
@media (max-width: 750px) {
	.brand-one{
		width:98%;
		height:800px;
		margin:0px auto 30px;
	}
	.brandImg{
		width:400px;
		height:478px;
		float:none;
		text-align:center;
	}
	.brandL{
		width:660px;
		height:300px;
		padding:30px 0 0;
		float:none;
		font-size:16px;
	}
	.mobshow{
		display:block;
	}
}
.ourhonors-one{
	width:100%;
	height:auto;
	margin:0 auto 0;
	overflow: hidden;
	background-color:#f8f8f8;
	text-align:center;
}
.ourhonors-one img{
	width:100%;
	max-width:1280px;
	height:auto;
}