/* Responsive */
/* Custom, iPhone Retina */ 
@media only screen and (max-width: 480px) and (min-width: 320px) {
    .build-yout-crypto-portfolio h2 {
        font-size: 30px!important;
        line-height: 40px!important;
    }
    .counter-numbers .block-text .heading{
        font-size: 28px;
        line-height: 38px;
    }
    .counter-numbers .block-text .desc {
        font-size: 20px;
        line-height: 28px;
    }
    .build-yout-crypto-portfolio .exchange-list li{
        margin: 0 21px 30px !important;
    }
    .counter-numbers .block-text .heading{
        font-size: 28px;
        line-height: 38px;
    }
    .counter-numbers .counter-main .list-counter {
        display: flex;
        flex-wrap: wrap;
    justify-content: center;
    }
    .counter-numbers .counter-main .list-counter li{
        margin-right: 0;
    margin-bottom: 30px;
    text-align: center;
    }
    .counter-numbers .counter-main .list-counter li::after{
        width: 0;
    }
    .counter-numbers .counter-main .img:nth-child(1) {
        top: 22px;
        left: 0px;
    }
    .counter-numbers .counter-main .img:nth-child(4){
        display: none;
    }
    .counter-numbers .counter-main .img:nth-child(3){
        right: 0;
    }
    .key-features h2{
        font-size: 28px;
        line-height: 38px;
    }
    .how-it-works-contain h3{
        font-size: 28px;
        line-height: 38px;
    }
    .heading{
        font-size: 28px;
        line-height: 38px;
    }
    .panel-title > a{
        width: 93% !important;
        font-size: 14px;
    }
    .panel-title > a:before{
        right: 15px;
    }
    .cd-footer{
        text-align: left;
    }
    .p-r-l-100{
        padding: 0;
    }
    .apy{
        text-align: center;
    }
    .apy .heading{
        padding-top: 0;
        padding-bottom: 20px;
    }
    .apy p{
        padding-bottom: 28px;
        text-align: center;
        line-height: 24px;
    }
    .how-it-works .startTradingButton {
        margin-bottom: 30px;
    }
    .sec-faq{
        padding-top: 0;
    }
    .footer-text{
        padding: 0 10px;
    }
    
}
/* Extra Small Devices, Phones */ 
@media (min-width : 360px) {

}
/* Small devices (landscape phones, 576px and up) */
@media (max-width: 576px) {
    .build-yout-crypto-portfolio .exchange-list li {
        padding: 0;
        margin: 0 25px 30px;
        list-style-type: none;
        display: inline-block;
    }

}
@media (min-width: 768px) {
    .footer-list{
        width: 18% !important;
    }
    .up-down{
        padding-top: 15px;
    }

}
/* Medium devices (tablets, 768px and up) */
@media only screen and (max-width: 767px) {
    header{
        top: 0;
        width: 100%;
    }
    .counter-numbers .block-text .heading{
        font-size: 28px;
        line-height: 38px;
    }
    .counter-numbers .counter-main .list-counter {
        display: flex;
        flex-wrap: wrap;
    justify-content: center;
    }
    .counter-numbers .counter-main .list-counter li{
        margin-right: 0;
    margin-bottom: 30px;
    text-align: center;
    }
    .counter-numbers .counter-main .list-counter li::after{
        width: 0;
    }
    .counter-numbers .counter-main .img:nth-child(1) {
        top: 22px;
        left: 0px;
    }
    .counter-numbers .counter-main .img:nth-child(4){
        display: none;
    }
    .counter-numbers .counter-main .img:nth-child(3){
        right: 0;
    }
    .key-features h2{
        font-size: 28px;
        line-height: 38px;
    }
    .how-it-works-contain h3{
        font-size: 28px;
        line-height: 38px;
    }
    .heading{
        font-size: 28px;
        line-height: 38px;
    }
    .panel-title > a{
        width: 93% !important;
        font-size: 14px;
    }
    .panel-title > a:before{
        right: 15px;
    }
    .cd-footer{
        text-align: left;
    }
    .p-r-l-100{
        padding: 0 10px;
    }
    .apy{
        text-align: center;
    }
    .apy .heading{
        padding-top: 0;
        padding-bottom: 20px;
    }
    .apy p{
        padding-bottom: 28px;
        text-align: center;
        line-height: 24px;
    }
    .how-it-works .startTradingButton {
        margin-bottom: 30px;
    }
    .sec-faq{
        padding-top: 0;
    }
    .inner-header p {
        font-weight: 400;
        font-size: 14px;
        line-height: 24px;
        color: rgb(255, 255, 255);
        max-width: 100%;
    }
    .about h2 {
        font-size: 28px;
        text-align: left;
        font-weight: 600;
        line-height: 34px;
        color: #000;
    }
    .team h2 {
        text-transform: capitalize;
        font-size: 28px;
        line-height: 34px;
        letter-spacing: -1px;
        color: #000;
        font-weight: 600;
        padding-bottom: 30px;
    }
    .round-box {
        border-radius: 20px;
        background-color: rgb(68, 175, 247, .75);
        position: relative;
        padding: 20px;
        text-align: center;
        margin-bottom: 100px;
        color: #fff;
        padding-top: 100px;
    }
    .inner-header h1 {
        font-weight: 800;
        font-size: 28px;
        line-height: 38px;
        color: rgb(255, 255, 255);
        margin-bottom: 35px;
        width: 100% !important;
    }
    .contact_from{
        margin-bottom: 50px;
    }
    .up-down{
        padding-top: 15px;
    }
    .stay-left-box{
        margin-bottom: 20px;
    }
    .mobileapp {
        margin-bottom: 60px;
    }
    .app-pic{
        padding-top: 60px;
    }
    .order-1{
        padding-top: 60px;
    }

}
/* Large devices (desktops, 992px and up) */
@media (max-width: 992px) {
    .cd-footer{
        text-align: left;
    }
    .cd-intro {
        background-position: right 25% top;
        height: auto;
        padding-top: 180px;
    }
    .hero-text {
        text-align: center;
        padding-top: 0px;
    }
    .cd-intro .laptop-image {
        width: 100%;
        padding-top: 0px;
        max-width: none;
        position: relative;
    }
    .apy{
        text-align: center;
    }
    .apy img{
        margin-top: 80px;
    }

}
@media (min-width: 1024px) {
    .footer-sec {
        text-align: left;
        padding-top: 50px;
    }
    .footer-list {
        width: 100% !important;
    }
    .cd-footer .p-r-l-100{
        padding: 0;
    }

}
/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {

}
/* XX-Large devices (larger desktops, 1400px and up) */
@media (min-width: 1400px) {

}