/*
Template Name: Laboratory
File: Layout CSS
Author: TemplatesOnWeb
Author URI: https://www.templateonweb.com/
Licence: <a href="https://www.templateonweb.com/license">Website Template Licence</a>
*/

/*********************about****************/
.main_about{
background-image: url(../img/22.jpg);
background-position: center center;
background-size: cover;
}
#proj {
background-image: url(../img/4.jpg);
background-position: center center;
background-size: cover;
}
.proj_m {
background: #000000d1;
padding-top: 100px;
padding-bottom: 100px;
}
.proj_1i{
border:1px solid #424b4e;
padding:40px 15px;
transition: 0.3s; 
 }
.proj_1i:hover{
background:#156cf0;
 }
.proj_1i:hover span{
color:#fff!important;
 }
/*********************about_end****************/


@media screen and (max-width : 767px){
.about_1r{
margin-top:15px;
text-align:center; 
 }
.about_1r p{
text-align:left;
 }
.proj_1i {
margin-top:8px;
margin-bottom:8px; 
 }
.proj_m {
padding-top: 50px;
padding-bottom: 50px;
}
 }

@media (min-width:576px) and (max-width:767px) {

 }
@media (min-width:768px) and (max-width:991px) {
.about_1l img{
min-height:580px; 
 }
.about_1r .font_60{
font-size:40px; 
 }
.proj_1i h5{
font-size:15px; 
 }
.proj_1i {
padding:15px!important; 
 }
 }

@media (min-width:992px) and (max-width:1200px) {
.about_1l img{
min-height:620px; 
 }
.about_1r .font_60{
font-size:50px; 
 }
 }