@media only screen and (max-width:1860px){
    .connect_wrap .step1{left: -40px;width: 58%;}

}
@media only screen and (max-width:1660px){
    .banner .right_text{padding-top: 132px;}
    .left_gif.home_animation{padding-top: 0;top: -20px;}        
    .more_company{margin-top: 125px;margin-bottom: 127px;}
    .link_how_work .inner_how_work .connect_wrap .connect_wolrd h2{margin-bottom: 21px;}

    .system_services .service_wrap .box:nth-child(odd){margin-top: 96px;}
    .link_how_work .inner_how_work{margin-top: 112px;}

    /*link_sys*/
    .system_service .sys_wrap .left_img{left: -140px;width: 64%;}
    .system_service .sys_wrap.sys_two .left_img{width: 62%;}
    .service_right{padding: 134px 105px 122px 107px;}

    /*shop_inner*/
    .shop_inner_wrap .detail_text .team_selection{margin-bottom: 80px;}
    .shop_inner_wrap .detail_text .service{padding-top: 30px;padding-bottom: 40px;left: 0;}
    .shop_inner_wrap .detail_text h6{margin-top: 30px;padding-bottom: 10px;}
    .shop_inner_wrap .detail_text h5{padding-bottom: 25px;}
    .shop_inner_wrap .detail_text .team_selection{margin-bottom: 50px;}
    .pro_img{width: 500px;height: 460px;}

    .bg_right{height: 55%;}



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

    .connect_wrap .step1{width: 55%;}
    .more_company{margin-top: 150px;}
    .link_how_work .inner_how_work .connect_wrap .connect_wolrd{padding-top: 66px;}
    /*.system_services{margin-top: -16px;}*/
    .link_how_work .inner_how_work{margin-top: 104px;}
    .com_services{margin-bottom: 170px;}
    .com_services.our_store .text_right{padding-top: 44px;}
    /*shop*/
    .banner.shop_banner .right_text{padding-top: 205px;}
    /*about*/
    .technology_based .left_img{width: 61%;}
    .technology_based .tech_right h3{padding-top: 30px;padding-bottom: 15px;}
    .technology_based .tech_right p{padding-bottom: 25px;}

    .banner.about_banner .left_gif{left: 0;}
    .banner.service_banner .left_gif{padding-top: 60px;left: 0px;}
    .bg_right{height: 55%;}


}
@media only screen and (max-width:1366px)
{
    .banner .left_gif{width: 48%;left: -25px;}
    .banner .right_text{padding-top: 100px;}
    .more_company{margin-bottom: 70px;}
    .system_services .service_wrap .box:nth-child(odd){margin-top: 60px;}
    .com_services{margin-top: 150px;}
    .more_company p{font-size: 20px;line-height: 30px;}
    .more_company{padding: 0px 250px;}
    .link_how_work{padding-top: 0px;}
    .system_services .service_wrap{padding: 0px 100px;}
    h2{font-size: 34px;line-height: 42px;}

    /*services*/
    .banner.service_banner .left_gif{left: 10px;}
    .banner.link_banner .left_gif{padding-top: 46px;left: 0px;}
    .banner.link_banner .right_text{padding-top: 100px;}
    .challenges_text{margin-top: 170px;}
    .system_service{margin-top: 148px;}

    /*shop*/
    .phones_wrap .re_phones .re_phone .bo_text h5{font-size: 20px;line-height: 26px;}
    .mt_con_shop{margin-top: 120px;}

    /*contact*/
    .contact_you .right_address{padding-top: 160px;}
    .contact_form.contact_page{padding-top: 160px;}
    .banner .left_gif{left: 0;}

    /*add*/
    .banner.home_banner .left_gif{left: 30px;}
    .banner.link_banner .left_gif{left: 80px;padding-top: 130px;}
    .banner.service_banner .left_gif{left: 60px;}
    .banner.service_banner .left_gif{padding-top: 0;}    
    .banner.service_banner .right_text{padding-top: 100px;}
    .internet_services{margin-top: 150px;}
    .banner.about_banner .right_text{padding-top: 15px;}

    .connect_wrap .step1{width: 55%;}


}
@media only screen and (max-width:1280px) 
{
    .container,.wrapper{padding: 0px 20px;}
    .banner .left_gif{left: 0;}
    .banner .right_text{width: 41%;}
    .banner .right_text h1{font-size: 46px;line-height: 48px;}
    .banner .right_text p{padding-bottom: 50px;}
    .system_services .service_wrap{padding: 0px 80px;}
    .com_services .box_left .service_box span{margin-bottom: 45px;}
    .com_services .box_left .service_box{padding: 55px 20px 50px 30px;min-height: 290px;}
    .com_services{margin-top: 50px;margin-bottom: 100px;}
    /*services*/
    .internet_services .box_wrap .internet_services_wrap .streamline_organizations .service_left_text h6{font-size: 26px;}
    .challenges_text .right_text h6{font-size: 22px;}
    .system_service{margin-top: 110px;}
    h2{font-size: 32px;line-height: 40px;}
    .service_right{padding: 80px 105px 80px 107px;}
    .service_right .service_org h2{font-size: 32px;line-height: 42px;}
    /*shop*/
    .banner.shop_banner .left_gif{padding-left: 0;}
    .phones_wrap .re_phones .re_phone{margin-left: 30px;}
    /*about*/
    .our_values .service_box p{font-size: 15px;}
    .banner.service_banner .left_gif{width: 52%;}

    .banner.home_banner .right_text{padding-top: 100px;}



}
@media only screen and (max-width:1100px)
{    
    header .menu{padding-right: 35px;}
    header .menu ul li{padding-left: 20px;}
    header .left_header .login .login_btn{margin: 0px 15px;margin-top: 20px;}
    header.active .left_header .join_service,header .left_header .join_service{padding: 36px 10px 10px 10px;}
    .banner .left_gif{width: 50%;}
    .banner .right_text{width: 45%;padding-top: 70px;}
    .banner .right_text h1{line-height: 42px;font-size: 40px;}
    .banner .right_text p{padding-bottom: 40px;font-size: 16px;}
    .more_company{padding: 0px 130px;}
    .more_company p{line-height: 26px;font-size: 18px;}
    .link_how_work .inner_how_work .connect_wrap .connect_wolrd{max-width: 375px;}
    .more_company a{font-size: 16px;line-height: 18px;}
    h2{font-size: 28px;line-height: 32px;}
    .link_how_work .inner_how_work .connect_wrap .connect_wolrd h2{margin-bottom: 20px;}
    .link_how_work .inner_how_work .connect_wrap .connect_wolrd p{font-size: 16px;padding-bottom: 20px;}
    .system_services{margin-top: 0;}
    .system_services .service_wrap .box{margin-left: 55px;}
    .system_services .service_wrap{padding: 0px 35px;}
    .link_how_work .inner_how_work:after{height: 60px;}
    .slider_con .slider_con_inner_content{padding-top: 30px;padding-bottom: 30px;}
    .com_services{margin-top: 80px;}
    .btn_tra,.btn{line-height: 42px;}
    .com_services .text_right p{margin-bottom: 40px;}
    .com_services .text_right{padding-left: 0;width: 25%;}
    .com_services .box_left{width: 72%;}
    .com_services .box_left .service_box{padding: 45px 15px 40px 20px;min-height: 270px;}
    .slider_con .logo_img{width: 160px;height: 75px;}
    .client_logo .slider_con .slider_flex .logo_img{margin: 0px 8px;}
    .slider_con .logo_img img{max-width: 70%;}
    .com_services.our_store .service_box.our_store_box{width: 39%;padding: 54px 32px 30px 32px;}
    .com_services.our_store .service_box.our_store_box span{min-height: 180px;}
    .com_services.our_store .service_box.our_store_box h5{font-size: 16px;line-height: 22px;padding-bottom: 10px;}
    .inner_wrapper{max-width: 900px;}
    .contact_wrap{padding: 39px 86px 60px 57px;margin-bottom: 40px;}
    .contact_wrap h3{padding-bottom: 10px;}
    .contact_wrap h5{margin-bottom: 40px;}
    .contact_wrap .in{width: 160px;margin-left: 10px;}
    .col_section{margin-bottom: 37px;}
    .col_section .col_box p{padding-right: 18px;font-size: 14px;line-height: 19px;}
    footer .inner_wrapper h3{margin-bottom: 20px;}
    footer .inner_wrapper .bottom_col .contact_detail{margin-bottom: 50px;}

    /*services*/
    .internet_services .box_wrap .internet_services_wrap .in_service_box{padding-right: 30px;}
    .internet_services .box_wrap .internet_services_wrap .in_service_box .service_box{padding: 65px 10px 0px 10px;}
    .internet_services .box_wrap h5{padding-bottom: 30px;}
    .internet_services .box_wrap .internet_services_wrap .streamline_organizations .service_left_text h6{font-size: 22px;line-height: 30px;letter-spacing: 0px;}
    .internet_services{margin-bottom: 100px;}

    /*link_sys*/
    .challenges_text{margin-top: 110px;}
    .challenges_text .right_text h6{font-size: 20px;line-height: 28px;}
    .challenges_text .left_text h5{font-size: 20px;line-height: 24px;margin-bottom: 12px;}
    .system_service .sys_wrap .listing{width: 48%;}
    .system_service .sys_wrap.sys_two{margin-top: 80px;}
    .service_right{padding: 70px 30px 70px 30px;}
    .service_right .service_org h2{font-size: 28px;line-height: 36px;}
    .service_right .service_org h6{padding-bottom: 25px;}
    .service_right .service_org{padding-left: 50px;}
    .service_right .key_point:first-child{margin-bottom: 30px;}

    /*shop*/
    .recommendations_wrap .re_section .re_box .bo_text{padding: 0px 30px 30px 20px;}
    .recommendations_wrap .re_section .re_box span{padding-left: 30px;padding-right: 30px;height: 240px;}
    .recommendations_wrap{margin-bottom: 90px;}
    .phones_wrap .re_phones .re_phone{width: 22%;margin-left: 4%;}
    .phones_wrap .re_phones .re_phone span{height: 260px;padding-left: 20px;padding-right: 20px;}
    .phones_wrap .re_phones .re_phone .bo_text h5{font-size: 18px;line-height: 24px;}

    /*shop_inner*/
    .pro_img span{padding: 30px;}
    .pro_img{width: 450px;height: 450px;}
    .bg_right{width: 48%;}

    /*join_service*/
    .job_service{padding: 70px 60px 70px 60px;}
    .job_service .right_join{width: 50%;}
    .contact_form{width: 48%;}
    .job_service .right_join h5{font-size: 40px;line-height: 42px;padding-bottom: 60px;}
    .job_service .right_join h6{font-size: 16px;line-height: 28px;}

    /*contact*/
    .contact_form.contact_page{width: 50%;padding-bottom: 50px;}
    .contact_form.contact_page .right_address{width: 50%;}
    .contact_form.contact_page{padding-left: 60px;padding-right: 60px;}
    .contact_you .right_address .top_text_box h5{font-size: 44px;line-height: 44px;}

    /*about*/
    .banner.about_banner{padding-top: 60px;}
    .who_we_are{padding-top: 80px;padding-bottom: 100px;}
    .who_we_are p{font-size: 22px;line-height: 32px;}
    .our_values .text_right{padding-left: 40px;}
    .our_values .service_box{padding: 77px 10px 18px;}
    .our_values .service_box p{font-size: 13px;line-height: 20px;}
    .our_values .service_box h6{font-size: 20px;padding-bottom: 15px;}
    .pa_text .left_text,.pa_text .right_text{width: 48%;}
    .technology_based .left_img{width: 55%;top: 30px;}
    .technology_based .tech_right span{margin-top: -34px;}
    .technology_based .tech_right h3{padding-top: 20px;padding-bottom: 10px;font-size: 32px;line-height: 38px;}
    .pa_text{margin-bottom: 50px;}

    /*add*/
    .banner .right_text{width: 33%;}
    .banner.home_banner .left_gif{width: 60%;}
    .banner.about_banner .left_gif{width: 59%;}

    .banner.link_banner .left_gif{width: 60%;}

    .banner.service_banner .left_gif{width: 100%;padding-bottom: 50px;}


    /*banner*/
    .scene1{transform: scale(0.8);-webkit-transform: scale(0.8);-o-transform: scale(0.8);-moz-transform: scale(0.8);}
    .banner.home_banner .left_gif{width: 50%;}
    .banner .right_text{width: 50%;}
    .more_company{margin-top: 50px;}
    .connect_wrap .step1{top: -70px;}

    .banner.link_banner .left_gif{width: 52%;left: 80px;}
    .ink_sys{transform: scale(0.8);-webkit-transform: scale(0.8);-o-transform: scale(0.8);-moz-transform: scale(0.8);}

    .banner.link_banner .right_text{width: 45%;} 
    .service{transform: scale(0.8);-webkit-transform: scale(0.8);-o-transform: scale(0.8);-moz-transform: scale(0.8);left: 60px;}
    .banner.service_banner .left_gif{width: 50%;}
    .banner.about_banner .left_gif{width: 52%;}
    .about_animation{transform: scale(0.8);-webkit-transform: scale(0.8);-o-transform: scale(0.8);-moz-transform: scale(0.8);}  
    .banner.about_banner .right_text{width: 48%;padding-top: 90px;}

    .banner.service_banner .left_gif{width: 52%;}  



}
@media only screen and (max-width:960px)
{
    .mo_logo{display: block;position: absolute;left: 17px;top: 15px;bottom: 0;margin: auto;display: inline-block;vertical-align: middle;}    
    .hamburger{display: block;margin-right: 20px;position: absolute;z-index: 9999;margin-top: 15px;width: 40px;height: 30px;top:0px;right: 0px;margin-top: 17px;display: block;}
    .hamburger span{position: absolute;height: 2px;top:50%;width: 100%;transition:0.5s all ease;-webkit-transition:0.5s all ease;-moz-transition:0.5s all ease;-o-transition:0.5s all ease;background-color: #2C2C2C;right:0px;}
    .hamburger span:before{position: absolute;content: '';width: 100%;height: 2px;background: #2C2C2C;top:10px;transition:0.5s all ease;-webkit-transition:0.5s all ease;-moz-transition:0.5s all ease;-o-transition:0.5s all ease;right:0px;}
    .hamburger span:after{position: absolute;content: '';width: 100%;height: 2px;background: #2C2C2C;top:-10px;transition:0.5s all ease;-webkit-transition:0.5s all ease;-moz-transition:0.5s all ease;-o-transition:0.5s all ease;right:0px;}
    .hamburger.is-active span{background-color:transparent;}
    .hamburger.is-active span:after{transform: rotate(-45deg);top: 0px;}
    .hamburger.is-active span:before{transform: rotate(45deg);top: 0px;}
    header .logo{margin-right: 60px;}
    header{height: 70px;}
    header .inner_weap{position: fixed;width: 100%;margin: 0px;left: 0px;right: 0px;top: 0px;height: 100%;background-color: #ffffff;z-index: 99;transform: translateX(100%);-webkit-transform: translateX(100%);-o-transform: translateX(100%);-moz-transform: translateX(100%);transition: 0.5s all ease;-webkit-transition: 0.5s all ease;-o-transition: 0.5s all ease;-moz-transition: 0.5s all ease;}
    header .inner_weap.is-active{transform: translateX(0%);-webkit-transform: translateX(0%);-o-transform: translateX(0%);-moz-transform: translateX(0%);}
    .mo_toggle_logo{display: block;}

    header .logo{display: none;}
    .mo_toggle_logo{position: absolute;top: 20px;left: 20px;}
    header.active .menu,header .menu{padding-top: 0;padding-bottom: 0;float: none;width: 100%;padding-right: 0;padding-top: 80px;}
    header .menu ul li{padding-left: 0;display: block;text-align: center;}
    header .menu ul li a{font-size: 24px;}
    header .menu ul li{margin-bottom: 30px;}
    header .left_header{float: none;width: 100%;text-align: center;margin-top: 40px;display: flex;justify-content: center;flex-direction: column;}
    header .left_header .tel{margin-top: 0;}
    header .left_header .login .login_btn{margin-top: 0;}
    header.active .left_header .join_service, header .left_header .join_service{ line-height: 50px;padding-top: 0;padding-bottom: 0;width: 170px;margin: auto;min-width: auto;margin-top: 25px;}
    header .left_header .tel{font-size: 24px;}    
    header .left_header .login{margin-top: 20px;}
    header .left_header .login .login_btn{font-size: 22px;}
    .main .banner{margin-top: 0;}
    .banner .left_gif{width: 100%;}
    .banner .right_text{width: 100%;padding-top: 50px;}
    .container, .wrapper{padding: 0px 40px;}
    .banner .right_text p{font-size: 22px;line-height: 32px;}
    .banner .ban_btn{text-align: center;}

    .more_company{padding: 0px;margin-top: 50px;margin-bottom: 0;}
    .link_how_work .inner_how_work{margin-top: 50px;}
    .link_how_work .inner_how_work .connect_wrap .connect_wolrd{max-width: 100%;padding-top: 35px;}
    .connect_wrap .step1{width: 50%;top: 20px;left: -20px; width: 95%;top: 0;left: -20px;float: none;}
    .system_services{margin-top: 50px;}
    .system_services .service_wrap .box:nth-child(odd){margin-top: 50px;}
    .system_services .service_wrap .box:nth-child(4n),.system_services .service_wrap .box{margin-left: 60px;margin-bottom: 60px;width: 27%;}
    .system_services .service_wrap{padding: 0px;}
    .system_services .service_wrap .box:nth-child(3n){margin-left: 0;}
    .system_services .service_wrap .box:nth-child(odd){margin-top: 0;}
    .link_how_work .inner_how_work{margin-bottom: 50px;}
    .com_services{margin-top: 60px;margin-bottom: 60px;}
    .com_services .box_left{flex-wrap: wrap;justify-content: center;width: 60%;}
    .com_services .box_left .service_box{width: 40%;margin-bottom: 30px;padding: 45px 20px 40px 40px;min-height: 220px;margin: 18px 18px;}
    .com_services .text_right{width: 35%;}
    .com_services .box_left .service_box span{margin-bottom: 35px;}
    .slider_con .logo_img img{max-width: 65%;}
    .container, .wrapper{padding: 0px 30px;}
    .link_how_work .inner_how_work:after{height: 100px;}
    .com_services.our_store .service_box.our_store_box{width: 45%;padding: 54px 20px 30px 42px;margin: 10px 10px;}
    .com_services.our_store .service_box.our_store_box span{min-height: 150px;}
    .contact_wrap{padding: 30px;margin-bottom: 62px;}
    .contact_wrap h5{margin-bottom: 25px;}
    .contact_wrap h3{padding-bottom: 5px;}
    .contact_wrap .in{width: 130px;}
    .contact_wrap select.in{width: 260px;}
    .col_section .col_box{width: 30%;}

    /*services*/
    .banner.service_banner .left_gif{left: 0px;padding-top: 20px;}
    .banner.service_banner .right_text{padding-top: 50px;}
    .internet_services{margin-top: 90px;}
    .internet_services .box_wrap .internet_services_wrap .in_service_box{width: 100%;float: none;}
    .internet_services .box_wrap .internet_services_wrap .in_service_box{margin-bottom: 50px;}
    .internet_services .box_wrap .internet_services_wrap{margin-bottom: 80px;}

    /*link_sys*/
    .challenges_text .right_text{width: 100%;float: none;}
    .challenges_text .left_text{width: 100%;float: none;padding-top: 50px;}
    .challenges_text .right_text h6{padding-left: 0;font-size: 24px;line-height: 36px;}
    .challenges_text .left_text h5{font-size: 24px;line-height: 30px;}
    .challenges_text .left_text p{font-size: 20px;line-height: 30px;}
    .system_service{margin-top: 60px;}
    .system_service .sys_wrap .listing{width: 100%;}
    .system_service .sys_wrap .left_img{display: none;}
    .system_service .sys_wrap .listing .service_box h5{font-size: 22px;line-height: 32px;}
    .system_service .sys_wrap .listing .service_box p{font-size: 18px;line-height: 28px;}
    .system_service .sys_wrap.sys_two{margin-top: 0;}
    .service_right .key_left,.service_right .service_org{width: 100%;float: none;}
    .service_right .key_left{margin-top: 63px;}
    .service_right .service_org{padding-left: 0;}
    .service_right{padding: 70px;}
    .service_right .key_left .key_point span{width: 12%;}
    .service_right .key_left .key_point .text_key{width: 88%;}

    /*shop*/
    .banner.shop_banner .left_gif{text-align: center;float: none;}
    .banner.shop_banner .right_text{padding-top: 50px;max-width: 100%;float: none;}
    .recommendations_wrap .re_section .re_box span{padding-left: 20px;padding-right: 20px;height: 200px;}
    .recommendations_wrap .re_section .re_box .bo_text{padding: 0px 15px 20px 10px;}
    .recommendations_wrap .re_section .re_box .bo_text h5{font-size: 18px;line-height: 26px;}
    .phones_wrap .re_phones .re_phone:nth-child(4n),.phones_wrap .re_phones .re_phone{width: 30.5%;margin-left: 3.8%;}
    .phones_wrap .re_phones .re_phone:nth-child(3n){margin-left: 0;}
    .banner.shop_banner .left_gif img{left: -50px;position: relative;}
    .banner.shop_banner .left_gif{padding-top: 140px;}
    .mt_con_shop{margin-top: 60px;}

    /*shop_inner*/
    .shop_inner_wrap .detail_text{float: none;max-width: 80%;padding-top: 100px;margin-left: auto;}
    .pro_img{float: none;margin: 0 auto;}
    .bg_right{display: none;}

    /*join_service*/
    .contact_form,.job_service .right_join{float: none;width: 100%;}
    .contact_form{margin-top: 27px;}
    .job_service .right_join h5{padding-bottom: 30px;}
    .job_service .right_join h6{font-size: 18px;line-height: 30px;}    
    .job_service{padding: 60px 80px;}

    /*contact*/
    .contact_form.contact_page{width: 100%;}
    .contact_you .right_address{float: none;padding-top: 80px;}
    .contact_you .right_address .top_text_box .right{width: 35%;}
    .contact_form.contact_page{padding-top: 30px; padding-left: 80px;padding-right: 80px;}

    /*about*/
    .banner.about_banner{padding-top: 0;}
    .who_we_are{padding-top: 40px;padding-bottom: 70px;}
    .our_values .text_right{padding-left: 35px;}
    .our_values .text_right h2{font-size: 32px;line-height: 36px;}
    .our_values .service_box{padding: 57px 20px 25px;margin-left: 0;margin: 0px 11px;margin-bottom: 30px;width: 45%;}
    .technology_based .tech_right{width: 320px;padding-bottom: 30px;}
    .technology_based .left_img{ width: 51%;top: 120px;}  

    .left_header .login_popup{left: 0;top: 0;position: fixed;width: 100%;height: 100%;padding: 82px 60px 30px 60px;}
    .left_header .login_popup form{margin: 0 auto;max-width: 70%;}

    /*add*/
    .banner.home_banner .left_gif{width: 100%;left: 0;}
    .banner.about_banner .left_gif{width: 100%;}
    .about_animation{margin: 0 auto;}
    .banner.link_banner .left_gif{width: 100%;left: 0;}        
    .about_animation,.service,.ink_sys,.scene1{transform: scale(1);-webkit-transform: scale(1);-o-transform: scale(1);-moz-transform: scale(1);}
    .banner.link_banner .right_text{width: 100%;}
    .banner.service_banner .left_gif{width: 100%;}
    .service{left: 0;}
    .banner.about_banner .right_text{width: 100%;}

    .right_shop{max-width: 100%;}
    .pro_img{position: relative;top: 0px;}


    header .left_header .tel{order: 2;margin-top: 30px;}
    header .left_header .login{order: 1;}
    header .left_header .join_service{order: 3;}  



}
@media only screen and (max-width:767px)
{
    .mo_toggle_logo{top: 15px;left: 15px;}    
    .banner .left_gif{display: none;}
    .banner .right_text{padding-top: 0;}
    .container, .wrapper{padding: 0px 20px;}
    .padd_main{padding-top: 116px;}
    .banner .right_text h1{line-height: 36px;font-size: 34px;padding-bottom: 18px;}
    header{height: 60px;}
    .mo_logo{top: 12px;left: 12px;}
    .hamburger{margin-top: 12px;margin-right: 15px;}
    .right_text br{display: none;}
    .right_text .mo_br{display: block;}
    .mo_br{display: block;}
    .banner .right_text p{font-size: 16px;line-height: 22px;}
    .btn_tra, .btn{line-height: 50px;}
    .more_company{margin-top: 110px;}
    .link_how_work .inner_how_work .connect_wrap .connect_wolrd{max-width: 100%;}
    .connect_wrap .step1{display: none;}
    .system_services{margin-top: 44px;}
    .system_services h5{padding-bottom: 30px;margin-bottom: 20px;}
    .wrapper.mo_padd{padding: 0px;}
    .link_how_work .inner_how_work .connect_wrap .connect_wolrd,.system_services h5{padding: 0px 20px;}
    .system_services .service_wrap .box:nth-child(4n), .system_services .service_wrap .box{width: 183px;margin-left: 0;}
    .link_how_work .inner_how_work .connect_wrap .connect_wolrd h2{padding-top: 40px;}
    .client_logo h5{font-size: 18px;padding: 0px 20px;}
    .link_how_work .inner_how_work:after{display: none;}
    .link_how_work .inner_how_work{padding-bottom: 30px;}
    header .menu ul li a{font-size: 22px;}
    header .menu ul li{margin-bottom: 20px;}
    header .left_header .tel{font-size: 22px;}
    header .left_header .login .login_btn{font-size: 20px;}
    .slider_con_inner_content .owl-item{padding-top: 20px;padding-bottom: 20px;}
    .slider_con .logo_img{margin-left: 0;width: 190px;height: 80px;}
    .slider_con .slider_con_inner_content{padding-top: 0px;padding-bottom: 20px;}    
    .com_services{margin-top: 125px;margin-bottom: 118px;}
    .com_services .text_right{padding-top: 0;float: none;width: 100%;}
    .com_services .text_right p{margin-top: 23px;margin-bottom: 31px;}
    .com_services .box_left{margin-top: 0;width: 100%;}
    .com_services .box_left .service_box{width: 152px;}
    .com_services .box_left .service_box:last-child:after{display: none;}
    .com_services .text_right{padding: 0px 20px;}
    .com_services .box_left .service_box{padding: 50px 20px 40px 20px;}
    .client_logo .slider_con .slider_flex .logo_img{width: 190px;height: 80px;margin-top: 20px;margin-bottom: 20px;}
    .client_logo .slider_con .slider_flex{display: block;}
    .com_services{margin-top: 0;}
    .com_services.our_store .service_box.our_store_box{width: 216px;padding: 34px 20px 20px 20px;}
    .inner_wrapper{padding: 0px 20px;}
    .contact_wrap select.in,.contact_wrap .in{margin-right: 0;width: 100%;margin-bottom: 10px;}
    .contact_wrap .submit{margin-top: 10px;}
    .col_section{display: block;}
    .col_section .col_box{width: 100%;padding-right: 0;margin-bottom: 32px;padding-left: 70px;}
    .col_section .col_box p{ font-size: 16px;line-height: 22px;}
    .col_section{padding-right: 0;}
    footer .inner_wrapper .col_big p,footer .inner_wrapper h3,footer .inner_wrapper .bottom_col .contact_detail .logo_footer,footer .inner_wrapper .col{display: none;}
    footer .inner_wrapper .col_big .more_about_us{display: none;}
    footer .inner_wrapper .col_big{width: 100%;float: none;}
    footer .inner_wrapper .bottom_col .contact_detail,footer .inner_wrapper .bottom_col .tel{margin-bottom: 0;}
    footer .inner_wrapper .bottom_col{margin-top: 0px;margin-bottom: 40px;display: flex;justify-content:space-between;align-items: center;flex-direction: row-reverse;}
    footer .inner_wrapper{padding-left: 0;padding-right: 0;margin-bottom: 00px;padding-top: 40px;}
    footer .inner_wrapper .bottom_col .contact_detail .detail_co a{font-size: 16px;}
    footer .bottom_footer .inner_wrapper{display: flex;width: 100%;flex-wrap: wrap;flex-wrap: wrap-reverse;}
    footer .inner_wrapper p{text-align: center;width: 100%;padding-top: 30px;padding-bottom: 30px;}
    footer .inner_wrapper ul{margin-bottom: 0;}
    footer .bottom_footer ul li{margin-left: 20px;margin-right: 0;}
    .hamburger{width: 27px;}
    .hamburger span:before{top: 8px;}
    .hamburger span:after{top: -8px;} 
    .btn_tra, .btn{min-width: 130px;}
    .btn_tra{margin-right: 12px;}
    .client_logo .slider_con .slider_flex .logo_img{margin: 0px;}
    .system_services .service_wrap .box{margin-right: 40px;}
    /*services*/
    .banner.service_banner .right_text p{padding-left: 0;}
    .banner .mo_right{text-align: right;}
    .internet_services .box_wrap .internet_services_wrap .in_service_box{padding-right: 20px;}
    .internet_services .box_wrap .internet_services_wrap .in_service_box .service_left_text{float: left;width: 65%;padding-right: 15px;padding-top: 42px;padding-left: 0px;}
    .internet_services .box_wrap .internet_services_wrap .in_service_box .service_box{width: 40%;min-height: 246px;box-shadow: 1px 7px #e0f8fce3, 2px 8px #e0f8fce3, 3px 9px #e0f8fce3, 4px 10px #e0f8fce3, 5px 11px #e0f8fce3, 6px 12px #e0f8fce3, 7px 13px #e0f8fce3, 8px 14px #e0f8fce3, 9px 15px #e0f8fce3, 10px 16px #e0f8fce3, 11px 17px #e0f8fce3, 12px 18px #e0f8fce3, 13px 19px #e0f8fce3, 14px 20px #e0f8fce3, 15px 21px #e0f8fce3, 16px 22px #e0f8fce3, 17px 23px #e0f8fce3, 18px 24px #e0f8fce3;} 
    .internet_services .box_wrap .internet_services_wrap .in_service_box .service_left_text{width: 60%;}
    .internet_services .box_wrap .internet_services_wrap .in_service_box .service_box h6{ font-size: 16px;line-height: 20px;}    
    .internet_services .box_wrap .internet_services_wrap .in_service_box .service_box span{margin-bottom: 50px;}
    .internet_services h6{padding-bottom: 40px;}
    .internet_services .box_wrap h5{padding-bottom: 20px;}
    .internet_services .box_wrap .internet_services_wrap .in_service_box .service_left_text p{font-size: 14px;line-height: 18px;}
    .internet_services .box_wrap .internet_services_wrap{margin-bottom: 40px;}
    .internet_services .box_wrap .internet_services_wrap .streamline_organizations .service_left_text h6{font-size: 18px;line-height: 24px;}
    .internet_services{margin-bottom: 50px;}
    .internet_services .box_wrap .internet_services_wrap .in_service_box .service_left_text a{font-size: 14px;}
    .internet_services{margin-top: 60px;}
    /*link_sys*/ 
    .banner.link_banner .right_text{padding-top: 0px;}        
    .banner.link_banner .right_text p{padding-left: 0;padding-bottom: 40px;}
    .banner.link_banner .right_text h1{padding-bottom: 20px;}
    .challenges_text{margin-top: 67px;}
    .challenges_text .right_text h6{font-size: 20px;line-height: 28px;}
    .challenges_text .left_text{padding-top: 80px;}
    .challenges_text .left_text h5{font-size: 22px;line-height: 28px;margin-bottom: 26px;}
    .challenges_text .left_text p{font-size: 18px;line-height: 28px;}
    .system_service{margin-top: 35px;padding-top: 44px;}
    .system_service .sys_wrap{margin-top: 23px;}
    .system_service .sys_wrap .listing .service_box{padding: 23px 17px 13px 15px;display: block;}
    .system_service .sys_wrap .listing .service_box .box_img{width: 100%;text-align: right;padding-bottom: 14px;}
    .system_service .sys_wrap .listing .service_box.active .box_img{padding-bottom: 14px;}
    .system_service .sys_wrap .listing .service_box h5{font-size: 20px;line-height: 24px;padding-bottom: 8px;transition: none;}
    .system_service .sys_wrap .listing .service_box.active h5{color: #264BD6;padding-bottom: 15px;padding-top: 0;padding-right: 0;}
    .system_service .sys_wrap .listing .service_box .text{width: 100%;}
    .system_service .sys_wrap .listing .service_box p{font-size: 18px;line-height: 24px;}
    .service_right{padding: 20px;margin-top: 65px;padding-bottom: 43px;margin-bottom: 80px;}
    .wrapper.mo_padd{padding: 0px;}
    .service_right .service_org h2{padding-top: 35px; font-size: 36px;line-height: 46px;padding-bottom: 20px;}
    .service_right .service_org h2 br{display: none;}
    .service_right .service_org h2 br.mo_br{display: block;}
    .system_service{padding-bottom: 20px;}
    .service_right .service_org h6{ line-height: 21px;font-size: 16px;padding-bottom: 45px;font-weight: 400;}
    .service_right .key_left .key_point .text_key,.service_right .key_left .key_point span{width: 100%;float: none;}
    .service_right .key_left .key_point span{padding-bottom: 12px;}
    /*shop*/
    .banner.shop_banner .right_text h1 br{display: block;}
    .banner.shop_banner{padding-top: 100px;}
    .recommendations_wrap .re_section .re_box{width: 216px;}
    .phones_wrap h3,.recommendations_wrap h3{padding-left: 20px;padding-right: 20px;font-size: 20px;line-height: 26px;padding-bottom: 28px;}
    .recommendations_wrap .re_section .re_box{margin-bottom: 50px;margin-left: 10px;}
    .recommendations_wrap .re_section .re_box .bo_text h5{font-size: 16px;line-height: 22px;}
    .recommendations_wrap .re_section{padding-right: 0;}
    .owl-carousel .owl-stage-outer{padding-right: 25px;}
    .recommendations_wrap{margin-bottom: 30px;}
    .phones_wrap .re_phones .re_phone:nth-child(4n), .phones_wrap .re_phones .re_phone{width: 216px;margin-left: 27px;margin-bottom: 40px;}
    .recommendations_wrap .re_section .re_box .bo_text h5,.phones_wrap .re_phones .re_phone .bo_text h5{font-size: 16px;line-height: 22px;padding-bottom: 15px;}
    .recommendations_wrap .re_section .re_box .bo_text p,.phones_wrap .re_phones .re_phone .bo_text p{font-size: 12px;}
    /*shop_inner*/
    .pro_img{width: 270px;height: 260px;box-shadow: 1px 7px #e0f8fce3, 2px 8px #e0f8fce3, 3px 9px #e0f8fce3, 4px 10px #e0f8fce3, 5px 11px #e0f8fce3, 6px 12px #e0f8fce3, 7px 13px #e0f8fce3, 8px 14px #e0f8fce3, 9px 15px #e0f8fce3, 10px 16px #e0f8fce3, 11px 17px #e0f8fce3, 12px 18px #e0f8fce3, 13px 19px #e0f8fce3, 14px 20px #e0f8fce3, 15px 21px #e0f8fce3, 16px 22px #e0f8fce3, 17px 23px #e0f8fce3, 18px 24px #e0f8fce3, 19px 25px #e0f8fce3, 20px 26px #e0f8fce3;margin-top: 80px;}
    .shop_inner_wrap .wrapper{padding-top: 90px;}
    .shop_inner_wrap .detail_text{padding-top: 60px;}
    .pro_img span{padding: 20px;}
    .shop_inner_wrap .detail_text .back_shop{display: none;}
    .shop_inner_wrap .detail_text{background-color: #E7FCFF;max-width: 100%;padding-top: 10px;margin-top: 80px;padding-left: 20px;padding-right: 20px;}
    .shop_inner_wrap .wrapper{padding: 0px;}
    .shop_inner_wrap .detail_text h5{font-size: 24px;line-height: 31px;padding-bottom: 15px;}
    .shop_inner_wrap .detail_text .team_selection p{padding-left: 25px;}
    .shop_inner_wrap .detail_text .team_selection{margin-bottom: 30px;}
    .shop_inner_wrap .detail_text .service p img{display: block;margin: 0 auto;margin-bottom: 10px;}
    .shop_inner_wrap .detail_text .service{padding-top: 40px;padding-bottom: 30px;align-items: baseline;}
    .specifications{margin-top: 50px;}
    .specifications h6{font-size: 14px;line-height: 22px;}
    /*shop_inner*/
    .back_shop img{margin-left: 5px;}    
    /*join_service*/
    .job_service{padding: 51px 20px 59px 20px;margin-top: 65px;margin-bottom: 60px;}
    .job_service .right_join h5{font-size: 30px;line-height: 33px;padding-bottom: 18px;padding-top: 18px;}
    .job_service .right_join h6{font-size: 16px;line-height: 22px;}
    .contact_form.thankyou_wrap{transform: none;-webkit-transform: none;-o-transform: none;-moz-transform: none;margin-top: 0px;padding-top: 50px;}
    .contact_form.thankyou_wrap h4{padding-top: 0;font-size: 22px;line-height: 30px;}
    .contact_form.thankyou_wrap h6{font-size: 14px;}
    /*contact*/
    .contact_you .right_address{padding-top: 125px;}
    .contact_you .right_address .top_text_box h5{font-size: 30px;line-height: 33px;}
    .contact_you .right_address .top_text_box .right{width: 50%;}
    .contact_you .right_address .top_text_box .left{width: 50%;}
    .pb_42{padding-bottom: 30px;}
    .mo_text{display: block;}
    .contact_you .right_address{padding-left: 20px;padding-right: 20px;}
    .contact_you .right_address .top_text_box h6,.contact_you .right_address .top_text_box h5{display: none;}
    .contact_you .right_address .top_text_box .mo_text h6,.contact_you .right_address .top_text_box .mo_text h5{display: block;}
    .contact_form.contact_page{margin-top: 35px; padding-left: 20px;padding-right: 20px;}
    .contact_you{margin-bottom: 80px;}
    .contact_you .right_address .top_text_box h6{padding-top: 15px;}
    .contact_you .right_address .top_text_box .right{padding-left: 30px;}

    /*about*/
    .banner .right_text h1{font-size: 30px;line-height: 33px;}
    .banner.about_banner .right_text{padding-top: 20px;}
    .who_we_are{padding-top: 80px;padding-bottom: 92px;}
    .who_we_are p{font-size: 18px;line-height: 26px;}
    .our_values .text_right{width: 100%;float: none;padding-left: 20px;margin-bottom: 46px;}
    .our_values .box_left{width: 100%;float: none;}
    .our_values .service_box{width: 230px;padding: 57px 15px 25px 30px;}
    .owl-carousel .owl-item img{margin: auto;}
    .our_values .text_right{padding-right: 20px;}
    .our_values{margin-bottom: 105px;}
    .pa_text .left_text, .pa_text .right_text{width: 100%;float: none;padding-left: 20px;padding-right: 20px;}
    .pa_text .left_text{padding-top: 85px;}
    .technology_based .tech_right{width: 100%;float: none;}
    .technology_based .left_img{position: relative;width: 100%;top: 0px;}
    .technology_based .tech_right span{margin-top: -24px;}
    .technology_based .left_img{width: 700px;left: 20px;}
    .tech_section{margin-bottom: 80px;}

    .left_header .login_popup form{margin: 0 auto;max-width: 90%;}
    .left_header .login_popup{padding: 62px 20px 20px 20px;}
    .left_header .login_popup h3{margin-bottom: 20px;}
    .left_header .login_popup .submit{line-height: 40px;}

    .banner.home_banner .right_text{padding-top: 0;}
    h2{font-size: 24px;line-height: 30px;}
    .system_services .service_wrap .box{margin-right: 20px;}
    .link_how_work .inner_how_work{margin-bottom: 120px;}
    .slider_con .logo_img{margin-right: 25px;}
    .client_logo{margin-bottom: 25px;}    
    .client_logo .slider_con .slider_flex .logo_img{margin-right: 12px;}

    .com_services.our_store .service_box.our_store_box{margin: 50px 5px;margin-top: 35px;}
      
    .banner.shop_banner{padding-top: 116px;}
    .banner.shop_banner .right_text{padding-top: 114px;}
    .phones_wrap .re_phones .re_phone span{height: 205px;padding-top: 30px;}
    .shop_inner_wrap .detail_text h6{padding-bottom: 29px;}

    .system_service .sys_wrap .listing .service_box p{font-size: 14px;line-height: 21px;}

    .banner.home_banner .right_text h1 br{display: block;}
    .banner.home_banner .right_text p{padding-left: 0;}
    .slider_col{display: block;animation: none;}
    .contact_you .right_address .top_text_box .right{padding-left: 0;}
    .contact_you .right_address{padding-top: 90px;}
    .banner .ban_btn{text-align: right;}
    .system_services h5{margin-bottom: 41px;}
    .client_logo .slider_con .slider_flex .logo_img, .slider_con .logo_img {width: 185px;height: 100px;}
    .slider_con{height: 165px;}
    .client_logo h5{margin-bottom: 20px;}
    .contact_wrap{padding-top: 31px;padding-bottom: 27px;margin-bottom: 62px;}
    .contact_wrap h3{padding-bottom: 15px;}
    .contact_wrap h5 {margin-bottom: 38px;} 
    .menu .mobile_menu{display: block;}
    /*header .left_header .login .login_btn{display: none;} */
    header .menu ul li a.active:after{display: none;}    
    .contact_wrap .in{margin-left: 0;margin-right: 0;height: 50px;}
    .our_values .text_right{padding-top: 0;}  
    .main .banner{padding-top: 0;}
    .banner .right_text h1{font-size: 30px;line-height: 33px;}
    .banner.home_banner .right_text h1{padding-bottom: 20px;}
    .more_company p{padding-bottom: 27px;}
    .link_how_work .inner_how_work{margin-top: 54px;}
    .link_how_work .inner_how_work .connect_wrap .connect_wolrd h2{font-size: 24px;line-height: 30px;padding-top: 46px;margin-bottom: 30px;}
    .link_how_work .inner_how_work .connect_wrap .connect_wolrd p{padding-bottom: 46px;} 
    .system_services .service_wrap .box{width: 183px;min-height: 254px;padding-top: 37px;box-shadow: 1px 3px #E0F8FC, 2px 4px #E0F8FC, 3px 5px #E0F8FC, 4px 6px #E0F8FC, 5px 7px #E0F8FC, 6px 8px #E0F8FC, 7px 9px #E0F8FC, 8px 10px #E0F8FC, 9px 11px #E0F8FC, 10px 12px #E0F8FC, 12px 13px #E0F8FC, 13px 14px #E0F8FC, 14px 15px #E0F8FC, 15px 16px #E0F8FC, 16px 17px #E0F8FC, 17px 18px #E0F8FC, 18px 19px #E0F8FC, 19px 20px #E0F8FC, 20px 21px #E0F8FC, 21px 22px #E0F8FC, 22px 23px #E0F8FC, 23px 24px #E0F8FC, 24px 25px #E0F8FC;}
    .system_services .service_wrap .box span{margin-bottom: 40px;}
    .client_logo h5{font-size: 20px;line-height: 24px;padding: 0px;}

    .com_services .box_left .service_box{margin: 46px 18px;min-height: 264px;}
    .our_par.client_logo h4{padding-bottom: 14px;}
    .our_par.client_logo h5{font-size: 16px;line-height: 24px;padding: 0px 20px;}
    .com_services.our_store .service_box.our_store_box span img{max-width: 88%;}
    .shop_inner_wrap .detail_text .service p{padding: 0px 1px;text-align: center;}      
    .specifications{padding: 0px 20px;}
    .our_values .text_right h2{font-size: 24px;line-height: 30px;margin-bottom: 30px;}
    .our_values .service_box{min-height: 334px;}
    .our_values .service_box:last-child{margin-left: 20px;}
    .our_values .service_box p {font-size: 14px;line-height: 18px;}
    .pa_text h5{font-size: 20px;}
    .technology_based .tech_right h3{font-size: 36px;line-height: 45px;padding-bottom: 34px;padding-top: 54px;}
    .technology_based .left_img{padding-bottom: 20px;}
    .banner.service_banner .right_text{padding-top: 0;}
    .recommendations_wrap .re_section .re_box:after{width: 90%;height: 104%;top: -32px;left: 0px;}
    .phones_wrap .re_phones .re_phone:after{width: 92%;height: 98%;}
    .btn_tra, .btn{font-size: 14px;}
    .key_point{margin-top: 20px;}
    .client_logo.mb_60{margin-bottom: 75px;}
    .banner.service_banner .right_text{padding-top: 0;}
    header .left_header .tel{margin-top: 20px;}
    header .left_header{margin-top: 0;}
    
    .slider_con .logo_img{margin-right: 10px;}
    .phones_wrap .re_phones .re_phone span{padding-left: 10px;padding-right: 20px;}
    
    

}
@media (max-width:321px)
{
    header .menu ul li a{font-size: 20px;}
    header .menu ul li{margin-bottom: 15px;}
    /*.banner .right_text h1{ line-height: 30px;font-size: 26px;}*/
    .client_logo h5,.banner .right_text p{font-size: 16px;line-height: 23px;}
    .client_logo h5{font-size: 20px;line-height: 24px;padding: 0px;}
    .banner .btn_tra,.banner .btn{min-width: 130px;}
    .btn_tra{margin-right: 10px;}
    .more_company{margin-top: 108px;} 
    .more_company p{line-height: 26px;font-size: 18px;}
    /*h2{font-size: 22px;line-height: 24px;}*/
    .client_logo .slider_con .slider_flex .logo_img,.slider_con .logo_img{width: 170px;height: 70px;}
    .com_services{margin-top: 120px;}
    .btn_tra, .btn{min-width: 140px;}    
    .com_services.our_store{margin-top: 0;}
    .com_services.our_store .service_box.our_store_box{width: 205px;min-height: 280px;padding: 56px 15px 25px 15px;}
    .com_services.our_store .service_box.our_store_box h5{font-size: 14px;line-height: 20px;padding-bottom: 10px;font-size: 16px;line-height: 22px;}
    .com_services.our_store .service_box.our_store_box p{font-size: 12px;line-height: 16px;}
    .contact_wrap h3{font-size: 24px;line-height: 32px;}
    .contact_wrap{padding: 15px;padding-top: 31px;padding-bottom: 27px;}
    footer .inner_wrapper .bottom_col .tel{font-size: 26px;}
    footer .inner_wrapper .bottom_col .tel img{display: inline-block;vertical-align: middle;}
    footer .inner_wrapper .bottom_col .contact_detail .detail_co a{font-size: 14px;}
    .col_section .col_box{padding-left: 0px;}
    footer .bottom_footer ul li{margin-left: 10px;}
    footer .social a:first-child{margin-left: 10px;}
    footer .inner_wrapper p{padding-bottom: 20px;}    
    .com_services .box_left{display: block;}
    /*services*/
    .internet_services h6{font-size: 20px;}
    .internet_services .box_wrap .internet_services_wrap .in_service_box{padding-right: 20px;}
    .internet_services .box_wrap .internet_services_wrap .in_service_box .service_box{width: 45%;}
    .internet_services .box_wrap .internet_services_wrap .in_service_box .service_left_text{width: 55%;padding-right: 15px;}
    .internet_services .box_wrap .internet_services_wrap .streamline_organizations .service_left_text h6{font-size: 16px;line-height: 20px;}
    /*link_sys*/
    .challenges_text .right_text h6{ font-size: 18px;line-height: 26px;}
    .challenges_text .left_text h5{font-size: 20px;line-height: 26px;margin-bottom: 26px;}
    .challenges_text .left_text p{line-height: 24px;font-size: 16px;}
    .system_service .sys_wrap .listing .service_box h5{font-size: 18px;line-height: 22px;}
    .system_service .sys_wrap .listing .service_box p{ font-size: 14px;line-height: 21px;}
    .service_right .service_org h2{padding-top: 30px;font-size: 36px;line-height: 46px;padding-bottom: 20px;}
    .service_right .key_left .key_point .text_key h4{ font-size: 22px;line-height: 26px;}
    .mt_inner{margin-top: 70px;}
    /*shop*/
    .phones_wrap .re_phones .re_phone:nth-child(4n), .phones_wrap .re_phones .re_phone,.recommendations_wrap .re_section .re_box{width: 200px;}
    .phones_wrap .re_phones .re_phone span{height: 220px;padding-top: 45px;}
    .phones_wrap .re_phones .re_phone .bo_text{padding: 5px 10px 30px 10px;}
    /*shop_inner*/
    .pro_img{width: 240px;height: 230px;}
    .contact_wrap .in{height: 45px;}   
    .contact_wrap .submit{height: 45px;}
    .contact_wrap h5{font-size: 16px;line-height: 18px;letter-spacing: -0.1px;}
    /*contact us*/
    .client_logo .slider_con .slider_flex .logo_img, .slider_con .logo_img {width: 185px;height: 100px;}
    .contact_wrap .in{margin-left: 0;margin-right: 0;height: 50px;}
    .our_values .text_right{padding-top: 0;}  

}