﻿@media only screen and (min-width: 320px) and (max-width: 479px) {
    /*MENU RESPONSIVE*/
    .banner{
        padding-top: 18px;
        margin-top: -12px;
       }
    .responsive-menu-toggle-icon::before, .responsive-menu-toggle-icon::after, .responsive-menu-toggle-icon span.icon{background: #002859;}
    #block-solucionweb-responsivemenumobileicon{width: 10%;}
    .responsive-menu-toggle-icon span.label{display: none;}
    .mm-navbar {background: #092854; color: #fff; font-size: 14px; font-family: "HelveticaNeueCyr";}
    .mm-listview{background: #3079B6;}
    .mm-listview li a{
        color: #fff !important; 
        font-size: 14px; 
        font-family: "HelveticaNeueCyr"; 
        padding: 10px 10px 10px 35px;
        border-bottom: .5px solid #5b5a5ae3;
    }
    .mm-listitem::after {
        inset-inline-start: 20px;
        inset-inline-end: 0px;
        bottom: 15px;
        width: 0;
        height: 0;
        border-left: 11px solid #fff;
        border-top: 7px solid transparent;
        border-bottom: 7px solid transparent;
    }

    /**/
    #page{ background-position: 0 90px; }
    #block-solucionweb-menuheader{display: none;}
    #block-solucionweb-formulariodebusqueda form .form-item, #block-solucionweb-formulariodebusqueda form .form-item input{
        margin-left: 0;
        width: 100%;
    }
    #block-solucionweb-formulariodebusqueda form .form-actions input{top: 7px; right: 0;}
    #block-solucionweb-formulariodebusqueda form{padding: 10px 0 0;}
    #block-solucionweb-redessociales{padding: 10px 0 0;}
    #block-solucionweb-redessociales p{float: left;}
    #block-solucionweb-redessociales a img{margin: 0 7px 0 0;}
    #block-redessociales .field--name-body{
        float: left;
        margin: 0 0 0 10px;
    }

    .banner .content{width: 100%;}
    #block-solucionweb-logobancodeguatemala{
        margin: -7px 0 0px -11px;
        width: 90%;
    }
    #block-solucionweb-logobancodeguatemala .field--name-body img {
        margin: -15px 0px 0 7px;
        width: 100%;
        height: auto;
    }
    .banner .content {
        max-width: 1230px;
        margin: 0 auto;
        padding: 14px 18px 12px 25px;
        background: url(../../images/quetzal.png) no-repeat 100% 42px;
        background-size: 276px 40px;
        position: relative;
    }
    #contenthome, #main {
        width: 100%;
        margin: -120px auto;
        display: block;
        /*
        background: url(../../images/background.png);
        background-size: 100%;
        */
        padding-top: 110px;
    }

    #block-views-block-herramientas-block-1{width: 100%; padding: 0; position: relative; z-index: 2;}
    #block-views-block-herramientas-block-1 img{height: 200px;}
    #block-solucionweb-tiposdecambio .inflacion p{
        border-right: 0px solid transparent;
        min-height: 120px;
        width: 110%;
        margin-left: -5%;
        border-bottom: 1px solid #808080;
    }
    .view-herramientas-banner .views-field-field-titulo{left: 17px;}
    #block-solucionweb-tiposdecambio .intermensual p {padding-right: 5%;}
    #contenthome .container-fluid{width: 100%;}
    #block-solucionweb-tiposdecambio{width: 100%; position: relative; z-index: 2;}
    #block-tiposdecambios .col-xs-12{padding: 0;}
    #block-tiposdecambios .col-xs-12 p, #block-tiposdecambios .col-xs-12 strong{font-size: 12px;}
    #block-solucionweb-tiposdecambio .hidden-print .intermensual{font-size: 12px;}
    #block-solucionweb-tiposdecambio iframe{max-width: 100% !important;}

    #block-solucionweb-seccion1home{width: 95%; padding: 10px 0 0 0; float: inherit;}
    #block-solucionweb-seccion1home .col-xs-12{width: 33.33%;}
    #block-solucionweb-horizontalmenu{display: none;}
    .parent-primera-columna{margin: 0;}
    #block-solucionweb-resultados iframe{width: 100% !important;}
    #block-solucionweb-videobanguat iframe{width: 100% !important;}
    #block-solucionweb-videobanguat{display: block;}
    #block-solucionweb-videobanguat img{width: 90%;}
    .parent-tercera-columna{padding: 0 !important;}
    #block-solucionweb-videobanguat{margin: 0 auto;}
    .region-footer{width: 100%;}
    #block-solucionweb-descripcionfooter{border-top: 0;}
    #block-solucionweb-descripcionfooter .field--name-body {width: 98%;font: 300 13px 'Lato', sans-serif;}
    #block-solucionweb-horizontalmenu-2{display: none;}
    #content{width: 100%; box-shadow: none; background: none;}
    h1.page-title {text-align: center; font: 900 28px 'Lato', sans-serif;}
    #main{padding-bottom: 50px;}

    body.path-galerias-pinoteca #contentInterno h1.page-title {background: #6398B6;}
    .view-galerias .views-row{width: 95%;height: 300px;}
    .view-galerias .views-row .views-field-field-imagen-galeria{width: 100%; height: auto;}
    .view-galerias .views-row .views-field-field-imagen-galeria img{width: 100%; height: auto;}
    .view-galerias .views-row .views-field-title{width: 100%;}
    .view-galerias .views-row .views-field-field-subtitulo-galerias{width: 100%;}

    .path-webform #edit-instrucciones, .webform-submission-form #edit-instrucciones{width: 100%;}
    table{width: 100%;}
    .path-webform #edit-titulo .glyphicon::before, .webform-submission-form #edit-titulo .glyphicon::before{padding: 0 0 0 5px; margin: 0 -140px 0 0;}
    .path-webform #edit-titulo h2, .webform-submission-form #edit-titulo h2{font: 900 25px 'Lato', sans-serif;}
    .path-webform #edit-titulo, .webform-submission-form #edit-titulo{height: auto;}
    #edit-direccion .col-xs-12{width: 90%;}
    .webform-submission-add-form .form-item input, 
    .webform-submission-add-form .form-item textarea, 
    .webform-submission-add-form .form-item select{
        width: 90%;
    }
    .fa-user::before,.fa-envelope::before, 
    .fa-commenting::before, .fa-phone::before, 
    .fa-fax::before, .fa-map-marker::before, .fa-address-card::before {left: 10%;}
    .webform-submission-add-form #edit-actions{text-align: center;}
    #block-views-block-herramientas-block-1 .slick-prev{right: 11%;}
    table.tabla-banco tr a{line-height: 22px;}
}


