/*!
 * Template Name: Srency
 * Author: crowbarcode
 * Author Profile: https://www.templatemonster.com/authors/crowbarcode/
 * Version:	1.0.0
**/

@media (max-width: 1400px) {
    
    [data-menumobile] {
        background-color: #212f59 !important;
	
        width: 100%;
        max-width: 280px;
        height: 100%;
        border-left: 1px solid rgba(128, 128, 128, 0.212);
        position: fixed;
        top: 0;
        right: -100%;
        flex-direction: column;
        padding: 13px;
        transition: right 0.2s ease-in-out;
        overflow-x: auto;
        z-index: 12;
    }

    [data-menumobile] .container-fluid {
        padding: unset;
    }

    [data-menumobile] [class*="col"] {
        justify-content: flex-start !important;
        align-items: flex-start !important;
        margin: unset !important;
        flex: unset;
    }

    [data-menumobile] .collapse:not(.show) {
        display: flex;
    }

    [data-menumobile] .dropdown-modern .dropdown-menu {
        position: relative;
        background-color: transparent;
        border: unset;
        box-shadow: unset;
        padding: unset;
        margin: unset;
    }

    [data-menumobile] .navbar-expand-lg .navbar-nav {
        flex-direction: column;
    }

    [data-menumobile] .col-menuevent {
        display: flex !important;
        margin-left: auto !important;
        align-items: center !important;
        justify-content: center !important;
    }

    .dropdown-info .dropdown-menu {
        min-width: 100% !important;
    }

    .dropdown-info .dropdown-menu .btn-group {
        flex-direction: column !important;
    }

    .dropdown-info .dropdown-menu .btn-group .btn:last-child {
        margin-top: 5px !important;
    }

    .col-menuevent,
    .menumobile-header {
        display: flex !important;
    }

}

@media (max-width: 992px) {
    
    footer .container > .row > [class*="col"]:first-child {
        margin-right: 100px;
    }

    footer .col-md-4 {
        min-width: 160px;
    }

}

@media (max-width: 768px) {

    .about-us {
        display: flex;
        flex-direction: column;
    }

    .about-us [class*="col"] {
        justify-content: center !important;
    }

    .banner > .container {
        padding-top: unset !important;
        padding-bottom: unset !important;
    }

    main .row {
        padding-top: 15px !important;
        padding-bottom: 15px !important;
    }

    main .row > [class*="ms-"] {
        margin-left: unset !important;
    }

    main .row > [class*="me-"] {
        margin-right: unset !important;
    }

    main .contact-us [class*="col"] {
        margin: unset !important;
    }

    main [class*="col"] {
        justify-content: flex-start !important;
        margin-top: 13px !important;
        margin-bottom: 13px !important;
    }

    [class*="row mt-5"],
    main .row [class*="content-img"] {
        margin: unset !important;
    }

    [class*="content-img-sm me-5"]
    [class*="content-img-sm w-60 me-5"] {
        margin-right: unset !important;
    }

    [aria-label*="Debit Card"],
    [aria-label*="About Srency"],
    [aria-label*="About Criptocurrencies"] {
        padding: unset !important;
    }

    [aria-label*="Debit Card"],
    [aria-label*="Srency Partners"] {
        padding-bottom: 40px !important;
    }

    [aria-label*="About Criptocurrencies"] [class*="col"] {
        display: flex;
        flex-direction: column;
        align-items: center !important;
        justify-content: center !important;
        text-align: center;
    }
    
    main .features > [class*="col"] {
        margin-left: 7px !important;
        margin-right: 7px !important;
    }

    .calculator {
        width: 100% !important;
    }

    .form-contact {
        width: 100% !important;
        padding: 15px !important;
    }

    footer .col-md-12 > .container > .row  {
        min-width: 100%;
    }

    footer > .row .col-md-12 > .container > .row .col-md-6 {
        margin-top: 14px;
    }

    footer > .row .col-md-12:last-child {
        text-align: center;
    }

    footer > .row .col-md-12:last-child p {
        margin-top: 5px !important;
        margin-bottom: 5px !important;
    }
    
    footer > .row .col-md-12:last-child [class*="col"] {
        justify-content: center !important;
    }

}

@media (max-width: 600px) {
    
    .features > .d-flex {
        flex-direction: column;
        justify-content: center;
    }

    footer .container > .row > [class*="col"]:first-child {
        margin-right: unset;
    }

}

@media (max-width: 499px) {

    .banner > .container > .row > [class*="col"]:last-child {
        margin-top: 40px !important;
    }

    .links li {
        padding: 6px;
        padding-left: unset;
        padding-right: unset;
    }

    .up-to-top {
        right: 15px;
        bottom: 60px;
    }

}

@media (max-width: 410px) {
    
    #currency-slider {
        display: none;
    }

}

/* STARTING TIMELINE */

.main-timeline{position:relative}
.main-timeline:before{content:"";width:5px;height:100%;border-radius:20px;margin:0 auto;background:#242922;position:absolute;top:0;left:0;right:0}
.main-timeline .timeline{display:inline-block;margin-bottom:50px;position:relative}
.main-timeline .timeline:before{content:"";width:20px;height:20px;border-radius:50%;border:4px solid #fff;background:#ec496e;position:absolute;top:50%;left:50%;z-index:1;transform:translate(-50%,-50%)}
.main-timeline .timeline-icon{display:inline-block;width:130px;height:130px;border-radius:50%;border:3px solid #ec496e;padding:13px;text-align:center;position:absolute;top:50%;left:30%;transform:translateY(-50%)}
.main-timeline .timeline-icon i{display:block;border-radius:50%;background:#ec496e;font-size:64px;color:#fff;line-height:100px;z-index:1;position:relative}
.main-timeline .timeline-icon:after,.main-timeline .timeline-icon:before{content:"";width:100px;height:4px;background:#ec496e;position:absolute;top:50%;right:-100px;transform:translateY(-50%)}
.main-timeline .timeline-icon:after{width:70px;height:50px;background:#fff;top:89px;right:-30px}
.main-timeline .timeline-content{width:50%;padding:0 50px;margin:52px 0 0;float:right;position:relative}
.main-timeline .timeline-content:before{content:"";width:70%;height:100%;border:3px solid #ec496e;border-top:none;border-right:none;position:absolute;bottom:-13px;left:35px}
.main-timeline .timeline-content:after{content:"";width:37px;height:3px;background:#ec496e;position:absolute;top:13px;left:0}
.main-timeline .title{font-size:20px;font-weight:600;color:#ec496e;text-transform:uppercase;margin:0 0 5px}
.main-timeline .description{display:inline-block;font-size:16px;color:#404040;line-height:20px;letter-spacing:1px;margin:0}
.main-timeline .timeline:nth-child(even) .timeline-icon{left:auto;right:30%}
.main-timeline .timeline:nth-child(even) .timeline-icon:before{right:auto;left:-100px}
.main-timeline .timeline:nth-child(even) .timeline-icon:after{right:auto;left:-30px}
.main-timeline .timeline:nth-child(even) .timeline-content{float:left}
.main-timeline .timeline:nth-child(even) .timeline-content:before{left:auto;right:35px;transform:rotateY(180deg)}
.main-timeline .timeline:nth-child(even) .timeline-content:after{left:auto;right:0}
.main-timeline .timeline:nth-child(2n) .timeline-content:after,.main-timeline .timeline:nth-child(2n) .timeline-icon i,.main-timeline .timeline:nth-child(2n) .timeline-icon:before,.main-timeline .timeline:nth-child(2n):before{background:#f9850f}
.main-timeline .timeline:nth-child(2n) .timeline-icon{border-color:#f9850f}
.main-timeline .timeline:nth-child(2n) .title{color:#f9850f}
.main-timeline .timeline:nth-child(2n) .timeline-content:before{border-left-color:#f9850f;border-bottom-color:#f9850f}
.main-timeline .timeline:nth-child(3n) .timeline-content:after,.main-timeline .timeline:nth-child(3n) .timeline-icon i,.main-timeline .timeline:nth-child(3n) .timeline-icon:before,.main-timeline .timeline:nth-child(3n):before{background:#8fb800}
.main-timeline .timeline:nth-child(3n) .timeline-icon{border-color:#8fb800}
.main-timeline .timeline:nth-child(3n) .title{color:#8fb800}
.main-timeline .timeline:nth-child(3n) .timeline-content:before{border-left-color:#8fb800;border-bottom-color:#8fb800}
.main-timeline .timeline:nth-child(4n) .timeline-content:after,.main-timeline .timeline:nth-child(4n) .timeline-icon i,.main-timeline .timeline:nth-child(4n) .timeline-icon:before,.main-timeline .timeline:nth-child(4n):before{background:#2fcea5}
.main-timeline .timeline:nth-child(4n) .timeline-icon{border-color:#2fcea5}
.main-timeline .timeline:nth-child(4n) .title{color:#2fcea5}
.main-timeline .timeline:nth-child(4n) .timeline-content:before{border-left-color:#2fcea5;border-bottom-color:#2fcea5}
@media only screen and (max-width:1200px){.main-timeline .timeline-icon:before{width:50px;right:-50px}
.main-timeline .timeline:nth-child(even) .timeline-icon:before{right:auto;left:-50px}
.main-timeline .timeline-content{margin-top:75px}
}
@media only screen and (max-width:990px){.main-timeline .timeline{margin:0 0 10px}
.main-timeline .timeline-icon{left:25%}
.main-timeline .timeline:nth-child(even) .timeline-icon{right:25%}
.main-timeline .timeline-content{margin-top:115px}
}
@media only screen and (max-width:767px){.main-timeline{padding-top:50px}
.main-timeline:before{left:80px;right:0;margin:0}
.main-timeline .timeline{margin-bottom:70px}
.main-timeline .timeline:before{top:0;left:83px;right:0;margin:0}
.main-timeline .timeline-icon{width:60px;height:60px;line-height:40px;padding:5px;top:0;left:0}
.main-timeline .timeline:nth-child(even) .timeline-icon{left:0;right:auto}
.main-timeline .timeline-icon:before,.main-timeline .timeline:nth-child(even) .timeline-icon:before{width:25px;left:auto;right:-25px}
.main-timeline .timeline-icon:after,.main-timeline .timeline:nth-child(even) .timeline-icon:after{width:25px;height:30px;top:44px;left:auto;right:-5px}
.main-timeline .timeline-icon i{font-size:30px;line-height:45px}
.main-timeline .timeline-content,.main-timeline .timeline:nth-child(even) .timeline-content{width:100%;margin-top:-15px;padding-left:130px;padding-right:5px}
.main-timeline .timeline:nth-child(even) .timeline-content{float:right}
.main-timeline .timeline-content:before,.main-timeline .timeline:nth-child(even) .timeline-content:before{width:50%;left:120px}
.main-timeline .timeline:nth-child(even) .timeline-content:before{right:auto;transform:rotateY(0)}
.main-timeline .timeline-content:after,.main-timeline .timeline:nth-child(even) .timeline-content:after{left:85px}
}
@media only screen and (max-width:479px){.main-timeline .timeline-content,.main-timeline .timeline:nth-child(2n) .timeline-content{padding-left:110px}
.main-timeline .timeline-content:before,.main-timeline .timeline:nth-child(2n) .timeline-content:before{left:99px}
.main-timeline .timeline-content:after,.main-timeline .timeline:nth-child(2n) .timeline-content:after{left:65px}
}

/* ENDING TIMELINE */