@media (max-width: 1500px) and (min-width:1024px) {
    .practice_container {
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
      }
    .title .title2 .title3{
        text-align: center;
        width: 90%;
    }
    .ban{
        width: 100%;
        align-items: center;
    }
    .carousel{
        width: 100%;
    }
    .column .infografia{
        width: 50%;
      }
      .infografia{
        width: 100%;
      }
      .frame{
        height: 600px;
        width:1500px;
      }

      
}
/*/////////////////////////////////////////////tabletaaaa//////////////////////////////////////////////////////////////*/

@media (max-width: 800px)and (min-width:576px) {
    h1, p, a{
        text-align:justify;
        text-decoration:none;
        font-size: x-small;
        font-weight:300;
        }
        .frame{
            height: 600px;
            width:800px;
          }
          .frame2{
              display:none;
          }
        #top{
            background-image: url(../images/imagen1.jpg);
            background-size: cover;
            width:100%;
            min-height:100%;
            max-height:100%;
            height:400px;
            padding:90px 20px 10px 20px;
            margin: 0 auto 0 auto; 
            text-align:justify;
            border-bottom:#297fb975 10px solid;
            color:white;
            }
            #about{
                background-image: url(../images/imagen2.jpg);
                background-size: cover;
              min-height:100%;
              max-height:100%;
              height:400px;
              padding:90px 20px 60px 20px;
              margin: 0 auto 0 auto; 
              text-align:center;
              border-bottom:#27ae5f42 10px solid;
              color:white; 
              }
        #services{
            background-image: url(../images/imagen33.jpg);
    background-size: cover;
            min-height:100%;
            max-height:100%;
            height:1300px;
            padding:90px 20px 60px 20px;
            margin: 0 auto 0 auto; 
            text-align:center;
            border-bottom:#2c3e5094 10px solid;
            color:white; 
            }
            #contact{
                background-image: url(../images/imagen44.jpg);
                background-size: cover;
                min-height:100%;
                max-height:100%;
                height:600px;
                padding:90px 20px 10px 20px;
                margin: 0 auto 0 auto; 
                text-align:center;
                border-bottom:#16a085 10px solid;
                color:white; 
                }
  
    .practice_container {
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
      }
    .title .title2 .title3{
        text-align: center;
        width: 100%;

    }
    .column .infografia{
        width: 100%;
      }
    .custom_nav-container .nav_search-btn {
        background-position: right;
      
    }

    .navbar-collapse {
        padding-bottom: 20px;
    }

    .practice_box {
        margin: 100px 15px 0 15px;
        padding-bottom: 20px;
        transition: all .5s;
    }

    .practice_box:hover {

        transform: translateY(-90px);
    }

    .practice_detail p {
        margin-top: 25px;
    }

    .welcome_section::before {
        display: none;
    }
    .guiz-awards-row{
        align-items: center;

    }
    .guiz-awards-header{
        align-items: center;

    }
    .practice_box{
        align-items:center;
        
    }
    .img{
        image-rendering: auto;
            max-width: 100%;
            display: block;
    
    }
    
    p{font-size: clamp(0.9rem, 2vw ,50px);
    }

    .cards-wrapper {
        grid-template-columns: 1fr;
      }
      .info {
        justify-content: center;
      }
      .card-grid-space .num {
        margin-left: 0;
        text-align: center;
      }
      
}
/*///////////////////////////////////////////////////////////////////////////////////////////////////////////*/


/*//////////////////////////////////moviil/////////////////////////////////////////////////////////////////////////*/

@media (max-width: 576px) { 
    h1, p, a{
        text-align:justify;
        text-decoration:none;
        font-size: medium;
        font-weight:300;
        }
        .frame{
            display: none;
          }
          .frame2{
            height: 2600px;
             width:370px;
          }
          .img{
            image-rendering: auto;
                max-width: 100%;
                display: block;
        
        }
        #top{
            background-image: url(../images/imagen1.jpg);
            background-size: cover;
            width:100%;
            min-height:100%;
            max-height:100%;
            height:750px;
            padding:90px 20px 10px 20px;
            margin: 0 auto 0 auto; 
            text-align:justify;
            border-bottom:#2980b9 10px solid;
            color:white;
            }
            #about{
                background-image: url(../images/imagen2.jpg);
                background-size: cover;
              min-height:100%;
              max-height:100%;
              height:450px;
              padding:90px 20px 60px 20px;
              margin: 0 auto 0 auto; 
              text-align:center;
              border-bottom:#27ae5f42 10px solid;
              color:white; 
              }
              #services{
                background-image: url(../images/imagen33.jpg);
        background-size: cover;
                min-height:100%;
                max-height:100%;
                height:1300px;
                padding:90px 20px 60px 20px;
                margin: 0 auto 0 auto; 
                text-align:center;
                border-bottom:#2c3e5094 10px solid;
                color:white; 
                }
                #contact{
                    background-image: url(../images/imagen44.jpg);
                    background-size: cover;
                    min-height:100%;
                    max-height:100%;
                    height:600px;
                    padding:90px 20px 10px 20px;
                    margin: 0 auto 0 auto; 
                    text-align:center;
                    border-bottom:#16a085 10px solid;
                    color:white; 
                    }
    .custom_nav-container .nav_search-btn {
        background-position: right;
      
    }
   

    .navbar-collapse {
        padding-bottom: 10px;
    }
    .practice_container {
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
        
      }
    .title .titule2 .titule3{
        width: 100%;
        font-size:5px;
        letter-spacing: -4px;
    }
    .column .infografia{
        width: 100%;
      }
    
        
    }
    .cards-wrapper {
        grid-template-columns: 1fr;
      }
      .info {
        justify-content: center;
      }
      .card-grid-space .num {
        margin-left: 0;
        text-align: center;
      }
    

/*///////////////////////////////////////////////////////////////////////////////////////////////////////////*/

@media (max-width: 500px ) and (min-width:50px) {
    h1, p, a{
        text-align:left;
        text-decoration:none;
        font-size: medium;
        font-weight:300;
        }   
        .frame{
            height: 600px;
            width:400px;
          }
          .img{
            image-rendering: auto;
                max-width: 100%;
                display: block;
        
        }
        #top{
            background-image: url(../images/imagen1.jpg);
            background-size: cover;
            width:100%;
            min-height:100%;
            max-height:100%;
            height:650px;
            padding:90px 20px 10px 20px;
            margin: 0 auto 0 auto; 
            text-align:justify;
            border-bottom:#2980b9 10px solid;
            color:white;
            }
            #services{
                background-image: url(../images/imagen33.jpg);
        background-size: cover;
                min-height:100%;
                max-height:100%;
                height:2180px;
                padding:90px 20px 60px 20px;
                margin: 0 auto 0 auto; 
                text-align:center;
                border-bottom:#2c3e5094 10px solid;
                color:white; 
                }
                #contact{
                    background-image: url(../images/imagen44.jpg);
                    background-size: cover;
                    min-height:100%;
                    max-height:100%;
                    height:900px;
                    padding:90px 20px 10px 20px;
                    margin: 0 auto 0 auto; 
                    text-align:center;
                    border-bottom:#16a085 10px solid;
                    color:white; 
                    }
    .quiz-window-body{
        width: auto;
    }
    .welcome_section2{
        display: none;
    }
 
    
    .custom_nav-container .nav_search-btn {
        background-position: right;
      
    }

    .navbar-collapse {
        padding-bottom: 20px;
    }
    .practice_container {
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
      }
    .col-lg-6{
        width: 100%;
    }
    .container{
        width:100%;

    }
   
        .title .titule2 .titule3{
            width: 100%;
            font-size:50px;
        }
       .welcome_section2::before{
        display: none;
        }
        .quiz-window-body{
            width: 100%;
        }
        .carousel{
            width: 100%;
        }
        .column {
            width: 100%;
          }
          .sticky-container{
            image-rendering: auto;
            right:1px;
            top:500px;
        }
        .navbar-nav{
            width: 100%;
        }
        .title .title2 .title3 .titule2{
            width: 100%;
        }
        
        }
        .info {
            display: block;
            text-align: center;
          }
          .info h1 {
            margin: 0;
          }
        }

/*///////////////////////////////////////////////////////////////////////////////////////////////////////////*/

@media (min-width: 1200px) {
    .container {
        max-width: 1170px;
    }
    .opcion{
        display: none;
    }
    .img{
        image-rendering: auto;
            max-width: 100%;
            display: block;
    
    }
    .column .infografia {
        width: 100%;
      }
      .frame{
        height: 600px;
        width:1200px;
      }
}
@media (max-width: 2400px) and (min-width: 1201px){
    .frame{
        display:block; 
        border:none; 
        height: 600px;
        width:1900px;
}
.frame2{
    display: none;
}

      
      .img{
        image-rendering: auto;
            max-width: 100%;
            display: CENTER;
    
    }
}