@media only screen and (min-width:1300px) and (max-width:1600px) {
    .full_width .projects_masonry_holder .portfolio_masonry_item,
    .full_width .projects_masonry_holder .portfolio_masonry_item.large_height {
        width: 24.98%;
    }

    .full_width .projects_masonry_holder .portfolio_masonry_item.large_width,
    .full_width .projects_masonry_holder .portfolio_masonry_item.large_width_height {
        width: 49.96%;
    }
}

@media only screen and (max-width:1400px) {
    .full_width .q_masonry_blog article {
        width: 23%;
    }

    .blog_holder.masonry_full_width article {
        width: 23%;
    }
}

@media only screen and (max-width:1300px) {
    .projects_holder.v6.standard_no_space .mix,
    .projects_holder.v6.standard_no_space .filler,
    .projects_holder.v6.hover_text.no_space .mix,
    .projects_holder.v6.hover_text.no_space .filler {
        width: 19.99%;
    }

    .safari_browser .projects_holder.v6.standard_no_space .mix,
    .safari_browser .projects_holder.v6.hover_text.no_space .mix,
    .safari_browser .projects_holder.v6.standard_no_space .filler,
    .safari_browser .projects_holder.v6.hover_text.no_space .filler {
        width: 19.93%;
    }

    .masonry_with_space .projects_holder.v6 .mix {
        width: 20%;
    }

    .touch footer.uncover {
        position: relative;
        top: 0;
        -webkit-transition: none;
        -moz-transition: none;
        -ms-transition: none;
        -o-transition: none;
        transition: none;
    }

    .touch .content {
        margin-bottom: 0!important;
    }

    .full_width .projects_masonry_holder .portfolio_masonry_item,
    .full_width .projects_masonry_holder .portfolio_masonry_item.large_height {
        width: 33.3%;
    }

    .full_width .projects_masonry_holder .portfolio_masonry_item.large_width,
    .full_width .projects_masonry_holder .portfolio_masonry_item.large_width_height {
        width: 66.6%;
    }

    .vertical_menu_enabled .title {
        height: auto!important;
    }

    .vertical_menu_enabled .title_outer.with_image .title {
        padding: 0!important;
    }

    .vertical_menu_enabled .title.has_fixed_background,
    .vertical_menu_enabled .title.has_background {
        height: auto!important;
        padding: 0!important;
        background: none!important;
    }

    .vertical_menu_enabled .title_outer.animate_title_area {
        height: auto!important;
        opacity: 1!important;
    }

    .vertical_menu_enabled .title .not_responsive {
        display: block;
    }

    .vertical_menu_enabled .title_outer.with_image .title .title_subtitle_holder {
        padding: 0!important;
    }

    .vertical_menu_enabled .title h1 {
        font-size: 35px;
    }

    .vertical_menu_enabled .title .title_holder {
        padding: 0!important;
    }

    .vertical_menu_enabled .title:not(.breadcrumbs_title) .title_holder {
        height: 100%!important;
    }

    .vertical_menu_enabled .subtitle {
        font-size: 20px;
    }
}

@media only screen and (max-width:1200px) {
    body.boxed .wrapper_inner,
    body.boxed footer,
    body.boxed .header_inner,
    body.boxed .full_width .parallax_content,
    body.boxed .carousel-inner,
    body.boxed .footer_inner {
        width: 1000px;
    }

    body.boxed footer.uncover {
        width: 100%;
    }

    .container_inner,
    .boxed div.section .section_inner,
    div.grid_section .section_inner,
    .full_width .parallax_content,
    .steps_holder_inner,
    .carousel-inner .slider_content_outer,
    nav.content_menu ul,
    .container_inner nav.content_menu {
        width: 950px;
    }

    .drop_down .wide .second ul li {
        width: 207px;
    }

    .drop_down .wide .second .inner > ul > li>a {
        line-height: 1.4em;
    }

    .projects_holder.v6 .mix,
    .projects_holder.v6.hover_text .mix {
        width: 18.5%;
        margin: 0 0 1.7%;
    }

    .projects_holder.v6 .filler,
    .projects_holder.v6.hover_text .filler {
        width: 18.5%;
    }

    .blog_small_image.blog_holder article .post_description .post_description_left,
    .blog_small_image .post_info_left,
    .blog_small_image.blog_holder article .post_description .post_description_right {
        float: none;
    }

    .blog_small_image.blog_holder article .post_description .post_description_left,
    .blog_small_image .post_info_left {
        margin-top: 10px;
    }

    .blog_holder.blog_small_image article .post_comments {
        margin-left: 0;
    }

    .cover_boxes ul li,
    .cover_boxes ul li .box .thumb {
        width: 227px;
    }

    .cover_boxes ul li.act,
    .cover_boxes ul li .box {
        width: 455px;
    }

    .cover_boxes ul li .box .box_content {
        left: 247px;
        width: 207px;
    }

    body.boxed .cover_boxes ul li,
    body.boxed .cover_boxes ul li .box .thumb {
        width: 240px;
    }

    body.boxed .cover_boxes ul li.act,
    body.boxed .cover_boxes ul li .box {
        width: 480px;
    }

    body.boxed .cover_boxes ul li .box .box_content {
        left: 260px;
        width: 220px;
    }
}

@media only screen and (min-width:1000px) and (max-width:1200px) {
    .qode_pricing_tables.four_columns .price_in_table .price {
        font-size: 60px;
    }
}

@media only screen and (min-width:1000px) {
    .light:not(.sticky):not(.scrolled) .side_menu_button > a {
        color: #fff;
    }

    .dark:not(.sticky):not(.scrolled) .side_menu_button > a {
        color: #000;
    }

    .stick_with_left_right_menu .logo_wrapper {
        overflow: hidden;
    }
}

@media only screen and (max-width:1200px) {
    body.boxed .wrapper_inner,
    body.boxed footer,
    body.boxed .header_inner,
    body.boxed .full_width .parallax_content,
    body.boxed .carousel-inner,
    body.boxed .footer_inner {
        width: 818px;
    }

    .container_inner,
    .boxed div.section .section_inner,
    div.grid_section .section_inner,
    .full_width .parallax_content,
    .steps_holder_inner,
    .carousel-inner .slider_content_outer,
    nav.content_menu {
        width: 768px;
    }

    .full_width .projects_holder_outer.v6,
    .full_width .projects_holder_outer.v5 {
        width: 100%;
    }

    .header_top .container {
        display: inline-block;
    }

    header,
    .header_inner_left,
    footer.uncover {
        position: relative!important;
        left: 0!important;
        margin-bottom: 0;
    }

    .content {
        margin-bottom: 0!important;
    }

    .right_side_menu_opened .wrapper header {
        left: 0!important;
    }

    header {
        display: block;
        top: 0!important;
        margin-top: 0!important;
    }

    .header_top {
        display: block!important;
        /*height: auto;*/
    }

    .header_top .left,
    .header_top .right {
        float: none;
        text-align: center;
    }

    .header_top .inner {
        display: inline-block;
        margin: 0 0 -4px;
    }

    .header_bottom {
        background-color: #ffffff!important;
        height: 120px;
    }

    header .q_logo img.normal {
        display: block!important;
        position: relative;
        opacity: 1!important;
        height: 100px!important;
    }

       #logo_animer {
         
            display: block;
            margin: auto;
            animation: float 2s ease-in-out infinite alternate;
            text-align: center;

        }
 

    @keyframes float {
            from {
                transform: translate(0, 0px);
            }
            to {
                transform: translate(0, 10px);
            }
        }



    header .q_logo img.light,
    header .q_logo img.dark,
    header .q_logo img.sticky {
        display: none!important;
    }

    header .q_logo.animate_logo div.normal {
        display: block;
        opacity: 1!important;
    }

    header .q_logo.animate_logo div.dark,
    header .q_logo.animate_logo div.sticky {
        display: none;
    }

    .header-left-from-logo-widget,
    .header-right-from-logo-widget {
        display: none;
    }

    .q_logo_hidden {
        display: none;
    }

    .main_menu {
        display: none!important;
    }

    nav.mobile_menu {
        display: block;
    }

    .mobile_menu_button {
        display: table;
    }

    nav.mobile_menu > ul {
        margin: 0 auto;
    }

    .logo_wrapper {
        display: table;
        position: absolute;
        left: 50%;
        width: auto!important;
        height: 100px!important;
    }

    .q_logo {
        display: table-cell;
        position: relative;
        top: auto;
        vertical-align: middle;
    }

    .q_logo a {
        left: -50%;
        width: auto!important;
    }

    .q_logo img {
        top: 0;
        left: 0;
    }

    header .header_fixed_right_area {
        display: block;
        position: absolute;
        top: 80px!important;
        width: 100%;
        margin: 0;
        text-align: center;
        line-height: 100%!important;
    }

    .header_menu_bottom {
        border-top: 0;
    }

    .light .header_top .q_social_icon_holder i.simple_social,
    .light .header_top .header-widget,
    .light .header_top .header-widget.widget_nav_menu ul.menu > li > a,
    .light .header_top .header-widget p,
    .light .header_top .header-widget a,
    .light .header_top .header-widget span,
    .dark .mobile_menu_button span,
    .dark .side_menu_button>a,
    .dark .shopping_cart_header .header_cart>i {
        color: #777;
    }

    .light .header_top .q_social_icon_holder i.simple_social,
    .light .header_top #lang_sel > ul > li>a,
    .light .header_top #lang_sel_click>ul>li>a {
        color: #777!important;
    }

    .dark .header_top .q_social_icon_holder i.simple_social,
    .dark .header_top .header-widget,
    .dark .header_top .header-widget.widget_nav_menu ul.menu > li > a,
    .dark .header_top .header-widget p,
    .dark .header_top .header-widget a,
    .dark .header_top .header-widget span,
    .dark .mobile_menu_button span,
    .dark .side_menu_button>a,
    .dark .shopping_cart_header .header_cart>i {
        color: #777;
    }

    .header_top .header-widget {
        display: block;
        width: 100%;
        margin: 0;
        text-align: center;
    }

    .header_top .right .inner #lang_sel,
    .header_top .left .inner #lang_sel {
        float: none;
    }

    .dark .header_top .q_social_icon_holder i.simple_social,
    .dark .header_top #lang_sel > ul > li>a,
    .dark .header_top #lang_sel_click>ul>li>a {
        color: #777!important;
    }

    .title {
        height: auto!important;
    }

    .title_outer.with_image .title {
        padding: 0!important;
    }

    .title.has_fixed_background,
    .title.has_background {
        height: auto!important;
        padding: 0!important;
        background: none!important;
    }

    .title_outer.animate_title_area {
        height: auto!important;
        opacity: 1!important;
    }

    .title .not_responsive {
        display: block;
    }

    .title_outer.with_image .title .title_subtitle_holder {
        padding: 0!important;
    }

    .title h1 {
        font-size: 35px;
        line-height: 1.2em;
    }

    .title .title_holder {
        padding: 0!important;
    }

    .title.has_separators h1 {
        padding: 0;
        border: 0;
    }

    .title:not(.breadcrumbs_title) .title_holder {
        height: 100%!important;
        padding: 20px 0!important;
    }

    .subtitle {
        font-size: 20px;
        line-height: 1.3em;
    }

    .side_menu_button,
    .shopping_cart_inner {
        height: 100px!important;
    }

    header.menu_bottom.has_header_fixed_right .side_menu_button {
        height: 130px!important;
    }

    .header_top .right #lang_sel ul ul,
    .header_top .right #lang_sel_click ul ul {
        right: 0;
    }

    nav.content_menu {
        position: relative!important;
        top: 0!important;
        margin: 0 auto;
    }

    nav.content_menu ul.menu {
        display: none;
    }

    nav.content_menu .nav_select_menu {
        display: block;
    }

    nav.content_menu .back_outer {
        display: none;
    }

    .ls-nav-prev,
    .ls-nav-next {
        top: 50%!important;
    }

    .projects_holder.v6 .mix,
    .projects_holder.v5 .mix,
    .projects_holder.v4 .mix,
    .projects_holder.v6.hover_text .mix,
    .projects_holder.v5.hover_text .mix,
    .projects_holder.v4.hover_text .mix {
        width: 23%;
        margin: 0 0 3%;
    }

    .projects_holder.v6 .filler,
    .projects_holder.v5 .filler,
    .projects_holder.v4 .filler,
    .projects_holder.v6.hover_text .filler,
    .projects_holder.v5.hover_text .filler,
    .projects_holder.v4.hover_text .filler {
        width: 23%;
    }

    .projects_holder.v3 .mix,
    .projects_holder.v2 .mix {
        margin: 0 0 3%;
    }

    .projects_holder.v6.hover_text .mix,
    .projects_holder.v5.hover_text .mix,
    .projects_holder.v4.hover_text .mix,
    .projects_holder.v3.hover_text .mix,
    .projects_holder.v2.hover_text .mix {
        margin: 0 0 2.8%;
    }

    .projects_holder.v6.standard_no_space .mix,
    .projects_holder.v5.standard_no_space .mix,
    .projects_holder.v4.standard_no_space .mix,
    .projects_holder.v6.standard_no_space .filler,
    .projects_holder.v5.standard_no_space .filler,
    .projects_holder.v4.standard_no_space .filler,
    .projects_holder.v6.hover_text.no_space .mix,
    .projects_holder.v5.hover_text.no_space .mix,
    .projects_holder.v4.hover_text.no_space .mix,
    .projects_holder.v6.hover_text.no_space .filler,
    .projects_holder.v5.hover_text.no_space .filler,
    .projects_holder.v4.hover_text.no_space .filler {
        width: 24.99%;
    }

    .safari_browser .projects_holder.v6.standard_no_space .mix,
    .safari_browser .projects_holder.v6.hover_text.no_space .mix,
    .safari_browser .projects_holder.v6.standard_no_space .filler,
    .safari_browser .projects_holder.v6.hover_text.no_space .filler,
    .safari_browser .projects_holder.v5.standard_no_space .mix,
    .safari_browser .projects_holder.v5.hover_text.no_space .mix,
    .safari_browser .projects_holder.v5.standard_no_space .filler,
    .safari_browser .projects_holder.v5.hover_text.no_space .filler,
    .safari_browser .projects_holder.v4.standard_no_space .mix,
    .safari_browser .projects_holder.v4.hover_text.no_space .mix,
    .safari_browser .projects_holder.v4.standard_no_space .filler,
    .safari_browser .projects_holder.v4.hover_text.no_space .filler {
        width: 24.95%;
    }

    .projects_holder.v6.standard_no_space .mix,
    .projects_holder.v5.standard_no_space .mix,
    .projects_holder.v4.standard_no_space .mix,
    .projects_holder.v3.standard_no_space .mix {
        margin: 0;
    }

    .projects_holder article .feature_holder .feature_holder_icons {
        margin: 10px 0 0 0;
    }

    .masonry_with_space .projects_holder.v6 .mix,
    .masonry_with_space .projects_holder.v5 .mix {
        width: 25%;
    }

    .full_width .projects_masonry_holder .portfolio_masonry_item,
    .full_width .projects_masonry_holder .portfolio_masonry_item.large_height {
        width: 49.9%;
    }

    .full_width .projects_masonry_holder .portfolio_masonry_item.large_width,
    .full_width .projects_masonry_holder .portfolio_masonry_item.large_width_height {
        width: 100%;
    }

    .projects_masonry_holder .portfolio_masonry_item,
    .projects_masonry_holder .portfolio_masonry_item.large_height {
        width: 49.9%;
    }

    .projects_masonry_holder .portfolio_masonry_item.large_width,
    .projects_masonry_holder .portfolio_masonry_item.large_width_height {
        width: 100%;
    }

    .blog_holder.masonry article,
    .q_masonry_blog article {
        width: 47%;
    }

    .blog_holder.masonry_full_width article {
        width: 30.5%;
    }

    .full_width .q_masonry_blog article {
        width: 30.5%;
    }

    .box_image_holder .box_icon .fa-stack {
        font-size: 3em;
    }

    .q_steps_holder .step1 {
        left: -81px;
    }

    .q_steps_holder .step2 {
        left: 122px;
    }

    .q_steps_holder .step3 {
        left: 350px;
    }

    .q_steps_holder .step4 {
        left: 560px;
    }

    .q_steps_holder .step1,
    .q_steps_holder .step2,
    .q_steps_holder .step3,
    .q_steps_holder .step4 {
        margin: 0 0 30px;
    }

    .qode_call_to_action .two_columns_75_25 > .column2 > .column_inner {
        padding: 0;
    }

    .qode_call_to_action .qbutton {
        padding: 0 10px!important;
        font-size: 10px;
    }

    .header_top .left .inner > div:last-child,
    header .q_social_icon_holder,
    .header_top .right .inner > div {
        border-right: 0;
    }

    .header_top .left .inner > div,
    .header_top .right .inner > div:first-child {
        border-left: 0;
    }

    .qode_clients.six_columns .qode_client_holder,
    .qode_clients.five_columns .qode_client_holder,
    .qode_clients.four_columns .qode_client_holder {
        width: 33.33333333333333%;
    }

    .qode_clients.six_columns .qode_client_holder:nth-child(6n) .qode_client_holder_inner:before,
    .qode_clients.five_columns .qode_client_holder:nth-child(5n) .qode_client_holder_inner:before,
    .qode_clients.four_columns .qode_client_holder:nth-child(4n) .qode_client_holder_inner:before {
        border-right-width: 1px;
    }

    .qode_clients.six_columns .qode_client_holder:nth-child(3n) .qode_client_holder_inner:before,
    .qode_clients.five_columns .qode_client_holder:nth-child(3n) .qode_client_holder_inner:before,
    .qode_clients.four_columns .qode_client_holder:nth-child(3n) .qode_client_holder_inner:before {
        border-right-width: 0;
    }

    .animated_icons_with_text.five_columns .animated_icon_with_text_holder,
    .animated_icons_with_text.four_columns .animated_icon_with_text_holder,
    .animated_icons_with_text.three_columns .animated_icon_with_text_holder {
        width: 50%;
    }

    .animated_icons_with_text.three_columns .animated_icon_with_text_holder:nth-child(3n) .animated_icon_with_text_inner:before,
    .animated_icons_with_text.four_columns .animated_icon_with_text_holder:nth-child(4n) .animated_icon_with_text_inner:before,
    .animated_icons_with_text.five_columns .animated_icon_with_text_holder:nth-child(5n) .animated_icon_with_text_inner:before {
        border-right-width: 1px;
    }

    .animated_icons_with_text.three_columns .animated_icon_with_text_holder:nth-child(2n) .animated_icon_with_text_inner:before,
    .animated_icons_with_text.four_columns .animated_icon_with_text_holder:nth-child(2n) .animated_icon_with_text_inner:before,
    .animated_icons_with_text.five_columns .animated_icon_with_text_holder:nth-child(2n) .animated_icon_with_text_inner:before {
        border-right-width: 0;
    }

    .cover_boxes ul {
        margin: 0 -8px 0 0;
    }

    .cover_boxes ul li {
        margin-right: 8px;
    }

    .cover_boxes ul li,
    .cover_boxes ul li .box .thumb {
        width: 187px;
    }

    .cover_boxes ul li.act,
    .cover_boxes ul li .box {
        width: 374px;
    }

    .cover_boxes ul li .box .box_content {
        left: 197px;
        width: 177px;
    }

    body.boxed .cover_boxes ul li,
    body.boxed .cover_boxes ul li .box .thumb {
        width: 199px;
    }

    body.boxed .cover_boxes ul li.act,
    body.boxed .cover_boxes ul li .box {
        width: 400px;
    }

    body.boxed .cover_boxes ul li .box .box_content {
        left: 209px;
        width: 189px;
    }

    .cover_boxes ul li .box .box_content p {
        max-height: 105px;
        overflow: hidden;
    }

    .cover_boxes ul li .box .cover_box_title {
        margin: 0 0 5px;
    }

    .cover_boxes ul li .box .qbutton,
    .cover_boxes ul li .box h5 {
        margin: 8px 0 0;
    }

    .latest_post_holder.four_columns > ul > li {
        width: 49%;
        margin: 0 2% 25px 0!important;
    }

    .latest_post_holder.boxes.four_columns>ul>li:nth-child(2n) {
        margin: 0 0 25px!important;
    }

    .q_team .q_team_social_holder .fa-stack {
        width: 1.6em;
        height: 1.6em;
        margin: 0 4px 3px 0;
        line-height: 1.6em;
    }

    .q_tabs .tabs-nav li a {
        padding: 0 7px;
    }

    .price_table_inner ul li.table_title {
        padding: 18px 15px 17px;
    }

    .price_table_inner ul li {
        padding: 11px 10px;
    }

    .price_button .qbutton {
        margin-bottom: 5px;
    }

    body .content,
    body .content.content_top_margin {
        margin-top: 0!important;
    }

    .q_counter_holder.center {
        padding: 20px 30px;
    }

    .wpb_flexslider.flexslider.have_frame {
        width: 566px;
    }

    .frame_holder > .wpb_wrapper {
        padding: 30px 0 66px 0;
    }

    .frame_holder.frame_holder2 > .wpb_wrapper {
        padding: 42px 0 66px 0;
    }

    .qode_pricing_tables.four_columns .q_price_table {
        width: 48.75%;
        margin-bottom: 45px;
    }

    .qode_pricing_tables.four_columns .q_price_table:nth-child(2n+1) {
        clear: both;
        margin-left: 0;
    }

    .gallery_holder ul.v5 li,
    .wpb_gallery_slides .gallery_holder ul.v5 li {
        width: 25%;
    }

    .google_map_ovrlay {
        display: block;
    }
}

@media only screen and (min-width:768px) and (max-width:1100px) {
    .portfolio_gallery a.v4 {
        width: 32%;
        margin: 0 2% 2% 0!important;
    }

    .portfolio_gallery a.v4:nth-child(3n) {
        margin: 0 0 2% 0!important;
    }

    .drop_down .wide .second ul li .flexslider.widget_flexslider ul.flex-direction-nav li {
        width: 194px;
    }

    .widget.widget_search form input[type="text"] {
        width: 67%;
    }

    .q_percentage,
    .q_percentage_with_icon {
        width: 150px!important;
        height: 150px!important;
        line-height: 150px!important;
    }

    .q_percentage canvas,
    .q_percentage_with_icon canvas {
        width: 100%!important;
        height: 100%!important;
    }
}

@media only screen and (min-width:768px) and (max-width:1000px) {
    .grid2 .blog_holder.masonry .blog_share {
        margin-left: 0;
    }

    .grid2.two_columns_66_33 .blog_holder.blog_single article .post_comments {
        margin-left: 0;
    }

    .grid2.two_columns_66_33 .blog_holder.blog_single article .post_description .post_description_left,
    .grid2.two_columns_66_33 .blog_holder.blog_single article .post_description .post_description_right {
        float: none;
    }
}

@media only screen and (max-width:900px) {
    .projects_holder.v6.standard_no_space .mix,
    .projects_holder.v5.standard_no_space .mix,
    .projects_holder.v4.standard_no_space .mix,
    .projects_holder.v6.standard_no_space .filler,
    .projects_holder.v5.standard_no_space .filler,
    .projects_holder.v4.standard_no_space .filler,
    .projects_holder.v6.hover_text.no_space .mix,
    .projects_holder.v5.hover_text.no_space .mix,
    .projects_holder.v4.hover_text.no_space .mix,
    .projects_holder.v6.hover_text.no_space .filler,
    .projects_holder.v5.hover_text.no_space .filler,
    .projects_holder.v4.hover_text.no_space .filler {
        width: 33.32%;
    }

    .safari_browser .projects_holder.v6.standard_no_space .mix,
    .safari_browser .projects_holder.v6.hover_text.no_space .mix,
    .safari_browser .projects_holder.v6.standard_no_space .filler,
    .safari_browser .projects_holder.v6.hover_text.no_space .filler,
    .safari_browser .projects_holder.v5.standard_no_space .mix,
    .safari_browser .projects_holder.v5.hover_text.no_space .mix,
    .safari_browser .projects_holder.v5.standard_no_space .filler,
    .safari_browser .projects_holder.v5.hover_text.no_space .filler,
    .safari_browser .projects_holder.v4.standard_no_space .mix,
    .safari_browser .projects_holder.v4.hover_text.no_space .mix,
    .safari_browser .projects_holder.v4.standard_no_space .filler,
    .safari_browser .projects_holder.v4.hover_text.no_space .filler {
        width: 33.3%;
    }
}

@media only screen and (max-width:783px) {
    .full_width .q_masonry_blog article {
        width: 46.5%;
    }

    .blog_holder.masonry_full_width article {
        width: 46.5%;
    }
}

@media only screen and (min-width:768px) and (max-width:1000px) {
    .q_progress_bars_vertical .progress_title {
        font-size: .8em;
    }
}

@media only screen and (max-width:768px) {
    body.boxed .wrapper_inner,
    body.boxed footer,
    body.boxed .header_inner,
    body.boxed .full_width .parallax_content,
    body.boxed .carousel-inner,
    body.boxed .footer_inner {
        width: 650px;
    }

    .container_inner,
    .boxed div.section .section_inner,
    div.grid_section .section_inner,
    .full_width .parallax_content,
    .steps_holder_inner,
    .carousel-inner .slider_content_outer,
    nav.content_menu {
        width: 600px;
    }

    .projects_holder.v6 .mix,
    .projects_holder.v5 .mix,
    .projects_holder.v4 .mix,
    .projects_holder.v3 .mix,
    .projects_holder.v6.hover_text .mix,
    .projects_holder.v5.hover_text .mix,
    .projects_holder.v4.hover_text .mix,
    .projects_holder.v3.hover_text .mix {
        width: 31%;
        margin: 0 0 4%;
    }

    .projects_holder.v6 .filler,
    .projects_holder.v5 .filler,
    .projects_holder.v4 .filler,
    .projects_holder.v3 .filler,
    .projects_holder.v6.hover_text .filler,
    .projects_holder.v5.hover_text .filler,
    .projects_holder.v4.hover_text .filler,
    .projects_holder.v3.hover_text .filler {
        width: 31%;
    }

    .projects_holder.v2 .mix {
        width: 48.3%;
        margin: 0 0 3.6%;
    }

    .projects_holder.v2 .filler {
        width: 48.3%;
    }

    .projects_holder.v6.hover_text .mix,
    .projects_holder.v5.hover_text .mix,
    .projects_holder.v4.hover_text .mix,
    .projects_holder.v3.hover_text .mix,
    .projects_holder.v2.hover_text .mix {
        margin: 0 0 3.4%;
    }

    .projects_holder.v6.standard_no_space .mix,
    .projects_holder.v5.standard_no_space .mix,
    .projects_holder.v4.standard_no_space .mix,
    .projects_holder.v3.standard_no_space .mix,
    .projects_holder.v2.standard_no_space .mix,
    .projects_holder.v6.standard_no_space .filler,
    .projects_holder.v5.standard_no_space .filler,
    .projects_holder.v4.standard_no_space .filler,
    .projects_holder.v3.standard_no_space .filler,
    .projects_holder.v2.standard_no_space .filler,
    .projects_holder.v6.hover_text.no_space .mix,
    .projects_holder.v5.hover_text.no_space .mix,
    .projects_holder.v4.hover_text.no_space .mix,
    .projects_holder.v3.hover_text.no_space .mix,
    .projects_holder.v2.hover_text.no_space .mix,
    .projects_holder.v6.hover_text.no_space .filler,
    .projects_holder.v5.hover_text.no_space .filler,
    .projects_holder.v4.hover_text.no_space .filler,
    .projects_holder.v3.hover_text.no_space .filler,
    .projects_holder.v2.hover_text.no_space .filler {
        width: 49.99%;
    }

    .safari_browser .projects_holder.v6.standard_no_space .mix,
    .safari_browser .projects_holder.v6.hover_text.no_space .mix,
    .safari_browser .projects_holder.v6.standard_no_space .filler,
    .safari_browser .projects_holder.v6.hover_text.no_space .filler,
    .safari_browser .projects_holder.v5.standard_no_space .mix,
    .safari_browser .projects_holder.v5.hover_text.no_space .mix,
    .safari_browser .projects_holder.v5.standard_no_space .filler,
    .safari_browser .projects_holder.v5.hover_text.no_space .filler,
    .safari_browser .projects_holder.v4.standard_no_space .mix,
    .safari_browser .projects_holder.v4.hover_text.no_space .mix,
    .safari_browser .projects_holder.v4.standard_no_space .filler,
    .safari_browser .projects_holder.v4.hover_text.no_space .filler,
    .safari_browser .projects_holder.v3.standard_no_space .mix,
    .safari_browser .projects_holder.v3.hover_text.no_space .mix,
    .safari_browser .projects_holder.v3.standard_no_space .filler,
    .safari_browser .projects_holder.v3.hover_text.no_space .filler,
    .safari_browser .projects_holder.v2.standard_no_space .mix,
    .safari_browser .projects_holder.v2.hover_text.no_space .mix,
    .safari_browser .projects_holder.v2.standard_no_space .filler,
    .safari_browser .projects_holder.v2.hover_text.no_space .filler {
        width: 49.97%;
    }

    .projects_holder.v6.standard_no_space .mix,
    .projects_holder.v5.standard_no_space .mix,
    .projects_holder.v4.standard_no_space .mix,
    .projects_holder.v3.standard_no_space .mix,
    .projects_holder.v2.standard_no_space .mix {
        margin: 0;
    }

    .masonry_with_space .projects_holder.v6 .mix,
    .masonry_with_space .projects_holder.v5 .mix,
    .masonry_with_space .projects_holder.v4 .mix {
        width: 33.33%;
    }

    .blog_holder.masonry article,
    .q_masonry_blog article,
    .full_width .grid_section .q_masonry_blog article,
    .blog_holder.masonry_full_width article {
        width: 46.5%;
    }

    .blog_holder.blog_small_image article .post_text .post_text_inner {
        min-height: 0!important;
    }

    .comment_holder .comment_number {
        display: none;
    }

    .comment_holder .comments {
        width: 100%;
    }

    .two_columns_75_25 .blog_holder.masonry article,
    .two_columns_66_33 .blog_holder.masonry article,
    .two_columns_33_66 .blog_holder.masonry article,
    .two_columns_25_75 .blog_holder.masonry article,
    .two_columns_75_25 .q_masonry_blog article,
    .two_columns_66_33 .q_masonry_blog article,
    .two_columns_33_66 .q_masonry_blog article,
    .two_columns_25_75 .q_masonry_blog article,
    .full_width .q_masonry_blog article,
    .blog_holder.masonry_full_width article {
        width: 100%;
    }

    div.comment_form {
        padding-top: 40px;
        border-top: 1px solid #ddd;
    }

    .title h1 {
        padding: 20px 15px;
        font-size: 28px;
    }

    .subtitle {
        font-size: 15px;
    }

    .header_bottom_right_widget_holder {
        display: none;
    }

    .q_line_graf {
        width: 100%;
        margin: 0 0 25px;
    }

    .q_pie_graf {
        float: none;
        width: 70%;
        margin: 0 auto 25px;
    }

    .q_line_graf canvas,
    .q_line_graf_legend,
    .q_pie_graf canvas,
    .q_pie_graf_legend {
        width: 100%!important;
        height: auto!important;
    }

    .q_icon_list p,
    .q_list.number.circle_number li {
        line-height: 37px;
    }

    .q_list.number.circle_number ul > li:before {
        top: 0;
    }

    .q_icon_list p {
        padding: 0 0 0 45px;
    }

    .q_icon_list i {
        width: 35px;
        height: 35px;
        line-height: 35px;
    }

    .grid2 .blog_holder article .post_description .post_description_left,
    .grid2 .post_info_left,
    .grid2 .blog_holder article .post_description .post_description_right {
        float: none;
    }

    .grid2 .blog_holder article .post_description .post_description_left,
    .grid2 .post_info_left {
        margin-top: 10px;
    }

    .grid2 .blog_holder article .post_comments {
        margin-left: 0;
    }

    .blog_holder.blog_small_image article .post_image,
    .blog_holder.blog_small_image article .post_text {
        width: 100%;
        margin: 0;
    }

    .blog_holder.blog_small_image article .post_image {
        margin: 0 0 30px;
    }

    .blog_holder.blog_small_image article .post_text .post_text_inner {
        padding: 0;
    }

    .cover_boxes ul {
        width: 100%!important;
    }

    .cover_boxes ul li {
        width: 100%!important;
        margin: 0 0 20px!important;
    }

    .cover_boxes ul li,
    .cover_boxes ul li .box .thumb {
        width: 270px;
    }

    .cover_boxes ul li.act,
    .cover_boxes ul li .box {
        width: 100%;
    }

    .cover_boxes ul li .box .box_content {
        float: right;
        position: static;
        left: 0;
        width: 310px;
    }

    .cover_boxes ul li .box .box_content p {
        height: auto;
        max-height: none;
        overflow: visible;
    }

    .latest_post_holder.boxes:not(.three_columns) > ul > li {
        margin: 0 2% 25px 0!important;
    }

    .latest_post_holder.boxes.two_columns > ul > li,
    .latest_post_holder.boxes.four_columns>ul>li {
        width: 49%;
    }

    .latest_post_holder.boxes:not(.three_columns) >ul>li:nth-child(2n) {
        margin: 0 0 25px!important;
    }

    .q_circles_holder .q_circle_outer {
        width: 50%!important;
        margin: 0 0 30px;
    }

    .q_circles_holder:before {
        display: none;
        width: 0;
        height: 0;
        border: 0;
    }

    .qbutton,
    .load_more a,
    #submit_comment,
    .drop_down .wide .second ul li .qbutton,
    .drop_down .wide .second ul li ul li .qbutton,
    .qbutton.small {
        padding: 0 14px;
    }

    .qbutton.big_large,
    .qbutton.big_large_full_width {
        height: 50px;
        padding: 0 20px;
        font-size: 16px;
        line-height: 50px;
    }

    .qbutton.large {
        height: 42px;
        padding: 0 17px;
        line-height: 42px;
    }

    .qbutton.medium,
    #submit_comment,
    .load_more.tiny a {
        height: 38px;
        padding: 0 16px;
        line-height: 38px;
    }

    .qbutton.large i,
    .qbutton.big_large i,
    .qbutton.big_large_full_width i {
        margin: 0 0 0 15px;
    }

    .qbutton.medium i {
        margin: 0 0 0 13px;
    }

    .qbutton.small i {
        margin: 0 0 0 8px;
    }

    .q_social_icon_holder .fa-stack {
        margin: .1407692307692308em;
    }

    .wpb_flexslider.flexslider.have_frame {
        width: 442px;
    }

    .frame_holder > .wpb_wrapper {
        padding: 24px 0 58px 0;
    }

    .frame_holder.frame_holder2 > .wpb_wrapper {
        padding: 33px 0 58px 0;
    }

    .have_frame.flexslider .flex-prev {
        left: -60px;
    }

    .have_frame.flexslider .flex-next {
        right: -60px;
    }

    .touch .content {
        margin: 0!important;
    }

    nav.popup_menu ul li a,
    nav.popup_menu ul li h6 {
        line-height: 40px;
    }

    nav.popup_menu ul li a span,
    nav.popup_menu ul li h6 span {
        font-size: .7em;
    }

    .qode_carousels_holder .caroufredsel-direction-nav {
        display: none;
    }

    .q_circles_holder.with_lines:before {
        display: none;
    }

    .q_tabs .tabs-nav li a {
        padding: 0 4px;
        font-size: 12px;
    }
}

@media only screen and (min-width:600px) and (max-width:768px) {
    .portfolio_gallery a.v3,
    .portfolio_gallery a.v4 {
        width: 49%!important;
        margin: 0 2% 2% 0!important;
    }

    .portfolio_gallery a.v3:nth-child(2n) ,
    .portfolio_gallery a.v4:nth-child(2n) {
        margin: 0 0 2% 0!important;
    }

    .gallery_holder ul.v4 li {
        width: 50%!important;
    }
	
	/* Change premier element avec marge plus haut pour galerie image quand ecran reduis */
	.gallery_holder ul.v4 li:first-child {
        width: 50%!important;
		margin-top: 20px!important;
    }
	/* Change premier element avec marge plus haut pour galerie image quand ecran reduis */
	.gallery_holder ul.v4 li:nth-child(2) {
        width: 50%!important;
		margin-top: 20px!important;
    }

    .gallery_holder ul.v5 li,
    .gallery_holder ul.v3 li {
        width: 33.33333%!important;
    }

    .blog_holder article .post_info .inner {
        padding: 0 10px 0 0;
    }

    .widget.widget_search form input[type="text"] {
        width: 60%;
    }

    .q_image_with_text_over.one_fourth {
        width: 49.9%;
    }

    .q_percentage canvas,
    .q_percentage_with_icon canvas {
        width: 100%!important;
        height: 100%!important;
    }

    .q_circles_holder .q_circle_outer:nth-child(2n+1) {
        clear: both;
    }

    .blog_like {
        padding: 0 0 0 8px;
    }

    .blog_share {
        margin: 0 0 0 8px;
    }

    .blog_holder article .post_description .post_description_left {
        margin: 0 12px 0 0;
    }

    .blog_holder.masonry article .post_description .post_description_left {
        margin: 0;
    }

    .q_counter_holder.center {
        padding: 20px 15px;
    }

    .price_in_table .price {
        font-size: 60px;
    }

    .service_table_title_holder .service_title {
        word-break: break-all;
    }
}

@media only screen and (max-width:600px) {
    body.boxed .wrapper_inner,
    body.boxed footer,
    body.boxed .header_inner,
    body.boxed .full_width .parallax_content,
    body.boxed .carousel-inner,
    body.boxed .footer_inner {
        width: 470px;
    }

    .container_inner,
    .boxed div.section .section_inner,
    div.grid_section .section_inner,
    div.column1 .grid_section .section_inner,
    div.column2 .grid_section .section_inner,
    .full_width .parallax_content,
    .steps_holder_inner,
    .carousel-inner .slider_content_outer,
    nav.content_menu {
        width: 420px;
    }

    .projects_holder.v6 .mix,
    .projects_holder.v5 .mix,
    .projects_holder.v4 .mix,
    .projects_holder.v3 .mix,
    .projects_holder.v2 .mix,
    .projects_holder.v6.hover_text .mix,
    .projects_holder.v5.hover_text .mix,
    .projects_holder.v4.hover_text .mix,
    .projects_holder.v3.hover_text .mix,
    .projects_holder.v2.hover_text .mix {
        width: 47.9%;
        margin: 0 0 4.7%;
    }

    .projects_holder.v6.hover_text .mix,
    .projects_holder.v5.hover_text .mix,
    .projects_holder.v4.hover_text .mix,
    .projects_holder.v3.hover_text .mix,
    .projects_holder.v2.hover_text .mix {
        margin: 0 0 4.2%;
    }

    .projects_holder.v6 .filler,
    .projects_holder.v5 .filler,
    .projects_holder.v4 .filler,
    .projects_holder.v3 .filler,
    .projects_holder.v2 .filler,
    .projects_holder.v6.hover_text .filler,
    .projects_holder.v5.hover_text .filler,
    .projects_holder.v4.hover_text .filler,
    .projects_holder.v3.hover_text .filler,
    .projects_holder.v2.hover_text .filler {
        width: 47.9%;
    }

    .projects_holder.v6.standard_no_space .mix,
    .projects_holder.v5.standard_no_space .mix,
    .projects_holder.v4.standard_no_space .mix,
    .projects_holder.v3.standard_no_space .mix,
    .projects_holder.v2.standard_no_space .mix,
    .projects_holder.v6.standard_no_space .filler,
    .projects_holder.v5.standard_no_space .filler,
    .projects_holder.v4.standard_no_space .filler,
    .projects_holder.v3.standard_no_space .filler,
    .projects_holder.v2.standard_no_space .filler,
    .projects_holder.v6.hover_text.no_space .mix,
    .projects_holder.v5.hover_text.no_space .mix,
    .projects_holder.v4.hover_text.no_space .mix,
    .projects_holder.v3.hover_text.no_space .mix,
    .projects_holder.v2.hover_text.no_space .mix,
    .projects_holder.v6.hover_text.no_space .filler,
    .projects_holder.v5.hover_text.no_space .filler,
    .projects_holder.v4.hover_text.no_space .filler,
    .projects_holder.v3.hover_text.no_space .filler,
    .projects_holder.v2.hover_text.no_space .filler,
    .safari_browser .projects_holder.v6.standard_no_space .mix,
    .safari_browser .projects_holder.v6.hover_text.no_space .mix,
    .safari_browser .projects_holder.v6.standard_no_space .filler,
    .safari_browser .projects_holder.v6.hover_text.no_space .filler,
    .safari_browser .projects_holder.v5.standard_no_space .mix,
    .safari_browser .projects_holder.v5.hover_text.no_space .mix,
    .safari_browser .projects_holder.v5.standard_no_space .filler,
    .safari_browser .projects_holder.v5.hover_text.no_space .filler,
    .safari_browser .projects_holder.v4.standard_no_space .mix,
    .safari_browser .projects_holder.v4.hover_text.no_space .mix,
    .safari_browser .projects_holder.v4.standard_no_space .filler,
    .safari_browser .projects_holder.v4.hover_text.no_space .filler,
    .safari_browser .projects_holder.v3.standard_no_space .mix,
    .safari_browser .projects_holder.v3.hover_text.no_space .mix,
    .safari_browser .projects_holder.v3.standard_no_space .filler,
    .safari_browser .projects_holder.v3.hover_text.no_space .filler,
    .safari_browser .projects_holder.v2.standard_no_space .mix,
    .safari_browser .projects_holder.v2.hover_text.no_space .mix,
    .safari_browser .projects_holder.v2.standard_no_space .filler,
    .safari_browser .projects_holder.v2.hover_text.no_space .filler {
        width: 100%;
    }

    .projects_holder.v6.standard_no_space .mix,
    .projects_holder.v5.standard_no_space .mix,
    .projects_holder.v4.standard_no_space .mix,
    .projects_holder.v3.standard_no_space .mix,
    .projects_holder.v2.standard_no_space .mix {
        margin: 0 0 6.5%;
    }

    .masonry_with_space .projects_holder.v6 .mix,
    .masonry_with_space .projects_holder.v5 .mix,
    .masonry_with_space .projects_holder.v4 .mix,
    .masonry_with_space .projects_holder.v3 .mix {
        width: 49.99%;
    }

    .portfolio_gallery a.v2,
    .portfolio_gallery a.v3,
    .portfolio_gallery a.v4 {
        width: 100%;
        margin: 0 0 4% 0!important;
    }

    .portfolio_gallery a.v3:nth-child(2n) ,
    .portfolio_gallery a.v4:nth-child(2n) {
        margin: 0 0 4% 0!important;
    }

    .two_columns_50_50 .column1,
    .two_columns_50_50 .column2,
    .three_columns .column1,
    .three_columns .column2,
    .three_columns .column3,
    .two_columns_66_33 .column1,
    .two_columns_66_33 .column2,
    .two_columns_33_66 .column1,
    .two_columns_33_66 .column2,
    .two_columns_75_25 .column1,
    .two_columns_75_25 .column2,
    .two_columns_25_75 .column1,
    .two_columns_25_75 .column2,
    .four_columns .column1,
    .four_columns .column2,
    .four_columns .column3,
    .four_columns .column4 {
        width: 100%;
    }

    .two_columns_50_50 .column1 .column_inner,
    .two_columns_50_50 .column2 .column_inner,
    .three_columns .column1 .column_inner,
    .three_columns .column2 .column_inner,
    .three_columns .column3 .column_inner,
    .two_columns_66_33 .column1 .column_inner,
    .two_columns_66_33 .column2 .column_inner,
    .two_columns_33_66 .column1 .column_inner,
    .two_columns_33_66 .column2 .column_inner,
    .two_columns_75_25 .column1 .column_inner,
    .two_columns_75_25 .column2 .column_inner,
    .two_columns_25_75 .column1 .column_inner,
    .two_columns_25_75 .column2 .column_inner,
    .two_columns_66_33.grid2 .column1 .column_inner,
    .two_columns_66_33.grid2 .column2 .column_inner,
    .two_columns_33_66.grid2 .column1 .column_inner,
    .two_columns_33_66.grid2 .column2 .column_inner,
    .two_columns_75_25.grid2 .column1 .column_inner,
    .two_columns_75_25.grid2 .column2 .column_inner,
    .two_columns_25_75.grid2 .column1 .column_inner,
    .two_columns_25_75.grid2 .column2 .column_inner,
    .four_columns .column1 .column_inner,
    .four_columns .column2 .column_inner,
    .four_columns .column3 .column_inner,
    .four_columns .column4 .column_inner {
        padding: 0;
    }

    .q_tabs.vertical.right .tabs-nav {
        float: right;
    }

    .q_tabs.vertical .tabs-container {
        width: 73%;
    }

    .q_tabs.horizontal .tab-content {
        padding: 30px 0 10px;
    }

    .q_tabs .tabs-nav li a {
        padding: 0 8px;
    }

    .q_tabs.vertical .tabs-nav li a {
        padding: 6px 10px;
    }

    .gallery_holder ul.v5 li,
    .gallery_holder ul.v4 li,
    .gallery_holder ul.v3 li,
    .gallery_holder ul.v2 li {
        width: 50%!important;
    }
	
	/* Change premier element avec marge plus haut pour galerie image quand ecran reduis */
	.gallery_holder ul.v5 li:first-child,
    .gallery_holder ul.v4 li:first-child,
    .gallery_holder ul.v3 li:first-child,
    .gallery_holder ul.v2 li:first-child {
        width: 50%!important;
		margin-top: 20px!important;
    }
	
	/* Change premier element avec marge plus haut pour galerie image quand ecran reduis */
	.gallery_holder ul.v5 li:nth-child(2),
    .gallery_holder ul.v4 li:nth-child(2),
    .gallery_holder ul.v3 li:nth-child(2),
    .gallery_holder ul.v2 li:nth-child(2) {
        width: 50%!important;
		margin-top: 20px!important;
    }

	/* Change marge pour page NO NE SO SE en téléphone */
	.vc_row.wpb_row.section .full_section_inner.clearfix .wpb_column.vc_column_container.vc_col-sm-12 .vc_column-inner .wpb_wrapper .vc_empty_space {
		margin-top: 50px!important;	
	}
	
    #respond textarea {
        padding: 13px;
    }

    .comment_holder .comment-list li ul.children {
        padding: 0 0 0 30px;
    }

    .blog_holder.masonry article,
    .two_columns_75_25 .blog_holder.masonry article,
    .two_columns_66_33 .blog_holder.masonry article,
    .two_columns_33_66 .blog_holder.masonry article,
    .two_columns_25_75 .blog_holder.masonry article,
    .two_columns_75_25 .q_masonry_blog article,
    .two_columns_66_33 .q_masonry_blog article,
    .two_columns_33_66 .q_masonry_blog article,
    .two_columns_25_75 .q_masonry_blog article,
    .q_masonry_blog article {
        width: 100%;
    }

    .call_to_action_button_wrapper.right {
        margin-top: 15px;
        text-align: center!important;
    }

    .title h1,
    .title.position_center h1 {
        float: none;
        font-size: 20px;
    }

    .subtitle {
        margin: 15px 0 0;
        font-size: 14px;
    }

    .breadcrumb {
        position: relative;
    }

    .blog_holder article .post_description .post_description_left,
    .post_info_left,
    .blog_holder article .post_description .post_description_right {
        float: none;
    }

    .blog_holder article .post_description .post_description_left,
    .post_info_left {
        margin-top: 10px;
    }

    .blog_holder article .post_comments {
        margin-left: 0;
    }

    .qode_clients.six_columns .qode_client_holder,
    .qode_clients.five_columns .qode_client_holder,
    .qode_clients.four_columns .qode_client_holder,
    .qode_clients.three_columns .qode_client_holder {
        width: 50%;
    }

    .qode_clients.six_columns .qode_client_holder:nth-child(3n) .qode_client_holder_inner:before,
    .qode_clients.five_columns .qode_client_holder:nth-child(3n) .qode_client_holder_inner:before,
    .qode_clients.four_columns .qode_client_holder:nth-child(3n) .qode_client_holder_inner:before,
    .qode_clients.three_columns .qode_client_holder:nth-child(3n) .qode_client_holder_inner:before {
        border-right-width: 1px;
    }

    .qode_clients.six_columns .qode_client_holder:nth-child(2n) .qode_client_holder_inner:before,
    .qode_clients.five_columns .qode_client_holder:nth-child(2n) .qode_client_holder_inner:before,
    .qode_clients.four_columns .qode_client_holder:nth-child(2n) .qode_client_holder_inner:before,
    .qode_clients.three_columns .qode_client_holder:nth-child(2n) .qode_client_holder_inner:before {
        border-right-width: 0;
    }

    .animated_icons_with_text.two_columns .animated_icon_with_text_holder,
    .animated_icons_with_text.three_columns .animated_icon_with_text_holder,
    .animated_icons_with_text.four_columns .animated_icon_with_text_holder,
    .animated_icons_with_text.five_columns .animated_icon_with_text_holder {
        width: 100%;
    }

    .animated_icons_with_text .animated_icon_with_text_inner:before,
    .animated_icons_with_text.three_columns .animated_icon_with_text_holder:nth-child(3n) .animated_icon_with_text_inner:before,
    .animated_icons_with_text.four_columns .animated_icon_with_text_holder:nth-child(4n) .animated_icon_with_text_inner:before,
    .animated_icons_with_text.five_columns .animated_icon_with_text_holder:nth-child(5n) .animated_icon_with_text_inner:before {
        border-right-width: 0;
    }

    .vc_row-fluid [class*='vc_span'] {
        width: 100%!important;
        margin-left: 0!important;
    }

    .q_image_with_text_over.one_half,
    .q_image_with_text_over.one_third,
    .q_image_with_text_over.one_fourth {
        width: 100%;
    }

    .call_to_action .column2.button_wrapper {
        position: relative;
        text-align: center;
    }

    .call_to_action .column2.button_wrapper .qbutton {
        position: static;
        margin: 10px 0 0 0;
    }

    .cover_boxes ul li,
    .cover_boxes ul li .box .thumb {
        width: 190px;
    }

    .cover_boxes ul li .box .box_content {
        width: 210px;
    }

    .latest_post_holder.two_columns > ul > li,
    .latest_post_holder.three_columns>ul>li,
    .latest_post_holder.four_columns>ul>li,
    .latest_post_holder.boxes.two_columns>ul>li,
    .latest_post_holder.boxes.three_columns>ul>li,
    .latest_post_holder.boxes.four_columns>ul>li {
        width: 100%;
        margin: 0 0 25px!important;
    }

    .q_circles_holder .q_circle_outer {
        width: 100%!important;
    }

    .footer_top .four_columns .column2 .column_inner > div,
    .footer_top .three_columns .column2 .column_inner > div,
    .footer_top .two_columns_50_50 .column2 .column_inner>div,
    .footer_top .four_columns .column3 .column_inner>div,
    .footer_top .three_columns .column3 .column_inner>div,
    .footer_top .four_columns .column4 .column_inner>div {
        margin: 0;
    }

    .footer_top .four_columns .column1,
    .footer_top .four_columns .column2,
    .footer_top .four_columns .column3,
    .footer_top .three_columns .column1,
    .footer_top .three_columns .column2,
    .footer_top .two_columns_50_50 .column1 {
        margin: 0 0 25px;
    }

    footer.footer_border_columns .qode_column {
        min-height: 0!important;
        border: 0;
    }

    footer.footer_border_columns .qode_column .column_inner {
        padding: 0;
    }

    .wpb_flexslider.flexslider.have_frame {
        width: 307px;
    }

    .frame_holder > .wpb_wrapper {
        padding: 18px 0 42px 0;
    }

    .frame_holder.frame_holder2 > .wpb_wrapper {
        padding: 23px 0 40px 0;
    }

    .qode_pricing_tables .q_price_table {
        width: 100%!important;
        margin-bottom: 15px;
        margin-left: 0;
    }

    .qode_pricing_tables .q_price_table.active {
        margin-top: 20px;
        margin-bottom: 25px;
    }

    .call_to_action .text_wrapper .call_to_action_text {
        margin-bottom: 10px;
        text-align: center;
    }
}

@media only screen and (max-width:480px) {
    body.boxed .wrapper_inner,
    body.boxed footer,
    body.boxed .header_inner,
    body.boxed .full_width .parallax_content,
    body.boxed .carousel-inner {
        width: 350px;
    }

    body.boxed .footer_inner {
        width: 100%;
    }

    .container_inner,
    .boxed div.section .section_inner,
    div.grid_section .section_inner,
    div.column1 .grid_section .section_inner,
    div.column2 .grid_section .section_inner,
    .full_width .parallax_content,
    .steps_holder_inner,
    .carousel-inner .slider_content_outer,
    nav.content_menu {
        width: 300px;
    }

    .full_width .projects_masonry_holder .portfolio_masonry_item,
    .full_width .projects_masonry_holder .portfolio_masonry_item.large_height,
    .full_width .projects_masonry_holder .portfolio_masonry_item.large_width,
    .full_width .projects_masonry_holder .portfolio_masonry_item.large_width_height {
        width: 100%;
    }

    .projects_masonry_holder .portfolio_masonry_item,
    .projects_masonry_holder .portfolio_masonry_item.large_height,
    .projects_masonry_holder .portfolio_masonry_item.large_width,
    .projects_masonry_holder .portfolio_masonry_item.large_width_height {
        width: 100%;
    }

    .blog_holder.masonry {
        width: 300px!important;
    }

    .header_bottom,
    footer .container_inner {
        padding: 0 25px;
    }

    footer .container_inner,
    .header_bottom .container_inner {
        width: auto;
    }

    nav.mobile_menu > ul {
        width: auto;
    }

    .title h1,
    .position_center.title h1 {
        float: none;
        padding: 5px 9px;
        font-size: 16px;
    }

    .subtitle {
        display: none;
    }

    .projects_holder.v6 .mix,
    .projects_holder.v5 .mix,
    .projects_holder.v4 .mix,
    .projects_holder.v3 .mix,
    .projects_holder.v2 .mix,
    .projects_holder.v6.hover_text .mix,
    .projects_holder.v5.hover_text .mix,
    .projects_holder.v4.hover_text .mix,
    .projects_holder.v3.hover_text .mix,
    .projects_holder.v2.hover_text .mix {
        width: 100%;
        margin: 0 0 7.4%;
    }

    .projects_holder.v6.hover_text .mix,
    .projects_holder.v5.hover_text .mix,
    .projects_holder.v4.hover_text .mix,
    .projects_holder.v3.hover_text .mix,
    .projects_holder.v2.hover_text .mix {
        margin: 0 0 7.8%;
    }

    .projects_holder.v6 .filler,
    .projects_holder.v5 .filler,
    .projects_holder.v4 .filler,
    .projects_holder.v3 .filler,
    .projects_holder.v2 .filler,
    .projects_holder.v6.hover_text .filler,
    .projects_holder.v5.hover_text .filler,
    .projects_holder.v4.hover_text .filler,
    .projects_holder.v3.hover_text .filler,
    .projects_holder.v2.hover_text .filler {
        width: 100%;
    }

    .masonry_with_space .projects_holder.v6 .mix,
    .masonry_with_space .projects_holder.v5 .mix,
    .masonry_with_space .projects_holder.v4 .mix,
    .masonry_with_space .projects_holder.v3 .mix,
    .masonry_with_space .projects_holder.v2 .mix {
        width: 100%;
    }

    .single_tags {
        margin: 35px 0 0 19%;
    }

    .q_tabs.vertical .tabs-nav {
        width: 30%;
    }

    .q_tabs.vertical .tabs-container {
        width: 65%;
    }

    .q_tabs .tabs-nav li a {
        padding: 0 5px;
    }

    .q_tabs.vertical .tabs-nav li a {
        padding: 7px 5px;
    }
	
    .gallery_holder ul.v5 li,
    .gallery_holder ul.v4 li,
    .gallery_holder ul.v3 li,
    .gallery_holder ul.v2 li,
	.gallery_holder ul.v5 li:nth-child(2),
    .gallery_holder ul.v4 li:nth-child(2),
    .gallery_holder ul.v3 li:nth-child(2),
    .gallery_holder ul.v2 li:nth-child(2) {
        width: 100%!important;
        margin-top: 10px!important;
		margin-bottom: 10px!important;
    }
	
	/* Change premier element avec marge plus haut pour galerie image quand téléphone */
	.gallery_holder ul.v5 li:first-child,
    .gallery_holder ul.v4 li:first-child,
    .gallery_holder ul.v3 li:first-child,
    .gallery_holder ul.v2 li:first-child {
        width: 100%!important;
        margin-top: 60px!important;
    }

    .comment_holder .comment-list li ul.children {
        padding: 0 0 0 15px;
    }

    .comment_holder .comment .image {
        float: none;
        margin: 0 auto;
    }

    .comment_holder .comment .text {
        padding: 0;
    }

    .box_image_with_border {
        margin: 0 0 30px 0;
    }

    .box_image_holder .box_icon .fa-stack {
        font-size: 4em;
    }

    .filter_holder ul li span {
        padding: 0 10px;
    }

    .q_steps_holder .circle_small span {
        left: -35px;
    }

    .blog_holder article .post_description .post_description_left,
    .post_info_left {
        display: inline-block;
        float: none;
        width: 100%;
        margin: 0 0 5px;
    }

    .blog_holder article .post_description .post_description_right,
    .post_info_right {
        float: none;
    }

    .post_info_right {
        text-align: right;
    }

    .author_description_inner .image {
        float: none;
    }

    .author_text_holder {
        padding: 10px 0 0;
    }

    .single_tags {
        margin-left: 0;
    }

    .footer_top .column_inner > div {
        margin: 0 0 25px!important;
    }

    .footer_top .column_inner {
        border: 0;
    }

    .qbutton.big_large {
        height: 50px;
        padding: 0 18px;
        line-height: 50px;
    }

    .qode_clients.six_columns .qode_client_holder,
    .qode_clients.five_columns .qode_client_holder,
    .qode_clients.four_columns .qode_client_holder,
    .qode_clients.three_columns .qode_client_holder,
    .qode_clients.two_columns .qode_client_holder {
        width: 100%;
    }

    .qode_clients.six_columns .qode_client_holder:nth-child(3n) .qode_client_holder_inner:before,
    .qode_clients.five_columns .qode_client_holder:nth-child(3n) .qode_client_holder_inner:before,
    .qode_clients.four_columns .qode_client_holder:nth-child(3n) .qode_client_holder_inner:before,
    .qode_clients.three_columns .qode_client_holder:nth-child(3n) .qode_client_holder_inner:before,
    .qode_clients.six_columns .qode_client_holder .qode_client_holder_inner:before,
    .qode_clients.five_columns .qode_client_holder .qode_client_holder_inner:before,
    .qode_clients.four_columns .qode_client_holder .qode_client_holder_inner:before,
    .qode_clients.three_columns .qode_client_holder .qode_client_holder_inner:before,
    .qode_clients.two_columns .qode_client_holder .qode_client_holder_inner:before {
        border-right-width: 0;
    }

    .side_menu_button > a {
        padding: 0;
    }

    .cover_boxes ul li .box .thumb {
        width: 100%!important;
    }

    .cover_boxes ul li.act,
    .cover_boxes ul li .box {
        width: 100%;
    }

    .cover_boxes ul li.act,
    .cover_boxes ul li .box a.thumb {
        float: none;
        margin: 0!important;
    }

    .cover_boxes ul li .box .box_content {
        position: static;
        width: 100%;
        margin-top: 20px;
    }

    .cover_boxes ul li.act {
        margin-bottom: 35px!important;
    }

    .cover_boxes ul li .box .thumb img {
        width: 100%;
    }

    .q_counter_holder.center {
        padding: 20px;
    }

    .q_accordion_holder,
    .q_tabs {
        visibility: visible!important;
    }

    .title.title_size_large h1 {
        font-size: 28px;
        line-height: 30px;
    }

    .wpb_flexslider.flexslider.have_frame {
        width: 220px;
    }

    .frame_holder > .wpb_wrapper {
        padding: 12px 0 30px 0;
    }

    .frame_holder.frame_holder2 > .wpb_wrapper {
        padding: 17px 0 28px 0;
    }

    .have_frame.flexslider .flex-prev {
        left: -50px;
    }

    .have_frame.flexslider .flex-next {
        right: -50px;
    }

    .q_tabs.boxed .tabs-nav li.active {
        top: 0;
        border: 0;
    }

    .q_tabs.boxed .tabs-nav li a {
        padding: 0 5px;
    }

    .q_tabs.boxed .tabs-nav li:first-child a {
        padding-right: 5px;
    }

    .q_tabs.boxed .tabs-nav li.active a {
        height: 43px;
        padding: 0 5px;
        line-height: 50px;
        color: #ecae80;
        background-color: transparent;
    }

    .q_tabs.boxed .tabs-container {
        border: 0;
    }

    body .gform_wrapper .top_label input.small,
    body .gform_wrapper .top_label input.medium {
        width: 100%;
    }

    div.pp_pic_holder {
        left: 0!important;
        width: 100%!important;
    }

    .pp_content {
        width: 100%!important;
        height: 300px!important;
    }

    .pp_hoverContainer {
        width: 100%!important;
        height: 250px!important;
    }

    #pp_full_res > img {
        width: 100%!important;
        height: auto!important;
    }

    div.pp_default .pp_details {
        width: 98%!important;
    }

    div.ppt {
        width: 100%!important;
    }
	
	/* Change marge p quand ecran telephone */
	.wpb_text_column.wpb_content_element.vc_custom_1554131438440 .wpb_wrapper p {
		margin-top: 90px!important;
	}
	
}

@media only screen and (max-width:420px) {
    body.boxed .wrapper_inner,
    body.boxed footer,
    body.boxed .header_inner,
    body.boxed .full_width .parallax_content,
    body.boxed .carousel-inner {
        width: 320px;
    }

    .header_bottom,
    footer .container_inner,
    nav.content_menu {
        padding: 0 15px;
    }

    .pp_content {
        height: 250px!important;
    }

    .pp_hoverContainer {
        height: 200px!important;
    }
}

@media only screen and (max-width:350px) {
    .container_inner,
    .boxed div.section .section_inner,
    div.grid_section .section_inner,
    div.column1 .grid_section .section_inner,
    div.column2 .grid_section .section_inner,
    .full_width .parallax_content,
    .steps_holder_inner,
    .carousel-inner .slider_content_outer,
    nav.content_menu {
        width: 95%;
    }

    .section_inner_margin {
        margin: 0;
    }
}

.iconNavigation{
    color:#000000!important;
}

/* custom slider */

@media screen and (max-width: 767px) {
    .vc_custom_1682932871746 {
        padding-top: 0px !important;
    }
}

.vc_custom_1682932871746 {
    padding-top: 142px;
}


@media screen and (max-width: 767px) {
   .footer_top_holder {
    text-align: center!important;
}
}

.menu-pied_de_page3-container > a {
  color: white!important;
  position: relative;
  top: 0;
  transition: top 0.2s ease-out;
}

.menu-pied_de_page3-container > a:hover {
  color: white!important;
  top: -5px;
  animation: bounce 0.5s ease-out infinite alternate;
}