@charset "utf-8";
/* CSS Document */




@media (max-width:1600px){    
    .site-header .main-menu > ul > li:not(.nav-logo) > a {
    padding: 14px 12px;
}
    .site-header .buttons > .button {
    padding: 10px 14px;
}
}
/* max 1600 */




@media (max-width:1400px){    
    .site-header .header-right {
    padding-right: 0px;
}
    .site-header .header-left {
    padding-left: 0;
}
    .site-header .main-menu img.logo {
    height: 82px;
}
    .site-header .main-menu > ul > li > a {
    padding: 14px 14px;
}
    .hero-section{
        padding-top: 120px;
    }
}
/* max 1400 */




@media (max-width:1300px){
    .site-header {
    padding-top: 10px;
    padding-bottom: 10px;
}
    .site-header .main-menu > ul > li > a {
    font-size: 15px;
}
    
}




@media (max-width:1200px){    
    li.nav-logo{
        display: none !important;
    }
    .site-header .main-menu{
        display: none;
    }   
    .hero-section{
        padding-top: 82px;
    }
    
    .site-header {
    padding-top: 22px;
    padding-bottom: 22px;
}
.mobile-logo{
    display: block;
}
    .mt60 {
    margin-top: 45px;
}
}
/* max 1200 - menu switch */




@media (min-width:992px){
    .cs-body-col{
        padding-left: 100px;
    }
}
/* min 992 */




@media (max-width:991px){ 
    .mt60 {
    margin-top: 35px;
}
    .pull-down {
    margin-bottom: -70px;
}
    .pull-down-spacer, .pull-up-spacer {
    height: 60px;
}
    .col-full-right{
        padding-right: 0 !important;
    }
    .site-main{
        overflow-x: hidden;
    }
}
/* max 991 */



@media (max-width:767px){
    .laptop-mock1 {
        left: -11%;
        width: calc(100% + 22%);
        padding-top: 65%;
    }
    .laptop-mock1 .screen {
    top: 8.5%;
    height: 79.5%;
}
    .heading .heading-title.size-xl {
    font-size: 60px;
}
    .heading-top-spacer {
    height: 35px;
}
    .heading .heading-desc.size-l {
    font-size: 20px;
}
    .heading .heading-title {
    font-size: 50px;
}
    .heading .heading-desc {
    font-size: 17px;
    line-height: 1.5;
    font-weight: 400;
    margin-top: 12px;
}
    .site-header .buttons .button {
    padding: 6px 6px;
    height: 40px;
}
    .site-header .buttons {
    margin-left: 0;
}
    .site-header .buttons .button i {
    font-size: 25px;
}
    .laptop-mock1 .software-box-mockup {
    left: -34%;
    bottom: -9%;
    height: 68%;
    width: 54%;
}
    .framed-feature-image {
    border-radius: 20px;
}
    .framed-feature-image .screen {
    top: 7%;
    left: 4.5%;
    height: 85%;
    width: 91.7%;
}
    h3, .h3 {
    font-size: 20px;
    line-height: 1.5;
    font-weight: 600;
}
    .blog.layout-02 .site-content .post-head, .blog.layout-03 .site-content .post-head {
    padding: 190px 0 35px;
}
    .woocommerce div.product{
    display: block;
}
.woocommerce div.product div.images,
.woocommerce div.product div.summary{
    width: 100% !important;
    min-width: 100% !important;
}
.woocommerce div.product div.images,
.woocommerce div.product div.summary{
    margin-bottom: 20px !important;
}
}
/* max 767px */




@media (max-width: 576px){
    .heading .heading-title {
        font-size: 36px;
    }
    .mb-5 {
    margin-bottom: 1rem!important;
}
    .block-list.layout-03 li .title.size-l {
    font-size: 20px;
}
    .block-tab.layout-01 .tab-content p {
    font-size: 16px;
}
    .heading {
    text-align: center;
}
    .heading.mb32 {
    margin-bottom: 25px;
}
    .footer-top .footer-item .logo img{
        max-height: 68px !important;
    }
    .footer-top .footer-about {
    padding-right: 30px;
    border-bottom: rgba(0,0,0,0.25) 1px dashed;
    padding-bottom: 12px !important;
}
    .footer-top .footer-item.footer-newsletter{
        border-top: rgba(0,0,0,0.25) 1px dashed;
        padding-top: 26px !important;
    }
    .footer-bottom .inner {
    padding-bottom: 25px;
        border-top-width: 0;
    padding-top: 0;
}
    .footer-top {
    padding: 35px 0 15px 0;
}
    .heading .heading-title.size-xl {
    font-size: 46px;
}
    .mobile-logo img {
    height: 54px;
}
    .footer-top .footer-about .logo{
    text-align: center;
}
    .footer-top .footer-menu li {
    margin-bottom: 10px;
}
    .post-type-portfolio.layout-02 .portfolio-meta {
    margin: 0;
    margin-top: 40px;
        margin-bottom: -15px;
}
    .post-type-portfolio.layout-02 .portfolio-meta li {
    padding: 0;
    width: 100%;
    text-align: center;
    margin-bottom: 0px !important;
        border-width: 0 !important;
}
    body {
    font-size: 15px;
    line-height: 19px;
}
    p {
    line-height: 1.55;
}
    blockquote {
    margin: 22px auto;
    padding: 1.4em 30px 1.4em 42px;
    line-height: 1.6;
}
}
/* max 576px */




@media (max-width: 480px){
    .mobile-logo img {
        height: 45px;
    }
    .site-header {
    padding-top: 18px;
    padding-bottom: 18px;
}
    .hero-section .button-wrap{
    display: flex;
    flex-flow: column;
    align-items: center;
    }
    .hero-section .button-wrap > *:not(:last-child){
        margin-bottom: 10px;
    }
    .hero-section .button-wrap .button {
    margin-right: 0px;
        clear: both;
}
    .heading .heading-title.size-xl {
    font-size: 42px;
}
    .laptop-mock1 {
    left: -13%;
    width: calc(100% + 26%);
    padding-top: 67%;
}
    .laptop-mock1 .screen {
    left: 10.5%;
    top: 7.5%;
    width: 79%;
    height: 81%;
}
    .block-accordion.layout-04 .accordion-item .title {
    font-size: 19px;
}
    .block-step.center-on-small li {
    justify-content: center;
}
    .block-step p {
    font-size: 20px;
}
    .block-step span {
    width: 35px;
    height: 35px;
    font-size: 18px;
    margin-right: 10px;
}
    .block-step li {
    width: 100%;
    margin-bottom: 12px;
}
    .heading .heading-title.size-l {
    font-size: 29px;
}
    .mt-5 {
    margin-top: 1.75rem!important;
}
    .site-header .buttons .button {
    padding: 5px;
    height: 38px;
}
}