@media only screen
and (max-width: 1250px)
{
  .mainFrame {width: 100%; padding: 0 10px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
  
  #mainBanner .slide {height: 450px;}
}



@media only screen
and (max-width: 800px)
{
  #mainBanner .slide {height: 300px;}
  #mainBanner .slide .text h2 {font-size: 32px;}
}



@media only screen
and (max-width: 650px)
{
  header .inner .right .top {flex-direction: column; align-items: flex-end; display: -webkit-flex; display: -webkit-box; display: -moz-flex; display: -moz-box; display: -ms-flexbox; display: flex;}
  header .inner .right .top .phone {margin-right: 0;}
  
  footer {flex-direction: column;}
  footer .mapa {order: 2; width: 100%; height: 350px;}
  footer .text {order: 1; width: 100%;}
}


@media only screen
and (max-width: 600px)
{    
  header .inner .right .bottom {position: relative;}
  header .inner .logoFrame .logo {position: relative;}
  header .inner .logoFrame .logo img {width: 150px;}
  header .inner .right .top {margin: 20px 0;}
  header .inner .right .bottom .menu ul li a:hover {color: #fff; border-bottom-color: #aaaae8;}
  header .inner .right .bottom .menu ul li a.active {color: #fff;}
  
  .menu {display: none;}
  
  .burger {display: block; width: auto; height: 40px; position: relative; padding: 0; margin: 0 0 10px 0; background-color: #db7792; line-height: 1; font-size: 18px; font-weight: 400;}
  .burger .text {width: 70px; height: 40px; margin-right: 44px; line-height: 40px; float: left; padding-left: 10px; color: #fff; text-transform: uppercase;}
  .burger .icon { width: 30px; position: absolute; top: calc(50% - 1px); right: 10px; transition: all .5s; }
  .burger.active .icon { width: 27px; background: transparent; }
  .burger .icon, .burger .icon:before, .burger .icon:after { height: 1px; background-color: #fff; }
  .burger .icon:before, .burger .icon:after { content: ""; width: 100%; position: absolute; left: 0; transition: all .5s; }
  .burger .icon:before { top: -9px; }
  .burger .icon:after { bottom: -9px; }
  .burger.active .icon:before { top: 0; transform: rotate(45deg); }
  .burger.active .icon:after { top: 0; transform: rotate(135deg); }
  
  header .inner .right .bottom .menu {position: absolute; right: 0; z-index: 100;}
  header .inner .right .bottom .menu ul {width: auto; min-width: 300px; max-width: calc(100% - 20px); background-color: #8a88c2; color: #fff; flex-direction: column;}
  header .inner .right .bottom .menu ul li.home {display: none;}
}


@media only screen
and (max-width: 400px)
{
  header .inner {flex-direction: column; justify-content: center;}
  header .inner .logoFrame {justify-content: center;}
  header .inner .right .top {align-items: center;}
  header .inner .logoFrame .logo img {width: 150px;}
  
  header .inner .right .bottom .menu {width: 100%;}
  header .inner .right .bottom .menu ul {max-width: 100%;}
  header .inner .right .bottom .menu ul li {margin: 0; padding-right: 20px; text-align: center; justify-content: flex-end;}
}













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

}