.mobile_menu { display:none; visibility:hidden;}
@media only screen and (max-width: 1250px) {
    .clearbothheight {height: 0;}
    .site, .ow_three_section, .center_content_cs, .marcen { width:96%; padding:0 2%; margin:auto} .logo { padding-left:0; }
.ccsd {width:100%; padding:109px 0 0 0} .cccd_right_inner {padding:17px;}
.mobile_menu { display:block; visibility:visible;}
.desktop_menu { display:none; visibility:hidden;}
.outer_grey .site .ow_three_section {padding:40px 15px}
.nav_menu { height:84px}
.logo_img {height:70px; background-size:auto 70px;}
.ow_three_section .ow_one_title {padding-top:40px;padding-bottom:25px}
.ow_three_section .ow_one_title h1 img{width:95px; height:auto}
.ow_three_section .ow_one_title h1 {font-size:27px}
.sticky { height: 71px; }
.nav-article {display:none;}
.services_nav .nav-article > a, .services_nav .nav-article > a.previous, .nav-article > a.previous, .nav-article > a { height:70px; width:70px; background-position:center;background-size:30px auto;text-indent:-9999px;}
.services_nav .nav-article > a:hover, .services_nav .nav-article > a.previous:hover, .nav-article > a.previous:hover, .nav-article > a:hover {background-position:center;background-size:30px auto; }
.foo_level1_left2 {width:350px}
.testimonial_listing .nawab_content {text-align:center}
.testimonial_listing .nawab_content img { float:none; margin:auto;margin-bottom: 30px;}
.testimonial_right { width:100%; padding-right:0; text-align:left }
.testimonial_listing .nawab_content {padding-right:0;}
.site_banner {width:96%; padding:0 2%;}
.tree {background:none; left:0; width:100%;}
.banner {height: auto}
.cloud {width:98%; left:1%;background-size: auto auto;background-image: url(../images/bg2.png);height: 170px;top:50px}
.egg_outer {left:calc((100% - 800px) / 2); width:800px;top: 230px;}
.work_outer {padding-top: 0;}
.banner_bg {height: 420px;background-size: cover;}
.ccl1 {width:720px;margin:auto} .ccl1_left1 {float:none; width:100%;height: auto;}
.twitter_jobvac_outer {width:720px; float:none;margin:auto}
.home_portfolio_outer {float:none;}
.ccl3_left3 {float:none; width:720px; margin:auto}
.contact_form {padding-right:50px}
.cforma input, .cforml input, .cformr input, .cforma textarea {width:calc(100% - 5px);}
.cforml, .cformr {width:calc(50% - 22px);}
.submit_btn {margin-right:0}
.home-logo-carousel, .ccl4 {display:none}
.cbl1_left img, .cbl2_right img {width:100%; height:auto}
.cb_level1, .cb_level2, .cbl2_right, .cbl1_right, .cbl2_left {height:auto}
.cb_level3 {text-align:center} .cbl3_left1 {float:none; display:inline-block;margin-right:0}
.portfolio_cat a, .portfolio_cat a:hover {margin:4px 1px}
.case_bann_title h1 {padding:0 0 0 65px; font-size:25px;background-size:40px auto;background-position:left center;margin:30px 0 0 0;}
.cccd_left, .cccd_right {float:none;width:auto; margin-top:0}
.cccd_left_inner { padding: 20px;}
.cccd_right_imgbox {width:calc(50% - 8px);}
.cccd_right_imgbox img {width:100%; height:auto}
.news_inner {width:275px;height:114px}
.news_img {width: 100px;height:84px;background-size:100px auto;background-position:left center;}
.get_in_title {padding-top:38px;}.get_in_title h1 {font-size:27px;} .news_inner {padding-top:20px;}
.news_top_left {width:60%;margin-right:0} .news_top_right{width:calc(40% - 45px);padding:30px 15px 30px 30px}
.news_top_left img {width:100%; height:auto;}
.news_top_left {height:auto;}
.news_out_right {display:none;}
.news_out_left_new { width:100%; float:none;}
.no_right {width:calc(100% - 270px)}
.news_out_right {display:none;}
.news_out_left {width:100%;float:none;}
.news_detail_content {width:100%;float:none;}
.news_out_left img{width:auto;height:auto; max-width:100%; margin:auto}
.news_main_title h1 {font-size:25px;line-height: 32px;}
.ndc_inner {padding:40px 20px} .news_out_left {text-align:center;} .news_detail_content {text-align:left}
.case_bann_title {padding-top:0}
.kink_title {font-size:20px; line-height:25px;}
.case_p {padding:0 0 20px 0;}
.git_social {display:none}
.goomap_inner { left: 20px;top:90px;width:295px;height:183px}
.gi_padd {
    padding-left: 25px;
    padding-top: 25px;
}
.gi_title1 {font-size:23px;}
.gi_title2 {font-size:20px;}
.gi_content {font-size:15px}
.get_title_outer {height:145px} .get_in_inner {padding-top:55px}
.get_in_img { width: 92px;height:54px;background-size:72px auto}
.gget_in_title {line-height:50px;} .gget_in_title h1 {font-size:27px;}
.map-logo-icon {display:none}
.ccont_title, .ccont_title h1 {position:relative; top:0; left:0;font-size:27px}
.gitform {padding-top:0}
.gitforml {width:calc(50% - 25px);padding-right:0; margin-right:30px}
.gitformr {width:calc(50% - 25px);} .gitforml input, .gitformr input, .gitforml textarea {width:calc(100% - 8px)}
p.star, .gitformr p.star {right:5px;} .gitinner .submit_btn {margin-right:0}
.get_in_touch_form {padding-left:0}
#txtcaptcha {width:calc(100% - 168px)} .captcha {width:140px;}
}
@media only screen and (max-width: 1130px) {
.news_top_left {width:100%; float:none;}
.news_top_right {float:none;width:calc(100% - 45px);}
.news_top_left {text-align:center}
.news_top_left img {
    height: auto;
    margin: auto;
    width: auto;
    max-width: 100%;
}
.news_top_right {padding:30px 15px;width:calc(100% - 30px)}
.cbl_king_title {
    padding-left: 16px;
    padding-top: 30px;
}

.serv-tit ::before{height:0px;}
.serv-tit ::after{height:0px;}
.foot_serv{display:none !important;}

}
@media only screen and (max-width: 970px) {
.foo_level1_left1, .foo_level1_left2, .foo_level1_left3 {width:auto;text-align:center; float:none;padding-top: 30px; }
.foo_level1_left3 { margin-right:0px !important; }
.skype {margin-left:auto;margin-right:auto; }
.social > div { display:inline-block; width:50px; }
.footer_logo {margin:auto; }
.social a { float:none; display:inline-block; }
.twitter div, .facebook div, .youtube div, .linkedin div, .google_plus div, .pinterest div { background-size: 40px auto;} 
}
@media only screen and (max-width: 900px) {
.services_nav .nav-article > a, .services_nav .nav-article > a.previous, .nav-article > a.previous, .nav-article > a {background-size: 20px auto; height: 40px; width: 40px;}
.services_nav .nav-article > a:hover, .services_nav .nav-article > a.previous:hover, .nav-article > a.previous:hover, .nav-article > a:hover { background-size: 25px auto;}
.ow_three_section ul, .cccd_left_inner ul { padding-left:16px;}
.center_content_cs > div { height:auto; }
}

@media only screen and (max-width: 900px) {
.ow_three_section .ow_one_title h1 img, .ow_three_section .ow_one_title h1 span {display:block;margin:auto; top:0}
.ow_three_section .ow_one_title {width:100%}
.ow_three_section .ow_one_title h1 { height:auto;}
.ow_three_section .ow_one_title h1 { font-size:22px;line-height:30px;}
.ow_three_section .ow_one_title h1 span {padding-top:20px; }
.foot-clients { height:125px }
.client-logos a, .client-logos a:visited { width:140px; height:130px; background-size:130px auto }
.foot-logo-icon, .foot-logo-icon:hover, .foot-logo-icon:focus {background-size:70px auto; top:95px}
.cbl1_left, .cbl1_right, .cbl2_right, .cbl2_left {float:none;width:100%}
.cbl1_right p, .cbl2_left p {padding:30px 15px 0}
.cbl2_left, .cbl1_right {padding-bottom:30px;}
.cbl1_left, .cbl2_right {text-align:center}
.cbl1_left img, .cbl2_right img { margin:auto; width:auto;height:auto; max-width:100%; }
.cbl_readmore {margin-left:15px}
}
@media only screen and (max-width: 880px) {
.foobot_level1_left2, .foobot_level1_left3 {float:none; width:auto; text-align:center}
.footer_bottom {height:auto;}
.foobot_level1_left2 li {margin-left:5px; margin-right:2px;}
}

@media only screen and (max-width: 800px) {
.egg1, .egg2, .egg3, .egg4, .egg5 { width:100px;  height:125px; background-size:95% auto; }
.eggs {text-align:center}
.egg_outer {width:auto; padding:0 20px; left:0}
.cccdli_title h1 {font-size:25px;}
.goomap_inner {top:calc(100% - 184px)}
.gi_padd {padding-left:14px} .goomap_inner {width:270px}
.goomap_inner{left:calc((100% - 270px)/2)}
}

@media only screen and (max-width: 770px) {
.gitforml, .gitformr {margin-right:0;width:100%;float:none} .gitinner .submit_btn {margin-bottom:30px; text-align:left}
.serv-div{width:80%; margin:auto;}

.servbox{width:100%; float:left;}

.servbox:nth-last-child(1) {
    width:100% !important; float:left;
}
}
@media only screen and (max-width: 750px) {
.ccl1, .twitter_jobvac_outer, .ccl3_left3 {width:100%;}
.ccl1_left2, .ccl1_left3, .ccl1_left4, #scrollerota3, .ccl1_left3_outer2, .ccl3_left2_outer1 {float:none;margin:auto; width:100%;}
#scrollerota, #scrollerota2, #scrollerota3 {}
.ccl1_left2 {width:auto} .ccl1_left2_outer1, .ccl1_left3_outer1 {height:auto;padding-bottom:40px;}
.ccl1_left4_outer2 {padding-bottom:60px;} .ccl1_left4_outer1, .ccl1_left4_outer2 {height:auto !important;}
#scrollerota3 {float:none !important;}
.twitter_jobvac_outer {background:#e6fafe}
#scrollerota3 > .twitter_jobvac_outer{background:#94eafd}
.ccl1_left3_outer2 {width:calc(100% - 18px);height:290px} .clo1_bom_outer {width:100%}
.ccl3_left2_outer1 {height:auto}
.clo_left1 {width:calc(100% - 18px);height:260px}
#scrollerota2, #scrollerota3 {width:100% !important;}
#scrollerota3 {width:240px !important;}
#scrollerota2 .text, #scrollerota .text {display:none;}
#scrollerota2 .images, #scrollerota .images {position:relative;}
#scrollerota2 ul.images, #scrollerota ul.images { margin-left:-240px !important; }
.cont_title {font-size: 27px;
    left: 30px;}
.submit_btn {text-align:left}
}
@media only screen and (max-width: 720px) {
.no_left {float:none; margin:auto;padding-bottom: 30px;}
.no_right {width:100%; margin:auto}
.news_detail_content1 {padding:30px 15px;}
}
@media only screen and (max-width: 556px) {
    .banner_bg {height: 510px;}
}
@media only screen and (max-width: 530px) {
#nav_menu .logo_img {width:230px;background-size: auto 55px;background-position:left center;}
#nav_menu .sticky .logo_img {background-size:80% auto}
.cloud{background-size:98%;height: 140px;top:50px}
    .clearbothheight {height: 0;}
}
@media only screen and (max-width: 520px) {
.cforml, .cformr {width:100%; float:none;margin-right:0} .contact_form {padding-right:25px;padding-left:25px; }
.ccl3_left3 {padding-bottom:30px; height:auto;}
.cforml p, .cformr p, .cforma p {font-size:17px;}
}

@media only screen and (max-width: 510px) {
.ccl1title .title {font-size:22px;} .ccl1title {height:60px;}
}
@media only screen and (max-width: 495px) {
.cbl3_left1 {width:calc(50% - 6px); height:auto} .cbl3_left1 img { width:100%; height:auto }
.cl_inner_title {font-size: 18px;line-height:24px; }
.cbl3_left1 .cl1_left {display:none !important ;}
.cloud{height: 110px;}
}
@media only screen and (max-width: 420px) {
.action--open {font-size:40px !important;right:10px !important;}
.logo_img {
    background-position: left center;
    background-size: auto 55px;
}
#nav_menu .sticky .logo_img {background-size:52% auto}
.footer_bottom { line-height:22px;  }
.foobot_level1_left2 li, .foobot_level1_left3 {padding-top:12px; }
.cloud{height: 105px;}
}
@media only screen and (max-width: 400px) {.gitinner .submit_btn{float:none;} .get_in_touch_form .submit_btn input[type="submit"] {margin-top:0}}
@media only screen and (max-width: 360px) {
    #scrollerota ul.images { margin-left: -177px !important; }
    #scrollerota2 ul.images { margin-left: -301px !important; }
    .homepage #scrollerota ul.images li img { width: 522px !important; height: auto !important; }
    .homepage #scrollerota2 ul.images li img { width: 522px !important; height: auto !important; }
}
@media only screen and (max-width: 350px) {
    .egg_outer {top: 180px;}
    .banner_bg {height: 600px;}
.cloud{height: 95px;}
}
@media only screen and (max-width: 320px) {
.ccl1content {padding:6px 20px 0}
.ccl1title .title {font-size:20px;} .ccl1title {height:70px;}
}