.graybg {
    background: #f5f5f5;
    font-family: 'Roboto', sans-serif !important;
    font-size: 18px;
    padding: 50px 0; 
}
    .graybg p {
        font-size: 20px;
    text-align: justify;
    margin-top: 0;
    }
.headsec h3 {
    text-decoration: underline;
    font-weight: 600;
    font-size: 38px;
}
.small-font{    font-size: 19px !important;}
.bluec{    color: #004A7E;
    text-decoration: underline;}
.headsec h1 {
       font-weight: 900;
       /* font-size: 50px; */
       color: #004A7E;
       margin-bottom: 0;
       /*by default 50 but heading was not coming in same line thats why changed to 48px */
       font-size: 48px;
}
.virtual h2{
        font-size: 34px;
        font-weight: 600;
    }
.virtual h3{     
    font-size: 26px;
    margin: 12px 0;
    font-weight: 600;
   /*ashu*/
   padding-top: 20px;
}    
.virtual p i{font-weight: 600}    

.mt20{margin-top:20px}
.mt10 {
    margin-top: 10px
}
.mt30 {
    margin-top: 30px
}
.mt50 {
    margin-top: 50px
}
.pdr30{padding-right:30px}

.pd0{padding:0 !important}
.pdr{padding-right:0px !important}
.pdl {
    padding-left: 0px !important
}

.colorchange {
    color: #004A7E
}
.mb10 {
    margin-bottom: 10px;
}
.justify-content{text-align:justify}
table, tr {
  border:1px solid grey;}
td{ padding:6px 10px;}

.fa-circle{
    padding: 10px;
}

ul li{
    font-size: 20px;
} 

.seo-friendly-pic{
    display: inline-block;
    margin-bottom: -101px;
   
} 










@media only screen and (max-width: 767px) {
    .pdr30 {
        padding-right: 0px
    }
    .mt50 {
        margin-top: 25px;
    }
    .virtual h2 {
    font-size: 28px;
    font-weight: 600;
}
    .pdr {
        padding-right: 0px !important;
        padding-left: 0px !important;
        margin-top: 10px;
    }

    .pdl {
        padding-left: 15px !important
    }
    .virtual h4 {font-size: 23px;
   
}
    .graybg p {
        font-size: 18px;
    }
    .headsec h1 {
    font-size: 35px;
}
}

@media (min-width: 736px) and (max-width: 1025px) and (orientation : landscape) {
}

@media (min-width: 768px) and (max-width: 1024px) {
    
}
@media (min-width: 1200px) {
    .container {
        max-width: 1200px !important;
    }
    .pdr{padding-right:0px !important}
.pdl {
    padding-left: 0px !important
}
}

@media (min-width: 320px) and (max-width: 480px){
    .graybg {
    padding: 20px 0;
}
.headsec h1 {
    font-size: 27px;
}
.mt20 {
    margin-top: 10px;
}
.virtual h2 {
    font-size: 23px;
    font-weight: 600;
}
.virtual h3 {
    font-size: 20px;
}

}