/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) { 
    .blog-button {
        width: 250px;
        margin: 0px auto;
        margin-top: 30px;
    }
    .core-feature li {
        list-style: none;
        color: #000;
        margin-bottom: 5px;
        white-space: nowrap;
        font-weight: 600;
    }
    .cus-mrg-lft {
        margin-left: 0px !important;
    }
    .d-flex.flex-row.justify-content-between {
        flex-direction:column !important ;
    }
    .crypto-exchnage-development p {
        font-size: 18px;
    }
    .bg-container h1 {
        font-size: 26px;
    }
    .bg-container p {
        width: auto;
        margin: auto;
        color: #fff;
    }.bg-container {
        background-image: url(../images/home-page-banner.jpg);
        height: 120vh;
        background-position: center;
        background-size: cover;
        /* z-index: 1; */ 
        padding: 0px !important;
    }
    .pricing-table h6{
        text-align: center;
    }
    .news-card:focus .news-card__text-wrapper{
        display: block;
    }
    section.about-us.width100 {
        padding: 0px !important;
    }
    section.about-us.width100 h4, section.about-us.width100 p{
        padding: 0px 24px;
    } 
    .social {
        z-index: 2 !important;
    }
    button#myBtn{
        z-index: 1 !important;
    }
    .design-img{
            margin-top: 66px !important;
    }
    .label{
        left: 12px;
    }
    button#defaulttooltip{
        margin-left: 60px;
    }
    .intl-tel-input.allow-dropdown .flag-container {
        right: auto;
        left: 25px;
    }
    /* select#country11{
        margin-left: 64px;
    } */
    input:focus ~ label, input:valid ~ label {
        top: -5px;
        font-size: 14px;
        color: #5264AE;
    }
    .container{
        overflow: hidden;
    }
    textarea#demomessage11 {
        width: 69% !important;
    }
    .pricing-table a.btn.btn-custom{
        display: none;
    }
    .offer-btn-whl-lg {
        position: fixed;
        top: 54%;
        left: 260px !important;
        margin: 0px !important;
        animation: shake 3s ease infinite;
    }
    .offer-btn-whl-lg img{
        width: 95%;
    }
    .btnn{
        margin: auto;
    display: flex;
    justify-content: center;
    margin-bottom: 15px;
    }
    p{
        text-align: justify;
    }
    h2{
        text-align: justify;
    }
    .pricing-head img{
        margin: 10px auto;
    }
    .heading1 span::before{
        left: 0px;
    }
    a.btn-3,a.btn-2,a.btn-1{
        display: none !important;
    }
    section.width100.banner-section{
        padding-top: 100px;
      }.logo img {
        width: 150px;
    }
    section.width100.banner-section .container-fluid .row{
        margin-top: 10px;
      }
      
      .clone-script h2 ::after{
        display: none;
      }
      section.banner-section.width100::after{
        display: none;
      }
      svg.tawk-min-chat-icon {
        width: 15px;
        height: 10px;
    }
    button.tawk-custom-color.tawk-custom-border-color.tawk-button.tawk-button-circle.tawk-button-large {
        width: 15px;
        height: 15px;
        left: 50px;
    }
    .exchange-script-1,.exchange-script-2,.exchange-script-3,.exchange-script-4,.exchange-script-5,.exchange-script-6,.exchange-script-7
    ,.exchange-script-8,.exchange-script-9,.exchange-script-10,.exchange-script-11,.exchange-script-12{
        background: none;
    }
    .header .menu-icon {
        position: absolute;
        top: -49px;
        right: 0px;
    }
    .design-process-content {
        flex-direction: column;
    }
    .header li a {
        padding: 10px 20px;
        text-align: center;
    }
    .header li.active a:after {
        margin: inherit;
    }
    .banner-section {
        height: 100%  !important;
        align-items: center;
        /* background-size: contain;
        background-position: 100% 130%;
        background: none; */
    }
    .banner-section .container-fluid {
        padding: 0px 20px;
    }
    .exchange-script-2{
        background: none;
    }
    #modal-container {
        /* position: absolute; */
        /* display: table; */
        height: 100%;
        width: 100%;
        top: 0;
        left: 0;
        transform: scale(0);
        z-index: 1;
    }
    .scroll {
        height: 350px;
        overflow-y: scroll;
        direction: rtl;
    }
    .nowrap{
        white-space: break-spaces;
    }
    .heading-center{
        margin-bottom: 0px;
    }
    .pricing-table ul li {
        margin: 5px 0px;
    }
    .pricing-table ul {
        border-top: 1px solid #2D2D38;
        margin-top: 12px;
        padding-top: 10px;
    }
    .clone-script .nav-pills .nav-link{
        padding: 10px 12px;
    }
    .process-box{
        margin-bottom: 20%;
    }
    section{
        padding:  5px 25px !important;
    }
    .heading1 {
        font-size: 26px;
        line-height: 35px;
    }
    .slider-img {
        height: 120px;
    }
    .exchange-development img {
        margin-bottom: 5rem;
    }
    .exchange-development {
        padding: 3rem 0px;
    }
    .heading-center {
        width: 100%;
    }
    .heading2 {
        font-size: 26px;
        line-height: 40px;
        text-align: center;
    }
    .btn-custom{
        display: flex;
        text-align: center;
        justify-content: center;
        width: 100% !important;
    }
    .dropdown-menu.show {
        width: 92%;
    }
    .about-us-top {
        height: 210px;
        width: 100%;
    }
    button.submit-btn {
        margin-bottom: 50px;
        box-shadow: none;
        margin-top: 20px;
    }
    .group{
        margin-bottom: 0px;
    }
    #modal-container .modal-background .modal{
        width: 100% !important;
        height: 70% !important;
    }
    button.close-btn{
        margin-left: 100%;
    }
    h1.text-white.animate__animated.animate__zoomInDown.mb-h1.aos-init.aos-animate {
        margin-top: -100px;
        font-size: 40px;
    }
    .p-5{
        padding: 0px !important;
    }
    .flip > .front, .flip > .back {
        width: 87%;
        display: flex !important;
        margin: 0 auto;
    }
    .carousel-indicators{
       bottom: 0px;
       top: 100%;
    }
    .intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-2 input, .intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-2 input[type=text], .intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-2 input[type=tel] {
        padding-left: 79px !important;
    }
    .crpto-exchnage h6{
        text-align: center;
    }
    .mob-mar-30 {
        margin-bottom: 30px;
    }
    .clone-script {
        padding: 3rem 0px;
    }
    .process-box:after {
        display: none;
    }
    .exchange-script {
        padding: 3rem 0px;
        background: #fff;
    }
    .play-video {
        display: none;
    }
    .phone-image {
        position: relative;
        top: 0px;
    }
    .crypto-center-logo {
        display: none;
    }
    .app-clone {
        padding: 3rem 0px;
    }
    .security-features {
        padding: 3rem 0px;
    }
    .mob-mar {
        margin-bottom: 30px; 
    }
    .mob-mar li{
       padding: 0px 10px;
    }
    form.needs-validation {
        padding: 40px;
    }
    .mob-logo {
        text-align: center;
        margin-bottom: 30px;
    }
    .mob-logo img {
        width: 300px;
    }
    .sub-footer ul {
        text-align: center;
    }
    .footer {
        padding: 3rem;
    }
    .sub-footer1 {
        text-align: center;
    }
    .flex-footer ul {
        text-align: center;
    }
    .clone-content {
        margin-top: 30px;
    }
    .pricing-table{
        padding: 0px;
    }
    section .text-center.about-us-headerp{
        padding: 0px;
    }
    .width100.contact-us-1 {
        padding: 0px !important;
    }
    section.width100.contact-us-1 h4{
        padding: 0px 20px !important;
    }
    .about-us-top img{
        opacity: 0.4;
    }
    .text-center.about-us-header{
        z-index: 1;
    }
    .feature-content{
        height: 165px !important;
        width: 110px;
    }
    .header .border-bottom{
        width: 40%;
    margin: auto;
    }
    .header .btn-custom{
        width: 46% !important;
        margin: auto;
    }
    .clone-script h2 ::before{
        top: 100px;
    }
    .popup textarea{
        padding-left: 10px;
    }
    .popup input, .popup select, .popup textarea {
        padding: 10px 10px 10px 10px;
    }
     
}


/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) and (max-width: 767.98px) { 
    .blog-button {
        width: 250px;
        margin: 0px auto;
        margin-top: 30px;
    }
    .core-feature li {
        list-style: none;
        color: #000;
        margin-bottom: 5px;
        white-space: nowrap;
        font-weight: 600;
    }
    .d-flex.flex-row.justify-content-between {
        display: block !important;
    }
    .crypto-exchnage-development p {
        font-size: 18px;
    }
    .bg-container h1 {
        font-size: 26px;
    }
    .bg-container p {
        width: auto;
        margin: auto;
        color: #fff;
    }.bg-container {
        background-image: url(../images/home-page-banner.jpg);
        height: 120vh;
        background-position: center;
        background-size: cover;
        /* z-index: 1; */ 
        padding: 0px !important;
    }
    .pricing-table h6{
        text-align: center;
    }
    .popup textarea{
        padding-left: 10px;
    }
    .popup input, .popup select, .popup textarea {
        padding: 10px 10px 10px 10px;
    }
    .pricing-head img{
        margin: 10px auto;
    }
    .news-card:focus .news-card__text-wrapper{
        display: block;
    }
    section.about-us.width100 {
        padding: 0px !important;
    }
    section.about-us.width100 h4, section.about-us.width100 p{
        padding: 0px 24px;
    } 
    .social {
        z-index: 2 !important;
    }
    button#myBtn{
        z-index: 1 !important;
    }
    input:focus ~ label, input:valid ~ label {
        top: -5px;
        font-size: 14px;
        color: #5264AE;
    }
    section.width100.contact-us-1 h4{
        padding: 0px 20px !important;
    }
    input#country_8 {
        width: 50vw !important;
    }
    input#country_8 {
        width: 71vw !important;
    }
    .text-center.about-us-header{
        z-index: 1;
    }
    .about-us-top img{
        opacity: 0.4;
    }
    section.width100.contact-us-1 {
        padding: 0px !important;
    }
    .logo img {
        width: 150px;
    }
    .pricing-table{
        padding: 0px;
    }
    .clone-content {
        margin-top: 30px;
    }
    .header .menu-icon {
        position: absolute;
        top: -49px;
        right: 0px;
    }
    .design-process-content {
        flex-wrap: wrap;
    }
    .process-box {
        width: 40%;
    }
    .header li a {
        padding: 10px 20px;
    }
    .header li.active a:after {
        margin: inherit;
    }
    .banner-section .container-fluid {
    padding: 0px 20px;
}
    .banner-section {
        height: 80vh;
        align-items: center;
        /* background: none; */
        background-position: 100% 130%;
    }
    .heading1 {
        font-size: 26px;
        line-height: 50px;
    }
    .slider-img {
        height: 120px;
    }
    .exchange-development img {
        margin-bottom: 5rem;
    }
    .exchange-development {
        padding: 3rem 0px;
    }
    .heading-center {
        width: 100%;
    }
    .heading2 {
        font-size: 26px;
        line-height: 40px;
    }
    .exchange-box {
        margin-bottom: 30px;
    }
    .clone-script {
        padding: 3rem 0px;
    }
    .process-box:after {
        display: none;
    }
    .exchange-script {
        padding: 3rem 0px;
        background: #fff;
    }
    .play-video {
        display: none;
    }
    .phone-image {
        position: relative;
    }
    .crypto-center-logo {
        display: none;
    }
    .app-clone {
        padding: 3rem 0px;
    }
    .security-features {
        padding: 3rem 0px;
    }
    .mob-mar {
        margin-bottom: 30px; 
    }
    form.needs-validation {
        padding: 40px;
    }
    .mob-logo {
        text-align: center;
        margin-bottom: 30px;
    }
    .mob-logo img {
        width: 300px;
    }
    .sub-footer ul {
        text-align: center;
    }
    .footer {
        padding: 3rem;
    }
    .sub-footer1 {
        text-align: center;
    }
    .flex-footer ul {
        text-align: center;
    }
    .software-pricing {
        padding: 3rem 0px;
    }
    .mob-mar:last-child {
        margin: 0px;
    }
    .mob-mar-30 {
        margin-bottom: 30px;
    }
    #modal-container {
        position: fixed;
        display: table;
        height: 100%;
        width: 100%;
        top: 0;
        left: 0;
        transform: scale(0);
        z-index: 1;
    }
    .intl-tel-input.allow-dropdown input, .intl-tel-input.allow-dropdown input[type=text], .intl-tel-input.allow-dropdown input[type=tel] {
        padding-right: 0px;
        padding-left: 52px;
        margin-left: 0;
    }
    textarea#demomessage11 {
        width: 70% !important;
    }
    .btnn{
        margin: auto;
    display: flex;
    justify-content: center;
    margin-bottom: 15px;
    }
    .design-img{
            margin-top: 66px !important;
    }
    .feature-content{
        height: 165px !important;
        width: 110px;
    } 
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) and (max-width: 991.98px) {
    .cus-mrg-lft {
        margin-left: 0px !important;
    }
    .d-flex.flex-row.justify-content-between {
        flex-direction:column !important ;
    }
    .mob-mar li{
        padding: 0px 10px;
     }
    .logo img {
        width: 150px;
    }
    .offer-btn-whl-lg {
        position: fixed;
        top: 16%;
        left: 275px;
        margin: 0px !important;
        animation: shake 3s ease infinite;
    }
    .offer-btn-whl {
        position: fixed;
        top: 92%;
        left: 100px;
        margin: 0px !important;
    }
    .design-img{
        width: 100px;
        height: 100px !important;
    }
    section.banner-section.width100::after{
        right: 0px;
    }
    .clone-script h2 ::after{
        display: none;
    }
    .clone-script-2 .heading-center::after{
        display: none;
    }
    .why-exchnage .heading-center::before{
        display: none;
    }
    .faq #accordion::before{
        display: none;
    }
    button.tawk-custom-color.tawk-custom-border-color.tawk-button.tawk-button-circle.tawk-button-large {
        right: 10px;
    }
    .flip {
        position: relative;
        display: inline-block;
        margin-right: 2px;
        margin-bottom: 1em;
        width: 220px;
    }
    #modal-container {
        position: fixed;
        display: table;
        height: 100%;
        width: 100%;
        top: 0;
        left: 0;
        transform: scale(0);
        z-index: 1;
    }
    .clone-content {
        margin-top: 30px;
    }
    .header .menu-icon {
        position: absolute;
        top: -49px;
        right: 0px;
    }
    .design-process-content {
        flex-wrap: wrap;
    }
    .process-box {
        width: 30%;
    }
    .header li a {
        padding: 10px 20px;
    }
    .header li.active a:after {
        margin: inherit;
    }
    .banner-section {
        height: 100% !important;
        align-items: center;
        /* background: none; */
        background-position: 100% 130%;
    }
    .nowrap {
        white-space: break-spaces;
    }
    .heading1 {
        font-size: 26px;
        line-height: 50px;
    }
    .slider-img {
        height: 120px;
    }
    .exchange-development img {
        margin-bottom: 5rem;
    }
    .exchange-development {
        padding: 3rem 0px;
    }
    .heading-center {
        width: 100%;
    }
    .heading2 {
        font-size: 26px;
        line-height: 40px;
    }
    .exchange-box {
        margin-bottom: 30px;
        padding: 20px;
    }
    .clone-script {
        padding: 3rem 0px;
    }
    .process-box:after {
        display: none;
    }
    .exchange-script {
        padding: 5rem 0px;
    }

    .phone-image {
        position: relative;
    }
    .crypto-center-logo {
        display: none;
    }
    .app-clone {
        padding: 3rem 0px;
    }
    .security-features {
        padding: 3rem 0px;
    }
    .mob-mar {
        margin-bottom: 30px;
    }
    form.needs-validation {
        padding: 40px;
    }
    .mob-logo {
        text-align: center;
        margin-bottom: 30px;
    }
    .mob-logo img {
        width: 300px;
    }
    .footer {
        padding: 3rem;
    }

    .software-pricing {
        padding: 3rem 0px;
    }
    .mob-mar:last-child {
        margin: 0px;
    }
    .exchange-box img {
        height: 100px;
    }
    .exchange-box p {
        font-size: 12px;
    }
    .mob-none {
        display: none;
    }
    .sub-footer1 {
        font-size: 12px;
    }
    .get-in-touch ul li {
        font-size: 12px;
    }
    .get-in-touch ul li a i {
        font-size: 14px;
    }
    .dark-line-up li a {
        font-size: 12px;
    }
    .dark-line-up li {
        margin: 15px 0px;
    }
    .socail-icons-about p {
        font-size: 12px;
    }
    .get-in-touch h4, .socail-icons-about h4 {
        font-size: 20px;
    }
    .mob-mar-30 {
        margin-bottom: 30px;
    }
}








@media (max-width: 320px){

    a.btn-3,a.btn-2,a.btn-1{
        display: none !important;
    }
    .offer-btn-whl-lg {
        position: fixed;
        top: 13%;
        left: 260px !important;
        margin: 0px !important;
        animation: shake 3s ease infinite;
    }
}


/* Large devices (desktops, 992px and up) */
@media  (max-width: 1199.98px) {
    a.btn-3,a.btn-2,a.btn-1{
        display: none !important;
    }
    .offer-btn-whl-lg {
        position: fixed;
        top: 13%;
        left: 358px;
        margin: 0px !important;
        animation: shake 3s ease infinite;
    }
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) { 
    .offer-btn-whl-lg {
        position: fixed;
        top: 39%;
        left: 358px;
        margin: 0px !important;
        animation: shake 3s ease infinite;
    }
}
/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 2560px) { 
    .offer-btn-whl-lg {
        position: fixed;
        top: 79%;
        left: 358px;
        margin: 0px !important;
        animation: shake 3s ease infinite;
    }
}


/* iphone-13 device*/
@media (min-width: 390px) and (max-width: 844px){

}