#main::before {
     content: " ";
     position: absolute;
     width: 100vw;
     height: 100vh;
     margin: 0 -50%;
     z-index: -1;
     background-image: url(images/backgrounds/home1.png);
     background-size: cover;
     background-repeat: no-repeat;
     overflow-x: hidden;
     background-size: cover;
     background-position: center center;
     /* background-position: top center; */
 }

 .btn_container {
     margin: 1.5em 0px;
     display: flex;
     flex-direction: row;
     justify-content: flex-start;
 }

 .socials {
     text-align: left;
     height: fit-content;
     margin: unset !important;
     align-items: center;
 }

 .socials a {
     padding: 10px;
 }

 .circle_icon {
     width: 30px;
     height: 30px;
     border-radius: 50%;
     background-size: cover;
     background-position: center;
 }

 .facebook {
     background-image: url("images/icons/facebook.png");
 }

 .facebook_navy {
     background-image: url("images/icons/facebook_navy.png");
 }

 .linkedin {
     background-image: url("images/icons/linkedin.png");
 }

 .linkedin_navy {
     background-image: url("images/icons/linkedin_navy.png");
 }

 .line {
     display: flex;
     justify-content: space-between;
     align-items: center;
 }

 .main_main0 {
     display: flex;
     position: relative;
     flex-direction: column;
     flex-wrap: wrap;
     width: 100vw;
     padding: 0 10%;
     padding-top: 100px;
     margin: auto;
     min-height: 100vh;
     color: #fff;
 }

 .main_main0 h1 {
     /* text-shadow: 1px 1px 1px #444; */
 }

 .main_head {
     text-align: left;
     display: flex;
     flex-direction: column;
     justify-content: flex-start;
     padding: 10vh 0;
 }

 .main_title {
     width: 37vw;
     /*amíg a slideshow el nem készül*/
 }

 .main_btn>p {
     /* font-size: 0.8em; */
 }

 .character {
     display: flex;
     justify-content: center;
     align-items: center;
     flex-direction: column;
     width: 50%;
     max-width: 400px;
 }

 .char_slideshow {
     background: url("images/backgrounds/bg_0.png") center center no-repeat;
     background-size: contain;
     width: 100%;
     height: 50%;
 }

 .char_bg {
     background: url("images/backgrounds/forest.png") center center no-repeat;
     background-size: contain;
     width: 100%;
     height: 50%;
     display: flex;
     justify-content: center;
     align-items: center;
     flex-direction: column;

 }

 /*main_main1*/
 /* .main1_cards {
     padding: 6vh 0;

 } */

 .main1_cards .center {
     display: flex;
     flex-direction: row;
     max-width: 80%;
     /* overflow: hidden; */
     margin: auto;
     min-height: 400px;
     position: relative;
     width: 100%;
     height: 100%;
     margin-bottom: 20px;
 }

 .main_main1 {
     padding: 2vh 0;
     display: flex;
     flex-direction: column;
     justify-content: space-between;
 }

 .main_main1 .dot_container {

     margin: 50px auto;
 }

 .main_main1 .dot_container {
     position: unset;
     width: 100%;
     justify-content: center;

 }

 .main_main3 .dot_container,
 .main_main4 .dot_container {
     position: absolute;
     bottom: 100px;
     width: 100%;
     justify-content: center;
     bottom: 50px;
 }

 .main_main4 .dot_container {
     bottom: 100px;
 }

 .main_main4 .small_card {
     margin-bottom: 0px;
 }

 .main_main1 .dot,
 .main_main3 .dot,
 .main_main4 .dot {
     background-color: #00000033;
 }

 .main1_cards .ccard {
     display: flex;
     justify-content: flex-start;
     text-align: left;
     padding: 40px 20px;
     align-items: center;
     flex-direction: column;
     margin: auto;
     max-width: 580px;
     height: 420px;
     color: #fff;
     border-radius: 20px;
     box-shadow: 0px 3px 6px #00000033;
     position: absolute;
     left: 0;
     right: 0;
     transition: transform .5s ease;
     transform: translatex(0) scale(0);
     z-index: 0;

 }

 .main1_cards .ccard p {
     width: 85%;
 }

 .centered {
     transform: translatex(0) scale(1) !important;
     z-index: 10 !important;
 }

 .rightd {
     transform: translatex(-50%) scale(.8) !important;
     z-index: 5 !important;
 }

 .leftd {
     transform: translatex(50%) scale(.8) !important;
     z-index: 5 !important;
 }

 #card-1 {
     background-color: #FFB430;
 }

 #card-2 {

     background-color: #37A628;
 }

 #card-3 {
     background-color: #EE3737;
 }

 #card-4 {
     background-color: #8373CE;
 }

 #card-5 {
     background-color: #008C35;
 }

 #card-6 {
     background-color: #22C0D7;
 }

 .main_main1 .ctabtn {
     background-color: #008C35;
 }

 .main1_foot>p {
     /* font-size: 0.8em; */
 }


 .main1_cards .slider {
     width: 15%;
     bottom: -110px;
     min-width: 15vw;
     top: auto;
     left: 50%;
     transform: translate(-50%, 0);
 }

 /*main_main2*/
 .main_main2 {
     display: flex;
     flex-direction: column;
     justify-content: space-between;
     background-image: linear-gradient(#37A628, #008C35);
     color: #fff;
 }

 .main2_list {
     width: 50vw;
     text-align: left;
     margin: auto;
     display: flex;
     flex-direction: column;
     flex-wrap: wrap;
     justify-content: space-around;
 }

 .main2_list>.listel {
     display: flex;
     flex-direction: row;
     justify-content: space-evenly;
     flex-wrap: wrap;
     margin: 2% 0;
 }

 .main2_list>.listel>.num {
     /* width: 4vw; */
     height: 15vh;
 }

 .main2_list>.listel>.text {
     width: 35vw;
     display: flex;
     justify-content: flex-start;
 }

 .main2_list>.listel>.text p {
     margin: 0;
 }

 .main_main2>.ctabtn {
     background-color: #008C35;
 }

 .readbtn {
     background-color: #22C0D7;
 }

 .main2_foot>p {
     /* font-size: 0.8em; */
 }

 .main2_foot {
     padding: 30px;
     position: relative;
     overflow: hidden;
 }

 .bcontent {
     margin: 8vh 0;

 }

 .bcontent p {
     /* font-size: .8em; */
 }

 .mozsi {
     background: transparent url("images/backgrounds/bg_2.png") center center no-repeat;
     background-size: contain;
     width: 28vh;
     height: 28vh;
     position: absolute;
     bottom: -80px;
     left: 10%;
 }

 .lillo {
     background: transparent url("images/backgrounds/bg_3.png") center center no-repeat;
     background-size: contain;
     width: 28vh;
     height: 28vh;
     position: absolute;
     bottom: -80px;
     right: 10%;
 }

 /*main_main3*/
 .main_main3 {
     min-height: 90vh;
     background-color: #F7F7F7;
     overflow: hidden;
     padding-top: 3vh;
     padding-bottom: 5vh;
 }

 .main3_head {
     max-width: 1050px;
     text-align: left;
     margin: 0 auto;
 }

 .main3_head>h2 {
     text-align: center;
 }

 .main3_head>p {
     /* max-width: 90%; */
     margin-top: 50px;
     text-align: center;
 }


 .main3_cards {
     margin-top: 10vh;
 }

 .cardimg {
     background-size: cover;
     background-position: center;
     background-repeat: no-repeat;
 }

 .main_main4 {
     background-color: #FFFFFF;
     padding: 2vh;
 }

 .main4_list {
     text-align: left;
     display: flex;
     flex-direction: row;
     flex-wrap: wrap;
     justify-content: space-around;
     width: 60vw;
     margin: 5% auto;
 }

 .main4_list>.listel>.num {
     width: 8vw;
     height: 15vh;
 }

 .main4_list>.listel>.text {
     display: flex;
     justify-content: center;
     align-items: center;
     flex-direction: column;

 }

 .main4_list>.listel {
     display: flex;
     justify-content: flex-start;
     align-items: center;
     flex-direction: column;
     width: 7vw;
     font-weight: 700;
     text-align: center;
     /* font-size: .9em; */
 }

 /* .main_main4 .small_card h3 {
    font-size: 1.2em;
} */

 .main_main4 .arrow_container {
     min-width: 93%;
     top: 39%;

 }

 .main_main4 #quote_left,
 .main_main4 #quote_right {
     width: 35px;
     height: 35px;

 }

 .limg {
     height: 150px;
     width: 150px;
     display: flex;
     justify-content: center;
     align-items: center;
     font-size: 1.5em;
     color: #fff;
     font-family: "Quicksand";
     margin-bottom: 10px;
 }

 #list1 .limg {
     background: transparent url("images/blue.png") center center no-repeat;
     background-size: contain;
 }

 #list2 .limg {
     background: transparent url("images/red.png") center center no-repeat;
     background-size: contain;
 }

 #list3 .limg {
     background: transparent url("images/yellow.png") center center no-repeat;
     background-size: contain;
 }

 #list4 .limg {
     background: transparent url("images/purple.png") center center no-repeat;
     background-size: contain;
 }

 #list5 .limg {
     background: transparent url("images/green.png") center center no-repeat;
     background-size: contain;
 }

 .main_main4 .small_card .quote {

     color: #008C35;
     font-style: italic;
 }

 .main_main5 {
     background: #8373CE;
     color: #fff;
     padding-bottom: 2vh;
     position: relative;
 }

 .main5_memo {
     background: #00000026;
     min-height: 35vh;
     padding: 6vh 0;
     padding-top: 7vh;
 }

 .main5_memo>p {
     width: 45vw;
     margin: auto;
 }

 .main5_disclaimer {
     width: 40vw;
     margin: 6vh auto;
     display: flex;
     flex-direction: column;
   
 }

 .mole>img {
     /*width: 6vw;*/
     height: 15vh;
     margin-right: 1vw;
 }

 .main5_disclaimer>.text {
     /* font-size: 0.75em; */
     text-align: left;
 }

 .main5_disclaimer>.disc_container {
     display: flex;
     flex-direction: row;
     /* font-size: 0.7em;- */
     text-align: left;
     margin-top: 35px;
 }

 .main5_disclaimer>.disc_container>.text {
     display: flex;
     flex-direction: row;
     justify-content: center;
     align-items: center;
     max-width: 75%;
 }

 .main5_foot>p {
     /* font-size: 0.7em; */
 }

 .main_main2 .ctabtn,
 .main_main2 .readbtn,
 .main_main5 .readbtn,
 .main_main5 .ctabtn {
     width: 25vw;
 }


 .patya {
     background: transparent url("images/patya.png") center center no-repeat;
     background-size: contain;
     width: 28vh;
     height: 25vh;
     position: absolute;
     bottom: -100px;
     left: 5%;
 }

 .pw_stepper {
     display: flex;
     justify-content: space-around;
     align-items: center;
     flex-direction: row;
     height: 100px;
     width: 200px;
 }

 .pw_step {
     border-radius: 50%;
     width: 20px;
     height: 20px;
     background: #37A62899;
 }

 .current {
     background: #37A628;
     transform: scale(1.4);
 }

 .row {
     display: flex;
     flex-direction: row;
     margin: 0px auto;
 }

 .half {
     width: 50%;
 }

 .column {
     display: flex;
     flex-direction: column;
 }

 .small_card {
     width: 55%;
     min-height: 450px;
     background-color: #ffffff;
     box-shadow: 0px 53px 46px #1B2D5524;

     margin: auto;
     margin-bottom: 100px;
     text-align: right;

     background-size: contain;
     background-position: right bottom;
     background-repeat: no-repeat;

 }

 .small_card>.column {

     text-align: left;
     padding-top: 40px;
     justify-content: flex-start;
     align-items: center;
     padding: 40px;
 }

 .small_card>.column>p {
     /* font-size: 1em; */
     text-align: left;
     width: 100%;
     display: flex;
     color: #000;
 }

 .small_card>.column>h3 {
     /* font-size: 1.3em; */
     text-align: left;
     width: 100%;
 }


 .small_card_comment {
     padding: 20px;
     line-height: 2.5em;
     margin-bottom: 100px;
 }

 .leftArrow {
     background: transparent url("images/icons/gleft.png") center center no-repeat;
     background-size: contain;
     width: 46px;
     height: 46px;

 }

 .rightArrow {
     background: transparent url("images/icons/gright.png") center center no-repeat;
     background-size: contain;
     width: 46px;
     height: 46px;
 }

 #card_bullet .card_container {
     position: relative;

 }

 .cow {
     overflow: hidden;
 }

 .cow>img {
     width: 100%;
     margin-bottom: -7px;
 }

 .card_container {
     display: flex;
     justify-content: center;
     align-items: center;
     flex-direction: row;
     max-width: 1200px;
     min-height: 65vh;
     /* overflow: hidden; */
     margin: auto;
     position: relative;
 }

 .card_container .small_card {
     min-width: 70%;
     width: 90%;
     z-index: 50;
     position: absolute;
     opacity: 0;
 }

 #card_bullet .small_card h2 {
     max-width: 480px;

 }

 .arrow_container {
     display: flex;
     justify-content: space-between;
     align-items: center;
     flex-direction: row;
     min-width: 90vw;
     height: 100px;
     z-index: 80;
     position: absolute;
     top: 35%;
 }

 .main4_cards .small_card {
     opacity: 1;
     min-height: 270px;
     text-align: center;
     display: flex;
     justify-content: center;
     align-items: center;
     flex-direction: column;
     padding-top: 20px;
     min-width: 95%;
 }

 .main4_cards .card_container {
     min-height: 45vh;
     align-items: flex-start;
 }

 .animate {
     -webkit-animation: opacity 6s infinite;
     animation: opacity 6s infinite;
 }

 @keyframes opacity {
     0% {
         opacity: .10;
     }

     10% {
         opacity: .25;
     }

     25% {
         opacity: .5;
     }

     50% {
         opacity: .75;
     }

     80% {
         opacity: 1;
     }

     90% {
         opacity: .5;
     }

     95% {
         opacity: .25;
     }

     100% {
         opacity: 0;
     }
 }

 @-webkit-keyframes opacity {
     0% {
         opacity: .10;
     }

     10% {
         opacity: .25;
     }

     25% {
         opacity: .5;
     }

     50% {
         opacity: .75;
     }

     80% {
         opacity: 1;
     }

     90% {
         opacity: .5;
     }

     95% {
         opacity: .25;
     }

     100% {
         opacity: 0;
     }
 }

 /* RESPONSIVE */
 @media screen and (max-height: 400px) {
     .main_main0 {
         /* background: #008C35; */
         /* height: unset; */
     }

     /* #main::before {
         background-image: none;
     } */

     .character {
         display: none;
     }


 }

 @media screen and (max-width: 810px) {
     /* #main::before {
         background-image: none;
     } */

     .amain_head {
         margin-top: 100px;
         margin-bottom: 50px;
     }

     /* .main_main0 {
        background: #008C35;
    }
        /* height: unset; */


     .main_main1>h2,
     .main_main1>p,
     .main_main2>h2,
     .main_main2>p {
         width: 90vw;
         margin-right: auto;
         margin-left: auto;
     }

     .main3_head {
         width: 90vw;
     }

     .card_container {
         flex-direction: column;
         justify-content: space-between;
         width: 100vw;
         overflow: hidden;
         margin: auto;
         min-height: 100vh;
     }

     .card_container .small_card {
         width: 70%;
         z-index: 130;
         flex-direction: column;
         align-items: center;
         box-shadow: 0px 23px 46px #1B2D5524;
     }

     .main_main3 .small_card {

         justify-content: space-between;
         min-width: 300px;
     }

     .card_container .small_card p,
     .card_container .small_card h2 {
         text-align: left;
     }

     .card_container .small_card .half {
         width: 100%;
     }

     .cardimg {
         min-height: 300px;
         /* min-width: 320px; */
         width: 100%;
     }

     .card_container .arrow_container {
         z-index: 140;
         width: 90vw;
         top: 28%;
     }

     .main4_cards {
         width: 90%;
         margin: auto;
     }

     .main4_cards .card_container {
         width: 100%;
         display: flex;
         justify-content: center;
         min-height: 65vh;
     }

     .main4_cards .arrow_container {
         top: unset;
     }

     #quote_card_1,
     #quote_card_2,
     #quote_card_3 {
         margin: auto;
     }

 }

 @media screen and (max-width:480px) {
     .main_main0 {
         padding: 0 8%;
     }

     .main_title {
         width: 80vw;
     }

     .main_title h1 {
         margin: 0;
     }

     .main_main2 .ctabtn,
     .main_main2 .readbtn,
     .main_main5 .readbtn,
     .main_main5 .ctabtn {
         width: 80vw;
     }

     .main_main4 .dot_container {
         bottom: 20px;
     }

     #head_logo {
         height: 75px;
     }

     .character {
         display: none;
     }

     .main_main1 {
         max-width: 98vw;

     }

     .main1_cards .slider {
         width: 50%;
         bottom: -100px;
         min-width: 50vw;
         top: auto;
     }

     .main1_cards .ccard {
         max-width: 90vw;
     }

     .centered {
         transform: translatex(0) scale(1) !important;
         z-index: 10 !important;
     }

     .rightd {
         display: none !important;
         transform: translatex(-50%) scale(.8) !important;
         z-index: 5 !important;
     }

     .leftd {
         display: none !important;
         transform: translatex(50%) scale(.8) !important;
         z-index: 5 !important;
     }

     .center {
         width: 100vw !important;
         justify-content: center;
         align-items: center;
     }

     .arrow_container {
         min-width: 82vw;
     }



     .main2_list {
         width: 100vw;
     }

     .main2_list .listel {
         margin: 10px 0px;
         flex-direction: column;
     }

     .main2_list .listel .text {
         width: 75vw;
         margin: auto;
     }

     .main2_list .listel .num {
         width: 35vw;
         height: fit-content;
         margin: auto;
     }

     .main2_foot {
         padding-bottom: 15vh;
     }

     .mozsi {
         left: .5%;
         width: 20vh;
     }

     .lillo {
         right: .5%;
         width: 20vh;
     }


     .cow img {
         width: auto;
         position: relative;
         left: -780px;
     }

     .main3_head>p {
         max-width: 100%;
     }

     .main3_cards .card_container .arrow_container {
         top: auto;
         bottom: 20px;
         min-width: 50vw;
         width: 50%;
     }

     .cardimg {
         min-height: 250px;
     }

     .small_card>.column {
         padding: 20px 20px;
     }

     .small_card h3 {
         font-size: 19px;
     }

     .small_card {
         min-height: 550px;
     }

     .main4_list {
         flex-direction: column;
         align-items: center;
     }

     .main4_cards .card_container {
         width: 100%;
         overflow: unset;
         justify-content: center;
     }

     .main4_cards .card_container .arrow_container {
         top: auto;
         bottom: 0;
         width: 35vw;
         min-width: 35vw;
     }

     .main4_cards .card_container .small_card {
         margin: auto;
         justify-content: flex-start;
     }

     .main4_cards h3 {
         width: 90%;
     }

     .main5_memo>p {
         width: 90%;
     }

     .main5_disclaimer {
         width: 88vw;
     }

     .main5_disclaimer p {
         /* font-size: 1.2em !important; */
     }

     .main5_disclaimer .mole {
         display: flex;
         align-items: center;
     }

     .patya {
         display: none;
     }

     #foot_logo {
         display: none;
     }
 }


 @media screen and (min-width:481px) and (max-width:768px) {

     .main_main0 {
         padding: 5%;
     }

     .arrow_container {
         min-width: 96vw;
     }

     .character {
         display: none;
     }

     .main3_cards .card_container .arrow_container {
         top: auto;
         bottom: 15%;
         min-width: 50vw;
         width: 50%;
     }

     .main1_foot {
         margin-top: 30px;
     }

     .main1_cards .slider {
         width: 50%;
         bottom: -110px;
         min-width: 50vw;
         top: auto;
         left: 50%;
         transform: translate(-50%, 0);
     }

     .cow img {
         width: auto;
         position: relative;
         left: -670px;
     }

     .main_title {
         width: auto;
     }

     .main2_list {
         width: 90vw;
     }

     .main2_list>.listel>.text {
         width: 60vw;
     }

     .main2_foot {
         padding-bottom: 10vh;
     }

     .main2_list>.listel {
         margin: 5% 0;
     }

     .main3_head>p {
         text-align: center;
         max-width: 94%;
     }

     .main_main3 .small_card {
         min-height: 550px;
         width: 80%;
     }

     .cardimg {
         min-height: 250px;
     }

     .main_main4 {
         padding: 5vh 0;
     }

     .main4_list {
         flex-direction: column;
         align-items: center;
         width: 90vw;
     }

     .main_main4 .arrow_container {
         min-width: 100%
     }

     .main4_cards .small_card {
         min-width: 94%;

     }

     .main5_memo>p {
         width: 70vw;
     }

     .main5_disclaimer {
         width: 80vw;
     }

     .patya {
         display: none;
     }

     .mozsi {
         left: .5%;
         width: 15vh;
     }

     .lillo {
         right: .5%;
         width: 12vh;
     }


     .centered {
         transform: translatex(0) scale(1) !important;
         z-index: 10 !important;
     }

     .rightd {
         display: none !important;
         transform: translatex(-50%) scale(.8) !important;
         z-index: 5 !important;
     }

     .leftd {
         display: none !important;
         transform: translatex(50%) scale(.8) !important;
         z-index: 5 !important;
     }

     .main4_cards .card_container .arrow_container {
         top: auto;
         bottom: 0;
         width: 35vw;
         min-width: 35vw;
     }

     .main4_cards .card_container .small_card {
         margin: auto;
         /* justify-content: flex-start; */

     }

     .main_main2 .ctabtn,
     .main_main2 .readbtn,
     .main_main5 .readbtn,
     .main_main5 .ctabtn {
         width: 60vw;
     }

     .main1_cards .ccard {
         max-width: 500px;
     }
 }

 @media screen and (min-width:769px) and (max-width:1024px) {
     .main_main0 {
         padding: 10% 7%;
     }

     .amain_head {
         margin-top: 100px;
         margin-bottom: 50px;
         padding: 0;
     }

     .main_main0 {
         /* background: #008C35; */
         /* height: unset; */
     }

     .main_title h1 {
         max-width: 80%;
     }

     .arrow_container {
         min-width: 93vw;
     }

     .main_title {
         width: auto;
     }

     .main1_cards .slider {
         width: 30%;
         bottom: -110px;
         min-width: 30vw;
         top: auto;
         left: 50%;
         transform: translate(-50%, 0);
     }


     .character {
         display: none;
     }

     .main2_list {
         width: 90vw;
     }

     .main2_list>.listel>.text {
         width: 60vw;
     }

     .main3_head {
         width: 65vw;
     }

     .main_main3 .small_card {
         min-height: 430px;
     }

     .main_main3 .small_card p {
         font-size: 16px;

     }

     .card_container {
         min-height: 75vh;
     }

     .cardimg {
         min-width: 350px;
     }

     .mozsi {
         left: .5%;
         width: 20vh;
     }

     .lillo {
         right: .5%;
         width: 20vh;
     }

     .main_main4 {
         padding: 5vh 0;
     }

     .main4_list {
         width: 90vw;
     }

     .main_main4 .arrow_container {
         min-width: 100%
     }

     .main4_cards .small_card {
         min-width: 90%;

     }

     .main5_memo>p {
         width: 70vw;
     }

     .main5_disclaimer {
         width: 80vw;
     }

     .patya {
         left: .5%;
         height: 20vh;
     }

     .main1_cards .ccard {
         max-width: 420px;
     }

     .main1_cards .ccard p {
         font-size: 17px;
     }

     .main3_head>p {
         text-align: center;
         max-width: 100%;
     }

     .main_main2 .ctabtn,
     .main_main2 .readbtn,
     .main_main5 .readbtn,
     .main_main5 .ctabtn {
         width: 42vw;
     }

     .limg {
         height: 120px;
     }

     .main4_list {
         width: 95vw;
     }

     .main4_list .listel {
         font-size: 17px;
     }

     .main_main4 .small_card .quote {
         max-width: 90%;
     }

     .card_container {
         max-width: 92vw;
     }

     .main_main4 .arrow_container {
         min-width: 78vw;
     }

     .main5_disclaimer {
         width: 100%;
     }

     .main5_disclaimer>.disc_container {
         justify-content: center;
         align-items: center;
     }

     .main5_disclaimer>.disc_container .text {
         width: 50%;
         max-width: 30%;
     }

     .main5_disclaimer>.disc_container .text p {
         font-size: .8em;
     }
 }


 @media screen and (min-width:811px) and (max-width:1200px) {
     .amain_head {
         margin-top: 100px;
         margin-bottom: 50px;
     }

     .main_main0 {
         /* background: #008C35; */
         height: 100vh;
         padding: 6%;
     }

     .main_title {
         width: auto;
     }

     .main_title h1 {
         max-width: 80%;
     }

     .main1_cards .slider {
         width: 30%;
         bottom: -110px;
         min-width: 20vw;
         top: auto;
         left: 50%;
         transform: translate(-50%, 0);
     }

     .main1_cards .ccard {
         max-width: 500px;
     }

     .character {
         display: none;
         /* justify-content: unset; */
         /* width: 30vw;
        /* height: 55vh;  */
     }

     .char_slideshow {
         margin: 0;
     }

     /* .pw_stepper {
        margin: 0;
    } */

     .main2_list {
         width: 80vw;
     }

     .main2_list>.listel>.text {
         width: 50vw;
     }

     .main4_list {
         width: 70vw;
     }

     .mozsi,
     .patya {
         left: .5%;
     }

     .lillo {
         right: .5%;
     }

     .main_main4 .arrow_container {
         min-width: 90vw;
     }

     .main_main2 .ctabtn,
     .main_main2 .readbtn,
     .main_main5 .readbtn,
     .main_main5 .ctabtn {
         width: 35vw;
     }

     .main_main3 .card_container {
         min-height: 60vh;
     }

     .main3_head {
         width: 60vw;
     }

     .main3_head>p {
         text-align: center;
         max-width: 100%;
     }

     .limg {
         height: 125px;
     }

     .main4_list {
         width: 95vw;
     }


     .main_main4 .small_card .quote {
         max-width: 70%;
     }

     .arrow_container {
         min-width: 92vw;
     }

     #foot_menu {
         width: 75vw;
     }

     .card_container {
         max-width: 90vw;
     }

     .main_main4 .arrow_container {
         min-width: 80vw;
     }

     .main5_disclaimer {
         width: 100%;
     }

     .main5_disclaimer>.disc_container {
         justify-content: center;
         align-items: center;
     }

     .main5_disclaimer>.disc_container .text {
         width: 50%;
         max-width: 30%;
     }

     .main5_disclaimer>.disc_container .text p {
         font-size: .8em;
     }
 }

 @media screen and (min-width:1201px) and (max-width:1366px) {

     .main_main0 {
         padding: 0 3%;
     }

     .amain_head {
         margin-top: 7vh;
     }

     .character {
         justify-content: flex-end;

     }

     /* .pw_stepper {
        height: 0;
        margin-bottom: auto;
    } */

     .main1_cards .slider {
         width: 30%;
         bottom: -110px;
         min-width: 20vw;
         top: auto;
         left: 50%;
         transform: translate(-50%, 0);
     }

     .main2_list {
         width: 80vw;
     }

     .main3_head {
         width: 60vw;
     }

     .main3_head>p {
         text-align: center;
         max-width: 100%;
     }

     .main2_list>.listel>.text {
         width: 50vw;
     }

     .main_main3 .card_container {
         min-height: 65vh;
     }

     .arrow_container {
         min-width: 83vw;
     }

     .limg {
         height: 130px;
     }

     .main4_list {
         width: 95vw;
     }


     .main_main4 .small_card .quote {
         max-width: 70%;
     }

     #foot_menu {
         width: 80vw;
     }

     .patya {
         left: 3%;
     }

     .main_main2 .ctabtn,
     .main_main2 .readbtn,
     .main_main5 .readbtn,
     .main_main5 .ctabtn {
         width: 30vw;
     }

     .main5_disclaimer {
         width: 100%;
     }

     .main5_disclaimer>.disc_container {
         justify-content: center;
         align-items: center;
     }

     .main5_disclaimer>.disc_container .text {
         width: 50%;
         max-width: 30%;
     }

     .main5_disclaimer>.disc_container .text p {
         font-size: .8em;
     }

     .card_container {
         max-width: 80vw;
     }
 }

 @media screen and (min-width:1367px) {
     .character {
         justify-content: flex-end;
     }

     .arrow_container {
         min-width: 85vw;
     }

     .main2_list>.listel>.text {
         width: 45vw;
     }

     .main2_list {
         width: 60vw;
     }

     .main4_cards .small_card {
         justify-content: flex-start;
     }
 }

 @media screen and (min-width:1600px) {
     .character {
         justify-content: flex-end;
     }

     .arrow_container {
         min-width: 73vw;
     }
 }