.modo-landscape {background: #000;width: 100%;height: 100%;position: absolute;z-index: 9002;display: none;text-align: center;}
.modo-landscape img {max-width: 50%;margin-top: 5%;}
.modo-landscape .titulo p {font-family: 'nexabold';font-size: 16px;font-family: arial;color:#ffffff;}
.modo-landscape .titulo span {font-family: 'nexablack';color:#ffffff;font-size: 20px;}
.hide-desktop {display: none;}
.hide-mobile {display: block;}
/*  column  */
.container { max-width: 960px;width: 100%; margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px; }
.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 { float: left; padding-left: 10px; padding-right: 10px; }
.col-sm-12 { width: 100%; }
.col-sm-11 { width: 91.66666666666666%; }
.col-sm-10 { width: 83.33333333333334%; }
.col-sm-9 { width: 75%; }
.col-sm-8 { width: 66.66666666666666%; }
.col-sm-7 { width: 58.333333333333336%; }
.col-sm-6 { width: 50%; }
.col-sm-5 { width: 41.66666666666667%; }
.col-sm-4 { width: 33.33333333333333%; }
.col-sm-3 { width: 25%; }
.col-sm-2 { width: 16.666666666666664%; }
.col-sm-1 { width: 8.333333333333332%; }

@media screen and (min-width: 1500px){
    #about_us .gallery-about-us {bottom:13%;}
}
@media screen and (min-width: 1680px){
    #about_us .gallery-about-us {bottom:12.2%;}
    #about_us .inner-text {top: 24%;}
}
@media screen and (max-width: 1300px){
    #about_us .gallery-about-us {bottom:14%;}
    #about_us .inner-text {
      right: 5%;
      left: auto;
      top: 5%;
    }
}
@media screen and (max-width: 992px){
    #about_us .gallery-about-us {
        width: 300px;
        margin-left: -150px;
    }
    #about_us .gallery-about-us .item {
        width: 50%;
        height: 150px;
    }
    h1 {
        font-size: 50px;
        line-height: 50px;
    }
}
@media screen and (max-width: 768px) {
    .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 { position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; }
    .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 { float: left; }
    .col-xs-12 { width: 100%; }
    .col-xs-11 { width: 91.66666666666666%; }
    .col-xs-10 { width: 83.33333333333334%; }
    .col-xs-9 { width: 75%; }
    .col-xs-8 { width: 66.66666666666666%; }
    .col-xs-7 { width: 58.333333333333336%; }
    .col-xs-6 { width: 50%; }
    .col-xs-5 { width: 41.66666666666667%; }
    .col-xs-4 { width: 33.33333333333333%; }
    .col-xs-3 { width: 25%; }
    .col-xs-2 { width: 16.666666666666664%; }
    .col-xs-1 { width: 8.333333333333332%; }
    #about_us .tringle-img {display: none;}
    #about_us .about-img {
      max-width: 175%;
      min-height: 100%;
      margin-left: -33%;
    }
    #header .brand img {max-width: 135px;}
    .navbar {display: none;}
    .swiper-container.swiper-banner .inner {width: 96%;margin-left: 2%;left: 0;bottom: 25%;}
    .swiper-container.swiper-banner .inner p {font-size: 23px;line-height: 33px;}
    #about_us .inner-text {right: 0;width: 100%;}
    h1 {font-size: 30px;line-height: 30px;}
    #about_us .bg-about-us {background-size: auto 100%;}
    #about_us .gallery-about-us {width: 166px; margin-left: -83px; bottom: 12%;  height: 166px;}
    #about_us .gallery-about-us .item {width: 83px;height: 83px;}
    #about_us .image-about-us {position: absolute;bottom: 24px;}
    #about_us .inner-text h1 {margin-bottom: 12px;}
    #about_us .inner-text p {font-size: 11px;line-height: 13px;}
    #services .container-services .swiper-container.gallery-thumbs .swiper-slide {width: 50%;}
    #services p,
    #services h1 {margin-bottom: 30px;}
    #services .container-services .swiper-container.gallery-thumbs .swiper-slide .icon {margin-top: 16px;}
    h5 {font-size: 14px;}
    #services .container-services .swiper-container.gallery-thumbs .swiper-slide h5 {margin-top: 10px;}
    #services .container-services .swiper-container.gallery-thumbs {height: 230px;}
    #services .container-services .swiper-container.gallery-top p {width: 100%;  font-size: 12px;}
    #services .container-services .swiper-container.gallery-top h3 {margin-top: 10px;}
    #services .container-services .swiper-container.gallery-top .box-img {width: 160px;height: 160px;margin-top: 26px;}
    #services .container-services .swiper-container.gallery-top .box-img a {height: 120px;}
    #services .container-services .swiper-container.gallery-top .box-img a img {margin-left: -30px;margin-top: -30px;min-height: inherit;}
    #services .container-services {height: 698px;}
    #services .container-services .swiper-container.gallery-top .swiper-button-prev {left: 0;top: 44%;}
    #services .container-services .swiper-container.gallery-top .swiper-button-next {right: 0;top: 44%;}
    #footer {background-size: cover;}
    #footer .submit,
    #footer #form-incoel,
    #footer p {margin-top: 20px;}
    #footer .field input[type="email"], #footer .field input[type="text"] {height: 46px;padding-left: 15px;}
    #footer .field textarea {padding: 15px;}
    #footer .info {margin-top: 20px;}
    #footer .info .end {font-size: 14px;text-align: center;}
    #header .brand .open-menu-mobile {display: block;}
}
@media only screen and (min-device-width : 320px) and (max-device-width : 768px) and (orientation : landscape) {


}