

@media(min-width: 1500px) and (max-width: 1600px){
    .banner .container {max-width: 1150px; }

}

@media(min-width: 1040px) and (max-width: 1499px){
    .banner .container {max-width: 1150px; }
    .header:before{width: 650px;}
    .header:after{right: 650px;}
    .banner .banner_blk h2{font-size: 30px;}
    .banner .banner_blk .banner_left h2{font-size: 21px;}
    .banner .banner_blk .banner_left p{margin: 20px 0 30px;}
    .square{width: 120px;height: 120px;}
    .banner:before{top: 80px;}
    .banner .banner_blk .banner_right{margin-left: 0px;}
    .banner .banner_blk .banner_left{margin-left: 70px;}
    .download{max-width: 800px;}
    .our_services .our_services_blk .our_services_item{margin: 0 21px;width: 22.9%;margin-left: 0;}
    .our_services .our_services_blk .our_services_item:last-child{margin-right: 10px;}
    .our_services .our_services_blk .our_services_item:first-child{margin-left: 10px;}
    .common_text h2{font-size: 25px;}
    .our_services{padding: 80px 0 70px;}
    .solution{padding: 50px 0 50px;border-radius: 150px 0;}
    .solution .solution_blk h2{font-size: 25px;}
    .solution .solution_bottom_item{width: 166px;padding: 15px;}
    .solution .solution_bottom{max-width: 535px;}
    .solution .solution_bottom_item h5{font-size: 14px;}
    .our_work .our_work-blk{justify-content: center;}
    .our_work{padding: 60px 0;}
    .our_work .our_work-blk a img{width: 220px;height: 220px;}
    .about .about_sec .about_sec_right_wrap:before{right: -21px;z-index: -1;left: initial !important;}
    .about .about_sec .about_sec_right:before{left: -19px;z-index: -1;}
    .our_work_wrap .content_wrap a img{width: 230px;height: 230px;}
    .about_us .about_us_blk{width: 90% !important;}
    .our_services .our_services_blk .our_services_item .our_services_item_blk h3{font-size: 19px;}
   
   }

@media(min-width: 768px) and (max-width: 1039px){
    .banner .container {max-width: 1150px; }
    .header:before{width: 530px;}
    .header:after{right: 530px;}
    .banner .banner_blk h2{font-size: 28px;}
    .banner{min-height: 550px;}
    .about_banner, .servises-banner{min-height: 320px;}
    .banner .banner_blk .banner_left h2{font-size: 21px;}
    .banner .banner_blk .banner_left p{margin: 20px 0 30px;}
    .square{width: 100px;height: 100px;}
    .banner:before{top: 80px;}
    .banner .banner_blk .banner_right{margin-left: 0px;}
    .banner .banner_blk .banner_left{margin-left: 70px;}
    .download{max-width: 600px;}
    .our_services .our_services_blk .our_services_item{width: 46%;margin-bottom: 30px;}
    .our_services .our_services_blk .our_services_item:last-child{margin-right: 10px;}
    .our_services .our_services_blk .our_services_item:first-child{margin-left: 10px;}
    .common_text h2{font-size: 25px;}
    .our_services{padding: 80px 0 70px;}
    .solution{padding: 50px 0 50px;border-radius: 130px 0 130px 0;}
    .solution .solution_blk h2{font-size: 23px;}
    .solution .solution_bottom_item{width: 146px;padding: 15px;height: 146px;}
    .solution .solution_bottom{max-width: 465px;margin: 30px auto 0;}
    .solution .solution_bottom_item h5{font-size: 14px;}
    .our_work .our_work-blk{justify-content: center;}
    .our_work{padding: 60px 0;}
    .our_work .our_work-blk a img{width: 190px;height: 190px;}
    .navbar li a{padding: 0 11px 36px;font-size: 13px;}
    .header_wrap .top_left a{padding: 0 5px;font-size: 12px;}
    .header_wrap .top_right a {padding: 0 3px; }
    .download .download_blk h3{font-size: 16px;}
    .our_services:before{height: 428px;}
    .solution .solution_blk p{margin: 5px 0px 20px;}
    .about_us .company_strategy_blk{width: 50%;clip-path: initial;}
    .footer .footer_bottom{display: block;}
    .footer form{width: 100%;max-width: 700px;margin: 0 auto;}
    .footer .contact_us{width: 100%;text-align: center;max-width: 700px;margin: 0 auto;}
    .footer .contact_us h5{display: block;}
    .footer .contact_us .contact_blk i{margin-right: 10px;}
    .slider {padding: 50px 0 20px; }
    .about .about_sec .about_sec_right_wrap:before{right: -21px;z-index: -1;left: initial !important;}
    .about .about_sec .about_sec_right:before{left: -19px;z-index: -1;}
    .about .about_sec .about_sec_left h2{font-size: 23px;}
    .about .about_sec .about_sec_left p{font-size: 13px;margin-bottom: 5px;}
    .our_work_wrap .content_wrap a img{width: 225px;height: 225px;}
    .our_work_wrap input.btnSwip{padding: 8px 20px;}
    .about_us .about_us_blk{width: 90% !important;}

    }

@media(max-width: 767px){
	.mob-navbar h2{color: #ff6b1e;margin: 35px 0 0px 11px;font-size: 30px;text-transform: uppercase;font-family: 'Conv_CRC65';}
    body{min-width: inherit;}
    #mobile-menu, #mobile-menu .menu-trigger{display: block;}
    #mobile-menu .menu-trigger{display: block;width: 40px;height: 40px;position: absolute;-ms-touch-action: manipulation;touch-action: manipulation;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;background-image: none;white-space: nowrap;z-index: 999999;right: 25px;top: 28px;-webkit-transition: all 0.5s ease;transition: all 0.5s ease;background:#ff6b1e;}
    #mobile-menu .menu-trigger.open{left: calc(100% - 40px);background:#ff6b1e;}
    #mobile-menu .menu-trigger span, #mobile-menu .menu-trigger span:after, #mobile-menu .menu-trigger span:before{background: #fff;height: 2px;-webkit-transition: all 0.5s ease;transition: all 0.5s ease;} 
    #mobile-menu .menu-trigger span{position: absolute;display: block;width: 20px;left: 50%;top: 50%;transform: translate(-50% , -50%);-webkit-transform: translate(-50% , -50%);-moz-transform: translate(-50% , -50%)}
    #mobile-menu .menu-trigger span:after, #mobile-menu .menu-trigger span:before{content: '';position: absolute;left: 0;width: 100%;}
    #mobile-menu .menu-trigger span:before{top: -6px;}
    #mobile-menu .menu-trigger span:after{bottom: -6px;}
    #mobile-menu .menu-trigger.open span{background-color: rgba(0,0,0,.0)}
    #mobile-menu .menu-trigger.open span:before{top: 0;transform: rotate(45deg);-webkit-transform: rotate(45deg);background: #fff;}
    #mobile-menu .menu-trigger.open span:after{top: 0;transform: rotate(-45deg);-webkit-transform: rotate(-45deg);background: #fff;}
    #mobile-menu .mob-navbar{background:rgba(0, 0, 0, 0.85);position: fixed;top: 0;width: calc(100% - 0px);height: 100%;left: -100%;-webkit-box-sizing: border-box;box-sizing: border-box;z-index: 99999;overflow-y: auto;-webkit-overflow-scrolling: touch;-webkit-transition: all 0.5s ease;transition: all 0.5s ease;}
    #mobile-menu .mob-navbar.open{left: 0;}
    #mobile-menu  ul ul{display: none;background:#000;}
    #mobile-menu  ul ul ul{background:rgb(71, 71, 68)}
    #mobile-menu  ul ul ul ul{background:rgb(60, 60, 56)}
    #mobile-menu  li{border-bottom:1px solid rgba(255, 255, 255, 0.10);list-style: none;position: relative;display: block;margin: 0;}
    #mobile-menu  li:last-child{border-bottom-width: 0;padding-bottom: 0;}
    #mobile-menu  em{cursor: pointer;display: block;position: absolute;top: 0;right: 0;background-color: #ff6b1e;width: 40px;height: 39px;-webkit-transition: all 0.5s ease;transition: all 0.5s ease;}
    #mobile-menu  em:before, #mobile-menu  em:after{content: '';position: absolute;top:50%;margin-top: -1px;left: calc(50% - 8px);width: 16px;height: 2px;background: #fff;}
    #mobile-menu  em:after{transform: rotate(-90deg);-moz-transform: rotate(-90deg);-webkit-transform: rotate(-90deg);-webkit-transition: all 0.5s ease;transition: all 0.5s ease;}
    #mobile-menu  em.toggled:after{transform: rotate(0);-moz-transform: rotate(0);-webkit-transform: rotate(0);}
    #mobile-menu  em.level-two:before{content: '';position: absolute;width: 0;height: 0;border-style: solid;border-width: 6px 6px 0 6px;border-color: #fff transparent transparent transparent;background-color: transparent;left: 50%;top: 50%;transform: translate(-50% , -50%);-webkit-transform: translate(-50% , -50%);-moz-transform: translate(-50% , -50%);margin: 0;}
    #mobile-menu  em.level-two:after{display: none;}
    #mobile-menu  em.level-two.toggled{transform: rotate(-180deg);-moz-transform: rotate(-180deg);-webkit-transform: rotate(-180deg)}
    #mobile-menu  li a{color: #c5bebe;padding: 9px 0px 9px 12px;display: block;text-transform: uppercase;line-height: 20px;font-size: 13px;font-weight: 700;letter-spacing: 0.06em;text-decoration: none;font-family: 'CirceRegular';}    
    #mobile-menu  li li a{font-size: 13px;padding-left: 20px;}
    #mobile-menu  li li li a{padding-left: 25px;margin-right: 0;}
    #mobile-menu  li li li li a{padding-left: 30px;margin-right: 0;}
    .scroll-hidden{overflow: hidden;height: 100%;}
    .mob-navbar ul{padding: 0;margin: 0;margin-top: 52px;}
    .mob-navbar ul ul{padding: 0;margin: 0;margin-top: 0px;}
    .navbar{display: none;}
    #mobile-menu .menu-trigger{right: 13px;top: 45px;}
    .mob-navbar .btn{margin-top: 20px;margin-left: 13px;}
    .banner .container {max-width: 1150px; }
    .header:before{width: 530px;}
    .header:after{right: 530px;}
    .banner .banner_blk .banner_left h2{font-size: 21px;}
    .banner .banner_blk .banner_left p{margin: 20px 0 30px;}
    .square{width: 100px;height: 100px;top: 10%;z-index: -1;}
    .banner:before{top: 10px;}
    .banner .banner_blk .banner_right{margin-left: 0px;width: 100%;text-align: center;}
    .banner .banner_blk .banner_left{margin-left: 0px;width: 100%;}
    .download{width: 95%;}
    .our_services .our_services_blk .our_services_item{width: 100%;margin-bottom: 30px;}
    .our_services .our_services_blk .our_services_item:last-child{margin-right: 10px;}
    .our_services .our_services_blk .our_services_item:first-child{margin-left: 10px;}
    .common_text h2{font-size: 25px;}
    .our_services{padding: 80px 0 30px;}
    .solution{padding: 50px 0 50px;border-radius: 80px 0;}
    .solution .solution_blk h2{font-size: 23px;}
    .solution .solution_bottom_item{width: 146px;padding: 15px;height: 146px;}
    .solution .solution_bottom{max-width: 465px;margin: 30px auto 0;}
    .solution .solution_bottom_item h5{font-size: 14px;}
    .our_work .our_work-blk{justify-content: center;}
    .our_work{padding: 60px 0;}
    .our_work .our_work-blk a img{width: 190px;height: 190px;}
    .about_us .company_strategy_blk{padding: 30px 40px 30px 80px;}
    .about_us .about_us_blk{padding: 30px 80px 30px 40px;}
    .navbar li a{padding: 0 20px 20px;}
        .header_wrap{display: none;}
    .download .download_blk h3{font-size: 16px;}
    .our_services:before{height: 428px;}
    .solution .solution_blk p{margin: 5px 0px 20px;}
    .about_us .about_us_blk{width: 100% !important;clip-path: initial;padding: 35px 20px 35px 30px;margin-bottom: 20px;}
    .about_us .company_strategy_blk{width: 100%;clip-path: initial;padding: 35px 20px 35px 30px;}
    .about_us{display: block;}
    .footer .footer_bottom{display: block;}
    .footer form{width: 100%;max-width: 700px;margin: 0 auto;}
    .footer .contact_us{width: 100%;text-align: center;max-width: 700px;margin: 0 auto;}
    .footer .contact_us h5{display: block;}
    .footer .contact_us .contact_blk i{margin-right: 10px;}
    .slider {padding: 50px 0 20px; }
    .header_wrap .container{display: block;text-align: center;}
    .header:before{display: none;}
    .header:after{display: none;}
    .banner{padding: 40px 0 90px;min-height: 600px;}
    .banner .banner_blk{text-align: center;}
    .banner .banner_blk h2{font-size: 26px;}
    .download .btn{margin-left: 20px;}
    .about .about_sec .about_sec_right_wrap:before{right: 0px;z-index: -1;left: initial !important;}
    .about .about_sec .about_sec_right:before{left: 0px;z-index: -1;}
    .about .about_sec .about_sec_left h2{font-size: 23px;}
    .about .about_sec .about_sec_left p{font-size: 14px;margin-bottom: 10px;}
    .about .about_sec{flex-direction: column-reverse;}
    .about .about_sec .about_sec_left{width: 100%;margin-top: 30px;padding: 0;text-align: center;}
    .about .about_sec .about_sec_right_wrap{width: 100%;}
    .about .about_second{flex-direction: initial;display: block;}
    .about .about_sec .about_sec_right{width: 100%;margin: 30px 0;}
    .about {padding: 0px 0 0px; }
    .about_banner{padding: 0 !important;min-height: 300px;}
    .about_banner h1{width: 100%;font-size: 30px;}
    .our_work_wrap .content_wrap a img{width: 214px;height: 214px;}
    .our_work_wrap input.btnSwip{padding: 5px 10px;font-size: 11px;}
    .our_work_wrap {padding: 30px 0 0; }
    .about_us .container{display: block;}
    .about_us{padding: 50px 0 40px;}
    .gurantee .gurantee_wrap .gurantee-item{width: 48%;margin-bottom: 20px;}
    .gurantee {margin-top: 40px;margin-bottom: -20px;}
    .gurantee_services{margin-bottom: 50px;}

    }

@media(max-width: 500px){
    .banner:before{display: none;}
    .square{display: none;}
    .banner .banner_blk .banner_left h2{font-size: 18px;}
    .banner .banner_blk .banner_left{text-align: center;}
    .download .download_blk{display: block;text-align: center;}
    .download .btn{margin-left: 0;margin-top: 20px;}
    .download{padding: 20px 10px;
      margin-top: 20px;position: initial;left: 0;transform: initial;width: 93%;}
    .our_services{padding: 30px 0 30px;}
    .common_text h2{font-size: 22px;}
    .common_text h2:before{width: 50px;}
    .common_text h2:after{right: 230px;}
    .our_services .our_services_blk .our_services_item{margin: 0 0 20px 0 !important;}
    .our_services .our_services_blk .our_services_item:first-child{margin: 0;}
    .our_services .our_services_blk .our_services_item .our_services_item_blk h3{font-size: 20px;}
    .our_services .our_services_blk .our_services_item .our_services_item_blk{padding: 19px 15px 19px;}
    .solution .solution_bottom_item{width: 100%;height: 180px;}
    .our_work .our_work-blk a img {width: 100%; height: 250px; }
    .our_work {padding: 30px 0 35px; }
    .slider {padding: 40px 0 2px; }
    .footer .social_icon i{font-size: 14px;width: 25px;height: 25px;margin: 0px 2px;}
    .footer .footer_bottom{margin-top: 20px;padding-bottom: 10px;}
    .footer h3{font-size: 17px;text-align: center;}
    .footer form .form_group .form_row{width: 100%;}
    .footer form .form_group{display: block;}
    .footer form .btn{display: flex; justify-content: center; align-items: center; width: 57%; margin: 0 auto 30px;}
    .footer .contact_us h5{font-size: 14px;}
    .footer .number{display: flex; font-size: 19px !important; justify-content: center; align-items: center;}
    .footer{padding: 30px 0 0;}
    .footer_last{font-size: 13px;}
    .about .about_sec .about_sec_right:before{bottom: -36px;}
    .responsive-map .map{width: 90%;}
    .responsive-map{padding: 40px 0;}
    .our_work_wrap input.btnSwip{display: block;}
    .our_work_wrap .group-swp-button-wrapper{width: 100%;padding: 20px 7px;}
    .our_work_wrap input.btnSwip{padding: 10px 20px; font-size: 14px; margin: 0 auto;display: block;}
    .our_work_wrap .active-swip.swipe-bg-color{left: 50% !important;
    transform: translate(-50%, 0%);}
    .our_work_wrap .content_wrap a img{width: 100%;height: 250px;}
    .banner .banner_blk h2{font-size: 18px;}
    .solution{border-radius: 0;}
    .our_work .our_work-blk{display: block;}
    .our_work .our_work-blk a{display: block;margin: 0 0 20px 0;}
    .about_us .about_us_blk{padding: 35px 20px 35px 20px;}
    .about_us .company_strategy_blk{padding: 35px 20px 35px 20px;}
    .our_work_wrap .content_wrap{display: block;}
    .our_work_wrap .content_wrap a{display: block;}
    .gurantee .gurantee_wrap .gurantee-item{width: 100%;}
    
    }

