@media only screen and (min-width: 790px) and (max-width: 1024px) {
.main { float: left; width: 100%; min-width: 100% }
.wrapper { width: 96%; padding: 0 2%; float: left; overflow: hidden }
.slides_main .wrapper { overflow: visible }
.logo { margin: 12px 0 8px; position: absolute; }
.logo a img { position: relative; z-index: 999999; }
.menu { margin: 22px 0 0 22px; padding: 0 10% }
ul#navmenu a { padding: 0 7px }
.icon a { margin: 0 0 0 8px }
.slide_bg_center { float: left; width: 100% }
.slider_left { margin-left: 0; width: 48%; padding: 0 1%; font-size: 49px; line-height: 59px }
.slider_right { margin: -455px 0 0; padding-right: 1%; width: 49% }
.slide_bg_center .slider_right { float: left; margin: 0; padding-right: 1%; right: 0; width: 49% }
.slider_right .slider_video iframe { width: 100% }
.boxes { width: 100%; margin: 30px 0 }
.box_main { margin: 0 1% 1% 0; width: calc(25% - ( ( 1% + 1% + 1% ) * 0.25 ) ) !important; }
.box_main:nth-last-of-type(1) {
    margin-right: 0 !important;
}
.box { height: 188px; width: 188px }
.box a { height: 55%; width: 60% }
.box_main .box a img { height: 60%; width: 55% }
.box_description { display: none }
.recent_projects { width: 100% }
.recent_projects_left { width: 65% }
.projects_box_img { width: 100% }
.recent_projects_right { width: 29%; float: right }
.find_out_more_box input { padding: 0 5%; width: 90% }
.find_out_more_box_message { padding: 0 5%; width: 90%!important }
.find_out_more_box_submit { width: 100%!important }
.projects_box_main { width: 100% }
.projects_box { margin: 0 5% 0 0; width: 45% }
.description_title { font-size: 38px }
.description_text { padding: 0 5%; width: 90% }
.textwidget { margin: 0 5% 0 0; width: 30% }
.more_about_box { width: 100% }
.our_clients_box { margin: 0 5% 0 0; width: 30% }
.our_clients_box_title { font-size: 31px }
.footer_logo, .footer_menu_1, .footer_menu_2 { margin: 0 0 0 5%; width: 15% }
.footer_icon { float: right; width: 30%; margin: 0 5% 0 0 }
.gallery_icon_box, .gallery_link { float: left; padding: 0; width: 100% }
.gallery_description_main { width: 100% }
.gallery_icon_box a { margin: 0 2% 0 0; width: 18% }
.gallery_link_recent_projects { float: left; width: 45% }
.gallery_link_case_studies { float: right; width: 45% }
.galleryboxes { width: 100% }
.blog_middle_left { margin: 0 5% 60px; width: 60% }
.blog_middle_right { float: right; width: 30% }
.search_box #searchform { width: 100% }
.search_box input { padding: 0 5%; width: 90% }
.blog_box { width: 100% }
.blog_space .blog_middle_right-1 { float: right; width: 30% }
.blog_space, .contact_box, .contact_box label, .contact_left, span.wpcf7-form-control-wrap { width: 100% }
.contact_box input { padding: 0 5%; width: 90% }
.message { padding: 5%; width: 90%!important }
.process_box_left { width: 65%; padding-right: 1% }
.process_box_right_part { width: 29% }
.check_out_web_gallery { width: 100% }
.process_box_right { width: 86% }
.gallery-details-main { width: 100%!important; overflow: hidden; float: left }
.middle_top_slider { width: 100%; height: auto }
.middle_top_slider .flexslider { float: left; width: 100% }
.middle_top_slider .flexslider .slides { float: left; width: 100%!important; height: 460px!important }
.middle_top_slider .flexslider .slides img { min-width: 100%; height: auto }
.share_right { width: auto }
.gallery_description, .related_slider { width: 100% }
.ca-container, .ca-wrapper, .container { float: left; width: 100% }
.ca-item { width: 60% }
.ca-item-main { width: 70% }
.ca-icon { width: 100% }
.contact_left { width: 85% }
.choose-services { width: 100%; }
.splitter { float: left; width: 100%; text-align: center; }
.splitter li { float: none; display: inline-block; text-align: center; }
.image-grid { width: 100%; }
.image-grid li { margin: 3% 2%; width: 28%; }
}
@media only screen and (min-width: 580px) and (max-width: 790px) {
.header { height: 50px; }
.main { float: left; width: 100%; min-width: 100% }
.wrapper { width: 96%; padding: 0 2%; float: left }
.logo { margin: 12px 0 -14px }
.icon { float: right; margin: 6px 70px 0 0; position: absolute; right: 0 }
.menu { float: left; margin: 0; position: absolute; right: 10px; top: 30px; }
.nav-mobile { display: block; }
.nav { float: left; padding: 0; position: relative; width: 240px; }
ul#navmenu { display: none; width: 240px; float: right !important; position: absolute; z-index: 9999999; top: 34px; margin: 0 !important; }
ul#navmenu li { background: #67c8c6; width: 100%!important; border-bottom: 1px solid #fff!important; border-right: none !important; padding: 0 !important; line-height: 30px; height: auto; margin: 0; }
ul#navmenu li li { background: #999; }
ul#navmenu li a { width:100%; float: left; padding: 0 5%; text-align: center; line-height: 36px; color: #fff; }
.nav-active { display: block!important; }
.nav-mobile { cursor: pointer; background: url("images/menu-icon.png") no-repeat scroll 0 0 hsla(0, 0%, 0%, 0); height: 32px; width: 32px; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; margin: 0 0 0 38%; z-index: 99; position: relative; float: right;background-size: 100% 100% !important;}
.menu-icon { padding: 0 2% 0 0; position: relative; z-index: 99; }
ul#navmenu li.active a.active { color: hsl(359, 96%, 35%); }
ul#navmenu li.current-menu-item { background: #00809e; }
ul#navmenu li.current-menu-item a { color: #fff; }
ul#navmenu a:hover, ul#navmenu li.iehover a, ul#navmenu li:hover a { color: #000; }
ul#navmenu ul { width: 100% !important; top: 5px; left: 0; position: relative; background: none; height: auto; }
ul#navmenu ul li a { background: none!important; width: 100%; }
ul#navmenu ul li { border: none; width: 100%; background: #999; }
ul#navmenu li li a { border-right: none 0; color: #fff !important; padding: 10px 8px !important; text-align: center; }
ul#navmenu ul li:hover { background: #948ae0; }
ul#navmenu ul li:last-child { border: medium none !important; }
.icon a { margin: 0 0 0 26px }
.slide_bg_center { float: left; width: 100% }
.slider_left { margin-left: 0; width: 48%; padding: 0 1%; font-size: 38px; line-height: 59px }
.slider_contact, .slider_work { padding: 3% }
.slider_right { margin: -450px 0 0; padding-right: 1%; width: 49% }
.slide_bg_center .slider_right { margin: 0; padding-right: 1%; right: 0; width: 49% }
.slider_right .slider_video iframe { width: 100% }
.boxes { width: 100%; margin: 30px 0 }
.box_main { margin: 0 1% 1% 0; width: 112px }
.box { height: 110px; width: 110px }
.box a { height: 55%; width: 60% }
.box_main .box a img { height: 60%; width: 55% }
.box_description { display: none }
.projects_box_img, .recent_projects, .recent_projects_left { width: 100% }
.recent_projects_right { width: 94%; float: left; margin-top: 5% }
.find_out_more_box input { padding: 0 5%; width: 90% }
.find_out_more_box_message { padding: 0 5%; width: 90%!important }
.find_out_more_box_submit { width: 100%!important }
.projects_box_main { width: 100% }
.projects_box { margin: 0 5% 0 0; width: 45% }
.description_title { font-size: 38px }
.description_text { padding: 0 2%; width: 96% }
.textwidget { margin: 0 5% 0 0; width: 30% }
.more_about_box { width: 100% }
.our_clients_box { margin: 0 5% 0 0; width: 30% }
.our_clients_title { font-size: 38px }
.our_clients_box_title { font-size: 22px }
.footer_logo { margin: 0; width: 15% }
.footer_menu_1 { margin: 0 0 0 5%; width: 15% }
.footer_menu_2 { margin: 0 0 0 2%; width: 15% }
.footer_icon { float: right; width: 42%; margin: 0 }
.gallery_icon_box, .gallery_link { float: left; padding: 0; width: 100% }
.gallery_description_main { width: 100% }
.gallery_icon_box a { margin: 0 2% 0 0; width: 18% }
.gallery_link_recent_projects { float: left; width: 45% }
.gallery_link_case_studies { float: right; width: 45% }
.galleryboxes { width: 100% }
.blog_middle_left { margin: 0 0 60px; width: 100%; float: left }
.blog_middle_right { float: left; width: 100% }
.categories, .category_sidebar, .category_sidebar ul, .search_box, .search_box #searchform { width: 100% }
.search_box input { padding: 0 5%; width: 90% }
.blog_box { width: 100% }
.blog_space .blog_middle_right-1 { float: left; width: 100% }
.blog_space, .contact_box, .contact_box label, .contact_left, span.wpcf7-form-control-wrap { width: 100% }
.contact_box input { padding: 0 5%; width: 90% }
.message { padding: 5%; width: 90%!important }
.submit { width: 40%!important }
.process_box_main { width: 100%!important; overflow: hidden }
.process_box_left { width: 100%!important; padding-right: 0; overflow: hidden }
.process_box_right_part { width: 100%!important; float: left; overflow: hidden }
.check_out_web_gallery { width: 100% }
.process_box_right { margin: 5% 0; width: 95% }
.middle_menu { float: left; width: 100% }
.middle_menu ul { float: left; width: 100%; text-align: center }
.middle_menu ul li { display: inline; float: left; margin: 0 6px }
.gallery-details-main { width: 100%!important; overflow: hidden; float: left }
.middle_top_slider { width: 100%; height: auto }
.middle_top_slider .flexslider { float: left; width: 100%; height: 400px!important }
.middle_top_slider .flexslider .slides { float: left; width: 100%!important; height: 260px!important }
.middle_top_slider .flexslider .slides img { min-width: 100%; height: auto }
.share_right { width: auto }
.gallery_description, .related_slider { width: 100% }
.ca-container, .ca-wrapper, .container { float: left; width: 100% }
.ca-item { width: 50% }
.ca-icon, .ca-item-main { width: 100% }
.ca-icon img { width: 190px }
.gallery_title_2, .gallery_title_2 .help_top { width: 100% }
.help_box_main { float: left; margin: 0 2% 0 25%; width: 20% }
.contact_left { width: 85% }
/* ====================== New =============================== */
.slider_text { margin: 70px 5% 0; width: 90%; }
.know-the-way .textwidget { margin: 0; text-align: center; width: 100%; }
.find_out_more_box label { width: 100%; }
.mailchimp-optin input[type="checkbox"] { float: left; width: 50px; }
.wpcf7-form .find_out_more_box img { float: left; margin: 0 0 5px; }
.description-left { float: left; width: 100%; }
.description-video { float: none; margin: 40px auto 0; padding-top: 40px; text-align: center; width: auto; }
.description-video-des { margin-bottom: 20px; }
.more_about_main .textwidget { margin: 0 2%; width: 29%; }
.choose-services { width: 100%; }
#galleryTab { width: 100%; }
.filter { height: 70px; margin: 0 4px 0 0; width: 70px; }
.view-all { line-height: 70px; }
.web-work, .branding-work, .app-work, .social-work, .video-work, .magazine-work { height: 70px; width: 70px; }
.filter span { width: 70px; }
.splitter li img { width: 60%; }
.filter:last-child { margin-right: 0; }
.image-grid li.mix img { height: auto; }
.galleryWrap .fancybox { margin: 2%; width: 46%; }
.inner-banner-text { margin-top: 90px; padding: 5%; position: relative; width: 90%; z-index: 999; }
.inner-banner img { height: 370px; left: 0; top: 0; }
.inner-banner { height: 370px; }
.choose-services { width: 100%; }
.splitter { float: left; width: 100%; text-align: center; }
.splitter li { float: none; display: inline-block; text-align: center; }
.image-grid { width: 100%; }
.image-grid li { margin: 3% 2%; width: 28%; }
ul#navmenu li.current-menu-parent a, ul#navmenu li.current_page_item a { color: #fff !important; }
}
@media only screen and (min-width: 420px) and (max-width: 580px) {
.main { float: left; width: 100%; min-width: 100% }
.wrapper { width: 96%; padding: 0 2%; float: left }
.top { height: 120px; }
.logo { left: 0; margin: 0; position: absolute; text-align: center; top: 82px; width: 100%; }
.icon { float: right; margin: 2% 1% 0; position: absolute; right: 0 }
.icon { float: right; left: 0; margin: 2% 1% 0; position: absolute; width: 240px; }
.menu { float: right; }
.nav-mobile { display: block; }
.nav { float: left; padding: 0; position: relative; width: 240px; }
ul#navmenu { display: none; width: 240px; float: right !important; position: absolute; z-index: 9999999; top: 34px; margin: 0 !important; }
ul#navmenu li { background: #67c8c6; width: 100%!important; border-bottom: 1px solid #fff!important; border-right: none !important; padding: 0 !important; line-height: 30px; height: auto; margin: 0; }
ul#navmenu li li { background: #999; }
ul#navmenu li a { width: 90%; float: left; padding: 0 5%; text-align: center; line-height: 36px; color: #fff; }
.nav-active { display: block!important; }
.nav-mobile-open { -webkit-border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; }
.nav-mobile { cursor: pointer; background: url("images/menu-icon.png") no-repeat scroll 0 0 hsla(0, 0%, 0%, 0); height: 32px; width: 32px; margin: 0 0 0 38%; z-index: 99; position: relative; float: right; background-size: 100% 100% !important;}
.menu-icon { padding: 0 2% 0 0; position: relative; z-index: 99; }
ul#navmenu li.active a.active { color: hsl(359, 96%, 35%); }
ul#navmenu li.current-menu-item { background: #00809e; }
ul#navmenu li.current-menu-item a { color: #fff; }
ul#navmenu a:hover, ul#navmenu li.iehover a, ul#navmenu li:hover a { color: #000; }
ul#navmenu ul { width: 100% !important; top: 5px; left: 0; position: relative; background: none; height: auto; }
ul#navmenu ul li a { background: none!important; width: 100%; }
ul#navmenu ul li { border: none; width: 100%; background: #999; }
ul#navmenu li li a { border-right: none 0; color: #fff !important; padding: 10px 8px !important; text-align: center; }
ul#navmenu ul li:hover { background: #948ae0; }
ul#navmenu ul li:last-child { border: medium none !important; }
.icon a { margin: 0 0 0 26px }
.recent_projects_title { font-size: 56px }
.slide_bg_center { float: left; width: 100% }
.slider_left { margin-left: 0; width: 100%; padding: 0; font-size: 40px; line-height: 40px; text-align: center }
.slider_text { margin-top: 60px }
.slider_contact, .slider_work { padding: 3% }
.slider_right { margin: -220px 0 0; padding: 0 5%; width: 90% }
.slide_bg_center .slider_right { margin: 210px 0 0; padding: 0 5%; width: 90% }
.slider_right .slider_video iframe { width: 100%; height: 200px }
.boxes { width: 100%; margin: 30px 0 }
.box_main { margin: 0 2% 5% 0; width: 48% }
.box_description { display: none }
.projects_box_img, .recent_projects, .recent_projects_left { width: 100% }
.recent_projects_right { width: 90%; float: left; margin-top: 5%; padding: 5% }
.find_out_more_box input { padding: 0 5%; width: 90% }
.find_out_more_box_message { padding: 0 5%; width: 90%!important }
.find_out_more_box_submit { width: 100%!important; text-align: center; }
.projects_box_main { width: 100% }
.projects_box { margin: 0 0 5%; width: 100%; text-align: center; }
.description_title { font-size: 36px }
.description_text { padding: 0 2%; width: 96% }
.textwidget { margin: 0 0 5%; width: 100% }
.more_about_box { width: 100% }
.our_clients_box { margin: 0 0 5%; width: 100% }
.our_clients_title { font-size: 38px }
.footer_logo { margin: 0; width: 55% }
.footer_menu_1 { margin: 70px 10% 0; width: 35% }
.footer_menu_1 ul li, .footer_menu_2 ul li { margin: 0 }
.footer_menu_2 { margin: 70px 0% 0 10%; width: 35% }
.footer_icon { float: right; width: 34%; margin: 0; position: absolute; right: 0; }
.footer_icon a { margin: 0; float: left }
.gallery_icon_box, .gallery_link { float: left; padding: 0; width: 100% }
.gallery_description_main { width: 100%; margin: 0 0 5% }
.gallery_icon_box a { margin: 0 0 5%; width: 50%; text-align: center }
.gallery_link_recent_projects { float: left; width: 45% }
.gallery_link_case_studies a, .gallery_link_recent_projects a { font-size: 26px }
.gallery_link_case_studies { float: right; width: 45% }
.galleryboxes { width: 100% }
.blog_middle_left { margin: 0 0 60px; width: 100%!important; float: left; overflow: hidden }
.blog_middle_right { float: left; width: 100%!important; overflow: hidden }
.categories, .category_sidebar, .category_sidebar ul, .search_box, .search_box #searchform { width: 100% }
.search_box input { padding: 0 5%; width: 90% }
.blog_box { width: 100% }
.blog_space .blog_middle_right-1 { float: left; width: 100%!important; overflow: hidden }
.blog_space { width: 100% }
.blog_box_title { font-size: 34px }
.blog_box_title_2 { font-size: 24px }
.contact_box, .contact_box label, .contact_left, span.wpcf7-form-control-wrap { width: 100% }
.contact_box input { padding: 0 5%; width: 90% }
.message { padding: 5%; width: 90%!important }
.submit { width: 40%!important; margin-right: 0 }
.contact_box_right { float: left; margin-left: 1% }
.process_box_left { width: 100%; padding-right: 0 }
.help_box_icon { margin: 0 10px 0 0 }
.help_box_title { font-size: 34px }
.process_box_left .process_box_main_title { font-size: 26px }
.process_box_right_part { width: 100%; float: left }
.check_out_web_gallery { width: 100% }
.process_box_right { width: 90%; margin: 0 0 5%; padding: 5% }
.middle_menu { float: left; width: 100% }
.middle_menu ul { float: left; width: 100%; text-align: center }
.middle_menu ul li { display: inline; float: none; margin: 0 12px }
.gallery-details-main { width: 100%!important; overflow: hidden; float: left }
.middle_top_slider { width: 100%; height: auto }
.middle_top_slider .flexslider { float: left; width: 100%; height: auto!important }
.middle_top_slider .flexslider .slides { float: left; width: 100%!important; height: 260px!important }
.middle_top_slider .flexslider .slides img { min-width: 100%; height: auto }
.share_right { width: auto }
.gallery_description, .related_slider { width: 100% }
.ca-container, .ca-wrapper, .container { float: left; width: 100% }
.ca-item { width: 60% }
.ca-item-main { width: 50% }
.ca-icon, .gallery_title_2, .gallery_title_2 .help_top { width: 100% }
.help_box_main { float: left; margin: 0 2% 0 25%; width: 20% }
.contact_left { width: 85% }
.logo a img { position: relative; }
.filter { height: 70px; margin: 0 4px 0 0; width: 70px; }
.view-all { line-height: 70px; }
.web-work, .branding-work, .app-work, .social-work, .video-work, .magazine-work { height: 70px; width: 70px; }
.filter span { width: 70px; }
.splitter li img { width: 60%; }
.filter:last-child { margin-right: 0; }
.image-grid li.mix img { height: auto; }
.galleryWrap .fancybox { margin: 2%; width: 46%; }
.inner-banner-text { margin-top: 90px; padding: 5%; position: relative; width: 90%; z-index: 999; }
.inner-banner img { height: 370px; left: 0; top: 0; }
.inner-banner { height: 370px; }
.choose-services { width: 100%; }
.splitter { float: left; width: 100%; text-align: center; }
.splitter li { float: none; display: inline-block; text-align: center; }
.image-grid { width: 100%; }
.image-grid li { margin: 3% 2%; width: 28%; }
.box { float: none; margin: 0 auto; }
.know-the-way { text-align: center; }
.description-left { width: 100%; }
.description-video { width: 100%; }
.description-video iframe { max-width: 100%; }
.footer { position: relative; }
.inner-banner-text h1 { font-size: 30px; }
.inner-banner-text { font-size: 18px; }
.slider_des h1 { font-size: 30px; }
.slider_des { font-size: 18px; }
ul#navmenu li.current-menu-parent a, ul#navmenu li.current_page_item a { color: #fff !important; }
}
@media only screen and (min-width: 240px) and (max-width: 420px) {
.header .menu { top: 136px; }
.main { float: left; width: 100%; min-width: 100% }
.wrapper { width: 96%; padding: 0 2%; float: left }
.top { height: 120px; }
.logo { margin: 0; position: absolute; text-align: center; top: 82px; width: 96%; z-index: 99999; }
.icon { float: left; margin: 2% 0; position: relative; width: 240px; text-align: center; z-index: 999999; }
.top-menu { width: 100%; }
.menu { float: left; margin: 0; position: absolute; right: 10px; top: 30px; }
.nav-mobile { display: block; }
.nav { float: left; padding: 0; position: relative; width: 240px; }
ul#navmenu { display: none; width: 240px; float: right !important; position: absolute; z-index: 9999999; top: 34px; margin: 0 !important; }
ul#navmenu li { background: #67c8c6; width: 100%!important; border-bottom: 1px solid #fff!important; border-right: none !important; padding: 0 !important; line-height: 30px; height: auto; margin: 0; }
ul#navmenu li li { background: #999; }
ul#navmenu li a { width: 90%; float: left; padding: 0 5%; text-align: center; line-height: 36px; color: #fff; }
.nav-active { display: block!important; }
.nav-mobile-open { -webkit-border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; }
.nav-mobile { cursor: pointer; background: url("images/menu-icon.png") no-repeat scroll 0 0 hsla(0, 0%, 0%, 0); height: 32px; width: 32px; border-radius: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; margin: 0 0 0 38%; z-index: 99; position: relative; float: right; background-size: 100% 100% !important; }
.menu-icon { padding: 0 2% 0 0; position: relative; z-index: 99; }
ul#navmenu li.active a.active { color: hsl(359, 96%, 35%); }
ul#navmenu li.current-menu-item { background: #00809e; }
ul#navmenu li.current-menu-item a { color: #fff; }
ul#navmenu a:hover, ul#navmenu li.iehover a, ul#navmenu li:hover a { color: #000; }
ul#navmenu ul { width: 100% !important; top: 5px; left: 0; position: relative; background: none; height: auto; }
ul#navmenu ul li a { background: none!important; width: 100%; }
ul#navmenu ul li { border: none; width: 100%; background: #999; }
ul#navmenu li li a { border-right: none 0; color: #fff !important; padding: 10px 8px !important; text-align: center; }
ul#navmenu ul li:hover { background: #948ae0; }
ul#navmenu ul li:last-child { border: medium none !important; }
.icon a { margin: 0 0 0 12px; display: inline; float: none; text-align: center }
.header { display: inline; float: left; width: 100% }
.banner h1 { font-size: 40px }
.recent_projects_title { font-size: 40px }
.slide_bg_center { float: left; width: 96%; padding: 0 2% }
.slider_left { margin-left: 0; width: 100%; padding: 0; font-size: 30px; line-height: 34px; text-align: center }
.slider_text { margin-top: 40px }
.bg-color { padding: 5%; }
.slider_des h1 { font-size: 28px; }
.slider_des { font-size: 16px; }
.slider_contact, .slider_work { margin: 2%; padding: 2% 4%; width: 88% }
.slider_right { margin-right: 0; margin-top: -190px; padding: 0 1%; width: 98% }
.slide_bg_center .slider_right { float: left; margin: 270px 0 0; padding: 0 1%; width: 94% }
.slider_right .slider_video iframe { width: 100%; height: 100% }
.box_main:last-child { margin: 10px auto 5px }
.boxes { width: 100%; margin: 0 auto; display: table; text-align: center; float: none }
.box_main { display: block; float: left; margin: 10px auto 5px !important; width: 152px; }
.box { border-radius: 100%; width: 135px; height: 135px }
.box a { height: 100%; width: 100% }
.box_main .box a img { height: auto; max-width: auto; width: auto }
.box_description { display: none }
.projects_box_img, .recent_projects, .recent_projects_left { width: 100%; text-align: center; }
.projects_box_description_title { font-size: 26px }
.recent_projects_right { margin-top: 5%; padding: 6%; width: 86%!important; float: left; overflow: hidden }
.recent_projects_right_title { font-size: 30px }
.find_out_more_box input { padding: 0 5%; width: 90% }
.find_out_more_box_message { padding: 0 5%; width: 90%!important }
.find_out_more_box_submit { width: 100%!important }
.projects_box_main { width: 100% }
.projects_box { margin: 0 0 5%; width: 100% }
.description_title { font-size: 28px }
.description_text { padding: 0 2%; width: 96%; font-size: 20px }
.textwidget { margin: 0 0 5%; width: 100% }
.more_about_box { width: 100% }
.our_clients_box { margin: 0 0 5%; width: 100% }
.our_clients_title { font-size: 26px }
.our_clients_box_title { font-size: 24px }
.footer_logo { margin: 0; width: 100%; text-align: center; }
.footer_menu_1 { margin: 110px 0 0; position: absolute; width: 48% }
.footer_menu_1 ul { width: 100% }
.footer_menu_1 ul li { margin: 0; width: 100%; text-align: center }
.footer_menu_2 { margin: 110px 0 0; position: absolute; width: 48%; right: 0 }
.footer_menu_2 ul { width: 100% }
.footer_menu_2 ul li { margin: 0; width: 100%; text-align: center }
.footer_icon { float: right; width: 58%; margin: 0; position: absolute; right: 0; right: 2% }
.footer_icon a { margin: 0 10px; float: none }
.copyright { margin-top: 260px }
.gallery_icon_box { float: left; padding: 0; width: 100% }
.gallery_link { float: left; padding: 0; width: 100%; margin: 10% 0 }
.gallery_description_main { width: 100%; margin: 0 0 5% }
.gallery_icon_box a { margin: 0 0 5%; width: 100%; text-align: center }
.gallery_link_recent_projects { float: left; width: 100% }
.gallery_link_case_studies a, .gallery_link_recent_projects a { font-size: 26px }
.gallery_link_case_studies { float: right; width: 100%; margin-top: 5% }
.galleryboxes { width: 100% }
.blog_middle_left { margin: 0 0 60px; width: 100%!important; float: left; overflow: hidden }
.blog_middle_right { float: left; width: 100% }
.categories, .category_sidebar, .category_sidebar ul, .search_box, .search_box #searchform { width: 100% }
.search_box input { padding: 0 5%; width: 89% }
.blog_box { width: 100% }
.blog_space .blog_middle_right-1 { float: left; width: 100%!important; overflow: hidden }
.blog_space { width: 100%!important; overflow: hidden; margin: 5% 0 0 }
.blog_box_title { font-size: 34px }
.blog_box_title_2 { font-size: 24px }
.blog_box .blog_box_img img, .blog_post { width: 100%; height: 100%; float: left }
.contact_box, .contact_box label, .contact_left, span.wpcf7-form-control-wrap { width: 100% }
.contact_box input { padding: 0 5%; width: 90% }
.message { padding: 5%; width: 90%!important }
.submit { width: 100%!important; margin-right: 0 }
.contact_box_right { float: left }
.process_box_main { width: 100%!important; overflow: hidden }
.process_box_left { width: 100%!important; overflow: hidden; padding-right: 0 }
.help_box_icon { margin: 0 5px 0 0 }
.help_box_title { font-size: 24px; margin-top: 40px }
.process_box_left .process_box_main_title { font-size: 26px }
.process_box_right_part { width: 100%!important; overflow: hidden; float: left }
.check_out_web_gallery { width: 100% }
.process_box_right { width: 90%; margin: 0 0 5%; padding: 5% }
.middle_menu { float: left; width: 100% }
.middle_menu ul { float: left; width: 100%; text-align: center }
.middle_menu ul li { display: inline; margin: 0; float: left; width: 33%; border-bottom: 1px solid #ddd }
.gallery-details-main { width: 100%!important; overflow: hidden; float: left }
.middle_top_slider { width: 100%; height: auto }
.middle_top_slider .flexslider { float: left; width: 100%; height: auto }
.middle_top_slider .flexslider .slides { float: left; width: 100%!important; height: 150px!important }
.middle_top_slider .flexslider .slides img { min-width: 100%; height: auto }
.share_right { width: auto }
.gallery_description, .related_slider { width: 100% }
.ca-container, .ca-wrapper, .container { float: left; width: 100% }
.ca-item { width: 60% }
.ca-item-main { width: 50% }
.ca-icon, .gallery_title_2, .gallery_title_2 .help_top { width: 100% }
.help_box_main { float: left; margin: 0 2% 0 15%; width: 35% }
.contact_left { width: 85% }
.slider_text { margin: 70px 5% 0; width: 90%; }
.know-the-way .textwidget { margin: 0; text-align: center; width: 100%; }
.find_out_more_box label { width: 100%; }
.mailchimp-optin input[type="checkbox"] { float: left; width: 50px; }
.wpcf7-form .find_out_more_box img { float: left; margin: 0 0 5px; }
.description-left { float: left; width: 100%; }
.description-video { float: none; margin: 40px auto 0; padding-top: 40px; text-align: center; width: auto; }
.description-video-des { margin-bottom: 20px; }
.more_about_main .textwidget { margin: 0 2%; width: 96%; }
.choose-services { width: 100%; font-size: 16px; }
#galleryTab { width: 100%; }
.filter { height: 60px; margin: 0 4px 0 0; width: 60px; line-height: 60px; }
.web-work, .branding-work, .app-work, .social-work, .video-work, .magazine-work { height: 70px; width: 70px; }
.galleryWrap .fancybox { margin: 2%; width: 96%; }
.galleryWrap .projects-img { width: 100%; }
.inner-banner-text { margin-top: 60px; padding: 5%; position: relative; width: 90%; z-index: 999; }
.inner-banner img { height: 370px; left: 0; top: 0; }
.inner-banner { height: 370px; }
.inner-banner-text h1 { font-size: 22px; }
.inner-banner-text { font-size: 18px; }
.process_box_left_1 { float: left; margin: 20px 0 0; text-align: center; width: 100%; }
.process_box_left_1 a img { float: none; }
.process_box_left_1 a { float: none; }
.description_main iframe { height: 240px; max-width: 100%; }
.footer { position: relative; width: 100%; }
.footer_icon { float: right; margin: 0; position: absolute; right: 2%; text-align: center; top: 60px; width: 98%; }
.find_out_more_box label { text-align: left; width: 100%; }
.description-left, .description-video { float: left; width: 100%; }
.filter span img { height: 50px; vertical-align: middle; width: 50px; }
.projects-single-img img { height: auto; }
.left-des, .right-des { float: left; padding-right: 2%; padding-top: 20px; text-align: justify; width: 96%; }
.filter { height: 60px; margin: 0 4px 0 0; width: 60px; }
.view-all { line-height: 60px; }
.web-work, .branding-work, .app-work, .social-work, .video-work, .magazine-work { height: 60px; width: 60px; }
.filter span { width: 60px; }
.splitter li img { max-width: 60%; height: auto; }
.filter:last-child { margin-right: 0; }
.image-grid li.mix img { height: auto; }
.galleryWrap .fancybox { margin: 2%; width: 46%; }
.inner-banner-text { margin-top: 90px; padding: 5%; position: relative; width: 90%; z-index: 999; }
.inner-banner img { height: 370px; left: 0; top: 0; }
.inner-banner { height: 370px; }
.choose-services { width: 100%; }
.splitter { float: left; width: 100%; text-align: center; }
.splitter li { float: none; display: inline-block; text-align: center; }
.image-grid { width: 100%; }
.image-grid li { margin: 3% 2%; width: 96%; }
.gallery_description_text { margin: 0 !important; }
.process_box { text-align: center; }
ul#navmenu li.current-menu-parent a, ul#navmenu li.current_page_item a { color: #fff !important; }
.slider_text_center { margin: 0 auto; padding: 56px 0 0; width: 225px; }
.slider_contact, .slider_work { margin: 0; padding: 0; width: 100px; }
.slides_main { height: 180px; }
.flexslider, .flexslider .slides li, .slider { background-size: auto 100% !important; height: 180px; }
ul#navmenu.nav-active .sub-menu { display: block; }
.latest_projects ul li { width: 31%; margin: 0 2% 12px 0; }
.contact_middle {
    margin: 0;
}
.contact_left {
    width: 100%;
    padding: 0px;
    margin: 0px;
}
.left-des, .right-des {
    padding-left: 0;
}
}