/* Responsive Fixes */
html,body{
    overflow-x:hidden !important;
}

.container{
    width:100%;
    max-width:1224px;
    padding-left:15px;
    padding-right:15px;
    box-sizing:border-box;
}

img,video,iframe{
    max-width:100%;
    height:auto;
}

@media (max-width: 1199px){
    #wrapper{
        left:0;
        right:0;
    }
    .left-header,
    .hero-section-dec,
    .to-top-btn{
        display:none !important;
    }
    .main-header,
    .top-header{
        position:relative;
    }
}

@media (max-width: 991px){
    .logo-holder{
        position:relative;
        left:auto;
        top:auto;
        text-align:center;
    }

    .header-contacts li{
        float:none;
        display:block;
        margin:8px 0;
    }

    .half-hero-wrap{
        position:relative;
        left:auto;
        top:auto;
        padding:40px 20px;
        width:100%;
    }

    .half-hero-wrap h1,
    .half-hero-wrap h2{
        font-size:42px !important;
        line-height:1.2 !important;
    }

    .hero-promo-wrap,
    .hero_promo-wrap{
        width:100% !important;
        position:relative !important;
    }

    .nav-holder{
        width:100%;
        right:-100%;
    }
}

@media (max-width: 768px){
    section{
        padding:50px 0;
    }

    .half-hero-wrap h1,
    .half-hero-wrap h2{
        font-size:32px !important;
    }

    .section-title h1,
    .section-title h3{
        font-size:28px !important;
        line-height:1.3 !important;
    }

    .top-header ul{
        float:none;
        text-align:center;
        margin:0;
        padding:10px;
    }

    .top-header li{
        display:block !important;
        padding:6px 0;
    }

    .hero-slider_control-wrap,
    .hero-slider-wrap_pagination,
    .hs_counter,
    .clone-counter{
        display:none !important;
    }
}

@media (max-width: 576px){
    .logo-holder img{
        max-width:220px;
        height:auto;
    }

    .half-hero-wrap{
        padding:20px 15px;
    }

    .half-hero-wrap h1,
    .half-hero-wrap h2{
        font-size:26px !important;
    }

    p{
        font-size:15px;
        line-height:24px;
    }

    .btn,
    .btnn{
        width:100%;
        text-align:center;
    }

    table{
        display:block;
        overflow-x:auto;
        width:100%;
    }
}