@media only screen and (min-width: 1551px) and (max-width: 1800px)  {
    span.toltip-text {
    padding: 20px 20px 20px 30px;
    left: 50px;
    width:250px;
}

.heading-text .btn-toltip span.toltip-icon + span.toltip-text:after {
    border-width: 0 20px 20px 0;
}
}
@media only screen and (max-width: 1550px)  {
    
    .heading-text .btn-toltip span.toltip-icon + span.toltip-text {
    width: 250px;
    padding: 15px 20px 15px 30px;
    border-radius: 5px 0px 5px 5px;
    left: -270px;
    top: -25px;
    left: -270px;
    top: -29px;
}

.heading-text .btn-toltip span.toltip-icon + span.toltip-text:before {
    font-size: 30px;
    margin: 0px 5px 0 -15px;
}

.heading-text .btn-toltip span.toltip-icon + span.toltip-text:after {
    border-width: 30px 20px 0px 0px;
    right: -20px;
    border-color: #1ee2af #1ee2af00 #1ee2af00 transparent;
}
}
    @media only screen and (min-width: 1451px) and (max-width: 1550px)  {
    
   section.text-and-figures .g-text {
    padding-left: 60px;
}
}
@media only screen and (min-width: 1451px) and (max-width: 1499px)  {
    

.activehader .dropdown-full:after {
        width: 500px;
        margin-left: 500px;
    }
}
@media only screen and (min-width: 1301px) and (max-width: 1450px)  {
    
 
     .activehader .dropdown-full:after {
        width: 540px;
        margin-left: 393px;
    }
}
@media only screen and (min-width: 1200px) and (max-width: 1300px)  {
    

     .activehader .dropdown-full:after {
        width: 440px;
        margin-left: 465px;
    }
}
@media only screen and (min-width: 1025px) and (max-width: 1199px)  {
    

    .activehader .dropdown-full:after {
        width: 400px;
        margin-left: 389px;
    }
}
@media only screen and (min-width: 992px) and (max-width: 1024px)  {

    .activehader .dropdown-full:after {
        width: 400px;
        margin-left: 408px;
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1350px)  {
    
   section.text-and-figures .g-text {
    padding-left: 50px;
    
}
    section.text-and-figures .col-lg-6 {
    flex: 0 0 60%;
    max-width: 60%;
}

section.text-and-figures .col-lg-6 + .col-lg-6 {
    flex: 0 0 40%;
    max-width: 40%;
}
}
@media only screen and (min-width: 992px) and (max-width: 1080px)  {
      section.text-and-figures .g-text {
    padding-left: 40px;
    
} 
}
@media only screen and (min-width: 768px) and (max-width: 840px)  {
      section.text-and-figures .g-text {
    padding-left: 0px;
    
} 
}

@media (max-width: 1450px) {
    
    
    .brand-logo{
        width: 195px;
    }
    section.text-and-figures {
    padding: 60px 0 60px 0;
}
    .heading-text h1, h1,
    h2, .heading-text .btn-toltip span.toltip-icon{
    font-size: 62px;
}
    .inner-top-section .top-text .heading-text {
    max-width: 1060px;
 
}
    .inner-top-section .top-text {
   max-width: 910px;
    margin-left: auto;
    margin-right: auto;
}
    .story-1 .is-img img {
    width: 1990px;
    left: -483px;
    top: -46px;
}

.story-cover .is-stamp {
    width: 155px;
    height: 155px;
}

.story-1 .is-stamp.green {
    top: 321px;
    left: -11px;
}

.story-cover figure.circle {
    width: 508px;
    height: 508px;
    border: 9px solid #FFF;
}

p,
    .form-section .g-text p{
    font-size: 19px;
}

.story-2 .is-img img {
    width: 1290px;
}

.story-2 .g-text {
    padding-top: 140px;
}

.story-2 .is-img img {
        left: -44px;
        top: -71px;
}

.story-3 .is-img img {
    width: 1460px;
    left:-204px;
}

.story-3 .is-stamp.white {
    bottom: 127px;
}

.story-cover.story-3 .g-text {
    padding: 404px 0 150px 0;
}

.story-4 .is-stamp.green {
    left: 20px;
}

.story-5 .is-img img {
    left: -230px;
    bottom: -362px;
    width: 1817px;
}

.story-5 .is-stamp.white {
    right: -190px;
    bottom: -57px;
}

.story-6 .is-stamp.green {
    right: -37px;
}

.story-7 figure img {
    width: 1381px;
}
    section.bg-img-and-video {
  
    padding: 150px 0 150px 0;
 
}
}
    @media (max-width: 1450px) {
        section.text-and-figures .icon-list .icon-block .text-part span.large-text{
            font-size: 40px;
        }
        section.text-and-figures .icon-list .icon-block .text-part span.sub-text {
    font-size: 22px;
}
        .is-btn a.btn{
                font-size: 24px;
        }
        .is-btn a.btn span {
    font-size: 20px;
}
        section.text-and-figures p{
                font-size: 24px;
        }
}
        @media (max-width: 1300px) {
    .desktop-menu li.menu-lavel-1 > a {
        font-size: 18px;
    }

    .desktop-menu li.menu-btn a.btn {
        font-size: 16px;

        padding: 7px 20px
    }

    .brand-logo {
        width: 200px;
            margin-top: 34px;
    }
            header.srolled .brand-logo {
    margin-top: 19px;
}
}

@media (max-width: 1199px) {
    
    
        .heading-text h1, h1, h2, .heading-text .btn-toltip span.toltip-icon {
        font-size: 52px;
    }
    .desktop-menu {
        padding-top: 20px;
        padding-bottom: 20px;
                padding-left: 0;
        margin: 0;
    }

    .brand-logo {
        margin-top: 28px;
    }

    header.srolled .brand-logo {
        width: 170px;
        margin-top: 24px;
    }

    .header-inner {
        padding: 0  0px;
    }
        .brand-logo {
        width: 170px;
    }
    
    section.text-and-figures .icon-list .icon-block figure {
    width: 90px;
    max-height: 90px;
}
    section.text-and-figures p {
    font-size: 20px;
}
    section.text-and-figures .icon-list .icon-block .text-part {
    padding-left: 19px;
    padding-top: 0px;
}
    
    .story-1 .is-img img {
    width: 1640px;
    left: -373px;
    top: -60px;
}

.story-cover .is-stamp {
    width: 128px;
    height: 128px;
}

.story-1 .is-stamp.green {
    top: 261px;
    left: -11px;
}

.story-cover figure.circle {
    width: 429px;
    height: 429px;
    border: 7px solid #FFF;
}

.btn-part a.line {
    padding: 14px 3px 14px 22px;
    font-size: 16px;
}
.btn-part a.line:hover {
    padding: 14px 16px 14px 20px;
}    
section.bg-img-and-video .icon-list .icon-block figure img {
    height: 70px;
}
    section.bg-img-and-video .icon-list .icon-block:after{
            height: calc(100% - 127px);
    }
section.bg-img-and-video .icon-list .icon-block .text-part p {
    font-size: 16px;
    
}
.story-2 .is-img img {
    width: 1100px;
    left: -51px;
    top: -103px;
}

.story-3 .is-img img {
    width: 1265px;
    left: -204px;
}

.story-cover.story-3 .g-text {
    padding: 354px 0 100px 0;
}

.story-2 .g-text {
    padding-top: 100px;
}

.story-2 .is-img {
    min-height: 190px;
}

.story-5{
    padding: 200px 0 0 0;
}

.story-5 .is-img img {
    left: -230px;
    bottom: -300px;
    width: 1577px;
}

.story-5 .g-text {
    padding-bottom: 130px;
}

.story-5 .is-stamp.white {
    right: -150px;
    bottom: -57px;
}

.story-7 figure img {
    width: 1180px;
}

.form-section .g-text h2 {
    margin-bottom: 25px;
}

 

.story-cover.story-7 {
    padding: 74px 0 150px 0;
}

 section.bottom-banner {
    padding: 90px 0 0 0;
}
    section.form-section{
            padding: 100px 0 100px 0px;
    }
    .form-section .is-img img {
    width: 650px;
    left: 0;
    top: -134px;
}
        .heading-text .btn-toltip span.toltip-icon + span.toltip-text {
 
        left: -274px;
        top: -9px;
    }
    .error404 section.error-404 h2 span {
   
    font-size: 160px;
    
}
    footer.site-footer .footer-text .left-set {
    font-size: 18px;
}

footer.site-footer .footer-text .right-set ul {
    font-size: 18px;
}
}
@media (max-width: 1024px) {
    
    section.text-and-figures .three-line{
            left: -110px;
    }
    
    .inner-top-section .top-text p{
            font-size: 20px;
    }
    .desktop-menu li.menu-btn a.btn {
        font-size: 16px;
        padding: 7px 10px;
    }
        p, .form-section .g-text p {
        font-size: 18px;
    }
        section.text-and-figures .icon-list .icon-block figure {
        width: 75px;
        max-height: 75px;
    }
    section.text-and-figures .icon-list .icon-block {
    padding-bottom: 10px;
    margin-bottom: 20px;
    padding-left: 0;
}
        section.text-and-figures .icon-list .icon-block .text-part span.large-text {
        font-size: 30px;
    }
    section.text-and-figures .icon-list .icon-block .text-part span.sub-text {
        font-size: 20px;
    }
    .is-btn a.btn {
        font-size: 20px;
    }
        .is-btn a.btn span {
        font-size: 18px;
    }
    
    .inner-top-section .switch-btn-part .switch-btn input[type="checkbox"] {
    height: 50px;
}

.inner-top-section .switch-btn-part .switch-btn span.btn-circle {
    width: 85px;
    height: 40px;
}

.inner-top-section .switch-btn-part .switch-btn span.btn-circle:after {
    top: 3px;
    margin: 0 5px;
    width: 32px;
    height: 31px;
}

.inner-top-section .switch-btn-part .switch-btn input[type="checkbox"]:checked + span.btn-circle:after {
    transform: translateX(calc(100% - -10px));
}

.inner-top-section .switch-btn-part span {
    font-size: 22px;
}
     .inner-top-section .top-text .heading-text {
 
        margin-bottom: 0px;
    }
        section.bg-img-and-video {
        padding: 100px 0 100px 0;
    }
    footer.site-footer {
    padding: 45px 0;
    
}
.mobile-icon {
    display: flex;
    position: fixed;
    bottom: 0;
    width: 100%;
    background-color: rgb(12 35 53 / 48%);
    margin: 0;
    left: 0;
    list-style: none;
    padding: 0;
    justify-content: center;
    z-index: 11;
}

.mobile-icon li {
    width: 50%;
    text-align: center;
    color: #FFF;
    padding: 5px 0;
    border: 1px solid rgb(58 58 58 / 48%);
}

.mobile-icon li a {
    color: #FFF;
    font-size: 20px;
}
.error404 section.error-404 h2 span {
    font-size: 120px;
    margin-top: -10px;
}  
.right-fix {
    display: none;
}
    
}
@media (max-width: 991px) {
    section.bg-img-and-video .icon-list .icon-block figure {
    margin: 0 0 10px 0;
}
    section.bg-img-and-video .icon-list .icon-block:after {
height: calc(100% - 110px);
        bottom: 26px;
}
    
    .brand-logo,
    header.srolled .brand-logo{
                margin-top: 0px;
    }
    .srolled .brand-logo img {
    display: inline;
}
        .btn.slide-menu-control img {
        display: none;
    }
    
        .btn.slide-menu-control {
        padding: 0;
        width: 26px;
        height: 18px;
        align-items: center;
        justify-content: center;
        box-shadow: none;
             margin-top: 0;
        outline: none;
        border: 0;
    }
        .btn.slide-menu-control span {
        display: block;
        width: 25px;
        height: 2px;
        background-color: #1ee2af;
        margin-bottom: 4px;
        border-radius: 1px;
        -webkit-transition: all 0.2s cubic-bezier(0.1, 0.82, 0.76, 0.965);
        -o-transition: all 0.2s cubic-bezier(0.1, 0.82, 0.76, 0.965);
        transition: all 0.2s cubic-bezier(0.1, 0.82, 0.76, 0.965);
        position: relative;
    }
        .btn.slide-menu-control:hover span {
        width: 30px;
    }
        .btn.slide-menu-control:hover span:nth-of-type(2n) {
        width: 15px;
    }
    .btn.slide-menu-control.btn-remove span {
        transform: rotate(45deg);
        top: 5px;
    }
        .btn.slide-menu-control.btn-remove span:nth-of-type(2n) {
        transform: rotate(-45deg);
        bottom: 5px;
    }
        .btn.slide-menu-control.btn-remove span, .btn.slide-menu-control.btn-remove:hover span {
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
        top: 5px;
        width: 25px;
    }
        .btn.slide-menu-control.btn-remove span:nth-of-type(2n), .btn.slide-menu-control.btn-remove:hover span:nth-of-type(2n) {
        -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg);
        top: -1px;
    }
    
    section.bottom-banner figure {
    margin: -30px 0 0px -32px;
    position: relative;
}
        section.bottom-banner {
        padding: 80px 0 50px 0;
    }
    
    body.search header.page-header {
    padding: 90px 0 20px 0;
}
    
    footer.site-footer .footer-text {
 
    flex-wrap: wrap;
}
    footer.site-footer .footer-text .left-set {
 
    width: 100%;
    text-align: center;
}
    footer.site-footer .footer-text .right-set {
    display: flex;
    width: 100%;
     justify-content: center;
    margin: 10px 0 0 0px;
}
        footer.site-footer {
    padding: 35px 0;
    
}
}

@media (max-width: 991px) {
    
    
        .heading-text h1, h1, h2, .heading-text .btn-toltip span.toltip-icon {
        font-size: 42px;
            margin-bottom: 20px;
    }
    section.text-and-figures .icon-list {
    max-width: 100%;
}
    .story-1 .is-img img {
    width: 1225px;
    left: -313px;
    top: -50px;
}

.story-cover .is-stamp {
    width: 97px;
    height: 97px;
}

.story-1 .is-stamp.green {
    top: 185px;
    left: -20px;
}

    .story-cover figure.circle {
        width: 322px;
        height: 322px;
        border: 5px solid #FFF;
    }

.story-2 .g-text {
    padding-top: 40px;
}
    p {
        font-size: 16px;
        margin-bottom: 25px;
    }
        p, .form-section .g-text p,
    section.bg-img-and-video .icon-list .icon-block .text-part p{
        font-size: 16px;
    }

.story-cover h2 {
    margin-bottom: 15px;
}

.story-2 .is-img img {
    width: 820px;
    left: -51px;
    top: -93px;
}
    .story-2 .is-stamp.green{
            top: -112px;
    }

.story-3 .is-img img {
    width: 988px;
    left: -183px;
}

.story-2 .is-img {
    min-height: 120px;
}

.story-cover.story-3 .g-text {
    padding: 270px 0 100px 0;
}

.story-5 .is-img img {
    left: -200px;
    bottom: -250px;
    width: 1237px;
}

.story-5 {
    padding: 160px 0 0 0;
}

.story-5 .is-stamp.white {
    right: -100px;
    bottom: -54px;
}

.story-cover.story-6 {
    padding: 138px 0 26px 0;
}

.story-5 .g-text {
    padding-bottom: 90px;
}

.story-7 figure img {
    width: 890px;
}

.story-cover.story-7 {
    padding: 74px 0 80px 0;
}

.story-7 figure {
    margin-top: 50px;
}
    
}
@media (max-width: 767px) {        
        .heading-text .btn-toltip span.toltip-icon + span.toltip-text {
    left: -150px;
    top: 10px;
    border-radius: 5px 5px 5px 5px;
}

.heading-text .btn-toltip span.toltip-icon + span.toltip-text:after {
    display: none;
}
        
        section.bottom-banner:before {
    background-size: 15px auto;
    background-position: bottom left;
}
        
        .bottom-banner .img-right .img-part {
    order: 1;
}

.bottom-banner .img-right .text-part {
    order: 2;
}
        
        section.bg-img-and-video .icon-list {
        flex-wrap: wrap;
        margin: 30px 0px 0 0px;
}
        section.bg-img-and-video .icon-list .icon-block:after{
            display: none;
        }
        section.bg-img-and-video .icon-list .icon-block {
        border-bottom: 1px solid #FFF;
        margin-bottom: 20px;
        padding: 0;
}
        section.bg-img-and-video .icon-list .icon-block:last-child{
            border: 0;
            margin-bottom: 0;
        }
        .inner-top-section .top-text p {
        font-size: 18px;
    }
        .inner-top-section .switch-btn-part .switch-btn span.btn-circle {
    width: 55px;
    height: 30px;
    margin: 0 10px;
}

.inner-top-section .switch-btn-part .switch-btn span.btn-circle:after {
    top: 3px;
    margin: 0 5px;
    width: 22px;
    height: 22px;
}
    .inner-top-section .switch-btn-part .switch-btn input[type="checkbox"]:checked + span.btn-circle:after {
        transform: translateX(calc(100% - 0px));
    }

.inner-top-section .switch-btn-part span {
    font-size: 20px;
}
        
        .inner-top-section .top-text .heading-text {
    margin-bottom: 0px;
}
            .heading-text h1, h1, h2, .heading-text .btn-toltip span.toltip-icon {
        font-size: 40px;
    }
.slide-menu ul a { 
    padding: 12px 50px 12px 30px; 
    font-size: 18px;
    line-height: 1.2;
    text-align: left;
    display: inline-block !important;
    background: none !important;
    width: 100%;
}
.story-1 .is-img {
    height: 290px;
}

.story-1 .is-img img {
    width: 985px;
    left: -170px;
    top: 0;
}

.story-1 .is-stamp.green {
    left: auto;
    right: 90px;
    top: 155px;
}

.story-2 .g-text {
    padding-top: 0;
    margin-bottom: 40px;
}

.story-cover.story-1 {
    padding-bottom: 50px;
}

.story-2 .is-img {
    min-height: 80px;
}

.story-2 .is-img img {
    width: 610px;
    left: initial;
    top: -93px;
    right: -290px;
}

.story-2 .is-stamp.green {
    right: 100px;
    top: -152px;
}

.story-cover.story-3 .g-text {
    padding: 0px 0 0px 0;
}

.story-3 .is-img {
    height: 401px;
}

.story-3 .is-img img {
    width: 668px;
    left: -135px;
}

.story-cover.story-4 {
    padding: 50px 0 0px 0;
}

.story-5 .is-img img {
    left: -130px;
    bottom: -110px;
    width: 1007px;
}

.story-5 .is-img {
    height: 260px;
}

.story-5 .g-text {
    padding-bottom: 0;
}

.story-cover.story-6 {
    padding: 50px 0 26px 0;
}

.story-5 .is-stamp.white {
    right: 100px;
    bottom: 40px;
}
.story-cover.story-6 figure.circle {
    margin: 40px 0 0 0px;
    top: 0;
}

.story-6 .is-stamp.green {
    right: auto;
    left: 260px;
}

.story-cover.story-7 {
    padding: 50px 0 50px 0;
}

.story-7 figure {
    margin: 0;
    height: 225px;
}

.story-7 figure img {
    transform: translate(-50%, 0px);
    left: 50%;
    width: 750px;
}
        section.bottom-banner figure {
    max-width: 390px;
    margin-left: auto;
    margin-right: auto;
}
            section.bottom-banner {
        padding: 50px 0 50px 0;
    }
            section.form-section {
        padding: 50px 0 50px 0px;
    }
        .form-section .is-img {
    display: none;
}
section.text-and-figures .three-line {
    left: -140px !important;
}
        footer.site-footer {
    padding: 40px 0 70px 0;
    background: #0c2335;
    position: relative;
    box-shadow: 0px 10px 30px 20px rgb(0 0 0 / 50%);
}
        section.bg-img-and-video {
        padding: 60px 0 70px 0;
    }

    footer.site-footer .footer-text .left-set,
        footer.site-footer .footer-text .right-set ul{
        font-size: 16px;
    }
    .btn-part a.line {    
        font-size: 20px;
        position: relative;
        padding: 14px 36px 14px 20px;
        text-align: left;
    }
    .btn-part a.line span {
        margin-left: 5px;
        left: initial;
        opacity: 1;
        -webkit-transition: left .5s cubic-bezier(0, 0, 0.16, 0.73);
        -o-transition: left .5s cubic-bezier(0, 0, 0.16, 0.73);
        transition: left .5s cubic-bezier(0, 0, 0.16, 0.73);
        top: initial;
        margin-right: 0;
        position: absolute;
        opacity: 1;
        font-size: 18px;
        margin-top: 1px;
    }
    .btn-part a.line:hover span {
        left: initial;
    }
    .btn-part a.line:hover {
        padding: 14px 36px 14px 20px;
    }
        
}
@media (max-width: 575px) {
    
        .error404 section.error-404 h2 span {
        font-size: 90px;
        margin-top: -10px;
    }
        .inner-top-section .switch-btn-part span {
        font-size: 16px;
    }
        .inner-top-section .switch-btn-part .switch-btn span.btn-circle {
        margin: 0 7px;
    }
    .inner-top-section .top-text p {
        font-size: 16px;
    }
    .container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl{
            padding-right: 30px;
    padding-left: 30px;
    }
        .heading-text h1, h1, h2 {
        font-size: 32px;
    }
        .story-cover figure.circle {
        width: 292px;
        height: 292px;
        border: 5px solid #FFF;
    }
    .story-2 .is-img img {
    width: 470px;
    left: initial;
    top: -93px;
    right: -290px;
    transform: translateX(-50%);
    left: 50%;
    right: auto;
    margin-left: 215px;
}

.story-3 .is-img {
    height: 270px;
}

.story-3 .is-img img {
    width: 527px;
    left: -135px;
    transform: translateX(-50%);
    left: 50%;
    right: auto;
    margin-left: -25px;
    top: -75px;
}

.story-2 .is-stamp.green {
    right: auto;
    left: 230px;
    top: -202px;
}

.story-3 .is-stamp.white {
    left: auto;
    right: 0;
    bottom: 77px;
}

.story-cover.story-4 figure.circle {
    right: 0;
    top: 30px;
}

.story-5 .is-img img {
    bottom: -110px;
    width: 737px;
    transform: translateX(-50%);
    left: 50%;
    margin-left: 79px;
}

.story-5 .is-img {
    height: 260px;
    margin-bottom: 40px;
}

.story-5 {
    padding: 70px 0 0 0;
}

.story-7 figure img {
    width: 570px;
}

.story-7 figure {
    height: 155px;
}

.story-cover.story-7 {
    padding: 30px 0 50px 0;
}
    
}