ꦫꦣꦺꦤ꧀ꦄꦤ꧀ꦠꦱꦺꦤ

PATH: home / lab2454c / cbcei.com / wp-content / themes / biocei / inc / css

@media(max-width:1500px){
.navbar__top .navbar__nav li{margin:0px 20px;}
.header__banner__main .header__banner___overlay{height:250px;}
.header__banner__main .image__box{height:650px;}
}

@media(max-width:1199px){
.navbar__top .navbar___brand img{max-height:40px;}
.navbar__top .navbar__nav li{margin:0px 8px;}
.navbar__top .navbar__nav li a{font-size:14px;}
.navbar__top .user__info a{font-size:14px;}
.header__banner__main .header__banner___overlay{height:190px;}
.header__banner__main .image__box{height:550px;}
.body__container__wrapp .impact__card__wrapp{flex-wrap:wrap;}
.body__container__wrapp .impact__wrapp .impact__card{margin-bottom:10px; flex:auto;}
.header__banner__inner__page .image__box{height:350px;}
.body__container__wrapp__inner .programs__wrapp__inner{padding:50px 0px;}
.body__container__wrapp__inner .programs__wrapp__inner .programs__content__wrapp .align-items-center{align-items:unset !important;}
.body__container__wrapp__inner .programs__wrapp__inner .programs__content__wrapp .content__box p{margin-top:0px;}
}

@media(max-width:991px){
.navbar__top .container{align-items:center;}
.navbar__top .navbar___brand{width:auto; margin-top:10px; margin-bottom:10px;}
.navbar__top .navbar___brand img{max-height:20px;}
.navbar__top .user__info{height:35px;}
.navbar__top .user__info .divider__wrap span{height:24px; width:24px; line-height:24px; font-size:10px;}
.navbar__top .navbar-toggler{margin-right:0px; margin-left:20px; padding:0px; height:30px; order:3;}
.navbar__top .navbar-toggler:focus{box-shadow:none;}
.navbar__top .navbar-toggler span{width:30px; height:2px; background:#F15B2B; display:block; border-radius:10px; transition:all 300ms;}
.navbar__top .navbar-toggler span:nth-child(2){margin:7px 0px;}
.navbar__top .menu,.menu:after,.menu:before{width:30px; height:2px; background-color:#F15B2B; border-radius:10px;}
.navbar__top .menu{transform:translateY(25px); transition:all 0ms 300ms; top:-25px; position:relative;}
.navbar__top .menu.animate{background-color:transparent;}
.navbar__top .menu:before{content:""; position:absolute; left:0; bottom:9px; transition:bottom 300ms 300ms cubic-bezier(0.23,1,0.32,1),transform 300ms cubic-bezier(0.23,1,0.32,1);}
.navbar__top .menu:after{content:""; position:absolute; left:0; top:9px; transition:top 300ms 300ms cubic-bezier(0.23,1,0.32,1),transform 300ms cubic-bezier(0.23,1,0.32,1);}
.navbar__top .menu.animate:after{top:0; transform:rotate(45deg); transition:top 300ms cubic-bezier(0.23,1,0.32,1),transform 300ms 300ms cubic-bezier(0.23,1,0.32,1);}
.navbar__top .menu.animate:before{bottom:0; transform:rotate(-45deg); transition:bottom 300ms cubic-bezier(0.23,1,0.32,1),transform 300ms 300ms cubic-bezier(0.23,1,0.32,1);}
.navbar .navbar-collapse{height:100%;}
.navbar .navbar-collapse{position:fixed; left:-100%; background:#0f0f0f; height:100%; top:0px; z-index:5;
-webkit-transition:left .3s ease 0s;-moz-transition:left .3s ease 0s;-o-transition:left .3s ease 0s; transition:left .3s ease 0s;
-webkit-box-shadow:2px 2px 5px 0px rgba(0,0,0,0.15);
-moz-box-shadow:2px 2px 5px 0px rgba(0,0,0,0.15);
box-shadow:2px 2px 5px 0px rgba(0,0,0,0.15);}
.navbar .show{left:0px; width:265px;
-webkit-transition:left .3s ease 0s;-moz-transition:left .3s ease 0s;-o-transition:left .3s ease 0s; transition:left .3s ease 0s;}
.navbar__top .navbar__nav{height:auto;}
.navbar__top .navbar__nav li a{color:#fff; padding:10px 0px; display:block; width:100%; font-size:14px;}
.navbar__top .navbar__nav li a:after{display:none;}

.navbar__top .navbar__nav li a .icon__box{width:50px; height:100%; position:absolute; top:0px; right:0px;}
.navbar__top .navbar__nav li a .icon__box:before{width:11px; height:1px; position:absolute; left:0px; top:0px; bottom:0px; right:0px; content:"";
background:#fff; margin:auto; transition:all .3s ease-in-out;}
.navbar__top .navbar__nav li a .icon__box:after{width:1px; height:11px; position:absolute; left:0px; top:0px; bottom:0px; right:0px; content:"";
background:#fff; margin:auto; transition:all .3s ease-in-out;}

.navbar__top .navbar__nav li.dropdown__wrap ul.show{display:block; background-color:transparent; min-width:unset; width:100%; padding:0px;} 
.navbar__top .navbar__nav li.dropdown__wrap:hover ul.dropdown__menu{display:none;}
.navbar__top .navbar__nav li.dropdown__wrap ul.dropdown__menu li{padding:0px; margin:0px;}
.navbar__top .navbar__nav li.dropdown__wrap ul.dropdown__menu li a{background-color:transparent; padding:0px; border:0px; padding:10px 5px;
font-size:12px;}
.navbar__top .navbar__nav li.dropdown__wrap ul.dropdown__menu li:last-child a{border-bottom:0px;}
.navbar__top .navbar__nav li.dropdown__wrap ul.dropdown__menu li a:after{display:none;}

.navbar__top .user__info a.contact__btn{height:45px; font-size:14px;}
.header__banner__main .header__banner___overlay{height:150px;}
.header__banner__main .image__box{height:450px;}
.header__banner__main .banner__content a.banner__btn{height:45px; width:120px; font-size:14px;}
.body__container__wrapp .impact__wrapp{padding:50px 0px;}
.body__container__wrapp .section__title{margin-bottom:15px;}
.body__container__wrapp .section__title h4{font-size:16px;}
.body__container__wrapp .section__title .heading__graphic{width:45px;}
.body__container__wrapp h2{font-size:25px;}
.body__container__wrapp p{font-size:14px; line-height:26px;}
.body__container__wrapp .impact__card__wrapp{flex-wrap:wrap;}
.body__container__wrapp .impact__wrapp .impact__card{margin-bottom:10px; flex:auto;}
.body__container__wrapp .impact__wrapp .impact__card a h3{font-size:18px;}
.body__container__wrapp .impact__wrapp .impact__card a p{font-size:14px; line-height:25px;}
.body__container__wrapp .programs__wrapp .programs__header__wrapp{padding-top:50px; padding-bottom:200px; max-height:unset;}
.body__container__wrapp .programs__wrapp .programs__header__wrapp p{font-size:14px;}
.body__container__wrapp .programs__wrapp .programs__wrapp__inner{margin-left:0px; margin-right:0px; padding-bottom:50px;} 
.body__container__wrapp .event__wrapp{padding:50px 0px; max-height:unset;}
.body__container__wrapp .btn__wrapp a{height:45px; font-size:14px;}
.body__container__wrapp .event__wrapp .content__box{max-width:unset;}
.body__container__wrapp .event__wrapp .content__box p{max-width:unset;}
.body__container__wrapp .event__wrapp .carousel__event .event__card{max-width:unset;}
.body__container__wrapp .event__wrapp .carousel__event .event__card .image__box{height:auto; margin-top:30px;}
.header__banner__inner__page .image__box{height:350px;}
.body__container__wrapp__inner .programs__wrapp__inner{padding:50px 0px;}
.body__container__wrapp__inner .programs__wrapp__inner .mr__top__large{margin-top:40px;}
.body__container__wrapp__inner .programs__wrapp__inner .programs__content__wrapp .content__box p{margin-top:0px;}
.body__container__wrapp__inner .programs__wrapp__inner .programs__content__wrapp .content__box h3{font-size:25px;}
.body__container__wrapp__inner .programs__wrapp__inner .programs__content__wrapp .align-items-center{align-items:unset !important;}
.body__container__wrapp .about__wrapp .image__box{margin-bottom:30px;}
.body__container__contact__wrapp .contact__wrapp{padding:0px 0px 50px;}
.body__container__contact__wrapp .contact__wrapp .contact__wrapp__inner .contact__info__wrapp h2{margin-bottom:10px;}
.body__container__contact__wrapp .contact__wrapp .contact__wrapp__inner .contact__info__wrapp .socila__info ul li{height:30px; width:30px; margin-right:10px;}
.body__container__contact__wrapp .contact__wrapp .contact__wrapp__inner .contact__info__wrapp .socila__info ul li a{height:30px; width:30px;}
.body__container__contact__wrapp .contact__wrapp .contact__wrapp__inner .contact__info__wrapp .socila__info ul li a img{height:12px; width:12px;}

footer{padding-top:55px;}
footer .footer__site__control{flex-direction:column;}
footer .footer__nav{flex-direction:column;}
footer .footer__nav .user__info{margin-top:30px;}
footer .footer__nav .user__info a:first-child{margin-left:0px;}
footer .socila__info{margin-top:30px; margin-left:0px;}
}

@media(max-width:767px){
.header__banner__main .header__banner___overlay{height:120px;}
.header__banner__main .image__box{height:450px;}
.header__banner__main .banner__content h1{font-size:35px;}
.header__banner__main .banner__content p{margin:15px 0px; font-size:16px;}
.header__banner__main .banner__content a.banner__btn{height:45px; width:120px; font-size:14px;}
.body__container__wrapp .impact__wrapp{padding:50px 0px;}
.body__container__wrapp .section__title{margin-bottom:15px;}
.body__container__wrapp .section__title h4{font-size:16px;}
.body__container__wrapp .section__title .heading__graphic{width:45px;}
.body__container__wrapp h2{font-size:30px;}
.body__container__wrapp .impact__card__wrapp{flex-wrap:wrap;}
.body__container__wrapp .impact__wrapp .impact__card{margin-bottom:10px; flex:auto;}
.body__container__wrapp .impact__wrapp .impact__card a h3{font-size:18px;}
.body__container__wrapp .impact__wrapp .impact__card a p{font-size:14px; line-height:25px;}
.body__container__wrapp .programs__wrapp .programs__wrapp__inner .programs__card .image__box{max-height:175px;}
.body__container__wrapp .programs__wrapp .programs__header__wrapp{padding-top:50px; padding-bottom:200px; max-height:unset;}
.body__container__wrapp .programs__wrapp .programs__header__wrapp p{font-size:14px;}
.body__container__wrapp .programs__wrapp .programs__wrapp__inner{margin-left:0px; margin-right:0px; padding-bottom:50px;} 
.body__container__wrapp .event__wrapp{padding:50px 0px; max-height:unset;}
.body__container__wrapp .btn__wrapp a{height:45px; font-size:14px;}
.body__container__wrapp .event__wrapp .carousel__e
.header__banner__inner__page .image__box{height:250px;}
.body__container__wrapp .about__wrapp{padding:50px 0px;}
.body__container__wrapp__inner .about__wrapp .image__box{height:auto; margin-bottom:30px;} 
.body__container__wrapp__inner .programs__wrapp__inner{padding:50px 0px;}
.body__container__wrapp__inner .programs__wrapp__inner .mr__top__large{margin-top:20px; order:2;}
.body__container__wrapp__inner .programs__wrapp__inner .programs__content__wrapp .content__box p{margin-top:0px;}
.body__container__wrapp__inner .programs__wrapp__inner .programs__content__wrapp .content__box h3{font-size:25px;}
.page-template-template-learning-laboratory .body__container__wrapp__inner .programs__wrapp__inner .programs__content__wrapp .image__box{height:auto; margin-bottom:20px;}
.page-template-template-learning-laboratory .body__container__wrapp__inner .programs__wrapp__inner{padding-top:0px;}
.page-template-template-learning-laboratory .body__container__wrapp__inner .programs__wrapp__inner .mr__top__large:nth-child(even) .order-1{order:unset !important;}
.body__container__wrapp .about__wrapp .image__box{margin-bottom:30px;}
.body__container__contact__wrapp .contact__wrapp{padding:0px 0px 50px;}
}

@media(max-width:575px){
.header__banner__main .header__banner___overlay{height:120px;}
.header__banner__main .image__box{height:450px;}
.header__banner__main .banner__content h1{font-size:25px;}
.header__banner__main .banner__content p{margin:15px 0px; font-size:16px;}
.header__banner__main .banner__content a.banner__btn{height:45px; width:120px; font-size:14px;}
.body__container__wrapp .impact__wrapp{padding:50px 0px;}
.body__container__wrapp .section__title{margin-bottom:15px;}
.body__container__wrapp .section__title h4{font-size:16px;}
.body__container__wrapp .section__title .heading__graphic{width:45px;}
.body__container__wrapp h2{font-size:20px; margin-bottom:15px;}
.body__container__wrapp p{font-size:14px; line-height:26px;}
.body__container__wrapp h3{font-size:18px;}
.body__container__wrapp .impact__card__wrapp{flex-wrap:wrap;}
.body__container__wrapp .impact__wrapp .impact__card{margin-bottom:10px; flex:auto;}
.body__container__wrapp .impact__wrapp .impact__card a h3{font-size:18px;}
.body__container__wrapp .impact__wrapp .impact__card a p{font-size:14px; line-height:25px;}
.body__container__wrapp .programs__wrapp .programs__header__wrapp{padding-top:50px; padding-bottom:200px; max-height:unset;}
.body__container__wrapp .programs__wrapp .programs__header__wrapp p{font-size:14px;}
.body__container__wrapp .programs__wrapp .programs__wrapp__inner{margin-left:0px; margin-right:0px; padding-bottom:50px;} 
.body__container__wrapp .event__wrapp{padding:50px 0px; max-height:unset;}
.body__container__wrapp .btn__wrapp a{height:45px; font-size:14px;}
.body__container__wrapp .event__wrapp .carousel__event .event__card .image__box{height:auto; margin-top:30px;}
.header__banner__inner__page .image__box{height:250px;}
.body__container__wrapp .about__wrapp{padding:50px 0px;}
.body__container__wrapp__inner .about__wrapp .image__box{height:auto; margin-bottom:30px;}
.body__container__wrapp__inner .programs__wrapp__inner{padding:0px 0px 50px;}
.body__container__wrapp__inner .programs__wrapp__inner .mr__top__large{margin-top:20px; order:2;}
.body__container__wrapp__inner .programs__wrapp__inner .programs__content__wrapp .content__box p{margin-top:0px;}
.body__container__wrapp__inner .programs__wrapp__inner .programs__content__wrapp .content__box h3{font-size:20px;}
.page-template-template-learning-laboratory .body__container__wrapp__inner .programs__wrapp__inner .programs__content__wrapp .image__box{height:auto; margin-bottom:20px;}
.page-template-template-learning-laboratory .body__container__wrapp__inner .programs__wrapp__inner .mr__top__large:nth-child(even) .order-1{order:unset !important;}
.body__container__wrapp .about__wrapp .image__box{margin-bottom:30px;}
.body__container__contact__wrapp .contact__wrapp{padding:0px 0px 50px;}
.body__container__contact__wrapp .contact__wrapp .contact__wrapp__inner .contact__info__wrapp .contact__details p{font-size:14px;}
.body__container__contact__wrapp .contact__wrapp .contact__wrapp__inner .contact__form__wrapp{padding-left:15px; padding-right:15px; padding-bottom:20px;}
.body__container__contact__wrapp .contact__wrapp .contact__wrapp__inner .contact__form__wrapp .fomr__group label{font-size:14px;}
.body__container__contact__wrapp .contact__wrapp .contact__wrapp__inner .contact__form__wrapp .fomr__group .form__control{height:45px;}
.body__container__contact__wrapp .contact__wrapp .contact__wrapp__inner .contact__form__wrapp .submit__btn{font-size:14px;}
footer .footer__nav ul{flex-flow:row wrap; justify-content:center;}
footer .footer__nav ul li{margin-bottom:10px;}
}

[-] styles.css [edit]
[-] responsive.css [edit]
[+] ..
[-] owl.theme.default.min.css [edit]
[-] owl.carousel.min.css [edit]
[-] custom-style.css [edit]
[-] owl.theme.default.css [edit]