@media  (max-width: 1366px){
    /* 
=================================================
card-left
=================================================
 */
.card{
    
}
.card-title-1{
    text-align: center;
    font-size: 35px;
    color: rgb(0, 136, 255);
    padding: 30px;
}


.card img {
    width: 700px;
    margin: 0 auto;

}


.card-title{
    text-align: center;
    font-size: 30px;
    color: rgb(0, 136, 255);
}

.card-text{
    
    margin: 0 auto;
    text-align: center;
    
}

.card-title-2{
    text-align: center;
    font-size: 30px;
    padding-bottom: 20px;
    padding-top: 20px;
    

}

.list-group-item img{
    height: 100px;
    
}




/* 
=================================================
card-rghit
=================================================
 */



.list-group-item img{
    
    
}
.list-group-item h6{
    color: rgb(0, 136, 255);
    font-size: 20px;
    text-align: center;
    
}


}

@media  (min-width: 1366px) {
       
        


/* 
=================================================
card-left
=================================================
 */
 .card{
    
}
.card-title-1{
    text-align: center;
    font-size: 45px;
    color: rgb(0, 136, 255);
    padding: 30px;
}


.card img {
    width: 800px;
    margin: 0 auto;

}


.card-title{
    text-align: center;
    font-size: 41px;
    color: rgb(0, 136, 255);
}

.card-text{
    
    margin: 0 auto;
    text-align: center;
    
}

.card-title-2{
    text-align: center;
    font-size: 30px;
    
    padding: 30px;

}




/* 
=================================================
card-rghit
=================================================
 */



.list-group-item .card{
   
   margin: 0 auto;
   
   width: 100%;
   
    
    
}
.list-group-item h6{
    color: rgb(0, 136, 255);
    font-size: 20px;
    text-align: center;
    
}
.list-group-item img{
    height: 100px;
    
}


}



@media screen and (max-width: 767px) {
 
    
  
  }