/* --- Responsive Design (BREAKPOINTS) --- */

        /* Tablet (max 1024px) - 3 cards per view */
        @media (max-width: 1000px) {
                 .container {
                    /*margin: 0 50px;*/
                    margin: 0;
                  }
             .div-1{
                   display: block;
                }  
                .blank-div0 {
                  flex-direction: column-reverse;
                  margin: 100px 0;
                }
                .blank-div-img{
                        width: 100%;
                }
                .blank-div-text{
                        width: auto;
                }
                
                .course-list {
                    overflow: scroll;
                }
                
                /**********************technology ****************************/
                
                .cont-00 {
                    display: block;
                }
                .description{
                        width: auto;
                }
                p.trend {
                    margin-left: 10px;
                }
                
                h1.title-tech{
                    font-size: 42px;
                    margin-left: 10px;
                }
                
                .center {
                    border-left: none;
                        width: auto;
                        margin: 0;
                        display: none;
                }
                
                img.pic{
                    height: auto;
                }
                
                .institutes-div{
                  margin: 5px 0;  
                }
                .course-div-h2{
                    padding-top: 0;
                    margin: 0;
                }
                .list-course {
                    overflow: scroll;
                }
                .blank-div{
                     flex-direction: column-reverse;
                     margin: 0px;
                }
               img.blank-div-image {
                    border-top-left-radius: 20px;
                }
                
                
                
                /******************** end technology ************************/
                
                /********************* education  *********************/
                .cont-edu {
                    display: block;
                }
                
                
                .list-course {
                    overflow: scroll;
                }
                h1.title-tech-edu{
                    font-size: 42px;
                }
                
                /*******************end education *******************/
                
                /*************** Liberary *********************/
                
                .cont{
                    display: block;
                    
                }
                /************** End Liberary ****************/
                
                /************ Institutes ******************/
                main {
                  padding: .5em;
                }
                
                .contain0 {
                    padding: 0;
                }
                h1.title-tech-1{
                    font-size: 36px;
                }
                
                p.center-add {
                      margin-top: 20px;
                 }
                
                .center-profile{
                    position: static;
                    margin-top: 50px;
                    min-width: 300px;
                    width: 100%;
                }
                .courses{
                    display: block;
                }
                .course {
                    /*width: 100%;*/
                    width: auto;
                    margin-bottom: 20px;
                }
                .Management{
                    display: block;
                }
                
                .contain-2{
                    margin: 0;
                    margin-top: 50px;
                }
                h1.co1 {
                    font-size: 28px;
                }
                .man{
                   /* width: 100%;*/
                    width: auto;
                    border-top: none;
                }
                .man1{
                    
                    width: 100%;
                }
                .cont-2 {
                    padding: 5px;
                }
                /*********** end Institutes ***************/
                
                
        }

        /* Small Tablet/Mobile Landscape (max 768px) - 2 cards per view */
        @media (max-width: 768px) {
                .div-1{
                }  
        }

        /* Mobile (max 480px) - 1 card per view */
        @media (max-width: 600px) {
                .div-1{
                  
                }  
        }