@media only screen and (max-width: 1320px) {
  .container.bigger-width {width: 100%;}
}
@media only screen and (max-width: 1050px) {
  .container {width: 100%;padding: 0px 10px;}
  #mission .container .left img {position: relative;width: 80%;margin-top: -30px;margin-left: 20px;}
//#carousela .container>div:first-child .owl-item {width: 400px !important;}
header .container nav.menu {width: 96%;}
}    

@media only screen and (max-width: 1000px) {
  .mob-menu {display: block;}
  header .container nav.menu {padding-top: 80px;position: fixed;width: 300px;    background-color: rgba(251, 252, 253, .96);top: 0;left: -100%;top: 0;height: 100%;}
  header .container nav.menu li {width: 100%;margin-right: 0 !important;margin-bottom: 12%;text-align: center;}
}

@media only screen and (max-width: 900px) {
  #advs {padding: 30px 0;}
#advs .container .mid img {width: 32%; padding-top: 30px;}
.parallax-window {height: 317px;}
.parallax-window2 {height: 100%;}
footer .rice {display: none;}
#carousela .wrapper .btn {width: 150px;    margin-right: 1%;}
#carousela .wrapper .btn:last-child {margin-right: 0;}

}

@media only screen and (max-width: 560px) {
  #offer .right {display: none;}
  #offer .container .left {width: 100%;text-align: center;}
  #mission .left {display: none;}
  #mission .container .right {width: 100%;text-align: center;}
  #mission .container .right .btn {margin: 30px auto 0 auto;}
  #offer .container .left .btn {margin: 30px auto 0 auto;}
  #carousela .container .caro>div:first-child:before {display: none;}
  #carousela .container .caro>div:first-child:after {display: none;}
  .socials {display: none;}
  footer .container .bottom nav.menu li {width: 100%;text-align: center;margin-right: 0;margin-bottom: 14px;}
  header {position: relative !important;height: auto;}
  header .container .logo {width: 100px}
  footer {    margin: 30px 0 10px 0;}
  footer .top .right {width: 100%;text-align: center;}
  footer .container .top .left .logo {display: none;}
  body {font-size: 11px;}
  h2 {font-size: 26px;}
  header .container nav.menu li {font-size: 16px;}
  header .container nav.menu {width: 220px;}
  #carousela .wrapper .btn {display: block;margin-right: 0;margin-bottom: 1%;padding: 8px;}
}

@media only screen and (max-width: 420px) {
  .parallax-window, .parallax-window2, .parallax-window3, .parallax-window4 {
  background-attachment: scroll !important;
  height: 200px;
  }
  .parallax-window2 .mid {height: auto !important;}
}