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

PATH: home / lab2454c / tripvare.com / public / css

@media(max-width:1600px){
.user__control__main .user__inne__info .inner__wrapp{padding:0px; margin:0px 30px;}
.user__control__main .user__inne__info .inner__wrapp .inner__wrapp__holder .passbook__wrapp ul{display:-ms-flexbox; display:flex; flex-wrap:nowrap; -ms-flex-align:center; align-items:center; 
-ms-flex-pack:justify; justify-content:center; justify-content:flex-center; grid-gap:0px;}
.user__control__main .user__inne__info .inner__wrapp .inner__wrapp__holder .passbook__wrapp ul li{margin:0px 5px 10px;}
.user__control__main .user__inne__info .inner__wrapp .inner__wrapp__holder .passbook__wrapp ul li .passbook__holder{height:auto;}
.user__control__main .user__inne__info .inner__wrapp .inner__wrapp__holder .contact__info .contact__inner{-ms-flex:1%; flex:1%; width:1%;}
.user__control__main .user__inne__info .inner__wrapp .inner__wrapp__holder .contact__info .contact__inner p{font-size:14px;}
.body__content__wrapp .tab__content .tab__panel .tab__panel__wrapp .profile__detail .profile__detail__wrapp{padding:0px 15px;}
}

@media(max-width:1400px){
.main__navbar__nav{width:255px !important;}
.main__navbar__nav .sidebar__brand h2{font-size:12px;}
.main__navbar__nav .nav__item .nav__link i.ico__wrapp{width:25px; height:25px; display:block;}
.main__navbar__nav .nav__item .nav__link span{font-size:12px;}
.body__content__wrapp .tab__content .tab__panel .tab__panel__wrapp .user__profile__widage{max-width:215px;}
.body__content__wrapp .tab__content .tab__panel .tab__panel__wrapp .user__profile__widage .profile__title h2{font-size:18px;}
.body__content__wrapp .tab__content .tab__panel .tab__panel__wrapp .user__profile__widage .profile__title h3{font-size:12px;}
.body__content__wrapp .tab__content .tab__panel .tab__panel__wrapp .profile__detail .profile__detail__wrapp .profile__detail__title p{font-size:12px;}
.body__content__wrapp .tab__content .tab__panel .tab__panel__wrapp .stamp__wrapp .stamp__wrapp__inner .content__box{font-size:14px;}
.body__content__wrapp .tab__content .tab__panel .tab__panel__wrapp .approval__wrapp p{font-size:14px;}

/*Atanu CSS*/
.body__content__wrapp .tab__content .tab__panel .tab__panel__wrapp .stamp__wrapp .stamp__wrapp__inner .content__box .checkmark{top:4px; width:16px; height:16px;}
.body__content__wrapp .tab__content .tab__panel .tab__panel__wrapp .stamp__wrapp .stamp__wrapp__inner .content__box .checkmark::before{width:12px; height:12px;}
.body__content__wrapp .tab__content .tab__panel .tab__panel__wrapp .stamp__wrapp .stamp__wrapp__inner .content__box .checkmark::after{width:12px; height:12px;}

}

@media(max-width:1299px){
.user__control__main .user__control__inner .inner__wrapp{max-width:400px;}	
.user__control__main .user__control__inner .inner__wrapp .inner__wrapp__holder{padding:50px 0px;}
.user__control__main .user__inne__info .inner__wrapp .inner__wrapp__holder{padding:0px;}
.user__control__main .user__inne__info .inner__wrapp{padding-top:60px; padding-bottom:0px; max-width:unset;}
.user__control__main .user__inne__info .inner__wrapp .inner__wrapp__holder .passbook__wrapp ul{flex-wrap:wrap;}
.user__control__main .user__inne__info .inner__wrapp .inner__wrapp__holder .passbook__wrapp ul li{max-width:118px; -ms-flex:0 0 118px; flex:0 0 118px;}
.user__control__main .user__inne__info .inner__wrapp .inner__wrapp__holder .passbook__wrapp ul li .passbook__title h3{font-size:12px;}
.user__control__main .user__inne__info .inner__wrapp .inner__wrapp__holder .contact__info .contact__inner{padding:0px 15px; margin-bottom:50px;}
.user__control__main .user__inne__info .inner__wrapp .inner__wrapp__holder .footer__wrapp{position:relative; padding-left:0px; padding-right:0px;}

.body__content__wrapp .tab__content .tab__panel .tab__panel__wrapp__widget .tab__panel__content__holder{padding:30px;}
.body__content__wrapp .tab__content .tab__panel .tab__panel__wrapp__widget .tab__panel__content__holder h3{margin:0 0 15px;}
}

@media(max-width:1199px){
.body__content__wrapp .inner__body__wrapp .inner__from__wrapp .form__group .space__top{margin-top:15px;}
.body__content__wrapp .faq__wrap ul.faq__accordion li.accordion__item a.accordion__title{font-size:18px; padding:15px 40px 15px 20px;}
.body__content__wrapp .faq__wrap ul.faq__accordion li.accordion__item a.accordion__title::before{height:20px; right:20px;}
.body__content__wrapp .faq__wrap ul.faq__accordion li.accordion__item a.accordion__title::after{width:20px;}
.body__content__wrapp .tab__content .tab__panel .tab__panel__wrapp .user__profile__widage{max-width:245px; margin-left:auto; margin-right:auto; margin-bottom:50px;}
.body__content__wrapp .tab__content .tab__panel .tab__panel__wrapp .profile__detail .profile__detail__wrapp .profile__detail__title:nth-of-type(1){width:85px;}

.setup__content .stepwizard__form__inner{min-width:unset; width:100%;}
.price__dec .price__table span:nth-of-type(1){width:1%; -ms-flex:1 1 auto; flex:1 1 auto; max-width:unset;}
.body__content__wrapp .inner__body__wrapp .setup__content .stepwizard__form__inner .submit__btn{margin-top:0px;}
.sidebar.toggled{width:115px !important;}

}

@media(max-width:991px){
.container{padding-left:15px; padding-right:15px;}
.navbar__header__top{padding-left:15px; padding-right:15px;}
.body__content__wrapp .nav__tabs .nav__item{margin-right:10px;}
/*.main__navbar__nav{width:100px !important;}
.main__navbar__nav .nav__item.active .nav__link{font-size:12px; display:block; text-align:center;}
.main__navbar__nav .nav__item .nav__link i.ico__wrapp{margin: 0px auto 10px;}*/
.navbar__header__top .ico__hamburger{order:2; margin-left:auto; margin-right:0px !important;}
.navbar__header__top .user__profile__user{order:1; margin-left:0px !important;}

.sidebar.toggled{width:115px !important;}

.body__content__wrapp .tab__content .tab__panel .tab__panel__wrapp .user__profile__widage{margin-left:auto; margin-right:auto; margin-bottom:30px;}
.body__content__wrapp .tab__content .tab__panel .tab__panel__wrapp__widget{flex-wrap:wrap;}
.body__content__wrapp .tab__content .tab__panel .tab__panel__wrapp__widget .bbk__card{margin-left:auto; margin-right:auto; margin-bottom:30px;}
.body__content__wrapp .tab__content .tab__panel .tab__panel__wrapp__widget .tab__panel__content__holder{padding:35px;}
.body__content__wrapp .tab__content .tab__panel .tab__panel__wrapp__widget .tab__panel__content__holder h2{font-size:20px; text-align:center;}
.body__content__wrapp .tab__content .tab__panel .tab__panel__wrapp__widget .tab__panel__content__holder h3{font-size:16px; text-align:center;}
.body__content__wrapp .tab__content .tab__panel .tab__panel__wrapp__widget .tab__panel__content__holder p{font-size:12px; text-align:center;}

.body__content__wrapp .tab__content .tab__panel .method__type__wrapp{padding:30px 30px 0px 30px; height:auto;}
.body__content__wrapp .tab__content .tab__panel .method__type__wrapp .method__wrapp__inner{display:-ms-flexbox; display:flex; flex-wrap:nowrap; -ms-flex-align:center; align-items:center; 
-ms-flex-pack:justify; justify-content:center; justify-content:space-between;}
.body__content__wrapp .tab__content .tab__panel .payment__method__wrapp{padding:0px 30px 30px 30px; height:auto;}
.body__content__wrapp .tab__content .tab__panel .payment__method__wrapp h2{font-size:18px;}
.body__content__wrapp .tab__content .tab__panel .payment__method__wrapp label{font-size:12px;}
.body__content__wrapp .tab__content .tab__panel .payment__method__wrapp .submit__btn__holder .submit__btn{height:50px; width:150px; font-size:14px;}

/*Atanu CSS*/
.body__content__wrapp .application__status h2{margin:0 0 30px; font-size:23px;}
.body__content__wrapp .tab__content .tab__panel .tab__panel__wrapp .approval__wrapp .icon__holder{margin:30px auto; max-width:125px;}
.body__content__wrapp .application__status .icon__holder{margin:30px auto; max-width:125px;}
.body__content__wrapp .application__status .icon__holder h4{font-size:20px;}
.body__content__wrapp .tab__content .tab__panel .tab__panel__wrapp .approval__wrapp .icon__holder h4{font-size:20px;}
.body__content__wrapp .tab__content .tab__panel .tab__panel__wrapp .stamp__wrapp h2{font-size:22px;}
.body__content__wrapp .tab__content .tab__panel .tab__panel__wrapp .stamp__wrapp .stamp__wrapp__inner{margin-top:20px;}
.body__content__wrapp .tab__content .tab__panel .tab__panel__wrapp .stamp__wrapp .stamp__wrapp__inner .submit__btn__holder{margin-top:25px; width:150px;}
.body__content__wrapp .tab__content .tab__panel .tab__panel__wrapp .stamp__wrapp .stamp__wrapp__inner .submit__btn{height:50px; font-size:16px;}
.body__content__wrapp .inner__body__wrapp .inner__from__wrapp .form__group .space__top{margin-top:0px; margin-bottom:10px;}
.body__content__wrapp .inner__body__wrapp .inner__from__wrapp .form__group label{font-size:12px;}
.body__content__wrapp .inner__body__wrapp .inner__from__wrapp .form__group .radio__ans .content__box{font-size:12px;}
.body__content__wrapp .faq__wrap ul.faq__accordion li.accordion__item a.accordion__title{font-size:16px;}
.body__content__wrapp .faq__wrap ul.faq__accordion li.accordion__item .accodion__content p{font-size:14px;}
.body__content__wrapp .tab__content .tab__panel .tab__panel__wrapp .user__profile__widage{width:220px;}
.body__content__wrapp .tab__content .tab__panel .tab__panel__wrapp .profile__detail .profile__detail__wrapp .profile__detail__title:nth-of-type(1){width:120px;}
.body__content__wrapp .upload__documents h2{font-size:20px; margin-bottom:30px;}

#upload{flex-wrap:wrap;}
#drop{width:100%; font-size:14px; border-right:none; border-bottom:1px solid #ececec; padding:30px;}
#drop img{width:80px; margin:0 auto 30px;}
#drop a{margin:25px auto;}
#upload ul{padding-left:0px; padding-right:0px; width:100%;}

.setup__content .stepwizard__form__inner{min-width:unset; width:100%;}
.body__content__wrapp .inner__body__wrapp .inner__from__wrapp .setup__content .stepwizard__form__inner h2{margin-top:50px;}
.price__dec .price__table span:nth-of-type(1){width:1%; -ms-flex:1 1 auto; flex:1 1 auto; max-width:unset;}
.body__content__wrapp .inner__body__wrapp .setup__content .stepwizard__form__inner .submit__btn{margin-top:0px;}
}

@media(max-width:767px){
.container{max-width:unset; padding-left:15px; padding-right:15px;}
.navbar__header__top{padding-left:15px; padding-right:15px;}
.main__navbar__nav{width:120px !important; left:-120px; position:fixed; z-index:5; overflow:hidden;
 -webkit-transition:left .3s ease 0s; -moz-transition:left .3s ease 0s; -o-transition:left .3s ease 0s; transition:left .3s ease 0s;}
.sidebar.toggled{width:120px !important; left:0px; -webkit-transition:left .3s ease 0s; -moz-transition:left .3s ease 0s; -o-transition:left .3s ease 0s; transition:left .3s ease 0s;}
.main__navbar__nav .sidebar__brand img{width:45px;}
.main__navbar__nav .sidebar__brand h2{display:none;}
.main__navbar__nav .nav__item .nav__link{display:block; padding:20px 10px 20px 8px;}
.main__navbar__nav .nav__item .nav__link i.ico__wrapp{display:block; margin:0px auto 10px;}
.main__body__wrapp .welcome__wrapp{height:120px;}
.main__body__wrapp .welcome__wrapp .welcome__wrapp__inner{padding:0px 20px; background-size:120px;}
.body__content__wrapp .inner__body__wrapp h2{font-size:22px; margin-bottom:15px;}
.body__content__wrapp .inner__body__wrapp h3{font-size:16px; margin-bottom:20px;}
.body__content__wrapp .inner__body__wrapp .inner__from__wrapp .form__group label{font-size:12px;}
.body__content__wrapp .inner__body__wrapp .inner__from__wrapp .form__group .form__control{font-size:12px;}
.body__content__wrapp .inner__body__wrapp{padding:20px 20px 10px;}
.body__content__wrapp .faq__wrap ul.faq__accordion{margin-top:20px;}
.body__content__wrapp .inner__body__wrapp h2{font-size:20px;}
.body__content__wrapp .tab__content .tab__panel .tab__panel__wrapp .profile__detail .profile__detail__wrapp .profile__detail__title:nth-of-type(1){width:93px;}
.setup__content .stepwizard__form__inner{min-width:unset; width:100%;}

}
	
@media(max-width:575px){
/*.main__navbar__nav{width:100px !important; left:-100px; overflow:hidden; -webkit-transition:left .3s ease 0s; -moz-transition:left .3s ease 0s; -o-transition:left .3s ease 0s; transition:left .3s ease 0s;}
.sidebar.toggled{width:100px !important; left:0px; -webkit-transition:left .3s ease 0s; -moz-transition:left .3s ease 0s; -o-transition:left .3s ease 0s; transition:left .3s ease 0s;}*/
.user__control__main .user__control__inner .inner__wrapp{padding:0px 15px;}
.user__control__main .user__inne__info .inner__wrapp{margin:0px; padding:50px 30px 0px;}
.user__control__main .user__control__inner .inner__wrapp .inner__wrapp__holder p{font-size:12px;}
.user__control__main .user__control__inner .inner__wrapp .inner__wrapp__holder .form__wrapp .submit__btn{height:50px; width:115px; font-size:14px;}
.user__control__main .user__inne__info .inner__wrapp .inner__wrapp__holder .contact__info{flex-wrap:wrap;}
.user__control__main .user__inne__info .inner__wrapp .inner__wrapp__holder .passbook__wrapp{margin-bottom:45px;}
.user__control__main .user__inne__info .inner__wrapp .inner__wrapp__holder .contact__info .contact__inner{flex:auto; width:100%; margin-bottom:20px; padding:0px;}
.user__control__main .user__inne__info .inner__wrapp .inner__wrapp__holder .footer__wrapp ul{flex-wrap:wrap; align-items:start;}
.user__control__main .user__inne__info .inner__wrapp .inner__wrapp__holder .footer__wrapp ul li{flex:0 0 50%; max-width:50%; margin:0px 0px 10px;}

.body__content__wrapp .tab__content .tab__panel .tab__panel__wrapp .approval__wrapp .icon__holder{margin:20px auto; max-width:90px;}
.body__content__wrapp .tab__content .tab__panel .tab__panel__wrapp .approval__wrapp .icon__holder h4{font-size:16px;}
.body__content__wrapp .application__status{padding:30px;}
.body__content__wrapp .application__status .icon__holder{margin:20px auto; max-width:90px;}
.body__content__wrapp .application__status .icon__holder h4{font-size:16px;}
.body__content__wrapp .inner__body__wrapp .inner__from__wrapp .submit__btn{width:150px; height:50px; font-size:16px;}
.body__content__wrapp .inner__body__wrapp .inner__from__wrapp .form__group .radio__ans .content__box{font-size:13px; padding-left:25px;}
.body__content__wrapp .inner__body__wrapp .inner__from__wrapp .form__group .radio__ans .content__box .checkmark{width:16px; height:16px;}
.body__content__wrapp .inner__body__wrapp .inner__from__wrapp .form__group .radio__ans .content__box .checkmark::before{width:14px; height:14px;}
.body__content__wrapp .inner__body__wrapp .inner__from__wrapp .form__group .radio__ans label{font-size:13px;}
.body__content__wrapp .inner__body__wrapp h4{font-size:16px;}
.body__content__wrapp .inner__body__wrapp .inner__from__wrapp .form__group .radio__ans input[type="checkbox"]:checked + .label-text::after{top:5px;}
.body__content__wrapp .inner__body__wrapp .inner__from__wrapp .form__group .radio__ans input[type="checkbox"] + .label-text::before{margin-right:10px;}
.body__content__wrapp .inner__body__wrapp .inner__from__wrapp .form__group .space__top{margin-top:15px;}
.body__content__wrapp .faq__wrap ul.faq__accordion li.accordion__item a.accordion__title{font-size:14px;}
.body__content__wrapp .faq__wrap ul.faq__accordion li.accordion__item .accodion__content p{font-size:12px;}
.body__content__wrapp .faq__wrap ul.faq__accordion li.accordion__item a.accordion__title{padding:15px 40px 15px 10px;}

.body__content__wrapp .faq__wrap ul.faq__accordion li.accordion__item a.accordion__title::before{height:18px; right:20px;}
.body__content__wrapp .faq__wrap ul.faq__accordion li.accordion__item a.accordion__title::after{width:18px;}

.setup__panel{-ms-flex-align:start; align-items:start; align-items:flex-start;}
.setup__panel .stepwizard__step{height:115px;}
.setup__panel .stepwizard__step .stepwizard__step__inner{height:115px; -moz-border-radius:0px; -webkit- border-radius:0px; border-radius:0px;}
.setup__panel .stepwizard__step .stepwizard__step__inner a.stepwizard__step__title{font-size:18px;}
.setup__content .stepwizard__form__inner{min-width:unset; padding:0px 15px;}
.setup__content .stepwizard__form__inner .choose__vax__pass__book{-ms-flex-wrap:wrap; flex-wrap:wrap;}
.setup__content .stepwizard__form__inner .choose__vax__pass__book .choose__vax__pass__book__inner p{margin-bottom:10px; padding-bottom:0px;}
.body__content__wrapp .inner__body__wrapp .setup__content .stepwizard__form__inner .submit__btn{margin-top:30px;}
.body__content__wrapp .inner__body__wrapp .inner__from__wrapp .setup__content .stepwizard__form__inner .submit__btn__payment{margin-top:20px; margin-bottom:0px;}
.body__content__wrapp .inner__body__wrapp .inner__from__wrapp .setup__content .stepwizard__form__inner h2{margin-top:50px;}
.body__content__wrapp .inner__body__wrapp .inner__from__wrapp .setup__content .stepwizard__form__inner form{margin:0px;}
.body__content__wrapp .inner__body__wrapp .inner__from__wrapp .setup__content .stepwizard__form__inner .form__group{margin:10px 0px 0px;}
.setup__content .stepwizard__form__inner .choose__vax__pass__book .choose__vax__pass__book__inner{width:1%; -ms-flex:1 1 auto; flex:1 1 auto; margin-right:15px;}

}

@media(max-width:420px){
.body__content__wrapp .tab__content .tab__panel .method__type__wrapp .method__wrapp__inner{flex-wrap:wrap;}
.body__content__wrapp .tab__content .tab__panel .method__type__wrapp .method__wrapp__inner .content__box{max-width:100%; flex:0 0 100%; -ms-flex:0 0 100%;}
.body__content__wrapp .tab__content .tab__panel .payment__method__wrapp .form__control{font-size:12px; height:50px;}
.body__content__wrapp .tab__content .tab__panel .method__type__wrapp{padding:30px 20px 0px 20px;}
.body__content__wrapp .tab__content .tab__panel .payment__method__wrapp{padding:0px 20px 30px 20px;}
.body__content__wrapp .tab__content .tab__panel .tab__panel__wrapp{padding-left:15px; padding-right:15px;}
.body__content__wrapp .tab__content .tab__panel .tab__panel__wrapp .profile__detail .profile__detail__wrapp .profile__detail__title p{font-size:11px;}
.body__content__wrapp .nav__tabs .nav__item{margin-right:8px;}
.body__content__wrapp .nav__tabs .nav__item a.nav__link{font-size:11px; margin-bottom:10px;}

.setup__content .stepwizard__form__inner .choose__vax__pass__book{display:block;}
.setup__content .stepwizard__form__inner .choose__vax__pass__book .choose__vax__pass__book__inner{margin-right:0px; width:100%;}

}

[-] premium-style.css [edit]
[-] login-custom-style.css [edit]
[+] ..
[-] bootstrap.css [edit]
[+] booking
[-] toast-notificatons.css [edit]
[-] dashboard-custom-style.css [edit]
[-] dashboard-min.css [edit]
[-] core.css [edit]
[-] core-responsive.css [edit]
[-] frontend-style.css [edit]
[-] language-switcher.css [edit]
[-] responsive-style.css [edit]
[-] Ubuntu-Medium.ttf [edit]
[-] frontend-responsive.css [edit]