@charset "utf-8";
h2{
    font-size: 30px;
}
.hr1{
    color: black;
    background-color: black;
    height: 2px;
   
}
.ser{
    padding: 30px;
}

#services{
    font: gradyent;
    padding: 70px;
    background-color: white;
}

#services .service-item{margin:0 0 20px;right:0}

.service-img{
     display:block;
    position:relative;
    max-width:175px;
    margin:0 auto;
}
#services .service-caption{
    max-width:300px;
    margin:0 auto;
    background-color:#fff;
    text-align:left;
    padding:5px;
    font-size: 15px;
}
.service-caption1{
    font-size: 20px;
    padding-bottom: 10px;
    text-align-last: center;
     background-color:#fff;
    padding:10px;
}
#services *{z-index:2}

.why{
    color: white;
     background-color: #397AE3;
    padding: 100px;
    font-size: 18px;
}
.title2{
    font-size: 30px;
}
.partner{
    background-color: #cccccc;
    height: 150px;
   padding: 50px;
}
.virulana{
    display:block;
    position:relative;
    max-width:250px;
    margin:0 auto;
    margin-top: -30px;
margin-left: -30px;
    left: 50%;
top: 50%;
}
.dotlab{
    display:block;
    position:relative;
    max-width:150px;
    margin:0 auto;
    margin-top: -40px;
    margin-left: -50px;
    left: 50%;
top: 50%;
    
}
/* ++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* ++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* ++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* ++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* ++++++++++++++++++++++++++++++++++++++++++++++++++ */
@media only screen and (min-width: 481px) and (max-width: 1000px) {
   h2{
    font-size: 25px;
}
.hr1{
    color: black;
    background-color: black;
    height: 2px;
        width: 300px;
}
.ser{
    padding: 30px;
}

#services{
    font: gradyent;
    padding: 70px;
    background-color: white;
}
section{padding:50px 0}
#services .service-item{margin:0 0 20px;right:0}

.service-img{
     display:block;
    position:relative;
    max-width:250px;
    margin:0 auto;
}
#services .service-caption{
  
    margin:0 auto;
    background-color:#fff;
    text-align:center;
    padding:10px;
    font-size: 15px;
}
.service-caption1{
    font-size: 18px;
    padding-bottom: 10px;
    text-align-last: center;
     background-color:#fff;
    padding:15px;
}
#services *{z-index:2}
#services .service-item{margin:0 0 50px} 

    .why{
    color: black;
    background: #e5e5e5;
    padding: 150px;
    font-size: 15px;
}
.title2{
    font-size: 30px;
} 
.partner{
    background-color: #cccccc;
    height: 350px;
   padding: 150px;
}
.na{
        display:block;
    position:top;

margin-left: -150px;
    left: 50%;
top: 50%;
    }
.virulana{
    display:block;
    position:relative;
    max-width:200px;
    margin:0 auto;
    margin-top: -100px;
margin-left: 100px;
    left: 50%;
top: 50%;
}
.dotlab{
    display:block;
    position:relative;
    max-width:150px;
    margin:0 auto;
    margin-top: -100px;
margin-left: -100px;
    left: 50%;
top: 50%;
    
}
}
/* ++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* ++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* ++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* ++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* ++++++++++++++++++++++++++++++++++++++++++++++++++ */


@media only screen and (max-width: 480px) {
  h2{
    font-size: 20px;
}
.hr1{
    color: black;
    background-color: black;
    height: 2px;
       width: 150px;
}
.ser{
    padding: 30px;
}

#services{
    font: gradyent;
    padding: 10px;
    background-color: white;
}
section{padding:50px 0}
#services .service-item{margin:0 0 20px;right:0}

.service-img{
     display:block;
    position:relative;
    max-width:150px;
    margin:0 auto;
    padding: 20px;
}
#services .service-caption{
  
    margin:0 auto;
    background-color:#fff;
    text-align:left;
    padding:5px;
    font-size: 13px;
}
.service-caption1{
    font-size: 18px;
    padding-bottom: 10px;
    text-align-last: center;
     background-color:#fff;
    padding:1px;
}
#services *{z-index:2}
#services .service-item{margin:0 0 50px}
        
.why{
     color: white;
    background:  #397AE3;
    padding: 50px;
    font-size: 15px;
}
.title2{
    font-size: 20px;
}
.partner{
    background-color: #cccccc;
    text-align: center;
    height: 350px;
   padding: 50px;
}
    .na{
        display:block;
    position:top;

margin-left: -00px;
    left: 50%;
top: 50%;
    }
.virulana{
    display:block;
    position:relative;
    max-width:200px;
    margin:0 auto;
    margin-top: 25px;
margin-left: -100px;
    left: 50%;
top: 50%;
}
    .dotlab{
    
    display:block;
    position:relative;
    max-width:120px;
    margin:0 auto;
    margin-top:15px;
margin-left: -50px;
    left: 50%;
top: 50%;
    
}
   
}