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

 @media only screen and (max-width: 991px) {
     
     .pro-view img {
         width: 300px;
     }
     
       .footer .col-lg-3 {
      border-left:none;
  }
  
  .about-con-col-left {
    text-align: left;
}

.about-con-col {
    padding: 2rem;
    margin: 0 1rem;
}

.video-col {
    position: relative;
    padding: 0 1rem;
}


 }

 @media only screen and (max-width: 767px) {
     
     .pro-view img {
         width: 100%;
         margin: 0 0 2rem;
     }
     .pro-view {
         float: initial; 
    }
     
 }

 @media only screen and (min-width:200px) and (max-width: 575px) {
     
    .col-xs-6{
        max-width:49% !important;
    }  
    
    .col-for-vision{
        margin: 1rem;
    }
    
    .my-text-center{
    text-align:left;
}

.keyword{
    font-size:2.1rem;
}

 }