@media(min-width:768px){
    .stepCounter .owl-dots .owl-dot:hover{
        background: #FFF0D6 !important;
        color: #FDB73C !important;
    }
}
@media(max-width:1199px){
    body h2, body .h2 {
        font-size: 50px;
    }
    body h3, body .h3 {
        font-size: 34px;
    }
    .header{
        padding: 40px 30px;
    }
    .header.headerAnimate {
        padding: 15px 30px;
    }
    .header .headerMenu .mainNav li a, .languageBtnHeader .wpml-ls li a {
        margin: 0 6px;
        font-size: 16px;
    }
    .btn_yellow {
        font-size: 16px;
        padding: 12px 30px;
    }
    body.mac .btn_yellow{
        padding: 16px 30px 12px;
    }
    .header .headerMenu .loginMenu a {
        margin: 0 0 0 10px;
    }
    .quoteSlider p {
        font-size: 34px;
    }
    .logoBox .singleLogo{
        width: calc(100% / 3);
    }
}
@media(max-width:991px){
    .languageBtnHeader{
        display: none;
    }
    .btn_yellow {
        letter-spacing: 0.1em;
    }
    .header .headerLogo{
        max-width: 170px;
    }
    .header .toggleMenuDiv{
        display: block;
    }
    body.overFlowHide .header{
        background: #FFF8E9;
    }
    .header .mobileMenu {
        /*display: none;*/
        flex-direction: column;
        position: absolute;
        justify-content: center;
        align-items: center;
        top: 100%;
        right: 0;
        height: calc(100vh - 57px);
        width: 100%;
        background: #fff;
        z-index: 50;
        transitiion:all 0.4s ease;
        /*transition: all 0.6s cubic-bezier(0.79, 0, 0.18, 1);*/
    }
    .header .headerMenu .mainNavOuter,
    .header .headerMenu .loginMenu{
        display: none;
    }
    .closeButton {
        position: absolute;
        top: 24px;
        right: 14px;
        display: flex;
        height: 32px;
        width: 32px;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        z-index: 60;
    }
    .header.headerAnimate .closeButton{
        top:14px;
    }
    .mobileLogo {
        position: absolute;
        top: 20px;
        left: 20px;
        z-index: 30;
        max-width: 170px;
    }
    .header.headerAnimate .mobileLogo{
        top:10px;
    }
    .mobileMenuContainer {
        /*background: linear-gradient(43.87deg, #FFFFFF 5.8%, #FFF8E9 90.78%);*/
        background: #FFF8E9;
        height: 100%;
        display: flex;
        width: 100%;
        align-items: center;
        flex-direction: column;
        justify-content: center;
        overflow-y: auto;
        padding: 30px 0;
    }
    .pagesMenu{
        display: flex;
        align-items: center;
        flex-direction: column;
    }
    .mobileNavOuter{

    }
    .mobileNavOuter ul{
        display: flex;
        align-items: center;
        flex-direction: column;
    }
    .mobileNavOuter ul li{
        margin: 17px 0;
    }
    .mobileNavOuter ul li a{
        display: inline-block;
        font-family: 'Gilroy-Bold';
        font-size: 18px;
        padding: 5px 10px;
        text-transform: uppercase;
        letter-spacing: 0.1em;
    }
    .loginMenuMobile{
        display: flex;
        align-items: center;
        flex-direction: column;
        margin-top: 11px;
    }
    .loginMenuMobile a{
        font-family: 'Gilroy-Bold';
        min-width: 160px;
        margin: 15px 0;
        text-align: center;
        box-shadow: 0px 8px 8px rgb(0 0 0 / 15%) !important;
        letter-spacing: 0.1em;
    }
    .languageBtnMobile .wpml-ls{
        padding: 0 !important;
        border:none !important;
    }
    .languageBtnMobile .wpml-ls li{
        margin: 17px 0;
    }
    .languageBtnMobile .wpml-ls li a{
        display: inline-block;
        font-family: 'Gilroy-Bold';
        font-size: 18px;
        padding: 5px 10px;
        text-transform: uppercase;
        letter-spacing: 0.1em;
    }
    body h3, body .h3 {
        font-size: 28px;
    }
    body h4, body .h4 {
        font-size: 25px;
    }
    .section {
        padding: 50px 0;
    }
    .repeatedBlock h2 {
        margin: 0 0 30px;
    }
    .repeatedBlock .sideText{
        margin: 0 auto;
        float: none !important;
    }

    .repeatedBlock .sideImage {
        text-align: center;
        margin: 0 auto;
        float: none !important;
    }
    .repeatedBlock .sideText a {
        margin: 18px 0 0;
    }
    .priceHead, .getStarted, .footer{
        padding: 150px 0;
    }
    .singleFeature h3{
        font-size: 28px;
    }
}
@media(max-width:767px){
    body h2, body .h2 {
        font-size: 42px;
    }
    .header {
        padding: 20px 20px;
    }
    .header.headerAnimate {
        padding: 10px 20px;
    }
    .banner_stepHead{
        background: url('/wp-content/uploads/2021/08/banner_BG-mobile.svg')no-repeat center right;
        background-size: 90% auto;
    }
    .landingBanner {
        padding: 100px 0;
    }
    .landingBannerImage {
        padding: 0 30px;
        margin: 40px 0 0;
    }
    .landingBannerText {
        text-align: center;
    }
    .landingBannerText p br{
        display: none;
    }
    .stepSection {
        padding: 0 20px;
    }
    .stepCounter .owl-dots .owl-dot {
        height: 30px;
        width: 30px;
        font-size: 16px;
    }
    .stepSlider .stepSlideImage{
        max-width: 100%;
        text-align: center;
        margin-top: 40px;
    }
    .quoteSlider p {
        font-size: 28px;
    }
    .stepSlider .stepSlideText, 
    .stepSlider .stepSlideImage {
        text-align: center;
    }
    .stepSlider .stepSlideText br{
        display: none;
    }
    .stepSlider .stepSlideImage{
        padding: 0 30px;
    }
    .quoteSlider .authorName {
        font-size: 14px;
    }
    .logoBox .singleLogo{
        width: calc(100% / 2);
    }
    .priceHead h2 {
        font-size: 40px;
    }
    .priceHead h2 br{
        display: none;
    }
    .priceHead, .getStarted, .footer {
        padding: 90px 0;
    }
    .repeatedBlock .sideText{
        text-align: center;
    }
    .repeatedBlock .sideText p br{
        display: none;
    }
    .design_1 .singleRepeated:nth-of-type(odd) .row .sideImage,
    .design_2 .singleRepeated:nth-of-type(even) .row .sideImage{
        width: calc(100% - 60px);
    }
    .design_1 .singleRepeated:nth-of-type(odd) .row .sideImage:after, 
    .design_2 .singleRepeated:nth-of-type(even) .row .sideImage:after {
        width: calc(100% + 60px);
        height: calc(100% + 75px);
        top: -35px;
        left: -30px;
        background-size: 97% !important;
    }
    .design_1 .singleRepeated:nth-of-type(even):before {
        height: 100%;
        top: 0;
        background-position: top left;
        background-size: 100% auto;
    }
    .repeatedBlock {
        margin: 100px 0 50px;
    }
    .repeatedBlock .row {
        padding: 0px 0;
    }
    .stepHead h2 br{
        display: none;
    }
    .repeatedBlock .row > div:first-of-type{
        margin-bottom: 0;
        margin-top: 80px !important;
    }
    .repeatedBlock .row > div:last-of-type{
        margin-top: 50px;
    }

    .footerLogo, .footer .copy_r{
        text-align: center;
    }
    .footer .copy_r{
        margin-top: 90px;
    }

    [data-aos^=fade][data-aos^=fade],
    html body [data-aos^=fade][data-aos^=fade],
    html body [data-aos-delay] {
        transition-delay: 0 !important;
        opacity: 1 !important;

        transform: none !important;
    }
}