.content-not-padding{
    padding: 0px;
    margin: 0px;
}

.img-arrows{
  width: 80px;
}

.arrows-banner{
    width:12%;
    height:12%;
}

.arrows-transparent{
    width:80px;
}

.arrows-testimonials{
    width:250% ;
}

.tittle-banner{
    font-size: calc(34px + (50 - 34) * ((100vw - 360px) / (1600 - 360))) !important;
    font-weight: bold;
}

.text-banner{
    font-size: calc(34px + (30 - 34) * ((100vw - 360px) / (1600 - 360))) !important;
}

.container-tittle{
    padding:0.5rem!important;
}

.tittle-services{
    font-size: 20px;
}

.text-services{
    font-size: 15px;
}

   .container-about{
        top:15%;
        left: 3%;
    }

    .ul-about{
        font-size:30px;
    }

    .container-about-text{
        top: 15px;
        position: relative;
        font-size: 20px;
        left: 30px;
    }

    .nav-li,#navbarDropdown {
        
    }



@media only screen and (max-width: 1750px) {
   .container-about{
        top:0%;
        left: 3%;
    }

    .ul-about{
        font-size:30px;
    }

    .container-about-text{
        top: 15px;
        position: relative;
        font-size: 20px;
        left: 30px;
    }

    .nav-li,#navbarDropdown {
        
    }

    .navbar{
        padding: 0px;
    }
}

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

    .img-about{
        top: 93px;
    }


    .nav-li{
        margin-left: 0rem!important;
    }

     .navbar-expand-md .navbar-nav .nav-link {
        padding: 0px;
    }

    .container-about{
        top: 15%;
        left: 3%;
    }

    .ul-about{
        font-size:15px;
    }

    .container-about-text{
        top: 30px;
        position: relative;
        font-size: 15px;
        left: 30px;
    }
    .nav-li,#navbarDropdown{
        font-size: 14px;
    }    
    #logo_SF{
        max-height: 55px;
    }
}

@media only screen and (max-width: 883px) {
    .img-about{
        top: 165px;
    }

    .container-about{
        top: 5%;
        left: 3%;
    }

    .ul-about{
        font-size:15px;
    }

    .container-about-text{
        top: 30px;
        position: relative;
        font-size: 15px;
        left: 30px;
    }

     .navbar-expand-md .navbar-nav .nav-link {
        padding-right: 0rem;
        padding-left: 0rem;
    }

    .img-contact{
        width: 100% !important ;
        height: 700px !important;
    }
    .nav-li,#navbarDropdown {
        
    }


}

@media only screen and (max-width: 837px) {
    .img-about{
        top: 189px;
    }
    #datos-contacto tr td{
        text-align: center;
    }
    #datos-contacto{
        margin-bottom: 7px;
    }
    #logo_SF{
        max-width: 150px;
    }    
}

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

  .img-arrows{
    width: 40px;
  }
    .arrows-banner{
        width:10% ;
        height:10%;
    }

    .container-tittle{
        padding: .1rem!important;
    }

    .tittle-banner{
        font-size: calc(16px + (53 - 34) * ((100vw - 360px) / (1600 - 360))) !important;
    }
    .text-banner{
        font-size: calc(12px + (48 - 34) * ((100vw - 360px) / (1600 - 360))) !important;
    }

    .arrows-transparent{
        width:60px;
    }

    .tittle-services{
        font-size: calc(20px + (40 - 34) * ((100vw - 360px) / (1600 - 360))) !important;
    }

    .text-services{
        font-size: calc(14px + (40 - 34) * ((100vw - 360px) / (1600 - 360))) !important;
    }

    .arrows-testimonials{
        width:100% ;
    }

    .container-about{
        top: 0%;
        left: 0%;
    }

    .ul-about{
        font-size:12px;
    }

    .container-about-text{
        top:0px;
        position: relative;
        font-size: 12px;
        left: 30px;
    }

    .icon-rounded{
        border-radius: 20px;
        padding: 10px;
        font-size: 10px;
    }

    .text-navbar-top{
        font-size: 12px;
    }


    .img-contact{
        width: 100% !important ;
        height: auto !important;
    }

    .navbar-nav {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        padding-left: 0;
        margin-bottom: 0;
        list-style: none;
        background: #ffffff;
        height: 755px!important;
        text-align: center;
    }

    .nav-li,#navbarDropdown {
        margin-top: 15px;
        padding: 20px;        
    }

    .arrow-nav {
        width: 23px;
    }

    .dropdown-nav{
        color: #000000;
        margin-top: 30px;
    }
    #logo_SF{
        max-height:none;
    }  
    #cont_int_head{ display: block !important; }    
    #barr_sociales{ display: none; }    
    .op_mnu_nav-padding {
        padding: 5px 0px !important;
    }
    .slide-tittle{
        padding-top: 10px;
    }
    .slide-text{
        font-size: 0.9em;
    }
    .op_mnu_nav{
         font-size: 1em;
    } 
    .content-section-banner .tittle-banner{
        font-size: 1.4em !important;
    }   
    .content-section-banner .text-banner a{
        font-size: 1.2em !important;
        color: black;
    } 
    #barr_navbar .nav-item .nav-link{ font-size: 1.5em !important; }   
}


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

    .social {
        top: 20px;
    }
    .container-about{
        top: -10%;
        left: -10%;
    }

    .ul-about{
        font-size: 8px;
    }

    .container-about-text{
        top: -35px;
        position: relative;
        font-size: 9px;
        left: 30px;
    }

    .icon-rounded{
        border-radius: 20px;
        padding:8px;
        font-size: 8px;
    }

    .text-navbar-top{
        margin-top: 9px;
        font-size: 8px;
    }

    .icon-custom {
        width: 30px;
        height: 30px;
        font-size: 16px;
    }
    .op_mnu_nav{
         font-size: 0.8em;
    }
    #logo_SF{
        max-width: 140px;
    }
}