@media screen and (min-width: 63em) and (max-width: 64em) {

    footer button:not(.button-group button),
    footer .button:not(.button-group button),
    header button:not(.button-group button),
    header .button:not(.button-group button) {
        padding-left: 24px;
        padding-right: 24px;
    }
}

@media screen and (max-width: 1220px) {
    .text-part {
        padding-top: 50px !important;
        padding-left: 50px !important;
        padding-right: 50px !important;
        padding-bottom: 50px;
    }

    .text-part .section-main-heading {
        font-size: 24px;
        line-height: 38px;
    }

    .text-watermark {
        font-size: 60px;
    }

}

/* below desktop for 1023.5*/
@media screen and (max-width: 63.99875em) {

    /*******************************************************************/
    /************************* HEADER CSS  ***************************/
    /*******************************************************************/
    .is-header .stick .custom-grid-container {
        padding: 0 !important;
    }

    header .sticky-bg-color {
        position: static !important;
    }

    #header .cell.large-9.text-center.large-text-right {
        padding: 0;
    }

    #header a.cta.button {
        margin: 0.7rem 0;
    }

    .is-header .cell.shrink.hide-for-large {
        position: absolute;
        top: 43px;
        right: 0px;
    }

    .is-header .margin-center.container.is-content-1200.margin-vertical-0 {
        margin: 0;
        width: 100%;
        max-width: 100% !important;
    }

    .is-header .contact-info {
        flex-direction: column;
        border: 0;
        padding: 0;
    }

    .is-header .contact-info li {
        width: 100%;
        justify-content: center;
        margin: 0 !important;
    }

    .is-header .justify-center-small.large-horizontal.menu {
        flex-direction: column;
    }

    .is-header .justify-center-small.large-horizontal.menu .cta {
        width: 100%;
    }

    .is-header .justify-center-small.large-horizontal.menu a:not(.button) {
        width: 100%;
        padding: 16px 0;
    }

    .is-header .justify-center-small.large-horizontal.menu .button {
        margin: 16px 0 !important;
        display: inline-block;
    }

    /*******************************************************************/
    /************************* HEADER CSS END ***************************/
    /*******************************************************************/

    /*******************************************************************/
    /************************* FOOTER CSS END ***************************/
    /*******************************************************************/
    .is-footer {
        min-height: 0;
        padding-bottom: 0 !important;
    }

    .is-footer .menu.social-media-icons-small li a {
        padding-bottom: 0;
    }

    #footer {
        margin-top: 10px;
    }

    #footer .footer-menu a {
        display: block;
        padding: 0 !important;
        margin: 10px 0;
    }

    #footer .fa.icon-circle,
    #footer .img-icon {
        display: block;
        margin: 0 auto 10px !important;
    }

    /*******************************************************************/
    /************************* FOOTER CSS END ***************************/
    /*******************************************************************/

    .is-overlay-bg {
        opacity: 1 !important;
    }

    .social-media-icons-column {
        border-bottom: 1px solid rgb(255 255 255 / 40%);
        margin-bottom: 30px;
    }

    .custom-small-border-center:after {
        margin: 0 auto;
        right: 0;
        left: 0;
    }

    .is-wrapper>div.is-section-100.is-box {
        height: auto;
    }

    .is-wrapper>div.is-section-100 {
        height: auto;
    }

    /*******************************************************************/
    /************************* BANNER CSS END ***************************/
    /*******************************************************************/

    .banner-section .is-container.container.is-content-right {
        margin-left: auto;
        margin-right: auto;
        opacity: 1 !important;
    }

    .banner-section-border {
        border-bottom: 1px solid rgb(0 0 0 / 20%);
    }

    /*******************************************************************/
    /************************* BANNER CSS END ***************************/
    /*******************************************************************/



    /*******************************************************************/
    /************************* LEAD MAGNET CSS ***************************/
    /*******************************************************************/

    .type-form .cell.medium-6 {
        width: 100%;
        padding: 0;
        max-width: 80%;
    }

    .horizontal-form.type-form .ww-form-container form>div {
        max-width: 600px;
        margin: 0 auto;
        width: 100%;
    }

    .type-form .ww-form-container .button {
        max-width: 100%;
    }

    .horizontal-form.type-form {
        padding: 15px 20px !important;
    }

    .horizontal-form.type-form .ww-form-container .width-25 {
        position: relative;
        width: 100% !important;
    }

    .horizontal-form.type-form .ww-form-container input[type="text"],
    .horizontal-form.type-form .ww-form-container input[type="password"],
    .horizontal-form.type-form .ww-form-container input[type="tel"],
    .horizontal-form.type-form .ww-form-container select,
    .horizontal-form.type-form .ww-form-container textarea,
    .horizontal-form.type-form .ww-form-container #mob_phone_phone_number_tel {
        margin-right: 0;
        width: 100% !important;
        max-width: 100% !important;
    }

    .leadmagnet-form--two-columns .ww-form-container form {
        display: block;
    }

    .leadmagnet-form--two-columns .leadmagnet-content {
        text-align: center;
    }

    /*******************************************************************/
    /************************* LEAD MAGNET CSS END ***************************/
    /*******************************************************************/


    /*******************************************************************/
    /************************* BLOG PAGE CSS ***************************/
    /*******************************************************************/

    .main-blog-banner .inner-banner.blog-banner {
        position: static;
        transform: none;
        text-align: left;
        padding-top: 30px;
    }

    /*******************************************************************/
    /************************* BLOG PAGE CSS ***************************/
    /*******************************************************************/
    .accordion-content .half {
        width: 100%;
    }
    .img.rounded-circle{
        display: none;
    }
    .bg-grey{
        background-color: #D9D9D9;
    }
    .banner-main-heading{
        color: black;
    }
    .banner-sub-heading{
        color: black;
    }
    .leadmagnet-form .flex-container.large-12.small-12.small-block{
        padding: 22px 27px;
    }
    .banner-design.column.full.is-light-text{
        color: black;
    }
    .bg-red{
        background: linear-gradient(139.46deg, #7FC9E4 -5.51%, #4B90CC 34.08%, #2568B3 70.76%);
    }
    .img-design{
        display: none;
    }

}