html{
    scroll-behavior: smooth;
}
*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

.logosec{
    width: 500px;
    height: 100px;
}

img.img-fluid.logo-text {
    width: 365px;
    height: 70px;
    margin-top: 7px;
}
.mobile{
    display: none;
}

.logo{
    width: 100px;
    height: 100px;
}

.text{
    width: 100px;
    height: 100px;
}

.navbar-light .navbar-nav .active>.nav-link {
    color: #636464;
}

a.nav-link.menuitem.mr-3 {
    font-weight: bold;
    text-transform: uppercase;
    color: #636464;
}

a.nav-link.menuitem.mr-3:hover{
    color: #FDCF0A;
}

.bannermain{
    width: 100%;
    height: 100vh;
}

img.img-fluid.banner {
    vertical-align: bottom;
}

.timedate{
    width: 100%;
    background: #f9f9f9;
    padding: 3% 0;
}

.icon{
    color: #FDCF0A;
}

.title {
    color: #636464;
    margin-bottom: 0;
    padding-left: 15%;
    margin-top: -12%;
}

.content {
    color: #343433;
    font-weight: bold;
    font-size: 20px;
    margin-bottom: 0;
    padding-left: 15%;
}

i.fa-3x.fa.fa-map-marker.icon-location {
    color: #FDCF0A;
    padding-left: 4%;
}
/*service section start*/
.service{
    width: 100%;
/*    height: 100vh;*/
}

.service-title{
    margin: 13% auto;
}

.ser-title{
    margin-bottom: 0;
    color: #636464;
    font-weight: bold;
    text-transform: uppercase;
}

.ser-title2{
    margin-bottom: 0;
    color: #FDCF0A;
    font-weight: 700;
    font-size: 45px;
/*    letter-spacing: .5px;*/
    text-transform: uppercase;
}

.ser-left ,.ser-right{
    padding: 0px;
}

.ser-line{
    width: 100%;
    padding: 3% 0;
    background-color:#636464;
    margin-bottom: 0;
    font-size: 18px;
    text-transform: capitalize;
    color: white;
    
}

.ser-line1{
    width: 100%;
    padding: 3.01% 0;
    background-color:#f9f9f9;
    margin-bottom: 0;
    font-size: 18px;
    text-transform: capitalize;
    
}

span.dot {
    margin: 0 12px 0 12px;
}
/*service section end*/
/*about section start*/
.about{
    width: 100%;
/*    height: 100vh;*/
}

.abo-title{
    margin: 5% auto;
    color: #FDCF0A;
    font-weight: 700;
    font-size: 45px;
/*    letter-spacing: .5px;*/
    text-transform: uppercase;
}

.abo-content,.abo-mission,.abo-vission{
    color: #636464;
    font-size: 15px;
}

span.abo-span-title {
    font-size: 23px;
    font-weight: bold;
    color: #343433;
    margin-right: 10px;
}
/*about section end*/
/*Contact section start*/
.contactus{
    width: 100%;
    height: 100vh;
}
.con-title{
    margin: 7% auto;
    color: #FDCF0A;
    font-weight: 700;
    font-size: 45px;
/*    letter-spacing: .3px;*/
    text-transform: uppercase;
}

.btn-primary:hover {
    color: #fff;
    background-color: #FDCF0A;
    border-color: #FDCF0A;
}
/*Contact section end*/
/*Footer section start*/

.footer{
    background-color: #f9f9f9;
    width: 100%;
    padding: 5% 0 5% 0;
}
img.img-fluid.foot {
    padding: 0 20% 0 20% ;
}
p.add1 {
    color: #636464;
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 0;
}
 
p.foot-phone {
    color: #636464;
    font-size: 18px;
    font-weight: 500;
} 

p.foot-email {
    color: #636464;
    font-size: 18px;
    font-weight: 500;
}
span.foot-pho-span {
    color: #343433;
}

.fa-2x {
    font-size: 2em;
    color: #fdcd08;
    margin-top: 5%;
}

.fa-2x:hover{
    color: #FDCF0A;
    line-height: 3px;
    
}

p.copywrite {
    color: #343433;
    font-size: 20px;
}

a.link:hover {
    text-decoration: none;
}
/*Footer section end*/

/*responsive section start*/
@media  (max-width:767px){
    .logosec {
    width: 115px;
    height: 100px;
}
    img.img-fluid.logo.float-left {
    display: none;
}
    img.img-fluid.logo-text {
    display: none;
}
    .mobile{
        display: block;
        height: 100px;
    }
    .title {
    padding-left: 22%;
}
    i.fa-3x.fa.fa-map-marker.icon-location {
    padding-left: 9%;
}

.content {
    padding-left: 22%;
}
    .icon {
    margin-left: 22px;
}
    .ser-title2 {
    font-size: 30px; 
}
    .abo-title {
    font-size: 30px;
}
    .con-title {
    font-size: 30px;
}
    .abo-content, .abo-mission, .abo-vission {
    font-size: 12px;
        text-align: left;
}
    span.abo-span-title {
    font-size: 18px;
}
    .foot-address.text-center {
    margin-top: 6%;
}
    p.foot-phone {
    margin-top: 10%;
}
    p.copywrite {
    font-size: 17px;
}
    .bannermain{
    height: auto;
}
    .contactus{
    height: auto;
}
    .ser-line {
    padding: 1% 0 ;    
}
    .ser-line1 {
    padding: 1% 0 ;    
}
}

@media (max-width:999px) and (min-width:767px){
   .title {
    padding-left: 20%;
    margin-top: -17%;
}
    .content{
        padding-left: 20%;
    }
   .bannermain{
    height: auto;
}
    .contactus{
    height: auto;
}
  .ser-line {
    padding: 1.65% 0;
}
    .ser-line1 {
    padding: 1.6% 0;    
} 
}


@media (max-width:1119px) and (min-width:999px){
    .bannermain{
    height: auto;
}
    .contactus{
    height: auto;
}
    .ser-line1 {
    padding: 2.5% 0;
}
    .ser-line {
    padding: 2.6% 0px;
}
}


/*responsive section end*/

