@media (max-width:991px) {

    .pp-section {
        position: initial;
    }

    .section.stl-hg-s1 h2 {
        font-size: 27px;
        text-align: center;
    }

    .section_type_1_container_1 {
        padding-right: initial;
    }

    .stl-hg-s2 .pp_features_info .sec_title,
    .stl-medicale-s3 .col_info .title,
    .stl-medicale-s1 .section_title,
    .stl-bureautique-s3 .sec_title,
    .stl-medicale-s4 .title,
    .stl-marquage-s3 .title,
    .stl-hg-s3 .sec_title,
    .stl-hg-s4 .sec_title {
        font-size: 24px;
    }

    .stl-hg-s2 .section_one_img img {
        max-height: 450px;
    }

    .animation_item {
        animation: zoomIn 0.2s both 0.2s;
        opacity: 1 !important;
    }

    .stl-hg-s4 .slide .block_img {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .stl-hg-s4 .slide .block_text {
        flex: 0 0 100%;
        max-width: 100%;
        padding: 30px 30px;
    }

    .div-section-6-element {
        margin-bottom: 15px;
    }

    .stl-medicale-s4 .col_img {
        height: calc(50vh - 110px);
    }

    .stl-medicale-s4 .col_text {
        padding-top: 25px;
        padding-bottom: 25px;
    }

    .stl-medicale-s4 .img {
        min-height: 100%;
    }

    .stl-bureautique-s3 .slide .block_text {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .stl-bureautique-s3 .slide .block_img {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .stl-bureautique-s3 .scroll-wrap .scrollable-content {
        padding-top: 30px;
    }

    .contact-list .row .col-md-6 {
        /*padding-left: inherit;*/
        flex: 0 0 33.333333% !important;
        max-width: 33.333333% !important;
    }

    .contact.cursor {
        width: 100% !important;
        height: 100% !important;
    }

    .stl-hg-s4 .col_slide {
        margin-bottom: 15px;
    }

    .stl-hg-s4 .slide .block_text {
        height: 400px;
        max-height: 400px;
        overflow: auto !important;
    }

    #returnOnTop {
        background: url('../up.png') no-repeat;
            background-size: auto;
        bottom: 5%;
        cursor: pointer;
        display: none;
        filter: alpha(opacity = 50);
        height: 35px;
        opacity: 0.5;
        position: fixed;
        right: 2%;
        width: 35px;
        background-size: cover;
    }

    .map__image {
        padding-top: 100px;
    }

}

@media (max-width:768px) {
    .stl-hg-s2 .section_one_img img {
        max-height: 300px !important;
    }

    .contact-list .row .col-md-6 {
        flex: initial !important;
        max-width: initial !important;
        padding-bottom: 25px;
    }

    .contact_info_area {
        padding: 115px 0px;
        padding-bottom: 115px;
    }

    .text_checkbox .stl-checkbox {
        max-width: calc(100% - 40px);
    }

    .avis .contact_form .col-md-9.text_checkbox label {
        padding-left: 0px;
        line-height: 25px;
    }

    .blog_list_item_two a img {
        width: initial;
    }

    .blog_area_two.article_view {
        padding-left: 15px;
        padding-right: 15px;
    }

    .avis .contact_form .col-md-9.text_checkbox {
        height: 60px;
    }

    .stl-hg-s2 {
        padding-bottom: 50px;
    }

    .stl-bureautique-s5-mobile .col-lg-12 {
        padding: initial;
    }

    .stl-hg-s2 .pp_features_item .description {
        font-size: initial !important;
    }

    .stl-hg-s2 .pp_features_info .sec_description {
        font-size: initial !important;
    }
}

@media (max-width:1518px) {
    .stl-hg-s2 .section_one_img img {
        max-height: 550px;
        max-width: initial;
        margin: auto;
    }

    .stl-hg-s2 .pp_features_info .sec_title {
        font-size: 35px;
    }

    .stl-hg-s2 .pp_features_info .sec_title {
        line-height: 30px;
    }

    

}


@media screen and (min-width:991px) and (max-width:1366px) {

    .stl-hg-s2 .pp_features_info .sec_description {
        font-size: 14px;
        line-height: 20px;
        margin-bottom: 0.5em;
    }

    .stl-hg-s2-600 .pp_features_info .sec_description {
        line-height: 18px;
    }

    .stl-hg-s2 .pp_features_info {
        padding-top: 27px;
    }

    .stl-hg-s2 .pp_features_item .description {
        font-size: 14px;
    }

    .stl-hg-s2-600 .section_one_img img {
        max-height: 500px;
    }

    .stl-hg-s2 .pp_sec_title {
        margin-bottom: 15px;
    }
    .stl-hg-s2.stl-hg-s2-600 .pp_sec_title {
        margin-bottom: 0px;
    }
    .stl-hg-s2.stl-hg-s2-600 .pp_features_item .icon {
        margin-bottom: 5px;
    }
    
    .pagepiling-page-responsive .stl-hg-s2.stl-hg-s2-600 .description {
        font-size: 16px !important;
        line-height: 19px !important;
    }

    .stl-hg-s3-600 .hosting_title {
        margin-bottom: 20px;
    }

    .stl-medicale-s2-600 .design_tab .nav-item .nav-link {
        padding: 20px 50px;
    }

    .stl-medicale-s2-600 .sec_title {
        margin-bottom: 0px !important;
    }

    .stl-bureautique-s5-600 .event_promotion_info p {
        padding-top: 100px;
    }

    .stl-bureautique-s5-600 .event_promotion_info {
        margin-top: -122px;
    }

    .stl-medicale-s1-600 .section_title {
        line-height: 40px;
        margin-bottom: 0px;
    }

    .stl-hg-s3-600 .sec_title {
        margin-top: 15px;
        margin-bottom: 0;
    }

    .stl-hg-s3-600 .sec_description {
        line-height: 20px;
    }

    div.body_wrapper.pagepiling-page-responsive .blog-sidebar .widget.recent_post_widget_two .post_item .media-body h3,
    div.body_wrapper.pagepiling-page-responsive .blog-sidebar .widget.categorie_widget_two ul li a,
    div.body_wrapper.pagepiling-page-responsive .blog_list_item_two .blog_content .learn_btn_two,
    div.body_wrapper.pagepiling-page-responsive .blog_list_item_two .blog_content p,
    div.body_wrapper.pagepiling-page-responsive .section_type_1_description,
    .pagepiling-page-responsive .stl-bureautique-s3 .slide .item_desc,
    div.body_wrapper.pagepiling-page-responsive .blog_content p,
    .pagepiling-page-responsive .stl-hg-s4 .slide .item_desc{
        font-size: 16px !important;
        line-height: 22px !important;
    }

    div.body_wrapper.pagepiling-page-responsive .stl-medicale-s3 .slide .item .title,
    .pagepiling-page-responsive .stl-bureautique-s3 .slide .item_sttl,
    .pagepiling-page-responsive .stl-hg-s2 .pp_features_item .title,
    .pagepiling-page-responsive .stl-medicale-s3 .slide .item .link,
    .pagepiling-page-responsive .design_tab .nav-item .nav-link h5,
    div.body_wrapper.pagepiling-page-responsive .widget_title_two,
    .pagepiling-page-responsive .stl-hg-s4 .slide .item_ttl,
    .pagepiling-page-responsive .contact .div-span span,
    .pagepiling-page-responsive .s_integration_item h5,
    .pagepiling-page-responsive .section_stitle,
    .pagepiling-page-responsive .f_size_20,
    .pagepiling-page-responsive .stitle,
    .pagepiling-page-responsive .lead,
    .pagepiling-page-responsive .h4,
    .pagepiling-page-responsive h4 {
        font-size: 16px !important;
    }

    .pagepiling-page-responsive .description,
    .pagepiling-page-responsive .event_promotion_info p {
        font-size: 16px !important;
        line-height: 22px !important;
    }


    div.body_wrapper.pagepiling-page-responsive .stl-medicale-s3 .col_info .title,
    div.body_wrapper.pagepiling-page-responsive .stl-medicale-s4 .title,
    div.body_wrapper.pagepiling-page-responsive .stl-marquage-s3 .title,
    div.body_wrapper.pagepiling-page-responsive h1.f_size_50,
    .pagepiling-page-responsive .section_type_1_title,
    .pagepiling-page-responsive .section_title,
    .pagepiling-page-responsive .sec_title,
    .pagepiling-page-responsive .f_size_30 {
        font-size: 28px !important;
    }

    div.body_wrapper.pagepiling-page-responsive .breadcrumb_area_two {
        margin-top: 60px;
    }


    div.body_wrapper.pagepiling-page-responsive .blog_grid_info .blog_list_item .blog_content .blog_title {
        font-size: 16px;
    }

    .pagepiling-page-responsive .btn_three {
        font: 500 12px 'Lato', sans-serif;
    }

    .pagepiling-page-responsive [class*="stl-hg"] .digital_video_slider .video_item .title {
        font-size: 16px;
    }

    .pagepiling-page-responsive .stl-medicale-s1 .mb_70 {
        margin-bottom: 15px;
    }
}