@media(max-width:1400px) {

.scrool-tabs {

    margin-top: 30px;
    min-width: 1160px;}

}
@media(max-width:1399px) {
#menu ul {gap:64px;margin: 18px 0;}
#menu ul li a{font-size: 20px;}
header .logo img{max-width: 100px;}
.banner-sec .calculate-box .value{min-width: unset;}
.banner-sec .top-content {margin-top: 70px;}
h1 {font-size: 56px;line-height: 62px;}
h2 {font-size: 38px;line-height: 46px;}
h3 {font-size: 27px;}
.banner-sec .top-content p{font-size: 20px;line-height: 28px}
.banner-sec .graph-content{bottom: -60px;}
.banner-sec .graph-content h3 {margin-bottom: 26px;}
.banner-sec .calculate-box .value {padding: 12px 18px;}
.banner-sec .calculate-box{margin-bottom: 34px;}
.banner-sec{height: 970px;}
.button-list .btn-primary {max-width: fit-content;font-size: 15px;border-radius: 11px;}
.reference-table{margin-top: 80px;}
.banner-sec .graph-content .graph-img img {max-width: 760px;}
.calculate-box .value img {width: 41px;}
.banner-sec .calculate-box .btn-primary {font-size: 22px;border-radius: 15px;padding: 16px 79px;}
.text-style h3 {font-size: 24px;}
.scrool-tabs{min-width: 1130px;}

 footer .footer-box {
        padding: 49px 64px;
    }

    footer .footer-box .footer-logo {
        margin-bottom: 30px;
    }


    footer .footer-box .quick-lnks h5 {
        font-size: 22px;
        margin-bottom: 20px;
    }

    footer .footer-box .quick-lnks ul li {
        margin-bottom: 12px;
    }

    footer .footer-box .footer-content p {

        font-size: 22px;
    }

    footer .copywright p {
        font-size: 22px;
    }

footer .footer-box .contact-lnks ul li img {

    max-width: 20px;}

}
@media (max-width:1299px) {
h1 {font-size: 47px;line-height: 54px;}
h5 {font-size: 17px;}
#menu ul{gap:40px;}
#menu ul li a {font-size: 18px;}
h2 {font-size: 35px;line-height: 42px;}
.exchange_sec .calculate-box{gap: 10px; }
.button-list {gap: 20px;justify-content: center;}
.text-style h3 {font-size: 26px;}
.history-sec table{margin: 22px 0;}
th {font-size: 20px;padding-bottom: 10px;}
.history-sec table tbody td{padding: 10px 0;}
td {font-size: 18px;}
h4 {font-size: 28px;}
.yearly-sec .scrool-tabs {margin-bottom: 30px;}
.year-sec .table-box h3 {font-size: 28px;}
.year-sec .table-box span {font-size: 21px;margin-bottom: 22px;}
.year-sec th{font-size: 20px;}
.year-sec th, .year-sec td {padding:10px;}
h3{font-size: 26px;}
.sec-20-content h3{font-size: 28px;}
.euro-heading {margin-bottom: 30px;}
.euro-box {padding: 54px 10px 30px;}
.euro-box-heading p {font-size: 22px;}
.button-list .btn-primary {border-radius: 9px;padding: 11px 28px;}
.about-euro-sec {padding-top: 60px;}
 footer .footer-box .contact-lnks ul li img {
        margin-right: 17px;
       
    }


    footer ul li a {

        font-size: 16px;







    }

    footer .footer-box .footer-content p {
        font-size: 20px;
    }


    footer .footer-box .footer-logo {

        width: 110px;
        height: 110px;
    }


        footer .copywright p{ font-size: 18px;}


        footer  {
  
    padding: 20px 0;
}


    footer .footer-box .quick-lnks h5 {
        font-size: 20px;
        margin-bottom: 14px;
    }

       
.message-sec .main-box h3 {
    font-size: 28px;}

    .message-sec .main-box .contact-box p {
    font-size: 19px;
}
.message-sec .contact-box .touch-box span a{
    font-size: 18px;
}










}
@media (max-width:1199px) {
section {padding: 40px 0;}
.banner-sec .top-content {margin-top: 30px;}
h1 {font-size: 41px;line-height: 55px;}
h5 {font-size: 22px;line-height: 28px;}
.banner-sec .top-content p {font-size: 17px;line-height: 1.3;}
.banner-sec .graph-content{bottom: -69px;padding: 20px 30px;}
.banner-sec .graph-content h3 {margin-bottom: 24px;}
.banner-sec  .calculate-box {gap: 20px;margin-bottom: 34px;}
.banner-sec .graph-content .graph-img img {max-width: 620px;}
.btn-primary {font-size: 20px;padding: 18px 76px}
h2 {font-size: 38px;line-height: 48px;}
.banner-sec .calculate-box .btn-primary{font-size: 14px;border-radius: 15px;padding: 16px 68px;}
.calculate-box .value .form-select{font-size: 20px;}
.calculate-box {padding: 22px 16px;}
.calculate-box img{max-width: 33px;}
.exchange_text p{font-size: 18px;}
.graph-box h4 {margin-bottom: 34px;}
.reference-table h4 {margin-bottom: 30px;}
.banner-sec {height: 854px;}
.scrool-tabs ul li a {padding: 14px 5px;font-size: 17px;}
.scrool-tabs{margin-top: 22px;}
.reference-table2 .table-responsive {margin-bottom: 40px;}
.scrool-tabs ul{gap: 30px}
h2 {font-size: 31px;line-height: 37px;}
.sec-20-content p {font-size: 20px;}
.about-euro-sec {padding-top: 70px;}
.euro-box {padding: 42px 10px 30px;}
h4 {font-size: 24px;line-height: 34px;}
.euro-box-heading p {font-size: 20px;}
.euro-content h5{margin-bottom: 14px;}
.euro-content ol li {font-size: 19px;}
.euro-content ul{font-size: 19px;margin-bottom: 30px;}
.about-sec .about-box .form-box h3 {font-size: 28px;}
.about-sec .about-box .form-box p {font-size: 20px;}
.chart-frame {margin-bottom: -160px;}
.calculate-box .value {max-width: 200px;}
.calculate-box .value .form-control{min-width: 80px;max-width: 80px;font-size: 19px;}
.text-style h3 {font-size: 19px;}
.scrool-tabs {min-width: unset;}
.plan-sec .main-box h3 {
    font-size: 26px;
    line-height: 33px;
}

.form-control{
    font-size: 19px;
}
.form-control::placeholder{font-size: 17px !important;}
.form-box form .user {
    border-radius: 10px;
    padding: 9px 20px;}
.form-box form textarea {
    height: 144px;
}    
    
    footer ul li a {
        font-size: 15px;
    }


    footer .footer-box .footer-content p {
        font-size: 18px;
    }

    footer .footer-box .contact-lnks ul li img {
        margin-right: 15px;
        max-width: 18px;
    }

    footer .copywright p {
        font-size: 16px;
    }


    footer .footer-box .quick-lnks h5 {
        font-size: 18px;
        margin-bottom: 10px;
    }

footer .footer-box .quick-lnks ul li

 {
        margin-bottom: 8px;
    }

footer .footer-box { padding: 30px 64px; }
footer .footer-box .footer-logo img { max-width: 80px;}
footer .footer-box .footer-logo {  width: 100px;  height: 100px; }
footer .footer-box .contact-lnks h5{font-size: 18px; margin-bottom: 5px;}
footer .footer-box .contact-lnks ul li{    margin-bottom:5px;}
.plan-sec p { font-size: 20px; }
.plan-sec .contact-box .plan-list ul li {  font-size: 20px; margin-bottom: 22px;}
.plan-sec .main-box {    padding: 25px 54px 30px 40px;}
    
}  

@media(max-width:991px){
header {position: relative;top: 0;left: 0;width: 100%; z-index: inherit;}
.topbar { width:100%; position:relative;z-index: 999; }
.topbar .logo a{font-size: 32px;font-weight: 400;}
header .logo{width: 180px;}

.topbar ul.top_right_contents{padding:0 ;margin:8px 0 0 0;list-style:none;color: #000; text-align: center;}
.topbar ul.top_right_contents li{vertical-align:middle; position:relative; display: inline-block; line-height: 1;text-align: end;}
.topbar ul.top_right_contents li a.menu_open i {font-size: 30px;color: #000;}


.topbar.sticky{margin:0;position:fixed;top:0;left:0;width:100%;z-index:999;animation-name:menu_sticky;animation-duration:.6s;animation-timing-function:ease-out;
background-color: var(--white);padding: 6px 0;}
.topbar.sticky .logo{max-width: 125px;}
.topbar ul.top_right_contents{padding:0;margin:0;list-style:none; text-align: right;}
.topbar ul.top_right_contents li{vertical-align:middle; position:relative; display: inline-block;margin-right: 20px;  line-height: 1;}
.topbar ul.top_right_contents li:last-child {margin-right: 0;}
.topbar ul.top_right_contents li a {color:#fff; line-height: 1;}
.topbar ul.top_right_contents li a i {font-size: 26px;}
.topbar ul.top_right_contents li a i.user { font-size: 34px;}
.topbar ul.top_right_contents li a.menu_open img{width: 36px;}
.menu_overlay {position: fixed; top:0; right:0; bottom:0; left:0; z-index:9999; background: rgba(0,0,0,0.75);}
.menu_toggler {margin:15px 0 0;}
.menu_toggler .icons {font-size:26px; color:#212121}
.menu_head {background:#000;text-align: center; position: relative;color:#fff;}
.menu_head a {color:#fff; padding:15px 10px; display: inline-block; font-weight: 500; font-size: 16px;}
.menu_close {text-align: start; margin-bottom: 33px;padding: 0;}
.menu_close i {font-size:20px; color: #fff;}
.mobile_menu_wrap {position: fixed; top:0px; bottom: 0; right:-100%; z-index:99999; background:var(--primary); padding:0 0 75px; transition: all linear 0.2s; max-width: 80%; width: 300px; height: 100vh;}
.mobile_menu_wrap .form-control{width: 80%;}
.mobile_menu_wrap.menu_show {right:0;}
.mobile_menu_wrap ul { margin:10px 0 0 0; list-style:none; font-size: 16px;font-weight: 400;}
.mobile_menu_wrap ul.main_menu {margin-bottom:10px; padding:0 20px;}
.mobile_menu_wrap ul.main_menu li{padding:0 ;color: var(--white);}
.main_menu li a{font-family: var(--font1);}
.main_menu li.active a{font-weight: 500;}
.mobile_menu_wrap ul.main_menu li a {font-size:17px; text-decoration: none;}
.mobile_menu_wrap ul li a {position: relative; display: block;margin-top: 20px; width: 100%; color: var(--white);}
.mobile_menu_wrap ul li.hassub {position: relative;width: 100%;display: inline-block;}
.mobile_menu_wrap ul li.hassub .sub_menu_open {position: absolute;right: 0;top: 4px;font-size: 18px;width: 100%;text-align: end;}
.mobile_menu_wrap ul li.hassub ul {position: fixed; top:0; bottom:0; right:-100%; max-width: 80%; width: 220px;background-color: var(--primary); margin:0; transition: all linear 0.3s; padding:48px 0 100px; overflow: auto; z-index: 9; visibility:hidden; box-shadow: 0 4px 16px 0 #00000020;border-left:1px solid var(--dark2) ;padding-left: 20px;}
.mobile_menu_wrap ul li.hassub ul.show_submenu {visibility: visible; right: 0;}
.mobile_menu_wrap ul li.hassub ul li.back_to_mainmenu {position: absolute; top:0; width: 100%; background: var(--dark);left: 0;}
.mobile_menu_wrap ul li.hassub ul li.back_to_mainmenu a {font-size:15px; color: #fff; padding:10px 20px;margin-top: 0px;}
.mobile_menu_wrap ul li.hassub ul li.back_to_mainmenu a i.fa { margin-right: 5px;}
.gtranslate_wrapper .gt_selector{width: 100%;}
.banner-sec .top-content p {max-width: 540px;font-size: 16px;}
.banner-sec .top-content {margin-top: 20px;}
section {padding: 30px 0;}
.banner-sec .calculate-box .value {padding: 8px 14px;max-width:250px;column-gap: 20px;border-radius: 10px;}
.banner-sec .calculate-box {justify-content: center;        flex-wrap: wrap;margin-bottom: 23px;}

.banner-sec .banner-eefect{display: none;}
.calculate-box .value img {width: 33px;}
h5 {font-size: 20px;}
h1{font-size: 34px;line-height: 46px;}
.banner-sec .graph-content {padding:  22px;bottom: -34px;border-radius: 20px;}
.banner-sec {height: 810px;}
.banner-sec .calculate-box .btn-primary {font-size: 18px;border-radius: 15px;padding: 13px 59px;}
.chart-content p{position: relative;}
.chart-frame{position: relative;z-index: 1;}

.chart-frame{margin-bottom: -100px;}
.banner-sec .calculate-box .value .form-select {font-size: 20px;background-size: 18px;}
.banner-sec .graph-content .graph-img img {max-width: 430px;}
.btn-primary {font-size: 20px;padding: 14px 60px;}
.banner-sec .graph-content .graph-heading h3{margin-bottom: 23px;font-size: 18px;}
.banner-sec .top-content h5::before {height: 11px;width: 11px;left: -24px;}
.exchange_text p {font-size: 14px;}   
.text-style h3 {font-size: 17px;}
td {font-size: 15px;}
td {font-size: 18px;}
h4 {font-size: 20px;}
.sec-20-content p {font-size: 16px;}
.reference-table {margin-top: 10px;}
.reference-table th {font-size: 16px;}
.reference-table th, .reference-table td {font-size: 14px;}
.reference-table h4{margin-bottom: 14px;}
h2 {font-size: 32px;line-height: 40px;}
.reference-table2{overflow: auto;}
.reference-table2 th, .reference-table2 td{padding-bottom: 6px;min-width: 220px;}
.reference-table2 th,.reference-table2 td,.amount-table table th,.amount-table table td{font-size: 16px;}
.yearly-sec .scrool-tabs {margin-bottom: 20px;}
.year-sec .table-box h3 {font-size: 23px;}
.year-sec .table-box span {font-size: 15px;margin-bottom: 12px;}
h3 {font-size: 20px !important;line-height: 1.3;}
.year-sec th {font-size: 18px;}
.year-sec th {font-size: 16px;}
.year-sec .search-row{padding: 0 10px;}
.euro-box-heading p {font-size: 18px;}
.euro-content p {font-size: 19px;}
.euro-box {padding: 30px 10px 10px;}
.sec-20-content h3 {font-size: 24px;}
form img{max-width: 22px;}
.form-box form .user { gap: 16px;padding: 9px 20px;margin-bottom: 20px;}
.about-sec .about-box {border-radius: 10px;}
.button-list .btn-primary {border-radius: 9px;padding: 9px 14px;font-size: 12px;}
.exchange_sec .calculate-box {border-radius: 10px;padding: 14px 16px;}
.scrool-tabs ul li a {padding: 14px 5px;font-size: 14px;border-radius: 10px;}
.year-sec th, .year-sec td{padding: 8px;min-width: 200px;}
.form-control {font-size: 16px;}
.euro-content ol li {font-size: 16px;}
.sec_20 table{overflow: auto;}
.euro-content ul {font-size: 16px;}
.predict-sec .reference-table2 th, .predict-sec .reference-table2 td{min-width: 290px   ;}
.about-sec .about-box .form-box p {   font-size: 17px;}
.plan-sec .contact-box .plan-list ul li {font-size: 17px;margin-bottom: 15px;}
.plan-sec .main-box { border-radius: 10px;}
.plan-sec p {        font-size: 17px;    }
footer .footer-box .footer-content p { font-size: 16px;  }
footer .footer-box .footer-logo {   width: 90px; height: 90px; }
footer .footer-box .footer-logo img {max-width: 60px; }
footer .footer-box .footer-logo {  margin-bottom: 10px;}
footer .footer-box .quick-lnks h5 {        margin-bottom: 5px;}
footer .footer-box .contact-lnks ul li {    font-size: 18px;    margin-bottom: 10px; }
footer .footer-box .quick-lnks ul li {    margin-bottom: 0;}
.sub-sec .sub-box{padding: 24px;}
.subscribe-box{margin-bottom: 20px;}
footer .footer-box {        padding: 30px;        border-radius: 20px;}
footer  .footer-box::after {border-radius: 20px;}
footer {    margin-bottom: 10px;}
.form-btn {max-width: unset;}
.form-control::placeholder{font-size: 15px !important;}
.plan-sec.first{  row-gap: 20px;}
.sub-sec .sub-box form button {padding: 15px 0;max-width: 380px;}
.gap-60{height: unset;display: none;}
.sec-20-content{margin-top: 0;}
}
@media (max-width:767px) {

section {padding: 20px 0;}
.banner-sec .top-content {margin-top: 10px;}
.banner-sec .top-content {margin-top: 10px;}
h1 {font-size: 31px;}
.calculate-box img{max-width: 32px;}
.banner-sec .top-content p {font-size: 16px;}
h3{font-size: 20px;}
.banner-sec .calculate-box .value {column-gap: 10px;max-width: 190px;}
.banner-sec .calculate-box .btn-primary {border-radius: 7px;padding: 9px 52px;}
.banner-sec .calculate-box .value {padding: 4px 8px;}
.calculate-box .value .form-select{padding: 2px 27px 2px 2px;}
.banner-sec .calculate-box .value .form-control {font-size: 16px;min-width: unset;}
h2 {font-size: 24px;line-height: 30px;}
th {font-size: 18px;}
.exchange_sec .calculate-box {flex-wrap: wrap;}

.btn-primary{font-size: 18px;}
.button-list{gap: 12px;margin: 11px 0;}
.calculate-box .form-control{font-size: 16px;}
h4 {font-size: 20px;}
.sec-20-content p {font-size: 16px;}
.reference-table th {font-size: 14px;vertical-align: baseline;}
.reference-table2 .table-responsive {margin-bottom: 30px;}
.scrool-tabs {margin-top: 10px;}
.scrool-tabs ul li a{font-size: 14px;}
td {font-size: 14px;}
.year-sec .search-row{padding: 0 20px;}
.sec-20-content h3 {font-size: 24px;}
.euro-content h5 {margin-bottom: 10px;}
.euro-content ol li {font-size: 16px;}
h5 {font-size: 18px;}
.euro-content p {font-size: 18px;}
.euro-content ul{font-size: 16px;margin-bottom: 5px;}
.about-sec .about-box .form-box h3 {font-size: 22px;}
.about-sec .about-box .form-box p{font-size: 16px;}
.form-box form .user {margin-bottom: 14px;padding: 0 20px;}
.banner-sec {height: auto;padding: 40px 0px 80px;}
.banner-sec .graph-content {border-radius: 10px;margin-top: 20px;}
.calculate-box .value .form-control {min-width: 60px;max-width: 60px;font-size: 16px;}
.sec_20 table{margin: 0 auto;width: 710px;}
.euro-content p {font-size: 17px;}
.euro-box-heading p {font-size: 16px;}
form img {   max-width: 17px;}
.btn-primary {   font-size: 17px;  padding: 12px 52px;  }
.form-btn {    max-width: 300px;}
.investment-sec .accordion-button{height: unset;padding: 20px 0 20px 20px;}
.sec_20 .sec-20-content .amount-table{overflow-x:scroll ;}
.sub-sec .sub-box form button {font-size: 20px;}
.plan-sec .contact-box .plan-list ul li {  font-weight: 600; margin-bottom: 8px;}  
 footer .footer-box {        padding: 20px 64px;}
footer .footer-box .footer-logo {  width: 70px; height: 70px; }
footer .container .row:first-child {  row-gap: 10px; }
footer .footer-box .footer-content p {        font-size: 14px;        margin-bottom: 0;    }
footer .footer-box .quick-lnks h5 { font-size: 16px; margin-bottom: 0;}
footer .footer-box .contact-lnks h5 { font-size: 16px;     margin-bottom: 10px; }
footer ul li a {font-size: 15px;}
footer .footer-box .contact-lnks ul li img{margin-right: 10px; max-width: 16px;}
 footer .copywright p { font-size: 14px; }
 footer { padding: 20px 0 0 0;}
footer .footer-box{background: unset  !important;padding: 0;}
footer .footer-box::after{display: none;}
footer .footer-box .contact-lnks ul li {font-size: 16px;   margin-bottom: 6px; }
.form-control::placeholder{font-size: 14px !important;}
.form-box form .user {   gap: 6px;}
.about-sec .about-box {  padding: 20px 30px 30px;}
.plan-sec .main-box h3 {  font-size: 22px; line-height: 25px;  }
.plan-sec p { font-size: 16px;}
.plan-sec .contact-box .plan-list ul li { font-size: 16px;}
.plan-sec .main-box {    padding: 25px 38px 20px 30px; }
.investment-sec .accordion-button {font-size: 18px;}
.investment-sec form .message{padding: 20px 0 0 20px;margin-bottom: 16px;}
.sub-sec .sub-box form .form-control{height: unset;padding: 0;}
.sub-sec .sub-box p{margin-bottom: 20px;}
.message-sec .contact-box .touch-box{margin-bottom: 25px;}

}
@media (max-width:575px) {
h1 {font-size: 26px;line-height: 32px;}
h3{font-size: 20px;}
.banner-sec .graph-content h3 {margin-bottom: 10px;}   
.banner-sec .graph-content .graph-heading h3 {margin-bottom: 14px;}
.exchange_sec .calculate-box .value {gap: 4px;width: 100%;max-width: unset;justify-content: center;}
.banner-sec .graph-content .converter-tab {width: 100%;}
.banner-sec .graph-content .converter-tab a{width: 100%;}
.banner-sec .calculate-box .value .form-control{min-width: 60px;max-width: 49px;font-size: 14px;}
.calculate-box img {max-width: 27px;}
.banner-sec .calculate-box .value {max-width: 179px;}
.exchange_sec .calculate-box {justify-content: center;}
.chart-content p{font-size: 14px;}
.history-sec table thead th {padding-bottom: 9px;}
.yearly-sec .scrool-tabs ul li{min-width: 140px;}
.amount-sec .table-box {padding: 20px 0;}
.form-box form textarea {height: 74px;}
p{font-size: 15px !important;}
li{font-size: 15px !important;}
    .euro-content p {
        font-size: 15px;
    }
    .form-box form .user.message {
    
    padding-top: 12px;}
.sub-sec .sub-box form button {max-width: fit-content;padding: 12px 45px;font-size: 16px;}
.subscribe-box {padding: 12px 16px;height: unset;}
.message-sec .main-box .form-box,.message-sec .main-box .contact-box{padding: 20px 15px 20px;}
.message-sec .main-box .form-box form .user {   gap: 12px; }
.message-sec .main-box .form-box form .row {row-gap: 0;}
.message-sec .main-box .form-box form .form-control{padding: 0px ;height: unset;}
.form-box .form-btn{max-width: fit-content;}
.plan-sec .main-box{padding: 20px 15px;}
.investment-sec .accordion-body {font-size: 16px;font-weight: 400;}
.investment-sec .accordion-item {margin-bottom: 16px;}
.contact-detail{font-size: 16px;}
.message-sec .contact-box .touch-box h5{font-size: 18px;line-height: 1.3;}
.about-sec .about-box{padding: 20px 16px;}
.year-sec .table-box{padding: 20px 16px;margin-bottom: 20px;}
}
@media (max-width:500px) {
.banner-sec .calculate-box .value {max-width: unset;width: 100%;padding: 9px 8px;}
.banner-sec .calculate-box {margin-bottom: 14px;        gap: 12px;}
.banner-sec .graph-content .graph-heading h3 {font-size: 17px;line-height: 22px;}
h2 {font-size: 22px;line-height: 27px;}
.text-style h3{font-size: 16px;}
th {font-size: 16px;}
    .sec-20-content h3 {
        font-size: 20px;
    }

.investment-sec .accordion-button {font-size: 16px;}


}
@media (max-width:480px) {
.banner-sec .calculate-box{gap: 17px 1px;}
.banner-sec .top-content p{font-size: 15px;max-width: 433px;}

}