@media only screen and (max-width:1400px) {
    .blog_holder.masonry_full_width article {
        width: 23.9%
    }
}

@media only screen and (min-width:1200px) and (max-width:1400px) {

    .full_width .projects_holder.v6 article .feature_holder_info .portfolio_title,
    .full_width .projects_holder.v5 article .feature_holder_info .portfolio_title {
        line-height: 24px
    }

    .full_width .projects_holder.v6 article a.lightbox,
    .full_width .projects_holder.v6 article a.preview,
    .full_width .projects_holder.v6 article .portfolio_like,
    .full_width .projects_holder.v5 article a.lightbox,
    .full_width .projects_holder.v5 article a.preview,
    .full_width .projects_holder.v5 article .portfolio_like {
        width: 55px;
        height: 55px
    }

    .full_width .projects_holder.v6 article .feature_holder .feature_holder_info,
    .full_width .projects_holder.v5 article .feature_holder .feature_holder_info {
        padding: 0 8px;
        margin: 10px 0 0
    }

    .full_width .projects_holder.v6 article a.lightbox i,
    .full_width .projects_holder.v6 article .portfolio_like i,
    .full_width .projects_holder.v5 article a.lightbox i,
    .full_width .projects_holder.v5 article .portfolio_like i {
        line-height: 55px
    }

    .full_width .projects_holder.v6 article .portfolio_like .qode-like-count,
    .full_width .projects_holder.v5 article .portfolio_like .qode-like-count {
        top: -16px
    }
}

@media only screen and (max-width:1300px) {

    .projects_holder.v6 .mix,
    .projects_holder.v6 .filler {
        width: 19.98%
    }

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

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

    .touch .q_accordion_holder,
    .touch .q_tabs,
    .touch .testimonials .slides {
        visibility: visible !important
    }
}

@media only screen and (min-width:1200px) and (max-width:1300px) {

    .projects_holder.v6.standard.with_space .mix,
    .projects_holder.v6.standard.with_space .filler {
        width: 18.16%
    }
}

@media only screen and (min-width:1200px) {

    .content_inner>.container .projects_holder.v6 article .feature_holder_info .portfolio_title,
    .content_inner>.container .projects_holder.v5 article .feature_holder_info .portfolio_title {
        line-height: 24px
    }

    .content_inner>.container .projects_holder.v6 article a.lightbox,
    .content_inner>.container .projects_holder.v6 article a.preview,
    .content_inner>.container .projects_holder.v6 article .portfolio_like,
    .content_inner>.container .projects_holder.v5 article a.lightbox,
    .content_inner>.container .projects_holder.v5 article a.preview,
    .content_inner>.container .projects_holder.v5 article .portfolio_like {
        width: 45px;
        height: 45px
    }

    .content_inner>.container .projects_holder.v6 article .feature_holder .feature_holder_info,
    .content_inner>.container .projects_holder.v5 article .feature_holder .feature_holder_info {
        padding: 0 8px;
        margin: 10px 0 0
    }

    .content_inner>.container .projects_holder.v6 article a.lightbox i,
    .content_inner>.container .projects_holder.v6 article .portfolio_like i,
    .content_inner>.container .projects_holder.v5 article a.lightbox i,
    .content_inner>.container .projects_holder.v5 article .portfolio_like i {
        line-height: 45px
    }

    .content_inner>.container .projects_holder.v6 article .portfolio_like .qode-like-count,
    .content_inner>.container .projects_holder.v5 article .portfolio_like .qode-like-count {
        top: -13px
    }
}

@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,
    .boxed nav.content_menu.fixed {
        width: 1000px
    }

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

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

    .header-bottom-right-widget .q_social_icon_holder {
        margin: 0 0 0 5px
    }

    .header-bottom-right-widget {
        padding: 2px 7px 2px 0
    }

    .drop_down .wide .second ul li {
        width: 210px
    }

    .side_menu_button>a {
        padding: 0 9px
    }

    .full_width .projects_holder_outer.v6 .projects_holder,
    .full_width .projects_holder_outer.v5 .projects_holder,
    .full_width .projects_holder_outer.v4 .projects_holder,
    .full_width .projects_holder_outer.v6 .filter_holder ul,
    .full_width .projects_holder_outer.v5 .filter_holder ul,
    .full_width .projects_holder_outer.v4 .filter_holder ul {
        width: 100%
    }

    .filter_holder ul {
        padding: 0 18px
    }

    .full_width .projects_holder_outer.v6 .portfolio_load_more,
    .full_width .projects_holder_outer.v5 .portfolio_load_more,
    .full_width .projects_holder_outer.v4 .portfolio_load_more {
        width: 100%;
        margin: 38px 0 0
    }

    .full_width .projects_holder_outer.v6 .portfolio_load_more.q_standard_ws,
    .full_width .projects_holder_outer.v5 .portfolio_load_more.q_standard_ws,
    .full_width .projects_holder_outer.v4 .portfolio_load_more.q_standard_ws {
        margin: 15px 0 0
    }

    .projects_holder.v6 .mix,
    .projects_holder.v5 .mix,
    .projects_holder.v6 .filler,
    .projects_holder.v5 .filler {
        width: 24.98%
    }

    .content_inner>.container .projects_holder.v6 article .feature_holder_info .portfolio_title,
    .content_inner>.container .projects_holder.v5 article .feature_holder_info .portfolio_title,
    .content_inner>.container .projects_holder.v4 article .feature_holder_info .portfolio_title {
        line-height: 24px
    }

    .content_inner>.container .projects_holder.v6 article a.lightbox,
    .content_inner>.container .projects_holder.v6 article a.preview,
    .content_inner>.container .projects_holder.v6 article .portfolio_like,
    .content_inner>.container .projects_holder.v5 article a.lightbox,
    .content_inner>.container .projects_holder.v5 article a.preview,
    .content_inner>.container .projects_holder.v5 article .portfolio_like,
    .content_inner>.container .projects_holder.v4 article a.lightbox,
    .content_inner>.container .projects_holder.v4 article a.preview,
    .content_inner>.container .projects_holder.v4 article .portfolio_like {
        width: 55px;
        height: 55px
    }

    .content_inner>.container .projects_holder.v6 article a.lightbox i,
    .content_inner>.container .projects_holder.v6 article .portfolio_like i,
    .content_inner>.container .projects_holder.v5 article a.lightbox i,
    .content_inner>.container .projects_holder.v5 article .portfolio_like i,
    .content_inner>.container .projects_holder.v4 article a.lightbox i,
    .content_inner>.container .projects_holder.v4 article .portfolio_like i {
        line-height: 55px
    }

    .content_inner>.container .projects_holder.v6 article .portfolio_like .qode-like-count,
    .content_inner>.container .projects_holder.v5 article .portfolio_like .qode-like-count,
    .content_inner>.container .projects_holder.v4 article .portfolio_like .qode-like-count {
        top: -16px
    }

    .blog_holder.masonry_full_width article {
        width: 23.7%
    }

    .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 {
        margin: 0 0 0 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 {
        margin: 0 0 0 260px;
        width: 220px
    }

    .cover_boxes ul li .box h4 {
        margin: 12px 0 6px
    }

    .cover_boxes ul li .box_content a {
        margin: 5px 0 0
    }
}

@media only screen and (min-width:1000px) and (max-width:1200px) {

    .two_columns_75_25 .widget.widget_search input[type="submit"],
    .footer_top .widget.widget_search input[type="submit"] {
        width: 19%
    }

    .two_columns_75_25 .widget.widget_search input[type="text"],
    .footer_top .widget.widget_search input[type="text"] {
        width: 73%
    }

    .two_columns_66_33 .widget.widget_search input[type="submit"] {
        width: 14%
    }

    .two_columns_66_33 .widget.widget_search input[type="text"] {
        width: 78%
    }

    .projects_holder.v6.standard.with_space .mix,
    .projects_holder.v6.standard.with_space .filler,
    .projects_holder.v5.standard.with_space .mix,
    .projects_holder.v5.standard.with_space .filler {
        width: 23.275%
    }
}

@media only screen and (min-width:1100px) and (max-width:1200px) {
    .mejs-controls .mejs-volume-button button {
        margin: 17px 10px 16px
    }

    .mejs-container .mejs-controls .mejs-time span {
        padding: 0 0 0 10px
    }

    .mejs-container .mejs-controls .mejs-time span.mejs-duration {
        padding: 0 10px 0 0
    }

    .mejs-controls .mejs-time-rail span {
        margin: 20px 6px
    }

    .mejs-controls div.mejs-horizontal-volume-slider {
        width: 40px
    }

    .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total {
        width: 25px
    }
}

@media only screen and (max-width:1000px) {

    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,
    body.boxed nav.content_menu.fixed {
        width: 818px
    }

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

    .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 {
        top: 0 !important;
        margin-top: 0 !important;
        display: block
    }

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

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

    .header_top p,
    .header_top span,
    .header_top .q_social_icon_holder i.simple_social {
        line-height: 25px
    }

    .header_top .left {
        margin: 10px 0 0
    }

    .header_top .right {
        margin: 0 0 10px
    }

    .header_top .left,
    .header_top .left .inner>div,
    .header_top .right,
    .header_top .right .inner>div {
        float: none
    }

    .header_top .inner {
        display: inline-block
    }

    .header_bottom {
        background-color: #fff
    }

    header.centered_logo .header_inner_left {
        margin: 0
    }

    header.centered_logo .header_inner_right {
        float: right
    }

    header.centered_logo .logo_wrapper {
        height: 80px !important
    }

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

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

    header.centered_logo .q_logo {
        top: 50%
    }

    header.centered_logo .q_logo img {
        top: -50%
    }

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

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

    .main_menu {
        display: none !important
    }

    nav.mobile_menu {
        display: block
    }

    .mobile_menu_button {
        display: table
    }

    .logo_wrapper {
        height: 80px !important;
        position: absolute;
        left: 50%
    }

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

    .header_menu_bottom {
        border-top: 0
    }

    .q_logo img {
        left: -50%
    }

    .light:not(.sticky):not(.scrolled) .side_menu_button>a,
    .dark:not(.sticky):not(.scrolled) .side_menu_button>a {
        color: #080808
    }

    .light:not(.sticky):not(.scrolled) .side_menu_button>a:hover,
    .dark:not(.sticky):not(.scrolled) .side_menu_button>a:hover {
        color: #91003e
    }

    .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 .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 {
        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,
    .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;
        padding: 30px 0 !important
    }

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

    .title.has_fixed_background,
    .title.has_background {
        background: none !important;
        height: auto !important;
        padding: 0 !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 {
        margin: 0
    }

    .position_center .subtitle {
        font-size: 90px;
        line-height: 70px;
        top: 0 !important
    }

    .position_center .subtitle .subtitle_inner {
        height: 100% !important
    }

    .side_menu_button {
        height: 100px !important
    }

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

    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
    }

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

    .title .title_holder {
        height: 100% !important;
        padding: 0 !important
    }

    .projects_holder.v6 .mix,
    .projects_holder.v5 .mix,
    .projects_holder.v4 .mix,
    .projects_holder.v6 .filler,
    .projects_holder.v5 .filler,
    .projects_holder.v4 .filler {
        width: 33.32%
    }

    .portfolio_navigation .portfolio_prev_text {
        padding: 0 0 0 15px
    }

    .portfolio_navigation .portfolio_next_text {
        padding: 0 15px 0 0
    }

    .blog_holder.masonry article {
        width: 48%
    }

    .blog_holder.masonry_full_width article {
        width: 31.6%
    }

    .latest_post_holder.boxes.two_columns>ul>li,
    .latest_post_holder.boxes.four_columns>ul>li {
        width: 48.6%;
        margin: 0 1.8% 15px 0
    }

    .latest_post_holder.boxes.three_columns>ul>li {
        width: 32%;
        margin: 0 2% 15px 0
    }

    .latest_post_holder.boxes.two_columns>ul>li:nth-child(2n),
    .latest_post_holder.boxes.three_columns>ul>li:nth-child(3n),
    .latest_post_holder.boxes.four_columns>ul>li:nth-child(2n) {
        margin: 0 0 15px !important
    }

    .latest_post_holder.boxes.four_columns>ul>li:nth-child(2n+1) {
        clear: both
    }

    .cover_boxes ul {
        margin: 0 -15px 0 0
    }

    .cover_boxes ul li {
        margin-right: 15px
    }

    .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 {
        margin: 0 0 0 207px;
        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 {
        margin: 0 0 0 219px;
        width: 189px
    }

    .cover_boxes ul li .box .box_content p {
        display: none
    }

    .cover_boxes ul li .box h4 {
        margin: 12px 0 11px;
        line-height: 24px
    }

    .cover_boxes ul li .box_content a {
        margin: 5px 0 0
    }

    .call_to_action_text_wrapper span {
        display: block
    }

    .call_to_action.centered .text_wrapper {
        display: block;
        margin: 0 0 10px
    }

    .call_to_action.centered .column2.button_wrapper .qbutton {
        margin: 0
    }

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

    .frame_holder>.wpb_wrapper {
        padding: 30px 0 66px 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
    }
}

@media only screen and (min-width:769px) and (max-width:1100px) {
    .blog_holder.masonry_full_width article .post_text {
        padding: 17px 20px 30px
    }

    .grid2 .mejs-container,
    .grid2 .mejs-container .mejs-controls,
    .grid2 .mejs-container .mejs-controls .mejs-time,
    .blog_holder.masonry_full_width .mejs-container,
    .blog_holder.masonry_full_width .mejs-container .mejs-controls,
    .blog_holder.masonry_full_width .mejs-container .mejs-controls .mejs-time {
        height: 40px !important
    }

    .grid2 .mejs-container .mejs-controls div,
    .blog_holder.masonry_full_width .mejs-container .mejs-controls div {
        width: 40px;
        height: 40px
    }

    .grid2 .mejs-controls div.mejs-horizontal-volume-slider,
    .blog_holder.masonry_full_width .mejs-controls div.mejs-horizontal-volume-slider {
        width: 35px
    }

    .grid2 .mejs-container .mejs-controls .mejs-time span,
    .blog_holder.masonry_full_width .mejs-container .mejs-controls .mejs-time span {
        line-height: 40px;
        padding: 0 0 0 8px;
        font-size: 11px
    }

    .grid2 .mejs-container .mejs-controls .mejs-time span.mejs-duration,
    .blog_holder.masonry_full_width .mejs-container .mejs-controls .mejs-time span.mejs-duration {
        padding: 0 8px 0 0
    }

    .grid2 .mejs-controls .mejs-button button,
    .blog_holder.masonry_full_width .mejs-controls .mejs-button button {
        margin: 12px 13px 11px
    }

    .grid2 .mejs-controls .mejs-volume-button button,
    .blog_holder.masonry_full_width .mejs-controls .mejs-volume-button button {
        margin: 12px 8px 11px
    }

    .grid2 .mejs-controls .mejs-time-rail span,
    .blog_holder.masonry_full_width .mejs-controls .mejs-time-rail span {
        margin: 15px 8px 15px
    }

    .grid2 .mejs-controls .mejs-time-rail .mejs-time-float,
    .blog_holder.masonry_full_width .mejs-controls .mejs-time-rail .mejs-time-float {
        top: -20px !important
    }

    .grid2 .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total,
    .blog_holder.masonry_full_width .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total {
        width: 25px;
        height: 10px
    }

    .grid2 .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total,
    .grid2 .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current,
    .blog_holder.masonry_full_width .mejs-horizontal-volume-slider .mejs-horizontal-volume-total,
    .blog_holder.masonry_full_width .mejs-horizontal-volume-slider .mejs-horizontal-volume-current {
        height: 10px !important;
        top: 15px
    }

    .portfolio_gallery a.v4,
    .gallery_holder ul.v5 li,
    .gallery_holder ul.v4 li {
        width: 33.33333333333333%
    }

    .gallery_holder ul.v2 li:nth-child(2n+1),
    .gallery_holder ul.v3 li:nth-child(3n+1),
    .gallery_holder ul.v4 li:nth-child(4n+1),
    .gallery_holder ul.v5 li:nth-child(5n+1) {
        clear: none
    }

    .portfolio_gallery a.v4:nth-child(3n+1),
    .gallery_holder ul.v5 li:nth-child(3n+1),
    .gallery_holder ul.v4 li:nth-child(3n+1) {
        clear: both
    }

    .portfolio_gallery a.v4:nth-child(4n+1),
    .gallery_holder ul.v5 li:nth-child(4n+1),
    .gallery_holder ul.v4 li:nth-child(4n+1) {
        clear: none
    }

    .q_price_table_holder.four_columns .q_price_table,
    .q_price_table_holder.five_columns .q_price_table {
        width: 33.3%
    }

    .q_price_table_holder.four_columns .q_price_table:nth-child(3n+1),
    .q_price_table_holder.five_columns .q_price_table:nth-child(3n+1) {
        clear: both
    }
}

@media only screen and (min-width:769px) and (max-width:1000px) {
    .q_icon_list p {
        line-height: 28px;
        padding: 0 0 0 28px
    }

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

    .two_columns_75_25 .widget.widget_search input[type="submit"],
    .footer_top .widget.widget_search input[type="submit"] {
        width: 24%
    }

    .two_columns_75_25 .widget.widget_search input[type="text"],
    .footer_top .widget.widget_search input[type="text"] {
        width: 68%
    }

    .two_columns_66_33 .widget.widget_search input[type="submit"] {
        width: 17%
    }

    .two_columns_66_33 .widget.widget_search input[type="text"] {
        width: 75%
    }

    .projects_holder.v6.standard.with_space .mix,
    .projects_holder.v6.standard.with_space .filler,
    .projects_holder.v5.standard.with_space .mix,
    .projects_holder.v5.standard.with_space .filler,
    .projects_holder.v4.standard.with_space .mix,
    .projects_holder.v4.standard.with_space .filler,
    .projects_holder.v3.standard.with_space .mix,
    .projects_holder.v3.standard.with_space .filler {
        width: 31.2%
    }
}

@media only screen and (max-width: 992px) {
    .filter_holder {
        margin: 27px -1004px 35px !important;
    }
    .q_logo {
        position: unset;
        top:auto;
        left: 0;
    }
    .logo_wrapper{
        left: 0;
    }
   .logo_wrapper > .q_logo img {
        left: 0% !important;
        top: 0 !important;
    }
    .mobile_menu_button {
        height: 88px;
    }
    .wpb_wrapper .wpb_text_column .wpb_wrapper .about-section{
        margin-top: 80px !important;
    }
    header.page_header.has_top.stick{
        padding-bottom: 0px;
    }
    .innerpage_heading {
        font-size: 28px;
        line-height: 44px;
        text-align: center;
    }
    .why-p{
        padding-left: 15px;
        padding-right: 15px;
    }
    h2 {
        font-size: 28px !important;
        line-height: normal !important;
    }
}


@media only screen and (max-width:783px) {
    section.aparna-section.mt-5.mb-5 {
        margin-bottom: 0 !important;
        padding-bottom: 20px;
    }

    .blog_holder.masonry_full_width article {
        width: 47.8%
    }
}

@media only screen and (max-width:768px) {
   .wpb_wrapper .nolt-section {
        margin-top: 0 !important;
    }
    h2.sec-title.text-center.py-3 {
        padding: 0 !important;
    }
    .custom {
        padding: 26px !important;
    }
    #carouselExample-new p.modular-p{
        padding-bottom: 20px;
        text-align: center;
    }
    .why-p {
        text-align: center !important;
        padding-bottom: 15px;
    }
    #carouselExample-new   .modular-h3 {
        font-size: 24px;
        text-align: center;
    }
    .home_main_heading h1{
        font-size: 26px !important;
    }
    section.home_main_heading {
        margin-top: 20px !important;

    }
    .wpb_raw_code.wpb_raw_html.wpb_content_element > .wpb_wrapper > section.box-section {
        margin-top: 0 !important;
    }
    .header_inner_left .mobile_menu_button {
        margin-top: 30px !important;
    }
   .full_section_inner section#banner {
        margin-top: 85px !important;
        padding-bottom: 0;
    }
    .logo-section {
        padding-bottom: 25px !important;
    }
.footer-widget .about-logo a img{
    max-width: 220px;
}
.widget.widget_nav_menu.footer-widget .widget_title, .widget.footer-widget h3.widget_title.mbtle {
   max-width: none !important;
}
.widget.footer-widget h3.widget_title.mbtle{
    margin-left: 0 !important;
}
.widget.footer-widget .ot-widget-contact{
    margin: auto;
    max-width: 360px;
}
.brand_partner_carousel .owl-item a img{
    max-height: 80px;
    width: auto !important;
}
.footer-layout1 .widget-area {
    padding-bottom: 5px !important;
}
.widget.widget_nav_menu.footer-widget .menu li {
    text-align: center !important;
}
.philo-section h2, .uni-section h2, .aparna-section h2, .agree-section h2, h2 {
    font-size: 22px !important;
}



    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,
    .carousel-inner .slider_content_outer,
    nav.content_menu {
        width: 600px
    }

    section.parallax_section_holder {
        height: auto !important
    }

    .header-bottom-right-widget {
        display: none
    }

    .title {
        padding: 25px 0 !important
    }

    .position_center .subtitle {
        font-size: 60px;
        line-height: 70px
    }

    .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 {
        width: 100%
    }

    .projects_holder.v6 .mix,
    .projects_holder.v5 .mix,
    .projects_holder.v4 .mix,
    .projects_holder.v3 .mix,
    .projects_holder.v6 .filler,
    .projects_holder.v5 .filler,
    .projects_holder.v4 .filler,
    .projects_holder.v3 .filler {
        width: 49.93%
    }

    .content_inner>.container .projects_holder.v6 article .feature_holder_info .portfolio_title,
    .content_inner>.container .projects_holder.v5 article .feature_holder_info .portfolio_title,
    .content_inner>.container .projects_holder.v4 article .feature_holder_info .portfolio_title {
        line-height: 28px
    }

    .content_inner>.container .projects_holder.v3 article a.lightbox,
    .content_inner>.container .projects_holder.v3 article a.preview,
    .content_inner>.container .projects_holder.v3 article .portfolio_like,
    .content_inner>.container .projects_holder.v2 article a.lightbox,
    .content_inner>.container .projects_holder.v2 article a.preview,
    .content_inner>.container .projects_holder.v2 article .portfolio_like {
        width: 55px;
        height: 55px
    }

    .content_inner>.container .projects_holder.v3 article a.lightbox i,
    .content_inner>.container .projects_holder.v3 article .portfolio_like i,
    .content_inner>.container .projects_holder.v2 article a.lightbox i,
    .content_inner>.container .projects_holder.v2 article .portfolio_like i {
        line-height: 55px
    }

    .content_inner>.container .projects_holder.v3 article .portfolio_like .qode-like-count,
    .content_inner>.container .projects_holder.v2 article .portfolio_like .qode-like-count {
        top: -18px
    }

    .portfolio_single .info h6 {
        padding: 0 5px 0 13px
    }

    .portfolio_navigation {
        min-height: 52px
    }

    .portfolio_navigation .portfolio_prev_text {
        padding: 0 0 0 10px
    }

    .portfolio_navigation .portfolio_next_text {
        padding: 0 10px 0 0
    }

    .portfolio_navigation .portfolio_prev_thumb,
    .portfolio_navigation .portfolio_next_thumb,
    .portfolio_navigation .portfolio_prev a,
    .portfolio_navigation .portfolio_next a {
        width: 46px;
        height: 46px;
        line-height: 46px
    }

    .portfolio_navigation .portfolio_prev,
    .portfolio_navigation .portfolio_next,
    .portfolio_navigation .portfolio_button {
        height: auto;
        min-height: 46px
    }

    .portfolio_navigation .portfolio_button a {
        margin: 0
    }

    .portfolio_navigation h6 {
        margin: 2px 0 0
    }

    .q_process_holder .q_process_outer {
        width: 50% !important;
        margin: 0 0 30px
    }

    .q_process_holder .q_process_outer:nth-child(2n) .line_between_process {
        display: none
    }

    .q_process_holder .q_process_outer:nth-child(2n+1) {
        clear: both
    }

    .q_tabs .tabs-nav li a {
        font-size: 22px;
        margin: 0 7px
    }

    .q_tabs.boxed .tabs-nav li a {
        margin: 0 15px 0 0
    }

    .blog_holder.masonry article {
        width: 47.4%
    }

    .q_price_table_holder.four_columns .q_price_table,
    .q_price_table_holder.five_columns .q_price_table {
        width: 50%
    }

    .q_price_table_holder.four_columns .q_price_table:nth-child(odd) .price_table_inner,
    .q_price_table_holder.five_columns .q_price_table:nth-child(odd) .price_table_inner {
        margin-left: 0
    }

    .q_price_table_holder.four_columns .q_price_table:nth-child(even) .price_table_inner,
    .q_price_table_holder.five_columns .q_price_table:nth-child(even) .price_table_inner {
        margin-right: 0
    }

    .q_price_table_holder.four_columns .q_price_table:nth-child(2n+1),
    .q_price_table_holder.five_columns .q_price_table:nth-child(2n+1) {
        clear: both
    }

    .wpb_gallery_slides.wpb_flexslider:not(.have_frame) .flex-direction-nav {
        height: 70px;
        line-height: 70px
    }

    .wpb_gallery_slides.wpb_flexslider .q_gallery_title_holder {
        height: 70px
    }

    .wpb_gallery_slides.wpb_flexslider .q_gallery_title_holder_inner {
        height: 70px;
        line-height: 70px;
        padding: 10px 20px;
        margin: 0 70px
    }

    .wpb_gallery_slides.wpb_flexslider:not(.have_frame) .flex-direction-nav a {
        width: 70px;
        height: 70px;
        line-height: 70px
    }

    .q_counter_holder.boxed_counter {
        padding: 10px 15px 15px
    }

    .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: 48.6%;
        margin: 0 2.8% 15px 0
    }

    .latest_post_holder.boxes.two_columns>ul>li:nth-child(2n),
    .latest_post_holder.boxes.three_columns>ul>li:nth-child(2n),
    .latest_post_holder.boxes.four_columns>ul>li:nth-child(2n) {
        margin: 0 0 15px !important
    }

    .latest_post_holder.boxes.three_columns>ul>li:nth-child(2n+1),
    .latest_post_holder.boxes.four_columns>ul>li:nth-child(2n+1) {
        clear: both
    }

    .qbutton {
        height: 40px;
        line-height: 40px;
        padding: 0 21px
    }

    .qbutton i {
        padding: 0 15px 0 0
    }

    .qbutton.qbutton_with_icon {
        padding: 0 21px 0 15px
    }

    .qbutton.tiny.qbutton_with_icon {
        padding: 0 18px 0 15px
    }

    .qbutton.medium.qbutton_with_icon {
        padding: 0 25px 0 15px
    }

    .qbutton.large.qbutton_with_icon {
        padding: 0 30px 0 15px
    }

    .qbutton.tiny {
        padding: 0 18px
    }

    .qbutton.medium {
        height: 43px;
        line-height: 43px;
        padding: 0 25px;
        font-size: 13px
    }

    .qbutton.large {
        height: 48px;
        line-height: 48px;
        padding: 0 30px;
        font-size: 14px
    }

    .qbutton.big_large_full_width {
        height: 60px;
        line-height: 60px
    }

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

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

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

    .cover_boxes ul {
        width: 100% !important
    }

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

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

    .cover_boxes ul li .box .box_content {
        margin: 0 0 0 295px;
        width: 270px
    }

    .cover_boxes ul li .box .box_content p {
        display: block
    }

    .cover_boxes ul li .box_content a {
        margin: 12px 0 0
    }

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

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

    .q_image_with_text_over .desc>p>*,
    .q_image_with_text_over .desc>*:not(p) {
        display: none !important
    }

    .q_image_with_text_over .desc .qbutton {
        display: inline-block !important;
        margin: 0
    }
}

@media only screen and (min-width:600px) and (max-width:768px) {

    .blog_holder.masonry .mejs-container,
    .blog_holder.masonry .mejs-container .mejs-controls,
    .blog_holder.masonry .mejs-container .mejs-controls .mejs-time,
    .blog_holder.masonry .blog_holder .post_image .mejs-container,
    .blog_holder.masonry_full_width .mejs-container,
    .blog_holder.masonry_full_width .mejs-container .mejs-controls,
    .blog_holder.masonry_full_width .mejs-container .mejs-controls .mejs-time,
    .blog_holder.masonry_full_width .blog_holder .post_image .mejs-container {
        height: 40px !important
    }

    .blog_holder.masonry .mejs-container .mejs-controls div,
    .blog_holder.masonry_full_width .mejs-container .mejs-controls div {
        width: 40px;
        height: 40px
    }

    .blog_holder.masonry .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total,
    .blog_holder.masonry_full_width .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total,
    .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current {
        height: 10px !important
    }

    .blog_holder.masonry .mejs-container .mejs-controls .mejs-time span,
    .blog_holder.masonry_full_width .mejs-container .mejs-controls .mejs-time span {
        line-height: 40px;
        padding: 0 0 0 8px
    }

    .blog_holder.masonry .mejs-container .mejs-controls .mejs-time span.mejs-duration,
    .blog_holder.masonry_full_width .mejs-container .mejs-controls .mejs-time span.mejs-duration {
        padding: 0 8px 0 0
    }

    .blog_holder.masonry .mejs-controls .mejs-button button,
    .blog_holder.masonry_full_width .mejs-controls .mejs-button button {
        margin: 12px 10px 11px 13px
    }

    .blog_holder.masonry .mejs-controls .mejs-time-rail span,
    .blog_holder.masonry_full_width .mejs-controls .mejs-time-rail span {
        margin: 15px 10px 15px 13px
    }

    .blog_holder.masonry .mejs-controls .mejs-time-rail .mejs-time-float,
    .blog_holder.masonry_full_width .mejs-controls .mejs-time-rail .mejs-time-float {
        top: -21px !important
    }

    .blog_holder.masonry .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total,
    .blog_holder.masonry_full_width .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total {
        width: 26px
    }

    .blog_holder.masonry .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total,
    .blog_holder.masonry .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current,
    .blog_holder.masonry_full_width .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total,
    .blog_holder.masonry_full_width .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current {
        top: 15px
    }

    .projects_holder.v6.standard.with_space .mix,
    .projects_holder.v6.standard.with_space .filler,
    .projects_holder.v5.standard.with_space .mix,
    .projects_holder.v5.standard.with_space .filler,
    .projects_holder.v4.standard.with_space .mix,
    .projects_holder.v4.standard.with_space .filler,
    .projects_holder.v3.standard.with_space .mix,
    .projects_holder.v3.standard.with_space .filler,
    .projects_holder.v2.standard.with_space .mix,
    .projects_holder.v2.standard.with_space .filler {
        width: 48%
    }

    .portfolio_gallery a.v3,
    .portfolio_gallery a.v4,
    .gallery_holder ul.v5 li,
    .gallery_holder ul.v4 li,
    .gallery_holder ul.v3 li {
        width: 50%
    }

    .gallery_holder ul.v2 li:nth-child(2n+1),
    .gallery_holder ul.v3 li:nth-child(3n+1),
    .gallery_holder ul.v4 li:nth-child(4n+1),
    .gallery_holder ul.v5 li:nth-child(5n+1) {
        clear: none
    }

    .portfolio_gallery a.v3:nth-child(2n+1),
    .portfolio_gallery a.v4:nth-child(2n+1),
    .gallery_holder ul.v5 li:nth-child(2n+1),
    .gallery_holder ul.v4 li:nth-child(2n+1),
    .gallery_holder ul.v3 li:nth-child(2n+1) {
        clear: both
    }

    .q_image_with_text_over.one_fourth {
        width: 49.9%
    }

    .q_team_simple_title .q_team_simple_name,
    .q_team_simple_title span {
        font-size: 13px;
        line-height: 20px;
        padding: 0 5px
    }

    .two_columns_75_25 .widget.widget_search input[type="submit"],
    .footer_top .widget.widget_search input[type="submit"] {
        width: 30%
    }

    .two_columns_75_25 .widget.widget_search input[type="text"],
    .footer_top .widget.widget_search input[type="text"] {
        width: 62%
    }

    .two_columns_66_33 .widget.widget_search input[type="submit"] {
        width: 23%
    }

    .two_columns_66_33 .widget.widget_search input[type="text"] {
        width: 69%
    }
}

@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
    }

    .boxed .full_width .parallax_content {
        padding: 0 5px
    }

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

    .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,
    div.comment_form .three_columns>.column1>.column_inner,
    div.comment_form .three_columns>.column2>.column_inner,
    div.comment_form .three_columns>.column3>.column_inner,
    #contact-form .three_columns>.column1>.column_inner,
    #contact-form .three_columns>.column2>.column_inner,
    #contact-form .three_columns>.column3>.column_inner {
        padding: 0
    }

    .title {
        padding: 15px 0 !important
    }

    .title h1 {
        font-size: 22px;
        margin-bottom: 10px;
        float: none
    }

    .position_center.title h1 {
        margin-bottom: 0
    }

    .breadcrumb {
        position: relative;
        margin: 0 !important
    }

    .subtitle {
        margin-bottom: 10px
    }

    .position_center .subtitle {
        font-size: 50px;
        line-height: 60px
    }

    .projects_holder.v6 .mix,
    .projects_holder.v5 .mix,
    .projects_holder.v4 .mix,
    .projects_holder.v3 .mix,
    .projects_holder.v2 .mix,
    .projects_holder.v6 .filler,
    .projects_holder.v5 .filler,
    .projects_holder.v4 .filler,
    .projects_holder.v3 .filler,
    .projects_holder.v2 .filler,
    .projects_holder.v6.standard.with_space .mix,
    .projects_holder.v6.standard.with_space .filler,
    .projects_holder.v5.standard.with_space .mix,
    .projects_holder.v5.standard.with_space .filler,
    .projects_holder.v4.standard.with_space .mix,
    .projects_holder.v4.standard.with_space .filler,
    .projects_holder.v3.standard.with_space .mix,
    .projects_holder.v3.standard.with_space .filler,
    .projects_holder.v2.standard.with_space .mix,
    .projects_holder.v2.standard.with_space .filler {
        width: 100%
    }

    .portfolio_gallery a.v2,
    .portfolio_gallery a.v3,
    .portfolio_gallery a.v4,
    .gallery_holder ul.v5 li,
    .gallery_holder ul.v4 li,
    .gallery_holder ul.v3 li,
    .gallery_holder ul.v2 li {
        width: 100%
    }

    .portfolio_navigation .portfolio_prev_text,
    .portfolio_navigation .portfolio_next_text {
        display: none
    }

    .q_process_holder .q_process_outer {
        width: 100% !important
    }

    .q_process_holder .line_between_process {
        display: none
    }

    .blog_holder.masonry article,
    .blog_holder.masonry_full_width 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 {
        width: 100%
    }

    body.page-template-blog-masonry-full-width-php .content .full_width {
        padding: 0 45px 45px
    }

    .comment_holder .comment .text_outer {
        padding: 0 0 0 85px
    }

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

    #respond textarea,
    #respond input[type='text'],
    #contact-form textarea,
    #contact-form input[type='text'] {
        width: 92%;
        padding: 18px 4%
    }

    .q_price_table_holder.three_columns .q_price_table {
        width: 50%
    }

    .q_price_table_holder.three_columns .q_price_table:nth-child(odd) .price_table_inner {
        margin-left: 0
    }

    .q_price_table_holder.three_columns .q_price_table:nth-child(even) .price_table_inner {
        margin-right: 0
    }

    .q_price_table_holder.three_columns .q_price_table:nth-child(2n+1) {
        clear: both
    }

    .wpb_gallery_slides.wpb_flexslider .q_gallery_title_holder_inner h4,
    .wpb_gallery_slides.wpb_flexslider .q_gallery_title_holder_inner p {
        display: none
    }

    .latest_post_holder>ul>li {
        width: 100% !important;
        margin: 0 0 15px !important
    }

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

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

    .cover_boxes ul li .box .box_content {
        margin: 0 0 0 205px;
        width: 190px
    }

    .cover_boxes ul li .box .box_content p {
        display: none
    }

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

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

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

    .qode_call_to_action .qbutton {
        margin: 25px 0 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
    }

    .portfolio_single .portfolio_images .fluid-width-video-wrapper {
        padding-top: 65% !important
    }

    .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 30px
    }

    .footer_top .column_inner {
        border: 0;
        height: auto !important;
        min-height: inherit !important
    }

    .footer_top .four_columns .column_inner>div,
    .footer_top .three_columns .column_inner>div,
    .footer_top .two_columns .column_inner>div {
        margin: 0 !important
    }
}

@media only screen and (min-width:480px) and (max-width:600px) {

    .two_columns_75_25 .widget.widget_search input[type="submit"],
    .two_columns_66_33 .widget.widget_search input[type="submit"],
    .footer_top .widget.widget_search input[type="submit"] {
        width: 11%
    }

    .two_columns_75_25 .widget.widget_search input[type="text"],
    .two_columns_66_33 .widget.widget_search input[type="text"],
    .footer_top .widget.widget_search input[type="text"] {
        width: 81%
    }
}

@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,
    body.boxed .footer_inner {
        width: 350px
    }

    .container_inner,
    .boxed div.section .section_inner,
    div.grid_section .section_inner,
    .full_width .parallax_content,
    nav.content_menu {
        width: 300px
    }

    .carousel-inner .slider_content_outer {
        width: 260px
    }

    .header_bottom,
    footer .container_inner,
    nav.mobile_menu>ul>li {
        padding: 0 25px
    }

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

    nav.mobile_menu ul li ul li ul {
        padding: 0 0 0 15px
    }

    .side_menu_button>a {
        padding: 0
    }

    .title.title_size_large h1,
    .title.title_size_medium h1 {
        font-size: 26px;
        line-height: 28px;
        margin: 0
    }

    .title_size_medium .subtitle,
    .title_size_large .subtitle {
        font-size: 14px;
        margin: 0
    }

    .position_center .subtitle {
        font-size: 45px !important;
        line-height: 50px
    }

    .blog_holder.masonry {
        width: 100% !important
    }

    body.page-template-blog-masonry-full-width-php .content .full_width {
        padding: 0 25px 25px
    }

    div.pp_default .pp_description {
        display: none !important
    }

    .q_price_table_holder {
        margin: 30px 0 0
    }

    .q_price_table_holder .q_price_table {
        width: 100% !important
    }

    .q_price_table .price_table_inner,
    .q_price_table .active_price_table {
        margin: 0 !important
    }

    .q_price_table_holder .q_price_table {
        padding: 0 0 30px
    }

    .latest_post_image {
        float: none;
        margin: 0 0 15px
    }

    .latest_post_holder.image_in_box .latest_post_text {
        padding: 0
    }

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

    .cover_boxes ul li .box .box_content {
        display: none
    }

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

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

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

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

    .qode_clients .qode_client_holder {
        width: 100% !important
    }

    .qode_clients .qode_client_holder .qode_client_holder_inner:before {
        border-right-width: 0 !important
    }

    .q_process_holder.four_columns .q_process_inner {
        width: 140px;
        height: 140px
    }

    .qode_gallery .prev_nav,
    .qode_gallery .next_nav {
        display: none
    }

    .two_columns_75_25 .widget.widget_search input[type="submit"],
    .two_columns_66_33 .widget.widget_search input[type="submit"],
    .footer_top .widget.widget_search input[type="submit"] {
        width: 14%
    }

    .two_columns_75_25 .widget.widget_search input[type="text"],
    .two_columns_66_33 .widget.widget_search input[type="text"],
    .footer_top .widget.widget_search input[type="text"] {
        width: 78%
    }

    .footer_top {
        padding: 40px 0 35px
    }

    .footer_bottom {
        height: auto;
        padding: 25px 0
    }
}

@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,
    nav.mobile_menu>ul>li {
        padding: 0 15px
    }

    body.page-template-blog-masonry-full-width-php .content .full_width {
        padding: 0 15px 25px
    }

    .blog_holder.masonry_full_width {
        width: 300px !important
    }

    .header_top .left .textwidget>span,
    .header_top .left .textwidget>p,
    .header_top .right .textwidget>span,
    .header_top .right .textwidget>p {
        float: none
    }

    .pp_content,
    div.pp_woocommerce .pp_details {
        width: auto !important
    }

    div.pp_default .pp_content_container .pp_details {
        margin: 0 !important
    }
}

@media only screen and (max-width:350px) {

    .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: 95%
    }

    .section_inner_margin,
    .parallax_section_inner_margin {
        margin: 0
    }
}