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

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

@media(max-width:1199px){
.user__control__main .user__inne__info .inner__wrapp{padding:0px;}
.user__control__main .user__inne__info .inner__wrapp .inner__wrapp__holder{max-width:530px;}

}

@media(max-width:1024px){
.user__control__main .custom__col__lg{max-width:100%; -ms-flex:0 0 100%; flex:0 0 100%;}
.user__control__main{height:100%;}
.user__control__main .user__control__inner{background-image:none;}
.user__control__main .user__control__inner:before{display: none;}
.user__control__main .user__control__inner .inner__wrapp{padding:50px 30px; max-width:530px; height:auto; margin:0px auto;}
.user__control__main .user__inne__info .inner__wrapp{padding:0px;}
.user__control__main .user__control__inner .inner__wrapp .content__holder{display:none;}
.user__control__main .user__control__inner .inner__wrapp .inner__wrapp__holder .logo__wrapp{display:none;}
.user__control__main .user__control__inner .inner__wrapp .inner__wrapp__holder .logo__wrapp__small__device{display:block;}
.user__control__main .user__inne__info .inner__wrapp .inner__wrapp__holder h2{text-align: center; font-size:24px;}
.user__control__main .user__inne__info .inner__wrapp .inner__wrapp__holder h3{text-align: center; font-size:18px;}
.user__control__main .user__inne__info .inner__wrapp .inner__wrapp__holder .info__user p{font-size:14px;}
.navbar .navbar-brand img{max-height:85px;}
.header__banner__main .image__box{height:100%;}
}

@media(max-width:991px){
.navbar{background-color:transparent; border-top:1px solid #d1d1d1; padding-top:10px; padding-bottom:10px;}
.shrink{background-color:#1059d9;}
/*.navbar .navbar-brand{width:100%; text-align:center;}*/
.navbar .navbar-brand img{max-height:85px;}
.navbar .main__header__content{padding-left:15px; padding-right:15px;}
.navbar .main__header__content{align-items:center;}
.navbar .navbar-nav li a{text-align:left; border-bottom:1px solid rgba(0,0,0,0.035); width:100%; color:#2f2f2f; padding:12px 20px; line-height:1; font-weight:400;}
.navbar-toggler{border:0px solid red; margin-right:0px; padding:0px; height:30px; /*position:absolute;*/}
.navbar-toggler span{width:15px; height:2px; background:#fff; display:block; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px;}
.navbar-toggler span:nth-child(2){margin:7px 0px;}
.bar,.bar:after,.bar:before{width:15px; height:2px; background-color:#fff;}
.bar{position:relative; transform:translateY(25px); transition:all 0ms 300ms; top:-25px;}
.bar.animate{background-color:transparent;}
.bar:before{content:""; position:absolute; left:0; bottom:5px; transition:bottom 300ms 300ms cubic-bezier(0.23,1,0.32,1),transform 300ms cubic-bezier(0.23,1,0.32,1);}
.bar:after{content:""; position:absolute; left:0; top:5px; transition:top 300ms 300ms cubic-bezier(0.23,1,0.32,1),transform 300ms cubic-bezier(0.23,1,0.32,1);}
.bar.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);}
.bar.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 .main__nav .container{padding:0px;}
.navbar .navbar-collapse{height:100%;}
.navbar .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);}
.navbar .show{left:0px; width:300px;
-webkit-transition:left .3s ease 0s;-moz-transition:left .3s ease 0s;-o-transition:left .3s ease 0s; transition:left .3s ease 0s;}
.navbar .navbar-nav{display:block; height:auto; margin-bottom:30px;}
.navbar .navbar-nav li{height:auto; padding:0px;}
.navbar .navbar-nav li a.nav-link{border-right:0px; border-bottom:1px solid #f1f1f1; line-height:normal; padding:10px 15px; text-align:left; position:relative; font-size:12px;}
.navbar .navbar-nav li a:after{display:none;}
.navbar .navbar-nav li:last-child a{border-bottom:0px;}

.navbar .navbar-nav li:hover ul.dropdown-menu{display:none; border:0px;}
.navbar .navbar-nav li ul.dropdown-menu{background:#fff; margin:0px; border:0px; padding:0px; -moz-border-radius:0px; -webkit-border-radius:0px; border-radius:0px;
-moz-transition:all .6s ease-in-out; -webkit-transition:all .6s ease-in-out; transition:all .6s ease-in-out;}
.navbar .navbar-nav li.show ul.dropdown-menu{display:block; -moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none;
-moz-transition:all .6s ease-in-out; -webkit-transition:all .6s ease-in-out; transition:all .6s ease-in-out;}
.navbar .navbar-nav li.dropdown ul.dropdown-menu li a{padding:10px 15px 10px 35px; font-size:14px; font-weight:400; line-height: normal;
word-wrap:break-word; word-break:break-word; white-space:normal; text-transform:none; color:#555; border-bottom:1px solid #f1f1f1 !important;} 
.navbar .navbar-nav li.dropdown ul.dropdown-menu li a:hover{color:#f56d23;}
.navbar .navbar-nav li.dropdown-submenu ul.dropdown-menu{background:#fff; margin:0px; padding:0px;}
.navbar .navbar-nav li.dropdown-submenu ul.dropdown-menu li a{border-bottom:1px solid #f1f1f1; font-size:12px;}	
	
	
	
	
.navbar .navbar-nav li a .icon__box{width:50px; height:100%; position:absolute; top:0px; right:0px;}
.navbar .navbar-nav li a .icon__box:before{width:11px; height:1px; position:absolute; left:0px; top:0px; bottom:0px; right:0px; content:"";
background:#000; margin:auto; transition:all .3s ease-in-out;}
.navbar .navbar-nav li a .icon__box:after{width:1px; height:11px; position:absolute; left:0px; top:0px; bottom:0px; right:0px; content:"";
background:#000; margin:auto; transition:all .3s ease-in-out;}
.navbar .navbar-nav li.show a .icon__box:after{transform:translateY(0px) rotate(90deg);}
.navbar .navbar-nav li ul.dropdown-menu li a .icon__box{width:50px; height:100%; position:absolute; top:0px; right:0px;}
.navbar .navbar-nav li ul.dropdown-menu li a .icon__box:before{width:11px; height:1px; position:absolute; left:0px; top:0px; bottom:0px; right:0px; content:"";
background:#4284b6; margin:auto; transition:all .3s ease-in-out;}
.navbar .navbar-nav li ul.dropdown-menu li a .icon__box:after{width:1px; height:11px; position:absolute; left:0px; top:0px; bottom:0px; right:0px; content:"";
background:#4284b6; margin:auto; transition:all .3s ease-in-out; transform:translateY(0px) rotate(0deg);}
.navbar .navbar-nav li.show ul.dropdown-menu li.show a .icon__box:after{transform:translateY(0px) rotate(90deg);}
.navbar .navbar-nav li.show ul.sub__menu__sub{display:none;}

.navbar .navbar-nav li a .icon__box{width:50px; height:100%; position:absolute; top:0px; right:0px;}
.navbar .navbar-nav li a .icon__box:before{width:11px; height:1px; position:absolute; left:0px; top:0px; bottom:0px; right:0px; content:"";
background:#000; margin:auto; transition:all .3s ease-in-out;}
.navbar .navbar-nav li a .icon__box:after{width:1px; height:11px; position:absolute; left:0px; top:0px; bottom:0px; right:0px; content:"";
background:#000; margin:auto; transition:all .3s ease-in-out;}
.navbar .navbar-nav li.show a .icon__box:after{transform:translateY(0px) rotate(90deg);}
.navbar .navbar-nav li ul.dropdown-menu li a .icon__box{width:50px; height:100%; position:absolute; top:0px; right:0px;}
.navbar .navbar-nav li ul.dropdown-menu li a .icon__box:before{width:11px; height:1px; position:absolute; left:0px; top:0px; bottom:0px; right:0px; content:"";
background:#4284b6; margin:auto; transition:all .3s ease-in-out;}
.navbar .navbar-nav li ul.dropdown-menu li a .icon__box:after{width:1px; height:11px; position:absolute; left:0px; top:0px; bottom:0px; right:0px; content:"";
background:#4284b6; margin:auto; transition:all .3s ease-in-out; transform:translateY(0px) rotate(0deg);}
.navbar .navbar-nav li.show ul.dropdown-menu li.show a .icon__box:after{transform:translateY(0px) rotate(90deg);}
.navbar .navbar-nav li.show ul.sub__menu__sub{display:none;}
	
	
	
	
	
.navbar-expand-lg .navbar__collapse .close__navbar__reponsive{
background-color:#f8f8f8; color:#333; font-size:13px; font-weight:600; line-height:1; padding:20px; letter-spacing:0.6px; text-transform:uppercase;
display:-ms-flexbox; display:none; -ms-flex-wrap:wrap; flex-wrap:wrap; -ms-flex-align:center; align-items:center; }
.navbar-expand-lg .navbar__collapse .close__navbar__reponsive svg{height:13px; width:13px; margin-right:8px;}
.navbar-expand-lg .navbar__collapse .close__navbar__reponsive:hover{color: #f56d23}
.navbar-expand-lg .navbar__collapse .close__navbar__reponsive:hover svg path{fill: #f56d23}

.rewards__main__wrapp .rewards__main__top .content__box h2{font-size:20px !important;}
}

@media(max-width:767px){
.header__banner__main .banner__content p{font-size:14px;}
.body__content__wrapp .inner__body__wrapp h2{font-size:20px; margin-top:20px;}
.body__content__wrapp .inner__body__wrapp .inner__from__wrapp .form__group{margin-bottom:15px;}
.body__content__wrapp .inner__body__wrapp .inner__from__wrapp .form__group p{margin-bottom:30px;}
.body__content__wrapp .inner__body__wrapp .user__profile__top__wrapp .nav__pills li a{font-size:14px; padding:10px 12px;}
.body__content__wrapp .inner__body__wrapp .user__profile__top__wrapp .custom__link a{padding:12px 10px 12px 35px;}
.body__content__wrapp .inner__body__wrapp .user__profile__top__wrapp .custom__link li:first-child a{background-size:15px; background-position:left 12px center;}
.body__content__wrapp .inner__body__wrapp .user__profile__top__wrapp .custom__link li:nth-child(2) a{background-size:15px; background-position:left 12px center;}

.rewards__main__wrapp .rewards__main__top .content__box{padding:0px 20px !important;}
.rewards__main__wrapp .rewards__main__top .content__box h2{font-size:18px !important;}

footer .footer__inner__wrapp{padding-left:10px; padding-right: 10px; padding-bottom: 17px;}
footer .footer__inner__wrapp .foote__widget{margin-bottom:30px;}
}

@media(max-width:649px){
.body__content__wrapp .inner__body__wrapp .user__profile__top__wrapp{display:block;}
.body__content__wrapp .inner__body__wrapp .user__profile__top__wrapp .nav__pills{justify-content:center}
.body__content__wrapp .inner__body__wrapp .user__profile__top__wrapp .nav__pills li a{font-size:14px; padding:10px 14px;}
.body__content__wrapp .inner__body__wrapp .user__profile__top__wrapp .custom__link{text-align: center; margin-top: 15px; justify-content:center;}
.body__content__wrapp .inner__body__wrapp .user__profile__top__wrapp .custom__link a{display:inline-block; padding:12px 10px 12px 45px;}
}

@media(max-width:575px){
.user__control__main{height:100%;}
.user__control__main .user__control__inner{background-image:none;}
.user__control__main .user__control__inner:before{display: none;}
.user__control__main .user__control__inner .inner__wrapp{padding:50px 30px; max-width:530px; height:auto;}
.user__control__main .user__inne__info .inner__wrapp{padding:0px;}
.user__control__main .user__control__inner .inner__wrapp .content__holder{display:none;}
.user__control__main .user__control__inner .inner__wrapp .inner__wrapp__holder .logo__wrapp{display:none;}
.user__control__main .user__control__inner .inner__wrapp .inner__wrapp__holder .logo__wrapp__small__device{display:block;}
.user__control__main .user__inne__info .inner__wrapp .inner__wrapp__holder h2{text-align: center; font-size:20px;}
.user__control__main .user__inne__info .inner__wrapp .inner__wrapp__holder h3{text-align: center; font-size:14px;}
.user__control__main .user__inne__info .inner__wrapp .inner__wrapp__holder .info__user p{font-size:12px;}
.body__content__wrapp .inner__body__wrapp .user__profile__top__wrapp{display:block;}
.body__content__wrapp .inner__body__wrapp .user__profile__top__wrapp .nav__pills{justify-content:center}
.body__content__wrapp .inner__body__wrapp .user__profile__top__wrapp .nav__pills li a{font-size:14px; padding:10px 14px;}
.body__content__wrapp .inner__body__wrapp .user__profile__top__wrapp .custom__link{text-align: center; margin-top: 15px; justify-content:center;}
.body__content__wrapp .inner__body__wrapp .user__profile__top__wrapp .custom__link a{display:inline-block; padding:12px 10px 12px 35px;}
.rewards__main__wrapp .rewards__main__top .content__box h2{font-size:16px !important;}
	
	
.body__content__wrapp .inner__body__wrapp .user__profile__top__wrapp .custom__link li:first-child a{background-size:15px; background-position:left 12px center;}
.body__content__wrapp .inner__body__wrapp .user__profile__top__wrapp .custom__link li:nth-child(2) a{background-size:15px; background-position:left 12px center;}
}

[-] premium-style.css [edit]
[-] login-custom-style.css [edit]
[+] ..
[-] bootstrap.css [edit]
[-] 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]