@media  (max-width: 767px) {
    /* Home Page */
    /* menu */
    .navbar-toggler {
        border: none;
    }
    .navbar-toggler:focus, .navbar-toggler:active {
        outline: none;
        box-shadow: none;
        border: none;
    }
    .navbar-toggler-icon{
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,255,255, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
    }
    .sub_pages .navbar-toggler-icon {
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(32,66,146, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
    }
    .navbar .collapse:not(.show) {
         display: block;
        transform: translateX(-100%);
    }
    .navbar-collapse {
        background: #F7F7F7;
        position: fixed;
        top: 0;
        left: 0;
        height: 100%;
        z-index: 1000;
        padding: 40px 0 0 40px;
        transition: .35s ease;
        transform: translateX(0);
        box-shadow: 0 5px 10px rgba(83, 83, 83, 0.2);
    }
    .navbar-nav .nav-link, .sub_pages .navbar-nav .nav-link {
        color: #000000;
        font-size: 14px;
    }
    .dropdown .dropdown-menu {
        position: absolute;
        border-radius: 0;
        min-width: 8rem;
    }
    .agent {
        padding: 5px 15px;
        margin-right: 60px;
        margin-top: 15px;
    }
    .agent_link {
        font-size: 12px;
    }
    /* header */
    .header-home {
        height: 360px;
        background-position: right;
        margin-bottom: 180px;
    }
    .home_logo{
        height: 34px;
    }
    .content {
        top: 100%;
        left: 50%;
        transform: translate(-50%, -40%);
        background-color: #f5f5f5;
        padding: 20px;
        width: 85%;
        border-radius: 5px;
        text-align: center;
        box-shadow: 0 5px 10px rgba(83, 83, 83, 0.2);
    }
    .content .main_title {
        font-size: 40px;
        width: 100%;
        color: #000000;
        margin-bottom: 5px;
        padding: 0 15px;
    }
    .content .sub_text {
        font-size: 14px;
        line-height: 20px;
        width: 100%;
        color: #000000;
    }
    .google_app {
        margin-top: 15px;
    }
    .google_app a{
        display: block;
    }
    .google_app img{
        height: 20px;
    }
    /* delivery */
    .ts_title {
        font-size: 20px;
        padding: 30px;
    }
    .delivery {
        padding-bottom: 0;
    }
    .delivery .aside {
        margin: 0 auto;
        width: 88px;
        height: 88px;
    }
    .delivery .description {
        margin: 20px auto;
    }
    .delivery .bg_box {
        padding: 30px 40px 20px;
    }
    .delivery img {
        height: 33px;
    }
    .delivery .motorcycle{
        margin-bottom: 20px;
    }
    .delivery .motorcycle img {
        height: 27px;
    }
    .delivery .bg_motorcycle {
        width: 63px;
        height: 63px;
    }
    .delivery .motor_border:before {
        top: -10px;
        width: 73px;
        left: -5px;
        height: 73px;
    }
    .delivery .motor_border {
        width: max-content;
        margin: auto;
    }
    .delivery .description h4, .delivery .motorcycle .description h4 {
        font-size: 10px;
        margin-bottom: 5px;
    }
    .delivery .description p, .delivery .motorcycle .description p {
        font-size: 6px;
    }
    /* facilitating */
    .facilitating {
        margin-bottom: 25px;
    }
    .facilitating .ts_title {
        padding: 30px 50px 20px;
    }
    .facilitating_div{
        box-shadow: 0 5px 10px rgba(83, 83, 83, 0.2);
    }
    .facilitating .post_description {
        padding: 20px;
         margin: 0 0 20px;
        height: 70px;
        background-color: #f5f5f5;
    }
    .facilitating .post_description .post_title {
        font-size: 10px;
        margin-bottom: 10px;
    }
    .facilitating .post_description .post_text {
        font-size: 6px;
        line-height: 8px;
    }
    /* facilitating_post */
    ._facil_box {
        display: block !important;
        margin-bottom: 30px;
    }
    ._facil_img {
        width: auto;
        height: 160px;
        overflow: hidden;
        box-shadow: 0 5px 10px rgba(83, 83, 83, 0.2);
    }
    ._facil_desc {
        width: auto;
        height: auto;
        margin: 20px 20px 20px 0px;
    }
    ._facil_title {
        font-size: 13px;
        line-height: 15px;
        margin-bottom: 10px;
    }
    ._facil_text {
        font-size: 8px;
        line-height: 12px;
        margin-bottom: 0;
    }
    ._facil_more {
        font-size: 6px;
    }
    /* no_cash */
    .no_cash {
        height: 180px;
        margin-bottom: 40px;
    }
    .no_cash_title {
        font-size: 15px;
        width: 40%;
    }
    /* credit_card */
    .credit_card {
        margin-bottom: 55px;
        padding-bottom: 25px;
    }
    .credit_card .ts_title {
        padding-top: 10px;
        padding-bottom: 0;
        font-size: 7px;
        margin-bottom: 0;
    }
    .credit_card .row .col-md-6{
        width: 50%;
    }
    .card_img {
        margin: auto;
    }
    .card_img img{
        height: 170px;
    }
    .card_title h2 {
        font-size: 9px;
    }
    .credit_card i.fas {
        font-size: 11px;
    }
    .credit_card .carousel-control-next, .carousel-control-prev{
        top: 0px;
    }
    .credit_card .carousel-indicators li {
        width: 4px;
        height: 4px;
        margin: 0 5px;
    }
    .credit_card .carousel-indicators .active  {
        background-color: #f5f5f5 !important;
        width: 8px !important;
        height: 8px !important;
    }
    .credit_card .carousel-indicators .active::before {
        content: "";
        width: 6px !important;
        height: 6px !important;
        top: 1px;
        left: 1px;
    }
    /* sign_contact */
    .sign_contact:before {
        content: inherit;
    }
    .sign_contact_box {
        height: 310px;
        overflow: hidden;
        margin-bottom: 20px;
        box-shadow: 0 5px 10px rgba(83, 83, 83, 0.2);
    }
    .sc_content {
        top: 40%;
        transform: translate(-50%, -40%);
        width: 100%;
        height: 80px;
    }
    .sc_content h2 {
        font-size: 22px;
        margin-bottom: 20px;
    }
    .sc_content p {
        font-size: 11px;
        line-height: 14px;
        padding: 0 15px;
    }
    .sc_btn {
        padding: 5px 30px;
        border-radius: 10px;
        bottom: 25%;
        transform: translate(-50%, -25%);
    }
    .sc_btn a {
        font-size: 11px;
        font-weight: 500;
    }
    .mb-185 {
        margin-bottom: 50px;
    }
    /* region */
    .region {
        height: 290px;
        margin-bottom: 180px;
    }
    .region .text_header{
        color: #fff;
        text-align: center;
    }
    .region .main_title{
        font-size: 15px;
    }
    .region .sub_text{
        font-size: 6px;
    }
    .region .google_app{
        text-align: center;
    }
    .region_mobile {
        position: static;
        left: auto;
        right: auto;
        top: auto;
        height: 315px;
    }
    .mobile_div {
        position: absolute !important;
        left: 50%;
        top: 50%;
        margin: 0;
        transform: translate(-50%, 0%);
    }
    .region .content_mobile{
        padding-top: 30px;
    }
    /* question */
    .question .ts_title {
        font-size: 15px;
        padding-bottom: 25px;
    }
    .panel-group {
        width: auto;
        margin-bottom: 50px;
    }
    .panel-default>.panel-heading a {
        padding: 10px 0;
        font-size: 11px;
    }
    .panel-default .panel-body {
        padding-bottom: 10px;
        font-size: 5px;
        line-height: 7px;
    }
    .everyday{
        height: 155px;
        margin-bottom: 20px;
    }
    .everyday .no_cash_title {
        padding: 0 20px;
    }
    .everyday .mt-5{
        margin-top: 1.3rem !important;
    }
    .everyday img{
        height: 20px;
    }
    /* footer */
    .ts_footer {
        text-align: center;
        padding: 30px 0;
    }
    .ts_footer .text_1 {
        font-size: 8px;
        margin-bottom: 10px;
    }
    .ts_footer .input-group {
        margin-right: auto;
        margin-left: auto;
        margin-bottom: 10px !important;
    }
    .ts_footer .form-control {
        font-size: 5px;
        height: 17px;
        padding: .5rem .4rem .375rem;
    }
    .ts_footer .input-group-append {
        padding: 3px;
    }
    .ts_footer .input-group-append svg {
        height: 11px;
    }
    .ts_footer .pl-70{
        padding-left: 15px;
        margin-bottom: 15px;
    }
    .ts_footer .d-flex{
        display: block !important;
    }
    .ts_footer .col-md-3 .d-flex a:first-child img{
        height: 11px;
        margin-right: 1rem !important;
    }
    .ts_footer.col-md-3 .d-flex a:last-child img{
        height: 19px;
    }
    .f_link .f_logo {
        margin-right: 7px;
    }
    .ts_footer .f_link {
        margin: 15px 0;
        line-height: 1;
    }
    .ts_footer .f_link a {
        font-size: 11px;
        font-weight: 500;
    }
    .ts_footer .menu_social{
        margin-top: 40px;
    }
    .ts_footer .f_link .social {
        margin-left: 13px;
    }
    .footer_end {
        font-size: 8px;
        line-height: 1;
        margin-top: 20px;
    }
    .ts_footer hr{
        display: none;
    }
    .menu_logo{
        margin-bottom: 10px !important;
        margin-top: 30px !important;
    }
    .reserved {
        font-size: 4px;
    }
    /* End Home Page */

    /* Sub Pages */
        /* footer */
    .sub_footer {
        padding: 15px 0 0;
    }
    .sub_footer .menu_footer .service_privacy .f_link{
        display: none;
    }
    .sub_footer .menu_logo img{
        height: 45px;
    }
    .sub_footer .menu_social {
        margin-top: 0;
    }
    .sub_footer .f_link {
        margin: 10px 0;
    }
    .sub_footer .footer_end {
        margin-top: 10px;
    }
        /* end footer */
    .sub_pages .navbar {
        margin-bottom: 25px;
    }
    .privacy_policy, .about_us, .terms_conditions{
        padding: 0 25px;
    }
    .privacy_policy .sub_title ,.about_us .sub_title,.terms_conditions .sub_title{
        font-size: 20px;
        padding: 0 20px 20px;
    }
    .privacy_policy h4, .about_us h4, .terms_conditions h4 a{
        font-size: 10px !important;
    }
    .privacy_policy h4.mb-3{
        margin-bottom: .5rem !important;
    }
    .privacy_policy p, .about_us p, .terms_conditions p{
        font-size: 0 !important;
        margin-bottom: .5rem;
    }
    .privacy_policy p span, .about_us p span, .terms_conditions p span{
        font-size: 8px !important;
    }
    .terms_conditions .panel-default .panel-body{
        margin-right: 0;
    }
    .terms_conditions p{
        line-height: 10px;
    }
    .terms_conditions .panel-default>.panel-heading a {
        padding: 10px 0 8px;
    }
    .terms_conditions .panel-default>.panel-heading i {
        font-size: 12px;
        top: 0;
    }
    .terms_conditions .panel-default #collapseOne .panel-body {
        padding-top: 10px;
    }
    .terms_conditions .panel-default .panel-body {
        padding-top: 0;
    }
    .sign_up .form_sign_up {
        padding: 20px 15px;
        width: 85%;
        top: -150px;
    }
    .mt_270px{
        margin-top: -120px;
    }
    .sign_up h4 {
        font-size: 10px;
        margin-bottom: 25px;
    }
    .sign_up .form-control {
        font-size: 5px;
        height: 20px;
    }
    .sign_up .button_sign {
        font-size: 8px;
        height: 20px;
    }
    .sign_up h5 {
        margin: 15px 0 10px;
        font-size: 8px;
    }
    .sign_up h5:after {
        height: 1px;
    }
    .sign_up_social a {
        margin: 0 8px;
    }
    .sign_up_social a img, .menu_social a img{
        height: 14px;
    }
    .sign_up .agree {
        font-size: 5px;
        margin-top: 5px;
    }
    .input-phone #btn-country {
        height: 20px;
        padding: 2px 7px;
        line-height: 0;
    }
    .input-phone .btn-cc {
        font-size: 8px;
    }
    .input-phone .dropdown-menu>li>a {
        display: block;
        padding: 0px 7px;
        line-height: 0;
        white-space: nowrap;
        font-size: 8px;
    }
    .input-phone ul li a .flag {
        position: relative;
        top: -4px;
    }
    .partenr .partenr_title {
        margin-bottom: 25px;
        font-size: 12px;
    }
    .partenr .form-group label {
        font-size: 5px !important;
        padding: 0 10px;
    }
    .partenr .form-group {
        margin-bottom: 0;
    }
    .partenr hr {
        margin-top: 10px;
        border-top: 1px solid #eee;
        margin-bottom: 0px;
    }
    .partenr .input-phone #btn-country {
        height: 20px;
    }
    .partenr .form_sign_up {
        padding: 10px 15px 20px;
    }
    .partenr {
        margin-bottom: 0;
    }
    .contact_us .form_contact {
        width: 100%;
        padding: 0 25px;
    }
    .contact_us input.form-control {
        height: 20px;
    }
    .contact_us .col-md-7 {
        padding-right: 15px;
    }
    .contact_us .sub_title {
        font-size: 16px;
        padding: 0 30px 15px;
    }
    .contact_us .form-control {
        box-shadow: 0 0px 10px rgba(83, 83, 83, 0.2);
    }
    .contact_us .form-group {
        margin-bottom: 7px;
    }
    .contact_us input.form-control::placeholder, .contact_us textarea.form-control::placeholder {
        font-weight: 400;
        font-size: 7px;
    }
    .contact_us textarea.form-control {
        padding-top: 8px;
        height: 45px;
    }
    .contact_us h2.contact_title {
        font-size: 9px;
        margin-bottom: 20px;
    }
    .contact_us .form_contact .contact_text{
        text-align: center;
    }
    .contact_us .col-md-5 {
        padding-left: 0;
        padding-right: 0;
    }
    .contact_us h3.contact_info_title {
        font-size: 6px;
        margin-bottom: 0px;
    }
    .contact_us .form_contact .contact_text .contact_info{
        display: inline-flex;
        text-align: center;
    }
    .contact_us .contact_info p {
        font-size: 5px;
        margin: 0 5px;
    }
    .header_help {
        height: 226px;
        margin-bottom: 90px;
    }
    .header_help::before {
        background-image: url(../../assets/img/uFe0vw1wET3.png);
    }
    .btns_help {
        width: 100%;
        padding: 0 25px;
    }
    .btns_help .mb-4 {
        margin-bottom: 20px !important;
    }
    .help{
        position: absolute;
        top: 0;
        z-index: 0;
    }
    .help_search {
        width: 330px !important;
        position: relative;
        top: 113px;
    }
    .help_search input {
        height: 34px;
        font-size: 17px !important;
        padding-right: 20px;
        padding-bottom: 5px;
        box-shadow: 0 5px 10px rgba(83, 83, 83, 0.2);
    }
    .help_search input::placeholder {
        padding-left: 20px;
    }
    .help_search button {
        top: 6px !important;
        left: 7px;
        font-size: 14px !important;
    }
    .btns_help button {
        height: 50px;
        font-size: 14px !important;
    }
    .img_404 img{
        height: 185px;
    }
    .erorr404 p {
        font-size: 8px;
        margin-top: 15px;
        margin-left: 0;
        margin-bottom: 5px;
    }
    .erorr404 a button {
        font-size: 8px;
        width: 90%;
    }
    .err_search {
        width: 90%;
    }
    .err_search button {
        top: 4px;
        right: 12px;
        font-size: 8px;
    }
    .err_search input {
        font-size: 8px;
        padding-left: 15px;
    }
    .blog {
        margin-bottom: 25px;
        padding: 0 25px;
    }
    .blog .blog_title {
        font-size: 20px;
        height: 50px;
        padding: 0;
    }
    .blog .blog_desc {
        font-size: 10px;
        font-weight: 400;
        padding: 0;
        margin-bottom: 5px;
        height: 30px;
    }
    .blog .blog_read_more {
        margin-bottom: 5px;
    }
    .blog .blog_read_more a {
        font-size: 8px;
    }
    .blog .blog_img {
        height: auto;
        margin: 0 -40px 50px;
    }
    .blog .view_more {
        margin-top: 20px;
    }
    .blog .view_more a {
        font-size: 10px;
    }
    .blog .col-md-4 {
        margin-top: 10px;
        display: flex;
        background: #ffffff;
        padding: 10px;
        border-radius: 10px;
        box-shadow: 0 5px 10px rgba(83, 83, 83, 0.2);
    }
    .blog .col-md-4 .h_img {
        height: 90px;
        width: 220px;
    }
    .blog .col-md-4 img {
        width: auto;
        max-width: inherit;
    }
    .blog_img_date {
        font-size: 6px;
        margin-bottom: 15px;
    }
    .blog_img_title {
        font-size: 8px;
        height: 15px;
        margin-bottom: 5px;
    }
    .blog_img_more a {
        font-size: 8px;
    }
    .blog1 {
        margin-bottom: 0px;
    }
    .blog1 .blog_img_date {
        font-size: 8px;
        margin-bottom: 15px;
    }
    .blog1 .blog_img {
        margin: 0;
        width: 100%;
    }
    .blog_text_box {
        width: 100%;
    }
    .blog_text {
        font-size: 10px;
        padding-right: 0px;
        margin-top: 30px;
        margin-bottom: 25px;
    }
    .next_prev_article {
        margin-top: 50px;
    }
    .article_pn {
        font-size: 8px;
    }
    .article_pn p {
        margin-top: 8px;
    }
    .article_title {
        font-size: 6px;
    }
    .prev_article .article_title p {
        padding-right: 40px;
    }
    .next_article .article_title p {
        padding-left: 40px;
    }
    .hr_reserved {
        margin: 10px auto;
    }
    .reserved_blog {
        font-size: 8px;
        margin-bottom: 10px;
    }
    /* learn more */
    .header-home.learnMore  {
        height: 320px;
        background-position: center;
        margin-bottom: 0;
    }
    .learnMore .text_header{
        text-align: center;
        color: #ffffff;
        margin-top: 80px;
    }
    .learnMore .sub_text, .header-home.learnMore .google_app{
        display: none;
    }
    .more-content {
        width: 100%;
        left: 50%;
        transform: translate(-50%, -50%) !important;
    }
    .learnMore .text_header .main_title h1{
        font-size: 40px;
        margin-bottom: 25px;
    }
    .learnMore .text_header .main_title h2{
        font-size: 20px;
    }
    .learn_more .ts_title {
        font-size: 10px;
        padding: 30px 30px 10px;
    }
    .learn_more .aside_learn_img img{
        height: 30px;
    }
    .learn_more .snowflake_img img{
        height: 37px;
    }
    .learn_more .aside_learn_more {
        height: auto;
    }
    .learn_more .learn_more_desc h4 {
        font-size: 7px;
        margin-top: 10px;
        margin-bottom: 0;
    }
    .learn_more .learn_more_desc p {
        font-size: 4px;
        height: 30px;
        overflow: hidden;
    }
    .learn_more .snowflake {
        padding: 20px;
    }
    .learn_more .snowflake_desc h4 {
        font-size: 10px;
        margin-top: 10px;
        margin-bottom: 0;
    }
    .learn_more .snowflake_desc p {
        font-size: 6px;
        padding: 0;
        line-height: 30px;
        margin-bottom: 0;
    }
    .learn_more {
        margin-bottom: 35px;
    }
    .lern_more_blog .blog_title {
        padding: 0 50px;
    }
    .lern_more_blog .blog_title {
        margin-bottom: 15px;
    }
    .lern_more_blog .blog_desc {
        margin-bottom: 20px;
    }
    /* End Sub Pages */
}