/* For tablet */
@media screen and (max-width:992px) {
.main-navigation {
    height: 158px;
}
}
/* For mobile phones: */
@media screen and (max-width: 768px){
.container {
    max-width: 1000px;}
.navbar-brand {width: 75%}
.navbar-dark .navbar-toggler {
    color: black;
    border-color: black;
    font-size: 22px;}
.logomobile{width: 55%;}
  .main-navigation {
    height: 158px;
  }.introbox{width:100%;margin-bottom: 10px;}
  .spacialrow {
width: 100%; margin-left: 0px; 
  }.navbar-dark{padding: 0px;}
  .navbar-nav {    background: white;}
  .navbar-dark .navbar-nav .nav-link {
    font-size: 12px;}
  .dropdown-menu{    width: 37%;
    background: white;}
  .dropdown-item {font-size: 10px;}
  .main-navigation {
    height: 98px;}
  .carousel-item {
    height: auto;}
  .sspara{padding:10px;}
  .lbtn {
    margin-bottom: 10px;}.aboutdiv{padding:0px;}
  #footer {
    padding: 20px 0px;}
  .newarea{margin:0px !important;}
  .latex {
    margin-top: 0px !important;;
}.science{float:none;}.rgdiv{float: none;}
.lgdiv{float: none;}
  .blue-borderdiv {
    margin: 0px 0px;}
  .parablack{text-align:center;}
  .plr {
    padding-left: 0px !important;
    padding-right: 0px !important;
}.plr-7 {
    padding: 0px 0px !important;
}
  .mytextarea{width: 100%;}
}

element.style {
}
.text-center {
    text-align: center!important;
}
@media (min-width: 768px)
.col-md-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
}
@media (max-width: 576px){
.col-sm-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
}
}