@charset "utf-8";
/* CSS Document */

/* media-query
------------------------------------------------*/

@media(max-width:1800px){
    .container{
        max-width: 1280px;
    }
    .become_member .topimg-content-section .container,
    .become_member .topimg-content-box.ar .container{
        max-width: 1400px;
    }
    .header-div .right-header-box .header-menu nav ul li a{
        font-size: 16px;
    }
    .header-div .right-header-box .header-menu nav ul li{
        margin-right: 55px;
    }
    .header-div .right-header-box .joifree-box{
        margin-left: 0px;
    }
    .header-div .right-header-box .joifree-box a.freeregis-link{
        font-size: 16px;
    }
    h1 {
        font-size: 62px;
        line-height: 68px;
        color: #2f3f52;
    }
    .topimg-content-section .leftbnar-contbox .toptit-wi-con h1 {
        margin-bottom: 25px;
    }
    .topimg-content-section .leftbnar-contbox .toptit-wi-con p {
        font-size: 28px;
        line-height: 38px;
    }
    .topimg-content-section .leftbnar-contbox .topbaner-butonwith-ptag p{
        font-size: 20px;
    }
    .topimg-content-section .leftbnar-contbox .topbaner-butonwith-ptag p strong{
        font-size: 26px;
    }
    .topimg-content-section .leftbnar-contbox .topbanner-butons a.btn {
        min-width: 230px;
        font-size: 16px;
    }
    .topimg-content-section .topbanner-butons a.default-btn {
        margin-right: 15px;
    }
    .pour-four-section .whitebox-div .rigt-contbox-dv span{
        font-size: 20px;
    }
    .pour-four-section .whitebox-div .rigt-contbox-dv h3 {
        font-size: 30px;
    }
    .pour-four-section .whitebox-div .rigt-contbox-dv p {
        font-size: 20px;
    }
    .pour-four-section .whitebox-div .rigt-contbox-dv{
        padding: 20px 20px 20px 150px;
    }
    .whitebox-div .left-bgbox:before{
        left: 80px;
        top: 33px;
    }
    .solution-deve-section .toptitle-h2 h2 {
        font-size: 40px;
        line-height: 50px;
        margin: 0 0 10px 0;
    }
    .solution-deve-section .toptitle-h2 p {
        font-size: 20px;
        line-height: 32px;
    }
    .solution-deve-section .toptitle-h2 {
        max-width: 800px;
    }
    .matheblock-box .math-blockbox span{
        max-width: 180px;
    }
    .matheblock-box .math-blockbox p {
        font-size: 22px;
        line-height: 30px;
    }
    .expert-bloc-section .container {
        max-width: 100%;
        padding: 0 30px;
    }
    .pourquoi-section .pourthree-block h3 {
        margin: 0 0 15px 0;
        font-size: 35px;
        line-height: 42px;
    }
    .pourquoi-section .pourthree-block p {
        font-size: 22px;
        line-height: 30px;
    }
    .equal-box-block .ritpanel-descbox {
        width: 100%;
        padding: 25px 20px 25px 140px;
    }
    .equal-box-block .ritpanel-descbox p {
        font-size: 20px;
        line-height: 28px;
        margin: 0 0 8px 0;        
    }
    .top-footer-box .container {
        max-width: 100%;
        padding: 0 30px;
    }
    .ftr-heading {
        font-size: 28px;
    }
    .ftr-heading:before {
        width: 96px;
    }
    .ftr-contet-box p {
        font-size: 18px;
        line-height: 28px;
    }
    .footer-links ul li p{
        padding-left: 0;
        font-size: 18px;
        line-height: 26px;
    }
    .footer-links ul li a {
        font-size: 18px;
        line-height: 26px;
    }
    .expert-bloc-section .row .fiv-col .comn-boxes p{
        line-height: 30px;
        font-size: 24px;
    }

}

@media handheld, only screen and (max-width: 1440px) {
    .expert-bloc-section .container{
        padding: 0 15px;
    }
    .expert-bloc-section .row .fiv-col .comn-boxes span {
        font-size: 53px;
    }
    .expert-bloc-section .row .fiv-col .comn-boxes {
        padding: 50px 20px;
    }
    .solution-deve-section .toptitle-h2 h2 {
        font-size: 30px;
        line-height: 38px;
    }
    .solution-deve-section .toptitle-h2 p {
        font-size: 18px;
        line-height: 28px;
    }
    .solution-deve-section .toptitle-h2 {
        max-width: 640px;
    }
    .full-container{
        padding: 0 15px;
    }
    
}

@media (max-width: 1380px){
    .header-div .right-header-box .header-menu nav ul li{
        margin-right: 40px;
    }
}

@media(max-width:1350px){
    .header-div .right-header-box .header-menu nav ul li {
        margin-right: 25px;
    }
    .right-header-box .language-topbox a.langua-clicklink {
        min-width: 130px;
    }
}

@media handheld, only screen and (max-width: 1280px) {
    
    .header-div .right-header-box .header-menu nav ul li {
        margin-right: 18px;
    }
    .header-div .right-header-box .header-menu nav ul li a {
        font-size: 15px;
    }
    .header-div .right-header-box .header-menu{
        margin-right: 25px;
    }
    .header-div .right-header-box .joifree-box a.freeregis-link{
        font-size: 15px;
        padding: 0 20px;
        line-height: 57px;
    }
    .header-div .logo img {
        width: 200px;
    }
    .header-div .logo a {
        margin-top: 13px;
    }
    .full-container{
        padding: 0 15px;
    }
    h1 {
        font-size: 52px;
        line-height: 58px;
    }
    .topimg-content-section .leftbnar-contbox .toptit-wi-con p {
        font-size: 22px;
        line-height: 32px;
    }
    .topimg-content-section .leftbnar-contbox .topbaner-butonwith-ptag p strong {
        font-size: 22px;
    }
    .topimg-content-section .leftbnar-contbox .topbanner-butons {
        margin-top: 30px;
    }
    .topimg-content-section .leftbnar-contbox .topbanner-butons a {
        margin-bottom: 10px;
    }
    .pour-four-section {
        padding: 80px 0;
    }
    .pour-four-section .two-blocks {
        margin-bottom: 60px;
    }
    .pour-four-section .whitebox-div .rigt-contbox-dv {
        padding: 20px 20px 20px 125px;
    }
    .whitebox-div .left-bgbox:before{
        border-top: 30px solid transparent;
        border-bottom: 30px solid transparent;
    }
    .whitebox-div.blue-color .left-bgbox:before{
        border-left: 30px solid #1f68c8;        
    }
    .whitebox-div.green-color .left-bgbox:before {
        border-left: 30px solid #01a37c;
    }
    .whitebox-div.pink-color .left-bgbox:before {
        border-left: 30px solid #ed6a94;
    }
    .whitebox-div.light-gold-color .left-bgbox:before {
        border-left: 30px solid #fbc379;
    }
    .pour-four-section .whitebox-div .rigt-contbox-dv span {
        font-size: 16px;
        line-height: normal;
        margin-bottom: 5px;
    }    
    .pour-four-section .whitebox-div .rigt-contbox-dv h3 {
        font-size: 26px;
        line-height: normal;
        margin-bottom: 10px;
    }
    .pour-four-section .whitebox-div .rigt-contbox-dv p {
        font-size: 18px;
        line-height: 22px;
    }
    .topimg-content-section .leftbnar-contbox{
        width: 48%;
    }
    .topimg-content-section .leftbnar-contbox{
        padding-right: 20px;
    }
    .pour-four-section .row{
        margin: 0 -15px;
    }
    .solution-deve-section {
        padding: 50px 0;
    }
    .matheblock-box {
        padding-top: 10px;
    }
    .expert-bloc-section .row .fiv-col .comn-boxes p {
        line-height: 27px;
        font-size: 20px;
    }
    .expert-bloc-section {
        padding: 50px 0;
    }
    .expert-bloc-section .row .fiv-col .comn-boxes span {
        font-size: 44px;
        margin-bottom: 10px;
        line-height: 48px;
    }
    .solution-deve-section .toptitle-h2{
        margin-bottom: 30px;
    }
    .pourquoi-section .pour-title-boxes h2 {
        font-size: 34px;
        line-height: 40px;
    }
    .pourquoi-section .pourthree-block h3 {
        margin: 0 0 15px 0;
        font-size: 30px;
        line-height: 37px;
    }
    .pourquoi-section .pourthree-block p {
        font-size: 20px;
        line-height: 28px;
    }
    .pourquoi-section .pourthree-block {
        padding: 0 40px;
    }
    .pourquoi-section {
        padding: 40px 0;
    }
    .right-header-box .language-topbox a.langua-clicklink{
        font-size: 15px;
    }
    
}

@media screen and (max-width: 1200px){
    [lang="fr"] .header-div .right-header-box .header-menu nav ul li {
        margin-right: 15px;
    }

    [lang="fr"] .header-div .right-header-box .header-menu nav ul li a {
        font-size: 13px;
    }

    [lang="fr"] .header-div .right-header-box .header-menu {
        margin-right: 15px;
    }

    [lang="fr"] .header-div .right-header-box .joifree-box a.freeregis-link {
        font-size: 13px;
        padding: 0 5px;
    }
}

@media handheld, only screen and (max-width: 1024px) {
    h1 {
        font-size: 46px;
        line-height: 54px;
    }
    .topimg-content-section .leftbnar-contbox .toptit-wi-con p {
        font-size: 20px;
        line-height: 29px;
    }
    .topimg-content-section .leftbnar-contbox .topbaner-butonwith-ptag p strong {
        font-size: 20px;
    }
    .matheblock-box .math-blockbox p {
        font-size: 16px;
        line-height: 24px;
    }
    .matheblock-box .math-blockbox span {
        max-width: 130px;
        margin-bottom: 10px;
    }
    .pour-four-section {
        padding: 50px 0;
    }
    .pour-four-section .two-blocks {
        margin-bottom: 30px;
    }
    .pour-four-section .whitebox-div .rigt-contbox-dv h3 {
        font-size: 22px;
        margin-bottom: 7px;
    }
    .pour-four-section .whitebox-div .rigt-contbox-dv p {
        font-size: 16px;
        line-height: 20px;
    }
    .header-div .right-header-box .header-menu nav ul li {
        margin-right: 18px;
    }
    .header-div .right-header-box .header-menu {
        margin-right: 15px;
    }
    .header-div .logo img {
        width: 160px;
    }
    .header-div .logo a {
        margin-top: 16px;
    }
    .topimg-content-section,
    .topimg-content-box.ar {
        padding: 20px 0 40px;
    }
    .solution-deve-section .toptitle-h2 h2 {
        font-size: 26px;
        line-height: 34px;
    }
    .expert-bloc-section .row .fiv-col .comn-boxes p {
        line-height: 25px;
        font-size: 18px;
    }
    .expert-bloc-section .row .fiv-col .comn-boxes span {
        font-size: 36px;
        margin-bottom: 7px;
        line-height: 42px;
    }
    .expert-bloc-section .row .fiv-col .comn-boxes {
        padding: 30px 20px;
    }
    .pourquoi-section .pourthree-block span img {
        width: 70px;
    }
    .pourquoi-section .pourthree-block h3 {
        margin: 0 0 10px 0;
        font-size: 24px;
        line-height: 29px;
    }
    .pourquoi-section .pourthree-block span {
        margin: 0 auto 5px;
    }
    .pourquoi-section .pourthree-block p {
        font-size: 18px;
        line-height: 26px;
    }
    .pourquoi-section .pourthree-block {
        padding: 0 20px;
    }
    .equal-box-block .leftblu-panel{
        width: 80px;
    }
    .equal-box-block .ritpanel-descbox {
        padding: 25px 14px 25px 90px;
    }
    .equal-box-block .ritpanel-descbox p {
        font-size: 18px;
        line-height: 25px;
    }
    .skybox-2block-section,
    .ourpartner-section {
        padding: 50px 0;
    }
    .top-footer-box {
        padding: 60px 0;
    }
    .ftr-heading {
        font-size: 24px;
        margin-bottom: 20px;
        padding-bottom: 5px;
    }
    .ftr-contet-box p {
        font-size: 16px;
        line-height: 24px;
    } 
    .top-footer-box .container {
        padding: 0 15px;
    }
    .header-div .right-header-box .header-menu nav ul li a {
        font-size: 13px;
    }

    header .header-div .whatsapp_link a{
        font-size: 14px;
    }

    header .header-div .whatsapp_link a span.small{
        font-size: 12px;
    }

    .become_member .table_section .table_compare{
        max-width: 991px;
    }

    [lang="fr"] .header-div .right-header-box .header-menu nav ul li a {
        font-size: 12px;
    }
    .become_member .d-flex .conditions{
        width: 70%;
    }

    .become_member .d-flex .image {
        width: 30%;
    }
}

@media handheld, only screen and (max-width: 991px) {
    h1 {
        font-size: 36px;
        line-height: 42px;
    }
    .topimg-content-section .leftbnar-contbox .toptit-wi-con p {
        font-size: 16px;
        line-height: 24px;
        margin-bottom: 10px;
    }
    .topimg-content-section .leftbnar-contbox .toptit-wi-con h1 {
        margin-bottom: 5px;
    }
    .topimg-content-section .leftbnar-contbox .topbaner-butonwith-ptag p strong {
        font-size: 16px;
    }
    .topimg-content-section .leftbnar-contbox .topbaner-butonwith-ptag p span {
        color: #1ab395;
        margin-left: 4px;
        font-size: 16px;
    }
    .topimg-content-section .leftbnar-contbox .topbaner-butonwith-ptag p {
        font-size: 16px;
    }
    .matheblock-box .math-blockbox {
        padding: 0 15px;
    }
    .fullbutton-section {
        padding: 30px 0;
    }
    .fullbutton-section .middlebutton-box a.btn {
        min-width: 260px;
        margin: 10px;
        font-size: 18px;
    }
    footer .four-blocks {
        width: 50%;
        padding: 0 15px;
        margin-bottom: 30px;
        min-height: 241px;
    }
    .footer-links ul li p {
        padding-left: 0;
        font-size: 16px;
        line-height: 22px;
    }
    .footer-links ul li a {
        font-size: 16px;
        line-height: 22px;
    }
    .header-div .right-header-box .header-menu nav ul li {
        margin-right: 13px;
    }
    .header-div .logo img {
        width: 140px;
    }
    .right-header-box .language-topbox a.langua-clicklink{
        height: 45px;
        line-height: 46px;
        font-size: 14px;
    }
    .right-header-box .language-topbox a.langua-clicklink:after{
        top:20px;
    }
    .right-header-box .language-topbox a.langua-clicklink {
        min-width: 115px;
    }
    .header-div .right-header-box .joifree-box a.freeregis-link{
        line-height: 47px;
        height: 45px;
        font-size: 14px;
    }
    .header-div .right-header-box .joifree-box a.freeregis-link:after{
        top:20px;
    }
    .header-div .right-header-box .joifree-box ul.joifree-ul li a{
        font-size: 14px;
        padding: 10px 15px;
    }
    header .header-div .whatsapp_link {
        margin-top: 3px;
    }
    
    
}

@media handheld, only screen and (max-width: 880px) {
    .header-div .right-header-box .header-menu{
        display: none;
        position: fixed;
        width: 100%;
        height: 100%;
        z-index: 99;
        background-color: #fb9b01;
        left: 0;
        top: 0;
        right: 0;
    }
    .mobile-menudiv {
        float: right;
        width: 31px;
        height: 31px;
        margin-top: 10px;
        margin-left: 20px;
        display: block;
    }
    .header-div .right-header-box .header-menu nav {
        position: absolute;
        left: 0;
        top: 50%;
        right: 0;
        transform: translateY(-50%);
        margin: 0 auto;
        text-align: center;
    }

    .header-div .right-header-box .header-menu nav ul li {
        display: block;
        margin: 0 0 20px 0;
    }

    .header-div .right-header-box .header-menu nav ul li a {
        font-size: 24px;
        line-height: 30px;
    }
    .mobile-menudiv a.clickmobil-icon {
        display: inline-block;
        position: relative;
        width: 31px;
        height: 31px;
    }

    .mobile-menudiv a.clickmobil-icon span {
        position: absolute;
        width: 100%;
        height: 3px;
        background-color: #4e95f3;
        transition: all ease-in .3s;
    }

    .mobile-menudiv a.clickmobil-icon span:first-child {
        top: 0px;
    }
    
    .mobile-menudiv a.clickmobil-icon span:nth-child(2) {
        top: 10px;
    }
    .header-div .right-header-box .joifree-box a.freeregis-link{
        height: 45px;
        line-height: 46px;
    }



    .mobile-menudiv a.clickmobil-icon span:last-child {
        top: 20px;
    }
    .header-div .right-header-box .joifree-box a.freeregis-link:after{
        top: 20px;
        right: 12px;
    }
    .header-div .logo a {
        margin-top: 9px;
    }
    .mobile-menudiv a.clickmobil-icon.add-close-icon {
        z-index: 999;
    }

    .mobile-menudiv a.clickmobil-icon.add-close-icon span {
        background-color: #fff;
    }

    .mobile-menudiv a.clickmobil-icon.add-close-icon span:first-child {
        transform: rotate(45deg);
        top: 12px;
    }

    .mobile-menudiv a.clickmobil-icon.add-close-icon span:last-child {
        transform: rotate(-45deg);
        top: 12px;
    }

    .mobile-menudiv a.clickmobil-icon.add-close-icon span:nth-child(2) {
        opacity: 0;
    }
    body.overflow-hide {
        overflow: hidden;
    }
    .topimg-content-section .leftbnar-contbox {
        padding-right: 10px;
    }
    .pour-four-section .two-blocks{
        width: 100%;
    }
    .pour-four-section .two-blocks:nth-last-child(2) {
        margin-bottom: 30px;
    }
    .expert-bloc-section .row .fiv-col {
        width: 33.33%;        
        margin: 10px 0;
    }
    .skybox-2block-section .two-blocks {
        width: 100%;
        margin: 10px 0;
    }
    .pour-four-section .two-blocks {
        padding: 0 15px;
    }
    .expert-bloc-section .row .fiv-col .comn-boxes{
        padding: 30px 15px;
    }

    .header-div .right-header-box .header-menu nav ul li a.have_sub ~ .dropdown-content {
        position: static;
        margin: 0 auto;
        background-color: #fb9b01f7;
        box-shadow: none;
        width: auto;
        max-width: 200px;
        padding-top: 10px;
    }

    .header-div .right-header-box .header-menu nav ul li a.have_sub ~ .dropdown-content a,
    .header-div .right-header-box .header-menu nav ul li a.have_sub ~ .dropdown-content a:hover {
        background-color: #fb9b01;
    }
    .become_member .table_section .table_compare tr td{
        padding-bottom: 8px;
    }

    .become_member .d-flex .conditions{
        width: 100%;
        padding: 0 15px;
        margin-bottom: 45px;
    }

    .become_member .topimg-content-box.ar .conditions{
        padding: 0 15px;
    }

    .become_member .d-flex .image {
        max-width: 300px;
        width: 100%;
    }

    .become_member .topimg-content-box.ar .image {
        width: 13%;
    }

    .become_member .d-flex {
        justify-content: center;
    }

    .lang_drop{
        padding-top: 0;
    }

    .lang_drop a.drop_func {
        font-size: 15px;
    }
    .topimg-content-box.ar .d-flex {
        flex-direction: column-reverse;
        align-items: center;
    }
}

@media handheld, only screen and (max-width: 767px) {
    .topimg-content-section .leftbnar-contbox {
        width: 100%;
    }
    .topimg-content-section .ritnar-imgbox {
        width: 100%;
        margin-top: 30px;
    }
    .matheblock-box .math-blockbox {
        padding: 0 15px;
        width: 100%;
        margin-bottom: 20px;
    }
    .matheblock-box .math-blockbox:last-child{
        margin-bottom: 0px;
    }
    .pourquoi-section .pour-title-boxes h2 {
        font-size: 28px;
        line-height: 36px;
    }
    .pourquoi-section .pourthree-block{
        width: 100%;
        margin-bottom: 20px;
    }

    header .header-div .whatsapp_link a{
        padding-left: 40px;
    }

    header .header-div .whatsapp_link a img {
        margin-left: -35px;
        max-width: 30px;
        display: block;
    }

    header .header-div .whatsapp_link {
        margin-top: 8px;
    }

    .become_member .table_section .table_compare {
        overflow-x: auto;
    }

    .become_member .table_section .table_compare table {
        width: 880px;
    }

    .lang_drop {
        padding-top: 3px;
    }
    .become_member .topimg-content-box.ar .d-flex ol.lists {
        margin: 0;
    }

    .become_member .topimg-content-box.ar .title_member h1 {
        font-size: 30px;
        line-height: 45px;
    }

    .become_member .topimg-content-box.ar .conditions li {
        font-size: 21px;
        margin-right: 10px;
    }

    footer .four-blocks{
        min-height: 265px;
    }

    .ourpartner-section .pour-title-boxes h2 {
        font-size: 28px;
        line-height: normal;
    }

    .ourpartner-section .map-block{
        width: 100%;
    }

    .ourpartner-section .map-block:first-child{
        margin-bottom: 50px;
    }
}

@media handheld, only screen and (max-width: 600px) {
   .expert-bloc-section .row .fiv-col {
        width: 50%;
        margin: 10px 0;
    }
    .equal-box-block .leftblu-panel {
        width: 50px;
    }
    .equal-box-block .ritpanel-descbox {
        padding: 25px 14px 25px 60px;
    }
    .pour-four-section .whitebox-div .left-bgbox {
        width: 40px;
    }
    .pour-four-section .whitebox-div .rigt-contbox-dv {
        padding: 20px 20px 20px 75px;
    }
    .whitebox-div .left-bgbox:before {
        left: 46px;
    }
    .whitebox-div.pink-color .left-bgbox:before {
        border-left: 20px solid #ed6a94;
    }
    .whitebox-div.blue-color .left-bgbox:before {
        border-left: 20px solid #1f68c8;
    }
    .whitebox-div.green-color .left-bgbox:before{
        border-left: 20px solid #01a37c;
    }
    .whitebox-div.light-gold-color .left-bgbox:before {
        border-left: 20px solid #fbc379;
    }
    footer .four-blocks{
        width: 100%;
    }
    .top-footer-box {
        padding: 30px 0 0;
    }
    .footer-links ul li i.fa-whatsapp{
        top:-2px;
    }
    .footer-links ul li i.fa-phone{
        top: 9px;
    }
    .footer-links ul li i{
        top: 2px;
    }
    .footer-links.arrowlinks ul li {
        padding-left: 20px;        
    }
    
    .header-div .right-header-box{
        width: 100%;
        margin-top: 15px;
        text-align: left;
    }
    header .header-div .whatsapp_link ~ .right-header-box {
        margin-top: 5px;
    }
    
    .mobile-menudiv{
        position: absolute;
        top: 22px;
        right: 15px;
    }
    .header-div .logo img {
        width: 170px;
    }
    .right-header-box .language-topbox a.langua-clicklink {
        text-align: left;
    }
    .mobile-menudiv a.clickmobil-icon span{
        left: 0px;
    }
    .right-header-box .language-topbox{
        margin-left: 2px;
    }
    .topimg-content-section .leftbnar-contbox .toptit-wi-con h1 {
        letter-spacing: -0.01em;
    }

    footer .four-blocks{
        min-height: auto;
    }
}

@media (max-width: 570px){
    .header-div .logo {
        width: 100%;
    }
    .header-div .logo img {
        width: 260px;
        margin: 0 auto;
    }

    .mobile-menudiv {
        top: 85px;
    }

    header .header-div .whatsapp_link {
        margin-top: 14px;
        margin-left: 0;
    }

    header .header-div .whatsapp_link a {
        font-size: 20px;
        width: 215px;
        padding-left: 30px;
    }

    header .header-div .whatsapp_link a span.small {
        font-size: 18px;
    }

    header .header-div .whatsapp_link a img {
        max-width: 50px;
        margin-right: 2px;
    }

    .header-div .right-header-box .joifree-box a.freeregis-link {
        width: 100%;
        display: block;
        max-width: none;
        text-align: center;
    }

    .header-div .right-header-box .joifree-box {
        width: 100%;
        margin-top: 7px;
    }

    .lang_drop {
        padding-top: 16px;
        margin-left: 0;
    }

    .lang_drop a.drop_func {
        font-size: 18px;
    }

    .lang_drop ul {
        right: 0;
        left: auto;
    }

    .lang_drop ul:before {
        margin-left: auto;
        margin-right: 15px;
    }

    .log-in header .whatsapp_link a {
        margin-top: 0;
    }

    .header-div .right-header-box .joifree-box .language_menu{
        position: static;
        width: auto;
        text-align: center;
        margin-bottom: 5px;
    }

    .header-div .right-header-box .joifree-box .language_menu li a{
        font-size: 14px;
    }
}

@media handheld, only screen and (max-width: 450px) {
    
}
@media handheld, only screen and (max-width: 369px) {
   .expert-bloc-section .row .fiv-col {
       width: 100%;
    }
    .header-div .right-header-box .joifree-box a.freeregis-link{
        min-width: 150px;
    }

    .lang_drop{
        /*margin-left: 10px;*/
    }
}