@media (max-width: 1365px) {
    .banner .item { position: relative; }
    .banner .item:before { content:""; position: absolute; display: inline-block; width: 100%; height: 100%; left: 0px; top: 0px; background: rgba(0, 0, 0, 0.05); }
    .container { box-sizing: border-box; padding: 0px 15px; }
    .header.floating_menu { min-height: 60px; }
    .header.floating_menu .logo a { display: block; width: 180px; }
    .menu-bottom { padding-top: 12px; }
    .header .menu { padding-top: 9px; }

    img { max-width: 100%; }

    .reachus-part-box .reachus-part-box-right { width: 520px; }

    .branch-offices-boxs .branch-offices-box { margin-right: 0px; width: 33.33%; border-left: 1px solid #ddd; border-right: 1px solid #ddd; min-height: 420px; }

    .footer-bg { z-index: 99; }
    .footer-bg .container { padding: 0px; }
    .footer-bg * { box-sizing: border-box; }
    .footer-box-first { padding: 60px 39px 0px 35px; width: 100%; float:left; }
    .footer-right-div .follow-div ul li { height: 50px; }
    .footer-bg .box-contacts { padding: 0px 20px 20px; }
    .subscription-box-left { margin-bottom: 7px; }

    /*download*/
    .download-btn a { padding: 13px 39px; }
    .wallpaper-div ul li { width: 31.7%; margin-right: 1.6%; margin-bottom: 6.6%; }

    /*job-listing*/
    .jobsrc .tp .dv1 { width: 40%; margin-right: 2%; }
    .jobsrc .tp .dv2 { width: 22%; margin-right: 2%; }
    .jobsrc .tp .dv3 { width: 22%; margin-right: 2%; }
    .jobsrc .tp .dv4 { width: 10%; }
}

@media (min-width: 1365px) {
    .clients-slider .owl-item { width: 228px !important;}
}

@media (min-width: 1367px) and (max-width: 1440px) {
    .banner5 .banner_slider .owl-item .item { background-position: 69% top !important;}
}


@media (min-width: 1280px) and (max-width: 1364px) {
    .clients-slider .owl-item { width: 219px !important;}
    .banner5 .banner_slider .owl-item .item { background-position: 69% top !important;}
    .global-div { min-width: 1281px; left: -40px;}
    .global-div .circle-div { margin-left: 30px; }
}

@media (max-width: 1279px) {
    .map-div { width: 100%; overflow-x: scroll; direction: rtl; position: inherit; }
    .map-div .text_div h3 { direction: ltr; }
    .map-div-bg { position: relative; padding-top: 80px; }
    .map-div > h3, .map-div > p { position: absolute; top: 23px; left:0px; display: block; width: 100%; text-align: center; padding: 0px; }
    .map-div > p { top: 79px; }
    .map-div .text_div h3 { font-size: 29px; }
    .global-div { min-width: 1281px; min-height: 600px; }
    .global-div .circle-div { left: 0px; }
    .global-div .global-img { min-width: 1024px; max-width: none; }

    .team-div-box-right h2 { margin-top: 50px; }

    .job-div ul li a { height: auto; }
    .job-div ul li a .job-img { position: relative; }

    .gallery-slider-one .gg-box p { font-size: 10px; }

    .job-box .job-box-right  { width: 100%; }

    /*vertical skill*/
    .trade-box.suc .trade-food a.learn-more { width: 100%; margin: 20px 0px 0px; }

    /*corp info*/
    .corp_info .cilt_box h2 { font-size: 24px; }

    /*mission vision*/
    .vision_mission .mission .intro h2, .vision_mission .vision .intro h2 { font-size: 44px; }
    .vision_mission .mission .intro p, .vision_mission .vision .intro p { font-size: 18px; line-height: 24px; }
}


@media (max-width: 1199px) {
    .header .logo img { max-width: 100%; }
    .box-contacts a { font-size: 18px; }
    .footer-box-first ul { width: 25%; padding-right: 10px; }
    .footer-box-first ul:nth-child(4) { width: 25%; }

    .technology-slider.owl-theme .owl-nav .owl-next { right: -55px; }
    .technology-slider.owl-theme .owl-nav .owl-prev { left: -35px; }

    .team-div-box-right h2 { font-size: 20px; }
    .team-div-box-right p { padding: 0px 15px; }
    .team-div-box .team-div-box-left h1 { top: 50%; left: -178px; }

    .technology-div-right h3 { font-size: 24px; }

    .test-slider .text p { font-size: 20px; line-height: 28px; }

    .banner-inner-slider .counter ul.count-list li .value {font-size: 16px; line-height: 20px; margin-bottom: 0px;}
    .banner-inner-slider .counter ul.count-list li .title { font-size: 12px; }
    .banner-inner-slider .counter ul.count-list li { padding: 0px 7px; }
    .banner-inner-slider .counter ul.count-list {height: 95px; padding: 7px 0px;}
    /* .banner-inner-slider .counter { width: 420px; } */
    .banner-inner-slider .counter ul.l-list li { font-size: 12px; }

    .brdcrumb { position: relative; bottom: 0px; padding: 10px 0px; background: #333; }

    .branch-offices-boxs .branch-offices-box { width: 50%; }

    .reachus-part-main .brdcrumb.brdcrumb1 { padding: 10px 0px; background: none; bottom: 0px; }
    .reachus-part-main .reachus-part-box { top: 0px; }
    .reachus-part-box .reachus-part-box-left { height: 196px; padding: 20px 35px; width: 155px; }
    .reachus-part-box .reachus-part-box-right { padding-top: 0px; margin-left: 0px; padding-left: 20px; }
    .reachus-part-main .reachus-part-box { padding: 20px 0px; }
    .contact-form form .form-group:nth-child(7) { width: 100%; }

    .verticals_area .v-left_box h2 { font-size: 25px; }

    .menu_holder .accordionButton-a a { font-size: 17px; }

    .form-div.reg_form .form-div-left { width: 50%; }

    .global-div .circle-div {left: 78px; width: 400px; bottom: auto; top: 85px;}
    .global-div .circle-div ul { margin-top: 20px; margin-right: 0px; }
    .global-div .circle-div ul li { font-size: 13px; text-align: left; }
    .global-div .circle-div img.circle-img { width: 100px; }

    /*download*/
    .verticals_area .wallpaper-div ul li p { min-height: 129px; }

    /*verticals*/
    .equipment .prodbox a span.cl_details3 { font-size: 16px; }
    .menu_holder .accordionButton a { font-size: 17px; }

    /*services*/
    .verticals_area.serv .menu_holder .accordionButton-a a { font-size: 16px; }

    /*corp info*/
    .corp_info .cilt_box h2 { font-size: 22px; }
    .corp_info .cilt_box h2:before { bottom: 16px; }
    .h-milestone { width: 700px; }
    .h-milestone .arrow_box { width: 250px; }
    .h-milestone .asidel { width: 350px; }
    .h-milestone .asider { width: 350px; }
    .h-milestone .arrow_box1 { width: 250px; }
    .h-milestone .asidel span, .h-milestone .asider span { font-size: 14px; }

    /*job-listing*/
    .jobsrc .rt .pd { padding: 30px 30px; }
    .jobsrc .rt .sal .slpd { padding: 10px 30px; }
    .jobsrc .tp .dv2 select, .jobsrc .tp .dv3 select { background: #fff; }

    /*events*/
    .events .bl .bl1, .events .bl .bl2 { padding-right: 22px; }
    .events .bl .bl2:before, .events .bl .bl3:before { left: -12px; }
    .events .ttl { font-size: 18px; }
    .events .pd { padding: 30px 30px; }

    .map-div p span { direction: ltr; }
}

@media (max-width: 1024px) {
    .map-div h3 { font-size: 26px; line-height: 28px; }
    .banner5 .banner_slider .owl-item .item { background-position: 69% top !important;}

    .side_menu { width: 420px; box-sizing: border-box; }

    /*vertical skill*/
    .menu_holder .accordionContent ul li a { padding: 5px 5px 5px 40px; }

    /*services*/
    .verticals_area.serv .v-right_box h4 { font-size: 17px; }
    .verticals_area.serv .v-right_box p { font-size: 15px; line-height: 24px; }

    /*corp info*/
    .corp_info .cilt_box { width: 30%; }
    .corp_info .cirt_box { width: 70%; }
    .corp_info .cirt_box p { font-size: 16px; line-height: 24px; }
    .corp_info .cilt_box ul li a { font-size: 17px; }
    .h-milestone { width: 100%; }
    .h-milestone .asidel, .h-milestone .asider { width: 50%; }
    .h-milestone .arrow_box, .h-milestone .arrow_box1 { width: 80%; }

    /*mission vision*/
    .vision_mission .mission .intro, .vision_mission .vision .intro { padding-top: 0px; }
    .vision_mission .mission, .vision_mission .vision { padding: 15px 10px; }

    /*map*/
    .global-div { min-width: 0; min-height: 0; }
    .global-div > img { display: none; }
    .global-div .state-content { display: none !important; }
    .global-div > .buttons { display: none; }
    .global-div .circle-div { position: relative;left: 28%; top: 0px; display: block; width: auto; overflow: hidden; }
    .global-div .mob-map { display: block !important; margin-top: 30px; }
    .global-div .mob-map a { display: block; text-align: center; margin-bottom: 20px; }
}

@media (max-width: 991px) {
    .menu-bottom ul li a { padding-right: 5px; font-size: 16px; }

    .menu-top ul li a { font-size: 13px; }
    .menu-top ul li:nth-child(1) { padding-left: 23px; }
    .menu-top ul li:nth-child(2) { padding-left: 32px; padding-right: 10px; }
    .menu-top ul li:nth-child(3) { padding-left: 36px; padding-right: 10px; background: url(../images/msg-bg.png) no-repeat bottom 2px left 10px; }
    .menu-top ul li:nth-child(4) { padding-left: 26px; }
    .side_menu { overflow-y: auto; }

    .circle-div ul {  }
    .circle-div ul li { font-size: 13px; }

    .team-div-box-right h2 { top: 20px; font-size: 16px; }
    .team-div-box-right p { padding: 0px 5px; font-size: 13px; }
    .team-div-box .team-div-box-left h1 { left: -136px; font-size: 30px; }
    .team-div .owl-nav { margin-top: 0px; }

    .vertical-div ul li h4 { font-size: 15px; }

    .job-div ul li { width: 24%; margin-right: 1%; }
    .job-div ul li a h4 { font-size: 15px; }

    .technology-div-right h3 { font-size: 18px; }

    .test-slider .text p { font-size: 16px; line-height: 20px; }

    .technology-div { padding: 30px 0px 0px; }
    .technology-div-left img { position: relative; top: 20px; }
    .technology-slider-main { width: 100%; box-sizing: border-box; padding: 0px 30px 20px; }
    .technology-div-right h3 { margin-left: 0px; }

    .gallery-slider-one .gg-box > img {max-height:80px; min-height: 80px;}

    .verticals_area .v-left_box { width: 30%; }
    .verticals_area .v-left_box h2 { font-size: 27px; }
    .menu_holder .accordionButton-a a { font-size: 16px; }
    .verticals_area .v-right_box { width: 70%; padding-left: 20px; }
    .verticals_area .v-right_box h2 { font-size: 20px; }

    .ourclients .select-box { right: 30px; top: 70px; }
    .ourclients ul.clientlist li { width: 20%; }

    .form-div.reg_form .form-div-left { width: 100%; }

    .job-box .job-box-right ul li { width: 100%; margin-right: 0px; padding-bottom: 30px; border-bottom: 1px solid #ddd; margin-bottom: 20px; }

    /*lifedss*/
    .dss-part .dss-main .dss-left { width: 100%; }
    .dss-part .dss-main .dss-right { width: 100%; padding-left: 0px; }
    .gallery-slider .gg-box > img { max-height: 150px; min-height: 150px;}

    .footer-right { display: none; }
    .footer-left { height: auto; width: 100%; min-height: 0px; }
    .logo-footer { padding: 20px 0px; }
    .footer-right-div { float:left; width: 100%; }
    /* .box-contacts { text-align: center; } */
    /* .box-contacts a { display: inline-block; } */
    .footer-bg .box-contacts { padding: 0px 30% 20px; }
    .footer-box-first ul { width: 27%; }
    .footer-box-first ul:nth-child(4) { width: 19%; }
    .footer-right-div .follow-div ul { margin-bottom: 0px; }
    .follow-div h6 { margin-bottom: 20px; }
    .footer-last-left { width: 60%; }
    .footer-last-right { width: 40%; }

    /*download*/
    .wallpaper-div ul li { width: 48%; margin-right: 1%; margin-bottom: 20px; }

    /*verticals*/
    .verticals_area .v-right_box .slide-pic .sml_cap span { font-size: 19px; line-height: 21px; }
    .verticals_area .v-right_box .slide-pic .sml_cap { padding: 5px 30px; }
    .equipment-left.rel-sec h2 span { font-size: 20px; }
    .equipment .prodbox a span.cl_details3 { font-size: 13px; }

    /*traderec*/
    .trade-food ul li { width: 100%; }
    .trade-food ul li:nth-child(2n+2) { width: 100%; }
    .trade-food h3 { text-align: center; padding: 12px 40px !important; }

    /*vertical skill*/
    .trade-box.suc .trade-food { width: 95%; }
    .trade-box.suc .trade-food h3 { text-align: left; }

    /*timeline*/
    .timeline-box .box.onsite { width: 100%; margin-bottom: 20px; margin-right: 0px; }
    .timeline-box .box.offsite { width: 100%; margin-left: 0px; }
    .timeline-box ul { min-height: 0px; }

    /*outsource trade*/
    #outsource-form .input-box, #outsource-form .select-box { width: 100%; }

    /*mission vision*/
    .vision_mission .mission .intro h2, .vision_mission .vision .intro h2 { font-size: 25px; }
    .vision_mission .vision .c_men img { height: auto !important; }

    /*job-listing*/
    .jobsrc .rt .des .tx2 .dt { font-size: 14px; }
    .jobsrc .rt .des .tx1 { font-size: 14px; }
    .jobsrc .tp .dv1 input, .jobsrc .tp .dv2 select, .jobsrc .tp .dv3 select { font-size: 15px; }
    .jobsrc .rt .ttl { font-size: 18px; }
    .jobsrc .lt { margin-right: 2%; width: 28%; }
    .jobsrc .lt .mnttl { font-size: 18px; }
    .jobsrc .lt .clearall { padding: 6px 15px 8px 15px; font-size: 13px; }
}

@media (min-width: 768px) and (max-width: 1023) {

}

@media (max-width: 768px) {
    .footer-right-div ul li a { font-size: 13px; }

    .banner5 .banner_slider .owl-item .item { background: none !important; }
    .banner5 .banner_slider .owl-item .item img { display: block !important; }

    .banner.banner5 { height: 100vh !important; }
    .banner5 .banner_slider,
    .banner5 .banner_slider .owl-stage-outer,
    .banner5 .banner_slider .owl-stage,
    .banner5 .banner_slider .owl-item,
    .banner5 .banner_slider .owl-item .item { height: 100%; }
    .banner5 .banner_slider .owl-item .item img { width: 100%; height:  100% !important; }
}

@media (max-width: 767px) {
    .side_menu { display: none !important; }
    .menu { display: none !important; }
    .mob.menu-top { display: block !important; width: auto; float:right; margin-top: 11px; }
    .mob-menu-btn { display: block !important; float: right; cursor: pointer; height: 22px; width: 27px; position: fixed; top: 30px; right: 24px; background: url(../images/menu-bg.png) right 3px no-repeat; transition: 0.5s ease-in-out; -moz-transition: 0.5s ease-in-out; -webkit-transition: 0.5s ease-in-out; -ms-transition: 0.5s ease-in-out; }
    .mob-menu-btn:hover, .mob-menu-btn:focus { opacity:0.7; transition: 0.5s ease-in-out; -moz-transition: 0.5s ease-in-out; -webkit-transition: 0.5s ease-in-out; -ms-transition: 0.5s ease-in-out; }
    .mob-menu {
        box-sizing: border-box;
        display: block !important;
        background-color: #1e1e20;
        height: 100%;
        padding: 20px 30px;
        position: fixed;
        z-index: 9999999;
        text-align: right;
        right: -100%;
        top: 0;
        width: 250px;
        transition: 0.5s ease-in-out;
        -moz-transition: 0.5s ease-in-out;
        -webkit-transition: 0.5s ease-in-out;
        -ms-transition: 0.5s ease-in-out;
        overflow-y: auto;
    }
    .mob-menu i { color: #e92d20; cursor: pointer; font-size: 40px; position: absolute; right: 10px; top: 5px; }
    .header { min-height: 83px; }
    .header.floating_menu .mob-menu-btn { top: 25px; transition: 0.5s ease-in-out; -moz-transition: 0.5s ease-in-out; -webkit-transition: 0.5s ease-in-out; -ms-transition: 0.5s ease-in-out; }
    .header.floating_menu .mob.menu-top { display: none !important; }
    .mob-menu .menu-bottom { float: left; width: 100%; padding-top: 40px; }
    .mob-menu ul { float: left; width: 100%; }
    .mob-menu ul li { float: left; width: 100%;text-align: left; margin-bottom: 15px; }
    .header.floating_menu .mob-menu ul li a { color:#fff; }
    .header.floating_menu .mob-menu .menu-bottom ul li a:hover { color: #f7372a; }
    .header.floating_menu { z-index: 9999999; padding-top: 9px;  }

    .header .logo { width: 29%; }

    .banner.banner5 { height: auto !important; }
    .banner5 .banner_slider,
    .banner5 .banner_slider .owl-stage-outer,
    .banner5 .banner_slider .owl-stage,
    .banner5 .banner_slider .owl-item,
    .banner5 .banner_slider .owl-item .item { height: auto; }
    .banner5 .banner_slider .owl-item .item img { width: 100%; height: auto !important; }

    .team-div-box { display: block; width: 100%; float: left; }
    .team-div-box * { box-sizing: border-box; }
    .team-div-box .team-div-box-left h1 { position: relative; top: 0px; left: 0px; transform: none; text-align: center; margin-bottom: 20px;}
    .team-div-box-left { width: 100%; margin-left: 0px; }
    .team-div-box-right { width: 100%; padding: 20px 15px; box-sizing: border-box; }
    .team-div-box-right:before { display: none; }
    .team-div-box-right h2 { margin-top: 0px; }

    .vertical-div * { box-sizing: border-box; }
    .vertical-div ul { float: left; width: 100%; }
    .vertical-div ul li { padding: 17px 10px; }
    .vertical-div ul li h4 { min-height: 41px; }

    .job-div .parallax * { box-sizing: border-box; }

    .getintouch .box { padding: 35px 35px; }
    .getintouch .box h2 { font-size: 27px; }
    .getintouch .box p { font-size: 15px; line-height: 20px; }

    .testimonials { padding-bottom: 20px; }
    .test-slider { padding: 0px 20px; }
    .test-slider .img { margin-bottom: 10px; }

    .verticals_area .v-left_box h2:before { z-index: 1; background: url(../images/menu-bg.png) right 3px no-repeat; display: inline-block; height: 22px; width: 27px; right: 10px; left: auto; }
    .verticals_area .v-left_box h2 { background: #333; color:#fff; text-align: left; padding: 10px; }
    .verticals_area .v-left_box .menu_holder { height: 0px; overflow:hidden; opacity: 0; margin-top: 10px; }
    .verticals_area .v-left_box h2.active + .menu_holder { height: auto; opacity:1; transition: 0.5s ease-in-out; -moz-transition: 0.5s ease-in-out; -webkit-transition: 0.5s ease-in-out; -ms-transition: 0.5s ease-in-out; }
    .verticals_area .v-left_box { width: 100%; margin-bottom: 20px; }
    .verticals_area .v-right_box { width: 100%; padding-left: 0px; }

    /*corp info*/
    .corp_info .cilt_box { width: 100%; margin-bottom: 20px; }
    .corp_info .cirt_box { width: 100%; padding-left: 0px; }
    .corp_info .cilt_box h2:before { z-index: 1; background: url(../images/menu-bg.png) right 3px no-repeat; display: inline-block; height: 22px; width: 27px; right: 10px; left: auto; }
    .corp_info .cilt_box h2 { background: #333; color:#fff; text-align: left; padding: 10px; }
    .corp_info .cilt_box .menu_holder { height: 0px; overflow:hidden; opacity: 0; margin-top: 10px; }
    .corp_info .cilt_box h2.active + .menu_holder { height: auto; opacity:1; transition: 0.5s ease-in-out; -moz-transition: 0.5s ease-in-out; -webkit-transition: 0.5s ease-in-out; -ms-transition: 0.5s ease-in-out; }

    .banner-inner-slider .counter { position: relative; width: 100%; padding-top: 10px; }
    .banner-inner-slider .counter:before { display: none; }
    .banner-inner-slider .counter ul.l-list li { color:#333; display: inline-block; float: none; }
    .banner-inner-slider .counter ul.l-list li:before { background: #333; }
    .banner-inner-slider .counter ul.count-list { text-align: center; }
    .banner-inner-slider .counter ul.count-list li { float: none; }
    .banner-inner-slider .counter ul.l-list { text-align: center; }

    .ourclients ul.clientlist li { width: 25%; }

    .branch-offices-boxs .branch-offices-box { width: 100%; min-height: 0; }
    .branch-offices-boxs .branch-offices-box p br { display: none; }
    .reachus-part-box .reachus-part-box-right h4 { font-size: 20px; }
    .reachus-part-box .reachus-part-box-right { width: 368px; }

    .contact-map-main .contact-map-left h2 { font-size: 20px; padding-left: 10px; line-height: 24px; }

    .form-div.reg_form .form-div-box { margin: 0px; }
    .form-div.reg_form .form-div-left { padding: 0px; }
    .form-div.reg_form .form-div-box .qc_textarea { padding: 0px; }
    .form-div.reg_form .register-form-left { width: 100%; padding: 0px; }
    .form-div.reg_form .register-form-right { width: 100%; padding: 0px; }
    .form-div.reg_form .register-form-right .form-group { float: left; }

    .global-div .circle-div { left: 0; width: 100%; text-align: center; height: auto; }
    .global-div .circle-div img.circle-img { float: none; margin-right: 0px; margin-bottom: 0px; }
    .global-div .circle-div ul { float:none; width: 100%; margin-top: 10px; }
    .global-div .circle-div ul li { border-left: 0px; margin-left: 0px; padding-left: 0px; padding-top: 10px; text-align: center; border-top: 5px solid #2f5c9e; }

    /*lifedss*/
    .gallery-slider .gg-box > img { max-height: 90px; min-height: 90px;}

    .footer-bg .box-contacts { padding: 0px 33px 20px; }
    .footer-box-first { padding: 30px 15px 0px 15px; }

    /*download*/
    .wallpaper-div ul li  { width: 100%; margin-right: 0px; }
    .verticals_area .wallpaper-div ul li p { min-height: 0px; }

    /*verticals*/
    .equipment .prodbox { width: 100%; margin-right: 0px; }
    .equipment-main .equipment-left { width: 100%; }
    .equipment-main .equipment-right { width: 100%; padding-left: 0px; }
    .equipment-main .equipment-left.rel-sec { display: none; }

    /*modal*/
    .modal { z-index: 9999999; overflow-y: auto; }
    .modal .reg_form { padding: 0px 7px; }
    .modal-content { max-width: 90%; }

    /*enq*/
    body.vert-cat .enq { width: 25px; margin-bottom: 261px; }
    body.vert-cat .enq2 { width: 25px; margin-bottom: 105px; }

    /*vertical skill*/
    .trade-box.suc .trade-food { width: 100%; padding: 20px; }
    .trade-box.suc .trade-food h3 { font-size: 20px; margin-bottom: 7px !important; }
    .trade-box.suc .trade-food ul { padding: 0px; }
    .trade-box.suc .trade-food ul li { font-size: 16px; margin-bottom: 4px; }
    .trade-box.suc .trade-food p { font-size: 16px; }
    .trade-box.suc .trade-food p span.ct { font-size: 16px; line-height: 18px; }
    .trade-box.suc .trade-food a.learn-more { font-size: 15px; margin-top: 5px; }
    .trade-box.suc .trade-food a.btn { margin-top: 10px; }

    .map-div .text_div { left: 50%; transform: translateX(-50%); -moz-transform: translateX(-50%); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); width: 100%; text-align: center; }
    .map-div .text_div p { text-align: center; }
    .map-div .text_div h3 { font-size: 23px; line-height: 27px; }
    .map-div .text_div p b { font-size: 20px; }
    .map-div .text_div p span { font-size: 16px; line-height: 20px; }

    /*services cost*/
    .cost-area { padding: 1px; }
    .cost-area table tbody td, .cost-area table thead th { font-size: 12px; padding: 10px 5px; }

    /*q-box*/
    .verticals_area .q-box h3 { padding: 20px 20px 20px 20px; }
    .q-box-area.fq .q-box h3 { font-size: 17px; padding: 10px 40px 10px 10px; }
    .q-box-area.fq .q-box p { padding-bottom: 0px; font-size: 15px; line-height: 20px; }
    .q-box-area.fq .q-box .q-content { padding: 15px; }

    /*skill upgradation*/
    .skill-upgrd ul { padding-left: 20px; }
    .skill-upgrd p, .skill-upgrd ul li { font-size: 16px; line-height: 24px; }

    /*job-listing*/
    .jobsrc .lt { margin-right: 0px; width: 100%; }
    .jobsrc .rt { width: 100%; }
    .jobsrc .rt .des .tx1 { width: 20%; }
    .jobsrc .rt .des .tx2 { width: 80%; box-sizing: border-box; padding-left: 5px; }
    .jobsrc .rt .bl .bl1, .jobsrc .rt .bl .bl2 { padding-right: 20px; }
    .jobsrc .rt .bl .bl2:before, .jobsrc .rt .bl .bl3:before { left: -12px; }
    .jobsrc .tp .dv1 input, .jobsrc .tp .dv2 select, .jobsrc .tp .dv3 select { height: 35px; }
    .jobsrc .select-wrapper:after { top: 15px; }
    .jobsrc .tp .dv4 { height: 35px; background-size: 25px auto; }
    .jobsrc .tp .dv1 { margin-right: 0px; margin-bottom: 10px; width: 100%; }
    .jobsrc .tp .dv2, .jobsrc .tp .dv3 { width: 43%; }

    .details-btn a { padding: 7px 15px; }
    .details-btn a:before { width: 20px; right: -12px; }

    .footer-box-first ul:nth-child(4) { width: 100%; }

}

@media (max-width: 639px) {
    .mob-menu-btn { top: 53px; }
    .header .logo { width: 45%; }
    .mob.menu-top ul { width: 185px; text-align: right; }
    .mob.menu-top ul li { padding-right: 0px; }
    .mob.menu-top ul li:before { display: none; }
    .mob.menu-top ul li a { font-size: 11px; }

    .job-div ul { margin: 0px 0px; }
    .job-div ul li { width: 49%; }

    .technology-slider.owl-theme .owl-nav .owl-prev, .technology-slider.owl-theme .owl-nav .owl-next { top: 20%; }

    .reachus-part-main .reachus-part-box { padding: 4px 0px; }
    .reachus-part-box .reachus-part-box-left { width: 100%; text-align: center; height: auto; }
    .reachus-part-box .reachus-part-box-right { width: 100%; padding-left: 0px; margin-top: 20px; }
    .reachus-part-box .reachus-part-box-left h2, .reachus-part-box .reachus-part-box-left h3 { display:inline-block; }
    .reachus-part-box .reachus-part-box-right h4 br { display: none; }
    .contact-form form { margin: 0px; }
    .contact-form form .form-group { width: 100%; }
    .contact-map .contact-map-main { height: 218px; }

    .footer-right-div { padding: 20px 0px 0px; }
    .footer-box-first { padding-top: 0px; }
    .footer-box-first ul { padding-right: 0px; height: 25px; overflow: hidden; width: 100%; float: left; }
    .footer-box-first ul.othr { width: 100%; }
    .follow-div ul { height: auto; }
    .footer-box-first ul { margin-bottom: 5px; position: relative; }
    .footer-right-div ul li:nth-child(1) { margin-bottom: 0px; position: relative; }
    .footer-box-first ul li:nth-child(1):before { content:"+"; position: absolute; right: 0px; top: 0px; color:#fff; font-size: 15px; display: inline-block; }
    .follow-div ul li:nth-child(1):before { display: none; }
    .footer-box-first ul.active { height: auto; }
    .footer-box-first ul.active li:nth-child(1):before { content: "-"; }
    .follow-div { width: 100%; text-align: center; padding-top: 10px; padding-bottom: 20px; margin-top: 20px; border-top: 1px dashed #ddd; }
    .subscription-box { float: none; width: auto; display: inline-block; }
    .footer-right-div { min-height: 0px; }
    .follow-div h6 { margin-bottom: 0px; margin-top: 10px; }
    .footer-right-div .follow-div ul { margin-top: 10px; }
    .footer-last-left, .footer-last-right { text-align: center; width: 100%; }
    .footer-last-right p { text-align: center; }
    .footer-last-left p, .footer-last-right p { padding: 2px 0px; }
    .footer-last-bg { padding: 10px 0px; }

    /*verticals*/
    .verticals_area .v-right_box .slide-pic .btm_band { font-size: 8px; line-height: 10px; padding: 5px 23px; }
    .verticals_area .v-right_box .slide-pic .sml_cap { line-height: 14px; }
    .verticals_area .v-right_box .slide-pic .sml_cap span { font-size: 11px; line-height: 14px; }
    .verticals_area .v-right_box .slide-pic .button { margin-right: 5px; }
    .verticals_area .v-right_box .slide-pic .button a { padding: 6px 21px; }
    .jobsrc .lft_aling_bx .pd .lk {
        float: right;
    }
    .jobsrc .lft_aling_bx .pd .lk,
    .jobsrc .lft_aling_bx .pd .ttl,
    .jobsrc .lft_aling_bx .rt .bl,
    .jobsrc .rt .lft_aling_bx .pd .bl, 
    .jobsrc .rt .lft_aling_bx .pd .des,
    .jobsrc .rt .lft_aling_bx .pd .des .tx1,
    .jobsrc .rt .lft_aling_bx .des .dt ul li {
        text-align: left;
    }
}

@media (max-width: 567px) {
    .technology-slider.owl-theme .owl-nav .owl-prev, .technology-slider.owl-theme .owl-nav .owl-next { width: 10px; height: 40px; background-size: 100% 100%; padding: 0px; }
    .technology-slider.owl-theme .owl-nav .owl-prev { left: -21px; }
    .technology-slider.owl-theme .owl-nav .owl-next { right: -21px; }
    .technology-slider.owl-theme .owl-nav .owl-prev:hover, .technology-slider.owl-theme .owl-nav .owl-next:hover { background-size: 100% 100%; }

    .gallery-slider-one .gg-box { margin-bottom: 7px; padding: 0px 5px; }
    .gallery-slider-one .gg-box > img { min-height: 50px; max-height: 50px; }
    .gallery-slider-one .gg-box p { line-height: 12px; font-size: 9px; }
    .gallery-slider-one .owl-item .item { margin: 0px -5px; }
    div#counter p { padding-bottom: 0px; line-height: 15px; font-size: 11px; }

    .banner-inner-slider .counter ul.count-list li .title { font-size: 9px; }

    .verticals_area .v-left_box h2 { font-size: 15px; }
    .verticals_area .v-left_box h2:before { top: 8px; }

    .ourclients ul.clientlist li { width: 33.33%; }

    /*mission vision*/
    .vision_mission .mission .c_men, .vision_mission .vision .c_men { width: 100%; text-align: center; }
    .vision_mission .mission .c_men img, .vision_mission .vision .c_men img { width: 129px !important; height: auto !important; float: none; }
    .vision_mission .mission .intro, .vision_mission .vision .intro { padding: 10px; width: 100%; text-align: center; }
}

@media (max-width: 479px) {
    .mob-menu-btn { right: 20px; }

    .header { background-image: -webkit-linear-gradient(50deg, #ffffff 49%, #312F43 37%); }
    .header .logo { width: 144px; padding-top: 24px; }

    .vertical-div ul li { width: 49.9%; border-bottom: 1px dashed #000; }
    .vertical-div ul li:nth-child(2), .vertical-div ul li:nth-child(6) { border-right: 0px; }
    .vertical-div ul li:nth-child(7), .vertical-div ul li:nth-child(8) { border-bottom: 0px; }

    .verticals_area .v-right_box h2 { text-align: center; padding-bottom: 30px; }
    div#counter { right: auto; width: 180px; left: 50%; top: 31px; transform: translateX(-50%); -moz-transform: translateX(-50%); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); }
    .gallery-slider-one .gg-box p { font-size: 8px; }

    .banner-inner-slider .counter ul.count-list li { padding: 0px 5px; }

    .brdcrumb ul li { margin-right: 13px; }
    .brdcrumb ul li:before { right: -12px; }

    .ourclients ul.clientlist li { width: 50%; }
    .ourclients h2 { text-align: center; }
    .ourclients h1 { padding-bottom: 40px; }
    .ourclients .select-box { top: 58px; right: auto; left: 50%; transform: translateX(-50%); -moz-transform: translateX(-50%); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); }

    .branch-offices-boxs .branch-offices-box { padding: 20px; }
    .branch-offices-boxs .branch-offices-box p { padding: 14px 0px; font-size: 14px; }
    .branch-offices-boxs .branch-offices-box ul li a { font-size: 13px; line-height: 23px; display: block;}
    .reachus-part-box .reachus-part-box-right h4 { font-size: 16px; }
    .reachus-part-box .reachus-part-box-right ul li a { font-size: 14px; line-height: 24px; }
    .contact-form form .form-group .form-control { padding: 11px 10px 11px 31px; }
    .contact-form form .form-group .form-control.form-control-text { padding: 11px 10px 11px 31px;}
    .contact-form form .form-group .captcha-form-group .captcha { width: 136px !important; }
    .contact-form form .form-group .captcha-form-group .captcha-v { width: 67px; }

    .clients-bg h3 { padding-top: 25px; margin-bottom: 50px; }
    .vertical-div { padding: 25px 0px 30px 0px; }
    .vertical-div ul { padding: 30px 0px 0px; }

    /*vertical skill*/
    .trade-box.suc .trade-food a.learn-more { font-size: 12px; line-height: 16px; margin-top: 5px; }
    .trade-box.suc .trade-food h3 { font-size: 17px; }

    /*process*/
    .process-area .q-box h3, .verticals_area .timeline-box h3 { text-align: center; padding: 10px; font-size: 18px; }

    /*q-box*/
    .q-box-area.fq .q-box h3 { font-size: 15px; font-weight: 400; }

    /*skill upgradation*/
    .skill-upgrd h1, .skill-upgrd h3, .skill-upgrd p { text-align: center; }
    .skill-upgrd ul li { text-align: justify; }

    /*corp info*/
    .corp_info .cirt_box h2 { text-align: center; }
    .corp_info .cirt_box p { text-align: center; }
    .h-milestone .arrow_box, .h-milestone .arrow_box1 { padding: 5px; }
    .h-milestone .asidel span, .h-milestone .asider span { padding: 5px; font-size: 12px; }
    .h-milestone .h-box .date, .h-milestone .h-box1 .date { font-size: 12px; }

    /*job-listing*/
    .jobsrc .rt .bl { text-align: center; }
    .jobsrc .rt .bl div { float: none !important; display: inline-block;}
    .jobsrc .rt .des .tx1, .jobsrc .rt .des .tx2 { width: 100%; text-align: center; padding: 0px; }
    .jobsrc .rt .lbls div { text-align: center; }
    .jobsrc .pagination { text-align: left; }
    .jobsrc .pagination a { text-align: center; width: 25px; float: none; margin: 0px 3px 5px; display: inline-block; }
    .jobsrc .rt .ttl { width: 100%; text-align: center; margin-top: 10px; }
    .jobsrc .rt .pd { text-align: center; }
    .jobsrc .rt .lk { float: none; }
    .jobsrc .tp .dv2 { width: 100%; margin-bottom: 10px; }
    .jobsrc .tp .dv3 { width: 80%; }
    .jobsrc .tp .dv4 { width: 18%; }

    /*events*/
    .events { text-align: center; }
    .events .des .dt div { float: none !important; margin-left: 0px !important; border-left: 0px !important; }
    .events .pd { text-align: center; }
    .events .nolk { float: none; }
    .events .ttl { width: 100%; text-align: center; margin-top: 10px; }
    .events .bl { text-align: center; width: 100%; }
    .events .bl .bl1, .events .bl .bl2, .events .bl .bl3 { float: none; display: inline-block; }
}

@media (max-width: 379px) {

}

@media (max-width: 374px) {
    .subscription-box-left, .subscription-box-right { float: none; }
    .mob.menu-top ul li a { font-size: 10px; line-height: 16px; }
    .mob.menu-top ul { width: 160px; }
    .header .logo { width: 43%; }

    .gallery-slider-one .gg-box { width: 33.33%; }
    .verticals_area .v-right_box.inr_gallery { text-align: center; }

    .banner-inner-slider .counter ul.count-list li .title { font-size: 8px; }

    /*vertical skill*/
    .trade-box.suc .trade-food ul li { font-size: 13px; }
    .trade-box.suc .trade-food a.btn { min-width: 159px; }

    /*services cost*/
    .cost-area table tbody td { font-size: 11px; }
}

@media (max-width: 320px) {

}