.center { margin: 0 auto; width: 400px; }

  .fakeimg {
    height: 200px;
    background: #aaa;
  }

body, html {
  height: 100%;
  margin: 0;
  font-family: Tahoma Normal, Helvetica, Arial, verdana, sans-serif;
}


.navbar_size {
  line-height: 1rem;
}



.hero-image {
  background-image: url("../assets/images/EncabezadoDerecha.jpg");
  background-repeat: no-repeat;
  position: relative;
}



.azul {

}

.logo-seadea {
  background-image: url("../assets/images/logoSeadeaRecortado.png");
  background-repeat: no-repeat;
  position: relative;
}


.logo-seadea-1 {
  background-image: url("../assets/images/logoSeadeaRecortado.png");
  background-repeat: no-repeat;
  position: relative;
}


.hero-text {
  text-align: center;
  
  position: absolute;
  top: 86%;
  left: 74%;
  transform: translate(-50%, -50%);  
  color: white;
}

.tex-Form {
  color: white;
}


@media  (min-width:0px) and (max-width:585px) {
  .tex-Form {
    font-size: 14px;
  }
}

@media  (min-width:586px) and (max-width:628px) {
  .tex-Form {
    font-size: 14px;
  }
}


@media  (min-width:629px) and (max-width:1189px) {
  .tex-Form {
    font-size: 16px;
  }
}

@media  (min-width:1190px) and (max-width:2000px) {
  .tex-Form {
    font-size: 18px;
  }
}

@media  (min-width:2001px) {
  .text-size-car {
    font-size: 19px;
  }
}







.bg-white {
  background-color: white   !important;
}


.bg-grey {
  background-color: #F0F3F4   !important;
}

.btn {
  background-color:white;
  border:none;
  color:black;
  padding: 12px 16px;
  font-size:16px;
  cursor:pointer;
}



.back-btn-Home {
  background-image: url("<?php echo base_url(); ?>assets/images/Encabezado-botonInicio.png");

}

.home-back {
  background-image: url("../imagenes/FondoPagina.png");

}

.img-fluid-video {
  max-width: 100%;
  height: auto;
  align-content: center;
  align-self: center;
  align-items: center;
  

}


body {
  background-image: url("../imagenes/FondoPagina.png");
}

.fondo{
  background-image: url("../imagenes/FondoPagina.png");

 background-size: cover;
 background-repeat: no-repeat;
}

.forgot a {
  color: #777777;
  font-size: 14px;
  text-decoration: underline;
}
.login-form  .btn.btn-primary {
  background: #f0ad4e none repeat scroll 0 0;
  border-color: #f0ad4e;
  color: #ffffff;
  font-size: 14px;
  width: 100%;
  height: 50px;
  line-height: 50px;
  padding: 0;
}

.botto-text {
  color: #ffffff;
  font-size: 14px;
  margin: auto;
}
.login-form .btn.btn-primary.reset {
  background: #ff9900 none repeat scroll 0 0;
}
.back { text-align: left; margin-top:10px;}
.back a {color: #444444; font-size: 13px;text-decoration: none;}


.letraError { 
  text-align: left;
  color: red;
  font-size: 12px;
  font-weight: bold;


}

input[type=text], select {
  width: 100%;
  padding: 12px 20px;
  margin: 8px 0;
  display: inline-block;
  border-radius: 4px;
  box-sizing: border-box;
}

input[type=submit] {
  width: 100%;
  /*color claro*/
  background-color: #a09ec2;
  color: white;
  padding: 10px 10px;
  margin: 8px 0;
  border: none;
  border-radius: 4px;
  cursor: pointer;
}

input[type=submit]:hover {
  background-color: #8482b4;
}


.center-block {
    float: none !important
}

#addQuestion{
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
    align-items: center;
    justify-content: space-around;
    display: flex;
    float: none;
}

.top5 { margin-top:5px; }
.top7 { margin-top:7px; }
.top10 { margin-top:10px; }
.top15 { margin-top:15px; }
.top17 { margin-top:17px; }
.top30 { margin-top:30px; }


@media (max-width:700px)  {
    .letra4{
  text-align: right;
  margin-bottom: 40px; 
  margin-top:0px;
  color: #685BFF;
  font-size: 11px;
  padding: 0px 0px;
  font-weight: bold;
    }
}



@media (max-width:900px)  {
  .textoheader{
    color: #FFFFFF;
    font-size: 12px;
    padding: 0px 0px;
    font-style: italic;
    position: absolute;  
    top: 90px;
    left: 150px;
  }
}

@media (min-width:901px) and (max-width:950px)   {
  .textoheader{
    color: #FFFFFF;
    font-size: 11px;
    padding: 0px 0px;
    font-style: italic;
    position: absolute;  
    top: 90px;
    left: 150px;
  }
}

@media (min-width:951px) and (max-width:1000px)   {
  .textoheader{
    color: #FFFFFF;
    font-size: 12px;
    padding: 0px 0px;
    font-style: italic;
    position: absolute;  
    top: 90px;
    left: 150px;
  }
}

@media (min-width:1001px) and (max-width:1050px)   {
  .textoheader{
    color: #FFFFFF;
    font-size: 13px;
    padding: 0px 0px;
    font-style: italic;
    position: absolute;  
    top: 85px;
    left: 120px;
  }
}

@media (min-width:1051px) and (max-width:1100px)   {
  .textoheader{
    color: #FFFFFF;
    font-size: 14px;
    padding: 0px 0px;
    font-style: italic;
    position: absolute;  
    top: 90px;
    left: 120px;
  }
}

@media (min-width:1101px) and (max-width:1150px)  {
  .textoheader{
    color: #FFFFFF;
    font-size: 14px;
    padding: 0px 0px;
    font-style: italic;
    position: absolute;
    top: 95px;
    left: 140px;
  }
}

@media (min-width:1151px) and (max-width:1200px)  {
  .textoheader{
    color: #FFFFFF;
    font-size: 15px;
    padding: 0px 0px;
    font-style: italic;
    position: absolute;
    top: 95px;
    left: 130px;
  }
}


@media (min-width:1201px) and (max-width:1250px)  {
  .textoheader{
    color: #FFFFFF;
    font-size: 10px;
    padding: 0px 0px;
    font-style: italic;
    position: absolute;
    top: 70px;
    left: 90px;
  }
}

@media (min-width:1251px) and (max-width:1300px)  {
  .textoheader{
    color: #FFFFFF;
    font-size: 10px;
    padding: 0px 0px;
    font-style: italic;
    position: absolute;
    top: 75px;
    left: 110px;
  }
}

@media (min-width:1301px) and (max-width:1350px)  {
  .textoheader{
    color: #FFFFFF;
    font-size: 11px;
    padding: 0px 0px;
    font-style: italic;
    position: absolute;
    top: 77px;
    left: 77px;
  }
}

@media (min-width:1351px) and (max-width:1400px)  {
  .textoheader{
    color: #FFFFFF;
    font-size: 12px;
    padding: 0px 0px;
    font-style: italic;
    position: absolute;
    top: 80px;
    left: 80px;
  }
}


@media (min-width:1401px) and (max-width:1450px)   {
  .textoheader{
    color: #FFFFFF;
    font-size: 12px;
    padding: 0px 0px;
    font-style: italic;
    position: absolute;
    top: 80px;
    left: 100px;
  }
}

@media (min-width:1451px) and (max-width:1500px)   {
  .textoheader{
    color: #FFFFFF;
    font-size: 13px;
    padding: 0px 0px;
    font-style: italic;
    position: absolute;
    top: 85px;
    left: 90px;
  }
}


@media (min-width:1501px) and (max-width:1550px)   {
  .textoheader{
    color: #FFFFFF;
    font-size: 13px;
    padding: 0px 0px;
    font-style: italic;
    position: absolute;
    top: 90px;
    left: 100px;
  }
}

@media (min-width:1551px) and (max-width:1600px)   {
  .textoheader{
    color: #FFFFFF;
    font-size: 13px;
    padding: 0px 0px;
    font-style: italic;
    position: absolute;
    top: 90px;
    left: 120px;
  }
}

@media (min-width:1601px) and (max-width:1650px)   {
  .textoheader{
    color: #FFFFFF;
    font-size: 14px;
    padding: 0px 0px;
    font-style: italic;
    position: absolute;
    top: 90px;
    left: 105px;
  }
}

@media (min-width:1651px) and (max-width:1700px)   {
  .textoheader{
    color: #FFFFFF;
    font-size: 15px;
    padding: 0px 0px;
    font-style: italic;
    position: absolute;
    top: 90px;
    left: 95px;
  }
}


@media (min-width:1701px) and (max-width:1750px)   {
  .textoheader{
    color: #FFFFFF;
    font-size: 16px;
    padding: 0px 0px;
    font-style: italic;
    position: absolute;
    top: 90px;
    left: 80px;
  }
}

@media (min-width:1751px) and (max-width:1800px)   {
  .textoheader{
    color: #FFFFFF;
    font-size: 16px;
    padding: 0px 0px;
    font-style: italic;
    position: absolute;
    top: 90px;
    left: 80px;
  }
}

@media (min-width:1801px) and (max-width:1900px)   {
  .textoheader{
    color: #FFFFFF;
    font-size: 16px;
    padding: 0px 0px;
    font-style: italic;
    position: absolute;
    top: 90px;
    left: 130px;
  }
}

@media (min-width:1851px) and (max-width:1900px)   {
  .textoheader{
    color: #FFFFFF;
    font-size: 16px;
    padding: 0px 0px;
    font-style: italic;
    position: absolute;
    top: 90px;
    left: 130px;
  }
}

@media (min-width:1901px)  and (max-width:1950px)    {
  .textoheader{
    color: #FFFFFF;
    font-size: 16px;
    padding: 0px 0px;
    font-style: italic;
    position: absolute;
    top: 90px;
    left: 170px;
  }
}

@media (min-width:1951px)  and (max-width:2000px)    {
  .textoheader{
    color: #FFFFFF;
    font-size: 16px;
    padding: 0px 0px;
    font-style: italic;
    position: absolute;
    top: 90px;
    left: 170px;
  }
}

@media (min-width:2001px) and (max-width:2050px)     {
  .textoheader{
    color: #FFFFFF;
    font-size: 16px;
    padding: 0px 0px;
    font-style: italic;
    position: absolute;
    top: 90px;
    left: 200px;
  }
}

@media (min-width:2051px) and (max-width:2100px)     {
  .textoheader{
    color: #FFFFFF;
    font-size: 16px;
    padding: 0px 0px;
    font-style: italic;
    position: absolute;
    top: 90px;
    left: 200px;
  }
}

@media (min-width:2101px) and (max-width:2150px)     {
  .textoheader{
    color: #FFFFFF;
    font-size: 16px;
    padding: 0px 0px;
    font-style: italic;
    position: absolute;
    top: 90px;
    left: 230px;
  }
}

@media (min-width:2151px) and (max-width:2200px)     {
  .textoheader{
    color: #FFFFFF;
    font-size: 16px;
    padding: 0px 0px;
    font-style: italic;
    position: absolute;
    top: 90px;
    left: 230px;
  }
}

@media (min-width:2201px) and (max-width:2250px)    {
  .textoheader{
    color: #FFFFFF;
    font-size: 16px;
    padding: 0px 0px;
    font-style: italic;
    position: absolute;
    top: 90px;
    left: 270px;
  }
}

@media (min-width:2251px) and (max-width:2300px)    {
  .textoheader{
    color: #FFFFFF;
    font-size: 16px;
    padding: 0px 0px;
    font-style: italic;
    position: absolute;
    top: 90px;
    left: 270px;
  }
}

@media (min-width:2301px) and (max-width:2350px)    {
  .textoheader{
    color: #FFFFFF;
    font-size: 16px;
    padding: 0px 0px;
    font-style: italic;
    position: absolute;
    top: 90px;
    left: 300px;
  }
}

@media (min-width:2351px) and (max-width:2400px)    {
  .textoheader{
    color: #FFFFFF;
    font-size: 16px;
    padding: 0px 0px;
    font-style: italic;
    position: absolute;
    top: 90px;
    left: 300px;
  }
}

@media (min-width:2401px)  and (max-width:2450px)    {
  .textoheader{
    color: #FFFFFF;
    font-size: 16px;
    padding: 0px 0px;
    font-style: italic;
    position: absolute;
    top: 90px;
    left: 320px;
  }
}

@media (min-width:2451px)  and (max-width:2500px)    {
  .textoheader{
    color: #FFFFFF;
    font-size: 16px;
    padding: 0px 0px;
    font-style: italic;
    position: absolute;
    top: 90px;
    left: 320px;
  }
}

@media (min-width:2501px)      {
  .textoheader{
    color: #FFFFFF;
    font-size: 16px;
    padding: 0px 0px;
    font-style: italic;
    position: absolute;
    top: 90px;
    left: 350px;
  }
}
ssb-title {
  color: #fff;
  font-weight: 200;
  margin:0;
  padding:0;
  text-transform: uppercase;
}

table.of-edu{
  border-collapse: separate;
  border-spacing: 0.2em; 
}

td.of-edu-white{
  background-color: white;
}

td.of-edu-blue{
  background-color: #8e8cbb;
}

td.of-edu-light-blue{
  background-color: #dadbdd;
}

td.of-edu-light-grey{
  background-color: #9e9d9d;
}


th.of-edu-text-lugar {
  background-color: #0C2280;
  color: white;
}

td.text-white {
  color: white;
}

.text-blue {
  color: #0C2280;
}

.space-between-tables{
  margin-bottom:20px;
}

ul.space{
  padding-inline-start: 20px;

}


div.text-cuerpo {
  display: inline-block;
  vertical-align: middle;
  float: none;
}

div.text-cuerpo-blue {
  color: #87868a;
  display: inline-block;
  vertical-align: middle;
  float: none;
}

div.text-titulo-blue-izq {
  color: #575150;
  font-weight: bold;
  text-align: left;
}   
 
div.text-cuerpo-blue-izq {
  color: #87868a;
  text-align: left;
}

div.text-cuerpo-blue1 {
  color: #87868a;
  text-align: left;
}

div.text-titulo-blue {
  color: #575150;
  font-weight: bold;
}   
 
div.text-titulo {
  color: #727176;
  font-weight: bold;
}     


div.text-navbar{
  color: #ffffff; 
  font-size: 24px;
}

.text-content-title-home { 
  text-align: left; 
  margin-top:10px;
  color: #3c3c8d;
  font-weight: bold;
}

.text-content-body{
  text-align: left; 
  margin-top:10px;
  color: #3c3c8d;
}

.text-cargo-director-home{
  text-align: right;
  margin-bottom: 50px; 
  margin-top:0px;
  color: #3c3c8d;
  padding: 0px 0px;
  font-weight: bold;
}


.text-director-home{
  text-align: right;
  margin-bottom: 0px; 
  margin-top:30px;
  color: #3c3c8d;
  padding: 0px 0px;
  font-weight: bold;
}


.form-login { 
  border-radius: 3px;
  background-color: #f2f2f2;
  margin-bottom:5px;
  text-align:left;
  border-radius: 5px;
  padding: 20px;
}

.form-header{
   background-color: #3c3c8d;
   font-size: 17px;
}

.form-login-container{
  max-width:300px;
  margin:0 auto;
}
.text-form-help{
  color: #3c3c8d;
  font-size: 14px;
  font-weight: bold;
}





.row-footer{
}

.square-footer{
 background-color:  #a1a1a5;
}

.row-derechos{
  background-color:  #bfbfc1;
}

.text-center{
  text-align: center;
  width: 100%;
  padding-top: 10px;
}

.text-center1{
  text-align: center;
  width: 100%;
  padding-top: 40px;

}
.container-browsers{
  }
.container-browsers  {
  background-color: #f2f1f1;
  padding-top: 10px;
  text-align: left;
  color: #3c3c8d;
}

.color-fondo-footer {
  background-color: #a0a0a4;
}

.text-derechos-reservados {
  text-align:right;
  color: white;
}


.text-links {
  text-align: left;
  color:white;
}

.text-link-footer{
  text-decoration:none; 
  color: white; 
}



@media (max-width:700px) {
  .text-size-large{
    font-size: 15px;
  }
}

@media  (min-width:701px) and (max-width:990px) {
  .text-size-large{
    font-size: 16px;
  }
}

@media  (min-width:991px) and (max-width:1500px) {
  .text-size-large{
    font-size: 17px;
  }
}

@media  (min-width:1501px) and (max-width:2000px) {
  .text-size-large{
    font-size: 18px;
  }
}

@media  (min-width:2001px) {
  .text-size-large{
    font-size: 19px;
  }
}


@media (max-width:700px) {
  .text-size-medium{
    font-size: 16px;
    padding-right: 15px;
    padding-left: 15px;
  }
}

@media  (min-width:701px) and (max-width:990px) {
  .text-size-medium{
    padding-right: 15px;
    padding-left: 15px;

    font-size: 14px;
  }
}

@media  (min-width:991px) and (max-width:1500px) {
  .text-size-medium{
    font-size: 15px;
    padding-right: 15px;
    padding-left: 15px;

  }
}

@media  (min-width:1501px) and (max-width:2000px) {
  .text-size-medium{
    font-size: 18px;
    padding-right: 20px;
    padding-left: 20px;
  }
}

@media  (min-width:2001px) {
  .text-size-medium{
    font-size: 19px;
    padding-right: 20px;
    padding-left: 20px;
  }
}




@media (max-width:700px) {
  .text-size-medium2{
    font-size: 13px;
    line-height: 110%;

  }
}

@media  (min-width:701px) and (max-width:990px) {
  .text-size-medium2{
    font-size: 14px;
    line-height: 110%;
    
  }
}

@media  (min-width:991px) and (max-width:1500px) {
  .text-size-medium2{
    font-size: 15px;
    line-height: 110%;
  }
}

@media  (min-width:1501px) and (max-width:2000px) {
  .text-size-medium2{
    font-size: 16px;
    line-height: 110%;
  }
}

@media  (min-width:2001px) {
  .text-size-medium2{
    font-size: 17px;
    line-height: 110%;
  }
}








@media (max-width:700px) {
  .text-size-small{
    font-size: 10px;
  }
}

@media  (min-width:701px) and (max-width:990px) {
  .text-size-small{
    font-size: 11px;
  }
}

@media  (min-width:991px) and (max-width:1500px) {
  .text-size-small{
    font-size: 12px;
 
  }
}

@media  (min-width:1501px) and (max-width:2000px) {
  .text-size-small{
    font-size: 13px;

  }
}

@media  (min-width:2001px) {
  .text-size-small{
    font-size: 14px;
  }
}


@media (max-width:700px) {
  .text-size-small-plus{
    font-size: 10px;
  }
}

@media  (min-width:701px) and (max-width:990px) {
  .text-size-small-plus{
    font-size: 10px;
  }
}

@media  (min-width:991px) and (max-width:1500px) {
  .text-size-small-plus{
    font-size: 11px;
 
  }
}

@media  (min-width:1501px) and (max-width:2000px) {
  .text-size-small-plus{
    font-size: 12px;

  }
}

@media  (min-width:2001px) {
  .text-size-small-plus{
    font-size: 13px;
  }
}





@media (max-width:700px) {
  .col-size-deadia{
  padding-right: 0px;
  padding-left: 0px;  
}
}

@media  (min-width:701px) and (max-width:990px) {
  .col-size-deadia{
  padding-right: 0px;
  padding-left: 0px;  
  }
}

@media  (min-width:991px) and (max-width:1500px) {
  .col-size-deadia{
  padding-right: 0px;
  padding-left: 0px;  
 
  }
}

@media  (min-width:1501px) and (max-width:2000px) {
  .col-size-deadia{
  padding-right: 0px;
  padding-left: 0px;  
  }
}

@media  (min-width:2001px) {
  .col-size-deadia{
  padding-right: 0px;
  padding-left: 0px;  
  }
}



@media (max-width:700px) {
  .car-size-deadia{
    width: 15rem;
    align-items: center;
    align-content: center;
    align-self: center;
    alignment-baseline: center;
}
}

@media  (min-width:701px) and (max-width:990px) {
  .car-size-deadia{
    width: 15rem;
  }
}

@media  (min-width:991px) and (max-width:1500px) {
  .car-size-deadia{
    width: 12rem;
    align-items: center;
    align-content: center;
    align-self: center;
    alignment-baseline: center;
 
  }
}

@media  (min-width:1501px) and (max-width:2000px) {
  .car-size-deadia{
    width: 12rem;

  }
}

@media  (min-width:2001px) {
  .car-size-deadia{
    width: 12rem;

  }
}







@media (max-width:700px) {
  .text-size-small-plus{
    font-size: 10px;
  }
}

@media  (min-width:701px) and (max-width:990px) {
  .text-size-small-plus{
    font-size: 10px;
  }
}

@media  (min-width:991px) and (max-width:1500px) {
  .text-size-small-plus{
    font-size: 11px;
 
  }
}

@media  (min-width:1501px) and (max-width:2000px) {
  .text-size-small-plus{
    font-size: 12px;

  }
}

@media  (min-width:2001px) {
  .text-size-small-plus{
    font-size: 13px;
  }
}


















@media   (max-width:700px) {
  .image-size-nav{
    height: 25px;
    width: auto;
  }
}


@media  (min-width:701px) and (max-width:990px) {
  .image-size-nav{
    height: 25px;
    width: auto;
  }
}

@media  (min-width:991px) and (max-width:1500px) {
  .image-size-nav{
    height: 29px;
    width: auto;
 
  }
}

@media  (min-width:1501px) and (max-width:2000px) {
  .image-size-nav{
    height: 29px;
    width: auto;

  }
}

@media  (min-width:2001px) {
  .image-size-nav{
    height: 29px;
    width: auto;
  }
}




th.of-edu-text-lugar {
  background-color: #3c3c8d;
  color: white;
}

td.of-edu-text-description {
  background-color: #edeef0;
  color: #0C2280;
}


.fondo{
  background-image: url("assets/img/Fondo_Foto_Verde.png");

 background-size: cover;
 background-repeat: no-repeat;
}


.inscriptions{
  background-color: #3c3c8d;
}




@media   (max-width:700px) {
  .image-size-button{
    height: 80px;
  }
}


@media  (min-width:701px) and (max-width:990px) {
  .image-size-button{
    height: 80px;
  }
}

@media  (min-width:991px) and (max-width:1500px) {
  .image-size-button{
    height: 84px;
 
  }
}

@media  (min-width:1501px) and (max-width:2000px) {
  .image-size-button{
    height: 100px;

  }
}

@media  (min-width:2001px) {
  .image-size-nav-button{
    height: 100px;
  }
}


@media   (max-width:700px) {
  .image-size-button-gallery{
    height: 25%;
  }
}


@media  (min-width:701px) and (max-width:1500px) {
  .image-size-button-gallery{
    height: 45%;
  }
}

@media  (min-width:1501px) {
  .image-size-button-gallery{
    height: 70%;
 
  }
}





  

@media  (min-width:0px) and  (max-width:700px) {
  .button-height1{
    height: 40px;
  }
}


@media  (min-width:701px) and (max-width:1500px) {
  .button-height1{
    height: 50px;
  }
}

@media  (min-width:1501px) {
  .button-height1{
    height: 65px;
 
  }
}







.img-fluid-height {
  max-width: auto;
  height: 100%;
  

}

@media  (min-width:571)  {
  .color-backround-gallery{
    background-color: #ffffff;

  }
}
@media  (min-width:571px) and (max-width:1299px) {
  .color-backround-gallery{
    background-color: #ffffff;
  }
}





.button-gallery{
  background-color: #d6d5d6;
  width: 100%;
  cursor:pointer;
  border:none;
  cursor:pointer;
  border:none;
  display: inline-block;
  border: 1px solid transparent;
  line-height: 1.5;
  border-radius: 0.25rem;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  display: flex;
  vertical-align: middle;
}

.fondo_content{
   background-color:rgba(255,255,255,0.9); /* rgbA */
}

@media (max-width:700px) {
  .text-size-titulo{
    font-size: 16px;
    padding-right: 15px;
    padding-left: 15px;
  }
}

@media  (min-width:701px) and (max-width:990px) {
  .text-size-titulo{
    padding-right: 15px;
    padding-left: 15px;

    font-size: 14px;
  }
}

@media  (min-width:991px) and (max-width:1500px) {
  .text-size-titulo{
    font-size: 15px;
    padding-right: 15px;
    padding-left: 15px;

  }
}

@media  (min-width:1501px) and (max-width:2000px) {
  .text-size-titulo{
    font-size: 18px;
    padding-right: 20px;
    padding-left: 20px;
  }
}

@media  (min-width:2001px) {
  .text-size-titulo{
    font-size: 19px;
    padding-right: 20px;
    padding-left: 20px;
  }
}

@media (max-width:700px) {
  .navbar-padding{
    padding-left: 0px; 
    padding-right: 0px;  
  }
}

@media  (min-width:701px) and (max-width:990px) {
  .navbar-padding{
    padding-left: 0px; 
    padding-right: 0px;  
  }
}

@media  (min-width:991px) and (max-width:1100px) {
  .navbar-padding{
    padding-left: 0px; 
    padding-right: 0px;  
  }
}


@media  (min-width:1101px) and (max-width:1449px) {
  .navbar-padding{
    padding-left: 4px; 
    padding-right: 4px;  
  }
}

@media  (min-width:1450px) and (max-width:2000px) {
  .navbar-padding{
    padding-left: 12px; 
    padding-right: 12px;  
  }
}

@media  (min-width:2001px) {
  .navbar-padding{
    padding-left: 20px; 
    padding-right: 20px;  
  }
}


@media (max-width:700px) {
  .text-size-medium1{
    font-size: 14px;
  }
}

@media  (min-width:701px) and (max-width:990px) {
  .text-size-medium1{
    font-size: 14px;
  }
}

@media  (min-width:991px) and (max-width:1100px) {
  .text-size-medium1{
    font-size: 15px;
  }
}


@media  (min-width:1101px) and (max-width:1449px) {
  .text-size-medium1{
    font-size: 16px;
  }
}

@media  (min-width:1450px) and (max-width:2000px) {
  .text-size-medium1{
    font-size: 17px;
}
}

@media  (min-width:2001px) {
  .text-size-medium1{
    font-size: 18px;
  }
}


/*

Extra small
<576px  Small
≥576px  Medium
≥768px  Large
≥992px  Extra large
≥1200px
*/