/* Base styles */
.main-header {
    position: relative;
    background: var(--main-bg-color);
}

/* Small devices (max-width: 320px) */
@media only screen and (max-width: 320px) {
    .main-menu .navbar-header .navbar-toggle {
        margin: 23px -14px 0 0;
    }
    
    .text-banner-1 {
        left: -90;
        top: -4px;}
        
    .navbar-fixed-top {
        top: var(--top-position);
        border-width: 0 0 1px;
        font-size: 14px;
    }
    .text-slide-2 {
        left: 16px !important;
    }
    .button-descargar-slide-tree {
        top: 103px !important;
    } 
    .main-slider .tp-caption .theme-btn {
      
        top: 22px;
    }
    .text-banner-1 {
        top: -3px;
    }

}

/* Medium devices (max-width: 360px) */
@media only screen and (max-width: 375px) {
    .main-menu .navbar-header .navbar-toggle {
        margin: var(--nav-margin);
    }
    .text-banner-1 {
        top: -10px;}
       

}



/* Large devices (max-width: 767px) */
@media only screen and (max-width: 767px) {
    .title-slide { left: 12px; }
    .tp-mobile-caras { left: 227px !important; }
    .button-descargar-slide-1-experts { left: 17px !important; }
    .text-slide-1 { top: 149px !important; left: 18px !important; }
    .title-slide-2 { left: 25px; }
    .text-slide-2 { left: 29px !important; }
    .button-descargar-slide-2 { left: 30px !important; }
    .sec-title { top: 14px; }
    .button-descargar-slide-1 { top: 216px !important; left: 19px !important; }
    .col-3 { width: 50%; }
    .title-banner { font-size: 32px; }
    .header-about-us { height: 23vh; }
    .button-descargar-slide-3 { top: 265px !important; }
    .text-banner-1 {
            
        top: -1px;}
        .text-banner-2 {
            left: -13px;}
            .text-coach {
                top: -6px;}
                .button-descargar-slide-tree {
                    top: 126px !important;
                    display: none;
                }
}

/* Tablets (min-width: 768px and max-width: 1023px) */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .text-slide-1 { top: 297px !important; left: 44px !important; }
    .button-descargar-slide-1 { top: 421px !important; left: 44px !important; }
    .tp-mobile-caras { left: 462px !important; }
    .title-slide-2 { left: 26px; }
    .text-slide-2 { left: 37px !important; }
    .button-descargar-slide-2 { left: 39px !important; }
    .info-block-three .inner-box .icon-box { right: 95px; }
    .info-block-two .inner-box .icon-box { right: 90px; }
    .button-descargar-slide-1-experts { left: 45px !important; }
    .button-descargar-slide-tree {
        top: 294px !important;
    }
    
    .col-md-6 { width: 100%; }
    .col-sm-2 { width: 5.666667%; }
    .col-sm-4 { width: 47.333333%; }
    .title-slide { left: 28px; }
    .main-menu .navigation{ top: -11px;}
    .text-banner-1 {
        
        top: -6px;}
        .button-descargar-slide-3 {
            top: 306px !important;
        }
}



/* Laptops (min-width: 1024px and max-width: 1439px) */
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
    .text-slide-1 { top: 461px !important; left: 96px !important; }
    .button-descargar-slide-1 { top: 664px !important; left: 103px !important; }
    .tp-mobile-caras { left: 745px !important; }
    .title-slide-2 { left: -4px; }
    .text-slide-2 { left: 51px !important; }
    .button-descargar-slide-2 { left: 53px !important; }
    .button-descargar-slide-1-experts { left: 47px !important; }
    .main-menu .navigation { top: -6px; }
    .text-banner-2 {
        left: 0px;}
    .main-menu .navigation > li { margin: 0 0 0 25px; }
}
@media only screen and (min-width: 1029px) and (min-height: 800px) {
    .title-slide-2 {
        left: 34px;
    }
  }
  

/* Extra large devices (width: 1440px) */
@media only screen and (width: 1440px) {
    .title-slide { left: -19px; }
    .button-descargar-slide-1 { top: 642px !important; }
    .text-slide-2 { left: 80px !important; }
    .button-descargar-slide-2 { left: 80px !important; }
    .title-slide-2 { left: -57px; }
    
}

@media (min-width: 1920px) and (min-height: 1080px) {
    .title-slide-2 {
        left: -237px;
    }

    .title-slide {
        left: -231px;
    }
    .button-descargar-slide-tree {
        top: 377px !important;
    }
}