/* Portrait tablets and medium desktops */
@media (min-width: 992px) and (max-width: 1199px) {
    body {
        font-size: 1rem;
    }


}



/* Portrait tablets and small desktops */
@media (max-width: 991px) {

    .sm-text-center{
        text-align: center !important;
    }
    .sm-pull-none{
        float: none !important;
    }
    .sm-m-top-10{
        margin-top:10px;
    }
    .sm-m-top-20{
        margin-top:20px;
    }
    .sm-m-top-30{
        margin-top:30px;
    }
    .sm-m-top-50{
        margin-top:50px;
    }

    .logoresponssive{
        width: 100px;
    }
    .w3-display-middle {
         width: 100%;
    }

     .marginsliderres{
        margin-top: 50px;
    }



}



/* Landscape phones and portrait tablets */
@media  (max-width: 768px) {
    h2{
        font-size:2rem;
    }
    p{
       /* font-size:90%;*/
        line-height: 2rem;
        font-style: 16px;
    }
    .xs-pull-none{
        float: none !important;
    }
    .xs-text-center{
        text-align: center !important;
    }
    .xs-m-top-10{
        margin-top:10px;
    }
    .xs-m-bottom-10{
        margin-bottom:10px;
    }
    .xs-m-bottom-20{
        margin-bottom:20px;
    }
    .main_testimonial .testimonial_slid .slick-arrow.nextprevright {
        top: -150px;
    }

    /*New css*/
    .w3-display-middle {
         width: 100%;
    }

     .h1slider {
        font-size: 25px;
        padding: 10px;
     }
     .marginsliderres{
        margin-top: 50px;
    }

    .logoresponssive{
        width: 100px;
    }

	    nav.navbar.bootsnav ul.nav > li > a {
	    color: #fff;
	    background-color: transparent !important;
	}


}




/* Landscape phones and smaller */
@media (max-width: 479px) {
    html {
        font-size: 85%;
    }
    .testimonial_slid .slick-arrow {
        display: none;
    }

      .h1slider {
        font-size: 28px;
        color: white;
        font-weight: bold;
        text-align: center;
        text-shadow: 3px 3px 12px black;
        background: #1661a2bd;
        padding: 10px;
        box-shadow: 0 0 20px 5px #00000057;
        border-radius: 3px;
        line-height: 3rem;
    }

        .w3-display-middle {
        width: 100%;
    }
        .w3-padding-16 {
        padding-top:0px;
        padding-bottom: 0px;
    }

        .w3-container, .w3-panel {
        padding: 0px;
    }

    .roomy-100 {
        padding-top: 50px;
   
    }

    .logoresponssive{
        width: 100px;
    }

    .marginsliderres{
        margin-top: 50px;
    }

    p:last-child {
      margin-bottom: 15px;
    }

        .slick-center {
        display: block;
        max-width: 100% ;
        max-height: 100% ;
        opacity: 1;
    }

    h3 {
    font-size: 18px; 
    line-height: 2.5rem;
    }

    .main_featured .head_title {
    width: 100%;
    margin: 0 auto;
    }

        .head_title {
        padding-bottom: 4.143rem;
        overflow: hidden;
    }

        .marginservices {
         margin-top: 0px;
    }

    .modalmargin {
        margin-top: 30px;
        margin-left: 15%;

    }
        .marginservices02 {
        margin-top: 0px;
    }

        .alineacionitem {
        margin: 0 0 0 25%;
    }

	  .paddingbotonin {
	    padding: 10px;
	    font-family: 'Raleway', sans-serif;
	    font-size: 20px;
	    width:80%;
	    background: #094B7F;
	    color: white;
	    box-shadow: 0px 0px 0px 6px #2f6594;

	}

    /* ==========================================================================
   Responsivee Talento Humano
   ========================================================================== */

       .about_bottom_content {
        box-shadow: 0px 0px 0px 0px #00000029;
        padding: 10px;
        margin-top: 50px;
    }
        figure {
        margin: 1em 0px 1em 0px;
    }
        .pinfohumano {
         font-size: 14px;
    }
        .psection {
        text-align: center;
        color: white;
        font-size: 14px; 
        font-weight: 400;
        text-shadow: 2px 1px 1px black;
    }

      /* ==========================================================================
   Enviar CV Responssive
   ========================================================================== */

   .imgmodalpading{
    padding: 0 10px;
   }

   .margin_acordeon {
    margin-top: 14px;
    box-shadow: 5px 8px 19px 4px #99999970;
    border: 1px solid #6f6f6f69;
    padding: 0 15px; 
    }

    .h2_acordeon {
    font-size: 20px;
    }

        .paddingbotoncv {
        padding: 8px 16px;
        font-family: 'Raleway', sans-serif;
        font-size: 14px;
        background: #094B7F;
        color: white;
        box-shadow: 0px 0px 0px 6px #2f6594;
        margin: 0 0 20px 40px;
    }

}





@media (max-width: 400px) {
        .h1slider {
        font-size: 25px;
        color: white;
        font-weight: bold;
        text-align: center;
        text-shadow: 3px 3px 12px black;
        background: #1661a2bd;
        
        box-shadow: 0 0 20px 5px #00000057;
        border-radius: 3px;
    }

}

@media (max-width: 320px) {
    html {
        font-size: 60.5%;
    }
    .btn.btnxs{
        padding:2.01rem 1.5rem;
    }

}