/*
#d8e6ed
#2b3883
#a73fe2
#606060
#f83c69
*/
#patrio {
  background: none;
  background-image: url('https://v3.facturacorp.com/images/an-mexicopatrio.png');
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1;
  -webkit-animation: copo 10s linear infinite;
  animation: copo 10s linear infinite;
  opacity: 0.2;
}

#corazon {
  background: none;
  background-image: url('https://v3.facturacorp.com/images/an-corazon.png');
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1;
  -webkit-animation: copo 10s linear infinite;
  animation: copo 10s linear infinite;
  opacity: 0.5;
}
#otono {
  background: none;
  background-image: url('https://v3.facturacorp.com/images/an-otono.png');
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1;
  -webkit-animation: copo 10s linear infinite;
  animation: copo 10s linear infinite;
}
#nieve {
  background: #27378569;
  background-image: url('https://v3.facturacorp.com/images/an-nieve.png');
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1;
  -webkit-animation: copo 10s linear infinite;
  animation: copo 10s linear infinite;
}

@keyframes copo {
  0% {
    background-position: 0px 0px, 0px 0px, 0px 0px;
  }

  50% {
    background-position: 500px 500px, 100px 200px, -100px 150px;
  }

  100% {
    background-position: 500px 1000px, 200px 400px, -100px 300px;
  }
}

#page-top, #top-d{
  position: relative;
}

.lds-circle {
  display: inline-block;
  transform: translateZ(1px);
  position: fixed;
  top: 65px;
  left: 0px;
  z-index: 2000;
  transition-duration: 6s;
}

.lds-circle p {
  background: linear-gradient(80deg, #ff574c 20%, #ff0b6b 80%);
  border-radius: 0px 8px 8px 8px;
  border-width: 0px;
  font-weight: bold;
  color: #FFF;
  font-size: 0px;
  margin: 0px;
  padding: 0px;
  position: absolute;
  left: 65px;
  top: 30px;
  width: 0px;
  text-align: center;
  animation: mostraralertapromo 10s ease-in-out 1 !important;
}

@-webkit-keyframes mostraralertapromo {
  0% {
    width: 0px;
    padding: 0px;
    font-size: 0px;
  }

  10% {
    width: 180px;
    padding: 5px 10px;
    font-size: 13px;
  }

  90% {
    width: 180px;
    padding: 5px 10px;
    font-size: 13px;
  }

  100% {
    width: 0px;
    padding: 0px;
    font-size: 0px;
  }
}

@keyframes mostraralertapromo {
  0% {
    width: 0px;
    padding: 0px;
    font-size: 0px;
  }

  10% {
    width: 180px;
    padding: 5px 10px;
    font-size: 12px;
  }

  90% {
    width: 180px;
    padding: 5px 10px;
    font-size: 12px;
  }

  100% {
    width: 0px;
    padding: 0px;
    font-size: 0px;
  }
}

/*
@-webkit-keyframes mostraralertapromo {
  0%{ width: 0px;padding: 0px;font-size: 0px; }
  50%{ width: 200px;padding: 5px 10px;font-size: 13px; }
  100%{ width: 0px;padding: 0px;font-size: 0px; }
}

@keyframes mostraralertapromo {
  0%{ width: 200px;padding: 0px;font-size: 0px; }
  50%{ width: 0px;padding: 0px;font-size: 0px; }
  100%{ width: 0px;padding: 0px;font-size: 0px; }
}*/

.lds-circle>div {
  display: inline-block;
  width: 51px;
  height: 51px;
  margin: 6px;
  border-radius: 50%;
  background-image: url(https://3.0.facturacorp.com/images/token/08-corporativo.png);
  animation: lds-circle 5s cubic-bezier(0, 0.2, 0.8, 1) 2;
  border: 2px solid #91291f;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .16), 0 2px 10px 0 rgba(0, 0, 0, .12);
  background-position: 50%;
  background-size: 100%;
}

@keyframes lds-circle {

  0%,
  100% {
    animation-timing-function: cubic-bezier(0.5, 0, 1, 0.5);
  }

  0% {
    transform: rotateY(0deg);
  }

  50% {
    transform: rotateY(1800deg);
    animation-timing-function: cubic-bezier(0, 0.5, 0.5, 1);
  }

  100% {
    transform: rotateY(3600deg);
  }
}

@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,700;1,800&display=swap');
/*font-family: 'Open Sans', sans-serif;*/


body, p, h1, h2, div, a{
font-family: 'Open Sans', sans-serif;
}

/************************************************************
HEADER promos

**********************************/


#carouselExampleSlidesOnly .d-block{
   width: 80%;
  text-align: center;
  margin-left: calc(50% - 40%);
}

.section-a-promos{
margin-top: 0px !important;  
}
.boton-verplanes-promos{
  position: absolute;
  display: flex;
  width: 200px;
  justify-content: center;
  text-align: center;
  top: 50%;
  left: calc(50% - 100px);
  border-style: solid;
  font-size: 20px;
  color: #2f6649;
  font-weight: bold;
  border-width: 1px;
  border-radius: 25px;
  padding: 9px 0px;
}









/************************************************************
HEADER 

**********************************/



body {
    background-color: #fff !important;
  }


.li-nav-menu{
font-family: 'Open Sans', sans-serif;
font-size: 17px !important;
font-weight: 600 !important;
padding: 20px 22px !important;
font-weight: 600 !important;
height: 25px !important;
line-height: 0px !important;
margin-right: 15px;
color: black !important;
text-transform: uppercase;
}

.li-nav-menu:hover{
  color: black !important;
  text-transform: uppercase;
  border-style: solid;
  border-radius: 10px;
}
.landing-page .navbar-default li a:hover {
  border-bottom: solid !important;
}
.li-nav-menu.active{
  color: black !important;
  text-transform: uppercase;
  border-style: solid;
  border-radius: 10px;
}
.landing-page .navbar-default .navbar-nav > .active > a, .landing-page .navbar-default .navbar-nav > .active > a:hover, .landing-page .navbar-default .navbar-nav > .active > a:focus {
  color: black !important;
  text-transform: uppercase;
  border-style: solid;
  border-radius: 10px;
}
.navbar-header{
  margin-top: 30px;
}

.navbar-default{
  height: 100px;
border-style: none;
}
#navbar{
position: absolute;
right: 0px;
top: 26px;
width: 274px;
display: block !important;
}


#page-top{
  margin-top: 65px;
padding-bottom: 0px;
border: none;
}

#page-top{
  padding-bottom: 0px;
  border: none;
 height: 87%;
  margin-top: 0px;
}

#logo-header{
width: 350px;
  margin-top: 50px;
}


.navbar .container{
  width: 75%;
}

.navbar-nav{
 float: inherit;
justify-content: center;
text-align: center;
width: 700px;
margin-left: calc(50% - 350px);
padding-left: 50px; 
}
.navbar-1{
 width: 200px;
float: left; 
}
.container{
  position: relative;
}
.navbar-header {
    float: inherit;
}

.boton-ingresa-header {
  width: 125px;
  color: #2a3989;
  padding: 8px 0px;
  text-align: center;
  font-size: 16px;
  border-radius: 10px;
  display: inline-block;
  border-style: solid;
  font-weight: bold;
}
.boton-registrate-header {
  width: 125px;
  color: #2de182;
  padding: 8px 0px;
  text-align: center;
  font-size: 16px;
  border-radius: 10px;
  display: inline-block;
  border-style: solid;
  font-weight: bold;
  margin-left: 10px;
}


/************************************************************
HEADER

**********************************/
#page-top, .navbar{
  background-color: #d8e6ed !important;
}

.navbar{
  position: static;
  height: 130px;
  margin-bottom: 0px;
}




#page-top input::placeholder {
  color:#283786;
}
#page-top input {
  height: 71px;
  background-color: #d8e6ed;
  border-color: #d8e6ed !important;
    border-top-color: rgb(216, 230, 237);
  font-size: 18px;
  border-top-color: white !important;
  border-width: 3px;
}


#page-top > div:nth-child(1) > div:nth-child(1) > div:nth-child(2){
padding-top: 80px;
}


.boton-crear-cuenta-css{
  width: 200px;
  font-size: 20px;
  margin-left: calc(50% - 100px) !important;
  margin-top: 25px;
  border: none;
  border-radius: 34px;
  padding: 16px;
  background: rgb(167,63,226);
  background: linear-gradient(90deg, rgba(167,63,226,1) 0%, rgba(186,64,204,1) 0%, rgba(167,63,226,1) 0%, rgba(201,65,185,1) 25%, rgba(241,68,138,1) 56%, rgba(248,60,105,1) 100%);
}

.texto-header{
  width: 450px;
  position: absolute;
  top: 70px;
}

#page-top div.animated-panel:nth-child(2){
  text-align: center;
}
/************************************************************
MODULO a

**********************************/
#top-a{
background-color: #2b3883;
padding: 0px;
}
#top-a div.col-xl-4:nth-child(1){
background-image: url("/images/img-3.jpg");
  background-size: cover;
  background-position: center;
}
.img-realiza-cfdis{
  width: 100%;
  height: 100%;
  opacity: -1.1;
}

#top-a .col-xl-8{
  height: 100%;
}

.text-realiza-cfdis{
font-size: 70px;
  color: #fff !important;
  font-weight: bold;
  font-family: 'Open Sans', sans-serif;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  line-height: 69px;
}


#top-a  .col-xl-8 > a{
  position: absolute;
  bottom: 20%;
}


/************************************************************
MODULO c

**********************************/
#top-c {
  background-color: #d8e6ed !important;
  padding: 0px;
}
.text-no-requieres{
  font-size: 70px;
  color: #2b3883 !important;
  font-weight: bold;
  font-family: 'Open Sans', sans-serif;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  line-height: 68px;
}
#top-c .col-xl-8:nth-child(1){
height: 100%;
}
.img-requiere{
  width: 100%;
  height: 100%;
   opacity: -1.1;
}
#top-c div.col-xl-4:nth-child(2){
background-image: url("/images/img-4.jpg");
  background-size: cover;
  background-position: center;
}

#top-c  .col-xl-8 > a{
  position: absolute;
  bottom: 20%;
}

/************************************************************
 MODULO b

**********************************/
#top-b{
background-color: #273785;
}

.img-compartir{
  width: 500px;
  margin-top: 30%;
}

#top-b .col-xl-5{
text-align: right;
}
.text-compartir{
  font-size: 70px;
  color: #fff !important;
  font-weight: bold;
  font-family: 'Open Sans', sans-serif;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  line-height: 69px;
}


#top-b  .col-xl-7 > a{
  position: absolute;
  bottom: 20%;
}

#top-b  .col-xl-7{
  height: 100%;
}


/************************************************************
/*louder
**********************************/
.logo-loader{
  width: 100px;
}

.mensaje-loader{
  font-size: 18px;
}

@-webkit-keyframes loader-example-1--loader {
  100% {
    -webkit-transform: rotate3d(0, 0, 1, 360deg);
            transform: rotate3d(0, 0, 1, 360deg);
  }
}
@keyframes loader-example-1--loader {
  100% {
    -webkit-transform: rotate3d(0, 0, 1, 360deg);
            transform: rotate3d(0, 0, 1, 360deg);
  }
}
@-webkit-keyframes loader-example-1--dot-1 {
  0%, 100% {
    -webkit-transform: rotate3d(0, 0, 1, 120deg) translateY(0);
            transform: rotate3d(0, 0, 1, 120deg) translateY(0);
  }
  50% {
    -webkit-transform: rotate3d(0, 0, 1, 120deg) translateY(-2rem);
            transform: rotate3d(0, 0, 1, 120deg) translateY(-2rem);
  }
}
@keyframes loader-example-1--dot-1 {
  0%, 100% {
    -webkit-transform: rotate3d(0, 0, 1, 120deg) translateY(0);
            transform: rotate3d(0, 0, 1, 120deg) translateY(0);
  }
  50% {
    -webkit-transform: rotate3d(0, 0, 1, 120deg) translateY(-2rem);
            transform: rotate3d(0, 0, 1, 120deg) translateY(-2rem);
  }
}
@-webkit-keyframes loader-example-1--dot-2 {
  0%, 100% {
    -webkit-transform: rotate3d(0, 0, 1, 240deg) translateY(0);
            transform: rotate3d(0, 0, 1, 240deg) translateY(0);
  }
  50% {
    -webkit-transform: rotate3d(0, 0, 1, 240deg) translateY(-2rem);
            transform: rotate3d(0, 0, 1, 240deg) translateY(-2rem);
  }
}
@keyframes loader-example-1--dot-2 {
  0%, 100% {
    -webkit-transform: rotate3d(0, 0, 1, 240deg) translateY(0);
            transform: rotate3d(0, 0, 1, 240deg) translateY(0);
  }
  50% {
    -webkit-transform: rotate3d(0, 0, 1, 240deg) translateY(-2rem);
            transform: rotate3d(0, 0, 1, 240deg) translateY(-2rem);
  }
}
@-webkit-keyframes loader-example-1--dot-3 {
  0%, 100% {
    -webkit-transform: rotate3d(0, 0, 1, 360deg) translateY(0);
            transform: rotate3d(0, 0, 1, 360deg) translateY(0);
  }
  50% {
    -webkit-transform: rotate3d(0, 0, 1, 360deg) translateY(-2rem);
            transform: rotate3d(0, 0, 1, 360deg) translateY(-2rem);
  }
}
@keyframes loader-example-1--dot-3 {
  0%, 100% {
    -webkit-transform: rotate3d(0, 0, 1, 360deg) translateY(0);
            transform: rotate3d(0, 0, 1, 360deg) translateY(0);
  }
  50% {
    -webkit-transform: rotate3d(0, 0, 1, 360deg) translateY(-2rem);
            transform: rotate3d(0, 0, 1, 360deg) translateY(-2rem);
  }
}
.loader-example-1 .loader {
  width: 2rem;
  height: 2rem;
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
  -webkit-animation: loader-example-1--loader 2000ms ease-in-out infinite;
          animation: loader-example-1--loader 2000ms ease-in-out infinite;
  margin-left: 23px;
}
.loader-example-1 .loader--dot {
  display: block;
  width: 2rem;
  height: 2rem;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 50%;
}
.loader-example-1 .loader--dot:nth-of-type(1) {
  background-color: #273785;
  -webkit-animation: loader-example-1--dot-1 2000ms ease-in-out infinite;
          animation: loader-example-1--dot-1 2000ms ease-in-out infinite;
}
.loader-example-1 .loader--dot:nth-of-type(2) {
  background-color:  #5c3be6;
  -webkit-animation: loader-example-1--dot-2 2000ms ease-in-out infinite;
          animation: loader-example-1--dot-2 2000ms ease-in-out infinite;
}
.loader-example-1 .loader--dot:nth-of-type(3) {
  background-color: #461aff;
  -webkit-animation: loader-example-1--dot-3 2000ms ease-in-out infinite;
          animation: loader-example-1--dot-3 2000ms ease-in-out infinite;
}


  




/*///////////////////////////////////////////////
  WHATSAPP
///////////////////////////////////////////////////////////////////*/

.wp_section {

  position: fixed;
  right: 15px;
  bottom: 40px;
  height: 80px;
  width: 80px;
  z-index: 5;

}

/*what_sapp_icon*/

.what_sapp_icon .wp_icon_star {
  position: static;
  width: 60px;
  height: 60px;
  -webkit-transform: scale(0.7);
  -ms-transform: scale(0.7);
  transform: scale(0.7);
  -webkit-animation: whatsapp_star_animation 5s ease alternate infinite;
  animation: whatsapp_star_animation 5s ease alternate infinite;
}

.what_sapp_icon .wp_icon_circles {
  width: 8px;
  height: 8px;
  background: transparent;
  border-radius: 50%;
  position: absolute;
  left: calc(50% - 4px);
  top: calc(50% - 4px);
  -webkit-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
  -webkit-animation: what_sapp_icon-circles 5s ease-in-out alternate infinite;
  animation: what_sapp_icon-circles 5s ease-in-out alternate infinite;
}




@-webkit-keyframes what_sapp_icon-circles {
  0% {
    -webkit-box-shadow: 0 0 0 #00e676;
    box-shadow: 0 0 0 #00e676;
    opacity: 1;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  4% {
    -webkit-box-shadow: 24px -22px #00e676, 30px -15px 0 -3px #00e676, 31px 0px #00e676, 29px 9px 0 -3px #00e676, 24px 23px #00e676, 17px 30px 0 -3px #00e676, 0px 33px #00e676, -10px 28px 0 -3px #00e676, -24px 22px #00e676, -29px 14px 0 -3px #00e676, -31px -3px #00e676, -30px -11px 0 -3px #00e676, -20px -25px #00e676, -12px -30px 0 -3px #00e676, 5px -29px #00e676, 13px -25px 0 -3px #00e676;
    box-shadow: 24px -22px #00e676, 30px -15px 0 -3px #00e676, 31px 0px #00e676, 29px 9px 0 -3px #00e676, 24px 23px #00e676, 17px 30px 0 -3px #00e676, 0px 33px #00e676, -10px 28px 0 -3px #00e676, -24px 22px #00e676, -29px 14px 0 -3px #00e676, -31px -3px #00e676, -30px -11px 0 -3px #00e676, -20px -25px #00e676, -12px -30px 0 -3px #00e676, 5px -29px #00e676, 13px -25px 0 -3px #00e676;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
  }

  80% {
    -webkit-box-shadow: 24px -22px #00e676, 30px -15px 0 -3px #00e676, 31px 0px #00e676, 29px 9px 0 -3px #00e676, 24px 23px #00e676, 17px 30px 0 -3px #00e676, 0px 33px #00e676, -10px 28px 0 -3px #00e676, -24px 22px #00e676, -29px 14px 0 -3px #00e676, -31px -3px #00e676, -30px -11px 0 -3px #00e676, -20px -25px #00e676, -12px -30px 0 -3px #00e676, 5px -29px #00e676, 13px -25px 0 -3px #00e676;
    box-shadow: 24px -22px #00e676, 30px -15px 0 -3px #00e676, 31px 0px #00e676, 29px 9px 0 -3px #00e676, 24px 23px #00e676, 17px 30px 0 -3px #00e676, 0px 33px #00e676, -10px 28px 0 -3px #00e676, -24px 22px #00e676, -29px 14px 0 -3px #00e676, -31px -3px #00e676, -30px -11px 0 -3px #00e676, -20px -25px #00e676, -12px -30px 0 -3px #00e676, 5px -29px #00e676, 13px -25px 0 -3px #00e676;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
  }

  100% {
    opacity: 0;
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
    -webkit-box-shadow: 25px -22px #00e676, 15px -22px 0 -3px black, 31px 2px #00e676, 21px 2px 0 -3px black, 23px 25px #00e676, 13px 25px 0 -3px black, 0px 33px #00e676, -10px 33px 0 -3px black, -26px 24px #00e676, -19px 17px 0 -3px black, -32px 0px #00e676, -23px 0px 0 -3px black, -25px -23px #00e676, -16px -23px 0 -3px black, 0px -31px #00e676, -2px -23px 0 -3px black;
    box-shadow: 25px -22px #00e676, 15px -22px 0 -3px black, 31px 2px #00e676, 21px 2px 0 -3px black, 23px 25px #00e676, 13px 25px 0 -3px black, 0px 33px #00e676, -10px 33px 0 -3px black, -26px 24px #00e676, -19px 17px 0 -3px black, -32px 0px #00e676, -23px 0px 0 -3px black, -25px -23px #00e676, -16px -23px 0 -3px black, 0px -31px #00e676, -2px -23px 0 -3px black;
  }
}

@-webkit-keyframes whatsapp_star_animation {
  0% {
    -webkit-transform: scale(0) rotate(0deg);
    transform: scale(0) rotate(0deg);
  }

  15% {
    -webkit-transform: scale(0.7) rotate(360deg);
    transform: scale(0.7) rotate(360deg);
  }

  100% {
    -webkit-transform: scale(0.7) rotate(360deg);
    transform: scale(0.7) rotate(360deg);
  }
}

@keyframes whatsapp_star_animation {
  0% {
    -webkit-transform: scale(0) rotate(0deg);
    transform: scale(0) rotate(0deg);
  }

  15% {
    -webkit-transform: scale(0.7) rotate(360deg);
    transform: scale(0.7) rotate(360deg);
  }

  100% {
    -webkit-transform: scale(0.7) rotate(360deg);
    transform: scale(0.7) rotate(360deg);
  }
}

@media (max-width: 400px) {
  .wp_section {
    position: fixed;
    right: 10px;
    bottom: 10px;
    height: 80px;
    width: 80px;
    z-index: 5;
  }
}

















/*RESPONSIVO==============================================================================================================*/


/*  ====================================================================================================================*/
@media(max-width:1600px ){



}



@media(max-width: 1480px){
.text-realiza-cfdis, .text-compartir {
  font-size: 50px;
  line-height: 55px;
}
.text-no-requieres{
font-size: 49px;
line-height: 55px;
}
#top-a, #top-b, #top-c{
  height: 600px;
}
.img-compartir {
  width: 365px;
  margin-top: 50px;
}

#top-c .col-xl-8 > a {
  position: absolute;
  bottom: 10%;
}
#top-b .col-xl-7 > a {
  position: absolute;
  bottom: 10%;
}
#top-a .col-xl-8 > a {
  position: absolute;
  bottom: 14%;
}
}
/*  ====================================================================================================================*/
@media(max-width:1240px ){



}


/*  ====================================================================================================================*/
@media(max-width:1220px ){



}
/*  ====================================================================================================================*/
@media(max-width:1200px ){






}


/*  ====================================================================================================================*/
@media(max-width:1125px ){


}
/*  ====================================================================================================================*/
@media(max-width:1050px ){

}
/*  ====================================================================================================================*/
@media(max-width:992px ){
#page-top  div.col-xl-6:nth-child(1){
  text-align: center;
}
.texto-header {
  width: 285px;
  position: inherit;
  margin-top: -100px;
}
#page-top {
 height: auto;
    padding-bottom: 100px;
}
  #top-a, #top-b, #top-c {
    height: auto;
  }


 #top-a div.col-xl-4:nth-child(1){
height: 470px;
}

#top-a .col-xl-8 {
  height: 500px;
}
.text-realiza-cfdis {
  top: 42%;
}
#top-c .col-xl-8:nth-child(1) {
    height: 500px;
}
 #top-c div.col-xl-4:nth-child(2){
height: 470px;
}


.text-compartir {
    top: 42%;
}
.text-no-requieres{
    top: 42%;
}
#top-b .col-xl-5 {
  text-align: center;
}
#top-b .col-xl-7 {
 height: 500px;
}
.row {
  margin-right: auto;
}

#top-c > div:nth-child(1) > div:nth-child(1){
  display: grid;
}
#top-c div.col-xl-8:nth-child(1){
  order: 1;
}
}

/*  ====================================================================================================================*/
@media(max-width:899px ){


}


/*  ====================================================================================================================*/
@media(max-width: 767px){

  .text-realiza-cfdis, .text-compartir {
    font-size: 37px;
    line-height: 42px;
  }
 .text-no-requieres {
    font-size: 35px;
    line-height: 41px;
  }

.navbar-1{
  margin-left: calc(50% - 120px);
  width: 240px;
}
#logo-header {
  width: 240px;
}
}

/*  ====================================================================================================================*/
@media(max-width: 675px){




}
/*  ====================================================================================================================*/

/*  ====================================================================================================================*/



/*  ====================================================================================================================*/
@media(max-width: 560px){

}

/*  ====================================================================================================================*/
@media(max-width: 500px){

}
/*  ====================================================================================================================*/

@media(max-width: 479px){



}

/*  ====================================================================================================================*/
@media(max-width: 400px){


}
/*  ====================================================================================================================*/
@media(max-width: 450px){

}