@media (min-width:1330px) {
    .MainContainer{max-width:86vw;}
}
@media (max-width:1480px) {
    html,body {
        font-size: 18px;
    }
    .MainContainer{max-width:100%;padding-left: 40px;padding-right: 40px;}
    .badges ul li {padding: 10px;}
    h1{font-size:55px;}
    h2{font-size:38px;}
    h3{font-size:26px;}
    .RiserTestiLeft .TestiComment {font-size:18px;}
}
@media (max-width:1277px) {
    .MainContainer{padding-left: 30px;padding-right: 30px;}
    .PortItems {
        scale: 0.9;
    }
    .Portfolio .MainContainer {
        padding-left: 20px;
        padding-right: 20px;
    }
    .Portfolio .PortSlideRoot .liqitem {
        padding: 0 3%;
    }
    .HeroLeft ul li img {
        width: 80%;
    }
}
@media (max-width:1050px) {
    .MainContainer{flex-wrap: wrap;}
    header nav a span {display: none;}
    header nav a,
    header nav a:first-child {
        margin-left: 5px;
        margin-right: 5px;
    }
    .HeroLeft, .HeroRight {
        width: 100%;
        padding-left: 0%;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }
    .HeroForm {
        width: 70%;
        margin: 30px auto 30px auto;
    }
    .HeroLeft h1,.HeroLeft h3,.HeroLeft p {text-align: center;display: flex;justify-content: center;}
    .HeroLeft ul {width: 80%;padding: 30px 30px 10px;}
    .badges ul {flex-wrap: wrap;justify-content: center; padding: 10px 10px 10px;}
    .badges ul li {width: 20%;
        margin-top: 15px !important;
        margin-bottom: 0 !important;
    }
    .herobadgs {
        width: 100%;
        display: flex;
        justify-content: center;
    }
    .Greatappdesign {
        margin-top: 90px;
    }
    .greatcontent, .greatimage {
        order: 2;
        text-align: center;
        display: flex;
        justify-content: center;
    }
    .greatcontent {
        text-align: left;
    }
    .greatcontent h2 {
        width: 100%;
    }
    .greatimage {
        margin-top: -110px;
        margin-bottom: 0px;
        order: 1;
    }
    .isosec .isoButton button {
        font-size: 18px;
    }
    .isosec .isoContent h3 {
        font-size: 22px;
    }
    .isosec .isoContent a {
        font-size: 20px;
    }
    .LoveWorking ul li .col12 {
        padding: 20px;
    }
    .getforimage img,
    .hassleimage img {
        height: auto;
    }
    .ctatext {
        font-size: 18px;
        font-style: italic;
        text-align: center;
        width: 100%;
        display: flex;
        justify-content: center;
    }
    .isosec .isoContent {
        width: 100%;
        text-align: center;
    }
    .isosec .isoButton::before {display: none;}
    .isosec .isoButton {
        width: 100%;
        justify-content: center;
        margin-top: 15px;
    }
    .getforcontent {
        width: 100%;
        order: 2;
        text-align: center;
    }
    .getforcontent .col12 {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }
    .getforimage{
        width: 70%;
        order: 1;
        text-align: center;
        margin: 0 auto;
    }
    .getforcontent ul {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        column-gap: 10px;
    }
    .getforcontent .CtnControl {
        display: flex;
        justify-content: center;
        padding-bottom: 30px;
    }
    .getforcontent ul li {
        background: url(../images/bullet.webp) no-repeat 7px 6px transparent;
        background-size: 20px 20px;
        background-color: #ededed;
        padding: 5px 13px 5px 34px;
        border-radius: 30px;
        margin: 5px 0;
    }
}
@media (max-width:768px) {
    .LoveWorking ul li {
        width: 50%;
    }
    .HeroLeft ul {
        width: 90%;
        padding: 30px 0px 10px;
    }
    .payrow {
        flex-wrap: wrap;
        justify-content: center;
    }
    .payrow div {
        width: 100%;
        margin-bottom: 10px;
        text-align: center;
    }
    .Paynowstrip i {
        text-align: center;
    }
    .PortItems {
        scale: 0.8;
        margin-top: -90px;
    }
    .Portfolio .PortSlideRoot .liqitem {
        flex: 0 0 calc(100% / 3);
        padding: 0 0%;
        scale: 0.6;
    }
    .Portfolio .PortSlideRoot .liqitem.active {
        scale: 0.8;
    }
    .portprev,.portnext {
        font-size: 18px;
    }
    
    .ftleft,.ftcenter,.ftright,.ftbleft,.ftbright {
        width: 100%;
        justify-content: center;
        text-align: center;
        padding-top: 5px;
        padding-bottom: 5px;
    }
    .ftbleft{order: 2;}.ftbright{order: 1;}
    .directschedule {
        align-items: self-start;
    }
    
}
@media (max-width:767px) {
    header {
        padding: 25px 10px 0 10px;
    }
    .MainContainer {
        padding-left: 10px;
        padding-right: 10px;
    }
    h2 {
        font-size: 28px;
    }
    h3 {
        font-size: 20px;
    }
    header img.HeadBrand {
        width: 150px;
    }
    header nav a span {display: none;}
    header nav a,
    header nav a:first-child {
        margin-left: 0px;
        margin-right: 0px;
    }
    .desktopicon {
        display: none;
    }
    .responsiveicon {
        display: block;
        margin-left: 0px !important;
    }
    header nav a.navConsultation {
        font-size: 0px;
        padding: 0px;
    }
    section.hero {
        padding-top: 70px;
    }
    .HeroForm {
        width: 100%;
        padding: 30px 10px 30px 10px;
    }
    .LoveWorking ul li {
        width: 100%;
    }
    .LoveWorking ul li .col12 {
        padding-top: 40px;
    }
    .LoveWorking ul li * {
        width: 100%;
        justify-content: center;
        text-align: center;
    }
    .herobadgs {
        width: 100%;
        overflow: hidden;
    }
    .HeroLeft ul {
        width: 100%;
        flex-wrap: wrap;
    }
    .HeroLeft ul li {
        text-align: center;
        width: 50%;
        padding: 15px;
    }
    .HeroLeft ul li img {
        width: 70%;
        height: auto;
    }
    .HeroLeft ul li:nth-child(3) img {
        width: 50%;
    }
    .Getfor {
        margin-top: 20px;
    }
    .badges ul li div {display: none;}
    .badges ul li {
        width: 30%;
    }
    /* .badges ul li:nth-child(2),
    .badges ul li:nth-child(6) {display: none;} */
    .greatimage img {
        height: auto;
    }
    .getforcontent {
        padding-right: 0px;
    }
    .getforcontent h2 {
        font-size: 28px;
        margin-top: 12px;
    }
    .CtnControl {
        justify-content: center;
    }
    .hassleContainer {
        flex-wrap: wrap;
    }
    .LoveWorking h2 {
        text-align: center;
    }
    .LoveWorking {
        padding-top: 10px;
    }
    section.hassle {
        padding-top: 10px;
    }
    section.hassle .mt4, .LoveWorking .mt3 {margin-top: 20px;}
    .hasslecontent {
        width: 100%;
        order: 2;
    }
    .hassleimage {
        width: 100%;
        order: 1;
        text-align: center;
    }
    .Choose {
        padding: 10px 0;
    }
    .Choose ul li {
        width: 100%;
        padding: 20px 0px 40px 40px;
    }
    .calendar {
        padding-bottom: 20px;
    }
    .isosec .isoimage,
    .isosec .isoContent,
    .isosec .isoButton {
        width: 100%;
        text-align: center;
        margin-right: 0px;
        padding-right: 0px;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .isosec .isoimage img {
        width: 120px;
        height: auto;
    }
    .isosec .isoButton::before {display: none;}
    .FootSubscribe .MainContainer .fotsubrow {
        padding: 10px 10px;
        padding-top: 30px;
    }
    .fotleft, .fotright {
        width: 100%;
        justify-content: center;
        text-align: center;
    }
    
    .tgsvideo img.tgsplay {
        position: absolute;
        top: calc(50% - 30px);
        left: calc(50% - 30px);
        cursor: pointer;
        width: 60px;
    }
    .stories img {
        border-radius: 10px;
    }
    .calendar h2 {
        margin-bottom: 10px;
    }
    .badges ul {
        column-gap: 20px;
    }
    .Portfolio .PortSlideRoot .liqitem.active,
    .Portfolio .PortSlideRoot .liqitem {
        flex: 0 0 calc(100% / 1);
        padding: 0 0%;
        scale: 1.0;
    }
    .device-mob {
        display: flex;
        justify-content: center;
    }
    .PortItems {
        scale: 1.0;
        margin-top: 10px;
    }
    .HeroAct {
        padding: 0 20px;
            overflow-y: auto;
    }
    .directschedule-place {
        padding-left: 2%;
        padding-right: 2%;
    }
    .directschedule-place {
        padding-top: 50px;
    }
}
@media (max-width:420px) {
    .getforcontent ul li {
        background-image: none;
        background-size: 20px 20px;
        background-color: #ededed;
        padding: 5px 13px 5px 13px;
        border-radius: 30px;
        margin: 5px 0;
    }
}
@media (max-width:370px) {
    header img.HeadBrand {
        width: 140px;
    }
    .portprev, .portnext {
        background-color: rgba(255,255,255,0.6);
        color: black;
        padding: 3px 6px;
        border-radius: 6px
    }
}