.artHeader{
    margin-left: 71px;
}

#hu-HU #primary-menu>li>a
{
    padding: 6px 29px;
}


#smallThumbCrypto{
    
  float: left;
    width: 47px;
    position: absolute;

    
} 

#smallThumbCrypto img{
    
    width: 47px !important;
}
    
  .crypto h1{
        margin-left: 71px;
        width: calc(100% - 71px) !important;

    }
    
       h1.normal{
        margin-left: 0;
        width: 100% !important;

    }

  
    
    
    
/*
clearMobile = rozdělí text na mobilu
*/
.calculator .cryptoSymbol{
    display: inline-block; 
    width: 68px;
    padding-left: 12px;
}

.calculator .converter{
    display: inline-block;
    width: 62px;

}


.calculatorUpper{
    margin: 0 auto;
    width:570px;  
}.calculator{
    clear: both;
    margin: 40px auto;
    background: #fafcff;
    padding: 23px;
    border-radius: 8px;
    border: 1px solid #d0e1f5;
    float: left;
    margin-bottom: 57px;

}
.calculator form{
    margin: 0 auto;
    width: auto;
    display: table;

}
.calculator input, .calculator button{
    margin-bottom: 0;
}
.symbol{
    width: 100px;
    height: 47px;    
    cursor: pointer;
    color: rgb(81, 88, 95);
    border: 1px solid rgb(233, 236, 239);
    background: #f8fcff;
    box-shadow: 0 1px 0 rgb(255 255 255 / 15%) inset, 0 1px 1px rgb(0 0 0 / 8%);
}
.entry-content ul {
    clear: both;
}
.floating-tooltip-2 {
    width: auto;
    height: 90px;
    position: absolute;
    display: none;
    padding: 8px;
    box-sizing: border-box;
    font-size: 12px;
    color: black;
    background-color: white;
    text-align: left;
    z-index: 1000;
    top: 12px;
    left: 12px;
    pointer-events: none;
    border: 1px solid #1662b7;
    border-radius: 2px;
    line-height: 21px;
}
.chartBox{
    color: black;
}

#chart{
    position: relative;
    float: left;   
    width: 100%;
    min-height: 330px;        
}
.w60{
    width: 60%;
    float: left;   
}
.w40{
    float: right;
    width:39%
}

.priceText{
    font-size: 24px;
    margin: 4px 0px;
}
.coolPromo{
    clear: both;
    background: #e9ecef;
    float: left;
    text-align: center;
    width: 100%;
    height: 220px;
    color: white;
}


.breadcrumbs{
    list-style: none;

    padding: 0;
    margin: 0 !important;
    margin-top: 15px !important;
    float: left;
}
.breadcrumbs li{
    float: left;
    padding-left: 25px;
}

.tRight{
    text-align: right !important;
}

.cryptoList .tooltips{
    margin-top: -5px !important;
}

.artHeader{
    margin-top: 0;
}

.artHeader img{
    max-height: 235px;
    margin-bottom: 12px;
}

.cryptoSeparator{
    width: 100%;
    float: left;
    list-style-type: none;
    border-bottom: 1px solid #d0e1f5;
    border-top: 1px solid #d0e1f5;
    margin-left: 0 !important;
    margin-top: 18px;
    margin-bottom: 41px;
}
.cryptoSeparator li{
    padding: 4px;
    float: left;

    line-height: 31px;
}
.cryptoSeparator li a {
    padding: 17px;
    border-radius: 5px;
    text-decoration: none;
    font-size: 18px;
}

.cryptoSeparator li a.active{
    background: #1662b7;
    color: white;  

}
.cryptoSeparator li a:hover{
    background: #238bfe;
    color: white;    
}


.demoAccount.bigSpace.graphLeft{
       float: right;
    width: 330px;
   
    margin-top: 15px;
    padding-bottom: 0;
    clear: none;
}


.demoAccount.bigSpace.graphLeft .tlacitko{
    width: 100%;
    margin-right: 0 !important;
    float: left;
    padding: 14px 13px;
}

.quickRatesNew{
    float: left;
    width: 713px;
}

@media screen and (min-width: 769px){
#fr-FR .demoAccount.bigSpace.graphLeft {
    width: 436px;  
}

#fr-FR .quickRatesNew {   
    width: 616px;
}
}
@media screen and (max-width: 768px){
    
    .artHeader{
    margin-left: 0;
}
  .crypto  h1{
      
        margin-top: 5px;
    margin-bottom: 5px;
    margin-left: 51px;
    width: calc(100% - 51px) !important;
    }
    
        #smallThumbCrypto{    

    width: 36px;
  

    margin-top: 5px;
} 

#smallThumbCrypto img{
    
    width: 36px !important;
}



    .clearMobile{
        clear:both;
        width:100%;
        display:block;
    }
    .calculator input{
        width: 73% !important;
    }
    .calculator select, .calculator .cryptoSymbol{
        width: 27%;
    }
    .cryptoSeparator li a {
        display: block;

    }
    .calculator .converter {
   float: left;
    width: 100%;
    font-size: 40px;
    /* padding: 20px; */
    text-align: center;
    clear: both;
    height: 51px;
    line-height: 44px;
    }

    .quickRatesNew{
        float: left;
        width: 100%;
    }

    .calculatorUpper{

        width:100%;  
    }

    .demoAccount.bigSpace.graphLeft {
        margin: 0 auto;
        max-width: 535px;
        float: unset;
        margin-bottom: 27px;
    }
    .cryptoSeparator{
        margin-bottom: 18px;
    }

    .bluequote p{
        padding-bottom: 26px;
        display: block;
    }

    blockquote footer {

        position: absolute;
        left: 43px;
        right:0;
        width: 245px;
    }
}