.mb0{
    max-width: 100%;
    padding-left: 17%;
    padding-right: 13%;
}
@media only screen and (max-width:1024px){
    .bg-main, .intro-html{
        
        max-height: 30% !important;
        margin-top: 40px;
    }
    
    .title{
        
        font-size: 30px;
        
    }
    #mainIMG{

    min-height: 50%;
    max-height: 30%;
    }
    
   
    .swiper-container{
        min-height: 500px;
    }
    
    .swiper-image{
        max-width: 100%;
    }
    
    .swiper-caption{
        
    bottom: 15px;
    font-size: 5px;        
    }
    .swiper-caption p{
    margin-bottom: 0px;   
    font-size: 15px;
    
    }
     .swiper-caption h4{
    margin-bottom: 0px;   
    font-size: 24px;
    }
    .swiper-caption a{


    }
    h2{
        font-size: 18px;
        
    }

    .input-box h2{
        font-size: 19px !important;
    }
    .input-box p{
        font-size: 10px !important;
    }
    .input-box{
        padding: 0 17px 0 0px !important;   
    }
    .bg-newsline{
        top:3rem !important;
    }
    .sus-button{
        padding: 0px 2px 0px 157px !important;
}
    .capital-image{
   padding-bottom:55 !important;
}
}
.card{
    
     box-shadow: inset 2px 2px 4px 2px #f8f9eb  , 2px 3px 10px 2px;
    background-color:whitesmoke ;
    
}
.bg-main{
}

.bg-mission{
    background-color:whitesmoke;
    margin-top:-30px;
}
.bg-slider{
    margin-bottom: 0px;
}
.bg-calendar{
    margin-top:;

}
.flat-capital{
    margin-bottom:-25px;
    
}
.form-control{
    float: right;
    max-width: 80%
}
.icon{
}
.material-icons{
    background-image: url(ic_store_black_24px.svg);
    
    
}
.arrow{
    padding: 0 10px 10px 0;
    
}
.flat-capital{
    padding-top:0px;
    display: ;
}
.capital-image{
    
    width:100%; max-width:100%; padding-bottom:25;padding-top:44px;
}

.news-line-text{
    float:left;
    font-size:38;
}

.swiper-pagination{
top: 296px !important;
    
}