body {
    font-size: 18px;
    font-family: 'Lato', sans-serif;
    color: #727272;
    line-height: 28px;
    overflow-x: hidden;
}
.header-buttons a,
.cover-buttons a.explore,
.block-title h2,
.block-title span,
.grid-features .item h3,
.header-nav a,
.content-intro h1,
.intro-container h2,
.highlight-title h2{
    font-family: 'Fredoka', cursive;
}
.highlight-title h2,
.block-intro-pages h2,
.block-title h2{
    color: #56509F;
}
h1,h2,h3,h4,h5,h6{
    margin: 0;
    padding: 0;
}
ul,li{
    margin: 0;
    padding: 0;
    list-style: none;
}
img {
    width: auto;
    height: auto;
    max-width: 100%;
}

a {
    text-decoration: none;
    color: #222;
}

a:hover {
    text-decoration: none;
    color: #56509F;
}

/**
 * Nav dot owl slider
 */

.owl-carousel .owl-dots {
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

.owl-carousel .owl-dots .owl-dot {
    border: none;
    width: 15px;
    height: 15px;
    margin: 0 6px;
    border-radius: 50%;
    transition: .2s;
    background-color: #D9D9D9;
}

.owl-carousel .owl-dots .owl-dot span {
    display: block;
    width: 15px;
    height: 15px;
    border: none;
    border-radius: 50%;
    transition: .2s;
}
.owl-carousel .owl-dots .owl-dot:hover{
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), #56509F;
}
.owl-carousel .owl-dots .owl-dot.active {
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), #56509F;
    width: 21px;
    height: 21px;
}

.owl-carousel .owl-dots .owl-dot.active span {
    border-color: transparent;
}


.main-cover {
    text-align: center;
    padding-top: 65px;
    padding-bottom: 0px;
    background: url(../images/bg-intro.jpg) no-repeat top center;
}
.main-cover .logo-wp{
    margin-bottom: 30px;
}
.main-cover p{
    
}
.main-cover .title-cover {
    font-weight: 400;
    font-size: 20px;
    line-height: 28px;
    color: #454545;
    margin-top: 10px;
    margin-bottom: 27px;
    margin-left: auto;
    margin-right: auto;
    width: 65%;
}
.content-intro {
    text-align: center;
    margin-bottom: 20px;
}
.content-intro h1{
    color: #fff;
    font-size: 72px;
    line-height: 1.1;
    margin-bottom: 30px;
}
.content-intro p{
    color: #fff;
    font-size: 20px;
    width: 70%;
    margin: 0 auto;
}
.logo-buttons span{
    font-weight: 500;
    border-radius: 0px;
    position: relative;
    transition: .2s;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    background-color: transparent;
    color: #fff;
    font-size: 16px;
}
.logo-buttons svg path{
    fill: #fff;
}
.header-buttons a{
    background-color: #56509F;
    color: #fff;
    font-weight: 500;
    font-size: 16px;
    text-transform: uppercase;
    padding: 10px 25px;
    border-radius: 25px;
    transition: .25s;
}
.header-buttons a:hover {
    background: #FB6682;
    color: #fff;
    transition: .25s;
    box-shadow: 0px 5px 8px rgba(121, 99, 104, 0.14), 0px 3px 10px rgba(0, 0, 0, 0.12);
}

header {
    padding: 16px 0;
    transition: .2s;
}
.header-ontop header{
    background: #fff;
    padding: 10px 0;
    box-shadow: 0 10px 15px -10px #00000036;
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    z-index: 500;    
}
header .intro-container {
    max-width: 100%;
    display: flex;
    padding-left: 15px;
    padding-right: 15px;
    align-items: center;
    justify-content: space-between;
}
.intro-container {
    max-width: 100%;
    margin: 0 auto;
    padding-left: 15px;
    padding-right: 15px;
}

.logo-container {
    width: 280px;
}

.header-nav .items {
    margin: 0;
    padding: 0;
    list-style: none;
}

.header-nav .items li {
    display: inline-block;
    vertical-align: top;
    margin: 12px 15px;
}

.header-nav .items .current a {
    color: #56509F;
}

.header-nav a {
    color: #0f0f0f;
    font-weight: 500;
    font-size: 18px;
    line-height: 28px;
    transition: .1s;
}

.header-nav a:hover {
    color: #56509F;
}
.cover-buttons {
    margin-bottom: 50px;
}

.cover-buttons a.explore {
    border: 0;
    color: #fff;
    text-transform: capitalize;
    font-size: 16px;
    font-weight: 600;
    height: 48px;
    line-height: 48px;
    text-align: center;
    background: #56509F;
    border-radius: 0;
    padding: 0 32px!important;
    min-width: 120px;
    display: inline-block;    
    transition: all 0.3s ease-out 0s;
    -webkit-transition: all 0.3s ease-out 0s;
    z-index: 1;
    position: relative;
    border-radius: 30px;
}

.cover-buttons a.explore:hover {
    background: #FB6682;
    color: #fff;
    transition: .25s;
    box-shadow: 0px 5px 8px rgba(121, 99, 104, 0.14), 0px 3px 10px rgba(0, 0, 0, 0.12);
}

.highlight{
    padding: 100px 0 80px 0;
}
.highlight-title{
    text-align: center;
}
.highlight-title h2{
    font-weight: 600;
    font-size: 48px;
    line-height: 1.15;
    position: relative;
    display: inline-block;
    padding-bottom: 10px;
}
.highlight-title h2 span{
    color: #FB6682;
}
.highlight-title.title-top h2::before{
    display: none;
}

.grid-buy {
    text-align: center;
}

.grid-buy a {
    display: inline-block;
    height: 50px;
    line-height: 50px;
    background-color: #56509F;
    padding: 0 35px;
    border-radius: 25px;
    color: #fff;
    font-weight: 500;
    transition: .2s;
}

.grid-buy a:hover {
    background-color: #f33066;
}

.grid-features {
    margin-left: -15px;
    margin-right: -15px;
    margin-top: 40px;
}

.grid-features ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.grid-features ul li {
    width: 25%;
    padding: 0 15px;
}

.grid-features .item {   
    padding: 22px 40px 20px 40px;
    margin-bottom: 30px;
    text-align: center;
    border-radius: 3px;
    transition: .2s;
}

.grid-features .item:hover {
    background: #FFFFFF;
    box-shadow: 0px 8px 10px rgba(0, 0, 0, 0.14), 0px -2px 14px rgba(0, 0, 0, 0.12);
    border-radius: 10px;
}

.grid-features .feature-image {
    margin-bottom: 25px;
}

.grid-features .item h3 {
    font-weight: 500;
    font-size: 24px;
    line-height: 1.3;
    color: #0f0f0f;
}

.grid-features .item p {
    font-size: 16px;
    line-height: 24px;
    margin: 19px 0 5px 0;
}

@media( min-width: 1200px ){
    .grid-demo .item{
        padding: 0 30px;
    }
    .grid-demo{
        margin: 0 -30px;
    }
}
#main-highlight{
    background: url(../images/bg-hightlight.jpg) no-repeat;
}
#main-highlight .intro-container > .row{
    align-items: center;
}
#home-demos{
    background: #F1EDF8;
    padding: 82px 0 30px 0;
}
#home-demos .grid-demo{
    margin-top: 40px;
}
.block-demo .block-title{
    text-align: center;
    
}
.block-demo .block-title .title-inner{
    position: relative;
    display: inline-block;

}
.block-demo .block-title h2{
    font-weight: 600;
    font-size: 48px;
    line-height: 1.2;
    display: inline-block;
    vertical-align: middle;
}
.block-demo .block-title p{
    font-size: 22px;
    margin-top: 15px;
    margin-bottom: 30px;
    margin-top: 0;
}
.block-demo .block-title .title-inner span{
    font-weight: 600;
    font-size: 106.765px;
    line-height: 0.9;
    text-align: center;
    letter-spacing: -0.005em;
    color: #FB6682;
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
}
.block-demo .item-info{
    margin-top: 15px;
    margin-bottom: 50px;
}
.block-demo .item-info h3 a{
    font-weight: 500;
    font-size: 22px;
    color: #0f0f0f;
}
.block-demo .item-info h3 a:hover{
    color: #56509F;
}
.item-demo {
    margin-bottom: 30px;
    transition: .3s cubic-bezier(.24,.74,.58,1);
    text-align: center;
    top: 0;
}
.item-demo:hover{
    transform: translateY(-12px);
    transition: .3s cubic-bezier(.24,.74,.58,1);
}
.item-demo .item-image a img{
    box-shadow: 0px 0.75215px 13.5387px rgba(0, 0, 0, 0.12);
    border-radius: 0px;
}
.item-demo:hover .item-image a img{
    box-shadow: 0px 9px 12px rgba(0, 0, 0, 0.14);
}
.block-demo .item-demo {
    position: relative;
}

.block-demo .item-new .item-demo:before {
    content: "";
    display: block;
    position: absolute;
    width: 94px;
    height: 94px;
    background: url("../images/icon-new.png") no-repeat top right;
    right: -35px;
    z-index: 30;
    top: -35px;
}
.block-intro-pages{
    padding: 60px 0;
}
.block-intro-pages h2{
    font-weight: 400;
    font-size: 48px;
}
.block-intro-pages h2 span{
    color: #FB6682;
}
.block-intro-pages .col-content h2{
    padding-top: 65px;
    position: relative;
    margin-bottom: 15px;
    font-weight: 600;
}
.block-intro-pages .row2 .col-content h2{
    margin-bottom: 34px;
}
.block-intro-pages .row1 .col-image{
    text-align: right;
}
.block-intro-pages .row2{
    margin-top: 130px;
}
.block-intro-pages .row3{
    margin-top: 130px;
}
.block-intro-pages .row3 .col-content{
    padding-top: 20px;
}
.block-intro-pages .row2 .col-content{
    margin-top: 105px;
}
@media(min-width: 1200px){
    .block-intro-pages .row1 .col-lg-5{
        padding-right: 0;
    }
    .block-intro-pages .row2 .col-lg-5{
        padding-left: 0;
    }
}
.block-intro-pages .row1 .col-content{
    position: relative;
    top: -15px;
}
.block-subpages{
    background: url(../images/layout-bg.jpg) no-repeat;
    background-size: cover;
    color: #fff;
    overflow: hidden;
    padding: 57px 0 44px 0;
}
.block-subpages p{
    margin: 22px 0;
}
.block-subpages .block-title{
    text-align: center;
    margin-bottom: 45px;
}
.block-subpages .block-title .title-inner{
    position: relative;
    padding-left: 145px;
    padding-top: 45px;
    display: inline-block;
}
.block-subpages .block-title .title-inner h2{
    font-weight: 600;
    font-size: 48px;
    line-height: 1.1;    
    color: #fff;
}
.block-subpages .block-title .title-inner > span{
    font-weight: 600;
    font-size: 106.765px;
    line-height: 121px;
    text-align: center;
    letter-spacing: -0.005em;
    position: absolute;
    top: 11px;
    left: 0;
}
.block-subpages .block-title .title-inner p{
    font-weight: 400;
    font-size: 24px;
}
.block-subpages .item .item-info{
    margin-top: 20px;
}
.block-subpages .item .item-info a{
    font-weight: 500;
    font-size: 20px;
    line-height: 24px;
    text-align: center;
    letter-spacing: 0.0015em;
    text-align: center;
    color: #fff;
}
.block-subpages .item .item-info a:hover{
    color: #56509F;
}
.block-subpages .owl-carousel .owl-stage-outer{
    overflow: visible;
}

.product-layouts{
    padding: 100px 0 80px 0;
    position: relative;
}

.product-layouts .block-title span{
    position: relative;
    font-weight: 600;
    font-size: 106.765px;
    line-height: 0.9;
    text-align: center;
    letter-spacing: -0.005em;
    color: #FB6682;
    padding-right: 125px;
}
.product-layouts .block-title h2{
    font-weight: 600;
    font-size: 48px;
    line-height: 56px;
    margin: 10px 0 23px 0;
}
.product-layouts .block-title p{

}
.product-layouts .content-top{
    display: flex;
}
.product-layouts .content-bottom{
    margin-top: 0px;
    display: flex;
    justify-content: space-between;
    gap: 70px;
}
.product-layouts .col3 img{
    box-shadow: 0px 1px 18px 0px rgba(0, 0, 0, 0.16), 0px 4px 10px 0px rgba(0, 0, 0, 0.05);
}
.product-layouts .top-left{
    width: 32%;
}
.product-layouts .top-right{
    text-align: right;
    padding: 0 10px;
    width: 68%;
}

.block-features{
    background: url(../images/bg-features.jpg) no-repeat center center;
    background-size: cover;
    padding: 90px 0 80px 0;
    margin-bottom: 0px;
}
.block-features ul li{
    text-align: center;
    margin-bottom: 25px;
}
.block-features ul li .item .item-image{
    padding: 24px;
    text-align: center;
    transition: all 0.3s ease;
}
/*.block-features ul li .item .item-image:hover{
    background: url(../images/bg-item.png) no-repeat center center;
    background-size: 100%;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
}*/
.block-features ul li .item h4{
    font-weight: 500;
    font-size: 24px;
    text-align: center;   
    color: #454545;
}

.block-blogpages{
    background: url(../images/blog-bg.jpg) no-repeat;
    background-size: cover;
    overflow: hidden;
    padding: 58px 0 70px 0;
}
.block-blogpages p{
    margin-top: 27px;
}
.block.post-layouts{
    position: relative;
    margin-top: 45px;
    background-size: contain;
}

.block.post-layouts:after{
    
    display: none;
}

.post-layouts .top-left{
    padding-top: 15px;
}
.post-layouts .bottom-left{
    float: left;
    width: 60%;
}
.post-layouts .content-bottom{
    display: inline-block;
    width: 100%;

}
.post-layouts .content-bottom .bottom-right{
    margin-top: 100px;
    width: 40%;
    float: left;
    padding-left: 40px;
}
.post-layouts .block-title2 h2{
    padding-right: 70px;
    padding-bottom: 30px;
    position: relative;
    font-weight: 600;
    font-size: 48px;
    line-height: 56px;
    color: #0f0f0f;
    display: inline-block;
}
.post-layouts .block-title2 h2 span{   
    color: #FB6682;
}
.post-layouts p{
    width: 80%;
}
.block-mobile{
    background: #F1EDF8;
    display: inline-block;
    width: 100%;
    color: #fff;
    margin-top: 100px;
}
.block-mobile .intro-container{
    display: flex;
        margin-top: -100px;
    margin-bottom: 0px;
}
.block-mobile .mobile-left{
    width: 58%;
        z-index: 1;
}
.block-mobile .mobile-right{
    width: 42%;
        display: flex;
    align-items: center;
    color: #727272;
    padding-left: 90px;
    margin-top: 100px;
}
.block-mobile .block-title h2{
    position: relative;
    font-weight: 600;
    font-size: 48px;
    line-height: 56px;
    display: inline-block;
    margin-bottom: 15px;
}

.block-mobile .block-title h2 span {
    color: #56509F;
}
.block-plugins{
    text-align: center;
    padding-top: 70px;
}
.block-plugins p{
    font-size: 24px;
}
.block-plugins .block-title h2{
    padding-top: 50px;
    position: relative;
    font-weight: 600;
    font-size: 48px;
    line-height: 56px;
    display: inline-block;
    color: #0f0f0f;
    margin-bottom: 12px;
}
.block-plugins .block-title h2 span{
    color: #56509F;
}
.block-plugins ul{
    margin-top: 47px;
}
.block-plugins ul li{
    display: inline-block;
    width: 16%;
    margin-bottom: 35px;
}
.block-plugins ul li h4{
    font-weight: 600;
    font-size: 20px;
    line-height: 24px;
    letter-spacing: 0.0015em;
    color: #000000;
    margin-top: 35px;
}
.block-support{
    background: #292929;
    border-radius: 20px;
    color: #D9D9D9;
    padding: 40px 5%;
    z-index: 99;
    position: relative;
    margin-top: 77px;
}
.block-support .block-title h2{
    padding-top: 70px;
    position: relative;
    font-weight: 600;
    font-size: 48px;
    display: inline-block;
    color: #ffffff;
    margin-bottom: 20px;
}

.block-support .block-title h2 span{
    color: #56509F;
}
.block-support .block-title p{
    color: #D9D9D9;
}
.block-support ul li p{
    color: #D9D9D9;
}
.block-support ul li{
    text-align: center;
    width: 50%;
    padding: 0 23px;
    float: left;
    margin-top: 17px;
}
.block-support ul li:first-child{
    border-right: 2px solid #95979f;
}
.block-support h5{
    color: #fff;
    font-weight: 600;
    margin: 18px 0;
}
footer {
    text-align: center;
    padding-top: 90px;
    background-color: #F1E8E3;
    background-image: url("../images/footer-bg.png");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    color: #0f0f0f;
    margin-top: -130px;
    padding: 12% 10% 10% 10%;
}
.bg-top{
    position: relative;
}
.bg-top-buttom{
    position: relative;
    z-index: 1;
}
.logo-container .by-theme{
    display: none;
}
@media(min-width:1200px){
    footer {
        min-height: 954px;
    }
}
footer h2{
    font-weight: 600;
    font-size: 60px;
    margin-bottom: 10px;
}
footer p{
    font-weight: 600;
    margin-bottom: 30px;
}
footer .cover-buttons{
    margin-top: 40px;
}
.logo-click{
    display: flex;
}

/**
 * Responsive
 */
@media (min-width: 1650px){
    .content-intro{
        margin-bottom: 0px;
    }
    header .intro-container {
        max-width: 1500px;
    }
    .intro-container {
        max-width: 1470px;
    }
}
@media (max-width: 1200px){
    .header-nav a{
        font-size: 16px;
    }
    .header-nav .items li{
        margin: 15px 8px;
    }
    .block-subpages .block-title .title-inner > span,
    .product-layouts .block-title span,
    .block-subpages .block-title .title-inner > span,
    .product-layouts .block-title span,
    .block-demo .block-title .title-inner span{
        font-size: 50px;
    }

    .intro-container h2, .highlight-title h2{
        font-size: 32px !important;
    }
    .block-features ul li .item h4{
        font-size: 20px;
        line-height: 30px;
    }
}
@media (min-width: 768px) and (max-width: 1199px){
    .content-intro p{
        font-size: 18px;
    }
    .content-intro h1{
        font-size: 46px;
    }
    header{
        padding: 10px 0;
    }
    .logo-container{
        width: 200px;
    }
    .block-title p{
    }
    .grid-features .item h3{
        font-size: 20px;
        line-height: 25px;
    }
    .highlight{
        padding: 50px 0 50px 0;
    }
    .block-demo .block-title p{
        margin-top: 0;
    }
    .block-demo .item-info h3 a{
        font-size: 20px;
    }
    .block-intro-pages{
        margin-top: 0;
        padding: 70px 0;
    }
    .block-intro-pages .row3{
        margin-top: 50px;
    }
    .block-intro-pages .row2{
        margin-top: 30px;
    }

    .block-intro-pages .row2 .col-content{
        margin-top: 15px;
    }
    .block-intro-pages .row3 .col-content{
        padding-top: 0;
    }
    .post-layouts .block-title2 h2{
        padding-bottom: 10px;
    }
    .block.post-layouts{
        padding: 60px 0;
    }
    .post-layouts .content-bottom{
        margin-top: 40px;
    }
    .block-support ul li{
        padding: 0 3px;
    }
    .block-plugins{
        padding-top: 10px;
    }
    .block-support{
        margin-top: 20px;
        padding: 20px;
    }
}
.header-buttons-mob{
    display: none;
}
@media (max-width: 1023px) {
    .header-nav{
        padding: 0 15px;
        padding-bottom: 10px;
    }
    .header-nav .items li{
        padding: 6px 0;
        border-top: 1px solid #ddd;
    }
    header .intro-container{
        padding: 0;
    }
    .logo-click{
 
    }
    .logo-click img{
        max-width: 190px;
        margin: 0 auto;
    }
    header .logo-container .logo{
            padding: 0px 30px;
            width: 60%;
            text-align: center;
    }
    header .logo-container{
        width: 100%;
        text-align: center;
        background: #fff;
        padding: 5px 15px;
        border-radius: 5px;
        display: flex;
        align-items: center;
            justify-content: space-between;
    }
    .header-buttons{
        display: none;
    }
    .logo-container .header-buttons-mob{
        display: inline-block;
        font-size: 16px;
    }
    .block-intro-pages .col-content h2{
        padding-top: 0;
    }
    header{
        background: #fff;
        box-shadow: none;
    }
    .block-mobile{
        margin-top: 80px;
    }
    .product-layouts{
        padding: 60px 0;
    }
    .header-nav a{
        line-height: 30px;
    }
    .toggle-menu {
        display: inline-block;
        width: 30px;
        border-top: 2px solid #454545;
        border-bottom: 2px solid #454545;
        height: 25px;
        top: 4px;
        margin-right: 15px;
        position: relative;
        margin-top: -10px;
    }

    .toggle-menu:before {
        content: "";
        display: block;
        width: 30px;
        height: 2px;
        background-color: #454545;
        margin-top: 9px;
    }
    .main-cover .cover-buttons {
        margin-bottom: 30px;
    }
    header{
        position: relative;
    }
    .header-nav {
        display: block;
        text-align: left;
        position: absolute;
        left: 0;
        width: unset;
        right: 0;
        padding: 0 15px;
        top: 100%;
        background: #fff;
        opacity: 0;
        visibility: hidden;
        box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.1);
        transition: .2s;
    }

    .header-nav .items {
        text-align: left;
    }

    .header-nav .items li {
        display: block;
        margin: 0;
    }

    .header-nav a {
        color: #222;
        font-size: 16px;
    }

    .show-menu .header-nav {
        opacity: 1;
        visibility: visible;
    }

    .header-buy {
        float: right;
        width: auto;
    }

    .header-buy a {
        margin-top: 3px;
        min-width: 45px;
        text-indent: -999px;
        overflow: hidden;
        background: url("../images/checklist.png") no-repeat center center #56509F;
        background-size: 32px;
    }
}

@media (max-width: 991px) {
    body{
        font-size: 16px;
        line-height: 1.4;
    }
    .toggle-menu{
        width: 23px;
        height: 16px;
        top: 6px;
    }
    .toggle-menu:before{
        margin-top: 5px;
        width: 23px;
      }
   .logo-container .by-theme{
        background: #56509F;
        padding: 5px 10px;
        border-radius: 5px;
        color: #fff;
   }
    header .toggle-menu{
        margin-right: 0;
    }
    .block-plugins .block-title h2{
        padding-top: 0;
    }
    .block-mobile .mobile-right{
        margin-top: 20px;
        margin-bottom: 50px;
    }
    .product-layouts .content-top{
        display: inline-block;
    }
    .block-mobile .intro-container{
        display: inline-block;
    }
    .block-mobile .mobile-left,
    .block-mobile .mobile-right,
    .post-layouts .bottom-left,
    .post-layouts .content-bottom .bottom-right,
    .product-layouts .top-left,
    .product-layouts .top-right{
        width: 100%;
        text-align: center;
    }
    .post-layouts p{
        width: 100%;
    }
    .grid-features ul li {
        width: 50%;
    }
    .grid-features .item{
        margin-bottom: 0;
    }
    .block-demo .block-title .title-inner > span,
    .block-subpages .block-title .title-inner > span,
    .product-layouts .block-title span{
        font-size: 70px;
    }
    .block-subpages .block-title .title-inner{
        padding-left: 100px;
    }
    .block-features ul li .item .item-image{
        padding: 0;
    }
    .block-features{
        padding-bottom: 30px;
    }
    .block.post-layouts{
        padding: 0;
    }
    .post-layouts .content-bottom .bottom-right{
        margin-top: 50px;
    }
    .post-layouts .block-title2 h2{
        padding-bottom: 20px;
    }
    .block-mobile{
        background-size: cover;
    }
    .block-plugins{
        padding-top: 60px;
    }
    .block-support {
        text-align: center;
        padding: 40px 20px;
    }

    footer{
        margin-top: 0px;
        padding: 70px 20px 100px 20px;
    }
    .block-plugins ul li{
        width: 30%;
    }
    .product-layouts .block-title h2{
        margin: 0;
    }
    .col-content p{
        font-size: 16px;
        line-height: 24px;
    }
    .block-intro-pages .row2 .col-content h2{
        margin-bottom: 22px;
    }
    #main-pages2 .row1 .col-content{
        margin-top: 30px;
    }
    #main-highlight .col-image{
        margin-top: 30px;
    }
}

@media (max-width: 767px) {
    .logo-wp img{
        width: 200px;
    }
     .content-intro p{
        font-size: 16px;
        width: 100%;
    }
    .content-intro h1{
        font-size: 24px;
        margin-bottom: 15px;
    }
    .main-cover{
        padding-top: 40px;
    }
    .header-buttons a{
        padding: 10px 15px;
    }
    header .logo-container .logo{
        padding: 0 5px;
    }
    .logo-click img{
        max-width: 170px;
    }
    .product-layouts .col3 img{
        width: 100%
    }
    .product-layouts .content-bottom{
        flex-direction: column;
    }

    .intro-container h2, .highlight-title h2{
        font-size: 24px !important;
    }
    .block-plugins ul li {
        width: 48%;
    }
    .block-plugins ul li h4{
        margin-top: 15px;
    }
    .block-title p{

    }
    .grid-features .item h3{
        font-size: 20px;
        line-height: 25px;
    }
    .highlight{
        padding: 30px 0 20px 0;
    }
    .block-demo .block-title p{
        margin-top: 0;
        margin-bottom: 0;
        font-size: 16px;
    }
    .block-plugins p,
    .block-demo .item-info h3 a{
        font-size: 18px;
    }
    .block-intro-pages{
        margin-top: 0;
        padding: 50px 0;
    }
    .block-intro-pages .row3{
        margin-top: 30px;
    }
    .block-intro-pages .row2{
        margin-top: 30px;
    }
    #main-pages2.block-intro-pages .row2{
        margin-top: 0;
    }
    #main-pages2.block-intro-pages .row2 .col-content{
        margin-top: 10px;
    }
    .block-intro-pages .row2 .col-content{
        margin-top: 30px;
    }
    .block-intro-pages .row3 .col-content{
        padding-top: 0;
    }
    .post-layouts .block-title2 h2{
        padding-bottom: 10px;
    }
    .block.post-layouts{
        margin-top: 0;
        padding: 0px 0;
    }
    .block-mobile .intro-container{
        margin-top: 0;
        padding-top: 80px;
    }
    .block-mobile .mobile-right,
    .post-layouts .content-bottom .bottom-right{
        padding-left: 0;
    }
    .post-layouts .block-title2 h2,
    .product-layouts .block-title span{
        padding-right: 0;
    }
    .post-layouts .content-bottom{
        margin-top: 40px;
    }
    .block-support ul li{
        padding: 0 10px;
        width: 100%;
        border: none !important;
    }
    .block-plugins{
        padding-top: 30px;
    }
    .block-support{
        margin-top: 20px;
        padding: 20px;
    }
    .grid-features ul li{
        width: 100%;
    }
    .block-demo .block-title .title-inner{
        padding-left: 0px;
        text-align: left;
    }
    .block-demo .block-title .title-inner > span{
        top: 0;
    }
    #home-demos{
        padding: 50px 0 10px 0;
    }
    #home-demos .grid-demo{
        margin-top: 20px;
    }
    .block-demo .item-info{
        margin-bottom: 30px;
    }
    .block-demo .item-new .item-demo:before{
        right: -15px;
    }

    .block-demo .block-title .title-inner > span, .block-subpages .block-title .title-inner > span, .product-layouts .block-title span,
    .block-subpages .block-title .title-inner > span{
        top: 18px;
        font-size: 56px;
    }
    .block-subpages .block-title .title-inner{
        padding-left: 73px;
    }
    .product-layouts .block-title p{
        margin-bottom: 40px;
    }
    .highlight-title h2{
        padding-bottom: 10px;
    }
    .grid-features{
        margin-top: 0;
    }
    header{
        padding: 10px 0;
    }
    .highlight-title.abc h2 {
        font-size: 26px !important;
        line-height: 30px !important;
    }
    .cover-buttons a{
        font-size: 14px;
        height: 46px;
        line-height: 46px;
        padding: 0 25px !important;
    }
    .toggle-menu{
        width: 23px;
        height: 16px;
        top: 6px;
    }
    .toggle-menu:before{
        margin-top: 5px;
        width: 23px;
    }
    main{
        overflow-x: hidden;
    }
    .grid-features .item p{
        margin-top: 10px;
    }
    .grid-features .item{
        padding: 10px 20px;
    }
    .grid-features .feature-image{
        margin-bottom: 15px;
        margin-top: 5px;
    }
    .block-intro-pages .row2 .col-content h2{
        margin-bottom: 15px;
    }
    .block-features ul li .item h4{
        font-size: 22px;
    }
    footer .cover-buttons{
        margin-top: 20px;
    }
    .block-demo .block-title .title-inner span{
        line-height: 45px;
    }
    .block-demo .block-title .title-inner{
        text-align: center;
    }
    .block-title p{
        margin-top: 15px;
    }
    .block-support .block-title h2,
    .product-layouts .block-title h2{
        margin-bottom: 15px;
        margin-top: 10px;
    }
    .block-plugins .block-title h2,
    .block-mobile .block-title h2{
        margin-bottom: 0;
    }
    .block-support{
        margin: 0 10px;
    }
    .product-layouts .content-bottom{
        margin-top: 0px;
        gap: 30px;
    }

}

@media (max-width: 560px) {
}