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

PATH: home / lab2454c / aficb.com / public / frontAssets / css

@media(max-width:1399px){
.sidebar__wrapper.active{width:220px !important; left:250px !important;}
.header__banner__inner__trust .banner__content .banner__container__inner .banner__container__items__wrapp .banner__content__item a{
border-right:1px solid rgba(255,255,255,0.28); border-bottom:1px solid rgba(255,255,255,0.28); padding:30px 20px;}
.header__banner__inner__trust .banner__content .banner__container__inner .banner__container__items__wrapp .banner__content__item .ico__box{max-width:50px; margin-bottom:20px;}
.header__banner__inner__trust .banner__content .banner__container__inner .banner__container__items__wrapp .banner__content__item h2{font-size:18px;}
.header__banner__inner__trust .banner__content .banner__container__inner .banner__container__items__wrapp .banner__content__item p{font-size:12px;}
}

@media(max-width:991px){
.header__top__bar .container{max-width:unset;}
.header__top__bar .hamburger__menu{order:3;}
.header__top__bar .user__login__wrapp{justify-content:center;}
.header__top__bar .user__login__wrapp a{font-size:12px; margin:0px 5px;}
.header__top__bar .navbar__brand{max-width:unset; flex:unset;}
.navbar__top{padding-left:0px; padding-right:0px;}
.shrink{position: fixed; -webkit-transition:all .3s ease 0s; -moz-transition:all .3s ease 0s; -o-transition:all .3s ease 0s; transition:all .3s ease 0s;}

.header__top__bar__single .header__top__bar__single__inner{flex:1;}
.header__top__bar__single .navbar__brand{max-width:unset; flex:unset;}
.header__top__bar__single .user__login__wrapp{margin:0px; align-items:unset; border-radius:0px !important; margin-top:0px !important; justify-content:flex-end;}
.header__top__bar__single .user__login__wrapp a{margin:0px; padding:15px !important; height:auto;}
.header__top__bar__single .user__login__wrapp a:hover{background-color:#000;}
.header__top__bar__single .navbar__top{width:65px; flex:unset; padding-right:15px; background:#ec1c24; }
.header__top__bar__single .navbar__top .navbar__toggler{display:block; margin:0px 0px 0px auto; height:35px;}
.header__top__bar__single .navbar__top .hamburger__menu span{background:#fff;}
.header__top__bar__single .navbar__top .menu,.header__top__bar__single .navbar__top .menu:after,.header__top__bar__single .navbar__top .menu:before{background-color:#fff;}
.header__top__bar__single .navbar__top  .menu.animate{background-color:transparent;}
.header__top__bar__single .navbar__top .navbar__nav{width:100%; justify-content:flex-end;} 
.header__top__bar__single .navbar__top .navbar__nav li a{color:#000; text-transform:uppercase; font-size:12px; font-weight:500; padding:8px 15px; display:block; position:relative;}
.header__top__bar__single .navbar__top .navbar__nav li a:hover{color:#ec1c24;}
.header__top__bar__single .navbar__top  .navbar-collapse{height:100%;}
.header__top__bar__single .navbar__top  .navbar-collapse{position:fixed; left:-100%; background:#fff; 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);}
.header__top__bar__single .navbar__top  .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;}

.header__banner__inner__trust .banner__content .banner__container__inner .banner__container__items__wrapp{flex-flow:row wrap;}
.header__banner__inner__trust .banner__content .banner__container__inner .banner__container__items__wrapp .banner__content__item a{
border-right:1px solid rgba(255,255,255,0.28); border-bottom:1px solid rgba(255,255,255,0.28); padding:30px 15px;}
.header__banner__inner__trust .banner__content .banner__container__inner .banner__container__items__wrapp .banner__content__item .ico__box{max-width:30px; margin-bottom:20px;}
.header__banner__inner__trust .banner__content .banner__container__inner .banner__container__items__wrapp .banner__content__item h2{font-size:16px;}
.header__banner__inner__trust .banner__content .banner__container__inner .banner__container__items__wrapp .banner__content__item p{font-size:12px;}

}

@media(max-width:767px){
.header__top__bar .user__login__wrapp a{font-size:12px; line-height:12px;}
.header__top__bar .user__login__wrapp a i.ico__box{max-width:22px; flex:0 0 22px; height:22px; width:22px;}
.header__top__bar .user__login__wrapp a i.ico__box img{width:8px;}

}

@media(max-width:575px){
.header__top__bar .navbar__brand{flex:103px; max-width:103px;}
.header__top__bar .hamburger__menu{order:3; margin:0px 0px 0px 20px;;}
.header__top__bar .user__login__wrapp{justify-content:center; margin:0px;}
.header__top__bar .user__login__wrapp a{font-size:12px; padding:0px 15px; margin:0px 5px; height:33px; text-align:center;}
.header__top__bar .user__login__wrapp a i.ico__box{display:none;}

.header__banner__main .image__box img{height:390px;}
.header__banner__main .banner__container__inner{max-width:315px;}
.header__banner__main .banner__content h1{font-size:30px;}
.header__banner__main .banner__content p{font-size:14px;}
.header__banner__main .banner__content a.banner__btn{height:40px; line-height:40px; font-size:14px; width:150px;}

.header__banner__inner__singel .image__box img{height:100%;}

.body__container__wrapp .welcome__wrapp .containt__wrapp{padding-top:0px;}
.body__container__wrapp .welcome__wrapp .containt__wrapp h2{font-size:20px;}
.body__container__wrapp .welcome__wrapp .containt__wrapp p{font-size:14px; line-height:24px;}
.body__container__wrapp .welcome__wrapp .containt__wrapp a{font-size:14px; margin-top:10px;}

.body__container__wrapp .services__wrapp{padding:30px 0px 0px;}
.body__container__wrapp .services__wrapp .services__inner{margin:0px auto 20px; max-width:340px;}
.body__container__wrapp .services__wrapp .services__inner .items__title{display:block; text-align:center;}
.body__container__wrapp .services__wrapp .services__inner .items__title i.ico__box{display:block; margin:0px auto 10px;}
.body__container__wrapp .services__wrapp .services__inner .items__title h3{font-size:14px;}
.body__container__wrapp .services__wrapp .services__inner p{font-size:12px; line-height:20px; text-align:center;}
.body__container__wrapp .services__wrapp .image__box{margin-top:30px; text-align:center;}
.body__container__wrapp .services__wrapp .image__box img{height:auto; max-width:350px; margin:0px auto;}
.body__container__wrapp .services__wrapp .services__inner__right{text-align:left;}
.body__container__wrapp .services__wrapp .services__inner__right .items__title{justify-content:flex-start;}
.body__container__wrapp .services__wrapp .services__inner__right .items__title i.ico__box{order:1;}
.body__container__wrapp .services__wrapp .services__inner__right .items__title h3{order:1;}

.body__container__wrapp .featured__products{padding:50px 0px;}
.body__container__wrapp .featured__products h2{font-size:20px;}
.body__container__wrapp .featured__products p{font-size:14px; line-height:24px;}

.body__container__wrapp .testimonials__wrapp{padding:50px 0px;}
.body__container__wrapp .testimonials__wrapp h2{font-size:20px;}
.body__container__wrapp .testimonials__wrapp p{font-size:14px; line-height:24px;}

.header__top__bar__single .header__top__bar__single__inner{flex:0 0 100%; max-width:100%; order:3;}
.header__top__bar__single .navbar__brand{max-width:unset; flex:unset;}
.header__top__bar__single .user__login__wrapp{margin:0px; align-items:unset; border-radius:0px !important; margin-top:0px !important;}
.header__top__bar__single .user__login__wrapp a{margin:0px; padding:15px !important; height:auto; flex:1;}
.header__top__bar__single .user__login__wrapp a:hover{background-color:#000;}
.header__top__bar__single.shrink .navbar__brand img{height:45px;}
.header__top__bar__single .navbar__top{width:auto; flex:1; padding-right:15px; background:#ec1c24;}
.header__top__bar__single .navbar__top .navbar__toggler{display:block;}
.header__top__bar .hamburger__menu span{background:#111;}
.header__top__bar .menu,.menu:after,.menu:before{background-color:#111;}
.header__top__bar__single .navbar__top .navbar__nav{width:100%; justify-content:flex-end;} 
.header__top__bar__single .navbar__top .navbar__nav li a{color:#000; text-transform:uppercase; font-size:12px; font-weight:500; padding:8px 15px; display:block; position:relative;}
.header__top__bar__single .navbar__top .navbar__nav li a:hover{color:#ec1c24;}
.header__top__bar__single .navbar__top  .navbar-collapse{height:100%;}
.header__top__bar__single .navbar__top  .navbar-collapse{position:fixed; left:-100%; background:#fff; 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);}
.header__top__bar__single .navbar__top  .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;}
.header__banner__inner__trust{margin-top:0px;}
.header__banner__inner__trust .image__box{height:575px;}
.header__banner__inner__trust .image__box img{height:100%;}

footer .footer__inner__wrapp{padding-top:50px;}
footer .footer__inner__wrapp .news__letter h2{font-size:20px;}
footer .footer__inner__wrapp .news__letter p{font-size:14px; line-height:24px; max-width:350px; margin-left:auto; margin-right:auto;}
footer .footer__inner__wrapp .news__letter .form__group .form__control{height:50px; font-size:12px;}
footer .footer__inner__wrapp .news__letter .form__group .submit__btn{height:50px; font-size:12px; width:90px;}
footer .footer__bottom{flex-wrap:wrap; flex-direction:column;}
footer .footer__bottom p{order:2;}
footer .footer__bottom .footer__bottom__links{justify-content:center;;}
}

@media(max-width:480px){
.header__top__bar{padding-bottom:0px;}
.header__top__bar .header__top__wrapp{flex-flow:row wrap;}
.header__top__bar .hamburger__menu{order:2; margin:0px 0px 0px auto;}
.header__top__bar .user__login__wrapp{flex:0 0 100%; max-width:100%; order:3; margin-top:10px; border-radius:10px 10px 0px 0px; overflow:hidden;} 
.header__top__bar .user__login__wrapp a{flex:1; margin:0px; padding:0px 10px;; border-radius:0px; text-align:center; line-height:12px;}
.header__top__bar .user__login__wrapp a:nth-of-type(2n){border-left:1px solid #fff; border-right:1px solid #fff;}
}

[-] styles.css [edit]
[-] responsive.css [edit]
[+] ..
[-] owl.css [edit]
[-] custom-style.css [edit]