﻿@media only screen and (min-width: 320px) and (max-width: 767px) {
   /*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;}

}