.addCifra .btn{
    width: 220px;
    margin-top: 10px;
    padding: 5px;
}
.addCifra .btn:hover{
    background-color: #7cc008;
}
.favoritarCifraDois, .cifraFavorita {
    width: 165px;
    margin-top: -10px;
    padding: 5px;
    border-radius: 20px;
    border: 1px solid #cfcfcf;
    background-color: #f0f0f0;
    color: #178200;
    font-size: 14px;
    text-align: center;
}
.cifraFavorita{
    margin-top: 0;
    margin-left: 50px;
}
.alert-img {
    padding: 40px;
    margin-left: 520px;
}
.cifras-images {
    display: flex;
    /* flex-direction: column; */
    align-items: center;
    padding: 8px;
}
.cifras-images h3 {
    position: absolute;
    margin-top: -165px;
    margin-left: 2px;
    z-index: 1;
    background: white;
    width: 9.8%;
    text-align: center;
    font-size: 16px;
}
.cifras-images:hover .carousel-counter, .cifras-images:hover .next, .cifras-images:hover .prev{
    opacity: 1;
}

.carousel-counter {
    position: absolute;
    bottom: 3px;
    left: 50%;
    transform: translateX(-50%);
    color: #717171;
    font-size: 12px;
    /*background-color: rgba(0, 0, 0, 0.7);*/
    padding: 5px 10px;
    border-radius: 5px;
    width: 100%;
    text-align: center;
    opacity: 0;
}
.carousel-image:active {
            cursor: grabbing;
        }
.prev {
    /*background: rgba(0, 0, 0, 0.5);*/
    background-color: transparent;
    color: #717171;
    border: none;
    padding: 6px;
    cursor: pointer;
    position: absolute;
    bottom: -110px;
    left: 0;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    opacity: 0;
    font-size: 20px;
}
.next {
    /*background: rgba(0, 0, 0, 0.5);*/
    background-color: transparent;
    color: #717171;
    border: none;
    padding: 6px;
    cursor: pointer;
    position: absolute;
    right: 0;
    bottom: -110px;
    border-bottom-right-radius: 5px;
    border-top-right-radius: 5px;
    opacity: 0;
    font-size: 20px;
}
.carousel-container .ct {
    position: absolute;
    color: #777;
    width: 100%;
    display: flex;
    justify-content: center;
    z-index: 1;
    bottom: 0px;
    padding: 0px;
    font-size: 10px;
    text-align: center;
    opacity: 1;
}
.cifras-images:hover .ct{
    opacity: 0;
}
    .carousel-container {
    position: relative;
    width: 135px;
    height: 210px;
    overflow: hidden;
    margin: 0 auto;
    /* background: red; */
    border: 1px solid #ccc;
    border-radius: 8px;
}

        .carousel {
    display: flex;
    transition: transform 0.5s ease;
    /* justify-content: center; */
    /* gap: 20px; */
    margin: -15px 4px 5px 5px;
}

        .carousel-image {
    width: 100%;
    /* height: 100%; */
    object-fit: contain;
    transform: scaleX(1);
}

        .carousel-buttons {
            position: absolute;
            top: 50%;
            width: 100%;
            display: flex;
            justify-content: space-between;
            transform: translateY(-50%);
        }
/**/
.corpo2 {
    width: 80%;
    height: auto;
    /*border: 1px solid #ccc;*/
    margin: 10px auto;
    display: flex;
    justify-content: space-around;
    padding-bottom: 10px;
}
.sg-info-artista {
    width: 100%;
    height: auto;
    display: flex;
    margin-bottom: 20px;
}
.sg-list-info {
    width: 60%;
    height: auto;
    display: flex;
    color: white;
    gap: 10px;
}
.sg-list-info img {
    width: 130px;
    height: 130px;
    overflow: hidden;
    border-bottom-right-radius: 60px;
    border-top-left-radius: 65px;
    border-top-right-radius: 65px;
    padding: 2px;
    border: 2px solid #ccc;
}
.sg-infos {
    color: black;
    display: grid;
    margin: 0;
    padding: 10px;
    align-items: end;
    background: transparent;
    width: 580px;
}
.sg-infos span a {
	color: #25c154 !important;
	font-size: 18px;
	font-weight: bold;
	text-decoration: none;
}
.sg-infos span:nth-child(1) {
	color: #000 !important;
	font-size: 25px;
	font-weight: bold;
}
.sg-infos span:nth-child(3) {
	color: #ccc !important;
	font-size: 14px;
}
.sg-infos span:nth-child(4) {
	color: #ccc !important;
	font-size: 12px;
}
.sg-infos i {
	color: #25c154;
	cursor: pointer;
}
.sg-infos .site a{
    font-size: 10px !important;
}
.sg-button {
	width: 40%;
	/* height: 250px; */
	display: flex;
	justify-content: center;
	align-items: center;
}
.share {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 10px;
}
.share ul {
	margin: 0 auto;
	display: flex;
	list-style: none;
}
ul.fonte {
	display: none !important;
}
.favoritarcifra {
	width: 130px;
	margin-top: 10px;
	background: #a0cf4f;
	border-radius: 15px;
	display: flex;
	align-items: center;
	justify-content: end;
	padding: 5px 10px;
	text-align: center;
	color: white;
	cursor: pointer;
}
.btn {
	background-color: #a0cf4f;
	color: white;
	/* padding: 15px 20px; */
	border: none;
	cursor: pointer;
	width: 100%;
	opacity: 0.9;
	border-radius: 20px;
}
.bt-artista-page {
	/* border: 1px solid #d1d1d1; */
	display: flex;
	width: 100%;
	gap: 15px;
}
.dropdown {
	position: relative;
	display: inline-block;
}
.bt-artista-page button {
	border: 1px solid #d1d1d1;
	padding: 4px;
	margin-top: 10px;
	border-radius: 15px;
	color: green;
	cursor: pointer;
	gap: 2px;
	display: flex;
	align-items: center;
}

/**/
.video{display: none;}
.corpo {
	width: 80%;
	height: auto;
	background-color: transparent;
	/* border: 1px solid #ccc; */
	margin: 10px auto;
	display: flex;
	justify-content: space-around;
	padding-bottom: 10px;
}
.barra-cifra {
	width: 80%;
	height: 1px;
	background: #d1d1d1;
	margin: 0 auto;
}
.barra-cifra::after {
	background: #25c154;
	border-radius: 5px;
	content: "";
	/* width: 100%; */
	height: 5px;
	/* left: 132px; */
	position: absolute;
	margin-top: -2px;
	width: 215px;
    z-index: 1;
}
.lateral {
	width: 160px;
	height: 440px;
	background-color: transparent;
	position: sticky;
	margin-top: 15px;
	/* border: 1px solid #ccc; */
}
.btn-group {
	width: 100%;
	height: auto;
	background-color: transparent;
	display: grid;
	gap: 10px;
}
.dropdown-content2-desktop,.dropdown2, .dropdownConfig, .dropdownDown {
	position: relative;
	display: inline-block;
}
.btn-group button {
	background-color: #fff;
	border: 1px solid #d9d9d9;
	color: #0a740e;
	padding: 4px 10px;
	cursor: pointer;
	float: left;
	font-size: 12px;
    align-items: center;
}
.dropdown-content2{
    display: none;
    position: absolute;
    background-color: #fff;
    min-width: 125px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 999;
    left: 310px;
    /* top: -12px; */
    border: 1px solid #d1c8c8;
    border-radius: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
}
.dropdown-content2-desktop, .dropdown-contentConfig, .dropdown-contentDown {
	display: none;
	position: absolute;
	background-color: #fff;
	min-width: 125px;
	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
	z-index: 999;
	left: 175px;
	top: -12px;
	border: 1px solid #d1c8c8;
	border-radius: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
}
/************************/
.dropdown-content {
    display: none;
    position: absolute;
    background-color: #fff;
    min-width: 125px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    left: -5px;
    top: 55px;
    border: 1px solid #d1c8c8;
    border-radius: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
}
.dropdown-content a {
    color: black !important;
    padding: 5px;
    text-decoration: none;
    display: block;
    font-size: 12px !important;
    font-weight: 300 !important;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 4px;
}
.dropdown-content:before {
    border-color: #ffffff transparent;
    border-width: 0 15px 18px;
    margin-left: -27px;
    top: 14px;
    /* z-index: -1; */
}
.dropdown-content:after, .dropdown-content:before {
    border-style: solid;
    content: "";
    display: block;
    left: 60%;
    top: -16px;
    position: absolute;
    width: 0;
    transform: rotate(0deg);
}
.dropdown-content:after {
    border-color: #c9c9c9 transparent;
    border-width: 0 18px 25px;
    margin-left: -30px;
    top: -20px;
    z-index: -2;
}
/************************/
.dropdown-content2-desktop:before,.dropdown-content2:before, .dropdown-contentConfig:before, .dropdown-contentDown:before {
    border-color: #ffffff transparent;
    border-width: 0 15px 18px;
    margin-left: -23px;
    top: 14px;
    z-index: -1;
}
.dropdown-content2-desktop:after,.dropdown-content2-desktop:before,.dropdown-content2:after, .dropdown-content2:before, .dropdown-contentConfig:after, .dropdown-contentConfig:before, .dropdown-contentDown:after, .dropdown-contentDown:before {
    border-style: solid;
    content: "";
    display: block;
    /* left: -43%; */
    position: absolute;
    width: 0;
    transform: rotate(-90deg);
}
.dropdown-content2-desktop:after,.dropdown-content2:after, .dropdown-contentConfig:after, .dropdown-contentDown:after {
    border-color: #d1c8c8 transparent;
    border-width: 0 15px 20px;
    margin-left: -25px;
    top: 13px;
    z-index: -2;
}
.dropdown-content2-desktop a,.dropdown-content2 a, .dropdown-contentConfig a, .dropdown-contentDown a {
    color: black;
    padding: 5px;
    text-decoration: none;
    display: block;
    font-size: 12px;
    font-weight: 300;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 4px;
}
.dropdown-content2-desktop a img,.dropdown-content2 a img, .dropdown-contentDown a img {
    width: 15px;
    height: 15px;
}
.dropdown-content a img, .dropdown-contentConfig a img, .dropdown-contentDown a img {
    width: 15px;
    height: 15px;
}
.show {display: block;}
.bt-list {
	width: 150px;
	margin: 2px;
	border-radius: 5px;
	font-size: 11px !important;
    display: flex;
    gap: 5px;
    justify-content: center;
}
.menos {
	border-bottom-left-radius: 5px;
	border-top-left-radius: 5px;
}
.mais {
	border-bottom-right-radius: 5px;
	border-top-right-radius: 5px;
}
/**/
.cifra {
	width: 80%;
	height: auto;
	background-color: transparent;
	margin: 15px 5px;
	padding: 10px;
	/* border: 1px solid #ccc; */
	font-size: 14px;
}
.sl {
    width: 80%;
    height: 120px;
    color: #ccc;
    display: flex;
    align-items: center;
    justify-content: center;
    /* background-color: red; */
    position: absolute;
    left: 10%;
    font-size: 22px;
}
/**/

/**/
.p-minus {
	width: 330px;
	height: 255px;
	float: right;
	position: absolute;
	right: 128px;
	margin-top: 60px;
	margin-left: 5px !important;
	padding-right: 7px;
	background-color: #000;
	border-radius: 7px;
	z-index: 9;
	padding: 5px;
}
.p-minus-fixed {
    width: 330px;
    height: 257px;
    float: right;
    position: fixed;
    right: 10px;
    bottom: 10px;
    padding: 7px;
    background-color: #000;
    border-radius: 7px;
    z-index: 999;
}
.p-minus:hover .p-move, .p-minus-fixed:hover .p-move, .p-minus:hover .size, .p-minus-fixed:hover .size {
    opacity: 1;
}
.p-center {
	width: 100%;
	height: 100%;
	float: left;
}
.p-move {
	width: 100%;
	background-color: red;
	margin-top: -5px;
	margin-left: -2px;
	position: absolute;
	border-top-left-radius: 7px;
	border-top-right-radius: 7px;
	background: url('../../images/bg/bg_move_player.gif') repeat-x;
	height: 16px;
	display: block;
	cursor: move;
	position: absolute;
	top: 2px;
	right: 40px;
	left: 2px;
	opacity: 0;
	z-index: 9;
}
.p-move:hover {
    background: url('../../images/bg/bg_move_player.gif') repeat-x 0 -20px;
}
.size {
	padding: 0px 0 0 8px;
	text-indent: -99999px;
	width: 70px;
	height: 14px;
	position: absolute;
	top: -2px;
	right: 0px;
	display: flex;
	align-items: center;
	gap: 5px;
	opacity: 0;
	z-index: 9;
	background-color: #000000;
	border-top-right-radius: 7px;
}
.size li.f img {
    width: 25px;
    height: 22px;
    position: absolute;
    left: 0;
    top: -3px;
    cursor: pointer;
    transform: rotate(45deg);
}
.size li.m img {
    width: 25px;
    height: 22px;
    position: absolute;
    left: 25px;
    top: -3px;
    cursor: pointer;
}
.size li.g img {
    width: 25px;
    height: 22px;
    position: absolute;
    right: 0;
    top: -3px;
    cursor: pointer;
}
.p-minus iframe {
	height: 245px !important;
	border-radius: 7px;
}
.player {
    width: 80%;
    height: 420px;
    background-color: #ccc;
    margin: 20px auto;
    padding: 5px;
    border-radius: 7px;
}
.cifra-em-colunas {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    column-gap: 100px;
    column-width: 320px;
    column-rule-style: dashed;
    /* border-left: 1px #ccc dashed; */
    column-rule-color: #ccc;
    column-rule: 1px dashed #ccc;
    font-size: 13px;
    background-color: transparent;
    height: auto;
}
/****************************/
#cifra b:hover {
    color: white !important;
    cursor: pointer;
    background: #26ac02;
    padding: 2px;
    border-radius: 2px;
}
#cifra b {
    color: #65ad00;
    /* margin-top: 10px; */
    font-weight: bold;
    padding: 2px;
}
.cifras:hover .nota {
    width: 130px;
    position: absolute;
    z-index: 3;
    margin-top: -230px;
    margin-left: -72px;
    text-align: center;
    padding-bottom: 20px;
    display: inline-grid;
}
.nota .content {
    width: 130px;
    height: 210px;
    padding: 5px 5px 0 5px;
    display: grid;
    background: #fff;
    border: #ccc 1px solid;
    -webkit-box-shadow: 0px 0px 44px -7px rgba(0,0,0,0.38);
    -moz-box-shadow: 0px 0px 44px -7px rgba(0,0,0,0.38);
    box-shadow: 0px 0px 44px -7px rgba(0,0,0,0.38);
    border-radius: 5px;
    cursor: default;
}
.notaClose {
    background-color: #41be60;
    padding: 5px;
    position: absolute;
    right: -10px;
    border-radius: 10px;
    width: 20px;
    height: 20px;
    line-height: 0.5;
    font-size: 13px;
    color: #f9f9f9;
    border: 1px solid #322b2b;
    font-weight: bold;
    top: -8px;
    cursor: pointer;
}
.nota .notaClose {
    display: none;
}
.nota .drag {
    height: 15px;
    background-image: url("../../../assets/images/bg/drag.png");
}
.nota .name {
    width: 90%;
    height: 22px;
    background-color: #fff;
    font-family: Arial, Helvetica, sans-serif;
    color: #000000;
    font-size: 17px;
    font-weight: bold;
    /* background: red; */
    float: left;
    position: absolute;
    z-index: 999;
}
.nota img,.adjusted img{
    width: 120px;
    height: 150px;
}

.adjusted .drag {
    height: 15px;
    background-image: url("../../../assets/images/bg/drag.png");
}
.adjusted .name {
    width: 90%;
    height: 22px;
    background-color: #fff;
    font-family: Arial, Helvetica, sans-serif;
    color: #000000;
    font-size: 17px;
    font-weight: bold;
    /* background: red; */
    float: left;
    position: absolute;
    z-index: 999;
}


.cifras:hover .nota::after {
    content: "";
    position: absolute;
    center: 100%;
    bottom: -4px;
    left: 50%;
    margin-left: -10px;
    border-width: 12px;
    border-style: solid;
    border-color: #555 transparent transparent transparent;
    text-align: center;
}
.notaA{
    width: 138px !important;
    height: 222px;
    margin-top:-10px;
    padding: 5px 5px 0 5px;
    display: inline-table;
    background: #fff;
    border: #ccc 1px solid;
    border-radius: 5px;
    cursor: default;
}
.notaA-teclado{
    width: 250px !important;
    height: 152px;
    margin-top:-10px;
    padding: 5px 5px 0 5px;
    display: inline-table;
    background: white;
    border: #ccc 1px solid;
    border-radius: 5px;
    cursor: default;
}
.notaA img{width: 15px;height: 15px;margin-top: 100px;}
.cifras:hover .notaA::after {content: "";position: absolute;center: 100%;bottom: -4px;left: 50%;margin-left: -10px;border-width: 12px;border-style: solid;
border-color: #555 transparent transparent transparent;text-align: center;}
.nota .trocar {height:25px;font-size: 10px;display: block;font-family: Arial, Helvetica, sans-serif;border: #e0e0e0 1px solid;background: #f4f4f4;margin: -5px 5px 0 5px;padding: 5px;
color: #111;letter-spacing: 0;font-weight: normal;border-radius: 5px;}
.nota .trocar-um {    height: 22px;font-size: 10px;display: block;font-family: Arial, Helvetica, sans-serif;border: #e0e0e0 1px solid;background: #f4f4f4;margin: -5px 5px 0 5px;padding: 5px;
color: #ccc;letter-spacing: 0;font-weight: normal;border-radius: 5px;}
.nota .trocar:hover {cursor: pointer;background: #48a548;padding: 5px;color: white;border-radius: 5px;}
.nota .trocar-um:hover {cursor: not-allowed;background: #f2f2f2;padding: 5px;color: #ccc;border-radius: 5px;}

.adjusted .trocar {height:25px;font-size: 10px;display: block;font-family: Arial, Helvetica, sans-serif;border: #e0e0e0 1px solid;background: #f4f4f4;margin: -5px 5px 0 5px;padding: 5px;
color: #111;letter-spacing: 0;font-weight: normal;border-radius: 5px;}
.adjusted .trocar-um {    height: 22px;font-size: 10px;display: block;font-family: Arial, Helvetica, sans-serif;border: #e0e0e0 1px solid;background: #f4f4f4;margin: -5px 5px 0 5px;padding: 5px;
color: #ccc;letter-spacing: 0;font-weight: normal;border-radius: 5px;}
.adjusted .trocar:hover {cursor: pointer;background: #48a548;padding: 5px;color: white;border-radius: 5px;}
.adjusted .trocar-um:hover {cursor: not-allowed;background: #f2f2f2;padding: 5px;color: #ccc;border-radius: 5px;}
.play-audio {
    width: 105px;
    height: 115px;
    position: absolute;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    top: 30px;
    left: 13px;
}
.player-audio {
    width: 45px;
    height: 45px;
    border-radius: 25px;
    font-size: 30px;
    text-align: center;
    line-height: 1;
    /* background: rgba(9, 9, 9, 0.6); */
    background: #fff;
    color: #000;
    border: 1px solid #000;
    cursor: pointer;
    display: none;
    padding: 5px 15px;
}
.play-audio:hover .player-audio {
    display: block;
}
.player-audio i.fa-caret-right {
    width: 40px;
    height: 40px;
    font-size: 45px;
    border-radius: 20px;
    color: #000;
    cursor: pointer;
    padding: 0px 15px;
    position: absolute;
    left: 26px;
    top: 36px;
}
.player-audio i.fa-caret-right:hover {
    color: darkgreen;
}
.player-audio i.fa-volume-up {
    color: #000;
    cursor: pointer;
    padding: 5px;
    position: absolute;
    left: 30px;
    top: 37px;
}
.c-instru-musica{display: none;}
.bt-mobile{display: none;}
.bt-desktop{display: block;}
/***********************************/
#animate {
    position:fixed;
    width:105px;
    height:105px;
    bottom:10px;
    left:5px;
    z-index:99999999;
    padding:5px;
    border:1px solid #010101;
    border-radius:3px;
    box-shadow:0 4px 14px 0 rgba(0,0,0,.18);
    background:#f5f5f5;
    cursor:move;
}
#animate #screen {
    background:url("../../images/bg/rolagem/volume.png") left top/90px 118px no-repeat;
    margin:5px 8px 0 -1px;
    display:block;
    width:95px;
    height:56px;
    position:relative;
    float:left;
}
#animate #screen #valorr {
    position:absolute;
    width:29px;
    height:56px;
    background:url("../../images/bg/rolagem/volume.png") left -58px/90px 118px no-repeat;
    top:0;
}
#animate #screen #valorr.speed-1 {
    width:18px;
}
#animate #screen #valorr.speed-2 {
    width:36px;
}
#animate #screen #valorr.speed-3 {
    width:54px;
}
#animate #screen #valorr.speed-4 {
    width:72px;
}
#animate #screen #valorr.speed-5 {
    width:90px;
}
#animate .close {
    display:block;
    width:18px;
    height:18px;
    font-size:12px;
    position:absolute;
    top:-8px;
    right:-9px!important;
    background:#156128;
    opacity:1;
    border-radius:10px;
    cursor:pointer;
    text-align:center;
    line-height:1.4;
    z-index:9;
    color:#fff;
}
#animate .play {
    background:url("../../images/bg/rolagem/play.png") 0 0/18px no-repeat;
    width:26px;
    height:31px;
    float:left;
    margin-top:10px;
    margin-left:8px;
    cursor:pointer;
}
#animate .more,#animate .pause {
    width:33px;
    height:33px;
    cursor:pointer;
}
#animate .pause {
    background:url("../../images/bg/rolagem/pause.png") 0 0/15px no-repeat;
    float:left;
    margin-top:12px;
    margin-left:6px;
}
#animate .more {
    background:url("../../images/bg/rolagem/mais.png") 0 0/20px no-repeat;
    float:left;
    position:absolute;
    right:-2px;
    bottom:-6px;
}
#animate .less,#animate .less .bg {
    display:block;
    width:34px;
    float:left;
}
#animate .less {
    height:34px;
    cursor:pointer;
}
#animate .less .bg {
    background:url("../../images/bg/rolagem/menos.png") 0 0/25px no-repeat;
    height:15px;
    margin-top:10px;
    margin-left:5px;
}
#animate .off,#animate.off{
    display:none;
}
/*****************************/
.enquete-center,.outras-cifras-Art {
    width: 80%;
    height: auto;
    margin: 10px auto;
    display: flex;
    gap: 10px;
}
.enquete,.lista-outras-cifras {
    width: 60%;
    height: auto;
    margin-bottom: 40px;
}
.outros-artistas {
    width: 39%;
    height: auto;
}
.outros-artistas h3, .enquete h3{
    padding: 5px;
}

.lista-outras-cifras ul {
    width: 100%;
    float: left;
    list-style-type: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
}
.lista-outras-cifras ul li {
    width: 48%;
    height: 60px;
    list-style-type: none;
    margin: 5px;
    display: flex;
    align-items: center;
    justify-content: left;
    gap: 20px;
}
.lista-outras-cifras ul li span {
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    background-color: #a0cf4f;
    padding: 2px 10px;
    border-radius: 30px;
}
.titulo a {
    color: #a1cf53;
    text-decoration: none;
    font-size: 22px;
}
.lista-outras-cifras .ver-mais {
    position: absolute;
    margin-top: 215px;
    background-color: #f6f6f6;
    width: 47%;
    text-align: center;
    padding: 5px;
    border-radius: 10px;
    left: 125px;
    color: #8d8d8d;
    border: 1px solid #e3e3e3;
}
.lista-outras-cifras .ver-mais:hover{
    background-color: #a0cf4f;
    color: white;
}
.bs{
    width: 38%;
    height: auto;
    margin: 2px;
    float: right;
}
.bs img{
    width: 100%;
    height: 275px;
    border-radius: 5px;
}
/*******************************/
@media screen and (max-width: 970px) {/*inicio 970px*/
    #animate {
        bottom: 13%;
        left: 72%;
        position: fixed;
    }
    .bt-mobile{display: flex;}
    .bt-desktop{display: none !important;}
    .player {
        width: 98%;
        height: 250px;
        background-color: #ccc;
        margin: 30px auto 10px auto;
        padding: 5px;
        border-radius: 7px;
    }
    .video{display: block;}
    .lateral {
        width: 100%;
        height: 55px;
        background-color: transparent;
        position: fixed;
        /* margin-top: 15px; */
        /* border: 1px solid #ccc; */
        background: darkgreen;
        bottom: 0;
        overflow: hidden;
        overflow-x: scroll;
        z-index: 1000;
    }
    .lateral::-webkit-scrollbar {
        height:5px;
    }
    .lateral::-webkit-scrollbar-thumb {
        background-color:#a0cf4f;
        border-radius:20px;
    }
    .lateral:hover::-webkit-scrollbar-thumb {
        display:block;
    }
    .fonteSize {
        display: flex;
        border: 1px dotted #ffffff94;
        border-top: 0;
        border-bottom: 0;
        width: 150px;
        height: 36px;
        align-items: anchor-center;
    }
    .bt-menor{width: 70px !important;}
    .menos{border: 0 !important;}
    .mais {
        border-bottom-right-radius: 5px;
        border-top-right-radius: 5px;
        border-right-color: #fff0 !important;
    }
    .fa-m{font-size:18px !important;}
    .disabled {
    /* height: 25px; */
    /* line-height: 0.1; */
    /* border-left-color: #c20c0c !important; */
    border-right-color: #f2efef00 !important;
    border: none;
}
    .btn-group {
        width: 100%;
        height: 45px;
        background-color: transparent;
        display: flex;
        gap: 5px;
        /* position: fixed; */
        /* bottom: 20px; */
        align-items: center;
    }
    .corpo{width: 100%;}
    .cifra {
        width: 100%;
        overflow: hidden;
        overflow-x: scroll;
    }
    #myTablatura{width: 100%;}
    .barra-cifra{width: 98%;margin: 5px;}
    .sg-infos {
        width: auto;
    }
    .corpo2{
        width: 100%;
      }
      .sg-info-artista{
        display: grid;
        padding: 5px;
        margin: 0;
      }
      .sg-list-info-img {
        height: auto;
        width: 100px;
    }
    .sg-list-info-img img{
       width: 115px;
       height:120px;
       border-radius: 50%;
    }
      .sg-button {
        width: 100%;
        /* height: 250px; */
        display: flex;
        justify-content: start;
        align-items: center;
        margin-top: 10px;
      }
      .sg-list-info {
        width: 100%;
      }
      .bt-mobile{display: none;}
      .btn-group button {
            background-color: #fff0;
            /* border: none; */
            font-size: 12px !important;
            display: grid;
            width: 100px;
            color: white;
            gap: 5px;
            border-right-color: #e0e0e073;
            border-left: none;
            border-top: 0;
            border-bottom: 0;
            border-radius: 0;
        }
        .p-minus{display: none;}
        .mais-meio-tom,.menos-meio-tom,.tom{
            background-color: transparent;
            border: 0;
            color: white;
        }
        .voltar-ao-tom{
            width: 75px;
        }

        .dropdown-content2{
            left: 0px;
            top: auto;
            bottom: 70px !important;
            position: fixed;
        }
        .dropdown-content2:after, .dropdown-content2:before, .dropdown-contentConfig:after, .dropdown-contentConfig:before, .dropdown-contentDown:after, .dropdown-contentDown:before {
            border-style: solid;
            content: "";
            display: block;
            left: 12%;
            position: absolute;
            width: 0;
            transform: rotate(-180deg);
        }
        .dropdown-content2:before, .dropdown-contentConfig:before, .dropdown-contentDown:before {
            border-color: #ffffff transparent;
            border-width: 0 15px 18px;
            margin-left: 30px;
            top: 59px;
            z-index: -1;
        }
        .dropdown-content2:after, .dropdown-contentConfig:after, .dropdown-contentDown:after {
            border-color: #d1c8c8 transparent;
            border-width: 0 17px 20px;
            margin-left: 28px;
            top: 60px;
            z-index: -2;
        }
        .tom-meio{border:none;}
        .c-instru-musica div:nth-child(2) select,.order .search,.outras-cifras ul,.outras-cifras ul li,.remove-marca,.remove-marca-afinador {
            width:100%;
        }
        .c-instru-musica {
            display:flex;
            justify-content:space-between;
            align-items:center;
            padding:5px;
            margin-top:10px;
        }
        .c-instru-musica div:first-child {
            width:30%;
        }
        .c-instru-musica div:nth-child(2) {
            width:72%;
        }
        .c-instru-musica select {
            padding:10px;
            margin:5px 0;
        }

}    
/*****************************/
@media only screen and (max-width: 480px) and (min-width: 351px){
	.p-minus{display: none;}
}