/* ============ Table of Contents ============

		1. Media Query - Desktops & Laptops
			1.1 Home Page
				1.1.1 Landing Section
				1.1.2 Why Hello Paisa
				1.1.3 How HelloPaisa Works
				1.1.4 Meet Our Partners
				1.1.5 Contact Form
			1.2 Footer
			1.3 FAQS PAGE
				1.3.1 Landing Section
				1.3.2 What is Hello Paisa
				1.3.3 Questions & Answers
		2. Media Query - Tablets
			2.0.1 Font Changes
			2.0.2 Header
			2.0.3 Footer
			2.1 Home Page
				2.1.1 Landing Section
				2.1.2 Why Hello Paisa
				2.1.3 How HelloPaisa Works
				2.1.4 Meet Our Partners
				2.1.5 How Hello Paisa Works
				2.1.6 Get The App
			2.2 FAQS PAGE
				2.2.1 Landing Section
				2.2.2 What is Hello Paisa
				2.2.3 Questions & Answers
		3. Media Query - Mobiles
			3.0.1 Pop Ups
			3.0.2 Header
			3.0.3 Basic Elements - Buttons
			3.0.4 Facebook Messenger Plugin - Footer
			3.1 HOME PAGE
				3.1.1 What Customers Say 
				3.1.2 Get The App

	*/

/* 	=================================================

		1. Media Query - Desktops & Laptops

	================================================= */

@media only screen and (max-width : 1224px) {

    /* ====== Fonts ====== */

    h1,
    #howItWorks .block h1,
    #contactForm h2 {
        font-size: 40px;
    }

    #contactForm h2 {
        line-height: 1.2;
    }

    h1.withLine {
        padding-bottom: 20px;
    }

    button {
        font-size: 10px;
        height: 42px;
        line-height: 42px;
        padding: 0px 40px;
        -webkit-border-radius: 24px;
        -moz-border-radius: 24px;
        -o-border-radius: 24px;
        border-radius: 24px;
    }

    /* 	=================================================
                        1.1 HOME PAGE
                ================================================= */

    /* ====== 1.1.1 Landing Section ====== */

    #landingSection .wrapper {
        height: 720px;
    }

    #landingSection {
        padding: 0px 0px 0px 0px;
    }

    #landingSection h1 {
        line-height: 1;
    }

    #landingSection p {
        font-size: 14px;
    }

    #landingSection hr {
        /* display: none; */
        margin-bottom: 5px;
        width: 100%;
    }

    #landingSection h3 {
        margin-bottom: 20px;
    }

    .exchangeBox,
    .additionalInfo {
        max-width: 760px;
    }
    .exchangeBox{
        max-width: 100%;
        width: 100%;
    }

    #landingSection .exchangeBox .left,
    .exchangeBox button {
        height: 120px;
    }

    #landingSection .exchangeBox .ipHold,
    #landingSection .exchangeBox .countrySelector {
        height: 100px;
    }

    #landingSection .exchangeBox .ipHold {
        width: -webkit-calc(100% - 92px);
        width: -moz-calc(100% - 92px);
        width: -o-calc(100% - 92px);
        width: calc(100% - 92px);
    }

    #landingSection .exchangeBox .countrySelector {
        width: 92px;
    }

    #landingSection .exchangeBox .ipHold p {
        font-size: 14px;
        margin-top: 0;
    }

    #landingSection .exchangeBox .ipHold table span,
    #landingSection .exchangeBox .ipHold table input {
        font-size: 36px;
        font-weight: 600;
    }

    #landingSection .exchangeBox .countrySelector img {
        height: 20px;
    }

    #landingSection .exchangeBox .countrySelector .flag {
        /* height: 24px; */
        height: auto;
        padding: 6px 0;
        display: flex;
        align-items: center;
    }

    #landingSection .exchangeBox .countrySelector .flag img {
        height: 30px;
        width: 30px;
    }

    #landingSection .flag-inner-text {
        display: flex;
    }

    #landingSection .exchangeBox .countrySelector .flag span {
        font-size: 12px;
        line-height: 12px;
    }

    .exchangeBox button {
        font-size: 16px;
        line-height: 1.2;
        font-weight: 600;
    }

    .infoHolderBottom {
        display: flex;
        flex-wrap: wrap;
        width: 92%;
        max-width: 92%;
        align-items: center;
        margin-top: 10px;
        margin: auto;
    }

    .infoHolderBottom .__rates__ {
        width: 55%;
        order: 2;
    }

    .infoHolderBottom .__rates__ h5 {
        line-height: 40px;
        font-size: 14px;
    }

    .infoHolderBottom .appDL {
        order: 3;
    }

    .infoHolderBottom .additionalInfo {
        order: 1;
        width: 45% !important;
        margin-top: 0px !important;
    }

    .infoHolderBottom .additionalInfo h4 {
        line-height: 20px;
        font-size: 14px;
    }

    .additionalInfo .additionalInfo-a {
        gap: 0px;
    }

    .infoHolderBottom .additionalInfo img {
        height: 30px;
        margin-right: 0px;
    }

    .infoHolderBottom .__rates__,
    .infoHolderBottom .additionalInfo {
        position: relative;
    }

    .infoHolderBottom .additionalInfo {
        width: auto;
        display: block;
        text-align: center;
        margin-top: 20px;
    }

    #selectYourCountry h2 {
        font-size: 40px;
    }

    #countries ul.slides li .one {
        height: 100px;
        width: 100px;
    }

    #countries ul.slides li .one .wrap {
        height: 80px;
        width: 80px;
        margin-left: -40px;
        margin-top: -40px;
    }

    #countries ul.slides li .one .wrap .__hold__ {
        height: 70px;
        width: 70px;
        margin-top: 5px;
    }

    #getTheAppNow {
        background: #F0F0F0;
        padding: 170px 0 60px;
        margin-bottom: 60px;
        text-align: center;
        margin-top: 200px;
        overflow: unset;
        height: 410px;
    }

    #getTheAppNow .col_1_2:nth-child(1) img {
        /* display: none; */
    }

    #getTheAppNow .col_1_2:nth-child(1) img {
        height: auto;
        width: 100%;
        display: inline-block;
    }

    #getTheAppNow .verticalCover {
        position: relative !important;
        overflow: unset;
    }

    #getTheAppNow .getTheAppNow-1 .verticalOne {
        position: absolute;
        top: -380px;
    }

    #getTheAppNow .getTheAppNow-1 .verticalOne img {
        width: 80% !important;
        margin: auto;
        display: block;
    }

    #getTheAppNow p {
        text-align: center;
        font-size: 14px;
        margin-bottom: 20px;
        font-weight: 400;
    }

    #getTheAppNow .col_1_2 {
        width: 100%;
        height: auto;
    }

    #getTheAppNow .col_1_2:nth-child(2) .verticalCover,
    #getTheAppNow .col_1_2:nth-child(2) .verticalOne {
        position: relative;
    }

    #getTheAppNow:before {
        display: none;
    }

    #getTheAppNow h2 {
        font-size: 40px;
    }

    /* ====== 1.1.2 Why Hello Paisa ====== */

    #whyHelloPaisa {
        padding: 20px 0 80px 0;
    }

    #meetOurPartners h1,
    #whyHelloPaisa h1 {
        position: relative;
    }

    #whyHelloPaisa p,
    #meetOurPartners p {
        font-size: 15px;
        margin-top: 20px;
    }

    #whyHelloPaisa .block {
        margin-top: 60px;
    }

    #whyHelloPaisa .block .col-1-3 .iconHolder {
        height: 52px;
        width: 52px;
    }

    #whyHelloPaisa .block .col-1-3 .iconHolder img {
        height: 52px;
    }

    #whyHelloPaisa .block .col-1-3 .textHolder {
        width: -webkit-calc(100% - 52px);
        width: -moz-calc(100% - 52px);
        width: -o-calc(100% - 52px);
        width: calc(100% - 52px);
        height: 65px;
    }

    #whyHelloPaisa .block .col-1-3 .textHolder h5 {
        font-size: 14px;
        line-height: 20px;
        margin-bottom: 0;
    }

    #whyHelloPaisa .block .col-1-3 .textHolder p {
        font-size: 12px;
        line-height: 1.4;
    }

    #whyHelloPaisa .buttonHold {
        margin-top: 60px;
    }

    #whyHelloPaisa .buttonHold .dinBlack {
        font-family: 'Roboto', sans-serif !important;
        font-weight: 900;
    }

    /* ====== 1.1.3 How HelloPaisa Works ====== */

    #howItWorks .block img {
        height: 60px;
        width: 60px;
        margin-bottom: 10px;
    }

    #howItWorks .block h1 {
        margin-bottom: 10px;
    }

    #howItWorks .block p {
        font-size: 15px;
    }

    /* ====== 1.1.4 Meet Our Partners ====== */

    #meetOurPartners {
        padding: 80px 0;
    }

    #partners {
        margin-top: 40px;
        margin-bottom: 0;
    }

    #partners ul li img {
        max-height: 40px;
        display: block;
    }

    /* ====== 1.1.5 Contact Form ====== */

    #contactForm h3 {
        font-size: 20px;
        line-height: 24px;
    }

    #contactForm {
        height: auto;
        padding: 80px 0;
    }

    #contactForm .verticalCover,
    #contactForm .verticalOne {
        position: relative;
    }

    /* 	=================================================
                        1.2 Footer
                ================================================= */

    #footer {
        padding: 0 10px 80px 10px;
    }

    #footer h5,
    #footer ul.info {
        display: block;
        text-align: center;
    }

    #footer h5 {
        padding-bottom: 40px;
    }

    #footer ul.info {
        margin-left: 0;
    }
}

@media only screen and (max-width : 1084px) {

    .container {
        width: 100%;
    }
}

@media only screen and (min-width: 1350.5px) and (max-width: 1477.5px) {

    header .navbar-default .container-fluid,
    .top-header-home {
        padding-right: 20px;
        padding-left: 20px;
    }

    .nav-div-3 {
        width: 28%;
        margin-right: 0;
    }
}

@media only screen and (min-width: 1250.5px) and (max-width: 1350.5px) {

    header .navbar-default .container-fluid,
    .top-header-home {
        padding-right: 20px;
        padding-left: 20px;
    }

    header .nav-div .navbar-header {
        width: 20%;
    }

    header .nav-div #slide-navbar-collapse {
        width: 46%;
        margin-right: 0;
    }

    .nav-div-3 {
        width: 19%;
        margin-right: 0;
    }

    .loginRegister li a {
        padding: 8px 24px;
    }
}

@media only screen and (min-width: 1150.5px) and (max-width: 1250.5px) {

    header .navbar-default .container-fluid,
    .top-header-home {
        padding-right: 20px;
        padding-left: 20px;
    }

    header .nav-div .navbar-header {
        width: 20%;
    }

    header .nav-div #slide-navbar-collapse {
        width: 46%;
    }

    .nav-div-3 {
        width: 20%;
        margin-right: 0;
    }

    .loginRegister li a {
        padding: 8px 24px;
    }
}

@media only screen and (min-width: 1150.5px) and (max-width: 1250.5px) {

    header .navbar-default .container-fluid,
    .top-header-home {
        padding-right: 20px;
        padding-left: 20px;
    }

    header .nav-div .navbar-header {
        width: 20%;
    }

    header .nav-div #slide-navbar-collapse {
        width: 46%;
        margin-right: 0;
    }

    .nav-div-3 {
        width: 22%;
        margin-right: 0;
    }

    .loginRegister li a {
        padding: 8px 24px;
    }
}

@media only screen and (min-width: 1050.5px) and (max-width: 1150.5px) {

    header .navbar-default .container-fluid,
    .top-header-home {
        padding-right: 20px;
        padding-left: 20px;
    }

    header .nav-div .navbar-header {
        width: 20%;
    }

    header .nav-div #slide-navbar-collapse {
        width: 46%;
        margin-right: 0;
    }

    .nav-div-3 {
        width: 24%;
        margin-right: 0;
    }

    .loginRegister li a {
        padding: 8px 24px;
    }
}

@media only screen and (min-width: 950.5px) and (max-width: 1050.5px) {

    header .navbar-default .container-fluid,
    .top-header-home {
        padding-right: 20px;
        padding-left: 20px;
    }

    header .nav-div .navbar-header {
        width: 20%;
    }

    header .nav-div #slide-navbar-collapse {
        width: 46%;
        margin-right: 0;
    }

    .nav-div-3 {
        width: 25%;
        margin-right: 0;
    }

    .loginRegister li a {
        padding: 8px 24px;
    }
}

@media only screen and (min-width: 850.5px) and (max-width: 950.5px) {

    header .navbar-default .container-fluid,
    .top-header-home {
        padding-right: 20px;
        padding-left: 20px;
    }

    header .nav-div .navbar-header {
        width: 20%;
    }

    header .nav-div #slide-navbar-collapse {
        width: 46%;
        margin-right: 0;
    }

    .nav-div-3 {
        width: 29%;
        margin-right: 0;
    }

    .loginRegister li a {
        padding: 8px 24px;
    }
}

@media only screen and (min-width: 767px) and (max-width: 1205.5px) {
    #facebookContainerFooter {
        right: -150px;
        top: -200px;
    }

    .footer-inner {
        flex-flow: column;
    }
}

@media only screen and (min-width: 1324px) and (max-width: 1424.5px) {
    .exchangeBox-main {
        width: 80%;
    }
}

@media only screen and (min-width: 767px) and (max-width: 1324.5px) {

    .exchangeBox-main,
    .infoHolderBottom .__rates__ {
        width: 100%;
    }

    .md-main-1 .col-md-3.md-main-1 .col-md-3 {
        width: 50%;
    }

    #landingSection hr {
        width: 100% !important;
    }

    .md-main-1 .col-md-6 {
        width: 70% !important;
    }

    #footer {
        padding: 0px !important;
    }

    #footer .footer-inner {
        padding: 80px 10px !important;
    }

    #landingSection .exchangeBox .ipHold table span,
    #landingSection .exchangeBox .ipHold table input {
        font-size: 28px;
    }

    #landingSection h1.dinBlack.hpRed {
        margin-top: 0px;
    }

    #landingSection .wrapper {
        height: auto;
        padding: 100px 0px;
    }

    #footer {
        padding: 80px 20px;
    }
    .ipHold table span, #landingSection .exchangeBox .ipHold table input {
        font-size: 20px !important;
    }
}

@media only screen and (min-width: 767px) and (max-width: 950.5px) {

    .exchangeBox-main,
    .infoHolderBottom .__rates__ {
        width: 100%;
    }

    #landingSection .exchangeBox .ipHold table span,
    #landingSection .exchangeBox .ipHold table input {
        font-size: 28px;
    }

    header .navbar-default .container-fluid,
    .top-header-home {
        padding-right: 20px;
        padding-left: 20px;
    }

    header .nav-div .navbar-header {
        width: 20%;
    }

    header .nav-div #slide-navbar-collapse {
        width: 46%;
    }

    .nav-div-3 {
        width: 34%;
    }

    .loginRegister li a {
        padding: 8px 24px;
    }

    #landingSection h1.dinBlack.hpRed {
        margin-top: 0px;
    }

    #landingSection .wrapper {
        height: auto;
        padding: 100px 20px;
    }

    #footer {
        padding: 80px 20px;
    }

    #footer h5 {
        padding-bottom: 0px;
        text-align: left;
    }

    .footer-inner {
        flex-flow: column;
        gap: 18px;
        justify-content: left;
    }

    .footer-inner-2 {
        margin-left: 0px;
    }
}

/* 	=================================================
    
            2. Media Query - Tablets
    
        ================================================= */

@media (max-width: 780px) {

    /* 	=================================================
                        2.0.1 Fonts Changes
                ================================================= */
    /*.ui-0-0 img{*/
    /*     max-width: 100%;*/
    /*     width: auto;*/
    /* }*/
    #landingSection h1,
    h1.blockTitle,
    h1.withLine,
    #howItWorks .block h1,
    #contactForm h2,
    #selectYourCountry h2 {
        font-size: 24px !important;
        letter-spacing: 0.3px !important;
        font-family: Roboto !important;
        line-height: 30px !important;
    }
    .tz-gallery-items {
        min-height: 130px;
    }
    #contactForm .wpcf7-response-output {
        font-size: 16px;}
        #contactForm .container.d-flex {
            padding-bottom: unset;
        }
        .m-f-5 ul.country-list{
            max-height: 100%;
            width: 100%;
            top: 30px;
            bottom: 30px;
            left: 30px;
            right: 30px;
            position: fixed;
        }
    #selectYourCountry p {
        font-size: 14px !important;
        line-height: 18px !important;
        letter-spacing: 0.3px !important;
        font-weight: 400 !important;
    }

    .zim-info p {
        font-size: 12px !important;
        font-weight: 400 !important;
        letter-spacing: 0.3px !important;
    }

    h1.withLine:after {
        margin-left: 0px;
        width: 100%;
        left: 0;
    }

    #whyHelloPaisa p,
    #meetOurPartners p {
        font-size: 14px;
        margin-top: 20px;
        font-weight: 400;
        width: 100%;
    }

    #whyHelloPaisa .block {
        flex-wrap: wrap;
    }

    #whyHelloPaisa .block .col-1-3 .textHolder h5 {
        font-size: 20px;
        line-height: 26px;
    }

    #whyHelloPaisa .block .col-1-3 .textHolder p {
        font-size: 14px;
    }

    #whyHelloPaisa .block .col-1-3,
    .tz-gallery-items {
        gap: 20px;
    }

    .tz-gallery .row.d-flex.with-65 {
        width: 100% !important;
    }

    #contactForm .container.d-flex {
        flex-wrap: wrap;
    }

    .col-1-2.col-1-2-left {
        justify-content: center;
    }

    .col-1-2.col-1-2-left h2,
    .col-1-2.col-1-2-left h3,
    .col-1-2.col-1-2-left p {
        width: 100%;
        text-align: center !important;
    }

    .col-1-2-left a {
        margin: auto !important;
    }

    /* 	=================================================
                        2.0.2 Header
                ================================================= */

    header {
        top: 0;
    }

    #facebookContainerHeader {
        top: 65px;
    }

    /* 	=================================================
                        2.1 MAIN PAGE
                ================================================= */

    /* ====== 2.1.1 Landing Section ====== */

    #landingSection:before,
    #landingSection:after {
        display: none;
    }

    #landingSection .wrapper {
        height: auto;
        padding: 80px 10px;
    }

    #landingSection .wrapper .verticalCover,
    #landingSection .wrapper .verticalOne {
        position: relative;
    }

    #landingSection .exchangeBox {
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        -o-box-shadow: none;
        box-shadow: none;
    }

    #landingSection .exchangeBox,
    #landingSection .exchangeBox .left {
        border-radius: 10px;
    }

    #landingSection p {
        margin-top: 0;
        margin-bottom: 20px;
    }

    #landingSection h3 {
        font-size: 32px;
        letter-spacing: 0.3px;
        margin-top: 0px !important;
        margin-bottom: 40px;
    }

    .exchangeBox-main {
        width: 95%;
        flex-flow: column;
        padding: 0px;
    }

    .exchangeBox {
        max-width: 100%;
    }

    .exchangeBox-main .left {
        display: flex;
        flex-flow: column;
        border: none !important;
        padding: 0px !important;
    }

    #landingSection .exchangeBox .left,
    .exchangeBox button,
    #landingSection .exchangeBox .col-1-2 {
        width: 100%;
    }

    #landingSection .exchangeBox .left {
        height: auto;
        padding: 10px;
    }

    #landingSection .exchangeBox .ipHold,
    #landingSection .exchangeBox .countrySelector {
        height: 80px;
    }

    #landingSection .exchangeBox .ipHold table span,
    #landingSection .exchangeBox .ipHold table input {
        font-size: 24px;
    }

    .exchangeBox button {
        height: 68px;
    }

    #landingSection .exchangeBox .col-1-2 {
        padding: 10px;
    }

    #landingSection .exchangeBox .col-1-2:nth-child(1) {
        border-right: none;
        border-bottom: solid 1px #001d38;
        margin-bottom: 10px;
    }

    #landingSection .exchangeBox .ipHold {
        padding-left: 0px;
        border-right: solid 1px #f0f0f0;
    }

    .infoHolderBottom .__rates__ h5 div.cro-main {
        flex-flow: column;
    }

    .infoHolderBottom {
        width: 100% !important;
        margin: 0px !important;
        max-width: 100%;
        padding: 0px 10px;
    }

    #sendNow {
        border-radius: 0px;
        gap: 16px;
    }

    #sendNow .send-now-icon {
        margin-right: 0;
    }

    #sendNow .send-now-text {
        margin-left: 0;
    }

    .cro-1,
    .cro-2 {
        margin-left: 0px;
        margin-right: 0px;
        line-height: 20px;
    }

    .cro-main span {
        line-height: 20px !important;
        font-size: 14px;
        font-family: Roboto;
    }

    .__rates__,
    .infoHolderBottom .__rates__ {
        width: 100% !important;
    }

    #landingSection .exchangeBox .ipHold table {
        width: 100%;
    }

    #landingSection .exchangeBox .ipHold p {
        left: 4px;
    }

    #selectYourCountry h2 {
        font-size: 28px;
        letter-spacing: -1px;
    }

    #countries {
        padding: 0;
        margin-top: 40px;
    }

    #getTheAppNow h2 {
        font-size: 28px;
        letter-spacing: -1px;
    }

    #pointsMethods h3 {
        letter-spacing: -1px;
    }

    .md-main-1 .col-md-3 {
        width: 60%;
    }

    .md-main-1 .col-md-6 {
        width: 100%;
    }

    /* ====== 2.1.2 Why Hello Paisa ====== */

    #whyHelloPaisa {
        padding: 20px 0 60px 0;
    }

    #whyHelloPaisa .block .col-1-3 {
        width: 100%;
        padding: 0;
        overflow: hidden;
        border-bottom: solid 1px #f0f0f0;
        padding-bottom: 24px;
        margin-bottom: 24px;
    }

    #whyHelloPaisa .block .col-1-3:last-child {
        border-bottom: none;
        padding-bottom: 0;
        margin-bottom: 0;
    }

    #whyHelloPaisa .block .col-1-3 p br {
        display: none;
    }

    #whyHelloPaisa .buttonHold {
        margin-top: 60px;
    }

    /* ====== 2.1.3 How HelloPaisa Works ====== */

    #howItWorks .block img {
        height: 40px;
        width: 40px;
        margin-bottom: 10px;
    }

    /* ====== 2.1.4 Meet Our Partners ====== */

    #meetOurPartners {
        padding: 60px 0;
    }

    .flex-direction-nav .flex-prev,
    .flex-direction-nav .flex-next {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        filter: alpha(opacity=100);
        -moz-opacity: 1;
        -khtml-opacity: 1;
        opacity: 1;
    }

    .flex-direction-nav .flex-prev {
        left: 0px;
    }

    .flex-direction-nav .flex-next {
        right: 0px;
    }

    /* ====== 2.1.5 Contact Form ====== */
    #footer {
        padding: 0 !important;
    }

    #contactForm .col-1-2:nth-child(1) {
        gap: 60px;
    }

    #contactForm {}

    #contactForm .col-1-2 {
        width: 95%;
    }

    #contactForm .col-1-2:nth-child(1) {
        text-align: center;
        padding-right: 0;
    }

    .footer-inner {
        flex-wrap: wrap;
    }

    #footer h5 {
        text-align: left !important;
    }

    .footer-inner-2,
    .footer-inner-1 {
        width: 100% !important;
		margin:auto;
    }

    .footer-inner-2,
    .footer-inner-2 ul {
        display: flex !important;
        align-items: center !important;
    }

    .footer-inner-2 ul li {
        margin-bottom: 0 !important;
    }

    #footer .footer-inner {
        padding: 80px 10px !important;
    }

    #facebookContainerFooter {
        top: -210px;
    }

    #facebookContainerFooter .fb-page.fb_iframe_widget {
        height: auto;
        display: block;
    }

    #contactForm p {
        margin: 10px 0;
    }

    #contactForm h3 {
        margin-bottom: 30px;
    }

    #mainForm table tr:nth-child(7) td {
        text-align: center;
    }

    #mainForm table tr td button {
        background: #D9006D;
        background: -webkit-linear-gradient(top, #F3033A, #D9006D);
        background: -o-linear-gradient(top, #F3033A, #D9006D);
        background: -moz-linear-gradient(top, #F3033A, #D9006D);
        background: linear-gradient(top, #F3033A, #D9006D);
        height: 42px;
        line-height: 42px;
        width: auto;
    }

    button#userManual {
        margin-top: 0px;
        margin-bottom: 60px;
    }

    #landingSection img.countryFlag {
        display: none;
    }

    .footer-inner-2,
    .footer-inner-1 {
        padding: 0px;
    }
}

/* 	=================================================
    
            3. Media Query - Mobiles
    
        ================================================= */

@media (max-width: 520px) {

    /* 	=================================================
                        3.0.1 Pop Ups
                ================================================= */

    #countrySelectBlock {
        max-width: 280px;
    }

    #countrySelectBlock ul {
        height: 184px;
        margin-bottom: 10px;
    }

    /* 	=================================================
                        3.0.2 Header
                ================================================= */

    header .logo,
    header ul.social,
    header ul.loginRegister {
        height: 48px;
    }

    header .logo {
        padding: 12px 20px 12px 10px;
        text-align: left;
    }

    header .logo img {
        width: 100%;
        width: auto;
        height: auto;
        margin-top: 5px;
        height: 20px;
    }

    header ul.social {
        display: none;
    }

    header ul.loginRegister {
        width: -webkit-calc(100% - 150px);
        width: -moz-calc(100% - 150px);
        width: -o-calc(100% - 150px);
        width: calc(100% - 150px);
    }

    header ul.loginRegister li a {
        line-height: 48px;
        font-weight: 400;
    }

    /* 	=================================================
                        3.0.3 Basic Elements - Buttons
                ================================================= */

    button {
        font-weight: 400;
    }

    .exchangeBox button {
        font-weight: 600;
    }

    /* 	=================================================
                        3.0.4 Facebook Messenger Plugin - Footer
                ================================================= */

    #footer ul.info li:nth-child(1) {
        width: 100%;
        margin: 0;
        margin-bottom: 20px;
    }

    #footer ul.info li:nth-child(5) {
        width: 100%;
        margin: 0;
        margin-top: 10px;
    }

    #facebookContainerFooter {
        right: 50%;
        margin-right: -120px;
        bottom: 24px;
    }

    /* 	=================================================
                        3.1 Home Page
                ================================================= */

    /* ====== 3.1.1 What Customers Say ====== */

    #howItWorks video {
        position: relative;
        display: block;
    }

    #howItWorks .block {
        display: none;
    }

    #longVideoTransparent,
    #howItWorks .muteVideo {
        display: none;
    }

    #howItWorks .block img {
        margin-bottom: 0px;
    }

    .footer-inner-2,
    .footer-inner-1 {
        padding: 0px;
    }
}

@media only screen and (max-width: 410px) and (min-width: 350px) {
    header .nav-div .navbar-header {
        width: 36%;
    }

    header .logo img {
        width: 108px !important;
    }

    header .logo.navbar-brand {
        height: unset !important;
        padding-left: 15px !important;
    }

    .loginRegister li a {
        padding: 6px 20px;
    }

    .nav-links a {
        font-weight: 400;
    }

    .navbar-default .navbar-toggle:focus,
    .navbar-default .navbar-toggle:hover {
        background: transparent !important;
        background-color: transparent !important;
    }

    .footer-inner-2,
    .footer-inner-1 {
        padding: 0px;
    }
}

@media screen and(max-width: 391.5px) {
    .textHolder-26 {
        height: 65px !important;
    }
}