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

PATH: home / lab2454c / netxzero.com / carbon-credit / public / frontAssets / css

@media(max-width:1399px){
    .navbar__top .navbar__collapse .navbar__nav li a {font-size: 13px;}
.navbar__top .navbar__collapse .navbar__nav li {padding: 0px 15px;}
.order-summary-content #shopping-cart-form .form-content .selected-checkout-attributes .title {
  font-size: 17px;
}
}
@media(max-width:1299px){
   .navbar__top .navbar__collapse .navbar__nav li a {font-size: 13px;}
.navbar__top .navbar__collapse .navbar__nav li {padding: 0px 15px;} 
.order-summary-content .frm-sidebar .tons-offset em {
  font-size: 35px;
}

}
@media screen and (max-width: 1199px) {
.header__menu .navbar-nav li a, .user__profile a{font-size: 12px;}
.header__search__container{padding-right: 16px;}
.login__slide__img{ display:none;}
.uploaded__songs ul{ padding:0;}
.uploaded__songs ul li{padding: 0 67px;}
.submission__part__button{display: block;}
.mark__featured__part a {font-size: 15px;padding: 12px 31px;line-height: 22px;}
.product__listing__block .product__overview .product-info h3 {font-size: 16px;}
.product__listing__block .product__overview .product-info span {font-size: 14px;}
.filter-menu > li .filter_btn {font-size: 12px;}
.order-summary-content .frm-sidebar button {font-size: 14px;width: auto;}
.cabkenz__radio__row {padding: 30px 0 40px 0;}
.order-summary-content .frm-sidebar .tons-offset em {font-size: 30px;}
.order-summary-content .frm-sidebar .tons-offset em .suffix {font-size: 13px;}
.order-summary-content #shopping-cart-form .form-content .selected-checkout-attributes .title {font-size: 14px;}
.label-check-hd {font-size: 14px;}
.login__header h3 {font-size: 23px;line-height: 30px;margin: 0 0 15px;}
.login__header h4 {font-size: 17px;}
.btn__action {padding: 16px 46px;font-size: 12px;}
.login__row {padding: 50px 0;}
.shopping__cart a img {max-width: 20px;}
.shopping__cart .badge {width: 18px;height: 18px;line-height: 12px;font-size: 9px;}
.order-summary-content #shopping-cart-form {flex-wrap: wrap;flex-direction: column;}
.order-summary-content #shopping-cart-form .frm-sidebar {margin: 30px 0 0;}

.order-summary-content #shopping-cart-form .form-content .form-content-info .fomr-center h3 {font-size: 15px;line-height: 26px;}
.order-summary-content #shopping-cart-form .form-content .selected-checkout-attributes .title {font-size: 12px;}
.product-details-page .title .project-title {font-size: 23px;line-height: 35px;}
.product-details-page .title .sku {font-size: 22px;}
.product-details-page .description p {font-size: 16px;}
.full-description ol li {line-height: 29px;font-size: 16px;}
}
@media screen and (max-width: 991px) {
.navbar__top .header__top__wrapp {justify-content: flex-end;width: auto;}
.home__featured__box{padding: 15px;}
.started__img__col{margin-top: 0;}
.home__about__content{padding-bottom: 25px;}
.user__profile a{font-size: 13px; margin-left: 10px;}
.navbar__top .navbar{padding: 5px 0;}
.header__search__container{padding-right:16px; width: 100%; margin-top: 10px; margin-bottom: 5px;}
.navbar__top .navbar-toggler {margin-right: 0px;margin-left: 20px;padding: 0px;height: 30px;order: 4;}
.navbar-toggler:focus{outline: none; box-shadow: none;}
.navbar-toggler span{display: block; height: 2px; width: 24px; background: #000; margin-bottom: 6px;}
.navbar-toggler span:last-child{margin-bottom: 0;}
.search__control{padding-top: 10px; padding-bottom: 10px;}
.uploaded__songs ul li{padding: 0 42px;}
.uploaded__songs ul li h5{font-size: 26px;}
.top__social__link li.edit-profile a{padding:10px 13px;margin:0 0 0 15px;}
.tom__walker__end ul li{ font-size:11px;}
.top__social__link{padding: 10px 0 0 0;}
.cart__details__inner .table > :not(caption) > * > * {width:auto;}
.song__list__top__part{ display: block;}
.song__list__top__part h3 {font-size: 30px;margin: 0px 0 18px;}
.product__filter__sec {display: none;}
.search__outer .search-btn {max-width:150px;}
.navbar__top .navbar__brand img {height: 45px;}

/************* menu *********/
.navbar__top{padding-left:0px; padding-right:0px;z-index:10000;position: inherit; min-height:unset;}
.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;}
/*.navbar__top .navbar__brand img{height:80px;}
.shrink .navbar__brand img{height:50px;}*/
.navbar__top .header__top__wrapp{justify-content:flex-end;}
.navbar__top .navbar__nav li{margin:0px; padding:0px;}
.navbar__top .navbar__collapse .navbar__nav li{text-align:left; border-bottom:1px solid #f0f0f0; padding:10px 0px; font-size:14px; height:auto;}
.navbar__top .navbar__collapse .navbar__nav li:last-child{border-bottom:0px;}
.navbar__top .navbar__collapse .navbar__nav li a{color:#161616; padding:0px 15px; font-size:12px; height:auto;}
.navbar__top .navbar__collapse .navbar__nav li.user__login{display:none;}
.navbar__top .navbar-toggler{margin-right:0px; margin-left:20px; padding:0px; height:30px; order:4;}
.navbar__top .navbar-toggler:focus{box-shadow:none;}
.navbar__top .navbar-toggler span{width:30px; height:2px; background:#3763aa; 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:#3763aa; 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:#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:265px;
-webkit-transition:left .3s ease 0s;-moz-transition:left .3s ease 0s;-o-transition:left .3s ease 0s; transition:left .3s ease 0s;}
.shrink .navbar-toggler span{background:#3763aa;}
.shrink .menu, .shrink .menu::after, .shrink .menu::before{background:#3763aa;}
.navbar__top .navbar__collapse .navbar__nav li{padding:0px;}
.navbar__top .navbar__collapse .navbar__nav li a{padding-top:10px; padding-bottom:10px;}
.navbar__top .navbar__collapse .navbar__nav li:hover ul.dropdown-menu{display:none; border:0px; box-shadow:none;}
.navbar__top .navbar__collapse .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;}
.navbar__top .navbar__collapse .navbar__nav li ul.show{display:block !important;}
.navbar__top .navbar__collapse .navbar__nav li.dropdown ul.dropdown-menu li{border-bottom:0px;}
.navbar__top .navbar__collapse .navbar__nav li.dropdown ul.dropdown-menu li a{border-top:1px solid #f1f1f1; border-bottom:0px; padding-left:25px; padding-right:35px; font-size:12px; font-weight:600;word-wrap:break-word; word-break:break-word; white-space:normal; height:34px;}
.navbar__top .navbar__collapse .navbar__nav li.dropdown-submenu ul.dropdown-menu{background:#fff; margin:0px; padding:0px;}
.navbar__top .navbar__collapse .navbar__nav li.dropdown-submenu ul.dropdown-menu li a{border-bottom:0px; font-size:12px;}
.navbar__top .navbar__collapse .navbar__nav li a .icon__box{width:50px; height:36px; position:absolute; top:0px; right:0px;}
    
.navbar__top .navbar__collapse .navbar__nav li a.show .icon__box:after{transform:translateY(0px) rotate(90deg);}

.navbar__top .navbar__collapse .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__top .navbar__collapse .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__top .navbar__collapse .navbar__nav li a img{display: none;}
.order-summary-content #shopping-cart-form {flex-wrap: wrap;flex-direction: column;}
.order-summary-content #shopping-cart-form .frm-sidebar {margin: 30px 0 0;}

}
@media screen and (max-width: 767px) {
.about__bottom__imgcol{text-align: right;margin-top:0;}    
.home__featured__row h2, .home__about__row h2, .home__started__row h2, .home__about__row h2, .home__winners__content h2, .about__bottom__content h2, .how__works__info h2, .make__happen__content h2{font-size: 22px;}
.featured__item__img {width: 75px; height: 92px;}
p{font-size: 13px;}
.home__started__row h3, .home__about__content h3{font-size: 18px;}
.home__started__content, .home__about__row{padding: 40px 0;}
.featured__list__item{grid-column-gap: 15px;}
.featured__artist__col h3{font-size: 18px;}
.featured__artist__col h4{font-size: 12px;}
.featured__user__action ul li{font-size: 16px;}
.release__item__box{width: 280px; margin: 0 auto;}
.footer__link{padding: 20px 0;}
.home__winners__row{padding-bottom: 40px;}
.home__banner__row{padding: 10rem 0 4rem;}
.works__box__step p{font-size: 15px;line-height: 24px;}
.happen__right__col{justify-content: flex-start;}
.contact__row{padding: 40px 0;}
.contact__form__content{padding: 30px 15px;}
.contact__imgcol{display: none;}
.login__box{padding: 40px 20px;}
.login__slide__img{display: none;}
.navbar-brand{display: inline-block;}
.navbar-brand img{max-width: 100px;}
.home__featured__row h2{ margin-bottom:20px;}
.song__list__top__part h3{margin:0 0 25px 0;}
.pagination > li > a{font-size: 13px;padding: 8px 12px;}
.cabkenz__radio__inner table{text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.uploaded__songs__bottom  table{text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.tom__walker__profile{padding-top:20px;text-align: center;}
.tom__walker__profile img{ width:50%;}
.camera-pic{right:20%;width: auto !important;}
.tom__walker__mid {padding-top: 20px;max-width: inherit;}
.tom__walker{height:auto !important;}
.tom__walker__end{padding-top: 30px;}
.uploaded__songs{ padding:25px 15px 0 15px;}
.uploaded__songs ul li{ padding:0 5px;}
.uploaded__songs ul li p{ font-size:11px;}
.cabkenz__radio__row{padding: 30px 0 80px 0;}
.uploaded__songs__bottom .table-responsive {padding:0 15px 30px 15px;}
.uploaded__songs__bottom {padding:60px 0 10px 0;}
.mark__featured__part p{ padding:35px 0 0 0;}
.artist__profile__edit{padding: 30px 20px 15px 20px;}
.mark__featured__part p{ padding:15px 0 0 0;}
.submission__part {padding: 10px 0 5px 0;}
.mark__featured__part h4{padding: 25px 0 10px 0;}
.mark__featured__part a{padding: 0 50px;line-height: 50px;font-size: 16px;}
.uploaded__songs ul li h5{ font-size:20px;}
.check__out__banner {height: 100px !important;}
.cart__btn__wrapp a.cart__btn {font-size: 14px;padding: 11px 25px;}
.check__out__banner h2 {font-size: 24px;}
.cart__details__inner .table > :not(caption) > * > * {width: 20%;}
.song__list__cat {padding: 0 20px;}
.search__outer form {display: block;}
.header__search__container {padding-right: 0px;}
.product__listing__block .product__overview {display: block;}
.product__listing__block .product__overview .product-info h3 {font-size: 17px;}
.product__listing__block .product__overview .image__box {margin-right: 0px;margin-bottom: 20px;}
.product__listing__block .product__overview .product-info span {font-size: 14px;}

.cart__wrapp h2 {font-size: 20px;margin: 0 0 24px;}
.order-summary-content #shopping-cart-form .form-content .form-content-info {display: block;}
.order-summary-content #shopping-cart-form .form-content .form-content-info .left-part .image__box {max-width: unset;margin-right: 0px;}
.order-summary-content #shopping-cart-form .form-content .form-content-info .left-part .image__box img { max-width: 200px;}
.order-summary-content #shopping-cart-form .form-content .form-content-info .left-part {display: block;}
.order-summary-content #shopping-cart-form .form-content .form-content-info .fomr-center h3 {font-size: 14px;line-height: 21px;}
.order-summary-content #shopping-cart-form .form-content .form-content-info .form-right .quantity .frm-text {font-size: 15px;}
.order-summary-content #shopping-cart-form .form-content .form-content-info .form-right {margin: 15px 0;}
.order-summary-content #shopping-cart-form .form-content .selected-checkout-attributes .title {font-size: 12px;line-height: 20px;}
.label-check-hd {font-size: 10px;width: auto;}
.check-box-sec input[type="checkbox"] {width: 17px;height: 17px;margin-right: 6px;}
.order-summary-content .frm-sidebar .tons-offset em {font-size: 20px;}
.footer__row h4 {font-size: 14px;margin: 0 0 8px;}
.footer__link ul li a {font-size: 12px;line-height: 21px;}
.footer__link ul li{margin-bottom: 8px;}
.footer__link {padding: 10px 0;}
.footer__top {padding: 40px 0;}
.search__control {font-size: 10px;}
.header__search__icon svg {width: 23px;}
.form__control {padding: 8px 10px;}
.product-details-page .overview .image__box {max-width: 250px;margin: auto;}
}

@media screen and (max-width: 575px) {
.home__banner__content h2, .inner__banner__content h2{font-size: 32px;}
.home__banner__content h3, .inner__banner__content h3{font-size: 14px;}
.check__out__banner h2 {font-size: 24px;}
.btn__action{padding: 11px 18px; font-size: 12px;}
.submit-song-btn{margin-left: 5px;}
.winners__item__slider{margin: 0;}
.footer__copyright{justify-content: center;}
.footer__copyright p{margin-bottom: 10px;}
.inner__banner__row, .inner__the__cabkenz__row{height: 400px;}
.works__box__step h3{font-size: 15px; margin-bottom: 10px;}
.subscription__col label{padding: 12px; font-size: 12px;}
.link__list__item ul li{ padding: 0 6px;}
.login__bottom__row{justify-content: center;}
.login__bottom__row p{width: 100%; padding-top: 15px;}
.faq__accordion__item .accordion-button{font-size: 15px;}
.pagination > li > a{padding:8px;font-size:12px;margin-left: 0px;}
.uploaded__songs ul li {padding: 0 6px;}
.mark__featured__part a {padding: 0 30px;line-height: 50px;font-size: 14px;}
.search__outer .search-btn {max-width: unset;width: 100%;font-size: 15px;padding: 7px 0px;margin:0px;}
.user__profile a {font-size: 9px;padding: 4px 7px;}
.payment__details__inner h3 {font-size: 16px;}
.login__header h3 {font-size: 20px;line-height: 30px;}
.form__group {margin-bottom: 15px;}
.login__header h4 {font-size: 14px;padding: 0px 0 25px;}
.remember__row .link__text {font-size: 9px;}
.footer__copyright p {font-size: 11px;}
.order-summary-content .frm-sidebar button {width:100%;}
.product-details-page .title .project-title {font-size: 17px;line-height: 27px;}
.product-details-page .title .sku {font-size: 20px;}
.product-details-page .description p {font-size: 14px;}
.full-description ol li {line-height: 29px;font-size: 13px;}
.product-details-page .variants .alert {font-size: 14px;}
.product-details-page .recent-contributors .caption-head, .product-details-page .recent-contributors td {font-size: 15px;}
.product-details-page .variants .variant .core .info p {font-size: 16px;}
}

@media screen and (max-width: 480px) {
.home__banner__content h2, .inner__banner__content h2{font-size: 32px;}
.home__banner__content h3, .inner__banner__content h3{font-size: 14px;}
.check__out__banner h2 {font-size: 24px;}
.btn__action{padding: 10px 24px; font-size: 12px;}
.submit-song-btn{margin-left: 5px;}
.winners__item__slider{margin: 0;}
.footer__copyright{justify-content: center;}
.footer__copyright p{margin-bottom: 10px;}
.inner__banner__row, .inner__the__cabkenz__row{height: 400px;}
.works__box__step h3{font-size: 15px; margin-bottom: 10px;}
.subscription__col label{padding: 12px; font-size: 12px;}
.link__list__item ul li{ padding: 0 6px;}
.login__bottom__row{justify-content: center;}
.login__bottom__row p{width: 100%; padding-top: 15px;}
.faq__accordion__item .accordion-button{font-size: 15px;}
.pagination > li > a{padding:8px;font-size:12px;margin-left: 0px;}
.uploaded__songs ul li {padding: 0 6px;}
.mark__featured__part a {padding: 0 30px;line-height: 50px;font-size: 14px;}
}

[-] styles.css [edit]
[-] responsive.css [edit]
[-] magnific-popup.css [edit]
[+] ..
[-] handle-counter.css [edit]
[-] bootstrap.min.css [edit]
[-] custom-style.css [edit]
[-] scrollToTop.css [edit]